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

/*----------------------------------
	index用のCSSです
----------------------------------*/

/* start_2022新ヘッダー差し替え調整 */

.CtsMrBox {
    font-family: "ヒラギノ角ゴ ProN W3", "Hiragino kaku Gothic ProN", "メイリオ", "Meiryo", "MS Pゴシック", "MS PGothic", sans-serif;
    width: 960px;
    margin: 20px auto 0 auto;
}

.CtsMrBox select,
.CtsMrBox input {
    min-width: 30px;
    padding: 3px;
    font-size: 12px;
    border: 1px solid gray;
}

.SubWinBox {
    font-family: "ヒラギノ角ゴ ProN W3", "Hiragino kaku Gothic ProN", "メイリオ", "Meiryo", "MS Pゴシック", "MS PGothic", sans-serif;
}

.SubWinBox * {
    box-sizing: content-box;
}

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

/* end_2022新ヘッダー差し替え調整 */

.contents * {
    box-sizing: border-box;
}

.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/freeplan-d/fuk/f_kansai/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;}

.tab { margin-bottom:30px;}

.bdr01 { border:solid 5px #f54040;}
.bdr02 { border:solid 5px #2ab7ca;}
.bdr03 { border:solid 5px #e6bf4e;}

.bgColor01 { background-color:#f54040;}
.bgColor02 { background-color:#2ab7ca;}
.bgColor03 { background-color:#e6bf4e;}

.areaBox01 { float:left; width:305px; height:auto; margin-right:22px; cursor:pointer;}
.areaBox01:nth-child(3) { 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: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 #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;}

.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 .osa01 .areaHotelBox:nth-of-type(3n)  { margin-right:0; margin-bottom: 21px;}
div ul.content .osa02 .areaHotelBox:nth-of-type(3n)  { margin-right:0; margin-bottom: 21px;}
.osaka .areaHotelBox { font-size:16px; line-height:1.2; color:#fff; margin:0.5em; background-color:#f54040;}
.kobe .areaHotelBox { font-size:16px; line-height:1.2; color:#fff; margin:0.5em; background-color:#2ab7ca;}
.kyoto .areaHotelBox { font-size:16px; line-height:1.2; color:#fff; margin:0.5em; background-color:#e6bf4e;}
.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; color: #333;}

.pic_box {
        width:305px;/*画像のwidth*/
        height:195px;/*画像のheight*/
        position:relative;
		overflow:hidden;
}
.pic_box img { width:305px; height:auto;}
.osaka .pic_box span {
		display:inline-block;
        width:100%;
        height:100%;
        background:url(/attending/freeplan-d/fuk/f_kansai/images/areaSlideBg01.png) repeat-y;
        position:absolute;
        top:195px;/*画像のheight*/
        left:0;
}
.kobe .pic_box span {
		display:inline-block;
        width:100%;
        height:100%;
        background:url(/attending/freeplan-d/fuk/f_kansai/images/areaSlideBg02.png) repeat-y;
        position:absolute;
        top:195px;/*画像のheight*/
        left:0;
}
.kyoto .pic_box span {
		display:inline-block;
        width:100%;
        height:100%;
        background:url(/attending/freeplan-d/fuk/f_kansai/images/areaSlideBg03.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;}