@media only screen and (max-width: 639px){
#titlearea .titlearea-inner{background:url(../img/price/visual_img.png) no-repeat center bottom;background-size:auto 88%}
#main .toplist h3{font-size:18px;margin-bottom:8px;font-weight:bold;color:#000}
#main .toplist a:hover{text-decoration:none}
#main .toplist dt{margin-bottom:8px;text-align:center}
#main .toplist dd{margin-bottom:16px}
#main .toplist li{line-height:1.9;background:url(../img/icon/ar_list_medium.png) no-repeat 0 6px;background-size:16px auto;padding-left:20px}
#main #enter,#main #course,#main #option{margin-top:40px}
#main .dl-list:after{clear:both;content:".";display:block;height:0;visibility:hidden}
#main .dl-list dt{float:left;font-size:14px}
#main .dl-list dd{margin-left:80px;font-size:14px}
#main td.price{text-align:center;font-weight:bold}
#main td.price span{font-size:12px;display:block}
#main .etc_course li{margin-bottom:16px}
#main .box{margin:0 16px 16px 16px;font-size:14px}
#main .box p{margin-bottom:8px}
#main .box .bold{font-weight:bold}
}

@media print, screen and (min-width: 640px){
#titlearea h1{background:url(../img/price/visual_title.jpg) no-repeat 0 0}
#titlearea .titlearea-inner{background:url(../img/price/visual_img.png) no-repeat right bottom}
#main .toplist{margin-bottom:32px}
#main .toplist dt{margin-bottom:8px}
#main .toplist dt a{padding:24px 0;text-align:center;display:block;border:solid 4px #E4E9E9;background:#EEEEEE;font-size:22px;color:#000}
#main .toplist dt a:hover{text-decoration:none;border:solid 4px #09c}
#main .toplist dd li{width:50%;float:left;line-height:1.4}
#main .toplist dd li a{background:url(../img/common/pc/ar_list_blue.png) no-repeat 0 1px;padding-left:20px}
#main .toplist-bike{float:left;width:362px;margin-bottom:32px}
#main .toplist-special{float:right;width:362px;margin-bottom:32px}
#main #enter,#main #course,#main #option{margin-top:40px}
#main .dl-list:after{clear:both;content:".";display:block;height:0;visibility:hidden}
#main .dl-list dt{float:left}
#main .dl-list dd{margin-left:80px}
#main td.price{text-align:center;font-weight:bold}
#main td.price span{font-size:12px}
#main .etc_course li{display:inline-block}
#main .box{margin:0 16px 16px 16px;font-size:14px}
#main .box p{margin-bottom:8px}
#main .box .bold{font-weight:bold}
#main .step-list{font-size:14px;padding:8px;margin-bottom:8px;border:solid 1px #ccc;-webkit-border-radius:6px;-moz-border-radius:6px;-o-border-radius:6px;-ms-border-radius:6px;border-radius:6px}
#main .step-list:after{clear:both;content:".";display:block;height:0;visibility:hidden}
#main .step-list dt{float:left;color:#09c;font-weight:bold}
#main .step-list dd{margin-left:80px}
#main .flow{width:280px;float:left}
#main .flow-box{float:left;margin-left:32px}
}


#main .price-list{display:flex;padding:16px 0;border-bottom:solid 1px #D5DEDE}
#main .price-list.recommend{background:#ffffc8}
#main .price-list .box-img{width:148px}
#main .price-list .box-img img{width:100%;height:auto}
#main .price-list .box-text{flex:1;padding:0 25px 0 20px}
#main .price-list .box-btn{display:flex;align-items:center;width:140px}
#main .price-list .box-btn a{display:block;width:100%;background:#FF9326;padding:10px;box-sizing:border-box;color:#fff;font-weight:bold;letter-spacing:1px;text-align:center;border-radius:6px;-webkit-transition:all 1s ease;transition:all 1s ease}
#main .price-list .box-btn a:hover{opacity:0.7;text-decoration:none}
#main .price-list .box-btn a span{padding-left:20px;position:relative}
#main .price-list .box-btn a span:before{content:'';display:block;background:url(../img/icon/ar_list_white.png) no-repeat 50% 50%;background-size:contain;width:14px;height:14px;position:absolute;top:0;left:0;bottom:0;margin:auto}
#main .price-list h3{font-size:18px;margin-bottom:4px}
#main .price-list h3 span{line-height:12px;padding:4px 6px;background:#FF9326;font-size:12px;color:#fff;vertical-align:middle;display:inline-block;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px}
#main .price-list h3 a{background:url(../img/icon/ar_list_small.png) no-repeat left center;background-size:16px auto;padding-left:20px;color:#0099cc;font-weight:bold;text-decoration:underline}
#main .price-list h3 a:hover{text-decoration:none}
#main .price-list dl{font-size:12px;color:#666666;margin-bottom:6px}
#main .price-list dl dt,#main .price-list dl dd{float:left;margin-right:4px;margin-bottom:4px}
#main .price-list dl dt{padding:2px 0;font-weight:bold}
#main .price-list dl dd{background:#F8F8F8;border:solid 1px #D5DEDE;padding:2px 6px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px}
#main .price-list p{margin:0}
#main .price-list .lead{font-size:16px}
#main .price-list .price{margin:10px 0;font-size:22px;color:#222222;font-weight:bold;line-height:1.0}
#main .price-list .price span{font-size:14px}
#main .paper-list{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;padding:0 16px 8px}
#main .paper-list dt{min-width:220px;font-weight:bold}
#main .paper-list dd .price{color:#D80000;font-size:22px;font-weight:bold;padding:0 2px}
#main .paper-list dd .tax{color:#D80000}
#main .flow p{position:relative;border:8px solid #A1D9F5;padding:8px 16px;margin-bottom:24px;font-weight:bold;text-align:center}
#main .flow p:after{content:'';position:absolute;display:block;width:13px;height:8px;background:url(../img/common/arrow_blue_bottom.png) no-repeat 0 0;background-size:13px auto;left:50%;margin-left:-6px;bottom:-24px}
#main .flow p.last:after{display:none}
#main .timetable td{text-align:center}
#main .timetable td.none{background-color:#e4e3e3}
#main .timetable td.ok{color:rgba(216,0,0,0.5)}
#main .timetable__ok{color:rgba(216,0,0,0.5)}
#main .point-box{padding:0 30px 30px;border:10px solid #A1D9F5;border-top:none}
#main .point-box h2{background:#A1D9F5;margin:0 -30px 20px;padding:20px 30px;color:#0099cc;font-size:24px;font-weight:bold;text-align:center}
#main .point-box dl dt{margin-bottom:5px;font-size:20px;font-weight:bold}
#main .point-box dl dd{margin-bottom:15px;padding-bottom:15px;font-size:16px;border-bottom:solid 1px #D5DEDE}
#main .point-box dl dd:last-of-type{margin-bottom:0;padding-bottom:0;border-bottom:none}
#main .step-box{margin-top:20px}
#main .step-box>li{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;margin-bottom:20px;padding-bottom:20px;border-bottom:dotted 1px #D5DEDE}
#main .step-box>li:last-of-type{margin-bottom:0}
#main .step-box__left{width:80px}
#main .step-box__right{flex:1;padding-left:30px}
#main .step-box__right h3{margin-bottom:15px;color:#0099cc;font-size:20px;font-weight:bold}
#main .step-box__right .step-icon{display:inline-block;background:#0099cc;margin-right:10px;padding:3px 15px;color:#fff;font-size:14px;font-weight:bold;border-radius:24px;position:relative;top:-2px}
#main .step-box__right p{font-size:16px}


@media only screen and (max-width: 639px){
#main .price-list{display:block;padding:16px 0;border-bottom:dotted 1px #666}
#main .price-list .box-img{float:left;width:30%}
#main .price-list .box-img img{height:auto}
#main .price-list .box-text{float:right;width:66%;margin:0;padding:0}
#main .price-list .box-btn{float:right;width:66%;margin:10px 0 0}
#main .price-list .box-btn a{display:block;width:100%;background:#FF9326;padding:5px 10px;box-sizing:border-box;color:#fff;font-weight:bold;letter-spacing:1px;text-align:center;border-radius:6px}
#main .price-list .box-btn a:hover{opacity:1;text-decoration:none}
#main .price-list .box-btn a span{padding-left:20px;position:relative}
#main .price-list .box-btn a span:before{content:'';display:block;background:url(../img/icon/ar_list_white.png) no-repeat 50% 50%;background-size:contain;width:14px;height:14px;position:absolute;top:0;left:0;bottom:0;margin:auto}
#main .price-list h3{font-size:18px;margin-bottom:0}
#main .price-list h3 span{line-height:12px;padding:4px 6px;background:#FF9326;font-size:12px;color:#fff;vertical-align:middle;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px}
#main .price-list h3 a{background:url(../img/icon/ar_list_small.png) no-repeat left center;background-size:16px auto;padding-left:20px;color:#0099cc;font-weight:bold;text-decoration:underline}
#main .price-list h3 a:hover{text-decoration:underline}
#main .price-list dl{display:none;margin:0;padding:0}
#main .price-list p{margin:0;font-size:14px}
#main .price-list .price{font-size:18px;color:#D222222;font-weight:bold;line-height:1.2;margin-bottom:10px}
#main .price-list .price span{font-size:14px}
#main .paper-list{display:block;padding:0 16px 8px}
#main .paper-list dt{min-width:auto}
#main .paper-list dd{margin-left:16px}
#main .paper-list dd .price{color:#D80000;font-size:22px;font-weight:bold;padding:0 2px}
#main .paper-list dd .tax{color:#D80000}
#main .paper-list dd .tax.sp_block{display:block}
#main .need{border:4px solid #A1D9F5;padding:8px;margin-bottom:30px}
#main .timetable{position:relative;display:block;border-collapse:collapse}
#main .timetable thead{display:block;float:left}
#main .timetable tbody{display:block;width:auto;position:relative;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}
#main .timetable th{width:auto;display:block}
#main .timetable td{display:block}
#main .timetable tr{display:inline-block}
#main .timetable tbody tr{display:inline-block;margin-right:-5px}
#main .point-box{padding:0 16px 16px;border:5px solid #A1D9F5;border-top:none}
#main .point-box h2{margin:0 -16px 16px;padding:10px 16px;font-size:20px}
#main .point-box dl dt{font-size:16px}
#main .point-box dl dd{font-size:14px}
#main .step-box{margin-top:16px}
#main .step-box>li{margin-bottom:16px;padding-bottom:16px}
#main .step-box__left{width:60px}
#main .step-box__right{padding-left:16px}
#main .step-box__right h3{margin-bottom:10px;font-size:16px}
#main .step-box__right .step-icon{margin-right:0;margin-bottom:5px;font-size:12px;top:0}
#main .step-box__right p{font-size:14px}
#main .step-box__right a{font-size:14px}
}
.otherplan{padding-left:8px}
.otherplan li{line-height:1.4;margin:4px}
.otherplan li a{background:url(../img/common/pc/ar_list_blue.png) no-repeat 0 1px;padding-left:20px}