@charset "utf-8";
@import url("https://fonts.googleapis.com/icon?family=Material+Icons+Round");

/*  エリアページ共通
============================================================================= */
@media screen and (min-width: 769px){ 
  main{ min-width: 1200px; margin: 0 auto;}
}

/*  title
============================================================================= */
.wrap_ttl{ display: flex; flex-direction: column-reverse; margin: 0 auto; width: 100%; text-align: center;}
.sect_ttl{ font-weight: 700; letter-spacing: .1em; text-align: center;}
.sect_ttl.-lv01{ color: #fff; text-shadow: 0 2px 6px rgb(0 0 0 / 80%); letter-spacing: .1em;}
.sect_ttl.-lv02.-line{ position: relative; padding-bottom: 20px;}
.sect_ttl.-lv02.-line:after{ position: absolute; bottom: 0; content: ""; display: inline-block; border-radius: 50vw; left: 50%; transform: translate(-50%); width: 100px; height: 4px;}
.sect_ttl-subtxt{ text-align: center; font-weight: bold; letter-spacing: .1em; margin-bottom: 5px;}
.sect_ttl-subtxt.-lv03:before { content: "－"; margin-right: 5px;} 
.sect_ttl-subtxt.-lv03:after  { content: "－"; margin-left: 5px;}
.sect_ttl .area, .sect_ttl .dept{font-weight: 700;}

@media screen and (max-width: 768px){
  .sect_ttl.-lv01{ font-size: 2.4rem;}
  .sect_ttl.-lv02{ font-size: 2.2rem;}
  .sect_ttl.-lv03{ font-size: 2.0rem;}
  .sect_ttl.-lv04{ font-size: 1.4rem;}
  .sect_ttl.-lv01 .area{ font-size: 4.8rem;}
  .sect_ttl.-lv02 .dept{ font-size: 1.6rem;}
  .sect_ttl.-lv03 .dept{ font-size: 1.4rem;}
  .sect_ttl-subtxt.-lv02{ font-size: 1.8rem;}
  .sect_ttl-subtxt.-lv03{ font-size: 1.4rem;}
}
@media screen and (min-width:769px){
  .sect_ttl.-lv01{ font-size: 3.2rem;}
  .sect_ttl.-lv02{ font-size: 4.0rem;}
  .sect_ttl.-lv03{ font-size: 3.2rem; line-height: 1.5;}
  .sect_ttl.-lv04{ font-size: 1.6rem;}
  .sect_ttl.-lv01 .area{ font-size: 6.4rem;}
  .sect_ttl.-lv02 .dept{ font-size: 3.2rem;}
  .sect_ttl.-lv03 .dept{ font-size: 2.4rem;}
  .sect_ttl-subtxt.-lv02{ font-size: 2.0rem;}
  .sect_ttl-subtxt.-lv03{ font-size: 1.8rem;}
}
#search .sect_ttl.-lv02{ color: #fff;}
.sect_ttl.-lv01 .deptarea{ margin-top: 24px; font-weight: 700; display: inline-block;}
ul.list-wrap li.list_item .item-content h4{ text-align: center; padding-top: 8px;}

/* icon */
.-icon span{ position: relative; display: inline-block; font-weight: bold;}
@media screen and (max-width: 768px){ .-icon span{ padding-left: 24px;}}
@media screen and (min-width: 769px) { .-icon span{ padding-left: 40px;}}
.-icon span:before{ position: absolute; left: 0; top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); font-family: 'Material Icons'; text-decoration: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; vertical-align: middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.-icon span.-after:before{ left:auto; right:0;}
.-icon span.beach:before{ content: '\eb3e';}
.-icon span.church:before{ content: '\eaae';}
.-icon span.flight:before{ content: '\e539';}
.-icon span.family:before{ content: '\f1a2';}
.-icon span.camera:before{ content: '\e412';}
.-icon span.report:before{ content: '\e85d';}
.-icon span.florist:before{ content: '\e545';}
.-icon span.surfing:before{ content: '\e515';}
.-icon span.awesome:before{ content: '\e65f';}
.-icon span.luggage:before{ content: '\f235';}
.-icon span.balance:before{ content: '\eaf6';}
.-icon span.favorite:before{ content: '\e87d';}
.-icon span.schedule:before{ content: '\e8b5';}
.-icon span.calendar:before{ content: '\ebcc';}
.-icon span.landscape:before{ content: '\e3f7';}
.-icon span.arrow_top:before{ content: "\e316";}
.-icon span.arrow_left:before{ content: "\e315";}
.-icon span.arrow_right:before{ content: "\e314";}
.-icon span.arrow_bottom:before{ content: "\e313";}

/* lead */
@media screen and (max-width: 768px){ p.page-lead { margin-top: 16px; text-align: left; font-size: 1.4rem;}}
@media screen and (min-width: 769px){ p.page-lead { margin-top: 24px; text-align: center;}}

/* pagenav */
@media screen and (max-width: 768px){ .pagenavlist_item .sp_small{display: block; font-size: 1.1rem;}}
@media screen and (min-width: 769px){ .pagenavlist{ width: 100%;}}
@media screen and (min-width: 960px){ .pagenavlist_item a:hover { opacity: 1; background-color: rgba(255, 255, 255, 0.3);}}

/*  MV */
@media screen and (min-width: 1000px){
  .mv{ height: 300px}
  .mv-lead{ margin: 24px 32px 0; font-size: 1.3rem;}
}
.mv-ttl_name{ letter-spacing: .2em;}
.mv-txt { background: rgba(0, 0, 0, 0.3); padding: 5px;}
.mv-lead{ background-color: rgba(255,255,255,0.7); border-radius: 5px; padding: 12px; line-height: 1.7;}
.mv-lead{ margin: 24px 16px 0; font-size: 1.2rem;}
.mv-caption{
	position: absolute;
	right: 0;
	bottom: 5px;
	z-index: 1;
	padding: 0 5px;
	width: 100%;
	color: #fff;
	font-size: 1.3rem;
	text-align: right;
	line-height: 1.3;
	font-weight: bold;
	text-shadow: 0 0 0.2em rgb(0 0 0);
}

/*  背景 */
.bg_line{ background: repeating-linear-gradient(-45deg, rgba(248, 244, 234, 50%), rgba(248, 244, 234, 50%) 2px, rgba(248, 244, 234, 100%) 2px, rgba(248, 244, 234, 100%) 4px);}
.txt-center{ text-align: center;}
.txt-left {text-align: left;}
.txt-right {text-align: right;}

/*  レイアウト */
.sectsub{ padding: 40px 0; margin-top: 0;}
@media screen and (min-width: 1000px) {.sectsub{ padding: 80px 0; margin-top: 0;}}
@media screen and (max-width: 768px){ #map .inner{ margin-top: 40px;}}
@media screen and (min-width: 769px){ #map .inner{ margin-top: 80px;}}

/* list */
ul.list-wrap{ display: flex; flex-wrap: wrap; margin: 0 0 0 -8px;}
ul.list-wrap li.list_item{ display: block; z-index: 1; width: calc(100% / 2 - 8px); margin: 16px 0 0 8px;}
ul.list-wrap li.list_item .item-content{ position: relative; width: 100%; height: 100%;}
ul.list-wrap li.list_item .item-content a{ text-decoration: none;}
ul.list-wrap li.list_item .item-content a:hover .img-box img{ transform: scale(1.1); opacity: 0.6;}
ul.list-wrap li.list_item .item-content .img-box{ overflow: hidden; position: relative;}
ul.list-wrap li.list_item .item-content .img-box span.copyright{ position: absolute; z-index: 1; padding: 0; color: #fff; font-size: .75em; text-align: right; line-height: 1.3; text-shadow: 0 0 0.2em rgb(0 0 0 / 80%); right: 12px; bottom: 6px;}
ul.list-wrap li.list_item .item-content .img-box img{ width:100%; height:auto; vertical-align: bottom; transform: scale(1); transition: .5s ease-in-out;}
@media screen and (min-width: 769px){
  ul.list-wrap{ margin: 24px 0 0 -16px;}
  ul.list-wrap li.list_item { width: calc(100% / 4 - 16px); margin: 16px 0 0 16px;}
}

/* info */
#info ul.list-wrap li.list_item .item-content h3{ text-align: center; padding-top: 8px;}
@media screen and (max-width: 768px){ 
  #info ul.list-wrap li.list_item .item-content h3{ font-size: 1.4rem;}
}

/*  MAP
============================================================================= */
@media screen and (max-width: 768px){
  #map .inner{padding: 0;}
  .map-wrap{ display:flex; flex-flow: column; justify-content: center;}
  .map-list-wrap{ width: 100% ;background: #daeef1;}
  .map-list-wrap svg{ width :100%; height: 100%; vertical-align:bottom;}
  .map-cassette-wrap{ width: 100%; display:flex; justify-content: center;}
}
@media screen and (min-width: 769px){
  .map-wrap{ display:flex; align-items:stretch; justify-content: space-between;}
  .map-list-wrap{ width: calc(100% - 375px); background: #daeef1; display: flex; justify-content: flex-end;}
  .map-list-wrap svg{ vertical-align:bottom; width: 100%; height: 100%; max-height: 580px;}
  .map-cassette-wrap{ width: 375px; max-width:375px;}
  .map-list_item:hover:not(.is-selected){ opacity: 0.8;}
}
.map-list{ width: 100%; height: auto; position: relative;}
.map-list svg .cls-1 { fill: #aeba8a;}
.map-list svg g.is-active .cls-1 { fill: #f49c4d;}
.map-list_item{ position: absolute;}
.map-list_item span.area{ cursor: pointer; background: #fff; border-radius: 16px; font-weight: bold;}
.map-list_item.is-selected span.area{ color: #fff;}
.map-list_item span.area::after{ position:relative; font-family:'Material Icons Round'; content: "\e409"; font-weight: 400; left: 2px; top: 2px; line-height: 1; font-size: 1.6rem;}
.map-list_item span.ico-place:before{ position: absolute; display: block; content: ""; background-image: url(/kaigai/area/_common/_images/ico-place.svg); width: 24px; height: 24px;}
#asia .map-list_item.is-selected span.ico-place:before{ background-image: url(/kaigai/area/_common/_images/ico-place_asia.svg);}
#africa .map-list_item.is-selected span.ico-place:before{ background-image: url(/kaigai/area/_common/_images/ico-place_africa.svg);}
#europe .map-list_item.is-selected span.ico-place:before{ background-image: url(/kaigai/area/_common/_images/ico-place_europe.svg);}
#oceania .map-list_item.is-selected span.ico-place:before{ background-image: url(/kaigai/area/_common/_images/ico-place_oceania.svg);}
#america .map-list_item.is-selected span.ico-place:before{ background-image: url(/kaigai/area/_common/_images/ico-place_america.svg);}
#middle-east .map-list_item.is-selected span.ico-place:before{ background-image: url(/kaigai/area/_common/_images/ico-place_middle-east.svg);}
#beach-resort .map-list_item.is-selected span.ico-place:before{ background-image: url(/kaigai/area/_common/_images/ico-place_beach-resort.svg);}
#south-america .map-list_item.is-selected span.ico-place:before{ background-image: url(/kaigai/area/_common/_images/ico-place_south-america.svg);}

@media screen and (max-width:768px){
  .map-list_item span.area{ font-size: 1.3rem; padding: 3px 2px 3px 8px;}
}
@media screen and (max-width: 320px){
  .map-list_item span.area{ font-size: 1.2rem; padding: 2px 2px 2px 6px;}
}
@media screen and (min-width: 769px) {
  .map-list_item span.area{ font-size: 1.5rem; padding: 4px 6px 4px 16px;}
}

/* areapage_link  */
.map-list .areapage_link { position: absolute; line-height: 1; border-radius: 6px; color: #fff;}
.map-list .areapage_link a:hover{ text-decoration: none;}
@media screen and (max-width:768px){
  .map-list .areapage_link{ padding: 2px 6px 4px 6px;}
  .map-list .areapage_link span{ font-size: 1.2rem;}
  .map-list .areapage_link.-icon span{ padding-left: 14px; }
  .map-list .areapage_link.-icon span.-after{ padding-left: 0; padding-right: 14px; }
}
@media screen and (max-width: 320px){
  .map-list .areapage_link span{ font-size: 1.1rem;}
  .map-list .areapage_link.-icon span{ padding-left: 12px; }
  .map-list .areapage_link.-icon span.-after{ padding-left: 0; padding-right: 12px; }
}
@media screen and (min-width: 769px) {
  .map-list .areapage_link { padding: 4px 6px 5px 6px;}
  .map-list .areapage_link span{ font-size: 1.4rem;}
  .map-list .areapage_link.-icon span{ padding-left: 16px; }
  .map-list .areapage_link.-icon span.-after{ padding-left: 0; padding-right: 16px; }
}

/* cassette */
.map-cassette{vertical-align: top; background-color: #fff; margin-right: 2.133333vw; margin-left: 2.133333vw;}
.map-cassette.is-selected{ animation: .8s slide-in-up; display: block;}
.map-cassette_item{ display: flex; flex-direction: column; background-color: #fff; border: none;}
.map-cassette_body{ padding: 0 8px 16px;}
.map-cassette_body h3{ font-weight: 700; font-size: 1.6rem; margin-top: 16px; letter-spacing: .2em; text-align: center;}
.map-cassette_body h4{ font-weight: 700; font-size: 1.4rem; margin-top: 16px; letter-spacing: .12em;}
.map-cassette-wrap.-multiple .map-cassette_body h4{ margin-top: 8px;}
.map-cassette_foot{ padding: 0 8px 16px; margin-top:auto;}

@media screen and (max-width: 768px){
  .map-cassette_item{ border-radius: 4px; box-shadow: 0px 1px 3px rgba(0,0,0,0.2); height: 100%;}
  .map-cassette_head{ width: 100%; height: auto; overflow: hidden;}
}
@media screen and (min-width: 769px) {
  .map-cassette{ display: none; margin-right: 0; margin-left: 0;}
  .map-cassette_item{ width: 375px; height: 580px;}
  .map-cassette_head{ width: 375px; height: 250px; overflow: hidden;}
  .map-cassette_body{ padding: 0 16px 12px;}
  .map-cassette_foot{ padding: 0 16px 16px;}
}
.map-cassette_head .area-img{position: relative;}
.map-cassette_head .area-img span.copyright{ position: absolute; z-index: 1; color: #fff; font-size: .75em; text-align: right; line-height: 1.3; text-shadow: 0 0 0.2em rgb(0 0 0 / 80%); padding:0;}
.map-cassette_head .area-img p.area-caption{ position: absolute; z-index: 1; color: #fff; font-size: .75em; text-align: right; line-height: 1.3; text-shadow: 0 0 0.2em rgb(0 0 0 / 80%); padding: 2px 4px; background-color: rgba(0, 0, 0, 0.3);}
@media screen and (max-width: 768px){ .map-cassette_head .area-img p.area-caption,.map-cassette_head .area-img span.copyright{ font-size: .65em;}}
@media screen and (min-width: 769px){ .map-cassette_head .area-img p.area-caption,.map-cassette_head .area-img span.copyright{ font-size: .75em;}}
@media screen and (max-width: 768px){ .map-cassette_head .area-img p.area-caption { right: 5px; bottom: 6px;}}
@media screen and (min-width: 769px){ .map-cassette_head .area-img p.area-caption { right: 12px; bottom: 6px;}}
.map-cassette_head .area-img span.copyright { right: 12px; top: 6px;}
.map-cassette_head .area-noimage img{ width:100%; aspect-ratio: 3 / 2; object-fit: cover;}

@media screen and (min-width: 769px) {  
  .map-cassette_head .area-img img { width: 375px;}
  .area-img p.area-caption, .area-img span.copyright { font-size: .75em;}
}
.map-cassette_txt{ font-size: 1.2rem; margin-top: 8px;}
.map-cassette_list{ margin-top: 8px; font-size: 1.2rem;}
.map-cassette-wrap.-multiple h4 + .map-cassette_list{ margin-top: 2px;}
.map-cassette_list li{margin: 0; display: inline;}
@media screen and (min-width: 769px){
  .map-cassette_txt{ font-size: 1.4rem;}
  .map-cassette_list{ font-size: 1.3rem;}
}
.map-cassette_place a,.map-cassette_place a:link,.map-cassette_place a:visited { color: #3498db;}
.map-cassette_list.-icon .map-cassette_place a{ position: relative; display: inline-block; padding-left: 1.5rem;}
.map-cassette_list.-icon .map-cassette_place a:before{font-size: 1.6rem;  content: '\e55f'; position: absolute; left: 0; top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); color: #3498DB; font-family: 'Material Icons'; text-decoration: none;  font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; vertical-align: middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}

/*  button */
.map-cassette_btn a { position: relative; z-index: 0; display: flex; justify-content: center; align-items: center; width: 100%; min-height: 50px; padding: 0 32px 0 12px; color: #3498DB!important; font-weight: 700; line-height: 1.3; border: none; background: transparent linear-gradient(112deg, #3498db, #52c8ff) 0 0 no-repeat padding-box; overflow: hidden; transition: border-radius .3s;}
.map-cassette_btn a:before { position: absolute; right: 10px; top: 50%; transform: translate(0,-50%); font-family: 'Material Icons Round'; font-size: 1.6rem; content: "\e89e"; font-weight: normal;}
.map-cassette_btn a:after { display: block; position: absolute; top: 0; left: 0; content: ""; z-index: -2; background: #fff; transition: border-radius .3s;}
@media screen and (max-width: 768px){ 
  .map-cassette_btn a {font-size: 1.4rem;}
  .map-cassette_btn a:after { width: calc(100% - 4px); height: calc(100% - 4px); margin: 2px;}
}
@media screen and (min-width: 769px) {  
  .map-cassette_btn a { font-size: 1.5rem; border-radius: 0;}
  .map-cassette_btn a:after { width: calc(100% - 6px); height: calc(100% - 6px); margin: 3px; border-radius: 0;}
  .map-cassette_btn a:hover { opacity: .6; border-radius: 35px;}
  .map-cassette_btn a:hover:after{  border-radius: 35px;}
}

/*  slider */
.area-img { position: relative; overflow: hidden;}
.area-img img { width: 100%;}
.js-map-search .slick-prev:before,
.js-map-search .slick-next:before{ border: none; transform: rotate(0); font-size: 1.6rem; color: #fff;}
.js-map-search .slick-prev,
.js-map-search .slick-next{ width: 24px; height: 24px;}
.js-map-search .slick-prev{ left: 0;}
.js-map-search .slick-next{ right: 6px;}
.map-slider .slick-dots li button { background: transparent; border: 0; color: transparent; cursor: pointer; font-size: 1em; outline: none; width: 0;}
.slick-dotted.slick-slider { padding-bottom: 0;}
.slick-dots { margin: 0; left: 6px; bottom: 8px; justify-content: left;}
.slick-dots li button::before { width: 10px; height: 10px; content: ''; opacity: 1; border-radius: 100%; background: #D9D9D9;}
.slick-dots li.slick-active button:before { background: #3498DB;  opacity: 1;}
.slick-track { display: flex!important;}
.slick-slide { height: auto !important;}

@media screen and (max-width: 768px){
  .slick-dots{ left: 0;}
  .slick-dots li{ width: 8px;}
}
@media screen and (min-width: 769px){
  .map-slider { opacity: 0;}
  .map-slider.slick-initialized { opacity: 1;}
}
@media screen and (max-width: 768px){
  #map .JTB-el_clause{padding: 0 10px;}
  #map .JTB-el_clause__item { font-size: 1.3rem;}
}
@media screen and (min-width: 769px){
  #map .JTB-el_clause__item { font-size: 1.5rem;}
}

/*  検索パネルエリア
============================================================================= */
#search .page-title.-line:after{ background-color: #fff;}
@media screen and (max-width: 999px){ #search .ovsdpsearch-panel{ margin-top: 30px; padding: 24px 8px;}}
@media screen and (min-width: 1000px){ #search .ovsdpsearch-panel{ margin-top: 40px; padding: 26px 24px 36px;}}
#search .ovsdpsearch-panel{ width: 100%; border-radius: 4px; background-color: rgba(255, 255, 255, 0.85);}
#search .list_item a{ position: relative; display: block; padding: 12px 6px; color: #fff; text-align: center; border: solid 2px #fff; transition: opacity 0.3s;}
#search .list_item {width: 100%;}

@media screen and (min-width:769px)and (max-width:959px){
  ul.list-wrap{ margin: 24px 0 0 -16px;}
  #search ul.list-wrap li.list_item { width: calc(100% / 2 - 16px); margin: 16px 0 0 16px;}
}
@media screen and (min-width:960px){
  ul.list-wrap{ margin: 24px 0 0 -16px;}
  #search ul.list-wrap li.list_item { width: calc(100% / 4 - 16px); margin: 16px 0 0 16px;}
}
#search .link_item:first-child{ margin-top: 24px;}
#search .link_item{ text-align: right; margin-top: 8px;}
#search .link_item a{ color: #fff;}
#search .icon-arrow{ position: relative; padding-right: 30px;}
#search .icon-arrow::after{ position: absolute; right: 0; top: 50%; transform: translateY(-50%); font-family: 'Material Icons Round'; font-size: 2.0rem; content: "\e409";}

/*  ポイント
============================================================================= */
.c-table { border-collapse: inherit; width: 100%;}
.c-table th, .c-table td { border-radius: .25em; text-align: center; white-space:nowrap;}
.sec-best__season .c-box__list { margin: 2.5em auto 0; max-width: 700px;}
.sec-best__season .c-box { background-color: #fff; border: none; border-radius: .5em; padding: 1.4em 1.45em;}
.sec-best__season .c-box p { margin-top: 1em; text-align: justify;}
.sec-best__season .c-title { align-items: center; display: flex; justify-content: center;}
.sec-best__season .c-title .c-sqare { border-radius: .375em; display: block; height: 2.25em; margin-right: .5em; width: 6em;}

@media screen and (max-width: 768px){
  .sec-best__season .c-box p { font-size: 1.4rem;}
  .sec-best__season .c-title .c-txt { font-size: 1.6rem; font-weight: 700;}
}
@media screen and (min-width: 769px){
  .sec-best__season .c-box p { font-size: 1.5rem; margin-top: 1em; text-align: justify;}
  .sec-best__season .c-title .c-txt { font-size: 1.8rem; font-weight: 700;}
}
.sec-best__season .c-box__blue .c-sqare, .sec-best__season .c-blue { background-color: #5bb4d8;}
.sec-best__season .c-box__blue .c-txt { color: #5bb4d8;}
.sec-best__season .c-box__pink .c-sqare, .sec-best__season .c-pink { background-color: #f396b2;}
.sec-best__season .c-box__pink .c-txt { color: #f396b2;}
.sec-best__season .c-box__others .c-sqare, .sec-best__season .c-others { background-color: #e2fcff;}
.sec-best__season .c-box__others .c-txt { color: #989BA1;}
.sec-best__season .c-table__wrap { max-height: 70vh; margin-top: 2.5em; overflow-y: auto;}
.sec-best__season th { border: 1px solid #f8f4ea; padding: 0.5em 1em; vertical-align:middle;}
.sec-best__season td { border: 1px solid #f8f4ea; padding: 4px; text-align: center;}
.sec-best__season td img {width:100%; height:auto;}
.sec-best__season td { background-color: #fff;}
.sec-best__season .c-head__row th { left: 0; position: sticky; top: 0;}
.sec-best__season .c-head__row th { z-index: 2;}
.sec-best__season .c-head { background-color: #fff; border-radius: 0; color: #fff;}
.sec-best__season .c-head::after { background-color: #949494; bottom: 0; border-radius: .25em; content: ""; display: block; left: 0; position: absolute;right: 0; top: 0; width: 100%; z-index: -1;}
.sec-best__season .c-side { background-color: #f0f3f3;}
.sec-best__season .c-city a { color: #008fbd; display: block;}
.sec-best__season .c-city a::after { color: #5bb4d8; display: inline-block; padding-left: .75em; content: "\e409"; font-family: 'Material Icons Round';}
@media screen and (max-width: 768px){
  .c-table__wrap { padding-bottom: .75em; overflow-x: scroll;}
  .c-table th, .c-table td {font-size: 1.3rem;}
  .sec-best__season .c-box + .c-box { margin-top: .5em;}
  .sec-best__season .c-table { min-width: 700px;}
  .sec-best__season .c-fixed { left: 0; position: sticky; top: 0;}
  .sec-best__season .c-fixed { z-index: 1;}
  .sec-best__season .c-head.c-fixed { z-index: 3;}
  .sec-best__season .c-month { width: 4em;}
  .sec-best__season .c-city { background-color: #fff; border-radius: 0; width: 15em;}
  .sec-best__season .c-city::after { background-color: #f0f3f3; border-radius: .25em; bottom: 0; content: ""; display: block; left: 0; position: absolute; right: 0; top: 0; width: 100%; z-index: -1;}
}
@media screen and (min-width: 769px){
  #useful .c-flex { display: flex; flex-wrap: wrap; justify-content: space-between;}
  .sec-best__season .c-box { width: calc(50% - .625em);}
  .sec-best__season .c-month { width: 5.6%;}
  .sec-best__season .c-box__list.c-box03 {max-width: 1100px;}
  .sec-best__season .c-box__list.c-box03 .c-box {width: calc(33% - .625em);}
}
.sec-flight .c-table__wrap { margin-top: 2.5em; overflow-y: auto;}
.sec-flight__table .c-table { border-spacing: 2px;}
.sec-flight__table th, .sec-flight__table td {  height: 3.75em; padding: 0 12px; vertical-align: middle;}
.sec-flight__table th small, .sec-flight__table td small { display: block; font-size: .75em; line-height: 1;}
.sec-flight__table th { background-color: #989BA1; color: #fff; font-weight: 700;}
.sec-flight__table td { background-color: #fff; font-weight: 500;}
.sec-flight__table td.c-time{ color: #fff; font-weight: 700;}
.sec-flight__table td.c-time.-col01 { background-color: #FFC297;}
.sec-flight__table td.c-time.-col02 { background-color: #FF964B;}
.sec-flight__table td.c-time.-col03 { background-color: #FF7B20;}
.sec-flight__table td.c-time.-col04 { background-color: #FF6900;}
@media screen and (max-width:768px){
  .sec-flight .c-table__wrap { max-height: 70vh;}
  .sec-flight__table { margin-top: 2em;}
  .sec-flight__table .c-table { min-width: 480px;}
  .sec-flight__table th, .sec-flight__table td { height: 3em;}
}
@media screen and (max-width: 768px){
  .sec-best__season .c-title { justify-content: normal;}
}
#sec-flight .JTB-el_clause.-annotation .JTB-el_clause__item{ font-size: 1.2rem;}
.c-others span{ font-size: 1.0rem;}
.sec-best__season .c-others{ padding-bottom: 0;}
.sec-best__season .c-others span.christmas{ background: url(/kaigai/area/_common/_images/point/christmas.png) no-repeat center top; display: block;}
.sec-best__season .c-others span.aurora{ background: url(/kaigai/area/_common/_images/point/aurora.png) no-repeat center top; display: block;}
@media screen and (max-width: 768px){
  .sec-best__season .c-others span.christmas{ background-size: auto 24px; padding-top: 24px;}
  .sec-best__season .c-others span.aurora{ background-size: auto 24px; padding-top: 24px;}
}
@media screen and (min-width: 769px){
  .sec-best__season .c-others span.christmas{ background-size: auto 32px; padding-top: 32px;}
  .sec-best__season .c-others span.aurora{  background-size: auto 32px; padding-top: 32px;}
}

/* other link 
============================================================================= */
.pagefoot_sectsub{ margin-top: 16px;}
.pagefoot-linklist{ margin-top: 0;}

/* other
============================================================================= */
#search .JTB-el_input__heading{ background-color: transparent;}
@media screen and (min-width: 1000px){ .pagenavlist_item:first-child .m-ico.-arrow:before{opacity: 1;}}

/*  color 
============================================================================= */
.map-list .areapage_link.asia,
#asia .pagenav,
#asia .sect_ttl.-lv02.-line:after,
#asia .map-list_item.is-selected span.area,
#asia .sect.-ovsdpsearch{ background-color: #DD2314;}
#asia .-icon span:before, p.-icon span:before,
#asia .map-list_item span.area::after { color: #DD2314;}

.map-list .areapage_link.africa,
#africa .pagenav,
#africa .sect_ttl.-lv02.-line:after,
#africa .map-list_item.is-selected span.area,
#africa .sect.-ovsdpsearch{ background-color: #68693D;}
#africa .-icon span:before, p.-icon span:before,
#africa .map-list_item span.area::after { color: #68693D;}

.map-list .areapage_link.europe,
#europe .pagenav,
#europe .sect_ttl.-lv02.-line:after,
#europe .map-list_item.is-selected span.area,
#europe .sect.-ovsdpsearch{ background-color: #AD795B;}
#europe .-icon span:before, p.-icon span:before,
#europe .map-list_item span.area::after { color: #AD795B;}

.map-list .areapage_link.oceania,
#oceania .pagenav,
#oceania .sect_ttl.-lv02.-line:after,
#oceania .map-list_item.is-selected span.area,
#oceania .sect.-ovsdpsearch{ background-color: #0082A9;}
#oceania .-icon span:before, p.-icon span:before,
#oceania .map-list_item span.area::after { color: #0082A9;}

.map-list .areapage_link.america,
#america .pagenav,
#america .sect_ttl.-lv02.-line:after,
#america .map-list_item.is-selected span.area,
#america .sect.-ovsdpsearch{ background-color: #D35D16;}
#america .-icon span:before, p.-icon span:before,
#america .map-list_item span.area::after { color: #D35D16;}

.map-list .areapage_link.middle-east,
#middle-east .pagenav,
#middle-east .sect_ttl.-lv02.-line:after,
#middle-east .map-list_item.is-selected span.area,
#middle-east .sect.-ovsdpsearch{ background-color: #998DBA;}
#middle-east .-icon span:before, p.-icon span:befor,
#middle-east .map-list_item span.area::after { color: #998DBA;}

.map-list .areapage_link.beach-resort,
#beach-resort .pagenav,
#beach-resort .sect_ttl.-lv02.-line:after,
#beach-resort .map-list_item.is-selected span.area,
#beach-resort .sect.-ovsdpsearch{ background-color: #019F9E;}
#beach-resort .-icon span:before, p.-icon span:before,
#beach-resort .map-list_item span.area::after { color: #019F9E}

.map-list .areapage_link.south-america,
#south-america .pagenav,
#south-america .sect_ttl.-lv02.-line:after,
#south-america .map-list_item.is-selected span.area,
#south-america .sect.-ovsdpsearch{ background-color: #3A9053;}
#south-america .-icon span:before, p.-icon span:before,
#south-america .map-list_item span.area::after { color: #3A9053;}

.map-list .areapage_link span,
.map-list_item.is-selected span.area::after,
.map-list .areapage_link.-icon span:before{ color: #fff!important;}

/*  表示・非表示
============================================================================= */
@media screen and (max-width: 768px){ .sp-none{ display: none;}}
@media screen and (min-width: 769px){ .pc-none{ display: none;}}

.deptset-SPK .deptchange-SPK, .deptset-SDJ .deptchange-SDJ, .deptset-TYO .deptchange-TYO, .deptset-NRT .deptchange-NRT, .deptset-NGO .deptchange-NGO, .deptset-OSA .deptchange-OSA, .deptset-FUK .deptchange-FUK{ display: block;}