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

/*----------------------------------
	index用のCSSです
----------------------------------*/
.contents * { box-sizing:border-box; letter-spacing: 0;}
.contents a:hover {text-decoration: underline;}
.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: normal;
	height: auto;
	line-height: 1.5;
	margin-bottom:2px;
}
.searchBox ul li span.searchBdr {
    border-left: 3px solid #dd5b63;
    font-size: 13px;
    font-weight: normal;
    line-height: 1;
    padding-left: 5px;
}
.searchBox ul li span.destTxt {
    font-size: 10px;
    font-weight: normal;
}
.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 10px;}
.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 a {height: 208px; width: 330px; display: block; float: left;}
.osusumeBlk div a:nth-child(1) {margin-right: 11px;}
.osusumeBlk div dl dt {
	background:url(/attending/freeplan-d/fuk/f_kansai/images/osusumeRbn.png) center center no-repeat;
	width:316px;
	height:64px;
	font-size:16px;
	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 .text { font-size:13px; line-height:1.5; padding:0 35px; height:58px;}


.osusumeBlk div dl .button { width:316px; height:28px; margin-top:5px;}

.pickupBlk { float:right; width:240px; height:auto;}
.pickupBlk div { border:solid 1px #04066a; border-top:none; padding:6px 15px 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:212px; height:171px; overflow:hidden;}
.pickupBlk div ul .photo img { width:204px; height:auto;}

.tab { margin-bottom:30px;}

.bdr01 { border:solid 5px #FE0D91;}
.bdr02 { border:solid 5px #12BDD2;}
.bdr03 { border:solid 5px #FE782C;}
.bdr04 { border:solid 5px #648B0D;}
.bdr05 { border:solid 5px #F29700;}
.bdr06 { border:solid 5px #FF1B33;}
.bdr07 { border:solid 5px #00B3A0;}
.bdr08 { border:solid 5px #00C481;}
.bdr09 { border:solid 5px #015DB4;}
.bdr10 { border:solid 5px #FE1B5A;}
.bdr11 { border:solid 5px #E200E7;}
.bdr12 { border:solid 5px #01D4CB;}
.bdr13 { border:solid 5px #FFB300;}
.bdr14 { border:solid 5px #81C653;}

.bgColor01 { background-color:#FE0D91;}
.bgColor02 { background-color:#12BDD2;}
.bgColor03 { background-color:#FE782C;}
.bgColor04 { background-color:#648B0D;}
.bgColor05 { background-color:#F29700;}
.bgColor06 { background-color:#FF1B33;}
.bgColor07 { background-color:#00B3A0;}
.bgColor08 { background-color:#00C481;}
.bgColor09 { background-color:#015DB4;}
.bgColor10 { background-color:#FE1B5A;}
.bgColor11 { background-color:#E200E7;}
.bgColor12 { background-color:#01D4CB;}
.bgColor13 { background-color:#FFB300;}
.bgColor14 { background-color:#81C653;}


.areaBox01 { float:left; width:180px; height:auto; margin-right:15px; margin-bottom: 15px; cursor:pointer;}
.areaBox01:nth-child(5n) { margin-right:0;}
.areaBox01 dt {font-size: 16px; line-height: 19px; color: #fff; font-weight: bold; text-align: center; padding: 0px 0 5px; display: flex; height: 41px;
 justify-content: center; align-items: center;}
/*.areaBox02 { float:left; width:215px; height:auto; margin-right:33px; cursor:pointer;}
.areaBox02:nth-child(4) { margin-right:0;}
.areaBox02 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 #FE0D91; font-size:21px; line-height:1; font-weight:bold; text-align:center; margin-bottom:20px; padding:10px 0;}
.areaObi02 { border:solid 5px #12BDD2; font-size:21px; line-height:1; font-weight:bold; text-align:center; margin-bottom:20px; padding:10px 0;}
.areaObi03 { border:solid 5px #FE782C; font-size:21px; line-height:1; font-weight:bold; text-align:center; margin-bottom:20px; padding:10px 0;}
.areaObi04 { border:solid 5px #648B0D; font-size:21px; line-height:1; font-weight:bold; text-align:center; margin-bottom:20px; padding:10px 0;}
.areaObi05 { border:solid 5px #F29700; font-size:21px; line-height:1; font-weight:bold; text-align:center; margin-bottom:20px; padding:10px 0;}
.areaObi06 { border:solid 5px #FF1B33; font-size:21px; line-height:1; font-weight:bold; text-align:center; margin-bottom:20px; padding:10px 0;}
.areaObi07 { border:solid 5px #00B3A0; font-size:21px; line-height:1; font-weight:bold; text-align:center; margin-bottom:20px; padding:10px 0;}
.areaObi08 { border:solid 5px #00C481; font-size:21px; line-height:1; font-weight:bold; text-align:center; margin-bottom:20px; padding:10px 0;}
.areaObi09 { border:solid 5px #015DB4; font-size:21px; line-height:1; font-weight:bold; text-align:center; margin-bottom:20px; padding:10px 0;}
.areaObi10 { border:solid 5px #FE1B5A; font-size:21px; line-height:1; font-weight:bold; text-align:center; margin-bottom:20px; padding:10px 0;}
.areaObi11 { border:solid 5px #E200E7; font-size:21px; line-height:1; font-weight:bold; text-align:center; margin-bottom:20px; padding:10px 0;}
.areaObi12 { border:solid 5px #01D4CB; font-size:21px; line-height:1; font-weight:bold; text-align:center; margin-bottom:20px; padding:10px 0;}
.areaObi13 { border:solid 5px #FFB300; font-size:21px; line-height:1; font-weight:bold; text-align:center; margin-bottom:20px; padding:10px 0;}
.areaObi14 { border:solid 5px #81C653; 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;}
div ul.content li .areaHotelBox { float:left; width:305px; height:auto; margin:0 22px 20px 0;}
div ul.content .tyo01 .areaHotelBox:nth-of-type(3n)  { margin-right:0;}
div ul.content .tyo02 .areaHotelBox:nth-of-type(3n)  { margin-right:0;}

.area01 .areaHotelBox { font-size:16px; line-height:1.2; color:#fff; margin:0.5em; background-color:#FE0D91;}
.area02 .areaHotelBox { font-size:16px; line-height:1.2; color:#fff; margin:0.5em; background-color:#12BDD2;}
.area03 .areaHotelBox { font-size:16px; line-height:1.2; color:#fff; margin:0.5em; background-color:#FE782C;}
.area04 .areaHotelBox { font-size:16px; line-height:1.2; color:#fff; margin:0.5em; background-color:#648B0D;}
.area05 .areaHotelBox { font-size:16px; line-height:1.2; color:#fff; margin:0.5em; background-color:#F29700;}
.area06 .areaHotelBox { font-size:16px; line-height:1.2; color:#fff; margin:0.5em; background-color:#FF1B33;}
.area07 .areaHotelBox { font-size:16px; line-height:1.2; color:#fff; margin:0.5em; background-color:#00B3A0;}
.area08 .areaHotelBox { font-size:16px; line-height:1.2; color:#fff; margin:0.5em; background-color:#00C481;}
.area09 .areaHotelBox { font-size:16px; line-height:1.2; color:#fff; margin:0.5em; background-color:#015DB4;}
.area10 .areaHotelBox { font-size:16px; line-height:1.2; color:#fff; margin:0.5em; background-color:#FE1B5A;}
.area11 .areaHotelBox { font-size:16px; line-height:1.2; color:#fff; margin:0.5em; background-color:#E200E7;}
.area12 .areaHotelBox { font-size:16px; line-height:1.2; color:#fff; margin:0.5em; background-color:#01D4CB;}
.area13 .areaHotelBox { font-size:16px; line-height:1.2; color:#fff; margin:0.5em; background-color:#FFB300;}
.area14 .areaHotelBox { font-size:16px; line-height:1.2; color:#fff; margin:0.5em; background-color:#81C653;}

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

.pic_box {
        width:305px;/*画像のwidth*/
        height:195px;/*画像のheight*/
        position:relative;
		overflow:hidden;
}
.pic_box img { width:305px; height:auto;}
.area01 .pic_box span {
		display:inline-block;
        width:100%;
        height:100%;
        background:url(/attending/kagoshima/8955tyo/images/areaSlideBg01.png) repeat-y;
        position:absolute;
        top:195px;/*画像のheight*/
        left:0;
}
.area02 .pic_box span {
		display:inline-block;
        width:100%;
        height:100%;
        background:url(/attending/kagoshima/8955tyo/images/areaSlideBg02.png) repeat-y;
        position:absolute;
        top:195px;/*画像のheight*/
        left:0;
}
.area03 .pic_box span {
		display:inline-block;
        width:100%;
        height:100%;
        background:url(/attending/kagoshima/8955tyo/images/areaSlideBg03.png) repeat-y;
        position:absolute;
        top:195px;/*画像のheight*/
        left:0;
}
.area04 .pic_box span {
		display:inline-block;
        width:100%;
        height:100%;
        background:url(/attending/kagoshima/8955tyo/images/areaSlideBg04.png) repeat-y;
        position:absolute;
        top:195px;/*画像のheight*/
        left:0;
}
.area05 .pic_box span {
		display:inline-block;
        width:100%;
        height:100%;
        background:url(/attending/kagoshima/8955tyo/images/areaSlideBg05.png) repeat-y;
        position:absolute;
        top:195px;/*画像のheight*/
        left:0;
}
.area06 .pic_box span {
		display:inline-block;
        width:100%;
        height:100%;
        background:url(/attending/kagoshima/8955tyo/images/areaSlideBg06.png) repeat-y;
        position:absolute;
        top:195px;/*画像のheight*/
        left:0;
}
.area07 .pic_box span {
		display:inline-block;
        width:100%;
        height:100%;
        background:url(/attending/kagoshima/8955tyo/images/areaSlideBg07.png) repeat-y;
        position:absolute;
        top:195px;/*画像のheight*/
        left:0;
}
.area08 .pic_box span {
		display:inline-block;
        width:100%;
        height:100%;
        background:url(/attending/kagoshima/8955tyo/images/areaSlideBg08.png) repeat-y;
        position:absolute;
        top:195px;/*画像のheight*/
        left:0;
}
.area09 .pic_box span {
		display:inline-block;
        width:100%;
        height:100%;
        background:url(/attending/kagoshima/8955tyo/images/areaSlideBg09.png) repeat-y;
        position:absolute;
        top:195px;/*画像のheight*/
        left:0;
}
.area10 .pic_box span {
		display:inline-block;
        width:100%;
        height:100%;
        background:url(/attending/kagoshima/8955tyo/images/areaSlideBg10.png) repeat-y;
        position:absolute;
        top:195px;/*画像のheight*/
        left:0;
}
.area11 .pic_box span {
		display:inline-block;
        width:100%;
        height:100%;
        background:url(/attending/kagoshima/8955tyo/images/areaSlideBg11.png) repeat-y;
        position:absolute;
        top:195px;/*画像のheight*/
        left:0;
}
.area12 .pic_box span {
		display:inline-block;
        width:100%;
        height:100%;
        background:url(/attending/kagoshima/8955tyo/images/areaSlideBg12.png) repeat-y;
        position:absolute;
        top:195px;/*画像のheight*/
        left:0;
}
.area13 .pic_box span {
		display:inline-block;
        width:100%;
        height:100%;
        background:url(/attending/kagoshima/8955tyo/images/areaSlideBg13.png) repeat-y;
        position:absolute;
        top:195px;/*画像のheight*/
        left:0;
}
.area14 .pic_box span {
		display:inline-block;
        width:100%;
        height:100%;
        background:url(/attending/kagoshima/8955tyo/images/areaSlideBg14.png) repeat-y;
        position:absolute;
        top:195px;/*画像のheight*/
        left:0;
}

.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:205px;
	height:125px;
	overflow:hidden;
	text-overflow:ellipsis;
}
.pic_box span p.caption span {
	
}
.pic_box span p.price {
	width:100px;
	height:125px;
	/*overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;*/
}
.pic_box span p.price a {	 font-size:13px; line-height:1.5; color:#fff;}

/*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;
	font-weight: normal;
	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;
}
.CtsMrBox input, .CtsMrBox button {
    font-size: 10px;
    font-size: 1.0rem;
}
.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対応*/