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

/*----------------------------------
	index用のCSSです
----------------------------------*/
.contents * { box-sizing:border-box;}

.contents a:hover {text-decoration: underline;}

.clearfix:after{ content: ""; display: block; clear: both; }

.ttlBlk { position:relative; width:960px; height:250px;}
.ttlBlk dl { position:absolute; top:10px; right:10px; width:311px; height:auto;}
.ttlBlk dl dt { width:311px; height:33px;}
.ttlBlk dl dd { background-color:#fff; border:solid 1px #e1656c; padding:5px 10px;}

.searchBox ul { overflow:hidden; float:left; width:144px; margin-bottom:5px;}
.searchBox ul:nth-child(2n) { margin-right:0;}
.searchBox ul li {
	float:left;
	font-size: 14px;
	font-weight: bold;
	height: auto;
	line-height: 1.5;
	margin-bottom:2px;
}
.searchBox ul li span.searchBdr {
    border-left: 3px solid #dd5b63;
    font-size: 13px;
    font-weight: bold;
    line-height: 1;
    padding-left: 5px;
}
.searchBox ul li span.destTxt {
    font-size: 10px;
    font-weight: bold;
}
.searchBox .area { width:100%;}
.searchBox .area li:first-of-type { width:100%;}
.searchBox .area li:last-of-type { width:100%;}
.searchBox .area li:last-of-type select { width:100%;}
.searchBox ul li.cal input[type="text"] {
    background-size: 20px auto;
    border: 1px solid #7f9db9;
    box-sizing: border-box;
    color: #000000;
    cursor: pointer;
	width:105px;
    height: 24px;
    padding: 2px 5px;
}
.searchBox ul li img.js_dep_date_cal {
    cursor: pointer;
    display: block;
    height: auto;
    margin-left: 6px;
    width: 24px;
}

.osusumeBlk { float:left; width:695px; height:auto;}
.osusumeBlk div { border:solid 2px #ff6600; border-top:none; padding:10px 11px;}
.osusumeBlk div dl { border:solid 2px #ff6600; border-radius:7px; width:330px; height:auto; padding:5px 7px;}
.osusumeBlk div dl:nth-child(1) { float:left;}
.osusumeBlk div dl:nth-child(2) { float:right;}
.osusumeBlk div dl dt {
	background:url(/attending/kagoshima/kokunai_free/images/osusumeRbn.png) center center no-repeat;
    width: 316px;
    height: 64px;
    font-size: 17px;
    line-height: 21px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    padding-top: 5px;
}
.osusumeBlk div dl .price { font-size:24px; line-height:1.5; font-weight:bold; color:#ff0000; text-align:center; padding:0 15px 4px;}
.osusumeBlk div dl .text { font-size:13px; line-height:1.5; padding:0 35px;}
.osusumeBlk div dl .button { width:316px; height:28px; margin-top:5px;}

.pickupBlk { float:right; width:250px; height:auto;}
.pickupBlk div { border:solid 1px #04066a; border-top:none; padding:6px 10px 10px;}
.pickupBlk div ul .text a { display:block; font-size:14px; line-height:1.2; color:#1111cc; padding:3px 0 6px;}
.pickupBlk div ul .photo { border:solid 4px #e2e2e2; width:228px; height:173px; overflow:hidden;}
.pickupBlk div ul .photo img { width:220px; height:auto;}

.panels > .panel { display: none; }
.panels > .panel.active { display: block;  margin-bottom: 50px;}
.panel .tabs { overflow: hidden; }
.panel ul,
.panel .tabs li,
.panel.active .tabs li{ overflow: hidden; }

.bdr01 { border:solid 5px #f54040;}
.bdr02 { border:solid 5px #2ab7ca;}
.bdr03 { border:solid 5px #e6bf4e;}
.bdr04 { border:solid 5px #4479ff;}
.bdr05 { border:solid 5px #b23cc0;}
.bdr06 { border:solid 5px #7dcb44;}

.bgColor01 { background-color:#f54040;}
.bgColor02 { background-color:#2ab7ca;}
.bgColor03 { background-color:#e6bf4e;}
.bgColor04 { background-color:#4479ff;}
.bgColor05 { background-color:#b23cc0;}
.bgColor06 { background-color:#7dcb44;}

ul.sbArea_oka li.bdr06 dl dt.bgColor06:before,
ul.sbArea_spk li.bdr01 dl dt.bgColor01:before{
	content:url("/attending/kagoshima/kokunai_free/images/icon.png") ;
	  display: contents;
	vertical-align: middle;
}


.areaBox01 { float:left; width:305px; height:auto; margin: 0 22px 23px 0; cursor:pointer;}
.areaBox01:nth-child(3n) { margin-right: 0;}
.areaBox01:nth-child(6n) { margin-right: 0;}
.areaBox01.mr0 { margin-right:0;}
.areaBox01 dt { font-size:21px; line-height:1; color:#fff; font-weight:bold; text-align:center; padding:5px 0 10px;}

.areaBox02 { float:left; width:180px; height:auto; margin-right:15px; margin-bottom: 15px; cursor:pointer;}
/*.areaBox02.mr0{ margin-right: 0; }*/
li.areaBox02:nth-child(5n){ margin-right: 0; }

.areaBox02 dt{ font-size: 16px;line-height: 19px;color: #fff;font-weight: bold;text-align: center; padding: 0px 0 5px 0px;display: flex;height: 55px;justify-content: center;align-items: center; position: relative; }
#panel1 .areaBox02 dt::before,
#panel5 .areaBox02 dt::before,
#panel6 .areaBox02 dt::before { content:url("/attending/kagoshima/kokunai_free/images/ico_circle-yellowpng.png"); display: block; width: 16px; height: 16px; padding-right: 4px; }

#panel6 .areaBox02 dt.ico_circle::before{ content: ""; display: inline-block; width: 16px; height: 16px; background: url("/attending/kagoshima/kokunai_free/images/ico_circle-yellowpng.png") no-repeat; padding-right: 4px; position: absolute; top:7px; left: 51px; }


.sbAreaKanto .areaBox02 dt,
.sbAreaKinki .areaBox02 dt,
.sbAreaOkinawa .areaBox02 dt{ font-size: 13px; line-height: 16px; height: 52px; }

.areaBox03 { float:left; width:215px; height:auto; margin-right:33px; margin-bottom: 15px; cursor:pointer;}
.areaBox03:nth-child(4) { margin-right:0;}
.areaBox03:nth-child(8) { margin-right:0;}
.areaBox03:nth-child(12) { margin-right:0;}
.areaBox03 dt { display:table-cell; width:205px; height:50px; font-size:16px; line-height:1.2; color:#fff; font-weight:bold; text-align:center; vertical-align:middle; padding-bottom:5px;}

.areaObi01 { border:solid 5px #f54040; font-size:21px; line-height:1; font-weight:bold; text-align:center; margin-bottom:20px; padding:10px 0;}
.areaObi02 { border:solid 5px #2ab7ca; font-size:21px; line-height:1; font-weight:bold; text-align:center; margin-bottom:20px; padding:10px 0;}
.areaObi03 { border:solid 5px #e6bf4e; font-size:21px; line-height:1; font-weight:bold; text-align:center; margin-bottom:20px; padding:10px 0;}
.areaObi04 { border:solid 5px #4479ff; font-size:21px; line-height:1; font-weight:bold; text-align:center; margin-bottom:20px; padding:10px 0;}
.areaObi05 { border:solid 5px #b23cc0; font-size:21px; line-height:1; font-weight:bold; text-align:center; margin-bottom:20px; padding:10px 0;}
.areaObi06 { border:solid 5px #7dcb44; font-size:21px; line-height:1; font-weight:bold; text-align:center; margin-bottom:20px; padding:10px 0;}

.hide { display:none;}

div ul.content li { overflow:hidden;}
.areaHotelBox { float:left; width:305px; height:auto; margin:0 22px 20px 0; overflow: hidden;}
.tourWrapper{
	display: flex;
    flex-wrap: wrap;
}
.tourWrapper dl.areaHotelBox:nth-of-type(3n) { margin-right:0;}
.tourWrapper dl.areaHotelBox.ml0 { margin-left: 0;}


.hokkaido .areaHotelBox { font-size:16px; line-height:1.2; color:#fff;/* background-color:#f54040;*/}
.touhoku .areaHotelBox { font-size:16px; line-height:1.2; color:#fff; /*background-color:#2ab7ca;*/}
.kanto .areaHotelBox { font-size:16px; line-height:1.2; color:#fff; /*margin:0.5em; background-color:#e6bf4e;*/}
.kinki .areaHotelBox { font-size:16px; line-height:1.2; color:#fff; /*margin:0.5em; background-color:#4479ff;*/}
.fukuoka .areaHotelBox { font-size:16px; line-height:1.2; color:#fff; /*margin:0.5em; background-color:#b23cc0;*/}
.okinawa .areaHotelBox { font-size:16px; line-height:1.2; color:#fff; /*margin:0.5em; background-color:#7dcb44;*/}
.okinawa .areaHotelBox .text { background-color:#fff;}


.areaHotelBox dt { font-size:16px; line-height:1.2; color:#fff; padding:0.5em;}
.areaHotelBox .text { background-color:#fff;}
.areaHotelBox .text span { display:block; font-size:13px; line-height:1.5; padding:5px;}

.pic_box {
				display: block;
        width:305px;/*画像のwidth*/
        height:195px;/*画像のheight*/
        position:relative;
		overflow:hidden;
		z-index: 1;
}
.pic_box img { width:305px; height:auto; }
.pic_box span { display: inline-block; position: absolute; top: 100%; left: 0; width: 100%; height: 100%; -webkit-transition: top 0.6s ease; -moz-transition:  top 0.6s ease; -ms-transition: top 0.6s ease; -o-transition:top 0.6s ease; transition: top 0.6s ease; }

.hokkaido .pic_box span {
  background: url(/attending/kagoshima/kokunai_free/images/areaSlideBg01.png) repeat-y;

}
.touhoku .pic_box span {
  background: url(/attending/kagoshima/kokunai_free/images/areaSlideBg02.png) repeat-y;
  position: absolute;

}
.kanto .pic_box span {
  background: url(/attending/kagoshima/kokunai_free/images/areaSlideBg03.png) repeat-y;
  position: absolute;

}
.kinki .pic_box span {
  display: inline-block;
  width: 100%;
  height: 100%;
  background: url(/attending/kagoshima/kokunai_free/images/areaSlideBg04.png) repeat-y;
  position: absolute;
}
.fukuoka .pic_box span {
  display: inline-block;
  background: url(/attending/kagoshima/kokunai_free/images/areaSlideBg05.png) repeat-y;
  position: absolute;
}
.okinawa .pic_box span {
  display: inline-block;
  background: url(/attending/kagoshima/kokunai_free/images/areaSlideBg06.png) repeat-y;
  position: absolute;
}
.pic_box span p { display:table-cell; font-size:13px; line-height:1.5; color:#fff; text-align:center; padding:10px; vertical-align:middle;}
.pic_box span p.caption {
	width:187px;
	height:85px;
	overflow:hidden;
	text-overflow:ellipsis;
}
.pic_box span p.caption span {
	
}
.pic_box span p.price {
	width:118px;
	height:85px;
	/*overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;*/
}
.pic_box span p.price a {	 font-size:13px; line-height:1.5; color:#fff;}
.noTour {width:960px; height:130px; font-size: 15px;display: flex; justify-content: center; align-items: center;}
.pic_box:hover span{ top: 110px; left: 0; }
/*-----------------マップ-----------------*/
#clMapWrap01 { position: relative; width: 960px; height: 540px; margin-bottom: 70px; overflow: hidden; }
#clMapWrap01 a:hover *{ opacity: 0.7; transition-duration: 500ms; }
#clMapWrap01 #map_sapporo{ position: absolute; top: 266px; left: 353px; }
#clMapWrap01 #map_hakodate{ position: absolute; top: 424px; left: 317px; }
#clMapWrap01 #map_hkdOther{ position: absolute; top: 426px; left: 608px; }

#clMapWrap02{ clear: both; margin-bottom: 62px; }
#clMapWrap02 .clMap{margin: 0 auto; padding: 0; background: url("/attending/kagoshima/kokunai_free/images/tokyoMap.png") top left no-repeat; width: 960px; height: 562px; position: relative; z-index: 1; }
#clMapWrap02 .clMap .mapBtn{ margin: 0; padding: 0; position: absolute; list-style: none; }
#clMapWrap02 .clMap .mapBtn a{ display: block; cursor: pointer; position: absolute; z-index:100; }
#clMapWrap02 .clMap .mapBtn a:hover *{ transition-duration: 500ms; }
#clMapWrap02 .clMap .mapBtn a> span{ display: none; }
#clMapWrap02 .clMap span{ display: none; }
#clMapWrap02 #map02_tachikawa{ top: 268px; left: 31px; }
#clMapWrap02 #map02_tachikawa a{ width: 185px; height: 150px;}
#clMapWrap02 #map02_tachikawa a:hover{ background: url("/attending/kagoshima/kokunai_free/images/tokyoMap_tachikawa.png") no-repeat 0 0 ; }
#clMapWrap02 #map02_machida{ top: 427px; left: 31px; }
#clMapWrap02 #map02_machida a{ width: 148px; height: 92px;}
#clMapWrap02 #map02_machida a:hover{ background: url("/attending/kagoshima/kokunai_free/images/tokyoMap_machida.png") no-repeat 0 0 ;}
#clMapWrap02 #map02_shinjuku{ top: 298px; left: 218px; }
#clMapWrap02 #map02_shinjuku a{ width: 170px; height: 77px;}
#clMapWrap02 #map02_shinjuku a:hover{ background: url("/attending/kagoshima/kokunai_free/images/tokyoMap_shinjuku.png") no-repeat 0 0 ;}
#clMapWrap02 #map02_ikebukuro{ top: 130px; left: 278px; }
#clMapWrap02 #map02_ikebukuro a{ width: 208px; height: 161px;}
#clMapWrap02 #map02_ikebukuro a:hover{ background: url("/attending/kagoshima/kokunai_free/images/tokyoMap_ikebukuro.png") no-repeat 0 0 ;}
#clMapWrap02 #map02_shibuya{ top: 375px; left: 298px; }
#clMapWrap02 #map02_shibuya a{ width: 151px; height: 115px;}
#clMapWrap02 #map02_shibuya a:hover{ background: url("/attending/kagoshima/kokunai_free/images/tokyoMap_shibuya.png") no-repeat 0 0 ;}
#clMapWrap02 #map02_ochanomizu{ top: 265px; left: 423px; }
#clMapWrap02 #map02_ochanomizu a{ width: 187px; height: 83px;}
#clMapWrap02 #map02_ochanomizu a:hover{ background: url("/attending/kagoshima/kokunai_free/images/tokyoMap_ochanomizu.png") no-repeat 0 0 ;}
#clMapWrap02 #map02_roppongi{ top: 353px; left: 448px; }
#clMapWrap02 #map02_roppongi a{ width: 129px; height: 105px;}
#clMapWrap02 #map02_roppongi a:hover{ background: url("/attending/kagoshima/kokunai_free/images/tokyoMap_roppongi.png") no-repeat 0 0 ;}
#clMapWrap02 #map02_shinagawa{ top: 446px; left: 447px; }
#clMapWrap02 #map02_shinagawa a{ width: 350px; height: 78px;}
#clMapWrap02 #map02_shinagawa a:hover{ background: url("/attending/kagoshima/kokunai_free/images/tokyoMap_shinagawa.png") no-repeat 0 0 ;}
#clMapWrap02 #map02_ueno{ top: 128.5px; left: 572px; }
#clMapWrap02 #map02_ueno a{ width: 226px; height: 190px;}
#clMapWrap02 #map02_ueno a:hover{ background: url("/attending/kagoshima/kokunai_free/images/tokyoMap_ueno02.png") no-repeat 0 0 ;}
#clMapWrap02 #map02_tokyo{ top: 319px; left: 576px; }
#clMapWrap02 #map02_tokyo a{ width: 181px; height: 83px;}
#clMapWrap02 #map02_tokyo a:hover{ background: url("/attending/kagoshima/kokunai_free/images/tokyoMap_tokyo02.png") no-repeat 0 0 ;}
#clMapWrap02 #map02_shinbashi{ top: 400.5px; left: 575.5px; }
#clMapWrap02 #map02_shinbashi a{ width: 221px; height: 81px;}
#clMapWrap02 #map02_shinbashi a:hover{ background: url("/attending/kagoshima/kokunai_free/images/tokyoMap_shinbashi02.png") no-repeat 0 0 ;}
#clMapWrap02 #map02_shinkoiwa{ top: 209px; left: 759.5px; }
#clMapWrap02 #map02_shinkoiwa a{ width: 181px; height: 190px;}
#clMapWrap02 #map02_shinkoiwa a:hover{ background: url("/attending/kagoshima/kokunai_free/images/tokyoMap_shinkoiwa02.png") no-repeat 0 0 ;}
#clMapWrap02 #map02_urayasu{ top: 396px; left: 822px; }
#clMapWrap02 #map02_urayasu a{ width: 138px; height: 102px;}
#clMapWrap02 #map02_urayasu a:hover{ background: url("/attending/kagoshima/kokunai_free/images/tokyoMap_urayasu.png") no-repeat 0 0 ;}

#clMapWrap03{ clear: both; margin-bottom: 122px; }
#clMapWrap03 .clMap{margin: 0 auto; padding: 0; background: url("/attending/kagoshima/kokunai_free/images/osakaMap.png") top left no-repeat; width: 960px; height: 754px; position: relative; z-index: 1; }
#clMapWrap03 .clMap .mapBtn a{ display: block; cursor: pointer; position: absolute; z-index:100; }
#clMapWrap03 .clMap .mapBtn a:hover *{ transition-duration: 500ms; }
#clMapWrap03 .clMap .mapBtn a> span{ display: none; }
#clMapWrap03 .clMap .mapBtn{ margin: 0; padding: 0; position: absolute; list-style: none; }
#clMapWrap03 #map03_uc{ top: 339px; left: 172px; }
#clMapWrap03 #map03_uc a{ width: 272px; height: 180px;}
#clMapWrap03 #map03_uc a:hover{ background: url("/attending/kagoshima/kokunai_free/images/osakaMap_uc.png") no-repeat 0 0 ;}
#clMapWrap03 #map03_bay{ top: 523px; left: 172px; }
#clMapWrap03 #map03_bay a{ width: 253px; height: 190px;}
#clMapWrap03 #map03_bay a:hover{ background: url("/attending/kagoshima/kokunai_free/images/osakaMap_osakaBay.png") no-repeat 0 0 ;}
#clMapWrap03 #map03_shinOsaka{ top: 226px; left: 475px; }
#clMapWrap03 #map03_shinOsaka a{ width: 238px; height: 161px;}
#clMapWrap03 #map03_shinOsaka a:hover{ background: url("/attending/kagoshima/kokunai_free/images/osakaMap_sinOsaka.png") no-repeat 0 0 ;}
#clMapWrap03 #map03_shinsaibashi{ top: 469px; left: 451px; }
#clMapWrap03 #map03_shinsaibashi a{ width: 326px; height: 203px;}
#clMapWrap03 #map03_shinsaibashi a:hover{ background: url("/attending/kagoshima/kokunai_free/images/osakaMap_shinsaibashi.png") no-repeat 0 0 ;}

#clMapWrap05 { position: relative; width: 960px; height: 442px; margin-bottom: 70px; overflow: hidden; }
#clMapWrap05 a:hover *{ opacity: 0.7; transition-duration: 500ms; }
#clMapWrap05 #map05_fkok{ position: absolute; top: 380px; left: 310px; }
#clMapWrap05 #map05_other{ position: absolute; top: 129px; left: 220px; }

#clMapWrap06{	position: relative; width: 960px; height: 542px; margin-bottom: 49px; overflow: hidden; }
#clMapWrap06 a:hover *{ opacity: 0.7; transition-duration: 500ms; }
#clMapWrap06 #map06_naha { position: absolute; top: 396px; left: 80px; }
#clMapWrap06 #map06_onnna { position: absolute; top: 280px; left: 268px; }
#clMapWrap06 #map06_other { position: absolute; top: 260px; left: 110px; }
#clMapWrap06 #map06_ritou { position: absolute; top: 500px; left: 670px; }


.button02 { margin-bottom: 30px;}

/* UPDATED 12/23/2019 */
#clMapWrap02 #map02_machida {
  top: 428px
}
#clMapWrap02 #map02_shinjuku {
  left: 216px
}
#clMapWrap02 #map02_shinjuku a {
  height: 78px
}
#clMapWrap02 #map02_ochanomizu {
  top: 266px;
}
#clMapWrap02 #map02_roppongi {
  top: 354px;
  left: 447px
}
#clMapWrap02 #map02_shinagawa {
  left: 446px
}
#clMapWrap02 #map02_shibuya {
  left: 296px;
  top: 376px;
}
#clMapWrap02 #map02_shibuya a {
  width: 151px;
  height: 115px
}
#clMapWrap02 #map02_shinbashi {
  left: 577px;
  top: 402px;
}
#clMapWrap02 #map02_shinbashi a {
  width: 221px;
  height: 81px
}
#clMapWrap02 #map02_shinbashi a:hover {
  background: url("/attending/kagoshima/kokunai_free/images/tokyoMap_shinbashi03.png") no-repeat 0 0 ;
}
#clMapWrap02 #map02_urayasu {
  left: 822px;
  top: 400px;
}
#clMapWrap02 #map02_urayasu a {
  width: 138px;
  height: 102px
}
#clMapWrap02 #map02_urayasu a:hover {
  background: url("/attending/kagoshima/kokunai_free/images/tokyoMap_maihama.png") no-repeat 0 0 ;
}
#clMapWrap02 #map02_ueno {
  top: 130px;
}
#clMapWrap02 #map02_ueno a:hover {
  background: url("/attending/kagoshima/kokunai_free/images/tokyoMap_ueno03.png") no-repeat 0 0;
}

#clMapWrap02 #map02_shinkoiwa {
  left: 757px
}

#clMapWrap02 #map02_tokyo {
  top: 320px;
  left: 577px
}
#clMapWrap02 #map02_tokyo a {
  width: 180px;
  height: 82px
}
#clMapWrap02 #map02_tokyo a:hover {
  background: url("/attending/kagoshima/kokunai_free/images/tokyoMap_tokyo03.png") no-repeat 0 0;
}

#clMapWrap03 #map03_shinOsaka {
  top: 225px;
  left: 476px;
}

/*start_リニューアル2021対応*/
:where(.contents) *,
:where(.contents)::after,
:where(.contents)::before {
  box-sizing: content-box;
}

:where(.contents) img {
  width: auto;
}

.contents {
	width: 960px;
	margin: 0 auto;
}

.osusumeBlk div dl dt strong,
.smSearchD_Blk ul .searchMds span {
	font-weight: 600 !important;
}

.smSearchD_Blk ul {
	margin-bottom: 9px !important;
}

.areaHotelBox .text span {
	color: #4c4c4c !important;
}

select {
	font-size: 12px;
	font-size: 1.2rem;
	writing-mode: horizontal-tb !important;
	text-rendering: auto;
    color: fieldtext;
    letter-spacing: normal;
    word-spacing: normal;
    line-height: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    appearance: auto;
	align-items: center;
	white-space: pre;
	-webkit-rtl-ordering: logical;
	background-color: field;
	cursor: default;
	margin: 0em;
	border-width: 1px;
	border-style: solid;
	border-color: -internal-light-dark(rgb(118, 118, 118), rgb(133, 133, 133));
	border-image: initial;
	border-radius: 0px;
}

.SubWinBox .SW_SD_Month td, .SubWinBox .SW_SD_Month th {
	width: 26px !important;
}

.SubWinBox .SW_SD_Caption a {
	padding-top: 0 !important;
}

.price a:hover {
    color: #ff9933;
    text-decoration: underline;
}
/*end_リニューアル2021対応*/