@charset "utf-8";

#kireteru-area ._pc{display:none!important;}
#kireteru-area ._sp{display:inline-block!important;}

#kireteru-area * {-webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-box-shadow: none; box-shadow: none; outline: none;}
/*#kireteru-area a:hover{text-decoration: none; opacity: 0.7;}*/

#kireteru-area .clear { clear: both; }
#kireteru-area .clearfix { min-height: 1px; }
#kireteru-area .clearfix:after { display: block; visibility: hidden; clear: both; height: 0; content: "."; }

/* kireteru-area sp ======================================================================================================================================== */
#kireteru-area{background:#fbc201;}
#kireteru-area p{margin:0; padding:0;}
#kireteru-area img{vertical-align:bottom;}
#kireteru-area ul{margin: 0; padding: 0;}
#kireteru-area ul li{list-style: none; position: relative;}

#kireteru-area #section-mv{background:#fdf2a3;}
#kireteru-area #section-mv p{margin:0; padding:0;}
#kireteru-area #section-mv img{width:100%;}
#kireteru-area #section-mv .inner{margin:0 auto 0 auto; padding:0; overflow:hidden; text-align: center;}
#kireteru-area #section-mv .button{width:72.7%; display: inline-block; padding:10px 0 7px 0;}

#kireteru-area #section-point{}
#kireteru-area #section-point .inner{margin:0 auto 0 auto; padding:0; overflow:hidden; text-align: center; background: url(../../images/sp/bg_point.png) 50% 0 no-repeat; background-size:cover;}
#kireteru-area #section-point img{width:100%;}
#kireteru-area #section-point ul li .icon,
#kireteru-area #section-point ul li .title{opacity:0;}
#kireteru-area #section-point ul li .icon.on,
#kireteru-area #section-point ul li .title.on{opacity:1;}
#kireteru-area #section-point ul li .text{position: relative;}
#kireteru-area #section-point ul li .image{padding:0;}
#kireteru-area #section-point ul li .title{position: absolute; top:0; left:0;}
#kireteru-area #section-point .youtube{padding:0 8% 17% 8%; box-sizing: border-box;}
#kireteru-area #section-point .youtube span{position: relative; width:100%; padding-top: 56.25%; display: block;}
#kireteru-area #section-point .youtube iframe{position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important;}

#kireteru-area #section-pickup{}
#kireteru-area #section-pickup img{width:100%;}
#kireteru-area #section-pickup .inner{margin:0 auto 0 auto; padding:0 0 17% 0; overflow:hidden; text-align: center; background: url(../../images/sp/bg_pickup.png) 50% 0 no-repeat; background-size:cover;}
#kireteru-area #section-pickup .title{opacity:0;}
#kireteru-area #section-pickup .title.on{opacity:1;}

#mmi-container .recipe{margin: 0!important; padding: 0!important;}

#kireteru-area #section-recipe{}
#kireteru-area #section-recipe img{width:100%;}
#kireteru-area #section-recipe .inner{margin:0 auto 2% auto; padding:0 0 0 0; overflow:hidden; text-align: center; background: url(../../images/sp/bg_recipe.png) 50% 0 no-repeat; background-size:cover;}
#kireteru-area #section-recipe .title{opacity:0; position: relative;}
#kireteru-area #section-recipe .title.on{opacity:1;}
#kireteru-area #section-recipe ul{margin:0; padding:0 6% 14% 6%; box-sizing: border-box;}
#kireteru-area #section-recipe ul li{list-style: none; float: left; width:calc(100%/2);}
#kireteru-area #section-recipe ul li a{display: block;}

#kireteru-area #section-lineup{padding-bottom:8%;/*padding-bottom:7%;*/}
#kireteru-area #section-lineup img{width:100%;}
#kireteru-area #section-lineup .inner{margin:0 auto 0 auto; padding:0 0 27% 0; overflow:hidden; text-align: center; background: url(../../images/sp/bg_lineup2.png) 50% 0 no-repeat; /*background: url(../../images/sp/bg_lineup.png) 50% 0 no-repeat;*/ background-size:cover;}
#kireteru-area #section-lineup .title{opacity:0;}
#kireteru-area #section-lineup .title.on{opacity:1;}
#kireteru-area #section-lineup ul{margin:0 0 0 0; padding:0 12%; box-sizing: border-box;}
#kireteru-area #section-lineup ul li{list-style: none; float: left; width:calc(100%/2); margin-bottom:2px;/*margin-bottom:0px;*/}
/*#kireteru-area #section-lineup ul li:nth-child(1){float: none; width:100%; margin-bottom:0;}*/
#kireteru-area #section-lineup ul li .image{float: right; position: relative; right:150px;}
#kireteru-area #section-lineup ul li span{display: block; text-align: center;}
#kireteru-area #section-lineup ul li a{position: relative; z-index: +1;}
#kireteru-area #section-lineup ul li .button{width:50%;}