@charset "utf-8"; 


/*---------------------------
Body
---------------------------*/



/*---------------------------
共通
---------------------------*/
.cf:before,
.cf:after {content: " ";display: table;}
.cf:after {clear: both;}
.cf{*zoom: 1;}

.pc{display:block;}
.sp{display:none;}

.full-line{margin-bottom:0!important;}
#background{padding-bottom: 0!important;}

.kimetsu-contents img{width: 100%;}
.kimetsu-contents a:hover{opacity: 0.8;}

@media only screen and (max-width:480px){
.pc{display:none;}
.sp{display:block;}

.kimetsu-contents a:hover{opacity:1;}
}



.hero{width: 100%; background: #231816;}
.hero ul{width: 100%;display: flex; justify-content: center;}
.hero li{width: 25%;}
.hero li.pict03{width:39.3%; }

@media only screen and (max-width:480px){
.hero ul{display: block;}
.hero li{width: 50%; display:block; float: left;}
.hero li.pict03{width:100%; }
}

.collabo{width: 100%; background: url("https://www.yamasa.com/marunamapons/images/kimetsu/bg01.jpg") no-repeat top; background-size: cover;}
.collabo .collabo-inner{ padding:55px 0;display: flex; justify-content: center;align-items: center; flex-flow: column;}
.collabo .collabo-logo{max-width:565px; width:70%;}
.collabo .collabo-copy{max-width: 666px; width: 80%; margin-top: 30px; min-height: 0%;}
.collabo .collabo-product{max-width: 548px; width: 70%; margin-top: 70px;min-height: 0%;}
.collabo .collabo-btn{max-width:360px; width: 90%;  margin-top: 50px;min-height: 0%; }

@media only screen and (max-width:900px){
.collabo .collabo-btn{width:40vw;}
.collabo .collabo-logo{width: 62.778vw; }
.collabo .collabo-copy{ width: 74vw; }
.collabo .collabo-product{width: 60.889vw; }
}

@media only screen and (max-width:480px){
.collabo{background: url("https://www.yamasa.com/marunamapons/images/kimetsu/bg01_sp.jpg") no-repeat top center; background-size: cover;}
.collabo .collabo-inner{ padding:35px 0;}
.collabo .collabo-logo{ width: 75%;}
.collabo .collabo-copy{width:85%; }
.collabo .collabo-product{width: 80%; margin-top: 40px;}
.collabo .collabo-btn{max-width:none; width: 80%;  margin-top: 30px; }
}



.product{width: 100%; background: url("https://www.yamasa.com/marunamapons/images/kimetsu/bg02.jpg") no-repeat top; background-size: cover;}
.product .product-inner{ padding:60px 0;}
.product .product-tit{max-width:333px; width: 30%; position: relative; z-index: 1; margin: 0 auto;}
.product .product-tit span{display: block;width:130%; position: absolute;bottom: -30px; left: -25px;z-index: -1;}
.product .product-box{display: flex; justify-content: space-between; color: #fff; max-width: 870px; width: 90%; margin: 80px auto 0;}
.product .product-left{width: 400px;}
.product .product-right{width: 404px;}
.product .product-name img{ padding-bottom: 15px; border-bottom: 1px solid #fff;}
.product .product-left .product-name{max-width:333px; margin: 0 auto;}
.product .product-right .product-name{max-width: 405px; margin: 0 auto;}
.product ul{position: relative;display: flex; justify-content: center;align-items:flex-end; margin-top: 30px; z-index: 1;}
.product ul::after{position: absolute; top: 2%; left: 0; z-index: -1; content: ''; background: url("https://www.yamasa.com/marunamapons/images/kimetsu/product-bg.png") no-repeat;width: 100%; height: 100%; background-size: contain;}
.product .product-right ul::after{width: 89.5%; height: 89.5%; background-size: contain;}
.product li.big{max-width:106px; margin-right:37px;}
.product li.mini{max-width:94px;}
.product .product-type{font-size: 16px; font-weight: normal; text-align: center; margin-top: 10px;}
.product .product-txt{font-size: 15px;line-height: 1.6em;}
.product .product-left .product-txt{padding-bottom: 1.55em; margin: 30px auto 0;}
.product .product-right .product-txt{width: 400px; margin: 30px auto 0;}
.product .product-btn{margin: 30px auto 0; max-width: 360px; }


@media only screen and (max-width:900px){
.product .product-box{width: 96.667vw; padding: 0 10px;}
.product .product-left{width: 50%;}
.product .product-right{width: 50%;}
.product ul::after{width: 89.5%; height: 89.5%; background-size: contain;}
.product .product-left .product-name{width: 37vw;}
.product .product-right .product-name{width: 45vw; }
.product .product-type{font-size: 1.778vw;}
.product .product-txt{font-size: 1.467vw;}
.product .product-left .product-txt{width: 40vw; }
.product .product-right .product-txt{width: 40vw; }
.product .product-btn{width: 40vw; }
}

@media only screen and (max-width:480px){
.product .product-inner{ padding:35px 0;}
.product .product-tit{max-width:none; width: 55%;}
.product .product-tit span{bottom: -20px; left: -25px;z-index: -1;}
.product .product-box{display: block; width:100%; padding: 0; margin: 50px auto 0;}
.product .product-left{width: 100%;}
.product .product-right{width: 100%;}
.product .product-left .product-name{width: 50%;}
.product .product-right .product-name{width: 62%;}
.product li.big{max-width:none; margin-right:25px; width: 25%; }
.product li.mini{max-width:none; margin-right:0; width: 25%;}
.product ul::after{ top: 2%; left: 0; right: 0; margin: auto;width: 80%; height: 80%;}
.product .product-right ul::after{width: 80%; height: 80%; }
.product .product-type{font-size: 13px; line-height: 1.4em;}
.product .product-left .product-txt{width: 80%;padding-bottom:0; font-size: 12px; margin: 20px auto 0; }
.product .product-right .product-txt{width: 80%;font-size: 12px;  margin: 20px auto 0;}
.product .product-btn{width: 80%;margin: 20px auto 0;}
.product .product-right{ margin-top: 50px;}
}

@media only screen and (max-width:375px){
.product .product-left .product-txt{font-size: 3.2vw; }
.product .product-right .product-txt{font-size: 3.2vw; }
}


.kabegami{width: 100%; background: url("https://www.yamasa.com/marunamapons/images/kimetsu/bg03.jpg") no-repeat top; background-size: cover;}
.kabegami .kabegami-inner{max-width: 920px; margin: 0 auto;padding:60px 10px;}
.kabegami .kabegami-tit{max-width:384px; width: 50%; position: relative; z-index: 1; margin: 0 auto;}
.kabegami .kabegami-tit span{display: block;width:130%; position: absolute;bottom: -30px; left: -25px;z-index: -1;}
.kabegami .kabegami-copy{max-width:450px; width: 40%; margin: 70px auto 0;}
.kabegami .kabegami-sub-tit{max-width:820px; width:100%; margin: 25px auto 0;}
.kabegami .kabegami-box{margin-top: 50px;display: flex; justify-content: space-between;}
.kabegami .kabegami-left{max-width: 460px; width: 50%;}
.kabegami .kabegami-right{max-width: 378px; width: 50%;}
.kabegami li{ margin-bottom: 10px;}
.kabegami .kabegami-txt{font-size:12px; margin-top: 50px; color: #fff;}


@media only screen and (max-width:900px){
.kabegami .kabegami-inner{width: 102.222vw;}
.kabegami .kabegami-left{width: 51.111vw; }
.kabegami .kabegami-right{width: 42vw; }
}


@media only screen and (max-width:480px){
.kabegami{ background: url("https://www.yamasa.com/marunamapons/images/kimetsu/bg03_sp.jpg") no-repeat top; background-size: cover;}
.kabegami .kabegami-inner{max-width: none; width: 100%; padding:35px 0;}
.kabegami .kabegami-tit{max-width:none; width: 55%;}
.kabegami .kabegami-tit span{bottom: -20px; left: -25px;z-index: -1;}
.kabegami .kabegami-copy{width:75%; margin: 50px auto 0; }
.kabegami .kabegami-sub-tit{ width:80%; margin: 15px auto 0;}
.kabegami .kabegami-box{margin: 30px auto 0;display: block; width: 80%;}
.kabegami .kabegami-left{max-width: none; width: 100%;}
.kabegami .kabegami-right{max-width: none; width: 100%; margin-top: 10px;}
.kabegami .kabegami-txt{width: 80%; margin: 20px auto 0; font-size: 10px;line-height: 1.6em; }
}