/* content===========================================

[S0] 基本
[S1] 見出し
[S2] カラム
[S3] サジェスト
[S4] パンくず
[S5] リスト
[S6] テーブル
[S7] その他

===================================================== */

/* [S0] 基本
=========================================================================================== */


/* [S1] 見出し
=========================================================================================== */


#otherCountry_Area .commonTitle_simple_a {
padding:0;
height:auto;
background:none;
border-bottom:0;
border-top:0;
margin:0;
line-height:inherit;
}
#otherCountry_Area .hdg-l2-05 {
padding:0;
height:auto;
background:none;
border-bottom:0;
border-top:0;
margin:0;
line-height:inherit;
font-size: 17px;
font-weight: bold;
box-sizing: border-box;
}

.commonTitle_simple_b {
background:#F1F1F1;color:#666666;
padding:8px 10px;
width:710px;
font-size:110%;
margin:27px 0 0;
}
.commonBigTitle_Area  {
width:730px;
}

#main_Col .commonBigTitle_simple {
padding: 7px 15px;
color: #fff;
font-size: 24px;
font-weight: bold;
background-color: #666;
box-sizing: border-box;
}

#main_Col .commonBigTitle_simple span,
#main_Col .commonBigTitle_simple h1{
vertical-align: top;
font-size: 24px;
font-weight: bold;
display: inline;
}

#main_Col .commonBigTitle_simple img{
vertical-align: middle;
}

#main_Col #form_Col h3,
#main_Col #form_Col .hdg-l2-04 {
width: 728px;
border:0;
height:30px;
text-indent:-9999px;
}
#main_Col h3,
#main_Col .hdg-l2-03,
#main_Col .hdg-l2-04{
margin-bottom: 15px;
padding: 6px 15px 4px;
border-bottom: 1px solid #d7d7d7;
background-color: #f6f6f6;
font-size: 17px;
font-weight: bold;
box-sizing: border-box;
}
#main_Col #form_Col h3.suggest-category-hdg{
background: none;
border: 0;
padding: 0;
font-size: 12px;
font-weight: normal;
margin: 0;
width: auto;
height: auto;
}


/* [S2] カラム
=========================================================================================== */
.cityList{
margin-bottom:35px;
}
.cityRecommend_Area{
margin-bottom:35px;
}
.cityRecommend_Area:after {
content:'.';
display:block;
clear:both;
height:0;
visibility:hidden;
}
.cityRecommend_Area ul.tab{
margin:20px 0 0;
z-index:100;
border-bottom:1px solid #b0b0b0;
width:730px;
display:flex;
flex-wrap: nowrap;
justify-content: left;
align-items: center;
clear:both;
font-family: '\30e1\30a4\30ea\30aa', Meiryo, '\30d2\30e9\30ae\30ce\89d2\30b4 Pro W3', 'Hiragino Kaku Gothic ProN', '\ff2d\ff33 \ff30\30b4\30b7\30c3\30af', sans-serif;
}
.cityRecommend_Area ul.tab li{
width:calc(20% + 1px);
height:47px;
border-top:1px solid #b0b0b0;
border-right:1px solid #b0b0b0;
border-radius: 4px 4px 0 0;
line-height:1.3;
box-sizing:border-box;
border-left: 1px solid #b0b0b0;
margin-left:-1px;
}
.cityRecommend_Area ul.tab li:first-child{
width:20%;
margin-left:0;
}
.cityRecommend_Area ul.tab li em {
background: #fff;
box-sizing: border-box;
width: 100%;
height: 47px;
display: block;
padding-top: 3px;
border-bottom: 1px solid #fff;
color:#111;
font-weight:bold;
display: table;
position: relative;
margin-bottom:-1px;
border-radius: 4px 4px 0 0;
text-align:center;
}
.cityRecommend_Area ul.tab li a  {
background: #f5f5f5;
box-sizing: border-box;
width: 100%;
height: 47px;
padding-top: 3px;
border-bottom: 1px solid #b0b0b0;
color: #333;
display:table;
border-radius: 4px 4px 0 0;
text-align:center;
}
#main_Col .cityRecommend_Area ul.tab li a:hover  {
background: #fff;
border-bottom: 1px solid #b0b0b0;
text-decoration:none;
}
#main_Col .cityRecommend_Area ul.tab li b{
font-size:110%;
font-weight:normal;
height: 34px;
display: table-cell;
vertical-align: middle;
margin: 0 auto;
padding-left:8px;
padding-right:8px;
}

#main_Col .cityRecommend_Area ul.tab li b span{
display:block;
}

#main_Col .cityRecommend_Area ul.tab li em b{
font-weight:bold;
}

.cityRecommend_Area .detailArea{
border-bottom:1px solid #b0b0b0;
border-left:1px solid #b0b0b0;
border-right:1px solid #b0b0b0;
padding:20px 0;
text-align:center;
width:729px;
}

.cityRecommend_Area .detailArea ul{
width:728px;
clear:both;
display:flex;
flex-wrap: wrap;
}

.cityRecommend_Area .detailArea ul li{
width:330px;
margin-left:23px;
position:relative;
margin-bottom:25px;
}

.cityRecommend_Area .detailArea ul li a{
display:block;
clear:both;
}
.cityRecommend_Area .detailArea #popular_Area{
background: #fff;
}
.cityRecommend_Area .detailArea #popular_Area ul li a{
color: #555;
}


* html .cityRecommend_Area .detailArea ul li{
margin-left:16px;
}

.cityRecommend_Area .detailArea ul li span.imgArea{
width:110px;
height:80px;
overflow:hidden;
text-align:center;
display:block;
vertical-align:middle;
float:left;
margin-right:10px;
}

.cityRecommend_Area .detailArea ul li span.imgArea img{
max-height:75px;
max-width:110px;
}

* html .cityRecommend_Area .detailArea ul li span.imgArea img{
height:140px;
}


.cityRecommend_Area .detailArea ul li a.informer {
text-align:right;
font-size: 9px;
padding-top: 7px;
display: block;
text-decoration:none;
letter-spacing:-0.9px;
color: #555;
}

.cityRecommend_Area .detailArea ul li h4.hotelName{
display: block;
margin:0px 0 4px 0;
text-align: left;
}

.cityRecommend_Area .detailArea ul li h4.hotelName a {
font-weight:bold;
line-height:1.2;
font-size:93.75%;
text-decoration:none;
}

/*　都市一覧　*/

.cityList ul.tab   {
margin:20px 0 0px 1px;
z-index:100;
border-bottom:1px solid #b0b0b0;
width:730px;
display:block;
clear:both;
margin-bottom:25px;
font-family: '\30e1\30a4\30ea\30aa', Meiryo, '\30d2\30e9\30ae\30ce\89d2\30b4 Pro W3', 'Hiragino Kaku Gothic ProN', '\ff2d\ff33 \ff30\30b4\30b7\30c3\30af', sans-serif;
}

* html .cityList ul.tab{
margin:20px 0 0 0px;
padding-left:2px;
}

.cityList ul:after {
content:'.';
display:block;
clear:both;
height:0;
visibility:hidden;
}
.cityList ul.tab li    {
width:50px;
display:block;
float:left;
height:37px;
text-align:center;
overflow:hidden;
border-top:1px solid #b0b0b0;
border-left:1px solid #b0b0b0;
border-right:1px solid #b0b0b0;
border-radius: 4px 4px 0 0;
margin-left:-1px;
margin-bottom:-1px;
font-size:14px;
}
.cityList ul.tab li em {
background: #fff;
width: 52px;
height: 28px;
display: block;
padding-top: 8px;
border-bottom: 1px solid #fff;
color:#111;
font-weight:bold;
}
.cityList ul.tab li a  {
background: #f5f5f5;
width: 52px;
height: 28px;
display: block;
padding-top: 8px;
border-bottom: 1px solid #b0b0b0;
color:#333;
}
.cityList ul.tab li.popular{
width:180px;
}
.cityList ul.tab li.popular em,
.cityList ul.tab li.popular a{
width:182px;
}
#main_Col .cityList ul.tab li a:hover  {
background: #fff;
border-bottom: 1px solid #b0b0b0;
text-decoration:none;
}

#main_Col .cityList .listArea{
position:relative;
}
#main_Col .cityList .listArea.only-list li{
padding-left:15px;
}
#main_Col .cityList .listArea.only-list li:first-child{
border-bottom: 2px solid #fff;
background: #f9f9f9;
}
#main_Col .cityList .listArea span.title{
position:absolute;
top:5px;
left:14px;
font-weight:bold;
font-size:130%;
color:#777777;
font-family: '\30e1\30a4\30ea\30aa', Meiryo, '\30d2\30e9\30ae\30ce\89d2\30b4 Pro W3', 'Hiragino Kaku Gothic ProN', '\ff2d\ff33 \ff30\30b4\30b7\30c3\30af', sans-serif;
}
#main_Col .cityList .listArea ul li a{
clear:both;
}
#main_Col .cityList .listArea.only-list li ul{
margin:0 -15px -8px -15px;
background:#fff;
clear:both;
padding:8px 0;
overflow:hidden;
box-sizing:border-box;
width:730px;
padding:10px;
}
#main_Col .cityList .listArea.only-list li ul > li,
#main_Col .cityList .listArea.only-list li ul > li:first-child{
background:#fff;
font-size:12px;
display:inline-block;
border-right:1px solid #ccc;
margin-left:-1px;
line-height:1;
padding:0 8px;
margin:5px 0 5px -1px;
}
#main_Col .cityList .listArea.only-list li ul > li:last-child{
border:0;
}
#main_Col .cityList .listArea.only-list li ul > li a{
font-weight:normal;
margin-bottom:0;
}

#main_Col .cityList .listArea ul{
width:730px;
}

#main_Col .cityList .listArea ul li{
padding:8px 0 0px 53px;
display: block;
border-bottom:2px solid #fff;
background:#f9f9f9;
font-family: '\30e1\30a4\30ea\30aa', Meiryo, '\30d2\30e9\30ae\30ce\89d2\30b4 Pro W3', 'Hiragino Kaku Gothic ProN', '\ff2d\ff33 \ff30\30b4\30b7\30c3\30af', sans-serif;
}

#main_Col .cityList .listArea ul li:first-child{
border-bottom:2px solid #eeeeee;
background:#eeeeee;
}

#main_Col .cityList .listArea ul li a{
padding: 0 0 0 0px;
margin-bottom:8px;
display:inline-block;
font-weight:bold;
/*background: url(/element/shared/images/burette/ar04_g001.gif) no-repeat left center;*/
}
#main_Col .cityList .listArea ul li ul li a{
color: #555;
}

#main_Col .cityList .listArea ul li a span{
border-left:0px solid #ccc;
padding-left:4px;
color:#777;
}


/* [S2] ranking Table
=========================================================================================== */

.item table { width:210px; border-collapse:collapse; background-color:#ffffff; }
.item th    { padding:0 2px 0 0; width: 60px; text-align:left; font-size:80%; font-weight:normal; }
.item td    { padding:0; width:140px; text-align:left;}
.item td span:before { content:''; display:inline-block; margin:0 3px 0 0; padding:15px 0 0 0; width:75px; height:0; vertical-align:middle; overflow:hidden; background-image:url(/element/w_hotel/index/images/special_ps01_001.png); background-repeat:no-repeat; }
.item td .rank00:before { background-position:-75px -40px; }
.item td .rank05:before { background-position:-60px -60px; }
.item td .rank10:before { background-position:-60px -40px; }
.item td .rank15:before { background-position:-45px -60px; }
.item td .rank20:before { background-position:-45px -40px; }
.item td .rank25:before { background-position:-30px -60px; }
.item td .rank30:before { background-position:-30px -40px; }
.item td .rank35:before { background-position:-15px -60px; }
.item td .rank40:before { background-position:-15px -40px; }
.item td .rank45:before { background-position:  0   -60px; }
.item td .rank50:before { background-position:  0   -40px; }
.item td .review00:before { background-position:-75px   0; }
.item td .review05:before { background-position:-60px -20px; }
.item td .review10:before { background-position:-60px   0;   }
.item td .review15:before { background-position:-45px -20px; }
.item td .review20:before { background-position:-45px   0;   }
.item td .review25:before { background-position:-30px -20px; }
.item td .review30:before { background-position:-30px   0;   }
.item td .review35:before { background-position:-15px -20px; }
.item td .review40:before { background-position:-15px   0px;  }
.item td .review45:before { background-position:  0   -20px; }
.item td .review50:before { background-position:  0     0;   }


/* [S2] Right column
=========================================================================================== */

#two_column_right #sub_Col .contentInfo_SideBox dt {
padding: 4px 7px 7px 7px;
font-weight:bold;
}

#two_column_right #sub_Col .contentInfo_SideBox .poplularCity_SideBox dt {
font-weight: bold;
width: auto!important;
padding: 12px 0 10px!important;
border-width: 1px 0;
border-style: solid;
border-color: #ddd;
line-height: 1.35;
display: block;
background: none;
border-top: 2px solid #777;
}

#two_column_right #sub_Col .contentInfo_SideBox dd{
padding:0 0 15px 0;
width:208px;
}

#two_column_right #sub_Col .contentInfo_SideBox dd ul li{
line-height:2;
}

#two_column_right #sub_Col .contentInfo_SideBox dd ul li.opened,
#two_column_right #sub_Col .contentInfo_SideBox dd ul li.closed{
position: relative;
font-size: 12px;
padding-top: 7px;
padding-bottom: 7px;
border-bottom: 1px dotted #ccc;
}

#two_column_right #sub_Col .contentInfo_SideBox dd ul li.opened::before,
#two_column_right #sub_Col .contentInfo_SideBox dd ul li.closed::before{
content: '';
display: block;
width: 11px;
height: 11px;
overflow: hidden;
position: absolute;
top: 13px;
bottom: 0;
left: 12px;
background-color: #666;
}
#two_column_right #sub_Col .contentInfo_SideBox dd ul li.opened a::before,
#two_column_right #sub_Col .contentInfo_SideBox dd ul li.closed a::before{
margin-top: -1px;
content: '';
display: block;
width: 7px;
height: 1px;
overflow: hidden;
position: absolute;
top: 50%;
left: 14px;
background-color: #fff;
}
#two_column_right #sub_Col .contentInfo_SideBox dd ul li.closed a::after{
content: '';
display: block;
overflow: hidden;
position: absolute;
margin-top: -4px;
width: 1px;
height: 7px;
top: 50%;
left: 17px;
background-color: #fff;
}

#two_column_right #sub_Col .contentInfo_SideBox dd ul li.opened a,
#two_column_right #sub_Col .contentInfo_SideBox dd ul li.closed a{
padding-left:27px;
position: relative;
color: #555;
}

#two_column_right #sub_Col .contentInfo_SideBox dd ul li ul{
padding:5px 0 0;
background:#fff;
}

#two_column_right #sub_Col .contentInfo_SideBox dd ul li ul li{
background:#fff;
padding:2px 0;
font-weight:normal;
margin:2px 0;
line-height:1.6;
font-size: 12px;
}

#two_column_right #sub_Col .contentInfo_SideBox dd ul li ul li a{
font-weight:normal;
color:#0b3fa2;
}

#two_column_right #sub_Col .contentInfo_SideBox dd ul li.opened ul li a,
#two_column_right #sub_Col .contentInfo_SideBox dd ul li.closed ul li a{
background:none;
color: #555;
}

#two_column_right #sub_Col .contentInfo_SideBox dd ul li ul li.selected{
background:#ededed;
padding-left: 15px;
margin: 0 12px;
color:#666;
}

#two_column_right #sub_Col .contentInfo_SideBox dd {
border: 0!important;
}

/*_______________ [1-7] countryInfo_Area _______________*/
#countryInfo_Area {
font-family: '\30e1\30a4\30ea\30aa', Meiryo, '\30d2\30e9\30ae\30ce\89d2\30b4 Pro W3', 'Hiragino Kaku Gothic ProN', '\ff2d\ff33 \ff30\30b4\30b7\30c3\30af', sans-serif;
margin-bottom:28px;
}
#countryInfo_Area .countryDtail {
padding: 20px 14px 20px 13px;
background: #f6f6f6;
}
#countryInfo_Area .countryDtail:after {content:'.'; display:block; clear:both; height:0; visibility:hidden;}
#countryInfo_Area .countryDtail .photo {
float: left;
display: block;
margin-right: 30px;
}
#countryInfo_Area .countryDtail .info {
overflow: hidden;
display: block;
width: 275px;
}
#countryInfo_Area .countryDtail .info li {
font-size: 14px;
line-height: 1.5;
}
#countryInfo_Area .countryDtail .info h3,
#countryInfo_Area .countryDtail .info h2 {
display: block;
margin-bottom: 1px;
margin-top: 0;
padding: 0;
background: none;
color: #333;
font-size: 16px;
width: auto;
border-bottom: 0px solid #d6d6d6;
height: auto;
text-indent: 0;
}

.detailArea p {
text-align: right;
background: #f7f7f7;
padding: 8px 10px;
margin: 15px 0 -20px 0;
clear: both;
}

.detailArea p a {
font-size: 110%;
font-weight: bold;
color: #0b41a1;
}

.detailArea #popular_Area {
width: 685px;
overflow:hidden;
margin-top:10px;
}

.detailArea #popular_Area p {
width:auto;
margin-top:0px;
margin-bottom:0;
}
.detailArea #popular_Area ul{
width:655px;
}
.detailArea #popular_Area li{
width:auto;
line-height: 1.1;
margin-top:11px;
height:10px;
}

.hotelDetail_Area{
display:block;
float:right;
width:210px;
text-align:left;
}

.hotelDetail_Area .review-rate{
color: #333;
display: block;
clear: both;
background: #f4f4f4;
padding: 5px 0 2px 5px;
}
.hotelDetail_Area .review-rate + .review-rate{
color: #333;
display: block;
clear: both;
background: #f4f4f4;
padding: 0 0 4px 5px;
}
.hotelDetail_Area .review-rate .icon-r-face,
.hotelDetail_Area .review-rate .icon-r-hotel{
margin-left:6px;
}
.hotelDetail_Area .review-rate em{
font-size:13px;
}

.hotelDetail_Area .review-rate .icon-r-hotel span,
.hotelDetail_Area .review-rate .icon-r-face span{
display: inline-block;
margin-top: -5px;
margin-right: 4px;
}

.detailArea li .hotelName {
font-weight: bold;
line-height: 1.2;
font-size: 93.75%;
text-decoration: none;
height:2.3em;
overflow:hidden;
text-align:left;
display: table-cell;
vertical-align: middle;
padding-bottom: 3px;
}

.cityRecommend_Area .detailArea ul li a:hover{
text-decoration:none;
}

.hotelDetail_Area.item .rankingArea,
.hotelDetail_Area.item .reviewArea {
color:#333;
display:block;
clear:both;
background:#f4f4f4;
padding:1px 0 1px 3px;
}

.hotelDetail_Area.item .rankingArea,
.hotelDetail_Area.item .reviewArea{
text-align: left;
font-size:80%;
}

.hotelDetail_Area.item .rankingArea span:before,
.hotelDetail_Area.item .reviewArea span:before { content:''; display:inline-block; margin:0 3px 0 0; padding:15px 0 0 0; width:75px; height:0; vertical-align:middle; overflow:hidden; background-image:url(/element/w_hotel/index_v2/images/special_ps02_001.png); background-repeat:no-repeat;}

.hotelDetail_Area.item .rankingArea span,
.hotelDetail_Area.item .reviewArea span{
font-size:130%;
margin-left:10px;
}

.hotelDetail_Area.item .rankingArea .rank00:before { background-position:-75px -40px; }
.hotelDetail_Area.item .rankingArea .rank05:before { background-position:-60px -60px; }
.hotelDetail_Area.item .rankingArea .rank10:before { background-position:-60px -40px; }
.hotelDetail_Area.item .rankingArea .rank15:before { background-position:-45px -60px; }
.hotelDetail_Area.item .rankingArea .rank20:before { background-position:-45px -40px; }
.hotelDetail_Area.item .rankingArea .rank25:before { background-position:-30px -60px; }
.hotelDetail_Area.item .rankingArea .rank30:before { background-position:-30px -40px; }
.hotelDetail_Area.item .rankingArea .rank35:before { background-position:-15px -60px; }
.hotelDetail_Area.item .rankingArea .rank40:before { background-position:-15px -40px; }
.hotelDetail_Area.item .rankingArea .rank45:before { background-position:  0   -60px; }
.hotelDetail_Area.item .rankingArea .rank50:before { background-position:  0   -40px; }

.hotelDetail_Area.item .reviewArea .review00:before { background-position:-75px   0; }
.hotelDetail_Area.item .reviewArea .review05:before { background-position:-60px -20px; }
.hotelDetail_Area.item .reviewArea .review10:before { background-position:-60px   0;   }
.hotelDetail_Area.item .reviewArea .review15:before { background-position:-45px -20px; }
.hotelDetail_Area.item .reviewArea .review20:before { background-position:-45px   0;   }
.hotelDetail_Area.item .reviewArea .review25:before { background-position:-30px -20px; }
.hotelDetail_Area.item .reviewArea .review30:before { background-position:-30px   0;   }
.hotelDetail_Area.item .reviewArea .review35:before { background-position:-15px -20px; }
.hotelDetail_Area.item .reviewArea .review40:before { background-position:-15px   0px;  }
.hotelDetail_Area.item .reviewArea .review45:before { background-position:  0   -20px; }
.hotelDetail_Area.item .reviewArea .review50:before { background-position:  0     0;   }

.hotelDetail_Area.item .hotelText{
color:#333;
font-size:93.75%;
line-height:1.2;
display:block;
margin-top:5px;
}

/*
a:hover .hotelDetail_Area.item .hotelText,
a:hover .hotelDetail_Area.item .hotelName{
text-decoration:underline;
}
*/

.cityRecommend_Area .detailArea ul li .informer{
position:absolute;
left:0;
top:105px;
z-index:50;
display:block;
width:110px;
text-align:left;
}

.cityRecommend_Area .detailArea ul li a:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}

.cityRecommend_Area .detailArea ul li span.imgArea span {
display: table-cell;
vertical-align: middle;
text-align:center;
width: 110px;
height: 75px;
}

.cityRecommend_Area .detailArea ul li span.imgArea img{
vertical-align:middle;
}

.cityRecommend_Area .detailArea ul li span.imgArea .img-nophoto img{
vertical-align: top;
border: 1px solid #e5e5e5;
}


/*_______________ [1] Re-Search Form Area ____________*/
#form_Col           { position:relative; width:728px; border-style:solid; border-color:#d8d8d8; border-width:0 1px 1px 1px; background-color:#f7f7f7; margin-bottom:35px;}
#form_Col h2        { width:728px; }
#form_Col p.extra   { margin:-30px 10px 0 auto; width:290px; height:30px; line-height:30px; text-align:right; }
#form_Col p.extra a { padding:0 0 0 9px; font-weight:bold; background:url(/element/shared/images/burette/ar03_g001.gif) no-repeat left center; }

#form_Col input[type="checkbox"],
#form_Col input[type="radio"],
#form_Col input.choiceItem      { margin:0 3px 0 0; padding:0; vertical-align:middle; }

* html #form_Col input.choiceItem                   { width:1em; height:1em; }
*:first-child+html #form_Col input[type="checkbox"] { width:1em; height:1em; }
*:first-child+html #form_Col input[type="radio"]    { width:1em; height:1em; }


/*_______________ [1-1] Destination Filter __________________*/
#destination_Area                             { position:relative; padding-bottom: 15px; z-index:110; width:728px; }
#destination_Area #destination_List           { width:708px;padding:0 10px; }
#destination_Area #destination_List:after     { content:'.'; display:block; clear:both; height:0; visibility:hidden; }
#destination_Area #destination_List dt        { padding: 2px 0 5px 6px; height:1em; font-size:11px; color:#555555; margin-left:0px; font-weight:bold; }
#destination_Area #destination_List dd        { float:left; padding:0 0px 0 0;}

#destination_Area #destination_List dd img { border:#CCCCCC 1px solid; }

#destination_Area #otherFilter_Area { width:698px;border-top:#D8D8D8 1px solid;padding:17px 0px 10px 0px;margin:0 10px;}
#destination_Area #otherFilter_Area:after { content:'.'; display:block; clear:both; height:0; visibility:hidden; }
#destination_Area #otherFilter_Area dt { float:left;font-size:11px;height: auto !important;min-height: 13px;padding: 0.4em 5px 0.4em 0; width:50px; font-weight:bold; color:#555555; }
#destination_Area #otherFilter_Area dd { float:left }

#destination_Area #otherFilter_Area dd.stayingday { width:620px; white-space:nowrap;margin-bottom:5px; }
#destination_Area #otherFilter_Area dd.stayingday img{ vertical-align:top;cursor:pointer; }
#destination_Area #otherFilter_Area .alert { vertical-align:middle;display:inline-block;padding-left:5px;padding-top:0; font-size:80%;color:#e93939;}



#destination_Area #otherFilter_Area dt.room { white-space:nowrap; text-align:right;clear:both;padding-top:1em;text-align:left; }
#destination_Area #otherFilter_Area dd.room { width:75px;padding-top:0.4em; }
#destination_Area #otherFilter_Area dt.numbers { width:65px; white-space:nowrap; text-align:left;line-height: 1.25;padding-top: 4px;}
#destination_Area #otherFilter_Area dd.numbers { width:200px;padding-top:0.4em; padding-left: 5px;}

#destination_Area #otherFilter_Area dd.years{ background:#EFEFEF;display:inline-block;width:300px;}
#destination_Area #otherFilter_Area dd.years table { width:300px; }
#destination_Area #otherFilter_Area dd.years th { font-size:80%;font-weight:normal;width:30px;text-align:right;white-space:nowrap; }
#destination_Area #otherFilter_Area dd.years td { width:61px;white-space: nowrap;}
#destination_Area #otherFilter_Area dd.years td span,
#destination_Area #otherFilter_Area dd.years th span { display:block;}
#destination_Area #otherFilter_Area dd.years td span{ width:61px; }
#destination_Area #otherFilter_Area dd.years th span{ width:29px; }
#destination_Area #otherFilter_Area dd.years td span.select-child-age{
display:inline-block;
width:auto;
}
#destination_Area #otherFilter_Area dd.years td span.select-child-age.is-error{
border:0;
box-shadow: none!important;
}
#destination_Area #otherFilter_Area dd.years td span.select-child-age.is-error select{
border-color: rgba(233, 57, 57, .35);
box-shadow: 0 0 0 1px rgba(233, 57, 57, .35) inset;
background:transparent;
}


/*__________________ [1-3-1] Default Layout     ____________________*/
#filter_Area #submit_Area                   { clear:both; padding:7px 9px 15px 9px; width:710px; background:url(/element/w_hotel/shared/images/filter_bg01_003.gif) no-repeat center top #ffffff; }
#filter_Area #submit_Area p                 { padding:10px 0 0 0; width:710px; line-height:1.2; font-weight:bold; }

#filter_Area #submit_Area .button              { padding:0 0 0 276px;display:inline-block;height:32px; float:left;}
#filter_Area #submit_Area #err_msg             { color:#ff0000; display: inline-block; float: right; height: 20px; padding: 8px 120px 0 0;}

/* [R2] フォーム
=========================================================================================== */
#form_Col #destination_Area #destination_List .icon-required{
vertical-align: middle;
white-space: nowrap;
}

#destination_Area #destination_List dt{
float:left;
width:45px;
}

#destination_Area #destination_List dd{
clear:both;
width:auto;
padding: 0.8em 0 5px;
}
#destination_Area #destination_List dd img{
border:none;
margin-bottom:3px;
}

#destination_Area #destination_List dd > span{
display: inline-block;
vertical-align: top;
font-size:11px;
font-weight:bold;
color: #555;
margin-bottom:3px;
}

#destination_Area #destination_List dd.destination span.topText{
padding-left:35px;
display:block;
margin-top:-26px;
}

#destination_Area #destination_List dd.destination ul:after{
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}

#destination_Area #destination_List dd.destination{
padding-left:10px;
}

#destination_Area #destination_List dd.destination ul{
display:block;
margin-left:-10px;
margin-bottom:15px;
padding-top:4px;
}

#destination_Area #destination_List dd.destination ul li input[type="radio"]{
margin:0 3px 3px 0;}

#destination_Area #destination_List dd.destination ul li{
display:block;
float:left;
width:170px;
margin-left:7px;
line-height:1.2;
margin-bottom:5px;
font-size:93.75%;
padding-top:2px;
}

#destination_Area #destination_List dd.destination ul li label{
cursor:pointer;
padding-left:1em;
text-indent:-1em;
display:block;
}

#destination_Area #destination_List dd.destination ul li.selected{
background:#f9eaba;
}

#destination_Area #destination_List dd.destination span.topText b{
vertical-align:middle;
line-height:1.2;
font-weight:normal;
font-size:11px;
color: #666;
}

#destination_Area #destination_List dd.destination span.topText img{
vertical-align: top;
}

#destination_Area #destination_List dd input[type="text"],
#destination_Area #destination_List dd input[type="search"]{
font-size:130%;
border-radius:2px;
padding:10px 12px 8px 12px;
border:1px solid #969696;
width:650px;
margin-bottom:15px;
}

* html #destination_Area #destination_List dd .inputTextArea{
font-size:130%;
border-radius:2px;
padding:10px 12px 8px 12px;
border:1px solid #969696;
width:596px;
margin-bottom:15px;

}


#destination_Area #destination_List dd .area1{width:120px;}
#destination_Area #destination_List dd .area2{width:120px;}
#destination_Area #destination_List dd .area3{width:167px;}
#destination_Area #destination_List dd .area4{width:170px;}


#destination_Area #otherFilter_Area{
margin-top:15px;
}

#destination_Area #otherFilter_Area dd.stayingday{
width:205px;
white-space: nowrap;
}
#destination_Area #otherFilter_Area dd.stayingday input[type="text"],
#destination_Area #otherFilter_Area dd.stayingday input[type="search"]{
width: 165px;
border:1px solid #969696;
background-color:#fff;
}
#destination_Area #otherFilter_Area dd.stayingday.to{
width:240px;
}

#destination_Area #otherFilter_Area dd.stayingday img{
margin: 2px 0 0 4px;
}

#destination_Area #otherFilter_Area dd.stayingday span{
display:block;
font-size:11px;
font-weight:bold;
color: #555555;
margin-bottom:3px;
}

#destination_Area #otherFilter_Area dd.stayingday.to span:first-child{
padding-left: 15px;
}

#destination_Area #otherFilter_Area dd.unfixed{
display:block;
clear:both;
float:none;
padding:4px 0 8px 52px;
font-size:93.75%;
line-height:1.4;
}

#destination_Area #otherFilter_Area dt{
padding-top:0;
}

#filter_Area #submit_Area .info {
background: url("../images/form_tx01_003.gif") no-repeat;
clear: both;
color: #555555;
font-size: 80%;
height: 24px;
text-indent: -9999px;
width: 578px;
margin:12px auto 0 auto;
}

#main_Col #form_Col h3,
#main_Col #form_Col .hdg-l2-04{
text-indent:inherit;
border-bottom:1px solid #ccc;
border-top:1px solid #ccc;
height:inherit;
}

#destination_Area #destination_List dd span.city2 {
margin: 0;
display: inline;
color: #333;
font-weight: normal;
font-size: 100%;
}

#noResult_Area, .noResult_Area {
margin:auto;
}

/* .inputTextArea.is-error
----------------------------------------------- */
#destination_Area #destination_List dd .inputTextArea.is-error,
#filter_Area #destination_Area #otherFilter_Area dd .is-error{
border-color:rgba(233,57,57,.35);
box-shadow:0 0 0 1px rgba(233,57,57,.35) inset;
background-color:rgba(233,57,57,.1);
}

/* .form-search-index-error
----------------------------------------------- */
#filter_Area .form-search-index-error{
margin:7px 0 0;
font-size:13px;
}

#destination_Area #destination_List dd.destination ul.form-search-index-error li,
#submit_Area .form-search-index-error > li{
margin-top:8px;
padding-left:20px;
background:url(/element/shared/images/icon/icon-caution-triangle-red.svg) 0 1px no-repeat;
background-size:14px 13px;
font-size:12px;
color: var(--color-red);
}

#destination_Area #destination_List dd.destination ul.form-search-index-error li{
margin:-15px 0 0 10px;
width:100%;
}

#submit_Area .form-search-index-error{
margin:0 0 10px;
text-align:left;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
font-size:12px;
}

/* language
------------------------*/

#destination_Area #otherFilter_Area dd.language{
margin:6px 0 6px 15px;
}

#destination_Area #otherFilter_Area dd.years {
clear:both;
margin-left:303px;
}

label,
#form_Col input[type="checkbox"]{
cursor:pointer;
}

#filter_Area #submit_Area{
clear:both;
padding:7px 9px 15px 9px;
width:710px;
background:url(/element/w_hotel/shared/images/filter_bg01_003.gif) no-repeat center top #ffffff;
text-align:center;
position:relative;
}
#filter_Area #submit_Area button {
margin:15px auto 0 auto;
border: none;
cursor: pointer;
padding: 5px;
border: none;
border-radius: 4px;
color: #fff;
min-width: 170px;
box-shadow: 0 -3px 0 #5b9500 inset;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
font-size: 20px;
font-weight: bold;
background-color: #72ba00;
display: block;
font-family: '\30e1\30a4\30ea\30aa', Meiryo, '\30d2\30e9\30ae\30ce\89d2\30b4 Pro W3', 'Hiragino Kaku Gothic ProN', '\ff2d\ff33 \ff30\30b4\30b7\30c3\30af', sans-serif;
}
#filter_Area #submit_Area button:hover{
background-color:#67a700;
}
#filter_Area #submit_Area button.is-disabled:hover{
background-color: #72ba00;
}

#filter_Area #submit_Area #err_msg {
color: #ff0000;
display: inline-block;
position: absolute;
font-weight: bold;
right: 120px;
top: 32px;
padding:8px 0 0 0;
}
#filter_Area #submit_Area .info{
background:#fcf6d5;
clear: both;
color: #555;
font-size:12px;
font-weight:bold;
height: inherit;
text-indent:0;
width:auto;
margin:12px 30px 0 30px;
font-family: '\30e1\30a4\30ea\30aa', Meiryo, '\30d2\30e9\30ae\30ce\89d2\30b4 Pro W3', 'Hiragino Kaku Gothic ProN', '\ff2d\ff33 \ff30\30b4\30b7\30c3\30af', sans-serif;
text-align:center;
display:inline-block;
padding:5px 15px 4px 15px;
}

/*________ [1-8] relatedCountry_Area Area ________*/
#relatedCountry_Area {
margin: 25px 0 35px;
font-family: '\30e1\30a4\30ea\30aa', Meiryo, '\30d2\30e9\30ae\30ce\89d2\30b4 Pro W3', 'Hiragino Kaku Gothic ProN', '\ff2d\ff33 \ff30\30b4\30b7\30c3\30af', sans-serif;
}
#relatedCountry_Area dl {
width: 730px;
}
#relatedCountry_Area dt {
display: block;
margin-bottom: 18px;
padding: 4px 9px 2px;
background: #eee;
color: #666;
font-size: 122%;
font-weight: bold;
}
#relatedCountry_Area dd ul {
width: 765px;
margin-left: -34px;
letter-spacing: -.4em;
}
#relatedCountry_Area dd ul:after {
content: '.';
display: block;
clear: both;
height: 0;
visibility: hidden;
}
#relatedCountry_Area dd ul li {
display: inline-block;
width: 221px;
margin-left: 34px;
padding-bottom: 15px;
vertical-align: middle;
letter-spacing: normal;
}
* html #relatedCountry_Area dd ul li {
display: inline;
zoom: 1;
}
*:first-child+html #relatedCountry_Area dd ul li {
display: inline;
zoom: 1;
}
#relatedCountry_Area dd li img {
display: inline-block;
max-width:35px;
max-height:22px;
margin-right: 7px;
border: 1px solid #cfcfcf;
vertical-align: middle;
}
#relatedCountry_Area dd li span {
width: 170px;
display: inline-block;
overflow: hidden;
font-size: 110%;
font-weight: bold;
line-height: 1.2;
vertical-align: middle;
}
#relatedCountry_Area dd li span.img-nophoto{
display: inline-block;
max-width: 35px;
max-height: 22px;
margin-right: 7px;
border: 1px solid #e5e5e5;
vertical-align: middle;
text-align: center;
}
#relatedCountry_Area dd li span.img-nophoto img{
display: inline-block;
max-width:35px;
max-height:22px;
margin: 0;
border: 0;
}
#relatedCountry_Area dd li a:hover{
text-decoration: none;
}
* html #relatedCountry_Area dd li img {
display: inline;
zoom: 1;
}
*:first-child+html #relatedCountry_Area dd li span {
display: inline;
zoom: 1;
}


/* [R3]
=========================================================================================== */
.suggestArea{
min-width:500px;
max-width:680px;
border-radius:3px;
border:1px solid #999;
padding:12px 15px 18px 15px;
background:#fff;
box-shadow:rgb(150, 150, 150) 3px 4px 6px -1px;
z-index: 1000;
font-family: '\30e1\30a4\30ea\30aa', Meiryo, '\30d2\30e9\30ae\30ce\89d2\30b4 Pro W3', 'Hiragino Kaku Gothic ProN', '\ff2d\ff33 \ff30\30b4\30b7\30c3\30af', sans-serif;
}
.suggestArea.popular p{
font-size:110%;
color:#777;
font-weight:bold;
margin-bottom:8px;
}
.suggestArea.popular dl{
width:196px;
float:left;
border-right:1px solid #ccc;
padding-right:7px;
margin-right:7px;
height:273px;
overflow:hidden;
}

.suggestArea.popular dl.area3{
width:195px;
float:left;
padding-right:0;
margin-right:0;
border:0;
}
.suggestArea.popular dl.area3 dt{
width:187px;
}
.suggestArea.popular dl.area3 dd{
width:90px;
cursor:pointer;
}
.suggestArea.popular dl dt{
display:block;
background:#f1f1f1;
padding:2px 3px;
margin-bottom:6px;
font-weight:bold;
font-size:110%;
clear:both;
}

.suggestArea.popular dl dt.america{
margin-top:25px;
}
.suggestArea.popular dl dd{
width: 104px;
display: inline-block;
line-height: 1.4;
letter-spacing: -.1px;
vertical-align: top;
font-size: 12px;
}
.suggestArea.popular dl dd.block{
display:block;
width:190px;
}
.suggestArea.popular dl dd span{
font-size:85%;
}
.suggestArea.popular dl dd a{
padding-left:3px;
display:block;
}
.suggestArea.popular dl dd a:hover,
.suggestArea.popular dl dd a:focus{
background:#fff8d4;
}
.suggestArea.suggest{
width:615px;
border-radius:3px;
border:1px solid #999;
padding:0 0 10px 0;
background:#fff;
z-index:1000;
box-shadow:rgb(150, 150, 150) 3px 4px 6px -1px;
}
.suggestArea.suggest dl dt{
display:block;
background:#f1f1f1;
font-size:80%;
padding:3px 15px;
margin-bottom:8px;
margin-top:5px;
}
.suggestArea.suggest dl dt:first-child{
margin-top:0;
}
.suggestArea.suggest dl dd{
display:block;
padding:0 5px;
margin-bottom:0;
line-height:1.1;
}
.suggestArea.suggest dl dd a{
padding:2px 13px;
display:block;
}
.suggestArea.suggest dl dd a:hove,
.suggestArea.suggest dl dd a:focus{
background:#fff8d4;
}

.suggestArea .info{
text-align:right;
padding:2px 0 0 0px;
cursor:default;
font-size:12px;
background: none;
text-indent:0;
color:#333;
font-size:12px;
width:inherit;
position:inherit;
}
.suggestArea .info:hover,
.suggestArea .tailInfo:hover{
background:inherit;
}
.suggestArea .tailInfo{
text-align: left;
padding: 5px 7px 0 7px;
margin-top: 12px;
margin-bottom: -4px;
cursor: default;
font-size: 12px;
border-top: 1px solid #dcdcdc;
}

.suggestArea.search dl dt{
margin-top:8px;
}
.suggestArea.search dl dt span {
font-size: 11px;
font-weight: normal;
padding-left: 5px;
}

/* suggestArea
=========================================================================================== */

#two_column_right #main_Col{
position:relative;
}

#suggestArea.search{
position: absolute;
top: 112px;
left: 56px;
}

.suggestArea.search dl{
width: 100%;
float: left;
padding-right: 7px;
margin-right: 7px;
height: auto;
}

.suggestArea.search dl dt{
display: block;
background: #f1f1f1;
padding: 2px 3px;
margin-bottom: 6px;
font-weight: bold;
font-size: 110%;
clear: both;
}
.suggestArea.search dl dd{
line-height: 1.7;
letter-spacing: -0.1px;
cursor:pointer;
}
.suggestArea.search dl dd.info{
cursor:default;
display:block;
}
.suggestArea.search dl dd.tailInfo{
cursor:default;
margin-bottom:-10px;
}

.select{
color:#fff;
background-color:#3366ff;
}
.over{
background-color:#99ccff;
}

#suggestAreaDefault{
display: none;
}
.suggestArea p.destination{
font-size: 110%;
color: #777;
font-weight: bold;
margin-bottom: 8px;
}
.area1 dd,
.area2 dd,
.area3 dd{
width: 92px;
margin-right: 3px;
display: inline-block;
line-height: 1.6;
letter-spacing: -0.1px;
}
.suggestArea dt.areatitle{
margin-top: 25px;
}
.suggestArea dl.area1,
.suggestArea dl.area2{
width: 220px;
float: left;
border-right: 1px solid #ccc;
padding-right: 7px;
margin-right: 7px;
height: auto;
}
.suggestArea dl.area1 .block{
display: block;
width: 190px;
}
.suggestArea dl.area3{
width: 190px;
float: left;
padding-right: 0;
margin-right: 0;
border: 0;
}
.area3 dd{
width: 90px;
}
.suggestArea dl.area1 dd:hover,
.suggestArea dl.area2 dd:hover,
.suggestArea dl.area3 dd:hover{
background:#fff8d4;
}

/*__________________ [nn] Suggest Area ______________________*/
.suggestArea dd:hover{
background-color: #99CCFF;
}
.suggestArea dd:focus{
background-color: #99CCFF;
}
#suggestArea,
#suggestAreaDefault{
position: absolute;
top: 170px;
left: 60px;
}

/* ----------------------------------------------------------------
   spot icon settings
----------------------------------------------------------------- */
/* icons for suggest list */
[class^=icon-list-] {
position:relative;
/*padding-left:22px !important;*/
}
[class^=icon-list-]:before{
position:absolute;
content:'';
width:20px;
height:20px;
top:0;
left:0;
background-image:url(/element/shared/images/sprite/sprite-icon-symbol.png);
background-repeat:no-repeat;
}
.suggestArea dd.icon-list-general{
padding-left:0;
}
.icon-list-general:before {background-position: 0 0; background:none;}
.icon-list-airport:before {background-position:-142px -7px;}
.icon-list-station:before {background-position: -176px -7px;}
.icon-list-attraction:before {background-position: -40px -7px;}
.icon-list-restaurant:before {background-position: -74px -7px;}
.icon-list-hotel:before {background-position: -8px -7px;}

.interest-list .icon-list-airport:before {background-position:-142px -7px;}
.interest-list .icon-list-station:before {background-position: -176px -7px;}
.interest-list .icon-list-attraction:before {background-position: -40px -7px;}
.interest-list .icon-list-restaurant:before {background-position: -74px -7px;}
.interest-list .icon-list-hotel:before {background-position: -8px -7px;}
[class^=icon-list-] {
position: relative;
padding-left: 22px !important;
}
.suggestArea.search .suggest-area {
font-size: 12px;
color: #999;
line-height: 1.0;
padding-bottom: 4px;
}

/*________[1-10] otherCountry_Items ________*/
.otherCountry_Items {
width: 740px;
margin-left: -10px;
}
.otherCountry_Items:after {
content: '.';
display: block;
clear: both;
height: 0;
visibility: hidden;
}
.otherCountry_Items li {
float: left;
margin: 0 0 10px 10px;
}
.otherCountry_Items a {
padding:10px 0;
border: 1px solid #c4c4c4;
border-radius: 4px;
color: #333;
display: block;
box-shadow: 0 -3px 0 #d9d9d9 inset;
background-color: #fff;
text-decoration: none;
width: 136px;
font-family: '\30e1\30a4\30ea\30aa', Meiryo, '\30d2\30e9\30ae\30ce\89d2\30b4 Pro W3', 'Hiragino Kaku Gothic ProN', '\ff2d\ff33 \ff30\30b4\30b7\30c3\30af', sans-serif;
font-size: 110%;
font-weight: bold;
text-align: center;
}
.detailArea,
#filter_Area{
font-family: '\30e1\30a4\30ea\30aa', Meiryo, '\30d2\30e9\30ae\30ce\89d2\30b4 Pro W3', 'Hiragino Kaku Gothic ProN', '\ff2d\ff33 \ff30\30b4\30b7\30c3\30af', sans-serif;
}

/* Sub_Col */

#two_column_right #sub_Col .contentInfo_SideBox dd ul.city-list{
background:#fff;
padding:0;
font-family: '\30e1\30a4\30ea\30aa', Meiryo, '\30d2\30e9\30ae\30ce\89d2\30b4 Pro W3', 'Hiragino Kaku Gothic ProN', '\ff2d\ff33 \ff30\30b4\30b7\30c3\30af', sans-serif;
}
#two_column_right #sub_Col .contentInfo_SideBox dd ul.city-list li{
display:block;
position:relative;
}
#two_column_right #sub_Col .contentInfo_SideBox dd ul.city-list li{
display:block;
position:relative;
}
#two_column_right #sub_Col .contentInfo_SideBox dd ul.city-list li span{
display:block;
padding-right:60px;
box-sizing:border-box;
}
#two_column_right #sub_Col .contentInfo_SideBox dd ul.city-list li span + span{
padding-right:0;
position:absolute;
text-align:right;
right:0;
top:50%;
margin-top: -12px;
}

/* #sub_Col
------------------------------------------------------ */
#two_column_right #sub_Col .contentInfo_SideBox{
background: none;
padding-top: 0;
}
#two_column_right #sub_Col .contentInfo_SideBox dl{
background: none;
}
#two_column_right #sub_Col .contentInfo_SideBox .otherHotel_SideBox dt {
font-weight: bold;
width: auto!important;
padding: 12px 0 10px!important;
border-width: 1px 0;
border-style: solid;
border-color: #ddd;
line-height: 1.35;
display: block;
background: none;
border-top: 2px solid #777;
}
#two_column_right #sub_Col .contentInfo_SideBox .otherHotel_SideBox dd {
width:auto!important;
padding:0!important;
border: 0;
}
#two_column_right #sub_Col .contentInfo_SideBox .otherHotel_SideBox dd > a{
color: #555;
padding: 12px 0 11px 10px;
border-bottom: 1px dotted #ccc;
display: block;
position: relative;
text-decoration: none;
font-size: 12px;
}
#two_column_right #sub_Col .contentInfo_SideBox .otherHotel_SideBox dd > a:hover{
text-decoration: underline;
}
#two_column_right #sub_Col .contentInfo_SideBox .otherHotel_SideBox dd.otherHotel > a{
padding-left: 10px;
border-bottom: 0;
font-weight: normal;
border: 0;
padding-top: 12px;
}
#two_column_right #sub_Col .contentInfo_SideBox .otherHotel_SideBox .otherHotel a::after{
display: none;
}

#two_column_right #sub_Col .contentInfo_SideBox .otherHotel_SideBox dd li>a {
color: #555;
padding: 7px 0 6px 15px;
border-bottom: 1px dotted #ccc;
display: block;
position: relative;
text-decoration: none;
}
#two_column_right #sub_Col .contentInfo_SideBox .otherHotel_SideBox dd li>a:after {
content: '';
display: block;
position: absolute;
top: 16px;
left: 0;
border-right: 1px solid #999;
border-bottom: 1px solid #999;
width: 4px;
height: 4px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.menu-header-container{
margin-bottom: 30px;
}