@charset "UTF-8";
/* CSS Document */

/* **ソートリスト**
1__全体設定
2__ページ設定
3__プラグイン制御
*/
.sp{display:none;}
.sp320{display:none}
header .sp_menu{display:none;}
@media screen and (max-width: 767px){
/*============================
#1__全体設定
============================*/
/* -基本設定- */
.pc{display:none;}
.sp{display:block;}
select{width: auto;}

.scroll_top{bottom: 20px;}

.sp img{max-width: 100%;}
header{position: fixed;top: 0;left: 0;width: 100%; z-index: 15;height:auto;}
body{padding:0}
body.kaso header{ z-index: 15;}
.member_no{display:none;}
header .sp_menu{display:block;position: fixed;top: 0;right: 0;z-index: 100;}
.header_bottom{display:none;}
header .header_inner_block .header_middle .logo{ width: 155px;padding: 10px 0;}
header .header_inner_block .header_middle .logo img{width:100px;}
/* -ハンバーガーメニュー- */
header .sp_menu{width:65px;height:55px;}
header .sp_menu a{display:block;color:#fff;font-family:Avenir Next,Arial, Helvetica, "sans-serif";text-align:center;font-size:14px;position:absolute;left:50%;top:50%;transform: translate(-50%,-50%)}

header.open .sp_menu,
header.on .sp_menu{}

header.open .sp_menu a,
header.on .sp_menu a{color:#fff;}
header.open .menu-trigger span,
header.on .menu-trigger span{background-color: #fff !important;}
header.open{overflow: scroll;height: 100%;}
header.open nav.gmenu .gmenu_list {display:block;}

.menu-trigger_wrap{position:relative;top: 0;right: 0;width: 94.53%;left: 0;margin: auto;bottom: 0;height: 18px;text-align:center;z-index: 100;padding: 10px 0 0 0;box-sizing: initial;}
.menu-trigger_wrap span{}
.menu-trigger_wrap p{ position:relative;}
.menu-trigger_wrap p:before{ position:absolute; content:"";width: 250%;height: 250%;left: -75%;top: -75%;}
.menu-trigger_wrap p,
.menu-trigger_wrap p span {display: inline-block;transition: all .4s;box-sizing: border-box;}
.menu-trigger_wrap p {position: relative;width: 25px;height: 18px;}
.menu-trigger_wrap p span {position: absolute;left: 0;width: 100%;height: 2px;background-color: #fff;border-radius: 4px;}
.menu-trigger_wrap p span:nth-child(1) {top: 0;}
.menu-trigger_wrap p span:nth-child(2) {top: 50%;margin: -1px 0 0 0;}
.menu-trigger_wrap p span:nth-child(3) {bottom: 0;}
.open .menu-trigger_wrap p span:nth-child(1) {-moz-transform:translateY(8px) rotate(315deg) scale(0.8);-o-transform:translateY(8px) rotate(315deg) scale(0.8);-ms-transform:translateY(8px) rotate(315deg) scale(0.8);-webkit-transform:translateY(8px) rotate(315deg) scale(0.8);transform: translateY(8px) rotate(315deg) scale(0.8);}
.open .menu-trigger_wrap p span:nth-child(2) {opacity:0;width: 30px;height: 30px;background-color: transparent !important;border: 3px solid #fff;border-radius: 50%;margin: -15px 0 0 -4px;}
.open .menu-trigger_wrap p span:nth-child(3) {-moz-transform:translateY(-8px) rotate(-315deg) scale(0.8);-o-transform: translateY(-8px) rotate(-315deg) scale(0.8);-ms-transform: translateY(-8px) rotate(-315deg) scale(0.8);-webkit-transform:translateY(-8px) rotate(-315deg) scale(0.8);transform: translateY(-8px) rotate(-315deg) scale(0.8);}

/*Gメニュー*/
nav.gmenu .gmenu_list > li {float: none;width:100%;border-bottom:1px solid #E5E5E5;}
nav.gmenu .gmenu_list > li > a{color:#fff;line-height:50px;padding:0 0 0 20px;text-align:left;font-size:14px;display: block;}
nav.gmenu .gmenu_list > li > a:before{content:"";display:block;background:#4469B9;height:2px;width:16px;position:absolute;right: 23px;top: 50%;}
nav.gmenu .gmenu_list > li > a:after{content:"";display:block;background:#4469B9 !important;height:16px !important;width:2px !important;position:absolute;right: 30px !important;top: 36% !important;left:inherit!important}
nav.gmenu .gmenu_list > li.no_menu > a:before,
nav.gmenu .gmenu_list > li.no_menu > a:after{display:none;}
nav.gmenu .gmenu_list > li.on > a{color:#000;}
nav.gmenu .gmenu_list > li.on > a:after{display:none !important;}
nav.gmenu .gmenu_list > li > a br{display:none;}
nav.gmenu .gmenu_list > li > .sub_menu{position:static;padding:0;transform: none;width:100% !important;}
nav.gmenu .gmenu_list > li.full_menu > .sub_menu > li > .detail_nav,
nav.gmenu .gmenu_list > li.full_menu > .sub_menu > li > a{;display:block;float: none;width:auto;line-height:40px;font-size:13px;padding:0 0 0 20px;font-weight:normal;}
nav.gmenu .gmenu_list > li.full_menu > .sub_menu > li > a:before{content:"";display:block;background:#4469B9;height:2px;width:16px;position:absolute;right: 23px;top: 50%;transform: none;border: none;}
nav.gmenu .gmenu_list > li.full_menu > .sub_menu > li > a:after{content:"";display:block;background:#4469B9 !important;height:16px !important;width:2px !important;position:absolute;right: 30px !important;top: 34% !important;left:inherit!important;}
nav.gmenu .gmenu_list > li.full_menu > .sub_menu > li.on > a:after{display:none;}
nav.gmenu .gmenu_list{display:none;}
header .header_inner_block .gmenu,
nav.gmenu .gmenu_list > li > .sub_menu{width:auto;}
nav.gmenu .gmenu_list > li#gnav02 > .sub_menu{width:auto;left:0;}
nav.gmenu .gmenu_list > li.full_menu > .sub_menu > li{padding:0;border-bottom:1px solid #E5E5E5}
nav.gmenu .gmenu_list > li.full_menu > .sub_menu > li > .detail_nav{padding: 0 0 10px 0;display:none;}

nav.gmenu .gmenu_list > li#gnav03 > .sub_menu,
nav.gmenu .gmenu_list > li#gnav01 > .sub_menu{width:100% !important;}
nav.gmenu .gmenu_list > li > .sub_menu{}
nav.gmenu .gmenu_list > li > .sub_menu > li{padding:0;margin:0;background:none;}
nav.gmenu .gmenu_list > li > .sub_menu > li > a{padding:0 0 0 20px;line-height:40px;display: block;}
nav.gmenu .gmenu_list > li > .sub_menu a:before{top:13px;left:inherit;right:23px;border-top: 1px solid #2869BE; border-right: 1px solid #2869BE;background: none;transform: rotate(45deg);width:10px;height:10px;}

nav.gmenu .gmenu_list > li > .sub_menu > li:hover a:before{border-color:#FFF;background:none;}

nav.gmenu .gmenu_list > li.full_menu > .sub_menu > li > .detail_nav li a{font-size:12px;display:block;line-height: 1.2;padding: 6px 33px 6px 20px;}
nav.gmenu .gmenu_list > li.full_menu > .sub_menu > li > .detail_nav li{float:none;}
nav.gmenu .gmenu_list > li.on{background:#F4F4F8;}

nav.gmenu .gmenu_list > li:hover > .sub_menu{display:none;}

nav.gmenu .gmenu_list > li.full_menu > .sub_menu > li.on > .detail_nav,
nav.gmenu .gmenu_list > li.on > .sub_menu,
nav.gmenu .gmenu_list > li.on:hover > .sub_menu{display:block;}
header.open .header_bottom{display:block;position: inherit}
/*gmenu hover*/
/*
nav.gmenu .gmenu_list > li > .sub_menu{height:0;overflow: hidden;}
nav.gmenu .gmenu_list > li.on > .sub_menu{height:auto;overflow: auto;display:block;}*/
.category_menu ul{
    justify-content: left;
    -webkit-justify-content: left;
}

.lis01{}
.lis01 > ul{
    display: block;
}
.lis01 > ul > li{
    padding: 20px;
    display: block;
}
.lis01 > ul > li:not(:nth-child(2n)){
    margin: 0;
}
.lis01 > ul > li:not(:last-child){
    margin-bottom: 20px;
}
.lis01 > ul > li > .top{
    width: 100%;
    box-sizing: border-box;
    margin-right: 0;
    padding-right: 0;
    border-right: none;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #f0f0f0;
}
.lis01 > ul > li > .top > .img{}
.lis01 > ul > li > .top > .img > img{
    max-height: 100px;
}
.lis01 > ul > li > .top > .title{
    font-size: 16px;
}
.lis01 > ul > li > .bottom{
    width: 100%;
}
.lis01 > ul > li > .bottom > .text{}
.lis01 > ul > li > .bottom > .text > p{}
.lis01 > ul > li > .bottom > .app_store{
    display: flex;
}
.lis01 > ul > li > .bottom > .app_store > a{
    width: 100%;
}
.lis01 > ul > li > .bottom > .app_store > a > img{}
.lis01 > ul > li > .bottom > .app_store > a > i{}
.lis01 > ul > li > .bottom > .note{}


.NumberWrap{}
.NumberWrap > .top_block{
    padding: 10px;
}
.NumberWrap > .top_block > .left{
    width: 100%;
}
.NumberWrap > .top_block > .left > .top{
    font-size: 14px;
}
.NumberWrap > .top_block > .left > .num{
    font-size: 80px;
    margin-bottom: 5px;
}
.NumberWrap > .top_block > .left > .txt{
    font-size: 22px;
}
.NumberWrap > .top_block > .right{
    width: 100%;
    padding: 10px;
}
.NumberWrap > .top_block > .right > .table{
    width: 100%;
    display: block;
}
.NumberWrap > .top_block > .right > .table > table{
    table-layout: fixed;
}
.NumberWrap > .top_block > .right > .table > table > tbody{}
.NumberWrap > .top_block > .right > .table > table > tbody > tr{}
.NumberWrap > .top_block > .right > .table > table > tbody > tr > td{
    
}
.NumberWrap > .top_block > .right > .table > table > tbody > tr > td:nth-child(1){width: 17%;}
.NumberWrap > .top_block > .right > .table > table > tbody > tr > td:nth-child(2){}
.NumberWrap > .top_block > .right > .table > table > tbody > tr.bold{}
.NumberWrap > .top_block > .right > .table > table > tbody > tr.bold > td{}
.NumberWrap > .bottom_block{}
.NumberWrap > .bottom_block > .table{}
.NumberWrap > .bottom_block > .table > table{
    width: 100%;
    margin: 0;
    border-spacing: 0;
}
.NumberWrap > .bottom_block > .table > table > tbody{
}
.NumberWrap > .bottom_block > .table > table > tbody > tr{
    text-align: left;
}
.NumberWrap > .bottom_block > .table > table > tbody > tr > td{
    display: inline-block;
    width: 49%;
    padding: 15px 0 20px 0;
    margin-bottom: 10px;
    margin-right: 2%;
    vertical-align: top;
    box-sizing: border-box;
    text-align: center;
}
.NumberWrap > .bottom_block > .table > table > tbody > tr > td:nth-child(2n){
    margin-right: 0;
}
.NumberWrap > .bottom_block > .table > table > tbody > tr > td > .top{
    margin-bottom: 0;
    font-size: 12px;
}
.NumberWrap > .bottom_block > .table > table > tbody > tr > td > .img{
    max-height: 150px;
    margin-bottom: 10px;
    display: block;
}
.NumberWrap > .bottom_block > .table > table > tbody > tr > td > .img > img{
    max-height: 150px;
    max-width: 100%;
    min-width: 0;
    min-height: 0;
}
.NumberWrap > .bottom_block > .table > table > tbody > tr > td > .title{
    font-size: 35px;
    word-break: break-all;
    display: inline-block;
}
.NumberWrap > .bottom_block > .table > table > tbody > tr > td > .txt{
    font-size: 15px;
}
.NumberWrap > .bottom_block > .table > table > tbody > tr > td > .title > span{}


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, em,
img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, 
legend, table, caption, tbody, tfoot, thead, tr, th, td,
*,*:before,*:after,*:hover,*:checked{}

body{min-width:0;}
li,div{box-sizing:border-box}

/*ヘッダー*/
header .header_inner_block .header_top, header .header_inner_block .header_middle{width:auto;}

header .header_inner_block .header_middle{margin:0;}
h1,
header .header_inner_block .header_middle .header_cv_btn,
header .header_inner_block .header_top,
header .header_inner_block .header_middle .sales_point,
header .header_inner_block .header_middle .tel
{display:none;}
.bottom_area{display:none;}
header .header_inner_block:before{display:none;}
/*COMMON*/
.section_title .en{margin:0 0 5px;letter-spacing: 2px;}
.section_title .jp{line-height:1.2;letter-spacing: 0;}

/*FONT SIZE*/
.ph_desc_content2 .ph_desc_content_block .icon,
.tour_block_list .tour_block_list_item .title{font-size:24px;}
.mail_member_get .l_con div,
.course_content_top .right_area .other_content .copy,
.course_info_outline_box > .title,
.course_info_outline_box .title.padi,
.customer_con .onesec-center .b_ttl,
.course_content_top .right_area .title .main,
body.kaso .section_title .en,
.course_info_list li .title,
.section_title .en,
h2.sp_section_title{font-size:22px;}
.content_title2 > .bottom > .title,
.content_title2 > .bottom > .title > span,
.tour_block_list .tour_block_list_item .copy,
.customer_con .art_detail .name span,
.customer_con .onesec-center .b_ttl,
.line_title .main_copy .main,
#visual .kaso_visual .page_title .jp,
.mail_member_get .r_con .black,
.teikeiten_link h3,
.shop_detail .shop_prof .name,
.customer_con .onesec .ques,
.step_block .step_box h4,
.customer_con .art_detail .name,
body.kaso .content_title,
body.kaso .content_title02,
body.kaso .content_title03,
body.kaso .content_title04,
body.kaso .content_title05,
body.kaso .content_title06,
body.kaso .content_title07,
.content_title,
.content_title02,
.content_title03,
.content_title04,
.content_title05,
.content_title06,
.content_title07{font-size:18px;}



.line_title .main_copy2,
.cal_area > .title,
.news_onesection .txt,
.tourInfo_list .sec.on .ttl, .tourInfo_list .sec .ttl,
.tourInfo_list .sec .content .text,
.shop_list_area .shop_list_box .shop_list_ttl,
.top_con_text,
.shop_detail .shop_prof .text p,
.shop_detail .shop_prof .place,
.shop_detail .shop_prof .tel,
.shop_detail .shop_prof .tel dd a,
.shop_detail .shop_prof .tel dt,
.shop_detail .shop_prof .tel dd,
.course_info_outline_box .course_price_wrap.center_layout .course_desc,
.course_info_outline_box .course_price_wrap.center_layout .course_price,
.ph_desc_content .ph_desc_content_block .left_area,
.kaso_content_block .outline_block .detail_dl,
.course_content_top .right_area .title .sub,
.sdl_box_wrap .box.category01 .date,
.sdl_box_wrap .box .title,
.course_desc_box .desc,
.step_block .step_box .detail_dl .sub_txt_blue,
.course_item .item1 .title,
.course_item .item1 .desc,
.step_block .step_box .detail_dl,
.ph_desc_content .ph_desc_content_block .left_area p,
.course_content_top .right_area .other_content ul li,
body.kaso .section_title .jp,
.course_info_list li .desc,
.course_info_list li .sub,
.divepriceTop_sec .section.form_sec td select,
.form_sec .btn_gray input,
.form_sec .btn input,
.divepriceTop_sec .section.form_sec th,
.ph_desc_content2 .ph_desc_content_block .text_area p,
.content_section .common_layout .content p,
.content_title2 > .bottom > .label,
#visual .kaso_visual .page_title .en,
#voice_area .voice_list li .voice_name,
#sales_point_area .sales_point_list_item .title,
#bnr_area .recommend_area .recommend_list li .content .main{font-size:15px;}
#date_arr .line01 b,
.history_list li,
.content_title2 > .bottom > .txt,
.content_title2 > .bottom > .txt p,
.staff .name a,
.course_desc_box .sta_ul li,
.course_info_outline_box .course_price_wrap .course_desc.padi,
body.kaso .section_title .jp,
.course_info_list li .tag,
.course_info_list li .copy span,
.media_content_list li .link a,
#sales_point_area .sales_point_list_item.padi_5star .title,
.mitaka_shop .shop_info,
#link_bnr_area li a,
#voice_area .voice_list li .comment,
#information_area .news_list li a .title,
#resort_shop_area .resort_shop_list .resort_shop_list_item .shop_name,
.section_title .jp{font-size:13px;}

#link_bnr_area li .name2,
#link_bnr_area li .name,
.line_title .main_copy .sub,
.back_index a,
.course_content_top .right_area .category,
#report_area .report_list li .date,
#bnr_area .recommend_area .recommend_list li .content .sub{font-size:12px}
.course_content_top .right_area .other_content .course_price .tax,
.course_info_outline_box .course_price .tax,
.course_item .course_price .tax,
.divepriceTop_sec .section.form_sec td{font-size:10px}
.cal_area > .cal > .month_year_txt_area > span.year,
.cal_area > .cal > .month_year_txt_area > span.month_txt,
.course_item .course_price .unit,
.course_item .course_price .price,
.course_info_outline_box .course_price .unit,
.course_info_outline_box .course_price .price,
.step_block .step_box h4:after,
.course_content_top .right_area .other_content .course_price .unit,
.course_content_top .right_area .other_content .course_price .price,
.mitaka_shop .shop_info .tel dd a,
#sales_point_area .sales_point_list_item .data span,
.tour_block_list .tour_block_list_item .price{font-size:46px;}
.course_content_top .right_area .other_content .course_price.strike .unit,
.course_content_top .right_area .other_content .course_price.strike .price,
.course_content_top .right_area .other_content .course_price.strike{font-size:24px;}

body#step_up_efr #visual .kaso_visual .page_title .jp,
body#step_up_aow #visual .kaso_visual .page_title .jp{font-size:13px;}
#visual .kaso_visual .page_title .jp{letter-spacing:1px }
/*TOP*/
.main_visual li{/*height:375px;*/height:60vh;}
.main_visual li .mov video{height:375px}
.main_visual li:nth-child(2) .mov video{left:-30vw;}
.main_visual li .copy{width:100%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}
.main_visual li .copy .en{font-size:11vw;line-height:13vw;margin:0 0 10px 0;}
.main_visual li .copy .jp{font-size:4vw;line-height:7vw;}
.main_visual li .copy .jp2{width:auto;font-size:6vw;letter-spacing: 0;}
.main_visual li .copy .en2{font-size:3vw;line-height:4vw;margin:0 0 10px 0;}

#top #pankuzu{width:100%;overflow:scroll;}
#pankuzu .pankuzu_inner_block{padding:0 0 0 20px}
#pankuzu .pankuzu_inner_block .other_link{display:none;}

.footer .footer_list{padding:35px 0 10px 0;}
.footer .footer_list > ul{margin:0 auto 30px auto;width:92.5%;}
.footer .footer_list .b_list{width:50%;box-sizing: border-box;padding:0 10px 10px 0px}
.footer .footer_list .b_list.list02{margin:0 0 60px 0;}
.footer .footer_list .list04{margin:0 0 26px 0;}
.footer .footer_list .b_list .sec_ttl{margin:10px 0 0 ;}
.footer .b_list ul li a{line-height:15px;margin:0 0 5px;padding-left:10px;letter-spacing: -1px;}
.footer .b_list ul li a::before{top:4px;}

#tour_block .tour_block_list,
#bnr_area .bnr_area_list{width:92.5%;margin:0 auto;}
#bnr_area .bnr_area_list li{width:92.5%;margin:0 auto 10px auto;}
#bnr_area .recommend_area .recommend_title{line-height:1.5;font-size:15px;}
#shop_copy{width:92.5%;margin:0 auto;}
.tour_block_list{width:92.5%;}
.tour_block_list .tour_block_list_item:nth-child(2n),
.tour_block_list .tour_block_list_item{float:none;margin:0 auto 40px auto;width:auto;}
.tour_block_list .tour_block_list_item .img img{width:100%;}
.tour_block_list .tour_block_list_item .tag{width:70px;height:70px;font-size:12px;line-height:70px;left:0;}
.tour_block_list .tour_block_list_item .title{margin:0 0 6px;}
.tour_block_list .tour_block_list_item .price{position:static;line-height:1;margin:0 0 10px 0;}
.tour_block_list .tour_block_list_item a{display: flex; flex-direction: column;-webkit-flex-direction: column;-ms-flex-direction: column;}
.tour_block_list .tour_block_list_item .img{order:1;}
.tour_block_list .tour_block_list_item .tag{order:2;}
.tour_block_list .tour_block_list_item .copy{order:3;}
.tour_block_list .tour_block_list_item .title{order:4;}
.tour_block_list .tour_block_list_item .price{order:5}
.tour_block_list .tour_block_list_item .desc{order:6;}
.tour_block_list .tour_block_list_item .cp{right:-4%;}
body#top #body section:nth-child(n + 4){padding:35px 0}
.section_title{margin:0 0 35px 0}
#voice_area .section_title{text-align:center;}
h2.sp_section_title{margin:0 0 20px 0;padding:0 0 15px 0}
#sales_point_area{margin:0;}
#sales_point_area .sales_point_list{width:auto;}
#sales_point_area .sales_point_list_item{display:block;width:92.5%;margin:0 auto 20px auto;}
#sales_point_area .sales_point_list_item.padi_5star .title{line-height:1.5;display:table;margin:0 auto;padding: 10px 0 10px 75px;}

#resort_shop_area .resort_shop_list .resort_shop_list_item{margin:0 auto 0px auto;float:left;width:30vw;padding:0 2px;}
#resort_shop_area .resort_shop_list .resort_shop_list_item .img{height:30vw;margin:0 0 5px 0}
#resort_shop_area .resort_shop_list .resort_shop_list_item .img img{width:90%;}

.section_inner_block.row2_block{width:auto;}
.section_inner_block.row2_block .right_row,
.section_inner_block.row2_block .left_row{float:none;width:92.5%;margin:0 auto 40px auto;}
.section_inner_block.row2_block .right_row:last-child,
.section_inner_block.row2_block .left_row:last-child{margin:0 auto;}

#voice_area .twitter{width:auto;margin:0 auto;height:60vh;max-height:375px;overflow:scroll;}
#voice_area .voice_list li:nth-last-child(2),
#voice_area .voice_list li:last-child{margin:0;}
#voice_area .voice_list li a{width:100%;}
#voice_area .voice_list li .comment{text-align:center;padding:0 1em;}

#link_bnr_area ul{width:92.5%;margin:0 auto;border-bottom:1px solid #E0E0E0}
#link_bnr_area ul li{width:50%;padding:5px;margin:0;}
#link_bnr_area ul li:nth-child(2n + 1){border-bottom:0;border-right:0;}
#link_bnr_area ul li:nth-child(2n){border-bottom:0;}
#link_bnr_area li:nth-child(4n){margin:0;}
#link_bnr_area li a{line-height:1.5;padding:5px 0;}

#report_area .report_list li .img{margin: 0 auto 10px auto;}
#information_area .section_title{padding:0;}
/*kaso*/
body.kaso main{position: relative;z-index: 2;}
#pankuzu {width:100%;overflow: scroll;}
body.kaso .kaso_mov{height:200px;}
body.kaso .kaso_mov:before{content:"";display:block;width:100%;height:100%;background:#043164;;opacity:0.5;position: absolute;top:0;left:0;z-index:1}
body.kaso #visual{padding:0;}
.kaso_mov video{position:absolute;left:50%;top:50%;transform: translate(-50%,-50%);height: 200px;width: auto;min-width: inherit;min-height: inherit;}
#body{
    display: flex;
    flex-direction: column;
    -webkit-flex-direction: column;
}
#body section{}
#tour_block{
    order: 0;
}
#resort_shop_area{
    order: 80;
}
#link_bnr_area{
    order: 90;
}
#page_nav{
    order: 10;
}
body#staff_index #page_nav,
body#news_index_page #page_nav{
    order: 10;
}
body.kaso #body section#page_nav{margin:0;padding: 20px 0;}
#visual .kaso_visual .page_title{transform: translate(-50%,-30%);}

.category_menu3,
.category_menu2,
.category_menu{width:92.5%;margin: 0 auto 5px auto;}
.category_menu li{width: 47%;}
.category_menu3 ul li a{font-size:12px;line-height:1.2;padding:1px;}

.category_menu3 ul li,
.category_menu2 li a{padding:0 10px;line-height:1.2;font-size:12px;}
.category_menu li a span{font-size:13px;line-height:1.2;}
.category_menu2:last-child{margin:0 auto 40px auto;}
body.kaso #body section#page_nav +section{padding: 0;}

.news_onesection .txt{width:100%;overflow: scroll;}

.top_con_text{text-align:left;}
.top_con_text br{display:none;}
.course_info_list{width:92.5%;float:none;}
.course_info_list li{width:auto;margin:0 0 20px 0;float:none;}
.course_info_list li:nth-child(2n){float:none;float:none;left:0;}
.course_info_list li .img{width:100%;}
.course_info_list li:nth-child(2){margin:0;}
.course_info_list li:nth-child(2n) .img{left:inherit !important;}
.course_info_list li:nth-child(2n + 1) .img{left:0;}
.course_info_list li .en{text-indent:5px;}
.course_info_list li .copy span,
.course_info_list li .tag{line-height:2;padding:0 5px;}
.course_info_list li .copy span{ display:inline-block;line-height: 2;}
.course_info_list li .copy{margin:0 0 10px 0;}
.course_info_list li .desc{width:auto;}
.course_info_list li .sub,
.course_info_list li .title{margin:0 0 10px 0;}
.course_info_list li .desc{line-height:1.5;}
.course_info_list li .desc br{display:none;}

.common_layout{flex-direction:column;display:flex;}
.common_layout .img{order:2;}
.common_layout .content{order:1;}

.divepriceTop_sec .section.form_sec td{padding:5px 0;}
.divepriceTop_sec .section.form_sec td textarea{margin:0 0 10px;width:90%;}
.form_sec .form_btn{padding:10px 0 0 0;}


.kaso_content_block{width:92.5%;padding:10px 0;margin: 0 auto 20px auto;}
#page_content .kaso_content_block:last-child{

    padding:0 0 20px;
}
.spec_section_block h3{font-size:18px;}
.center_btn{padding:20px 0 0 0;}
.center_btn a, .link_btn a{width:92.5%;font-size:14px;line-height:50px;}
.center_btn a:after, .link_btn a:after{display:none}

.customer_con .onesec-center{padding:10px;}
.customer_con .art_detail .label{margin:0;}
.customer_con .art_detail .ttl{font-size:18px;padding:10px;border-radius:10px;line-height:1.2;}
.customer_con .art_detail .ttl br{display:none;}
.customer_con .art_detail .name{padding:10px;margin:0;}
.customer_con .image{margin:0;width:100%;text-align:center;height: auto;float:none;}
.customer_con .art_detail{width:auto;float:none;}
.customer_con .art_detail .ttl:before{transform:rotate(90deg);top:-15px;left:20%}
.customer_con .onesec{padding:10px;margin:0 0 40px 0;background:none;}
.customer_con .onesec:last-child{margin:0;}
.customer_con .onesec-image .b_image, .customer_con .onesec-ttl-image .b_image{float:none;}

body.kaso .content_title{padding:0 0 20px 0;margin:0 0 20px 0;}
body.kaso .content_title:after{bottom:0px;}
body.kaso .section_title .jp{letter-spacing:0px;}

.step_block .step_box h4:after{width: 50px;left:0px;top: 0px;}
.step_block .step_box .detail_dl:after,
.step_block .step_box h4:before{display:none;}
.step_block .step_box .detail_dl:before{width:50px;height:50px;}
.step_block .step_box{padding:0px 0 0 0;}
.step_block .step_box h4{width:100%;margin:0 0 10px 0;}
.step_block .step_box .detail_dl{padding:0 10px 30px;width:auto;}

.kaso_content_block .outline_block .detail_dl.faq_box dd{padding:0px;}
body.kaso #body section#page_content .content_section:nth-child(2n) .outline_block .detail_dl.faq_box dd{background:none;}
.kaso_content_block .detail_img{width:100%;float:none;text-align: center;}
.kaso_content_block .detail_img img{width:100%;}
.course_item{margin:0 0 20px;}
.course_item .item1{width:auto;float:none;margin:0 0 20px 0;}
.course_item .item1:nth-child(2n){float:none;width:auto;}
.course_item .item1 .title{margin:0 0 10px 0;padding:5px 0 5px 10px;text-indent:0;line-height:1.5;}
.course_item .course_price{float:none;}

.customer_con .customer_topCon{margin:0 0 20px;}
.customer_con .onesec-center .b_ttl{padding:0 0 20px 0;text-align: left;}
.customer_con .onesec .ques{margin:0 0 10px 0;line-height:1.2;padding: 0 0 10px 0;}

.divepriceTop_sec .section.form_sec{padding:10px;}
.divepriceTop_sec .section.form_sec th{width:100%;padding:0;display:block;text-align:left;}
.divepriceTop_sec .section.form_sec td{display:block;width: 100%;padding:0 0 15px;}
.divepriceTop_sec .section.form_sec td span{display:block;}
.divepriceTop_sec .section.form_sec td input,select{box-sizing:border-box;}
.divepriceTop_sec .section.form_sec td select,
.divepriceTop_sec .section.form_sec td input.formMid{display:inline-block;width: 100%;margin:0;}
.divepriceTop_sec .section.form_sec td input.formMid + br{display:none;}
 .divepriceTop_sec .section.form_sec td input[name="contact_tel"]{width:80%;}
.divepriceTop_sec .section.form_sec td select[name="contact_people"]{width:90%;}
#date_arr .line01{padding:10px;border:1px solid #CCC;width:auto;}
#date_arr .line01 b{}
.divepriceTop_sec .section.form_sec td select{background:#FFF;}

body.kaso #body section:nth-child(n + 2),
body.kaso #body section#page_content .content_section:nth-child(2n),
body.kaso #body section#page_content .content_section:nth-child(1),
body.kaso #body section#page_content .content_section{padding:40px 0 40px 0}
body.kaso #body section#page_content .content_section:last-child{padding-bottom:0;}
.staff .image a{margin:0;display: inline-block;}
.staff ul li{width:auto;height:auto;width: 49%;margin:0 0 10px}
.staff_piclist{width:100%;overflow: scroll;}
.staff_detail .staff_pic .staff_piclist ul{width:800px;}

.staff .name{margin:0;padding:0;}
.staff .name a{padding:0 0 0 10px;}
.customer_con .staff_sec{margin:0;}
.customer_con .staff_sec .con{padding:10px;}

.ph_desc_content2 .ph_desc_content_block:nth-child(1) .icon{padding:20px 0;font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;}
.ph_desc_content2 .ph_desc_content_block .text_area{width:auto;float:none;padding: 10px;}

.content_title2{margin:0 0 40px 0;}
.content_title06{margin:0 0 10px 0;letter-spacing: 0;text-align: left;}
.ph_desc_content2 .ph_desc_content_block{margin:0 0 40px 0;}
.ph_desc_content2 .ph_desc_content_block:last-child{margin:0 0 0px 0;}

body#select_page .ph_desc_content2 .ph_desc_content_block:nth-child(1),
body#select_page .ph_desc_content2 .ph_desc_content_block:nth-child(2),
body#select_page .ph_desc_content2 .ph_desc_content_block:nth-child(3),
body#select_page .ph_desc_content2 .ph_desc_content_block:nth-child(4),
body#select_page .ph_desc_content2 .ph_desc_content_block:nth-child(5),
body#select_page .ph_desc_content2 .ph_desc_content_block:nth-child(6),
.ph_desc_content2 .ph_desc_content_block:nth-child(6),
.ph_desc_content2 .ph_desc_content_block:nth-child(5),
.ph_desc_content2 .ph_desc_content_block:nth-child(4),
.ph_desc_content2 .ph_desc_content_block:nth-child(3),
.ph_desc_content2 .ph_desc_content_block:nth-child(2){padding:0;}

.ph_desc_content2 .ph_desc_content_block .img_area{position:static;width:auto;}
.ph_desc_content2 .ph_desc_content_block .icon{position:static;width:100%;margin:0 0 10px;}
.content_title2 > .top > h3{padding:0 0 10px 0;margin: 0 0 20px 0;line-height:1.5;}
.content_section.img_left .common_layout .img,
.content_section .common_layout .img{width:auto;float:none;}
.content_section .common_layout .img + .content{width:auto;float:none;}
.form_sec .btn{margin:0 0 10px 0;}
.media_content_list li:last-child{margin:0;}
.media_content_list li .link a{width:auto;}
.course_content_top .right_area .title,
.course_content .course_content_top .right_area,
.course_content .course_content_top .left_area{float:none;width:auto;min-height:0;display:block;margin:0;}
.course_content .course_content_top .left_area{min-height:150px;}
.course_content .course_content_top .right_area{padding:10px;}
.course_content_top .right_area .other_content .course_price{margin:10px 0;}
.course_content_top .right_area .other_content .course_price.strike + .course_price{width:70%;}
.course_content_top .right_area .other_content .course_price.strike + .course_price:before{top: 35%; width: 10px;height: 10px;}
body.kaso .content_title08,
body.kaso .content_title07,
body.kaso .content_title06,
body.kaso .content_title05,
body.kaso .content_title04,
body.kaso .content_title03,
body.kaso .content_title02{margin:0 0 10px 0;line-height:1.2;}

body.kaso .content_title{margin:0 0 35px 0;line-height:1.2;}
.course_info_box:nth-last-child(2){padding:0;border:none;}
.kaso_content_block .outline_block{width:auto;}

.course_info_box{padding:20px 0;}
.course_info_outline_box .title{margin:0 0 10px 0;}
.course_info_outline_box .title.padi{padding:50px 0 0 0;}
.course_info_outline_box .course_price_wrap{width:auto;margin:0;}
.course_info_outline_box .course_price_wrap .course_price,
.course_info_outline_box .course_price_wrap .course_desc{float:none;width:auto;text-align: center;margin:0 0 10px 0;}
.course_info_outline_box .course_price_wrap .course_desc.padi{padding:50px 0 0 0;  background-position: top center;}

.content_movie iframe{height:250px;}

.course_content_top .right_area .category{line-height:1.5;position: inherit;padding: 5px;margin:0 0 5px;}

.ph_desc_content .ph_desc_content_block{margin:0 0 40px}
.ph_desc_content .ph_desc_content_block .right_area,
.ph_desc_content .ph_desc_content_block:nth-child(2n) .right_area{position:inherit;width:auto;}
.ph_desc_content .ph_desc_content_block .right_area,
.ph_desc_content .ph_desc_content_block .left_area,
.ph_desc_content .ph_desc_content_block:nth-child(2n) .right_area,
.ph_desc_content .ph_desc_content_block:nth-child(2n) .left_area{float:none;padding:10px;width:auto;transform: none;}

.tour_sdl{width:92.5%;margin:0 auto;}
.sdl_box_wrap .box{width:100%;float:none;margin:0 0 10px;}

h3.mb10{margin:0 0 40px 0;}
.course_desc_box .sta_ul{padding:10px;text-align:left;}
.course_desc_box:last-child{padding:0;}
.course_desc_box .desc{text-align:left;}



.content_section.img_left .common_layout .img iframe, .content_section .common_layout .img iframe{width:100%;margin:0 0 0px;}
.content_section .common_layout .content .title{font-size:22px;margin:0 0 10px;}

.ar_btn a{font-size:14px;letter-spacing: 0;}

.img_map_index{width:100%;}
.shop_list_area{width:auto;}
.shop_list_area .shop_list_box:nth-child(2n),
.shop_list_area .shop_list_box{width:100%;float:none;height:auto;text-align: left;}

.shop_list_area .shop_list_box p,
.shop_list_area .shop_list_box .shop_list_ttl,
.shop_list_area .shop_list_box .shop_list_tel,
.shop_list_area .shop_list_box .shop_list_link{widows: 100%;padding:0 0 0 15px;}
.shop_detail,
.shop_detail .shop_pic{width:auto;float:none;margin:0 0 40px;}
.shop_detail .shop_pic .main_pic,
.shop_detail .shop_pic .main_pic{width:auto;height:auto;float:none; margin: 0 0 10px 0;}
.shop_detail .shop_pic .piclist{float:none;width:100%;overflow: scroll;}
.shop_detail .shop_pic .piclist ul{width:400px;}
.shop_detail .shop_pic .piclist li{float:left;}
.shop_detail .shop_prof{text-align:center;}
.shop_detail .shop_prof .name{margin:20px 0 20px 0;letter-spacing: 0;text-align: left;}
.shop_detail .shop_prof .place{text-align: left;}
.shop_detail .shop_prof .tel{margin:0 0 20px 0;}
.shop_detail .shop_prof .tel dd a,
.shop_detail .shop_prof .tel dt,
.shop_detail .shop_prof .tel dd{display:block;float:none;width:auto;text-align: left;}
.shop_detail .shop_prof .list-style-type01,
.shop_detail .shop_prof .text{text-align:left;}
.shop_detail.smoll .shop_pic, body.teikei .shop_detail .shop_pic{width:auto !important;margin:0 0 20px 0;max-width: 100%;}
.maplist_shoplist ul li .image,
.maplist_shoplist ul li .detail,
.maplist_shoplist ul li{float:none;width:auto;height:auto;}
.maplist_shoplist ul li{margin:0 0 20px 0;width:100%;}
.maplist_shoplist ul li .image a{display:block;width:auto;text-align: center;margin:0 0 10px 0;}

.viewtab li {width:40%;}

.google_map .google_view{width:auto;}
.google_map .google_view iframe{height:45vh}
.access_map .map{width:auto;height:auto;}
.access_map{width:auto;margin:0px 0 20px 0;float:none;}
.shop_list .access_map .google_map{float:none;}
.access_map .google_map .wiget{width:auto;height:auto;}
.access_map .google_map .wiget iframe{width:100%;height:45vh;margin:10px 0 0 0;}
.google_map iframe{width:100%;height:45vh;margin:10px 0 0 0;}
.shop_detail.smoll > div{float:none !important}
.shop_detail.smoll .shop_prof, body.teikei .shop_detail .shop_prof,
.shop_detail.smoll,
.shop_detail .shop_prof{float:none;width:auto;height:auto;}
.staff_detail .staff_prof,
.staff_detail .staff_pic{float:none;width:auto;}
.staff_detail .staff_pic{width:100%;overflow:scroll;}
.staff_detail .staff_prof .ques li{margin: 0 0 20px 0;}
.content_section .customer_list{width:auto;}
.content_section .customer_list ul .customer_list_block{width:100%;float:none;}
.content_section .customer_list ul .customer_list_block:nth-child(2n),
.content_section .customer_list ul .customer_list_block{float:none;}
.content_section .customer_list ul .customer_list_block a,
.content_section .customer_list ul .customer_list_block .image{height:auto;}
.content_section .customer_list ul .customer_list_block .image{width:30%}
.content_section .customer_list ul .customer_list_block .right{width:70%;}
.content_section .customer_list ul .customer_list_block .name{width:100%;left:0;}
.content_section .customer_list ul .customer_list_block .text{margin:15px 15px 35px 15px}
.content_section .customer_list ul .customer_list_block .text br{display:none;	}
.content_section .customer_list ul .customer_list_block .image img{padding:0 0 35px 0;}
#cutomer_voice_area .customer_voice_list li .image{margin:0 auto 10px auto}
.customer_con .staff_sec .text{float:none;width:auto;}
.customer_con .staff_sec .customer_con_staff{float:none;margin:0 auto;}

.line_content{width:92.5%;margin:0 auto;}
.line_block .content,
.line_block .img{float:none;width:auto;margin:0 0 20px 0;}
.line_block .img{text-align:center;}
.app_store{text-align:center}
.line_content .line_add_btn{margin:0 0 20px;}
.line_contact{position:static;margin:20px 0 0;}

#contact_page .contact_con .table th,
#contact_page .contact_con .table td{display:block;width:100%;}
#contact_page .contact_con .table td input{max-width:250px;box-sizing:border-box;}

.sdl_tab ul.category{position:static;}
.sdl_tab ul li:first-child{float:none;}
.tourInfo_list .sec .ttl{font-size:18px;}
.tourInfo_list .sec .ttl:before{top:18px;}
.tourInfo_list .sec .ttl .mon{position:static;text-align:right;width:100%;display:block;}

.report_index_box_data{float:none;width:auto;}
.pager,
.report_index_area{width:92.5%;margin:0 auto;padding:0;}
.report_index_box_data li{padding:0;}
.report_index_box_data li span{position:static;}
.report_index_box_thum{float:none;overflow:hidden;width:100%;}
.report_index_box_thum ul li{width:50%;margin:0;}
.report_index_box_thum li .img a,
.report_index_box_thum li .img{width:100%;}
.report_index_box_thum ul li:nth-child(n + 3){display:none;}
#report_detail_page .sns_btn,
.report_detail{width:92.5%;margin:0 auto;}
.report_detail .report_txt,
.report_detail .report_pic{width:100%;;display:block;float:none;}
.report_detail .report_pic .main_pic{width:auto;height: auto;}
.report_piclist{width:100%;overflow: scroll;margin:0 0 20px 0;}
.report_piclist ul{width: 1000px;}
.report_detail .report_pic .main_pic p{display:none;}
.report_detail .report_pic .report_piclist li .img,
.report_detail .report_pic .report_piclist li a,
.report_detail .report_pic .report_piclist li{width:75px;height:75px;}
.report_detail .report_pic .main_pic .img span,
.report_detail .report_pic .main_pic .img{width:auto;height:auto;}
.news_section ul li a span{display:block;}

.kaso_nav{width:92.5%;margin:0 auto;padding:0;}
.kaso_nav li{width: 100%;}
.kaso_nav li a{font-size: 16px;text-align:center;width: 100%;box-sizing: border-box;margin: 0;}
.kaso_nav .kaso_nav01 a:before, .kaso_nav .kaso_nav03 a:before{display:none;}

.news_onesection .txt a{ word-wrap: break-word;}

.course_content_top .right_area .other_content .cp_content{position:static;width:100%;margin:20px 0 0 0 ;}
.course_info_outline_box > .cp{width:auto;line-height:1.5;padding:10px;font-size:14px;margin:0 0 10px 0;}
.scroll_btn{height:50px;}

.mail_member_get{width:auto;}
.mail_member_get .l_con{display:block;width:92.5%;height:auto;border-radius:0;margin:0;padding:10px}
.mail_member_get .l_con div{margin:0;line-height:1.5;}
.point_appeal table.second_table, .point_appeal .second_table_caption,
.point_appeal .examp_text{width:100%;}
.please{padding:10px;}

.staff_blog_block > ul > li{float:none;width:auto;}
.staff_blog_block > ul > li > .right,
.staff_blog_block > ul > li > .left{float:none;width:auto;margin:0 0 5px 0;}
#shop_mapindex_page .cal_area .month_year_txt_area{font-size:16px;}
#shop_mapindex_page .cal_area .month_year_txt_area .month{font-size:32px;}
#shop_mapindex_page .cal_area .img_cal_last_next{margin:0;}
#shop_mapindex_page .cal_area .mt5{display:none;}
#shop_mapindex_page .cal table{display:block;width:auto;}
#shop_mapindex_page .cal table tbody{display:block;width:auto;}
#shop_mapindex_page .cal table tr{display:block;width:auto;}
#shop_mapindex_page .cal table th{display:block;width:auto;}
#shop_mapindex_page .cal table td{display:block;width:auto;height:auto!important;margin-bottom:-1px;}
#shop_mapindex_page .cal table tr td .day{font-size:16px;}
#shop_maplist_page .shop_maplist .googlemap_area{width:auto;height:300px;}
.cal_area > .cal > table{width:auto;margin:0;}
.cal_area{width:auto;margin:0;}
.cal_area > .title{margin:0 0 20px;}
.cal_area > .title_sub_area{position:static;margin:0 0 20px 0;}
.cal_area > .cal > .month_year_txt_area{margin:0;text-align: center;}
.cal_area > .cal > .month_year_txt_area > span.month_txt{padding:0 10px;position:static;}
.cal_area > .cal > .month_year_txt_area > span.year{position:static;}
#shop_mapindex_page .cal table {width:92.5%;margin:0 auto;}
#shop_mapindex_page .cal table th{display:none;}
.cal_area > .cal > table > tbody > tr > td > .day{padding:5px;border:1px solid #F0f0f0;text-align: left;}

.history_list li{width:100%;}
.content_title2 > .bottom > .txt{text-align:left;padding:10px 0 0 0;}
.content_title2 > .bottom > .txt p{font-size:15px;}
.content_title2 > .bottom > .txt p br{display:none;}

.line02 ul li{width:100%;margin: 0 0 10px 0;height: 250px;}

.shop_graph {padding:0;margin:0;}
.shop_graph .img{float:none;position:static;text-align: center;margin:20px 0;}
.shop_graph .list{margin:0;}
#sitemap_page .sitemap_list .r_con,
#sitemap_page .sitemap_list .l_con{float:none;width:100%;}

.stepup_content{width:100%;}
.stepup_c_area{background:none;height:auto;}
.stepup_c_area table {width:auto;}
.stepup_c_area table td{ display: block;width:auto;padding:0px;}
.stepup_c_area table table td.stepup1.small,
.stepup_c_area table td.stepup1.small,
.stepup_c_area table table td.stepup1{padding:30px;margin:0 0 50px;background:#FFF;height:auto;}
.stepup_c_area table td.stepup1.small .inner{height:auto;}

.line01 ul li .input, .line01 ul li .select, .line01 ul li .txt{display:block;margin:0 0 10px 0;}
.input.w1 input{width:100%;margin:0 0 10px 0;}

.category_icon{margin-top:0;}
.cv_btn{
    bottom: 10px;
	z-index:5;
    right: 10px;
}
.cv_btn li{
width:40px;
height:40px;
float:none;
margin:0 0 5px 4px;
}
.campain ul li.cv02{display:block;}
.cv_btn li a{height:40px;}
.cv_btn li a img{height:25px;}
.cv_btn li:last-child{
    display: block;
}



.ph_desc_content2 .ph_desc_content_block2,
.ph_desc_content2 .ph_desc_content_block3{height:auto;position:relative;}
.ph_desc_content2 .ph_desc_content_block2 .img_area,
.ph_desc_content2 .ph_desc_content_block3 .img_area{position:static;margin:0 0 10px;float:none;text-align: center;}
.ph_desc_content2 .ph_desc_content_block3 .img_area:nth-child(2),
.ph_desc_content2 .ph_desc_content_block2 .img_area:nth-child(2){position:static;text-align:center;float:none;}
/*画像横幅合わせ*/

.ph_desc_content2 .ph_desc_content_block .img_area{margin:0 0 35px 0;}
.ph_desc_content2 .ph_desc_content_block:nth-child(2n) .img_area{float:none;}
.content_section .common_layout img{width:auto;}
.course_content .course_content_top .left_area{overflow:inherit;}
.course_content .course_content_top .clearfix{display:block;}
.ph_desc_content2 .ph_desc_content_block2 .img_area,
.content_movie iframe,
.ph_desc_content2 .ph_desc_content_block .img_area img,
.kaso_content_block .outline_block img,
.course_content .course_content_top .left_area,
.course_info_outline_box > .img,
.content_section .common_layout .img{width: 100%;margin-left: 0%;max-width: inherit;float:none;}
/*.course_info_outline_box > .img,
.tour_block_list .tour_block_list_item .img,
.course_content .course_content_top .left_area{margin-left: -8.5%;}*/
.kaso_content_block .outline_block .detail_img{width:auto;}
.kaso_content_block .outline_block .detail_img img{width:auto;margin-left:0;text-align:center;width:auto;}
.divepriceTop_sec .section.form_sec{width: 100vw;max-width: inherit;float:none;margin:30px 0 0 -4%;}
.course_content .course_content_top .right_area{width: 100vw;max-width: inherit;float:none;margin:0px 0 0 -4%;}
body.kaso #body section#page_content .content_section:nth-child(odd) .customer_con{width:100%;padding:35px 10px 10px 10px;}
body.kaso #body section#page_content .content_section:nth-child(n + 2) .customer_con{padding:10px;}
.customer_con{background:none;margin:0 auto;}
.kaso_content_block .outline_block .detail_dl.faq_box dd{padding:10px;}
.step_block .step_box,
.course_content_top .right_area .category{width:100vw;position: relative;left: 50%;top: -10px;transform: translateX(-50%);}
.course_content_top .right_area .category{text-align:center;}

/*kaso sub_menu*/
body.kaso #body section#page_nav{width:92.5%;margin:40px auto;border:1px solid #CCC;padding:0;}
#page_nav > a{display:block;color:#000;font-size:18px;line-height:40px;border-bottom:1px solid #CCC;padding:0 0 0 20px;font-weight:bold;}
#page_nav > br,
#page_nav > a br{display:none;}
#page_nav > .sub_menu{padding:0px 0;}
#page_nav > .sub_menu > li{border-bottom:1px solid #CCC;}
#page_nav > .sub_menu > li > a{display:block;color:#000;font-size:13px;line-height:1.2;padding:10px 0 10px 20px;}
#page_nav > .sub_menu > li.on{border-left:5px solid #2869BE;}
#page_nav > .sub_menu > li.on > a{color:#2869BE;font-weight:bold;}
body.course_info #page_nav > .sub_menu > li.on > a{}
#page_nav > .sub_menu > li > .detail_nav{display:none;}
#page_nav > .sub_menu > li.on > .detail_nav{display:block;}
#page_nav > .sub_menu > li > .detail_nav > li > a{display:block;color:#000;font-size:13px;line-height:1.2;padding:10px 0 10px 40px;}
#page_nav > .sub_menu > li > .detail_nav > li.on > a{background:#2869BE;color:#FFF;}

.line_title .main_copy{background:#32b82f;}
.line_title .main_copy .sub{padding:0 10px;text-align:left;}
#feature_block{padding:20px 0 0 0;}

.campain{display:block;right:inherit;left:5px;bottom:10px;}
.campain ul{display:flex;flex-wrap: wrap;min-width: 250px;}
.campain ul li{width:48%;margin:0 1%}
.campain ul li:nth-child(2) .text{background:#2869BE;}
.campain ul li:nth-child(2) .text span{line-height:28px;}
.campain ul li .text{height:auto;padding:7px 5px;background:#de0000;text-align: center;}
.campain ul li .text>span:before{display:none;}
.campain ul li .text>span{width:auto;padding:0;font-size: 11px;line-height: 14px;}
.campain ul li .text>span br{display:none;}
.campain ul li .text>span br.sp{display:block;}
.campain ul li .text>span.sp{display:block;}
.campain ul li .text>span .deg90{transform:none;display:inline;}
.campain ul li .img{display:block !important;position: absolute;top: 0 !important; left: 0 !important;height:100% !important;width: 100% !important;z-index:2;}
.campain ul li .img img{display:none;}
.campain ul li .img a{display: block;height: 100%;position: absolute;width: 100%;top: 0;left: 0;}

.flow_step > .title{width:92.5%;margin:0 auto 2rem auto;}
.flow_step {position:relative;}
.flow_step > ul{margin:0 auto;overflow:scroll;}
.flow_step > ul > li{border-bottom:2px solid #FFF;width:100vw;box-sizing: border-box;white-space: nowrap;}
.flow_step > ul > li:not(:last-child){margin:0;}
.flow_step > ul > li > .title{white-space: initial;padding: 0 20px;font-size: 15px;padding-right: 10px;text-align: left;}
.flow_step > ul > li > .step{white-space: nowrap;padding: 0 20px;padding-bottom: 5px;}
.flow_step > ul > li > .text{white-space: initial;line-height: 21px;padding: 0 8px 0 10px;}
.flow_step > ul > li:not(:last-child):before{right:0;}
#shop_area{flex-wrap:wrap;}
#shop_area .shop_block{width:95%;}
#shop_area .shop_block .gmap{width:100%;float:none;}

.shop_block .shop_info_wrap{width:100%;float:none;}
.shop_block .shop_info_wrap .shop_img{margin:10px 0;}
.shop_block .shop_info_wrap .shop_img img{width:100%;margin:0 0 20px;height:auto;}
.shop_block .shop_info{width:100%;text-align: center;float: none;}
.shop_block .shop_info .place{font-size:13px;}
.shop_block .shop_info .tel dd a{font-size:26px;}
.shop_block .shop_info .name{margin:0 0 10px;}
.shop_block .shop_info .f_time{font-size:13px;}
@keyframes scroll_border {
0% {bottom:30px;height:0px;}
50% {bottom:0px;height:30px;}
100% {bottom:-30px;height:0;}
}
.check_ul li{width:100%;}
}
@media screen and (max-width: 320px){
.sp320{display:block}

.footer .footer_list .b_list .sec_ttl a{font-size:12px}
.footer .b_list ul li a{font-size:10px}
.campain ul li .text>span{font-size:10px;}
.course_content_top .right_area .other_content .course_price.strike + .course_price{width:auto;}

}
.shop_logo ul li a span.name{
font-size:13px;
}