@charset "utf-8";
/*[bra set page]*/

.mainbox_wrap{
	width: 100%;
	background: #FEE3D8;
}

.mainbox{
	transform-origin: top center;
	width: 100%;
	max-width: 600px;
	margin: 0 auto;
	font-size: 12px;
	font-family:'Noto Sans Japanese', '�q���M�m�p�S Pro W3', 'Hiragino Kaku Gothic Pro', 'Montserrat', '���C���I', Meiryo,	'�l�r �o�S�V�b�N', sans-serif;
	background: #FF829C;
	font-weight: 200;
	overflow-x: hidden;
}

.mini{
font-size: 80%;
}

.link-btn{
display: block;
margin: 2em 0 0.5em;
text-align: center;
}

.link-btn img,
.slick-slide .link-btn img{
display: inline;
}

.mainbox img{
max-width: 100%;
}

.btn_check{
display: inline-block;
margin: 4em 0;
}

.btn_check:hover{
opacity: 0.8;
background: #000;
}

.btn_check:hover img{
-webkit-filter: invert(100%);
-moz-filter: invert(100%);
-o-filter: invert(100%);
-ms-filter: invert(100%);
filter: invert(100%);
transition-duration:0.5s;
}
/**/
.boxlast{
background: #fff;
text-align: center;
margin-top: -1px;
padding-top: 1em;
}

.thx{
padding: 6em 0;
}
.limg img{
width: 90%;
}
.llgo{
padding: 1.2em 0 1em;
}
.llgo img{
width: 40%;
}
.ltxt{
font-size: 90%;
font-weight: 400;
}
.btbox{
padding: 3em 0;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
.btbox a{
width: calc(50% - 2em);
margin: 0 1em;
}

.btbox a:hover,
.btbox a:active{
opacity: 0.9;
}



/*coupon*/
.hight-coupon{
	text-align: center;
	background-color: #faf9f5!important;
	
}
.couponbox{
	width: calc(90% - 2em);
	padding: 2em 1em 2em;
	margin: 0.5em 1em;
	position: relative;
	border: solid 1px #e91616;
	text-align: center;
}

.couponbox .ctit{
position: absolute;
top: -1.5em;
left: 0em;
width: 100%;
color: #E60016;
}

.couponbox .ctit span{
display: inline-block;
background: #fff;
}

.couponbox .cname{
font-weight: 400;
font-size: 110%;

}

.couponbox .cname span{
font-weight: 600;
font-size: 330%;
line-height: 1.4em;
color: #ff829c

}

.couponbox .ccoupon{
font-size: 110%;
}
.couponbox .ccoupon span{
letter-spacing: 0.3em;
font-size: 140%;
font-weight: 500;

}

.attention{
	color: rgb(228, 49, 49);
	font-size: 90%;
	text-align:center;
	margin-bottom: 50px;
}

.couponbox .ed{
line-height: 160%;
font-size: 90%;
}

.couponbox .ccover,
.couponbox .ocover{
position: absolute;
width: 100%;
height: 100%;
background: #000;
color: #fff;
opacity: 0.8;
top: 0px;
left: 0px;
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
align-items: center;
justify-content: center;
flex-wrap: wrap;
font-size: 160%;
z-index: 999;
}

.couponbox .ocover{
opacity: 1;
}

.couponbox .ocover span,
.couponbox .ccover span{
color: #fff;
}

.ccoupon a{
display: inline-block;
background: #FF829C;
color: #fff;
font-size: 90%;
margin-top: 1em; 
padding: 0.2em 1.5em;
border: solid 1px #FF829C;
text-decoration: none;
box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 3px 1px;
}

.goshopping{
font-size: 120%;
padding: 1em;
border-radius: 2em;
display: block;
width: calc(100% - 8em);
margin: 2em auto;
text-decoration: none;
background: #FF829C;
color: #fff;
}

.goshopping:hover,
.goshopping:active{
background: #EC332D;
}

.goshopping.v2{
width: 50%;
margin: 3em 25% 3em;
text-align:center;
font-size: 80%;
line-height: 100%;
padding-top: 0.5em;
}

.goshopping.v2 .mini{
font-size: 60%;
line-height: 80%;
display: inline-block;
}


.recommendbox{
font-weight: 300;
}


.recimagebox{
display: -webkit-box;
display: flex;
align-items: stretch;
-webkit-box-pack: center;
justify-content: center;
flex-wrap: wrap;
margin: 1em 0;
padding: 0;
}
.recimagebox li{
width: calc(48% - 5px);
margin: 2px;
border: solid 1px #ccc;
position: relative;
background: #fff;
}

.coupon_kotira {
padding: 3em 0 0;
font-size: 1.2em;
letter-spacing: 0.1em;
font-weight: 500;
color: #C84E4E;
}

/*box_top01*/
.braset_imgs li{
float: left;
margin: 10px;
overflow: hidden;
}

/*box_more*/
.box_more{
position: relative;
padding-top: 30%;
}

.box_more .more_link{
position: absolute;
right: 0;
top: 25%;
z-index: 10;
}

.box_more .more_link:hover{
opacity: 0.8;
background: #fff;
}