@charset "UTF-8";
body{font-family: "HelveticaNeue","HelveticaNeue-bold","ヒラギノ角ゴ ProN W3","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","游ゴシック体","Yu Gothic","YuGothic","メイリオ",Meiryo,Verdana, Roboto, "Droid Sans","ＭＳ Ｐゴシック","Cambria","Times",sans-serif;}
section{font-size:0;}
a:hover{opacity:0.7;}
.dsp_none{display:none;}
img{border:none; max-width:100%; height:auto; width /***/:auto;}
.switch {visibility: hidden;}

header h1{text-align:center; background:#000;}
header #hd_wrap{max-width:1200px; width:100%; margin:0 auto;}

#all_wrap{max-width:1200px; width:100%; margin:0 auto;}
.cta,.tel{text-align:center;}
.cta div,.tel div{position:relative;}
.cta div a{display: block; margin: -14% auto 4%; width: 60%;}
.tel div a{display: block; margin: -5% auto 0; width: 60%;}
.try{text-align:right;}
.try a{border:none; outline:none;}

#ejb-users-voice{background:url('../images/area15_pc.png') no-repeat; background-size:cover; padding-bottom:85px; padding-top:360px;}
#ejb-voice-list{width:900px; height:280px; margin:45px auto 0; background:#fff; border: 2px solid #CCC; padding-bottom: 45px; overflow-y:scroll; overflow-x:hidden;}
#ejb-users-voice ul{box-sizing: border-box; display: flex; justify-content:space-around; margin-top:40px; padding:0 20px;}
#ejb-users-voice ul li{width:calc(50% - 40px);}
#ejb-users-voice ul li p{font-size:15px!important;}
.strong{font-weight: bold;}

/*FAQ*/
#title-faq{margin:45px auto 30px; width:108px;}
#faq dl{margin:0 auto 40px; padding:14px 0; border:solid 1px #c2c2c2;}
#faq dl dt .context{color: #004ea2;}
#faq dl dd .context{color: #e60012;}
#faq dl dt,#faq dl dd{padding:0 14px; display:table; width:100%;}
#faq dl dt span,#faq dl dd span{display: table-cell; vertical-align: middle;}
#faq dl dt span.mark,#faq dl dd span.mark{width:74px; text-align: center;}
#faq dl dt span.context,#faq dl dd span.context{font-size:28px; font-weight:bold; line-height:1.5; padding-left:24px;}
#faq dl dt {padding-bottom:14px; border-bottom:solid 1px #c2c2c2;}
#faq dl dd{padding-top: 14px;}
.fw-b{font-family: 'HelveticaNeue-bold'; font-weight: bold;}

/*お申込み案内*/
#product-notice-area{margin: 40px auto; max-width: 1000px; width: 100%;}
#product-notice-area .product-notice{margin: 0 auto 20px; width: 100%;}
.product-notice dl,#product-notice-area .product-notice dl{display: table-row;}
#product-notice-area .product-notice dl dt{display: table-cell; font-size: 1rem; line-height: 1.5; padding-bottom: 0.8rem; padding-right: 0.5rem; vertical-align: top; width: 8rem;}
#product-notice-area .product-notice dl dd{display: table-cell; padding: 0 0 1rem; vertical-align: top;}
#product-notice-area .product-notice dl dd ul.order.order-first{padding-bottom: 0.8rem;}
#product-notice-area .product-notice dl dd ul.order{font-size: 1rem; line-height: 1.5; margin-left: 1rem; padding: 0;}
#product-notice-area .product-notice dl dd ul{font-size: 0.8rem; line-height: 1.2; margin-left: 0.8rem; padding: 0.8rem 0 0;}
#product-notice-area .product-notice dl dd ul.order li:before{content: "●"; font-size: 1rem; margin-left: -1rem;}
#product-notice-area .product-notice dl dd ul li:before{content: "※"; font-size: 0.8rem; margin-left: -0.8rem;}
#product-notice-area .product-notice dl dd ul.order{font-size: 1rem; line-height: 1.5; margin-left: 1rem; padding: 0;}
#product-notice-area .product-notice dl dd ul.order li:before{content: "●"; font-size: 1rem; margin-left: -1rem;}
#product-notice-area .product-notice dl dd ul li:before{content: "※"; font-size: 0.8rem; margin-left: -0.8rem;}
#product-notice-area .product-notice dl dd ul{font-size: 0.8rem; line-height: 1.2; margin-left: 0.8rem; padding: 0.8rem 0 0;}
#product-notice-area .product-notice dl dd ul li:before{content: "※"; font-size: 0.8rem; margin-left: -0.8rem;}

/*ジュークプレイヤー*/
#jukebox{box-sizing:border-box; max-width:500px; width:100%; text-align:center; padding:10px; background:#fff;}
#jukebox .jukebox_atc{border:2px solid #a0a0a0; border-bottom:none; padding:10px 10px 20px;}
#jukebox #jukebox_atc_top{border-radius:10px 10px 0 0;}
#jukebox #jukebox_atc_bottom{border:2px solid #a0a0a0; border-radius:0 0 10px 10px;}
#jukebox .jukebox_atc div{position:relative;}
#jukebox .jukebox_atc div img.toplayer{position:absolute; bottom:10px; right:10px; width:20%;}

/*フッター*/
footer{background-color: #000000; display: block; width: 100%;}
footer div#footer{color: #ffffff; font-size: 0.8rem; padding: 20px; text-align: center;}

/*PC*/
@media screen  and (min-width:751px){
.sp{display: none;}}

/*SP*/
@media screen  and (max-width:750px){
.pc,.pc_inline{display: none;}
.cta div a{display:block; position:absolute; bottom:20px; left:0; width:100%; margin:0;}
.tel div a{display:block; position:absolute; bottom:0; left:0; width:100%; margin:0;}
.try{text-align:right;}


#ejb-users-voice{max-width:750px; width:100%; background:url('../images/area15_sp.png') no-repeat; background-size:100% auto; padding:220px 3% 30px;}
#ejb-voice-list{width:100%; height:120px;}
#ejb-users-voice ul{box-sizing: border-box; padding:0 20px;}
#ejb-users-voice ul li{width:calc(50% - 20px);}
#ejb-users-voice ul li p{font-size:11px!important;}

/*FAQ*/
#title-faq{width:85px;}
#faq dl{margin:0 2% 30px; padding:0;}
#faq dl dt,#faq dl dd{padding:10px; display:table; width:100%;}
#faq dl dt span.mark,#faq dl dd span.mark{width:50px;}
#faq dl dt span.context,#faq dl dd span.context{font-size:18px; line-height:1.2;}

/*お申込み案内*/
#product-notice-area .product-notice{margin: 0 2% 20px; width: 96%;}
#product-notice-area .product-notice dl dd ul{font-size: 0.7rem; line-height: 1.2; margin-left: 0.8rem; padding: 0.8rem 0 0;}

/*ジュークプレイヤー*/
#jukebox{max-width:750px;}
#jukebox .jukebox_atc{padding:5px;}
#jukebox .jukebox_atc div img.toplayer{top:45px; width:25%;}
#jukebox #jukebox_atc_top div img.toplayer{top:60px;}
#jukebox #jukebox_atc04 div img.toplayer{top:35px;}
#jukebox #jukebox_atc05 div img.toplayer{top:15px;}
}