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

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

:where(.containner) img {
  width: auto;
}
/*end_リニューアル2021対応*/

img[width="288px"]{
	width:288px;
}

.CtsMrBox{
    width: 960px;
    margin:0 auto;
}
input {
    writing-mode: horizontal-tb !important;
    font-style: ;
    font-variant-ligatures: ;
    font-variant-caps: ;
    font-variant-numeric: ;
    font-variant-east-asian: ;
    font-weight: ;
    font-stretch: ;
    font-size: 13px;
    font-family: ;
    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;
    -webkit-rtl-ordering: logical;
    cursor: text;
    background-color: field;
    margin: 0em;
    padding: 1px 2px;
    border-width: 2px;
    border-style: inset;
    border-color: -internal-light-dark(rgb(118, 118, 118), rgb(133, 133, 133));
    border-image: initial;
}
select {
    writing-mode: horizontal-tb !important;
    font-style: ;
    font-variant-ligatures: ;
    font-variant-caps: ;
    font-variant-numeric: ;
    font-variant-east-asian: ;
    font-weight: ;
    font-stretch: ;
    font-size: 13px;
    font-family: ;
    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;
    box-sizing: border-box;
    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;
}
/*----------------------------------
	index用のCSSです
----------------------------------*/
.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 .tourWrapper { display: flex; flex-wrap: wrap;}
div ul.content li .areaHotelBox { width:305px; height:auto; margin:0 22px 20px 0;}
div ul.content .osa01 .areaHotelBox:nth-of-type(3n)  { margin-right:0;}
div ul.content .osa02 .areaHotelBox:nth-of-type(3n)  { margin-right:0;}
.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; padding: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;
        transition: 1s;
        -webkit-transition: 1s;
}
.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;}