@charset "UTF-8";#slide{position:relative;margin-bottom:20px;height:505px;}
#slide .slick-list ,#slide .slick-track{height:100%;border-radius:15px 15px 0 0;}
#slide a:focus{outline:-webkit-focus-ring-color auto 0;}
#slide img{width:100%;height:auto;margin:0 auto;}
#slide .detail{position:absolute;bottom:0;background-color:rgba(255,255,255,0.6);width:100%;padding:10px;box-sizing:border-box;font-size:28px;font-size:2.8rem;line-height:1.4;left:0;}
.cassette_inner{height:100%;}
#slide .cassette.new:before{content:'NEW';display:inline-block;background-color:#87bc44;width:80px;height:80px;line-height:80px;position:absolute;transform:translateY(-50%);font-size:20px;font-size:2.0rem;text-align:center;color:#fff;z-index:5;border-radius:120px;font-family:'Roboto', sans-serif;top:10px;left:10px;transform:scale(0.7);transform-origin:left top;}
#slide .cassette .detail h2 a{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;}
#main .ttl{font-family:'Maven Pro', sans-serif;text-align:center;font-size:36px;font-size:3.6rem;position:relative;margin-bottom:20px;}
#main .ttl:before{content:'';width:100%;height:1px;background-color:#87bc44;display:inline-block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
#main .ttl span{background-color:#f7f7f7;position:relative;z-index:2;padding:0 10px}
.slick-dots{bottom:80px;text-align:right;box-sizing:border-box;bottom:auto;top:0;}
.slick-dots li{width:10px;}
.slick-dots li button:before{font-size:8px;width:10px;content:'•';text-align:center;opacity:1;color:#fff;}
.s1{border-bottom:1px solid #dadada;margin-bottom:30px;}
@media screen and (max-width:768px){.s1,.s2{border-top:1px solid #e6e6e6;padding-top:20px;margin-bottom:30px;background-color:#fff;}
.s1.on{display:block;}
.s2{display:none;}
.s2.on{display:block;}
#main .tab{width:96%;margin:0 auto;overflow:hidden;position:relative;z-index:10000;bottom:-1px;}
#main .tab li{border:1px solid #f4f4f4;border-bottom-width:0;border-radius:10px 10px 0 0px;background-color:#e6e6e6;width:49%;float:left;box-sizing:border-box;margin-right:2%;position:relative;text-align:center;overflow:hidden;}
#main .tab li a{color:#444;display:block;padding:5px;}
#main .tab li.on{background-color:#fff;}
#main .tab li:nth-child(2){margin-right:0;}
#main .tab li:nth-child(2) a{color:#777}
#main .tab li.on:before{content:"";width:100%;height:1px;background-color:#87bc44;position:absolute;top:0;left:0;}
#slide{height:63vw;margin:0 auto 10px;border-radius:0;}
#slide .cassette.new .detail:before{font-size:100%;}
#slide .slick-list ,#slide .slick-track{border-radius:0;}
.slick-dots li button{width:10px;}
#slide .detail{font-size:14px;font-size:1.5rem;padding:5px;}
#main .ttl{display:none;}
.s2{display:none;}
}
.wp-pagenavi{width:100%;text-align:center;clear:both;margin:10px auto 20px;}
@media screen and (min-width:769px){#slide{border-radius:10px;overflow:hidden;}
.slick-dots{padding-right:25px;top:0;}
#slide .cassette.new:before{transform:scale(1);}
#main .tab{display:none;}
.wp-pagenavi{margin:0 auto 20px;}
}