/* CONTENTS
---------------------------------------------------------------------------*/
#container{ max-width:inherit; padding-bottom:0;}
@media screen and (max-width: 768px) {
	#container{padding-bottom:10px;}
}

section{}
section#main-btn-box{display: flex;}
section#main-btn-box .main-btn{width:50%; height:500px; background:#f5f5f5; position:relative; background:url(../img/index/mv_shop.jpg) center center no-repeat; background-size:cover;}
section#main-btn-box .main-btn:nth-child(2){float:right; background:url(../img/index/mv.jpg) center center no-repeat; background-size:cover;}

section#main-btn-box .main-btn a{ width:100%; height:100%; background:url(../img/index/bg_cover.png); display:block;  text-decoration:none; color:#fff;}

section#main-btn-box .main-btn a:hover{ background:none;}

section#main-btn-box .main-btn .data{ width:100%; text-align:center; position:absolute; top:50%; left:0; transform: translate(0, -40%);}
section#main-btn-box .main-btn .title{line-height: 1;font-family: 'Noto Sans JP', sans-serif; font-size:4.0rem; font-weight:900;}
section#main-btn-box .main-btn .sub-title{ font-size:1.4rem; font-weight:600; margin-bottom:30px;}
section#main-btn-box .main-btn .text{ display: inline-block; border:2px #CCC solid; padding:10px 40px; font-size:1.6rem; background-color: rgb(255,255,255,0.1);}

@media screen and (max-width: 768px) {
	section#main-btn-box{flex-direction: column;}
	section#main-btn-box .main-btn{width:100%; margin-top:10px; height:300px; }

}