@charset "UTF-8";

/* ASW-0001 For tour Setting */
@media screen and (max-width:374px){
.res-text-tourPrice em span.fontS::after {content: "\A" ;white-space: pre;}
}

/* ASW-0056 For tour Setting */
.domtour_cp_recommendTour .res-main-simplebox, .domtour_cp_themeSearch .res-main-simplebox, .domtour_cp_ranking .res-main-simplebox, .cp_optional_tour .res-main-simplebox, .domtour_cp_pickupspot .res-main-back {padding: 20px;}

/* ASW-1503 For tour Setting TB */
@media (min-width: 560px) and (max-width: 768px) {
.grid-wide-md.domtour_cp_recommendTour .cp-grid-md-4, .domtour_cp_themeSearch.grid-wide-md .cp-grid-md-4 {width: 47.755%;}
#dp-apilist-container.cp-box-container.cp-box-sm-3 .cp-box {width: calc(50.755% - 50px);margin-left: 40px;margin-bottom:20px;}
.domtour_cp_themeSearch.grid-wide-md .cp-grid-md-4 {margin-top: 0!important;}
.amc-search-box.domtour-searchbox .cp-toggle-title h3{background-color: #ffffff;}
}

/* 上部モジュール配置位置調整 */
.main-image-slider + .d_moduleArea {position: relative;margin-top: 80px;}
.cp-mv-container + #contents .d_moduleArea {position: relative;margin-top: -150px;}
.cp-mv-container + #contents .module_theme.d_moduleArea {position: relative;margin-top: 0px;}
.d_moduleArea form {background-color: #ffffff;}
@media (min-width: 0px) and (max-width: 767px) {
.cp-mv-container + #contents .d_moduleArea {position: relative;margin-top: 0px;}
}
.d_moduleArea.domtour_themeModule {margin-top: 0!important;}


/* ピックアップスポット／イベント */
.bg_pickupspot_event .title-box h3, .bg_pickupspot_event .res-contents-text {margin-top: 20px!important;}
.bg_pickupspot_event .pickup-small-box .cp-box {position:  relative;}
.bg_pickupspot_event .pickup-small-box .cp-box .res-contents-text {display:none;}
.bg_pickupspot_event .pickup-small-box .cp-box:hover .res-contents-text {background-color: rgba(0,0,0,0.7 );display: flex;align-items: center;position: absolute;top: 0;left: 0;height: 100%;width: 100%;margin-top: 0!important;cursor: pointer;padding: 0 10px;justify-content: center;}

/* 厳選！おすすめツアー */

/* 絞り込みタグボックス */
@media (min-width: 0px) and (max-width: 767px) {
.amc-search-box.domtour-searchbox .cp-toggle-title h3 ,.amc-search-box.domtour-searchbox .cp-toggle-title h3 {background-color: #ffffff;}
}
@media (min-width: 0px) and (max-width: 560px) {
.amc-search-box.domtour-searchbox ~ .cp-container .cp-box-container .cp-box {margin-top:0!important;}
}
.domtour_cp_themeSearch .cp-list-container.list-style-no-bullet ul li:last-child {margin-right: 0;}
.amc-search-box.domtour-searchbox .active .cp-toggle-ttl-btn {background-color: #ffffff;}
.amc-search-box.domtour-searchbox .cp-toggle-contents {border-top: none;background: #ffffff;}
.cp-toggle-contents .res-contents-text {padding-left: 24px;}
.domtour_cp_themeSearch .cp-list-container.list-style-no-bullet ul li {border: #00AFF0 solid 1px;border-radius: 5px;display: inline-block;font-size: 12px; font-size: 1.2rem; padding: 2px 5px;margin-right: 10px;text-indent: 0!important;}
.domtour_cp_themeSearch .cp-list-container.list-style-no-bullet ul li:last-child {margin-right: 0;}
.domtour_cp_themeSearch .res-main-simplebox {background-color: rgba(255,255,255,0.9);}
.domtour_cp_themeSearch .cp-list-container.list-style-no-bullet {margin: 0;}
@media print,screen and (min-width: 768px) {
.domtour_cp_themeSearch .title-box h3, .title-box h4, .title-box h5 {margin-top: 20px;}
}
.domtour_cp_themeSearch .res-text-tourPrice {margin-bottom: 20px;}
.domtour_cp_themeSearch .res-main-simplebox {position: relative;height:auto;display: flex;
flex-direction: column;}
.domtour_cp_themeSearch .res-main-simplebox .cp-button-container { margin-top: auto;
display: flex;
flex-direction: column;
}
/* Pins */
.domtour_cp_themeSearch .res-btn-link {margin-bottom: 40px;}
.domtour_cp_themeSearch .res-contents.res-contents-text.res-contents-mt30.area-pin:before {content: "";display: block;padding-top: 100%;}
.domtour_cp_themeSearch .res-contents.res-contents-text.res-contents-mt30.area-pin {position: absolute;left:20px;bottom:20px;}
.domtour_cp_themeSearch .area-pin .fontM {font-size: 1.4rem!important;}
.domtour_cp_themeSearch .area-pin p {background:url(/domtour/activities/images/search_menu/icon_pin.png)no-repeat 0 0 / 14px; padding-left: 18px;}

/* DP最新価格情報 */
.tabisaku-airport-wrap{margin-top:30px;padding:16px;background-color:#fafafa;text-align:right;background-color:transparent!important}
.tabisaku-airport-wrap .tabisaku-airport-label,.tabisaku-airport-wrap form{display:inline-block;vertical-align:middle}
.tabisaku-airport-wrap select#tabisaku-sale-depairport{padding:16px;border:1px solid #ccc;border-radius:4px;width:16em;-webkit-appearance:none;background:url(/_shared/images/root/common/ico_arrow_006.png) #fff 95% 50% no-repeat;box-sizing:border-box;cursor:pointer;min-height:36px;line-height:24px}
.tour-cp .cp-box-md-3 .tour-hotel-box .hotel-price{color:#E80000;font-weight:700;margin:10px 0 4px}
.tour-cp .tour-hotel-box.mini-dp-type .hotel-reserve-button,.tour-cp #tabisaku-sale-box .cp-box .tour-hotel-box.mini-dp-type .gadget-error-button { margin-top: auto!important;}
.tour-cp #tabisaku-sale-box .cp-box-md-3 .tour-hotel-box .hotel-price{color:#E80000;font-weight:700;margin:10px 0 4px auto;display:block;}
.tour-cp .cp-box-md-3 .tour-hotel-box .hotel-price em{color:#E80000;font-weight:800;font-family:ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,メイリオ,Meiryo,verdana,ＭＳＰゴシック,Osaka,sans-serif;font-size:2.6rem}
.tour-cp .tour-hotel-box dd {order: 8;display: flex;flex-direction: column;}
.tour-cp .tour-hotel-box .hotel-order{margin:20px 0 20px;font-size:80%}
.tour-cp .tour-hotel-box .hotel-order ul li{display:inline;font-size:1.4rem}
.tour-cp .tour-hotel-box .hotel-reserve-button .res-contents a,.tour-cp .tour-hotel-box .gadget-error-button .res-contents a{padding-top:10px;padding-bottom:10px}
@media print,screen and (min-width: 768px) {
.res-btn-link.type-01 a{width:45%;min-width:100%;text-align:center}
}
.tour-cp #tabisaku-sale-box .cp-box .tour-hotel-box.mini-dp-type .gadget-error-notice {float: right;clear: right;width: calc(100% - 20px)!important;padding: 0!important;font-size: 1.4rem;margin-top:20px;min-height:auto!important;}
.tour-cp #tabisaku-sale-box .cp-box .tour-hotel-box.mini-dp-type {position: relative;}
.tour-cp #tabisaku-sale-box .cp-box .tour-hotel-box.mini-dp-type .hotel-ribbon {position: absolute;top:6px;left:-10px;background-color: #da0303;color: #ffffff;}
.tour-cp #tabisaku-sale-box .cp-box .tour-hotel-box.mini-dp-type .hotel-ribbon span:before {position: absolute;content: '';top: 100%;left: 0;border: none;border-bottom: solid 15px transparent;border-right: solid 10px #970202;}
.tour-cp #tabisaku-sale-box .tour-hotel-box.mini-dp-type dt{order:2;margin:10px 0 0;}
.tour-cp #tabisaku-sale-box .tour-hotel-box.mini-dp-type .hotel-name {margin-left: auto!important;margin-top:-105px;min-height:50px;}


/* エリアトップ最新価格情報 */
#g-output01 .title-box.h3.type-02,#cp-box-pkg .title-box.h3.type-02,#area_hotel_plan .title-box.h3.type-02 {padding: 10px 0 20px;background-color:#ebf5fd;}
.tour-cp .tour-hotel-box.large-dp-type .hotel-price{margin:10px 0 4px!important}
.tour-cp .tour-hotel-box.large-dp-type .hotel-price,.tour-cp .tour-hotel-box.large-dp-type .hotel-order{padding-left:20px;padding-right:20px;font-size:1.4rem}
.tour-cp .tour-hotel-box.large-dp-type{height:90%;min-height:620px}
.tour-cp .tour-hotel-box.large-dp-type .hotel-ta{order:6;margin-top:20px;font-size:1.4rem;display:block}
.tour-cp .tour-hotel-box.large-dp-type .hotel-price .dep-days{display:block;font-size:2.4rem;color:#333;font-weight:700;padding-right:10px}
.tour-cp #area_hotel_plan .tour-hotel-box.large-dp-type .hotel-name em{font-weight:800}
.tour-cp #area_hotel_plan .tour-hotel-box.large-dp-type .hotel-price{order:3}
.tour-cp .tour-hotel-box.large-dp-type .hotel-ribbon{position:absolute;top:260px;left:-10px}
.tour-cp .tour-hotel-box.large-dp-type .hotel-ribbon span:before{position:absolute;content:'';top:100%;left:0;border:none;border-bottom:solid 15px transparent;border-right:solid 10px #970202}
.tour-cp .tour-hotel-box.large-dp-type .hotel-ribbon span{display:inline-block;position:relative;padding:5px 15px;font-size:14px;color:#fff;background:#da0303}
.tour-cp .tour-hotel-box.gadget_no_result.large-dp-type .gadget-error-notice{margin:10px 20px 20px;font-size:1.4rem}
.tour-cp .tour-hotel-box.gadget_no_result.large-dp-type .hotel-price,.tour-cp .tour-hotel-box.gadget_no_result.large-dp-type .hotel-ribbon,.tour-cp .tour-hotel-box.gadget_no_result.large-dp-type .hotel-order,.tour-cp .tour-hotel-box.gadget_no_result.large-dp-type .hotel-reserve-button{display:none!important}
.tour-cp .tour-hotel-box.large-dp-type .gadget-error-notice,.tour-cp .tour-hotel-box.large-dp-type .gadget-error-button{display:none}
.tour-cp .tour-hotel-box.gadget_no_result.large-dp-type .gadget-error-notice,.tour-cp .tour-hotel-box.gadget_no_result.large-dp-type .gadget-error-button{display:block}
.tour-cp .tour-hotel-box.large-dp-type .hotel-reserve-button,.tour-cp .tour-hotel-box .gadget-error-button{margin-top:auto}

/* おすすめホテル */
div[id*=modelplan_hotel_output]{width:calc(100% + 41px);margin-left:-40px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
div[id*=modelplan_hotel_output] .cp-box{display:block;width:calc(33.33333% - 40px)!important;margin-left:40px;background-color:#fff;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-flex-basis:auto;-ms-flex-preferred-size:auto;flex-basis:auto}
@media print, screen and (max-width: 1024px) and (min-width: 768px){
div[id*=modelplan_hotel_output] .cp-box{display:block;width:calc(50% - 40px)!important;margin-bottom:20px;}
}
.grid-wide-md .cp-tab-contents-list .cp-box {margin: 0 0 20px 40px;}
@media (min-width: 0px) and (max-width: 767px) {
div[id*=modelplan_hotel_output] .cp-box{width:100%!important;margin-top:20px}
}
div[id*=modelplan_hotel_output] .cp-box>*{width:100%}
div[id*=modelplan_hotel_output] .cp-box .tour-hotel-box{display:flex;flex-direction:column;border:1px solid #dbdbdb;position:relative;padding-bottom:30px;height:100%;}
div[id*=modelplan_hotel_output] .cp-box .tour-hotel-box .hotel-name,div[id*=modelplan_hotel_output] .cp-box .tour-hotel-box .hotel-price,div[id*=modelplan_hotel_output] .cp-box .tour-hotel-box .hotel-mile,div[id*=modelplan_hotel_output] .cp-box .tour-hotel-box .hotel-price-info,div[id*=modelplan_hotel_output] .cp-box .tour-hotel-box .hotel-ta,div[id*=modelplan_hotel_output] .cp-box .tour-hotel-box .hotel-order{padding-left:20px;padding-right:20px}
div[id*=modelplan_hotel_output] .cp-box .tour-hotel-box .hotel-name{text-align:center;margin-top:10px;order:2}
div[id*=modelplan_hotel_output] .cp-box .tour-hotel-box .hotel-name em{font-family:ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,メイリオ,Meiryo,verdana,ＭＳＰゴシック,Osaka,sans-serif;display:inline-block;text-align:left;width:auto;font-size:2.4rem;font-weight:800;color:#333}
div[id*=modelplan_hotel_output] .cp-box .tour-hotel-box .hotel-photo{order:1;height:279px;overflow:hidden}
div[id*=modelplan_hotel_output] .cp-box .tour-hotel-box .hotel-photo div{background-color:#666;text-align:center;height:100%;}
div[id*=modelplan_hotel_output] .cp-box .tour-hotel-box .hotel-photo div img{height:100%;width:auto}
div[id*=modelplan_hotel_output] .cp-box .tour-hotel-box .hotel-photo .hotel-photo-caption{text-align:right;font-size:1.2rem;display:block;width:100%;padding:0 20px 0 0}
div[id*=modelplan_hotel_output] .cp-box .tour-hotel-box .hotel-mile{order:3;margin-bottom:0}
div[id*=modelplan_hotel_output] .cp-box .tour-hotel-box .hotel-mile .plus-mile {font-size:1.4rem;}
div[id*=modelplan_hotel_output] .cp-box .tour-hotel-box .hotel-mile .plus-mile em {font-size:1.8rem;}
div[id*=modelplan_hotel_output] .cp-box .tour-hotel-box .hotel-mile em{font-family:ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,メイリオ,Meiryo,verdana,ＭＳＰゴシック,Osaka,sans-serif;color:#333;font-weight:800}
div[id*=modelplan_hotel_output] .cp-box .tour-hotel-box .hotel-price{order:4;font-size:2.4rem;line-height:1.2;color:#E80000;font-weight:700;margin:10px 0 4px}
div[id*=modelplan_hotel_output] .cp-box .tour-hotel-box .hotel-price em{font-family:ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,メイリオ,Meiryo,verdana,ＭＳＰゴシック,Osaka,sans-serif;color:#E80000;font-weight:700}
div[id*=modelplan_hotel_output] .cp-box .tour-hotel-box .hotel-price-info{order:5;text-align:right;font-size:1.4rem}
div[id*=modelplan_hotel_output] .cp-box .tour-hotel-box .hotel-ta{order:6;margin-top:20px;font-size:1.4rem}
div[id*=modelplan_hotel_output] .cp-box .tour-hotel-box .hotel-order{order:7;margin:20px 0;}
div[id*=modelplan_hotel_output] .cp-box .tour-hotel-box .hotel-order ul li{display:inline;font-size:1.4rem}
div[id*=modelplan_hotel_output] .cp-box .tour-hotel-box .hotel-reserve-button{order:8;margin:auto 20px 0;}
div[id*=modelplan_hotel_output] .cp-box .tour-hotel-box .hotel-reserve-button .res-btn-link a {padding: 10px 0;font-size:1.4rem;}

/* FAQエリア設定「 */
.bg-color-inquiry {background:url(/domtour/common/images/bg_inquiry_w3c.jpg) no-repeat;background-size: cover;}
@media screen and (max-width:767px) {
.bg-color-inquiry {background:url(/domtour/common/images/bg_inquiry_w3c_sp.jpg) no-repeat;background-size: cover;padding-bottom: 20px;}
}
.bg-color-inquiry dl.res-faq-block {background-color: #ffffff;}

/* for Hotel Gadget */
@media (min-width: 560px) and (max-width: 768px) {
.cp-box-container.cp-box-sm-3 .cp-box{width:calc(45.455% - 5px);margin-bottom:20px}
}
.top_recommend [id^=gadget-output-sample-dp] > div:not([class]){width:100%;display:flex;background:url(/domtour/image/waiting.gif) no-repeat center}
.top_recommend [id^=gadget-output-sample-dp] > div:not([class]) >img{width:100px;visibility:hidden;height:160px;margin:auto}
.tour-cp .tour-hotel-box{background-color: #ffffff;display:flex!important;flex-direction:column;border:1px solid #dbdbdb;position:relative;padding-bottom:30px;height:100%;}
.tour-cp .tour-hotel-box dt{order:2;margin:10px 0 20px;}
.tour-cp .tour-hotel-box dd.hotel-photo{order:1}
.tour-cp .tour-hotel-box dd.hotel-photo div{height:279px;text-align:center;background-color:#333;overflow:hidden}
.tour-cp .tour-hotel-box dd.hotel-photo div img{height:100%}
.tour-cp .tour-hotel-box dd.hotel-reserve-button-list{order:2;cursor:default;margin:auto 20px 0}
.tour-cp .tour-hotel-box .hotel-name em{display:inline-block;text-align:left;width:auto;font-size:2.4rem;font-weight:400;color:#333;font-family:ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,メイリオ,Meiryo,verdana,ＭＳＰゴシック,Osaka,sans-serif;padding:0 20px}
.tour-cp .tour-hotel-box .hotel-reserve-button-list ul{width:100%;margin:0 auto}
.tour-cp .tour-hotel-box .hotel-reserve-button-list ul li{display:table;margin-bottom:16px;width:100%}
.tour-cp .tour-hotel-box .hotel-reserve-button-list ul li .reserve-button-label{display:table-cell;min-width:10.5em;width:50%;cursor:default;font-weight:400;line-height:1;vertical-align:middle;font-size:1.4rem}
.tour-cp .tour-hotel-box .hotel-reserve-button-list ul li .cp-button-container{display:table-cell;margin-top:0}
.tour-cp .tour-hotel-box .hotel-reserve-button-list ul li .cp-button-container .res-btn-link a{width:90%;min-width:140px;max-width:100%;padding:12px 0 12px 3px;box-sizing:border-box;font-size:1.4rem}
.tour-cp .tour-hotel-box .hotel-reserve-button-list ul li .reserve-button-label .fontS{font-size:1.2rem!important}
span.plus-mile.mile0{display:none}

/* Tab in Tab */
@media print,screen and (min-width: 1025px) {
.cp-tab-container.tab-style-type-3.tab-type-tag .cp-tab-menu-list .cp-tab-menu-btn{background-color:#fff;border:1px solid #dbdbdb;border-radius:5px;padding:5px 10px}
.cp-tab-container.tab-style-type-3.tab-type-tag .cp-tab-menu-list .cp-tab-menu-btn.is-selected{border:1px solid #00AFF0;border-radius:5px}
.cp-tab-container.tab-style-type-3.tab-type-tag .cp-tab-menu{border-bottom:none}
.cp-tab-container.tab-style-type-3.tab-type-tag .cp-tab-menu-list .cp-tab-menu-btn.is-selected:after{display:none}
.cp-tab-container.tab-style-type-3.tab-type-tag .cp-tab-menu-list .cp-tab-menu-btn:hover,.cp-tab-container.tab-style-type-3.tab-type-tag .cp-tab-menu-list .cp-tab-menu-btn.is-selected:hover{background-color:#e5e5e5}
}

/* さらに楽しむ */
.cp_play_experience .res-contents-parent {display: flex;justify-content: center;}
.cp_play_experience .res-main-simplebox {display: flex;flex-direction: column;width:100%;}
.cp_play_experience .res-main-simplebox div.res-contents-text {margin-top:auto!important;margin-left:auto!important;margin-bottom:20px;} 
.cp_play_experience .res-main-simplebox div.cp-button-container {margin-top:auto!important;} 

/* 各方面温泉タイトル */
.bg-class-hotspring {background-color:#0b1832; position: relative;}
.bg-class-hotspring .cp-container-child {padding:0;}
.h2-area-onsen span:before {content:"｜"; padding:0 20px; }
.h3-area-onsen span:before {content:"｜"; padding:0; }
.res-contents.res-contents-image.bg_onsen_h2 {margin-right: calc(((100vw - 100%) / 2) * -1);position: relative;}
.res-contents.res-contents-image.bg_onsen_h2 img  {width: 60%;margin-left: auto;}

/* 各方面温泉タイトル for TB Start*/
@media print,screen and (min-width: 951px) {
.h2-area-onsen {width: calc(73% / 2);position: absolute;top: 10%;max-width:740px;}
.h2-area-onsen .title-box.h2+.res-contents {margin-top: 20px!important;}
.res-contents.res-contents-image.bg_onsen_h2 img {width: 53%;margin-left: auto;}
}
@media print,screen and (min-width: 1920px) {
.h2-area-onsen {width: calc(70% / 2);position: absolute;top: 10%;}
}
@media print,screen and (max-width: 950px) {
.bg-class-hotspring .cp-container-child {display:-webkit-flex;display:flex;flex-direction: column;flex-wrap: wrap;}
.h2-area-onsen {order:2;width:100%;padding:20px 0;position:inherit;top:auto;}
.res-contents.res-contents-image.bg_onsen_h2 {order:1;width:108%;padding:0 ;margin-top:0!important;margin-left:-4%;}
.res-contents.res-contents-image.bg_onsen_h2 img {width:100%;}
}
/* 各方面温泉タイトル for TB End */

/* 温泉エリア別 */

div[class*=bg_onsen_] .cp-box .tour-hotel-box .hotel-reserve-button {
margin: auto 20px 0;
}

/* エリア別 おすすめホテル 202007 */
div[id*=gadget-hotel-output] .tour-hotel-box dd.hotel-ta { order: 3; display: inline;}
div[id*=gadget-hotel-output] .tour-hotel-box dd.hotel-reserve-button-list { order: 4; padding-top: 20px;}