@charset "utf-8";
/* CSS Document */


.country {
	border-top:1px solid #cccacb;
	padding-top:3rem;
}
.country ul {
	justify-content:flex-start;
	width:100%;
	margin:2rem auto;
}
.country ul li {
	width:25%;
	padding:1%;
	display:block;
	text-align:center;
	padding:0.8rem 0.5rem 0;
	position:relative;
	line-height:1.4;
	margin-bottom:2rem
}
.country ul li img {
	max-width:100%;
	margin-bottom:0.3rem;
}


#products .inner div:last-of-type{border-bottom:1px solid #cccacb;margin-bottom:5rem;}

.btn_red {
	-webkit-box-pack:end;
	-ms-flex-pack:end;
	justify-content:flex-end;
}
.btn_red a {
	font-size: 1.6rem;
	padding: 0.7em 0em;
	text-align: center;
	width: 25rem;
}
.btn_red span{
  border: 0;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.btn_back{
text-align:center;
}

.btn_back a{
font-size: 1.8rem;
    color: #FFF;
    padding: 1em 7em;
    border-radius: 3em;
    background-color: #ff0909;
    transition-duration: 0.5s;
    display: inline-block;
    position: relative;
}

.btn_back a:after{
content: "";
    vertical-align: middle;
    position: absolute;
    top: 50%;
    margin-top: -0.25em;
    right: 1em;
    width: 0.35em;
    height: 0.35em;
    border-top: 0.15em solid #FFF;
    border-right: 0.15em solid #FFF;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

#navi {
	margin-bottom:3rem;
}

#navi li {
	width:20%;
}

#navi li:nth-of-type(8) {
	width:40%;
	}

#navi li a {
	color: #2f2f2f;
	display: block;
	border: solid 1px #d4d4d4;
	padding: 0.5em;
	border-radius: 3em;
	margin: 0 0.3em 0.5em 0;
	text-align:center;
	
}
#navi li:hover a {
	color:#EB0100;
	border:solid 1px #EB0100;
}

/*---------------------------------------------------------------
横幅768px～1190pxまでのレイアウト
---------------------------------------------------------------*/
@media screen and (min-width:768px) and (max-width:1150px) {
#logo_area ul li a {
	font-size:1.35vw;
}
}





/*---------------------------------------------------------------
スマホレイアウト
---------------------------------------------------------------*/
@media screen and (max-width:767px) {
	
h2{font-size:2.4rem;}
.country ul {
	margin-bottom: 2rem;
}
.country ul li {
	width: 50%;
}

#navi ul.flex {

justify-content: start;

}

#navi li {
	width:33%;
	font-size:3.5vw;
}
#navi li:nth-of-type(8) {
	width: 67%;
}

.btn_red a {
	font-size: 4vw;
	padding: 0.5em 0em 0.5em 0.8em;
	width: 46.5vw;
	text-align:left;
}


#japan .btn_red a {width:52vw;}

.btn_back a {
    padding: 1em 3em;
}

#products .inner div:last-of-type a{text-align:center;}

}