@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:550px;}
.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;}


/**** 行き先から探す ****/
.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:950px;height:436px;position:relative;background:url("/jp/ja/intltour/promotion/img_sites/bg_map.png") center center no-repeat;background-size:cover;}
.select-map-wd-btn li{display:inline-block;position:absolute}
/*ハワイ*/
.select-map-wd-btn li:first-child{top:141px;right:277px;}
/*アメリカ・カナダ・中南米*/
.select-map-wd-btn li:nth-child(2){top:190px;right:0;}
/*ヨーロッパ・中近東・アフリカ*/
.select-map-wd-btn li:nth-child(3){top:0;left:0;}
/*オーストラリア・ニュージーランド・南太平洋*/
.select-map-wd-btn li:nth-child(4){top:307px;left:245px;}
/*グアム・パラオ*/
.select-map-wd-btn li:nth-child(5){top:229px;left:398px;}
/*南・東南アジア(都市・リゾート)*/
.select-map-wd-btn li:nth-child(6){top:159px;left:190px;}
/*東アジア*/
.select-map-wd-btn li:nth-child(7){top:94px;left:244px;}
.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%);}


.aco_info .acodBlock .heading {background-color: #010f56; border: 1px solid #010f56; text-align: center;}
.ttl_bgc{background-color: #0041a3; padding: 1rem;}
.gadgetPrice img{
	width: auto !important;
}
.gadgetPrice .title,
.gadgetPrice .value{
	font-weight: bold;
	color: #cc0000;
	display: block;
}
.gadgetPrice  .title{
	font-size: 2rem;
	margin-top: 16px;
}
.gadgetPrice  .value{
	font-size: 1.8rem;
	margin-top: 8px;
}
/* .fs26{font-size: 2.2rem;} */
.fs-001{ font-size: 2.2rem; }
.fwB { font-weight:bold; }
.slick-track {
    margin: 0 auto;
}
.ctm_bdrColumn .colWrap .col {
	display: inline-block;
    border: none;
}
@media (min-width: 740px) {
	.gadgetPrice  .title{
		margin-top: 20px;
	}
	.gadgetPrice  .value{
		margin-top: 10px;
	}
	.square-line  {
		flex-wrap: wrap;
	}
	.square-line .square-box:nth-of-type(4n){
		margin-right: 0;
	}
	.square-line .square-box:nth-of-type(n+5){
		margin-top: 18px;
	}
	.panf {
		flex-wrap: wrap;
	}
}
@media (max-width: 739px) {
	.square-line{
		display: inline-block;
		white-space: nowrap;
		height: 100%;
	}
	.square-box{
		display: inline-block;
		white-space: normal;
	}
	/* .fs26{font-size: 1.35rem !important;} */
	.fs-001 { font-size: 1.6rem !important; }
	.panf {
		display: inline-block;
		white-space: nowrap;
	}
    .clm_1_4col.colWrap.panf .col{
        width: 50%;
		vertical-align: bottom;
	}
    .slick-track {
        width: 100%;
    }
	.txt-br .txtLink{height: 210px;white-space: normal;}

}
.overRay{
    position: relative;
}
.overRay .overRayTxt{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(0,0,0,0.7);
}
.overRay .overRayTxt p{
    color: #fff;
    font-size: 1.6rem;
}
.gadgetPivot .list li a{
    position: relative;
    display: block;
}
.gadgetPivot .list li a::after{
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    border-top: 2px solid #cc0000;
    border-right: 2px solid #cc0000;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 0;
    left: auto;
    right: 2px;
    bottom: 0;
    margin: auto;
}

/*20240207*/
.omakase_area{background-color:#0041a3;padding: 0 20px 20px;color: #fff;}
.omakase_area .omakase_about .col{background-color:#ffffff;color: #000;}
.omakase_about .omakase_about_txt{padding: 0 10px;}
.omakase_about .ctm_pageTtl{height: 40px}

@media (max-width: 739px) {
    .omakase_area{padding: 0 10px 10px;}
    .omakase_about .ctm_pageTtl{height: 50px}
}

/*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%);}
}