@charset 'UTF-8';

/* ----------------------------------------------------------------

	00. Clearfix

----------------------------------------------------------------- */
/* ----------------------------------------------------------------

	03. Modules

----------------------------------------------------------------- */
/*
title override
------------------------------------*/
#contentTitle_Txt span.apealTxt{
font-size:12px;
line-height:1;
display:inline-block;
margin-top:-3px;
padding:0 0 0 5px;
vertical-align:middle;
color:#4e4e4e;
}

/*------------------------------------------------------
 structure
-------------------------------------------------------*/
/* .str-recom
------------------------------------*/
.str-recom{
margin-top:20px;
}
.str-recom:before,
.str-recom:after{
display:table;
content:"";
}
.str-recom:after{
clear:both;
}
.str-recom .str-left{
float:right;
width:230px;
}
.str-recom .str-right{
float:left;
width:700px;
margin-bottom:55px;
}
.str-recom .str-main{
float:right;
width:700px;
margin-bottom:55px;
}
.str-recom .str-main > :first-child{
margin-top:0;
}
.str-recom .str-side{
float:left;
width:230px;
}
.str-recom .str-side > :first-child{
margin-top:0;
}

/* str-recom2 (str_recome2か所あり名称区別のため)
------------------------------------*/
.str-recom2{
overflow:hidden;
margin-top:20px;
}
.str-recom2:after{
display:block;
visibility:hidden;
clear:both;
height:0;
content:".";
}
.str-recom2 .str-left{
float:right;
width:230px;
}
.str-recom2 .str-right{
float:left;
width:700px;
margin-bottom:55px;
}

/* .str-left
----------------------------------------------*/
.str-left .item-keywords{
position:relative;
z-index:1;
margin-bottom:15px;
}
.str-left .item-date{
margin-bottom:15px;
}
.str-left .item-date label{
cursor:pointer;
}
.str-left .item-date span{
display:inline-block;
vertical-align:top;
}
.str-left .item-date select,
.str-left .item-date input[type="text"]{
font-size:13px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:205px;
padding:3px 5px;
cursor:pointer;
vertical-align:top;
border:1px solid #969696;
}
.str-left .item-date select .ui-datepicker-trigger{
vertical-align:bottom;
}
.str-left .item-date .hdr-label{
font-size:12px;
font-weight:bold;
display:block;
margin-bottom:4px;
color:#000;
}
.str-left .item-date img{
position:relative;
left:5px;
margin-top:3px;
}
.str-left .item-date select.disabled{
color:#bbb;
}
.str-left .item-date select.disabled option{
color:#333;
}
.str-left .item-status{
display:block;
cursor:pointer;
}
.str-left .item-status input{
position:relative;
top:2px;
margin:0 4px 0 0;
padding:0;
}

/*------------------------------------------------------
 Navigation
-------------------------------------------------------*/
/* list-tab
------------------------------------*/
.list-tab{
margin:24px 0;
border-bottom:1px solid #c7c7c7;
}
.list-tab:before{
display:table;
content:"";
}
.list-tab:after{
display:table;
clear:both;
content:"";
}
.list-tab li{
position:relative;
bottom:-1px;
display:block;
float:left;
width:280px;
}
.list-tab li a,
.list-tab li em{
font-size:16px;
display:block;
padding:10px;
text-align:center;
border-top:1px solid #b8b8b8;
border-right:1px solid #b8b8b8;
border-bottom:1px solid #b8b8b8;
border-top-left-radius:4px;
border-top-right-radius:4px;
}
.list-tab li:first-child a,
.list-tab li:first-child em{
border-left:1px solid #b8b8b8;
}
.list-tab li a{
text-decoration:none;
color:#333;
background-color:#f5f5f5;
}
.list-tab li em{
border-bottom:1px solid #fff;
background-color:#fff;
}

/*------------------------------------------------------
 Image
-------------------------------------------------------*/
/* .main-image
----------------------------------------------*/
.main-image{
width:928px;
height:208px;
padding:16px;
background-repeat:no-repeat;
background-position:top left;
}
.main-image.bari{
background-image:url(/element/w_optional/info/images/info-main-bari.jpg);
}
.main-image.bangkok{
background-image:url(/element/w_optional/info/images/info-main-bangkok.jpg);
}
.main-image.dubai{
background-image:url(/element/w_optional/info/images/info-main-dubai.jpg);
}
.main-image.losangeles{
background-image:url(/element/w_optional/info/images/info-main-losangeles.jpg);
}
.main-image.singapore{
background-image:url(/element/w_optional/info/images/info-main-singapore.jpg);
}
.main-image.restaurant{
background-image:url(/element/w_optional/info/images/info-main-restaurant.jpg);
}
.main-image.heritage{
background-image:url(/element/w_optional/info/images/info-main-heritage.jpg);
}
.main-image.cruise{
background-image:url(/element/w_optional/info/images/info-main-cruise.jpg);
}
.main-image.diving{
background-image:url(/element/w_optional/info/images/info-main-diving.jpg);
}
.main-image.marine_sports{
background-image:url(/element/w_optional/info/images/info-main-marine_sports.jpg);
}
.main-image.spa{
background-image:url(/element/w_optional/info/images/info-main-spa.jpg);
}
.main-image.golf{
background-image:url(/element/w_optional/info/images/info-main-golf.jpg);
}
.main-image.transfer{
background-image:url(/element/w_optional/info/images/info-main-transfer.jpg);
}
.main-image.sightseeing{
background-image:url(/element/w_optional/info/images/info-main-sightseeing.jpg);
}
.main-image.location{
background-image:url(/element/w_optional/info/images/info-main-location.jpg);
}
.main-image.show{
background-image:url(/element/w_optional/info/images/info-main-show.jpg);
}
.main-image.museum{
background-image:url(/element/w_optional/info/images/info-main-museum.jpg);
}
.main-image.zoo{
background-image:url(/element/w_optional/info/images/info-main-zoo.jpg);
}
.main-image.shopping{
background-image:url(/element/w_optional/info/images/info-main-shopping.jpg);
}
.main-image.park{
background-image:url(/element/w_optional/info/images/info-main-park.jpg);
}
.main-image.nature{
background-image:url(/element/w_optional/info/images/info-main-nature.jpg);
}
.main-image.church{
background-image:url(/element/w_optional/info/images/info-main-church.jpg);
}
.main-image.night{
background-image:url(/element/w_optional/info/images/info-main-night.jpg);
}
.main-image.sport{
background-image:url(/element/w_optional/info/images/info-main-sport.jpg);
}
.main-image.culture{
background-image:url(/element/w_optional/info/images/info-main-culture.jpg);
}
.main-image.train{
background-image:url(/element/w_optional/info/images/info-main-train.jpg);
}
.main-image.wedding{
background-image:url(/element/w_optional/info/images/info-main-wedding.jpg);
}
.main-image.church .main-desc em{
display:block;
}
.main-image .main-desc{
font-size:15px;
width:426px;
height:168px;
padding:20px;
background:#fff;
background:rgba(255, 255, 255, .85);
}
.main-image .main-desc h2,
.main-image .main-desc h1{
font-size:16px;
font-weight:normal;
margin-bottom:10px;
}
.main-image .main-desc em{
font-size:29px;
font-weight:normal;
letter-spacing:-.05em;
margin-right:2px;
}
.main-image .main-desc h2 > span{
display:inline-block;
}

/* .image-list
----------------------------------------------*/
.image-list{
overflow:hidden;
}
.image-list li{
min-height:250px;
}
.image-list li a{
position:relative;
display:block;
color:#333;
background-color:#fff;
padding-top:68%;
}
.image-list li a:link,
.image-list li a:visited,
.image-list li a:hover,
.image-list li a:active{
text-decoration:none;
color:#333;
}
.image-list li a:hover img{
-webkit-transition-timing-function:ease-out;
transition-timing-function:ease-out;
-webkit-transition-duration:.4s;
transition-duration:.4s;
-webkit-transition-property:opacity;
transition-property:opacity;
opacity:.6;
}
.image-list li .mod-noimg{
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;
position:absolute;
top:0;
width:100%;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.image-list li .mod-noimg img{
position:relative;
max-height:100%;
max-width:100%;
}
.image-list li img{
opacity:1;
position:absolute;
top:0;
left:0;
max-height:100%;
max-width:100%;
}
.image-list li .catch{
font-size:14px;
font-weight:bold;
line-height:1.25;
display:block;
margin:5px 0;
}
.image-list li .caption{
font-size:13px;
line-height:1.4;
display:block;
margin-top:7px;
}

/* image-col-3
---------------------------------- */
.image-col-3 > li{
float:left;
overflow:hidden;
width:223.33333px;
min-height:0;
margin:0 0 20px 15px;
}
.image-col-3 > li:nth-child(3n+1){
clear:left;
margin-left:0;
}
.image-col-3 > li .mod-noimg{
height:149px;
}
.image-col-3 > li .mod-noimg img{
width:100px;
}
.image-col-4{
margin-left:-21px;
}
.image-col-4 > li{
float:left;
width:224px;
min-height:280px;
margin-bottom:21px;
margin-left:21px;
}
.image-col-4 > li a{
padding-top:76%;
}
.image-col-4 > li:nth-child(4n+1){
clear:left;
}
.image-col-4 > li .mod-noimg{
height:168px;
}
.image-col-4 > li .mod-noimg img{
width:100px;
}
.image-col-5 li{
float:left;
overflow:hidden;
width:132px;
min-height:0;
margin:0 0 15px 10px;

/* & img {
      width: 100%;
      height: auto;
    } */
}
.image-col-5 li:nth-child(5n+1){
clear:left;
margin-left:0;
}
.image-col-5 li .mod-noimg{
height:88px;
}

/*------------------------------------------------------
 component
-------------------------------------------------------*/
/* .search-word-box
----------------------------------------------*/
.search-word-box{
display:table;
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:100%;
margin:20px 0;
padding:25px;
border:1px solid #d5d5d5;
background-color:#f7f7f7;
}
.search-word-box-cell{
display:table-cell;
width:100%;
vertical-align:bottom;
}
.search-word-box-cell:last-child{
width:auto;
padding-left:15px;
white-space:nowrap;
}
.search-word-box-label{
font-size:16px;
font-weight:bold;
display:block;
margin-bottom:3px;
color:#444;
}
.search-word-box input{
font-size:16px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:100%;
padding:8px 15px 6px;
border:1px solid #969696;
border-radius:3px;
background-color:#fff;
}
.search-word-box-btn{
font-size:20px;
font-weight:bold;
display:block;
width:100%;
padding:5px 30px;
text-align:center;
color:#fff;
border:none;
border-radius:3px;
background-color:#2e73cc;
background-image:-webkit-gradient(linear, left top, left bottom, from(#4491ea), to(#2e73cc));
background-image:linear-gradient(#4491ea, #2e73cc);
-webkit-box-shadow:0 -3px rgba(0, 0, 0, .2) inset;
box-shadow:0 -3px rgba(0, 0, 0, .2) inset;
text-shadow:1px 1px 2px rgba(0, 0, 0, .5);
}
.search-word-box-btn:active,
.search-word-box-btn:hover,
.search-word-box-btn:focus{
background-color:#215eae;
background-image:-webkit-gradient(linear, left top, left bottom, from(#327acd), to(#215eae));
background-image:linear-gradient(#327acd, #215eae);
}

/* .sup-rank
----------------------------------------------*/
.sup-rank{
font-size:14px;
font-weight:bold;
width:70px;
text-align:center;
color:#4c4c4c;
background-color:#ddd;
}
.sup-rank em{
font-size:18px;
}
.sup-rank.rank-01{
color:#fff;
background-color:#c7a51d;
}
.sup-rank.rank-02{
color:#fff;
background-color:#9c9c9c;
}
.sup-rank.rank-03{
color:#fff;
background-color:#ab8873;
}

/* .opt-item
----------------------------------------------*/
.opt-item{
margin-bottom:50px;
padding-top:10px;
border-top:none;
}
.opt-item .opt-img{
top:10px;
}