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

/* ヒーローイメージ */
.heroimgWrap .mainHeading{top:35%;transform:translateY(-35%);left:0;right:0;margin:0 auto;padding:0 16px;}
.heroimgWrap .mainTtl{font-size:3rem;}
.heroimgWrap .mainLead{font-size:1.8rem;}
@media (min-width:740px){
.heroimgWrap .mainHeading{top:50%;transform:translateY(-50%);padding:0;}
.heroimgWrap .mainTtl, .heroimgWrap .mainLead{width:560px;}
.heroimgWrap .mainTtl{font-size:4rem;}
.heroimgWrap .mainLead{font-size:1.8rem;margin-top:20px;}
}

/* テキスト */
.ctm_Txt01{font-size:2rem;}
.ctm_Txt02{font-size:1.8rem;}


/**** 国内ツアーのおすすめ情報 ****/
/* scroll-wrap */
@media all and (max-width:739px){
.scroll-wrap{width: 100%;margin: 0 auto;overflow-x: auto;overflow-y: hidden;}}
	
@media all and (min-width:740px){
.top-page .recommend-area{margin:76px auto;}
.recommend-area .contents-inr{width:950px;margin: 0 auto;font-size: 1.4rem;}
@media all and (max-width:739px){
.recommend-area .contents-inr{width:100%;max-width:1096px;}}
}

/* box-radius */
[class*="-box"]:not(.header-box){border-radius: 6px;}
@media all and (max-width:739px){
[class*="-box"]:not(.header-box){border-radius: 5px;}}
	
/** square-box **/
.square-box {width: 224px;height: 224px;background: #fff;position: relative;line-height: 0;}
.square-box > div{width: 100%;height: 100%;}
.square-box:last-child{margin-right: 0;}
.square-box:hover{box-shadow: 0px 8px 30px rgba(106, 113, 129, 0.4);}
.square-box-inr{font-size: 1.6rem;line-height: 1.5; color: #fff;width: 100%;height: 100%;padding:8px 8px 12px 8px;background:linear-gradient( 180deg, rgba(0, 0, 0, 0)57%,rgba(0, 0, 0, 0.4)67%, rgba(0, 0, 0, 0.65)75%, rgba(0, 0, 0, 0.8)100%) 0 0 no-repeat;position: absolute;}
@media all and (min-width:738px){
.square-block-L .square-box-inr{background:linear-gradient( 180deg, rgba(0, 0, 0, 0)57%,rgba(0, 0, 0, 0.4)67%, rgba(0, 0, 0, 0.65)75%, rgba(0, 0, 0, 0.8)100%) 0 72px no-repeat;}}
.square-box-inr:after{content: "";display: inline-block;width: 10px;height: 20px;background: url(/jp/ja/commonY20/img_sites/icon_bnr_arrow.svg)no-repeat 0 0;position: absolute;right: 12px;bottom: 12px;}
.square-mdl {font-size: 1.3rem;line-height: 1.4;padding: 0 4px;height: 64px;}
.square-btm {font-size: 1.1rem;position: absolute;left: 12px;bottom: 12px;}
.square-box-bg{width: 100%;height: 100%;}
/* box-inr */
.square-head{font-size: 1.4rem;color: #111;background: #fff;display: inline-block;padding: 5px 8px;border-radius: 6px;}
.square-head .fc-rd{border-left: 1px solid #D5DBE2;padding-left: 7px;margin-left: 5px;font-weight: 500;}
.square-box .fc-yl{font-weight: 500;}

.square-price{font-size: 1.99rem;line-height: 1.4;font-weight: 600;display: inline-block;margin-top: 2px;}
.square-date{position: relative;padding-left: 21px;}
.square-date:after{content: "";display: block;background: url(/jp/ja/commonY20/img_sites/icon_calendar.svg) 100% no-repeat;background-size:contain;position:absolute;top: 50%;left: 1px;width: 14px;height: 13px;transform: translateY(-50%);}
/*別窓リンク*/
.other-window-icon {position:absolute;width:24px;height:24px;}
.square-box .square-box-inr.other-window:after {content: none;}
.square-box .other-window-icon {bottom: 9px;right: 8px;z-index: 1;}
/*背景グラデなし*/
.square-box-inr.bg-disnon{background: none;}
/*背景白*/
.square-box-inr.bg-wt{background: none;border:solid 1px #D5DBE2;color: #111;}
.square-box-inr.bg-wt:after{background: url(/jp/ja/commonY20/img_sites/icon_bnr_arrow_bk.svg)no-repeat 0 0;}
.square-box-inr.bg-wt .square-top .square-head{border: solid 1px #D5DBE2;}
.square-box-inr.bg-wt .square-date:after{content: "";display: block;background: url(/jp/ja/commonY20/img_sites/icon_calendar_bk.svg) 100% no-repeat;background-size:cover;position:absolute;top: 50%;left: 1px;width: 14px;height: 13px;transform: translateY(-50%);}
@media all and (-ms-high-contrast: none){.square-price{font-size: 1.8rem;} .square-head{padding: 6px 16px 4px 16px;}}
/** square-block **/
.square-block{display: flex;flex-wrap: wrap;}
.square-block .square-box{margin-right:24px;}
.square-block .square-box:nth-child(4n){margin-right: 0;}
.square-block .square-box:nth-child(n+5){margin-top:24px;}
@media all and (max-width:739px){
.square-block{min-width: 2248px;display: flex;flex-wrap: unset;}
.square-block .square-box:nth-child(n+5) {margin-top: 0;}
.square-block .square-box:nth-child(4n) {margin-right: 24px;}
.square-block .square-box:first-child {margin-left: 16px;}
.square-block .square-box:last-child {margin-right: 16px;}}
/** square-line **/
.square-line{width: 100%;display: flex;align-content: space-between;margin: 16px auto 0;}
.square-line .square-box:not(:last-child){margin-right: 18px;}
@media all and (max-width:739px){
.square-line {min-width: 995px;height: 224px;}
.square-line .square-box:not(:last-child){margin-right: 20px;}
.square-line .square-box {max-width: 100%;}
.square-line .square-box:first-child {margin-left: 16px;}
.square-line .square-box:last-child {margin-right: 16px;}}
	
/* flex */
.fx{display: flex;}
.fx-wrap{display: flex;flex-wrap: wrap;}
.fx-col{display: flex;flex-direction: column;}
.fx-col-btm{margin-top: auto;}
.fx-btw,.flex-wrap-row{width: 100%;display: flex;align-content: space-between;justify-content: space-between;}
.fx-btw-wrap,.flex-wrap-col{width: 100%;display: flex;flex-wrap: wrap;align-content: space-between;justify-content: space-between;}
.fx-center{display: flex;align-items: center;justify-content: center;}
.fx-end{width: 100%;display: flex;align-content: space-between;justify-content:flex-end;}

/* linkarea */
.link-area{display: inline-block;width:100%;height:100%;}
.link-area:focus{outline:1px solid #976F11;}
[class*="link-"]:not(.link-list):not(.tab-quicklink-line):not(.tab-quicklink-block),[class*="btn-"]{cursor: pointer;}

.square-box .fc-yl{font-weight: 500;}
.fc-yl{color: #FFE47C;}
.square-head .fc-rd{border-left: 1px solid #D5DBE2;padding-left: 7px;margin-left: 5px;font-weight: 500;}
.fc-rd{color: #CC0000;}

.attentionTxt {border: solid 4px;color: #cc0000; margin: 25px 0px; padding: 25px;}

/**** 行き先から探す ****/
.select-txt{overflow:hidden;width:100%;margin-bottom:16px;text-align:center;}
.select-txt-inr{width:90%;margin:0 auto;}
.select-txt select{width:100%;height:48px;padding-left:10px;cursor:pointer;text-indent:0.01px;text-overflow:ellipsis;border:none;outline:none;background:transparent;background-image:none;box-shadow:none;-webkit-appearance:none;appearance:none;font-size:1.6rem;font-weight:700;}
.select-txt select::-ms-expand{display:none;}
.select-txt{width:100%; position:relative;border-radius:50px;background:#eee;}
.select-txt:before{content:"";display:block;background:url("/jp/ja/commonY20/img_sites/icon_arrow_dwn.svg") 100% no-repeat;position:absolute;top:50%;right:24px;width:20px;height:20px;transform:translateY(-50%);pointer-events:none;}
.select-txt select option:first-child{display:none;}

.select-map-wd{width:930px;height:330px;position:relative;background:url("/jp/ja/domtour/promotion/img_sites/bg_map.png") top center no-repeat;background-size:contain;}
.select-map-wd-btn li{display:inline-block;position:absolute}
/*北海道*/
.select-map-wd-btn li:first-child{top:0px;right:160px;}
/*東北*/
.select-map-wd-btn li:nth-child(2){top:115px;right:0px;}
/*関東*/
.select-map-wd-btn li:nth-child(3){top:200px;right:45px;}
/*東海・北陸・甲信越*/
.select-map-wd-btn li:nth-child(4){top:80px;right:200px;}
/*関西*/
.select-map-wd-btn li:nth-child(5){top:260px;right:160px;}
/*中国*/
.select-map-wd-btn li:nth-child(6){top:125px;right:420px;}
/*四国*/
.select-map-wd-btn li:nth-child(7){top:280px;right:300px;}
/*九州*/
.select-map-wd-btn li:nth-child(8){top:230px;left:345px;}
/*沖縄*/
.select-map-wd-btn li:nth-child(9){top:130px;left:180px;}

.select-map-wd-btn li a{display:inline-block;padding:14px 45px;font-size:1.4rem;color:#333;background:#fff;border-radius:50px;font-weight:600;position:relative;background:#eee;}
.select-map-wd-btn li a:after{content:"";display:block;background:url(/jp/ja/commonY20/img_sites/icon_link_arrow_rd.svg) 100% no-repeat;background-size:cover;position:absolute;top:50%;right:12px;width:8px;height:14px;transform:translateY(-50%);}
.mgb-35{margin-bottom:-35px;}

/*20240327*/
.mv_area{position: relative;}
.JAL60th_links{background-color: #cc0000;padding:4px;}
@media (min-width: 740px) {
    .JAL60th_links{position: absolute;top: 50%;right:0%;width: 35%;z-index: 100;    transform: translateY(-50%);}
}

/*20240502*/
.eh_link .tabs_parent > li:nth-of-type(2) > a > span:after{transform: rotate(-90deg);}