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


.contents-left{
margin-top:25px;
width:800px;
float:left;
}
.contents-right{
margin-top:25px;
width:250px;
float:right;
}

/* mv
---------------------------------------------------------- */
.mv{
position:relative;
}
.mv .lead{
position:absolute;
bottom:12px;
right:0;
width:870px;
}

/* recommend-inn
---------------------------------------------------------- */
/*.recommend-inn{
margin-bottom:25px;
border:2px solid #c8a342;
background-color:#fff;
}
.recommend-inn-inner{padding:10px 12px;}
.recommend-inn-inner > section{
width:50%;
float:left;
padding-right:10px;
}
.recommend-inn-inner > section + section{
border-left:1px dashed #c8a342;
padding-right:0;
padding-left:10px;
}
.recommend-inn h3{
padding:5px 15px;
font-size:16px;
color:#fff;
font-weight:bold;
}
.recommend-inn h3{background-color:#c8a342;}
.recommend-inn h4{
font-size:16px;
font-weight:bold;
}
.recommend-inn-place{font-size:12px;}
.recommend-inn-photo{
float:left;
width:120px;
}
.recommend-inn-photo img{vertical-align:top;}
.recommend-inn-detail{
float:right;
width:245px;
line-height:1;
}
.recommend-inn-detail h4 a{color:#333;}
.recommend-inn-detail-txt{margin-top:10px;}
.recommend-inn-link{
text-align:right;
font-weight:bold;
}
.arrow:before{
content:"";
display:inline-block;
width:14px;
height:14px;
vertical-align:-1px;
margin-right:5px;
background-image:url(..//img/icn_feature.png);
background-repeat:no-repeat;
}*/

/* contents-nav
---------------------------------------------------------- */
.contents-nav{
display:table;
margin-bottom:20px;
width:100%;
}
.contents-nav li{
display:table-cell;
width:192px;
text-align:center;
}
.contents-nav li + li{padding-left:10px;}
.contents-nav li a{
display:block;
text-decoration:none;
height:65px;
line-height:65px;
padding-right:30px;
color:#fff;
font-size:18px;
font-weight:bold;
border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
position:relative;
}
.contents-nav li a:hover{opacity:0.5;}
.contents-nav li a:after{
content:"";
display:inline-block;
vertical-align:middle;
position:absolute;
right:15px;
top:50%;
margin-top:-5px;
width:5px;
height:5px;
border-top:2px solid #fff;
border-right:2px solid #fff;
-webkit-transform:rotate(135deg);
transform:rotate(135deg);
}
.contents-nav li a:before{
content:"";
display:inline-block;
position:absolute;
right:10px;
top:50%;
margin-top:-9px;
width:17px;
height:17px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
background:#fff;
}
.contents-nav .contents-nav01 a{
background:#ff0f80 url(../img/bg_contents-nav.png) 0 0 no-repeat;
box-shadow:0px 4px 0 0 #c3075f;
}
.contents-nav .contents-nav02 a{
background:#0b6dff url(../img/bg_contents-nav.png) 0 -100px no-repeat;
box-shadow:0px 4px 0 0 #215097;
}
.contents-nav .contents-nav03 a{
background:#02d25a url(../img/bg_contents-nav.png) 0 -200px no-repeat;
box-shadow:0px 4px 0 0 #17880b;
}
.contents-nav .contents-nav04 a{
background:#ffa800 url(../img/bg_contents-nav.png) 0 -300px no-repeat;
box-shadow:0px 4px 0 0 #d76102;
}
.contents-nav .contents-nav01 a:after{
border-color:#ff0f80;
}
.contents-nav .contents-nav02 a:after{
border-color:#0b6dff;
}
.contents-nav .contents-nav03 a:after{
border-color:#02d25a;
}
.contents-nav .contents-nav04 a:after{
border-color:#ffa800;
}


/* blk-map01
-------------------------------------- */
.blk-map01{
position:relative;
margin-bottom:10px;
}
.blk-map01 ul li{
position:absolute;
margin:0;
z-index:10;
}
.blk-map01 ul li a:hover img{opacity:0.7;}
.blk-map01 ul .map01{top:290px;left:585px;z-index:12;}
.blk-map01 ul .map02{top:400px;left:410px;z-index:20;}
.blk-map01 ul .map03{top:330px;left:25px;}
.blk-map01 ul .map04{top:40px;left:320px;}
.blk-map01 ul .map05{top:140px;left:320px;z-index:13;}
.blk-map01 ul .map06{top:235px;left:545px;z-index:11;}
.blk-map01 ul .map07{top:140px;left:525px;z-index:0;}
.blk-map01 ul .map08{top:490px;left:515px;z-index:11;}
.blk-map01 ul .map09{top:475px;left:360px;}
.blk-map01 ul .map10{top:310px;left:340px;z-index:16;}
.blk-map01 ul .map11{top:170px;left:150px;z-index:0;}
.blk-map01 ul .map12{top:40px;left:535px;}
.blk-map01 ul .map13{top:490px;left:423px;z-index:11;}
.blk-map01 ul .map14{top:530px;left:260px;z-index:11;}
.blk-map01 ul .map15{top:195px;left:590px;}
.blk-map01 ul .map16{top:255px;left:350px;z-index:15;}
.blk-map01 ul .map17{top:510px;left:500px;}
.blk-map01 ul .map18{top:520px;left:450px;z-index:12;}
.blk-map01 ul .map19{top:415px;left:25px;}
.blk-map01 ul .map20{top:285px;left:30px;z-index:3;}
/*.blk-map01 ul .map21{top:px;left:px;}*/
.blk-map01 ul .map22{top:205px;left:330px;z-index:14;}
.blk-map01 ul .map23{top:450px;left:520px;z-index:15;}
.blk-map01 ul .map24{top:505px;left:552px;}
/*.blk-map01 ul .map25{top:px;left:px;}*/
.blk-map01 ul .map26{top:285px;left:175px;}
/*.blk-map01 ul .map27{top:px;left:px;}*/
/*.blk-map01 ul .map28{top:px;left:px;}*/
.blk-map01 ul .map29{top:525px;left:20px;z-index:11;}
.blk-map01 ul .map30{top:475px;left:70px;}
.blk-map01 ul .map31{top:330px;left:175px;}
.blk-map01 ul .map32{top:535px;left:210px;}
.blk-map01 ul .map33{top:438px;left:135px;z-index:2;}
.blk-map01 ul .map34{top:395px;left:550px;z-index:14;}
.blk-map01 ul .map35{top:345px;left:510px;z-index:13;}
.blk-map01 ul .map36{top:220px;left:110px;z-index:1;}
.blk-map01 ul .map37{top:100px;left:350px;z-index:12;}

/* f-contents01
---------------------------------------------------------- */
.f-contents01{
position:relative;
margin-bottom:20px;
padding:0 10px 25px;
background:url(../img/bg_f-contents01-01.png) left top repeat;
}
.f-contents01:before{
display:block;
content:'';
position:absolute;
top:0;
left:0;
z-index:0;
width:100%;
height:125px;
background:url(../img/bg_f-contents01-02.png) left top no-repeat;
}
.f-contents01:after{
display:block;
content:'';
position:absolute;
bottom:0;
left:0;
z-index:0;
width:100%;
height:17px;
background:url(../img/bg_f-contents01-03.png) left top no-repeat;
}
.f-contents01 > .lay{position:relative;}
.f-contents01 .hdg-image01{
position:relative;
margin:0;
}
.f-contents01 p{margin-bottom:15px;}

/* f-contents02
---------------------------------------------------------- */
.f-contents02{
position:relative;
margin-bottom:20px;
padding:0 0 10px;
background:#ffe54f url(../img/bg_f-contents02.png) left top repeat;
}

/* bnr-list01
---------------------------------------------------------- */
.bnr-list01{overflow:hidden;}
.bnr-list01 li{
float:left;
margin:0 10px 10px 0;
width:385px;
font-size:15px;
font-weight:bold;
}
.bnr-list01 li:nth-child(2n){
margin:0 0 10px 0;
}
.bnr-list01 li a{
display:block;
padding:18px 40px 10px 125px;
height:80px;
color:#fff;
text-shadow:-1px -1px rgba(6,0,1,.15);
}
.bnr-list01 .bnr01 a{background:url(../img/bg_bnr01.png) left top no-repeat;}
.bnr-list01 .bnr02 a{background:url(../img/bg_bnr02.png) left top no-repeat;}

/* btn-link01
---------------------------------------------------------- */
.btn-link01{
clear:both;
margin:0;
border-radius:5px;
font-size:15px;
font-weight:bold;
text-align:center;
}
.btn-link01 a{
display:block;
position:relative;
box-shadow:0px 3px 0 0 #333;
padding-top:16px;
height:47px;
border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
text-align:center;
background:#666;
color:#fff;
}
.btn-link01 a:hover{
text-decoration:none;
opacity:.5;
}
.btn-link01 a:before{
content:"";
display:inline-block;
vertical-align:middle;
margin:-2px 10px 0 0;
width:15px;
height:16px;
background:url(../img/bg_btn-link01.png) left top no-repeat;
}
.btn-link01 a:after{
content:"";
display:inline-block;
vertical-align:middle;
position:absolute;
right:10px;
top:50%;
margin-top:-4px;
width:6px;
height:6px;
border-top:2px solid rgba(255,255,255,0.5);
border-right:2px solid rgba(255,255,255,0.5);
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}

/* area
---------------------------------------------------------- */
.f-contents01 li .prefecture.area01{background-color:#497dc3;}
.f-contents01 li .prefecture.area02{background-color:#2eb6ff;}
.f-contents01 li .prefecture.area03{background-color:#37e474;}
.f-contents01 li .prefecture.area04{background-color:#e8a7dc;}
.f-contents01 li .prefecture.area05{background-color:#ffa707;}
.f-contents01 li .prefecture.area06{background-color:#ff3949;}
.f-contents01 li .prefecture.area07{background-color:#8c4dd5;}
.f-contents01 li .prefecture.area08{background-color:#df53a0;}
.f-contents01 li .prefecture.area09{background-color:#d5be52;}
.f-contents01 li .prefecture.area10{background-color:#ff5a07;}

/* pp-inn-list01
---------------------------------------------------------- */
.pp-inn-list01 li{
-webkit-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box;
position:relative;
float:left;
width:253px;
margin:0 10px 10px 0;
padding:0 10px 10px;
-webkit-box-shadow:0 0 3px 1px rgba(201,192,151,.15);
-moz-box-shadow:0 0 3px 1px rgba(201,192,151,.15);
box-shadow:0 0 3px 1px rgba(201,192,151,.15);
background:#fff;
}
.pp-inn-list01 li:nth-child(3n){margin-right:0;}
.pp-inn-list01 li .prefecture{
display:inline-block;
position:absolute;
top:0;
right:0;
z-index:10;
padding:6px 10px 3px;
background:#ccc;
color:#fff;
font-size:12px;
font-weight:normal;
}
.pp-inn-list01 li figure{margin:0 -10px 8px;}
.pp-inn-list01 li figure a{
font-size:17px;
font-weight:bold;
}
.pp-inn-list01 li figure img{margin-bottom:10px;}
.pp-inn-list01 li figure figcaption{
padding:0 10px;
line-height:1.2;
}
.pp-inn-list01 li p{
margin-bottom:8px;
font-size:12px;
line-height:1.285;
}
.pp-inn-list01 li .access{
margin-bottom:5px;
padding:5px 5px 3px;
background:#ccc url(../img/bg_access.png) left top repeat;
color:#fff;
font-size:12px;
font-weight:bold;
}
.pp-inn-list01 li .route{min-height:32px;}
.pp-inn-list01 li .btn-link01{
margin:0;
font-size:15px;
}
.pp-inn-list01 li .btn-link01 a{color:#fff !important;}

/* pp-inn-list02
---------------------------------------------------------- */
.pp-inn-list02 li{
-webkit-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box;
float:left;
width:389px;
margin:0 1px 2px 0;
padding:10px 10px 10px 110px;
min-height:88px;
-webkit-box-shadow:0 0 3px 1px rgba(201,192,151,.15);
-moz-box-shadow:0 0 3px 1px rgba(201,192,151,.15);
box-shadow:0 0 3px 1px rgba(201,192,151,.15);
background:#fff;
}
.pp-inn-list02 .hgt01{min-height:105px;}
.pp-inn-list02 li figure{
position:relative;
margin:0 0 3px;
padding-right:48px;
line-height:1.3;
}
.pp-inn-list02 li figure a{
font-size:15px;
font-weight:bold;
}
.pp-inn-list02 li figure img{
position:absolute;
top:0;
left:-100px;
}
.pp-inn-list02 li figure figcaption{padding-top:4px;}
.pp-inn-list02 li figure .prefecture{
display:inline-block;
position:absolute;
top:0;
right:0;
padding:4px 6px 2px;
min-width:45px;
background:#ccc;
color:#fff;
font-size:11px;
font-weight:normal;
text-align:center;
}
.pp-inn-list02 li p{
margin:0;
font-size:12px;
}

/* color */
#f-contents01 .pp-inn-list01 a,
#f-contents01 .pp-inn-list02 a{color:#fa268e;}
#f-contents02 .pp-inn-list01 a,
#f-contents02 .pp-inn-list02 a{color:#0f46d3;}
#f-contents03 .pp-inn-list01 a,
#f-contents03 .pp-inn-list02 a{color:#06a54a;}
#f-contents04 .pp-inn-list01 a,
#f-contents04 .pp-inn-list02 a{color:#3289e1;}

#f-contents01 .btn-link01 a{box-shadow:0px 3px 0 0 #bf124f;background:#f70c5f;}
#f-contents02 .btn-link01 a{box-shadow:0px 3px 0 0 #215097;background:#0b6dff;}

#f-contents01 .pp-inn-list01 li .access{background-color:#fb778a;}
#f-contents02 .pp-inn-list01 li .access{background-color:#54aafb;}

/* spot-feature
---------------------------------------------------------- */
.spot-feature{
position:relative;
margin:0 10px;
padding:30px 0 20px;
background:#fff;
}
.spot-list-area{margin-left:30px;}
.spot-feature .prev{
overflow:hidden;
position:absolute;
top:130px;
left:-10px;
z-index:10;
padding:0;
width:30px;
height:30px;
border:none;
background:url(../img/icon-prev.png) left top no-repeat;
text-indent:200%;
white-space:nowrap;
cursor:pointer;
}
.spot-feature .next{
overflow:hidden;
position:absolute;
top:130px;
right:-10px;
z-index:10;
padding:0;
width:30px;
height:30px;
border:none;
background:url(../img/icon-next.png) left top no-repeat;
text-indent:200%;
white-space:nowrap;
cursor:pointer;
}
.spot-list-area ul li{
margin-right:11px;
width:226px;
height:320px;
font-size:12px;
}
.spot-list-area ul li img{margin-bottom:10px;}
.spot-list-area ul li h4{
margin-bottom:5px;
font-size:15px;
font-weight:bold;
}
.spot-list-area ul li p{
margin-bottom:10px;
line-height:1.3;
}
.spot-list-area ul li > a{
display:inline-block;
float:right;
padding:2px 10px;
background:#3289e1;
color:#fff;
}

/* list-img01
---------------------------------------------------------- */
.list-img01{
margin:0;
width:800px;
padding:30px 0 5px 10px;
background:#e7f8fe;
}
.list-img01 li{
float:left;
margin:0 20px 10px;
width:220px;
font-size:15px;
font-weight:bold;
}
.list-img01 li a{color:#333;}
.list-img01 li img{margin-bottom:5px;}

/* hdg-condition
---------------------------------------------------------- */
.hdg-condition{
position:relative;
margin:0;
padding:15px 0 5px 70px;
font-size:20px;
font-weight:bold;
}
.hdg-condition:before{
display:block;
content:'';
position:absolute;
top:2px;
left:15px;
width:50px;
height:50px;
background:url(../img/icon-search.png) left top no-repeat;
}

/* sideSearchBox01
---------------------------------------------------------- */
.side_navi01{border:1px solid #767676;}
#sideSearchBox01 .side_navi_sec01 .form_title01{
text-align:left;
background:transparent;
}
.form_calender,
.formSelectList > .result, .formSelectList2 > .result,
.side_navi_room .childMember .result{border:1px solid #c2c2c2;}
.date_checkout{
background-color:#f5f5f5;
font-size:12px;
padding:5px 10px;
}
.searchBoxSec_Calendar .form_calender{background:#fff url(..//img/icn_calender01.png) 117px 3px no-repeat;}
.side_navi01 .formSelectList > .result p, .side_navi01 .formSelectList2 > .result p{background:url(..//img/bg_select_pull.gif) right center no-repeat;}
.form_submitbtn01{background-color:#8a1a17;}
#sideSearchBox01 .form_submitbtn01 input{background-color:#b1211d;}
.searchBoxSec_Calendar .calendarFormBoxPopUp{
left:auto;
right:0;
}
.side_navi_sec01.form_line02 > .form_line02_day .date_wrap02{
clear:both;
float:left;
}
.form_line02 > .form_line02_day .date_wrap01{width:220px;}
.form_line02 > .form_line02_day .form_calender{
background-position:115px 3px;
height:25px;
width:140px;
}
.form_line02 > .form_line02_day .form_calender .date{top:0;}
#sideSearchBox01 .side_navi_sec01{width:250px;}
.form_line02 > .form_line02_day{width:220px;}
.side_navi_sec01.form_line02 > .form_line02_day .date_wrap02 p.date_checkout{
clear:both;
float:left;
}
input.check_large[type="checkbox"] + label span{
background:url(/ja/m/common/img/bg_checkbox01.png) no-repeat scroll left top;
height:15px;
width:15px;
}

/* recommend-feature
---------------------------------------------------------- */
.recommend-feature{
background:#f5f5f5;
padding:15px;
}
.recommend-feature h2{
font-size:15px;
font-weight:bold;
padding-left:30px;
position:relative;
line-height:1.2;
}
.recommend-feature h2:before{
content:"";
position:absolute;
left:0;
top:0;
width:21px;
height:19px;
background-image:url(..//img/icn_feature.png);
background-position:0 -34px;
}
.recommend-bnr li{margin-top:15px;}


/* clearfix
---------------------------------------------------------- */
.list-img01:after{
display:block;
clear:both;
visibility:hidden;
content:".";
height:0;
font-size:0;
line-height:0;
}