@charset "utf-8";
@media screen and (min-width: 1201px) { html{font-size:16px; } }@media screen and (max-width: 1200px) { html{font-size:15px; } }@media screen and (max-width: 1024px) { html{font-size:14px; } }@media screen and (max-width: 768px) {  html{font-size:13px; } }@media screen and (max-width: 480px) {  html{font-size:12px; } }a,a:visited,a:active { color:rgba(33,40,54,1.00)}a:hover { color:rgba(72,96,111,1.00)}
/* css setting */
/*　==============================　キャンペンバナー　==============================　*/

/*　マルチver　*/
.fair_btn_multi .wrapper{ width:12%; }
.fair_btn_multi { margin:-160px 3% -50px 0; }

@media screen and (max-width: 1200px){
.fair_btn_multi  { margin:-120px 2rem 20px 0; }
}

@media screen and (max-width: 940px){
.fair_btn_multi .wrapper{ width:15%; }
.fair_btn_multi  { margin:-60px 2rem -140px 0; }
}
@media screen and (max-width: 940px){
.fair_btn_multi .wrapper{ width:18%; }
.fair_btn_multi  { margin:-40px 2rem -140px 0; }
}
@media screen and (max-width: 480px){
.fair_btn_multi .wrapper{ width:100%; }
.fair_btn_multi  { margin:0 70% -170px 0.5rem; }
}


/*　単画像ver　*/
.fair_btn img { max-width:180px; }
.fair_btn { margin:-160px 3% -50px 0; }

@media screen and (max-width: 1100px){
.fair_btn img { max-width:120px; }
.fair_btn { margin:-160px 2rem 20px 0; }
}
@media screen and (max-width: 940px){
.fair_btn { margin:0 2rem -140px 0; }
}
@media screen and (max-width: 480px){
.fair_btn img { max-width:90px; }
.fair_btn { margin:0 0 -100px 1rem; }
}


/*　==============================　HOME　==============================　*/
/*　--------------------　トップタイトル　--------------------　*/
.top_tittle { max-width: 620px; padding: 35vh 0 15vh 14%; }
@media screen and (max-width: 1600px){.top_tittle { max-width: 600px; padding: 35vh 0 15vh 8%; }}
@media screen and (max-width: 1400px){.top_tittle { max-width: 520px; padding: 35vh 0 15vh 5%; }}
@media screen and (max-width: 1400px){.top_tittle { max-width: 520px; }}
@media screen and (max-width: 1200px){.top_tittle { max-width: 480px; }}
@media screen and (max-width: 1024px){.top_tittle { max-width: 420px; }}
@media screen and (max-width: 768px){.top_tittle { max-width: 500px; padding: 45vh 0 12vh 7%; }}
@media screen and (max-width: 498px){.top_tittle { max-width: 100%; padding: 31vh 5% 8vh 8%; }}

/*　--------------------　エリア02背景　--------------------　*/
#pt001-2Parent { background: linear-gradient(to right, #fff 50%, #007AA1 50%);}
/*　--------------------　エリア02背景｜Myself　--------------------　*/
.top_area02_ms_bg { background-size: 90%;}
@media screen and (max-width: 1024px){
.top_area02_ms_bg { background-attachment: scroll!important;}}
@media screen and (max-width: 768px){
.top_area02_ms_bg { background-size: 110%;}}
@media screen and (max-width: 498px){
.top_area02_ms_bg { background-size: 84% ; background-position:bottom right!important;}}

/*　--------------------　エリア02イメージ　--------------------　*/
.top_area02_img_space {
    padding-top: 540px;
    margin: 0 5% -540px 40%;
    max-width: 100%;
}
@media screen and (max-width: 1024px){
.top_area02_img_space {
    padding-top: 500px;
    margin: 0 0 -520px 42%;
    max-width: 100%;
}}

@media screen and (max-width: 768px){
.top_area02_img_space {
    padding-top: 480px;
    margin: 0 0 -520px 40%;
    max-width: 100%;
}}

@media screen and (max-width: 498px){
.top_area02_img_space {
    padding-top: 200px;
    margin: 0 0 0 6rem;
    max-width: 100%;
}}

/*　--------------------　エリア02ロゴ｜コピー　--------------------　*/
.top_area02_copy_logo img { max-width: 160px; }
.top_area02_copy_logo { margin: 2rem 0 6rem 10% ;}
.top_area02_copy img { max-width: 340px; }
.top_area02_copy { margin: 0rem 0 14rem 14% ;}

@media screen and (max-width: 1200px){
.top_area02_copy_logo { margin: 2rem 0 5rem 20% ;}
.top_area02_copy img { max-width: 320px; }
.top_area02_copy { margin: 0rem 0 14rem 20% ;}
}

@media screen and (max-width: 1024px){
.top_area02_copy_logo { margin: 0rem 0 5rem 10% ;}
.top_area02_copy img { max-width: 300px; }
.top_area02_copy { margin: 0rem 0 12rem 10% ;}
}

@media screen and (max-width: 768px){
.top_area02_copy_logo img { max-width: 120px; }
.top_area02_copy_logo { margin: 2rem 0 5rem 8% ;}
.top_area02_copy img { max-width: 280px; }
.top_area02_copy { margin: 0rem 0 10rem 8% ;}}

@media screen and (max-width: 498px){
.top_area02_copy_logo img { max-width: 100px; }
.top_area02_copy_logo { margin: -3.2rem 0 3rem 2.2rem ;}
.top_area02_copy img { max-width: 100%; }
.top_area02_copy { padding: 0rem 10% 3rem 20% ;  margin: 0;}}

/*　--------------------　エリア03範囲　--------------------　*/
.area03_area { background: linear-gradient(to right, #D8D8D3 90%, #fff 10%); }
.area03_area_L { margin :-10rem 0 4rem 8.5%; }
.area03_area_R { margin :7em 35% 0 10%; }

@media screen and (max-width: 1600px){
.area03_area_R { margin :7rem 30% 0 5%; }}

@media screen and (max-width: 1200px){
.area03_area { background: linear-gradient(to right, #D8D8D3 95%, #fff 5%); }
.area03_area_R { margin :7rem 20% 0 5%; }}

@media screen and (max-width: 1024px){
.area03_area_R { margin :7rem 17% 0 2%; }}

@media screen and (max-width: 768px){
.area03_area_R { margin :5rem 15% 0 0%; }}

@media screen and (max-width: 498px){
.area03_area { background: linear-gradient(to right, #D8D8D3 95%, #fff 5%); }
.area03_area_L { margin :-2rem 0 0 2rem; }
.area03_area_R { margin :3rem 8% 1rem 2%; }}

/*　--------------------　top lineupボタン　--------------------　*/
.top_lineup_btn .fs_btn {
    padding: 15rem 0rem 15rem 8%;
    background-color: rgba(0,0,0,0.35);
}
@media screen and (max-width: 498px){
.top_lineup_btn .fs_btn {
    padding: 6rem 0rem 6rem 2rem;
}}
.top_lineup_btn .fs_btn:hover {
    background-color: rgba(0,0,0,0.05);
    transition: 0.3s;
}

/*　--------------------　ガイドエリア　--------------------　*/
.home_guide_area { margin :0 10%; }
.home_guide_contents { padding:10vh 5% 40vh 10%; }

@media screen and (max-width: 1200px){
.home_guide_area { margin :0 5%; }}
@media screen and (max-width: 768px){
.home_guide_contents { padding: 4rem 2rem 30vh 4rem; }}
@media screen and (max-width: 498px){
.home_guide_area { margin :2rem 0 0 5%; background-position: left!important; }
.home_guide_contents { padding:3rem 2rem 28vh 2rem; }}


/*　--------------------　エリア05_お知らせ一覧｜HOME　--------------------　*/
.info_list_top .tk_flex {
    border-bottom: 1px solid #D8D8D3;
    padding:2rem 0rem;
    text-decoration: none;
    font-size: 0.8rem;
}
.info_list_top ul:last-child {
    border-bottom:none;
}
.info_list_top .tk_tags_Tags_02 {
    background-color: #007AA1;
    color: #ffffff;
    padding: 0.2rem 0.5rem 0.2rem 0.7rem;
    margin-right: 1rem;
}
.info_list_top .tk_top {
    font-size: 0.9rem;
    font-weight: normal;
    padding: 2.2rem 0 0 1rem;
    margin-bottom: 0.8rem!important;
    letter-spacing:0.05rem;
}
.info_list_top .tk_kiji { font-size: 1rem; padding: 0 0 1rem 1rem; font-weight: bold; }
@media screen and (max-width: 498px){
.info_list_top .tk_top { padding: 1rem 0 0 0.2rem;}
.info_list_top .tk_kiji { font-size: 0.9rem; padding: 0 0 0.5rem 0.2rem;}
}


/*　==============================　予約ページ　==============================　*/
/*　--------------------　Googleカレンダー　--------------------　*/


/*　==============================　お知らせ更新用　==============================　*/
/*　--------------------　お知らせ一覧　--------------------　*/
.info_list {margin:0 10%;}
@media screen and (max-width: 768px){.info_list {margin:0 5%;}}
@media screen and (max-width: 498px){.info_list {margin:0 1rem;}}

.info_list .tk_flex {
    border-bottom: 1px solid #fff;
    padding: 1.5rem 0rem;
    text-decoration: none;
}
.info_list ul:last-child {
    border-bottom:none;
}
.info_list .tk_tags_Tags_02 {
    background-color: #007AA1;
    color: #ffffff;
    padding: 0.2rem 0.5rem 0.2rem 0.7rem;
    margin-right: 1rem;
    font-size: 0.8rem;
}
.info_list .tk_top {
    font-size: 0.9rem;
    font-weight: normal;
    padding: 1.5rem 0 0.5rem 1rem;
    margin-bottom: 1rem!important;
    letter-spacing:0.05rem;
}
.info_list .tk_kiji {
    font-size: 1.1rem;
    line-height: 1.5rem;
    padding: 0 0 2rem 1rem;
    font-weight: bold;
}
@media screen and (max-width: 498px){
.info_list .tk_top { padding: 0.2rem 0 0 0.5rem;}
.info_list .tk_kiji { font-size: 0.9rem; padding: 0 0 0.5rem 0.5rem;}
}

/*　--------------------　シェアボタン　--------------------　*/
.fs-snsbutton-color1 .twitter-btn-icon,
.fs-snsbutton-color1 .facebook-btn-icon ,
.fs-snsbutton-color1 .line-btn-icon{
    background-color: #D8D8D3;
    color:#fff;
}
.fs-snsbutton-color1 .twitter-btn-icon:hover ,
.fs-snsbutton-color1 .facebook-btn-icon:hover ,
.fs-snsbutton-color1 .line-btn-icon:hover{
        transition:0.5s;
    background-color: #333;
}
/*　--------------------　お知らせ下部リスト　--------------------　*/
.latest_list #fsInfoBlock dl{
    border-bottom: 1px solid #D8D8D3;
    padding: 1.5rem 0;
}
.latest_list #fsInfoBlock dl:last-child {
    border-bottom: 0px solid #D8D8D3!important;
    padding: 1.5rem 0;
}
.latest_list #fsInfoBlock .entryData {
    font-size: 0.9rem;
    padding: 0 0 0 1.5rem;
    width: 120px;
}
.latest_list #fsInfoBlock dd {
    border-left: none;
    font-size: 1rem;
    float: left;
    padding-left: 1rem;
    width: 80%;
}
.latest_list #fsInfoBlock .entrySummary {
    display: none;
}

/*　==============================　ラインナップ　==============================　*/
/*　--------------------　ラインナップ 背景エリア　--------------------　*/
.lineup_bg {
     background: linear-gradient(to right, #D8D8D3 65%, #fff 65%);
     margin:-12rem 0 5rem 0;
     padding:0 0 3rem 0;
}
@media screen and (max-width: 498px){
.lineup_bg { background: #D8D8D3; margin:-12rem 0 3rem 0;}}

.lineUp-imgBtn{max-width: 1400px; margin: 0 0 0rem auto;}
.lineUp-imgBtn .fs_btn{padding: 24rem 0rem 5rem 4rem; transition: 0.3s;}
.lineUp-imgBtn .fs_btn:hover{background-color:rgba(0,0,0,0.35); transition: 0.3s;}
.lineUp-imgBtn .fs_btn_text_main:before{position: absolute; top: 77%; left: -75px; content: ''; width: 100px; height: 3px; background: #007AA4;}
@media screen and (max-width:1400px) {
.lineUp-imgBtn{max-width: 1300px; margin: 0 0 0rem 4rem;}
.lineUp-imgBtn .fs_btn_text_main:before{left: -30px; content: ''; width: 60px;}
}
@media screen and (max-width: 498px){
.lineUp-imgBtn{margin: 0rem 0rem 0rem 2rem; background-position: right bottom!important;}
.lineUp-imgBtn .fs_btn{padding: 18rem 0rem 2rem 3rem;}
.lineUp-imgBtn .fs_btn_text {line-height:2rem!important;}
.lineUp-imgBtn .fs_btn_text_main:before{top:79%; left: -30px; content: ''; width: 50px;}
}

.lineUp-introductionArea{max-width: 1400px; margin: 0rem 0rem 0rem auto; padding:0rem 0rem 0rem 2rem;}
.lineUp-tag{margin:0rem 2rem 2rem 2rem;}
.lineUp-tag ul{width:100%; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: flex-start; align-items: stretch; flex-flow: row wrap; box-sizing: border-box;}
.lineUp-tag li{padding: 0.25rem 1rem; width:auto; margin-right: 0.5rem; margin-bottom: 0.5rem; box-sizing: border-box; background-color:#007AA1; color:#fff;}
.lineUp-tag li:last-child{margin-right: 0rem;}
/*.lineUp-mulSlide button{display:none!important;}*/
.lineUp-mulSlide .slick-prev:before{color: #007AA4!important; content: ' \f053'; font-family: FontAwesome; font-size: 20px; line-height: 1; opacity: .75;}
.lineUp-mulSlide .slick-next:before{color: #007AA4!important; content: ' \f054'; font-family: FontAwesome; font-size: 20px; line-height: 1; opacity: .75;}
.lineUp-mulSlide .slick-slide img:hover{opacity:1!important;}
@media screen and (max-width: 1200px){
.lineUp-introductionArea{}
}
@media screen and (max-width: 498px){
.lineUp-introductionArea{padding: 0rem 0rem 0rem 0rem;}
.lineUp-mulSlide .slick-prev{left: 0px!important;}
.lineUp-mulSlide .slick-next{right:0px!important;}
}

/*　--------------------　ラインナップ ギアエリア　--------------------　*/
.lineup_gear_area { margin :0 10%; }
.lineup_gear_img_space { padding-top:52vh; }
.lineup_og_tittle {
     font-size:3.4rem;
     padding:5.5rem 0 0 2rem ;
}
.lineup_gear_bg {
     background: linear-gradient(to right, #85998F 65%, #fff 65%);
     margin:-12rem 0 5rem 0;
     padding:0 0 3rem 0;
}
.lineup_gear_contents{padding:0rem 0rem 0rem 2rem;}

@media screen and (max-width: 1200px){
.lineup_gear_area { margin :0 5%; }}
@media screen and (max-width: 768px){
.lineup_gear_img_space { padding-top: 40vh; }}
@media screen and (max-width: 498px){
.lineup_gear_area { margin :0 2rem 0 0; background-position: left!important; }
.lineup_gear_img_space { padding-top:22rem; }
.lineup_gear_bg { background: #85998F; margin:-12rem 0 0 0;}
.lineup_og_tittle { font-size:2.4rem; padding:3rem 0 0 2rem ;}
.lineup_gear_contents{padding:0rem 0rem 0rem 0rem;}
}

/*　==============================　ラインナップ製品　==============================　*/
/*　--------------------　スライドショー　--------------------　*/
.lineUp-slide{margin: 0 auto; padding:0rem 1rem;}
/*.lineUp-slide button{display:none!important;}*/
.lineUp-slide .slick-prev:before, .lineUp-slide .slick-next:before {color: #007AA4!important;}
#CarouselThemeCustom .thumb-item-nav .slick-list .slick-track .slick-slide{margin: 0rem 1.2rem; height: 28vh!important;}
#CarouselThemeCustom .thumb-item-nav .slick-slide-img{height: 28vh!important;}
@media screen and (max-width:498px) {
#CarouselThemeCustom .thumb-item-nav .slick-list .slick-track .slick-slide{margin: 0rem 1.2rem; height: 14vh!important;}
#CarouselThemeCustom .thumb-item-nav .slick-slide-img{height: 14vh!important;}
.lineUp-slide .slick-prev{left: -7px!important;}
.lineUp-slide .slick-next{right:-7px!important;}
}
/* 20200511スライドショー修正 */
#CarouselThemeCustom .thumb-item .slick-slide-img{
width: calc(100% - 2.2rem)!important;
}
/* 202603スライド-クレジット表記 */
.lineUp-slide .slick-slide span {
text-align: center!important; font-size: 0.9rem; font-weight: bold; }
.lineUp-slide .slick-slide-img { margin-top: 0.5rem; }


.lineUp-spec-tb ul{border:1px solid #ededed; box-sizing: border-box;}
.lineUp-spec-tb li{border-bottom:1px solid #ededed; box-sizing: border-box;}
.lineUp-spec-tb li:last-child{border-bottom:none;}
.lineUp-spec-tb dl{width:100%; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: flex-start; align-items: stretch; flex-flow: row nowrap; box-sizing: border-box;}
.lineUp-spec-tb dt{text-align:center; padding: 1rem; width:120px; background-color: rgba(216,216,211,1.00); border-right:1px solid #ededed; box-sizing: border-box;}
.lineUp-spec-tb dd{padding: 1rem; width:calc(100% - 120px); box-sizing: border-box;}
.lineUp-spec-tb dd p{width:100%; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: flex-start; align-items: stretch; flex-flow: row nowrap; box-sizing: border-box;}
.lineUp-spec-tb dd p span:nth-child(1){width:110px;}
.lineUp-spec-tb dd p span:nth-child(2){width:calc(100% - 110px);}
@media screen and (max-width:768px) {
.lineUp-spec-tb dl{flex-flow: column wrap;}
.lineUp-spec-tb dt{text-align:justify; width:100%; border-right:0px solid #212836; border-bottom:1px solid #ededed;}
.lineUp-spec-tb dd{width:100%;}
}

/*　--------------------　other lineupボタン　--------------------　*/
.other_lineup_btn { width:75%; margin: 0 0 2px auto; }

.other_lineup_btn .fs_btn {
    padding: 10rem 0rem 10rem 8%;
    background-color: rgba(0,0,0,0.35);
}
@media screen and (max-width: 768px){
.other_lineup_btn { width:100%; }}
@media screen and (max-width: 498px){
.other_lineup_btn .fs_btn { padding: 6rem 0rem 6rem 2rem;}}

.other_lineup_btn .fs_btn:hover {
    background-color: rgba(0,0,0,0.05);
    transition: 0.3s;
}

/*　--------------------　ラインナップ 説明部分　--------------------　*/
.lineup_details_bg { margin-top:-10rem; padding-top:10rem;  background-color: #ededed; }

@media screen and (max-width: 498px){
.lineup_details_bg { margin-top:-4rem; padding-top:2rem;  background-color: #ededed; }}

/*　==============================　ご利用ガイドページ　==============================　*/
/*　--------------------　ご利用ガイド - ナビ　--------------------　*/
.guide_navi .fsNavMenuList li {
    font-size: 1rem!important;
    width: 100%!important;
    margin-bottom: 4px!important;
    line-height: 1rem!important;
}
.guide_navi .fsNavMenuList li a {
    padding: 2rem 1rem 2rem 2rem!important;
}


/*　--------------------　コンテンツエリアに関する設定　--------------------　*/
.guide-area{}
.guide-area > div > div > div{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;}
.guide-area .r-gridN9{order:1; background-color:#ffffff;}
.guide-area .r-gridN3{order:0;}
.guide-areaL{max-width: 1000px; padding:2rem 0rem 4rem 2rem; }
.guide-areaR{margin:0rem 0 4rem 2rem;}
.guide-areaBtn{margin:0rem 0rem 1rem 0rem;}
@media screen and (min-width:1401px) {
.guide-area{width: calc(100% - 10%); margin: 0rem 0rem 0rem auto!important;}
}
@media screen and (max-width:768px) {
.guide-areaBtn{margin:0rem 0rem 0.75rem 0rem;}
.guide-areaBtn .fs_btn{padding-left:0.75rem!important;}
}
@media screen and (max-width:498px) {
.guide-area{}
.guide-area > div > div > div{flex-flow: column wrap; box-sizing: border-box;}
.guide-area .r-gridN9{width: calc(100% - 0rem); margin: 0rem 0rem; order:0;}
.guide-area .r-gridN3{order:1;}
.guide-areaL{padding:0rem 2rem 4rem 2rem;}
.guide-areaR{margin:0rem 2rem ;}
.guide-areaBtn{margin:0rem 0rem 1rem 0rem;}
.guide-areaBtn .fs_btn{padding-left:2rem!important;}
}
/*　--------------------　共通設定　--------------------　*/
.guide-flow-ttl{font-size:1.2rem; padding:0rem 0rem 0.5rem 0rem;}
.guide-flow-ttl p{width:100%; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: flex-start; align-items: center; flex-flow: row nowrap; box-sizing: border-box;}
.guide-flow-ttl span{display: -webkit-inline-flex; display: -moz-inline-flex; display: -ms-inline-flex; display: -o-inline-flex; display: inline-flex; justify-content: center; align-items: center; box-sizing: border-box; color: #ffffff; text-align: center; font-size: 2rem; margin-right: 1rem; background-color:#007AA4; width:60px; height:60px;}
.guide-flow-inner{margin-left:1.9rem; padding:0rem 2rem 1.5rem 2.9rem;}
.guide-flowEnd-inner{font-size:1.2rem; color:#ffffff; background-color:#007AA4; margin-right:2rem; padding:1.2rem 1rem 1.2rem 2rem;}
.guide-other-inner{margin-left: 1.5rem!important; margin-right: 2rem!important;}
.guide-flow-tb table{width: 100%; border: 1px solid #007AA4; box-sizing: border-box; margin:0.5rem 0rem;}
.guide-flow-tb th{font-weight: normal; color:#007AA4; border: 1px solid #007AA4; padding: 1rem; width: 80px;}
.guide-flow-tb td{border: 1px solid #007AA4; padding: 1rem; width: calc(100% - 80px);}
@media screen and (max-width: 1200px){
.guide-flow-inner{margin-left:2rem; padding:0rem 2rem 1.5rem 3rem;}
}
@media screen and (max-width: 1024px){
.guide-flow-inner{margin-left:2.15rem; padding:0rem 2rem 1.5rem 3.15rem;}
}
@media screen and (max-width: 768px){
.guide-flow-inner{margin-left:2.4rem; padding:0rem 2rem 1.5rem 3.4rem;}
.guide-other-inner{margin-left: 0rem!important; margin-right: 2rem!important;}
}
@media screen and (max-width: 498px){
.guide-flow-ttl span{width:40px; height:40px;}
.guide-flow-inner{margin-left:1.6rem; padding:0rem 0rem 1.5rem 2.75rem;}
.guide-flowEnd-inner{margin-right:0rem;}
.guide-other-inner{margin-right: 0rem!important;}
.guide-flow-tb th{width: 40px;}
.guide-flow-tb td{width: calc(100% - 40px);}
}
/*　--------------------　お支払方法に関する設定　--------------------　*/
.payment-credit{max-width: 280px;}
@media screen and (max-width: 498px){
.payment-credit{max-width: 220px;}
}
/*　--------------------　キャンセルに関する設定　--------------------　*/
.cancel-tb table{width: 100%; border: 1px solid #ccc; box-sizing: border-box;}
.cancel-tb th{font-weight: normal; border: 1px solid #ccc; padding: 1rem; width: 180px;}
.cancel-tb td{border: 1px solid #ccc; padding: 1rem; width: calc(100% - 180px);}
.cancel-tb dl{width:100%; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: flex-start; flex-flow: row nowrap; box-sizing: border-box;}
@media screen and (max-width: 498px){
.cancel-tb th{padding: 1rem 0.5rem; width: 150px;}
.cancel-tb td{padding: 1rem 0.5rem; width: calc(100% - 150px);}
}

/*　==============================　料金案内ページ　==============================　*/
/*エリア*/
.price_area { padding:4rem 15% 8rem 15%; }
@media screen and (max-width: 1200px){.price_area { padding:4rem 2rem 8rem 2rem; }}
@media screen and (max-width: 768px){.price_area { padding:3rem 1rem 5rem 1rem; }}
@media screen and (max-width: 498px){.price_area { padding:3rem 4px 4rem 4px; }}

/*料金表*/
.price-tbA table{width: 100%; border: 1px solid #ccc; box-sizing: border-box;}
.price-tbA table tr:first-child th{font-size:1rem; text-align:center;}
.price-tbA table tr:first-child td{font-size:1rem; text-align:center;}
.price-tbA table tr:first-child td:nth-child(2){width: calc(100% - 240px);background: rgba(216,216,211,1.00);}
.price-tbA table tr:first-child td:nth-child(3){width: 140px;background: rgba(216,216,211,1.00);}
.price-tbA th{font-weight: normal; font-size:1.5rem; text-align:center; border: 1px solid #ccc; padding: 1rem; width: 100px; background: rgba(216,216,211,1.00);}
.price-tbA th span{font-size:0.9rem;}
.price-tbA td{vertical-align: baseline; font-size:1.5rem; line-height: 1.6rem; border: 1px solid #ccc; padding: 2rem 1rem;}
.price-tbA td span{font-size:0.9rem;}
.price-tbA table tr:nth-child(2) th{text-align:center; vertical-align: middle; line-height: 1.5rem; padding: 1.5rem 1rem 1rem 1rem;}
.price-tbA table tr:nth-child(2) td:nth-child(3){text-align:center; padding:1.5rem 1rem 1rem 1rem;}
.price-tbA-line-h td:nth-child(1){}
.price-tbA-line-h td:nth-child(2){text-align:center; line-height: 1.5rem;}
.price-tbA dl{width:100%; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: flex-start; flex-flow: row nowrap; box-sizing: border-box;}
.price-tbA dt{width: calc(100% - 180px);}
.price-tbA dd{width: 180px; text-align: justify;}
@media screen and (max-width: 768px){
.price-tbA table tr:first-child td:nth-child(2){width: calc(100% - 150px);}
.price-tbA table tr:first-child td:nth-child(3){width: 80px;}
.price-tbA th{width: 70px;}
.price-tbA dt{width: calc(100% - 110px);}
.price-tbA dd{width: 110px;}
}
@media screen and (max-width: 498px){
.price-tbA table tr:first-child td:nth-child(2){width: calc(100% - 120px);}
.price-tbA table tr:first-child td:nth-child(3){width: 60px;}
.price-tbA table tr:nth-child(2) th{padding: 1.5rem 0.5rem 1rem 0.5rem;}
.price-tbA-line-h td:nth-child(1){line-height: 1.75rem;}
.price-tbA th{width: 60px; padding:1.5rem 1rem;}
.price-tbA td{padding: 1.5rem 0.5rem 1rem 0.5rem; line-height: 1.75rem;}
.price-tbA dl{flex-flow: column-reverse nowrap;}
.price-tbA dt{width: 100%; font-size:1rem; text-align:center;}
.price-tbA dd{width: 100%; text-align:center;}
}

.price-tbB table{width: 100%; border: 1px solid #ccc; box-sizing: border-box;}
.price-tbB table tr:first-child th{font-weight: normal; font-size:1rem; text-align:center; vertical-align: middle;}
.price-tbB table tr:first-child td{font-size:1rem; text-align:center;}
.price-tbB table tr:first-child td:nth-child(2){width: calc(100% - 240px);background: rgba(216,216,211,1.00);}
.price-tbB table tr:first-child td:nth-child(3){width: 140px;background: rgba(216,216,211,1.00);}
.price-tbB th{font-size:1.5rem; text-align:center; border: 1px solid #ccc; padding: 1rem; width: 100px; background: rgba(216,216,211,1.00);}
.price-tbB th span{font-size:0.9rem;}
.price-tbB td{vertical-align: middle; font-size:1.5rem; line-height: 1.6rem; border: 1px solid #ccc; padding: 1rem;}
.price-tbB td span{font-size:0.9rem;}
.price-tbB table tr th{text-align:center; vertical-align: middle; line-height: 1.5rem; padding: 1.5rem 1rem 1rem 1rem;}
.price-tbB table tr td:nth-child(2){text-align:center; line-height: 1.5rem; padding: 1.5rem 1rem 1rem 1rem;}
.price-tbB table tr td:nth-child(3){text-align:center; line-height: 1.5rem;     padding: 1.5rem 1rem 1rem 1rem;}
.price-tbB-line-h td:nth-child(1){}
.price-tbB-line-h td:nth-child(2){text-align:center; line-height: 1.5rem;}
.price-tbB dl{width:100%; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: flex-start; flex-flow: row nowrap; box-sizing: border-box;}
.price-tbB dt{width: calc(100% - 180px);}
.price-tbB dd{width: 180px; text-align: right;}
@media screen and (max-width: 768px){
.price-tbB table tr:first-child td:nth-child(2){width: calc(100% - 150px);}
.price-tbB table tr:first-child td:nth-child(3){width: 80px;}
.price-tbB th{width: 70px;}
.price-tbB dt{width: calc(100% - 110px);}
.price-tbB dd{width: 110px;}
}
@media screen and (max-width: 498px){
.price-tbB table tr:first-child td:nth-child(2){width: calc(100% - 120px);}
.price-tbB table tr:first-child td:nth-child(3){width: 60px;}
.price-tbB table tr:nth-child(2) th{padding: 1.5rem 0.5rem 1rem 0.5rem;}
.price-tbB-line-h td:nth-child(1){line-height: 1.75rem;}
.price-tbB th{width: 60px; padding:1.5rem 1rem;}
.price-tbB td{padding: 1.5rem 0.5rem 1rem 0.5rem; line-height: 1.75rem;}
.price-tbB dl{flex-flow: column-reverse nowrap;}
.price-tbB dt{width: 100%; font-size:1rem; text-align:center;}
.price-tbB dd{width: 100%; text-align:center;}
}

/*　==============================　運営会社ページ　==============================　*/
.company-tb table{width: 100%; border: 1px solid #ccc; box-sizing: border-box;}
.company-tb th{font-weight: normal; border: 1px solid #ccc; padding: 1rem; width: 80px;}
.company-tb td{border: 1px solid #ccc; padding: 1rem; width: calc(100% - 80px);}
.company-imgBtn .fs_btn{padding: 10rem 0rem 10rem 2rem; background-color:rgba(0,0,0,0.35); transition: 0.3s;}
.company-imgBtn .fs_btn:hover{background-color:rgba(0,0,0,0.05); transition: 0.3s;}

.company-gasStation-img{padding-top:30rem;}
@media screen and (max-width: 768px){
.company-gasStation-img{padding-top:20rem;}}

.company-gasStation-tag{margin:0 0 2rem 0;}
.company-gasStation-tag ul{width:100%; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: flex-start; align-items: stretch; flex-flow: row wrap; box-sizing: border-box;}
.company-gasStation-tag li{padding: 0.25rem 1rem; width:auto; margin-right: 0.5rem; box-sizing: border-box; color:#ffffff; background-color:#007AA1;}
.company-gasStation-tag li:last-child{margin-right: 0.5rem;}

.laundry-slide{margin: 0rem 1rem 2rem 1rem;}
/*.laundry-slide button{display:none!important;}*/
.laundry-slide .slick-prev{left: -5px!important;}
.laundry-slide .slick-next{right: -5px!important;}
.laundry-slide .slick-prev:before{color: #007AA4!important; content: ' \f053'; font-family: FontAwesome; font-size: 20px; line-height: 1; opacity: .75;}
.laundry-slide .slick-next:before{color: #007AA4!important; content: ' \f054'; font-family: FontAwesome; font-size: 20px; line-height: 1; opacity: .75;}
@media screen and (max-width: 498px){
.laundry-slide .slick-prev{left: -7px!important;}
.laundry-slide .slick-next{right:-7px!important;}
}

.laundry-mune-tb{padding:0rem 2rem 3rem 2rem;}
.laundry-mune-tb ul{width:100%; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: flex-start; flex-flow: row nowrap; box-sizing: border-box;}
.laundry-mune-tb li{width:50%; margin-right:2rem;}
.laundry-mune-tb li:nth-child(2){width:50%; margin-right:0rem;}
.laundry-mune-tb table{border: 1px solid #D8D8D3; box-sizing: border-box; width:100%;}
.laundry-mune-tb th{text-align: right; font-weight:normal; padding:1rem; width:50px!important; border: 1px solid #D8D8D3; box-sizing: border-box; background-color:#fff;}
.laundry-mune-tb thead{ color:#ffffff;}
.laundry-mune-tb thead tr th{text-align: justify; width:100%; background-color:#212836;}
.laundry-mune-tb td{padding:1rem; border: 1px solid #D8D8D3; box-sizing: border-box; background-color:#fff;}
.laundry-mune-tb td:nth-child(2){width:calc(100% - 210px);}
.laundry-mune-tb td:nth-child(3){text-align: right; width:70px;}
.laundry-mune-tb td:nth-child(4){text-align: right; width:90px;}
@media screen and (max-width: 498px){
.laundry-mune-tb ul{flex-flow: column wrap;}
.laundry-mune-tb li{width:100%; margin-right:0rem;}
.laundry-mune-tb li:nth-child(2){width:100%; margin-top:1rem;}
.laundry-mune-tb th{}
.laundry-mune-tb td:nth-child(2){width:calc(100% - 210px);}
.laundry-mune-tb td:nth-child(3){text-align: center; width:55px;}
.laundry-mune-tb td:nth-child(4){width:70px;}
}
.laundry-ban-tag{padding:0rem 2rem 2.5rem 2rem;}
.laundry-ban-tag ul{width:100%; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: flex-start; align-items: stretch; flex-flow: row wrap; box-sizing: border-box;}
.laundry-ban-tag li{padding: 0.5rem 1rem; width:auto; margin-right: 0.5rem; margin-bottom: 0.5rem; box-sizing: border-box; color:#ffffff; background-color:#48606F;}
.laundry-ban-tag li:first-child{font-weight:bold; color: #212836; background-color: transparent;}
.laundry-ban-tag li:last-child{margin-right: 0.5rem;}

.laundry-yes-tb{padding:0 2rem 1rem 3rem;}
.laundry-yes-tb ul{width:100%; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: flex-start; flex-flow: row nowrap; box-sizing: border-box;}
.laundry-yes-tb li{width:50%; margin-right:2rem; background-color:#fff;}
.laundry-yes-tb li:nth-child(2){width:50%; margin-right:0rem;}
.laundry-yes-tb table{border: 1px solid #D8D8D3; box-sizing: border-box; width:100%; }
.laundry-yes-tb th{font-weight:normal; padding:1rem; width:calc(100% - 140px); border: 1px solid #D8D8D3; box-sizing: border-box;}
.laundry-yes-tb td{padding:1rem; border: 1px solid #D8D8D3; box-sizing: border-box;}
.laundry-yes-tb td:nth-child(2){text-align: center; width:70px!important;}
.laundry-yes-tb td:nth-child(3){text-align: center; width:70px!important;}
@media screen and (max-width: 498px){
.laundry-yes-tb ul{flex-flow: column wrap;}
.laundry-yes-tb li{width:100%; margin-right:0rem;}
.laundry-yes-tb li:nth-child(2){width:100%; margin-top:1rem;}
.laundry-yes-tb th{width:calc(100% - 100px);}
.laundry-yes-tb td:nth-child(2){width:50px!important;}
.laundry-yes-tb td:nth-child(3){width:50px!important;}
}
/*　==============================　お問い合わせページ　==============================　*/
.contact_tel_none { display:none; }

/*　==============================　貸渡約款ページ　==============================　*/
.conditons-block{padding:0rem 2rem 2rem 3rem!important;}
.conditons-block p:first-child{letter-spacing: 0.1rem; font-size:1.1rem; margin-bottom: 0.5rem;}
.conditons-block p:nth-child(n + 2){ font-size:0.9rem; text-indent: -1rem; padding-left: 1rem;}
.conditons-tb table{width: 100%; border: 1px solid #ccc; box-sizing: border-box;}
.conditons-tb th{font-weight: normal; border: 1px solid #ccc; padding: 1rem; width: 100px;}
.conditons-tb td{border: 1px solid #ccc; padding: 1rem; width: calc(100% - 100px);}
.conditons-tb dl{width:100%; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: flex-start; flex-flow: row nowrap; box-sizing: border-box;}
.conditons-tb dt{width:200px;}
.conditons-tb dd{width:calc(100% - 200px);}
@media screen and (max-width: 498px){
.conditons-tb th{padding: 1rem 0.5rem; width: 70px;}
.conditons-tb td{padding: 1rem 0.5rem; width: calc(100% - 70px);}
.conditons-tb dt{width:150px;}
.conditons-tb dd{width:calc(100% - 150px);}
}

/*　==============================　特定商取引法についてページ　==============================　*/
.low-tb table{width: 100%; border: 1px solid #ccc; box-sizing: border-box;}
.low-tb th{font-weight: normal; border: 1px solid #ccc; padding: 1rem; width: 140px;}
.low-tb td{border: 1px solid #ccc; padding: 1rem; width: calc(100% - 140px);}
@media screen and (max-width: 498px){
.low-tb th{width: 90px;}
.low-tb td{width: calc(100% - 90px);}
}

/*　==============================　共通部分　==============================　*/
header{background-color: rgba(0,0,0,0.5);}
#pt002 #pt002-1Parent, #pt003 #pt003-1Parent, #pt101 #pt101-1Parent{background-color: rgba(0,0,0,0.5);}
/*　--------------------　ページタイトルに関する設定　--------------------　*/
.pagettlA{max-width: 1270px; margin: 0 auto; padding:8rem 2rem 3rem 2rem; letter-spacing:0.3rem; font-size:3.4rem;}
.pagettlA span{font-style: normal; letter-spacing: 0.1rem; font-size:1.1rem; }
.pagettlB{ margin:0rem 2rem 4rem 1.5rem; padding:4rem 0rem; font-size:2.4rem; letter-spacing: 0.15rem;}
.pagettlB span{font-style: normal; font-size:1.1rem; letter-spacing: 0rem; }
.pagettlC{max-width: 1270px; margin: 0 auto; padding:4rem 2rem 3rem 2rem;}
.pagettlD{ padding:4rem 2rem; font-size:2.4rem; letter-spacing: 0.15rem;}
.pagettlD span{font-style: normal; font-size:1.1rem; letter-spacing: 0rem; margin-left:1rem;}
@media screen and (max-width: 1200px){
.pagettlA{padding:5rem 0rem 3rem 0rem; font-size:3.2rem;}
}
@media screen and (max-width: 768px){
.pagettlA{padding:10rem 0 10rem 4rem;}
.pagettlB{margin:0rem 2rem 3rem 0rem; padding:4rem 0rem 3rem 0 ;}
}
@media screen and (max-width: 498px){
.pagettlA{text-align: center!important; font-size:3rem!important; padding:2rem 0 8rem 0; letter-spacing:0rem;}
.pagettlA p{width:100%; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center; flex-flow: column nowrap; box-sizing: border-box;}
.pagettlA span{font-size:1rem; letter-spacing: 0.05rem;}
.pagettlB{ letter-spacing: 0.1rem; margin:0rem 0rem 3rem 0rem;}
.pagettlB p{width:100%; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center; flex-flow: column nowrap; box-sizing: border-box;}
.pagettlB span{font-size:1rem; letter-spacing: 0rem;}
.pagettlD{ letter-spacing: 0.1rem;}
.pagettlD p{width:100%; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center; flex-flow: column nowrap; box-sizing: border-box;}
.pagettlD span{font-size:1rem; letter-spacing: 0rem; margin-left:0rem;}
}

/*　==============================　ヘッダー部分　==============================　*/
#cID1 header{background-color: transparent!important;}
/*　--------------------　ヘッダーロゴに関する設定　--------------------　*/
@media screen and (min-width: 1201px) {
#topLogo {padding: 1rem 0rem 3rem 3rem;}
#topLogo img {max-width:140px;}
}
@media screen and (max-width: 1200px) {
#topLogo {padding: 1rem 0rem 3rem 5vw;}
#topLogo img {max-width:140px;}
}
@media screen and (max-width: 768px) {
#topLogo img {max-width:110px;}
#topLogo {padding: 2.3vh 0rem 1.3vh 6vw;}
}
@media screen and (max-width: 480px) {
#topLogo {padding: 1rem 0rem 2.5vh 1.5rem;}
#topLogo img {width:80px;}
}
/*　--------------------　ヘッダーボタンに関する設定　--------------------　*/

#cID1 .h-btnReserve, #cID1 .h-btnContact, #cID1 .h-btnTel{display:none!important;}
@media screen and (min-width: 498px) {
#cID1 .h-nav .fsNavMenuList li:nth-child(5){display:inline;}
}

.h-btnReserve{position: absolute; z-index: 10; top: 0; right: 170px;}
.h-btnReserve .fs_btn{line-height: 1.3rem; width:170px!important;}
.h-btnReserve .fs_btn .fs_btn_text_sub{font-size: 1rem; margin-left:2.5rem;}
.h-btnReserve .fs_btn .fs_btn_text_main i{font-size: 1.75rem!important; position: relative; bottom: -0.9rem;}
.h-btnContact{position: absolute; z-index:10; top: 0; right: 0; }
.h-btnContact .fs_btn{line-height: 1.3rem; width:170px!important;}
.h-btnContact .fs_btn .fs_btn_text_sub{font-size: 1rem; margin-left:2.8rem;}
.h-btnContact .fs_btn .fs_btn_text_main i{font-size: 1.75rem!important; position: relative; bottom: -0.9rem;}
.h-btnTel{position: absolute; z-index: 10; top: 5rem; right: 1.5rem;}
.h-btnTel a{color: #ffffff; font-size: 1.75rem; line-height: 1.75rem;}
.h-btnTel .fs_btn .fs_btn_text_sub{font-size: 1rem;}
/*@media screen and (max-width: 896px) {
.h-btnReserve{position: absolute; z-index: 10; top: 0rem; right: 0rem;}
.h-btnContact{position: absolute; z-index: 10; top: 4rem; right: 0rem;}
.h-btnTel{position: absolute; z-index: 10; top: 9rem; right: 1rem;}
}*/
/*　--------------------　PCナビに関する設定　--------------------　*/
.h-nav {position: absolute; top: 5rem; left: 16rem;}
.h-nav > #fsNavMenuList > .active_page > a{position: relative;}
.h-nav > #fsNavMenuList > .active_page > a::after{position: absolute; bottom: 0rem; left: 0; content: ''; width: 100%; height: 3px; background: #007AA4;}
.h-nav a {position: relative; display: inline-block!important; padding: 1.2rem 0rem!important; margin-right: 2rem; letter-spacing: 0.15rem; transition: 0.3s; }
.h-nav a::after {position: absolute; bottom: 0rem; left: 0; content: ''; width: 0; height: 3px; background: #007AA4; transition: 0.3s; }
.h-nav a:hover::after {width: 100%;}
.h-nav .fsNavMenuList li{font-size:1.25rem!important; letter-spacing: 0.1rem; }
.h-nav .fsNavMenuList li .sub_title {letter-spacing: 0; font-style:normal;}
@media screen and (min-width: 498px) {
.h-nav .fsNavMenuList li:nth-child(1){display:none;}
.h-nav .fsNavMenuList li:nth-child(5){display:none;}
.h-nav .fsNavMenuList li:nth-child(7){display:none;}
.h-nav .fsNavMenuList li:nth-child(8){display:none;}
}
@media screen and (max-width: 1200px) {
.h-nav > #fsNavMenuList > .active_page > a::after{bottom: 0rem;}
.h-nav a::after {bottom: 0rem;}
}
@media screen and (max-width: 768px) {
.h-nav a{padding: 1.6rem 0 !important;}
}
/*　--------------------　Fatナビに関する設定　--------------------　*/
.fat-nav{background: rgba(0,122,164,0.96);}
.fat-nav li {list-style-type: none; text-align: left; padding:1rem 0rem 0.95rem 0; font-size:1.4rem; border-bottom: 1px solid #7393aa; line-height: 1.5rem;margin:0 0 0 14%;}
.fat-nav li:last-child {border-bottom: none;}
.fat-nav li a{border-bottom:0px solid #fff !important;}
.fat-nav .sub_title{font-size:0.8rem;}
.hamburger .hamburger__icon, .hamburger .hamburger__icon:before, .hamburger .hamburger__icon:after {background-color: #ffffff;}
/*　--------------------　Fatnaviフィックス　--------------------　*/
#topfix-A {position: absolute; z-index: 50; top: 1rem; right: 1rem;}
#topfix-B {position: absolute; z-index: 10; top: 3.8rem; right: 1.9rem;}

/*　==============================　フッター部分　==============================　*/
/*　--------------------　ご予約ボタン背景　--------------------　*/
#footer-2Parent { padding:10rem 0 8rem 0; }

@media screen and (max-width: 768px) {
#footer-2Parent { background-attachment: scroll!important; }}

@media screen and (max-width: 480px) {
#footer-2Parent { padding:4rem 0 4rem 0; }}

.f-link a , .f-link a:visited, .f-link a:active  {color: #212836;}
.sitemap-table a:hover, .f-link a:hover{opacity: 0.5; transition:0.3s;}
/*　--------------------　フッターロゴに関する設定　--------------------　*/
@media screen and (min-width: 481px) {
#bottomLogo img {max-width:150px;}
}
@media screen and (max-width: 480px) {
#bottomLogo img {max-width:88px;}
#bottomLogoSanko img {max-width:240px!important;}
}
/*　--------------------　サイトマップ　--------------------　*/
.sitemap-table{
width:100%;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
/*justify-content: space-between;*/
flex-direction: row;
box-sizing: border-box;
}
.sitemap-table li:nth-child(1){width: 250px;}
.sitemap-table li:nth-child(2){width: 170px;}
.sitemap-table li:nth-child(3){width: 120px;}
/*.sitemap-table li{padding:0rem 0.5rem;}*/
.sitemap-table dt{font-size:1.1rem; margin-bottom: 0.25rem; letter-spacing: 0.1rem; color:#85998F;}
.sitemap-table dd{font-size:0.9rem; line-height: 1.75rem;}
@media screen and (max-width: 768px) {
.sitemap-table{justify-content: flex-start; flex-direction: column;}
.sitemap-table li:nth-child(1), .sitemap-table li:nth-child(2), .sitemap-table li:nth-child(3), .sitemap-table li:nth-child(4), .sitemap-table li:nth-child(5), .sitemap-table li:nth-child(6){width: 100%!important;}
.sitemap-table li{margin-bottom:1rem;}
.sitemap-table li:last-child{margin-bottom:0rem;}
.sitemap-table dl{
width:100%;
display: -webkit-inline-flex;
display: -moz-inline-flex;
display: -ms-inline-flex;
display: -o-inline-flex;
display: inline-flex;
justify-content: flex-start;
flex-direction: row;
border-bottom: 1px solid #b0b2a9;
padding: 0 0 1rem 0;
}
.sitemap-table dt{width:120px; font-size:1rem; line-height:2.5rem;}
.sitemap-table dd{width:calc(100% - 120px); font-size:1rem; line-height:2.5rem;}
}
@media screen and (max-width: 498px) {
.sitemap-table dt{width:80px;}
.sitemap-table dd{width:calc(100% - 80px);}
.sitemap-bottomContents{font-size:1rem!important; line-height:2.2rem;}
}
/*　==============================　コンテンツ幅に関する設定　==============================　*/

/*　==============================　文字に関する設定　==============================　*/
.bold {font-weight: bold;}
.italic {font-style: italic;}
.eiji {font-family: "Lato",  "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", sans-serif;}
.space{letter-spacing: 0.2rem;}
.space-1{letter-spacing: 0.1rem;}
.space-2{letter-spacing: 0.4rem;}
.br-sp{display:none;}
.br-sp-r{display:inline;}

.googlefontA{font-family: 'Poppins', Noto Sans Japanese, 游ゴシック体, YuGothic, 游ゴシック Medium, Yu Gothic Medium , sans-serif;}

@media screen and (min-width: 769px) { 
.br-tb{display:none;}
}
@media screen and (max-width: 480px) { 
.tx-center{text-align: center!important;}
.tx-left{text-align: justify!important;}
.tx-right{text-align: right!important;}
.br-sp{display:block; line-height:0rem;}
.br-sp-r{display:none;}
}

/*　==============================　色に関する設定　==============================　*/
.rgba-white{background-color:rgba(255,255,255,0.8);}
.rgba-black{background-color:rgba(0,0,0,0.8);}
.rgba-blue{
background: -moz-linear-gradient(90deg, rgba(10,162,215,0.75), rgba(0,90,196,0.85));
background: -webkit-linear-gradient(90deg, rgba(10,162,215,0.75), rgba(0,90,196,0.85));
background: linear-gradient(90deg, rgba(10,162,215,0.75), rgba(0,90,196,0.85));
}
/*　==============================　デフォルト　==============================　*/
.ccm-edit-mode{margin-top:0rem!important;}
/*　--------------------　フォームに関する設定　--------------------　*/
.formBlockSurveyTable dl dt {color: #212836; text-align: left; width: 100%; margin-right: 0%!important; font-weight: bold; font-size: 1rem; margin-top: 1rem; padding: 2px 0 0.5% 0;}
.formBlockSurveyTable dl dd {width: 100%;}
.formBlockSurveyTable dl {padding: 0.5% 0;}
.formBlockSurveyTable dl dd input, .formBlockSurveyTable dl dd select, .formBlockSurveyTable dl dd textarea {width: 96%; resize: none; border-radius: 0; padding: 1.5%; border: 1px solid #c8d2dc;}
.formBlockSurveyTable dl dd select {width: 65%; resize: none; border-radius: 0; padding: 1.5%; border: 1px solid #c8d2dc;}
.formBlockSubmitButton {width:240px!important; text-align:center!important; background-color: #999!important; color:#fff; border:1px solid #fff;}
@media screen and (max-width: 480px) {
.formBlockSubmitButton {width:100%!important;}
.miniSurveyView input[type="text"], .miniSurveyView input[name^="Question"], .miniSurveyView textarea[name^="Question"] {font-size: 16px !important; transform: scale(1) !important;}
}
.formBlockSubmitButton:hover {transition:0.6s; background-color: #fff!important; border:1px solid #999; color:#999;}
.on-pointer input {cursor: pointer;}
.ccm-input-time-wrapper select { font-size: 1.1rem; width: 15% !important; margin-right:2% !important; }
.ccm-input-date { font-size: 1.2rem; width: 20% !important; margin-right:2% !important;}
#Question11_h, #Question11_m, #Question12_h, #Question12_m { width: 10% !important;}
@media screen and (max-width: 498px) {
.formBlockSurveyTable dl dd input, .formBlockSurveyTable dl dd textarea {width: 100%;}
.ccm-input-time-wrapper select { width: 20% !important; }
#Question11_h, #Question11_m, #Question12_h, #Question12_m { width: 16% !important;}
.ccm-input-date { width: 32% !important;}
}
/*　--------------------　ページリストタグ　--------------------　*/
.tk_tags_Tags_02{background-color: #C7BB99; color: #ffffff;}
/*　--------------------　ページリスト　--------------------　*/
.tk_tags_time{font-size: 0.9rem; padding: 0.5rem 0rem!important;}
.tk_title{font-size: 1.1rem!important;}
@media screen and (max-width: 498px) {
.info-pg .tk_flex{flex-flow: column nowrap;}
}
/*　--------------------　ページャー　--------------------　*/
div .ccm-pagination{margin-top: 1rem;}
div.ccm-pagination span.ccm-page-left, div.ccm-pagination span.ccm-page-right{top: 0.5rem!important;}
#pagination .currentPage  strong{background-color: #008eec!important; color: #ffffff!important;}
#pagination .numbers {margin-right: 0.6rem;}
#pagination .numbers a, #pagination .numbers strong{
font-family: 'Roboto', 游ゴシック Medium,Yu Gothic Medium,游ゴシック体,YuGothic,sans-serif;
background-color: #424242;
color:#ffffff!important;
padding: 0.5rem 1rem;
display: inline-block;
}
/*　--------------------　マルチイメージのポインター無　--------------------　*/
.cuosor {pointer-events: none ; cursor: default ;}
/*　--------------------　telリンク - スマホ版のみ　--------------------　*/
@media screen and (min-width: 768px) {
a[href^="tel:"] {pointer-events: none;}
}
@media screen and (min-width: 480px) {
.tel-splink {pointer-events: none;}
}
/*　———　スマホ時改行なし　———　*/
@media screen and (max-width: 480px){
.sp-br-none br {display:none;}
}
/*　———　スマホ時改行あり　———　*/
@media only screen and (min-width: 769px){
.sp-br br {display:none;}
}
/*　———　タブレット縦時改行あり　———　*/
@media only screen and (min-width: 769px){
.tb-tate-br br {display:none;}
}
/*　———　タブレット横時スクロール　———　*/
@media screen and (max-width: 1024px) {
.tb-bg-scroll{background-attachment: scroll!important; }
}
/*　———　SP版センター　———　*/
@media screen and (max-width: 480px) {
     .sp_center {  text-align: center!important; }}
/*　———　SP版左　———　*/
@media screen and (max-width: 480px) {
     .sp_left {  text-align: justify!important; }}
/*　———　タブレット縦版左　———　*/
@media screen and (max-width: 768px) {
     .tb_left {  text-align: justify!important; }}
/*　———　SP版右　———　*/
@media screen and (max-width: 480px) {
     .sp_right {  text-align: right!important; }}
/* ----------　ポジションリラティブ　---------- */
.pos_rel { position: relative; }
/*　--------------------　その他　--------------------　*/
a {text-decoration:none;}
h1 , h2 , h3 {margin: 0px 0px 0px 0px; padding: 0px 0px; margin-top: 0px; font-weight: normal;}
.hover-opacity:hover{opacity: 0.8; transition:0.6s;}
.hover-opacity-img:hover {opacity:0.7; transition:0.6s;}
.hover-opacity-mul img:hover{opacity: 0.8; transition:0.6s;}
.cuosor {pointer-events: none ; cursor: default ;}
/*　box-shadow　*/
.boxshadow-20 {box-shadow: 4px 4px 6px 0 rgba(0,0,0,.20);}
/*　--------------------　GoogleFont　--------------------　*/
/* latin */
@font-face {
  font-family: 'Carrois Gothic SC';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/carroisgothicsc/v10/ZgNJjOVHM6jfUZCmyUqT2A2HVKjc-18gPnc.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLGT9Z11lFc-K.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLGT9Z1JlFc-K.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLGT9Z1xlFQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/* === フォーム部分追加(20/07/15) === */
@media screen and (max-width: 480px) {
.miniSurveyView input[type="text"],
.miniSurveyView input[name^="Question"],
.miniSurveyView textarea[name^="Question"] {
font-size: 16px !important;
transform: scale(1) !important;
}
}
/*#ccm-scrapbook-list .ccm-block-type-inner{z-index: 2; position: relative;}*/

/*　==============================　編集時 - margin　==============================　*/

.ccm-edit-mode .top_area02_img_space , .ccm-edit-mode .area03_area_L , .ccm-edit-mode .lineup_bg , .ccm-edit-mode .lineup_gear_bg ,
.ccm-edit-mode .lineup_details_bg  {
     margin-top: 0rem!important;
}

.ccm-edit-mode .top_area02_img_space
{
     margin-bottom: 0rem!important;
}

.ccm-edit-mode .editmode_margin {
     margin-top: 0rem!important;
     margin-bottom: 0rem!important;
}

.dp_none { display:none; }

/*　Serengeti｜Funluce　2023/06/01　*/
.srngt_none { display:none; }

/*　CORDE BUNKS｜VANTECH　2024/06/07　*/
.crdbnks_none { display:none; }