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


/*station list*/

.main_left01 table{
	margin-top:20px;
}


.main_left01 table th{
	margin-top:20px;
}

.main_left01 h2{
    font-size: 22px;
    font-weight: bold;
    line-height: 1.3;
	width: 100%;
    padding: 22px 20px 18px;
    background: #c3f2fb;
	margin-bottom:1em;
}

div.title_area_left02 h2.basic_title06{

    padding:0;
	margin-bottom:0;
}

.station_list{
	line-height:2em;
	font-size:1em;
}

ul.station_list{
	background:#f9f9f9 url("/ja/m/highway/img/road.png") repeat-y;
	background-position: 26px 0;
	width:400px;
}

.station_list li{
	margin-bottom:20px;
	border:1px #ddd solid;
	background:#fff;
}

.station_list li:first-child{
	font-size:12px;
	font-weight:bold;
	border:0;
	background:#5ed5c3;
	/*margin-bottom:0;*/
	height:60px;
}

.stationList .link_list li{
	padding:3px 5px;
}

.station_list li span{
	display:inline-block;
	width:60px;
	color:#454545;
	background:#eee;
	text-align:center;
	padding:15px 10px;
}

.station_list li:first-child span{
	background:none;
	border-right:1px #fff solid;
	color:#fff;
	height:60px
}

.station_list li a{
	display:inline-block;
	padding:15px 10px;
	width:338px;
	text-align: center;
}
.station_list li:first-child a{
	color:#fff;
	text-decoration: none;
	height:60px;
}

/* line-list
---------------------------------------------------------- */
main section.line_list h3{
	background:#f5f5f5;
	border:1px #ddd solid;
	border-width:1px 1px 0px 1px;
	color:#333;
	margin-top:2em;
	padding:6px;
	font-weight:700;
}
main section.line_list ul{
	background:#fff;
	padding:10px;
	line-height:2em;
	border:1px #ddd solid;
	border-width:0px 1px 1px 1px;
}

main section.line_list ul li{
	border-left:0px #ddd solid;
	width:389px;
	float:left;
	margin-bottom:2px;
}

main section.line_list ul li:first-child{
	border-left:1px #fff solid;
}


.none{
	display:none;
}
/* //line-list
---------------------------------------------------------- */








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




/* 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:8px;
width:100%;
}
.contents-nav li{
display:table-cell;
width:258px;
}
.contents-nav li + li{padding-left:10px;}
.contents-nav li a:hover{opacity:0.5;}


/* blk-map01
-------------------------------------- */
.blk-map01{
position:relative;
margin-bottom:10px;
}
.blk-map01 ul li{
position:absolute;
-moz-border-radius:5px;
-ms-border-radius:5px;
border-radius:5px;
background:#fff;
line-height:1.4;
}
.blk-map01 ul .kanazawa{top:400px;left:76px;}
.blk-map01 ul .toyama{top:399px;left:283px;}
.blk-map01 ul .nagano{top:193px;left:628px;}
.blk-map01 ul li a{
display:inline-block;
position:relative;
padding:5px 35px 1px;
box-shadow:0px 3px 0 0 #790604;
-moz-border-radius:5px;
-ms-border-radius:5px;
border-radius:5px;
background:#b80703;
color:#fff;
font-size:22px;
text-decoration:none;
}
.blk-map01 ul li a:hover{opacity:0.5;}
.blk-map01 ul li a:after{
display:block;
content:'';
position:absolute;
right:10px;
top:50%;
margin-top:-5px;
width:6px;
height:6px;
border-top:2px solid rgba(255,255,255,0.5);
border-right:2px solid rgba(255,255,255,0.5);
vertical-align:middle;
-webkit-transform:rotate(135deg);
transform:rotate(135deg);
}

/* blk-invite01
-------------------------------------- */
.blk-invite01{
position:relative;
margin:0 4px 60px;
padding:20px 28px 5px;
border:1px solid #c8a342;
}
.blk-invite01:before{
display:block;
content:'';
position:absolute;
top:-5px;
right:-5px;
left:-5px;
padding:0 3px 6px;
width:100%;
height:100%;
border:2px solid #c8a342;
}
.blk-invite01 .pick-title{
margin:0 0 20px;
padding:0 0 15px;
background:url(../img/bg_blk-invite01.png) center bottom no-repeat;
color:#b4923a;
font-size:22px;
font-weight:bold;
line-height:1.5;
}

.blk-invite01 .img{
float:right;
margin:0 0 0 20px;
}
.blk-invite01 p{
margin:0;
font-size:16px;
line-height:2;
}

/* hs-contents01
---------------------------------------------------------- */
.hs-contents01{
margin-bottom:60px;
padding:0 10px 10px;
background:#f2f0ed;
}
.hs-contents01 > .lay{
margin:0;
padding:10px 20px 1px;
background:#fff;
}
.hs-contents01 .hdg-image01{margin:0 -10px;}
.hs-contents01 p{margin-bottom:15px;}

/* blk-section01
---------------------------------------------------------- */
.blk-section01{overflow:hidden;}
.blk-section01 .img{
float:left;
margin:0 20px 20px 0;
}
.blk-section01 .cont{overflow:hidden;}
.blk-section01 .cont p{
margin-bottom:10px;
line-height:1.428;
}
.hdg-image02{margin:0;}

/* hdg-type01
---------------------------------------------------------- */
.hdg-type01{
margin:0 0 2px;
font-size:24px;
font-weight:bold;
}

/* btn01
---------------------------------------------------------- */
.btn01{
display:inline-block;
position:relative;
padding:7px 20px 5px 35px;
box-shadow:0px 3px 0 0 #8c1212;
border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
background:#ce201d;
font-size:16px;
text-decoration:none;
text-align:center;
}
.btn01:link,
.btn01:visited,
.btn01:hover,
.btn01:active{color:#fff;}
.btn01:hover{
opacity:0.5;
text-decoration:none;
}
.btn01:before{
display:block;
content:"";
position:absolute;
top:50%;
left:10px;
margin-top:-7px;
width:14px;
height:14px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
background:#fff;
}
.btn01:after{
display:block;
content:"";
position:absolute;
top:50%;
left:15px;
margin-top:-3px;
width:0;
height:0;
border-style:solid;
border-width:3px 0 3px 5px;
border-color:transparent transparent transparent #ce201d;
}

/* btn02
---------------------------------------------------------- */
.btn02{
display:inline-block;
position:relative;
padding:7px 20px 5px 35px;
box-shadow:0px 3px 0 0 #826b2e;
border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
background:#b79640;
font-size:16px;
text-decoration:none;
text-align:center;
}
.btn02:link,
.btn02:visited,
.btn02:hover,
.btn02:active{color:#fff;}
.btn02:hover{
opacity:0.5;
text-decoration:none;
}
.btn02:before{
display:block;
content:"";
position:absolute;
top:50%;
left:10px;
margin-top:-7px;
width:14px;
height:14px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
background:#fff;
}
.btn02:after{
display:block;
content:"";
position:absolute;
top:50%;
left:15px;
margin-top:-3px;
width:0;
height:0;
border-style:solid;
border-width:3px 0 3px 5px;
border-color:transparent transparent transparent #b79640;
}

/* list-btn01
---------------------------------------------------------- */
.list-btn01 li{margin:0 0 10px;}
.list-btn01 li a{
display:block;
padding-right:5px;
padding-left:30px;
font-size:15px;
}

/* pp-inn-list01
---------------------------------------------------------- */
.pp-inn-list01 li{
-webkit-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box;
float:left;
width:240px;
margin:0 10px 10px 0;
}
.pp-inn-list01 li:nth-child(3n){margin-right:0;}
.pp-inn-list01 li figure{margin-bottom:8px;}
.pp-inn-list01 li figure a{
font-size:18px;
font-weight:bold;
}
.pp-inn-list01 li figure img{margin-bottom:10px;}
.pp-inn-list01 li figure figcaption{line-height:1.2;}
.pp-inn-list01 li p{
margin-bottom:8px;
line-height:1.285;
}
.pp-inn-list01 li .access{margin-bottom:12px;}
.pp-inn-list01 li .btn-link01{line-height:1.57;}

/* spot-feature
---------------------------------------------------------- */
.spot-feature{
position:relative;
margin:0 0 20px;
padding:30px 0;
background:#e8f2fe;
}
.spot-list-area{margin-left:35px;}
.spot-feature .prev{
overflow:hidden;
position:absolute;
top:130px;
left:-5px;
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:-5px;
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:13px;
width:214px;
height:272px;
font-size:12px;
}
.spot-list-area ul li img{margin-bottom:10px;}
.spot-list-area ul li h5{
margin-bottom:5px;
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 20px;
background:#3289e1;
color:#fff;
}

/* 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:#826b2e;}
#sideSearchBox01 .form_submitbtn01 input{background-color:#c8a342;}
.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
---------------------------------------------------------- */
.blk-invite01:after{
display:block;
clear:both;
visibility:hidden;
content:".";
height:0;
font-size:0;
line-height:0;
}


.special_list_wrap01 p{
	padding:0;
	background:#fff;
}



/*run arealist
------------------------------------------------------------*/
.drive-area{
    display: table;
    width:780px;
    margin:-12px 10px 10px;
    font-size: 12px;
}

.drive-area p.drive-area-headingText,
.drive-area .pref-list{display: table-cell;}

.drive-area p.drive-area-headingText{
    width: 60px;
    font-weight: bold;
    vertical-align: middle;
    text-align: center;
    color: #5ed5c3;
}
.drive-area .pref-list{width: 690px;}

.drive-area ul{
    display: inline-flex;
    display: -webkit-inline-flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    width: 100%;
    padding:0;
    }

.drive-area ul a{display: none;}

.drive-area-list > .drive-area .pref-list ul a li{
    padding-right: 2%;
    list-style-type: none;
    border-right: solid 1px #ddd;
    text-align: center;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.pref01 > .drive-area .pref-list ul a#pref-01,/*北海道*/
.pref02 > .drive-area .pref-list ul a#pref-02,/*青森県*/
.pref03 > .drive-area .pref-list ul a#pref-03,/*岩手県*/
.pref04 > .drive-area .pref-list ul a#pref-04,/*宮城県*/
.pref05 > .drive-area .pref-list ul a#pref-05,/*秋田県*/
.pref06 > .drive-area .pref-list ul a#pref-06,/*山形県*/
.pref07 > .drive-area .pref-list ul a#pref-07,/*福島県*/
.pref08 > .drive-area .pref-list ul a#pref-08,/*茨城県*/
.pref09 > .drive-area .pref-list ul a#pref-09,/*栃木県*/
.pref10 > .drive-area .pref-list ul a#pref-10,/*群馬県*/
.pref11 > .drive-area .pref-list ul a#pref-11,/*埼玉県*/
.pref12 > .drive-area .pref-list ul a#pref-12,/*千葉県*/
.pref13 > .drive-area .pref-list ul a#pref-13,/*東京都*/
.pref14 > .drive-area .pref-list ul a#pref-14,/*神奈川県*/
.pref15 > .drive-area .pref-list ul a#pref-15,/*新潟県*/
.pref16 > .drive-area .pref-list ul a#pref-16,/*富山県*/
.pref17 > .drive-area .pref-list ul a#pref-17,/*石川県*/
.pref18 > .drive-area .pref-list ul a#pref-18,/*福井県*/
.pref19 > .drive-area .pref-list ul a#pref-19,/*山梨県*/
.pref20 > .drive-area .pref-list ul a#pref-20,/*長野県*/
.pref21 > .drive-area .pref-list ul a#pref-21,/*岐阜県*/
.pref22 > .drive-area .pref-list ul a#pref-22,/*静岡県*/
.pref23 > .drive-area .pref-list ul a#pref-23,/*愛知県*/
.pref24 > .drive-area .pref-list ul a#pref-24,/*三重県*/
.pref25 > .drive-area .pref-list ul a#pref-25,/*滋賀県*/
.pref26 > .drive-area .pref-list ul a#pref-26,/*京都府*/
.pref27 > .drive-area .pref-list ul a#pref-27,/*大阪府*/
.pref28 > .drive-area .pref-list ul a#pref-28,/*兵庫県*/
.pref29 > .drive-area .pref-list ul a#pref-29,/*奈良県*/
.pref30 > .drive-area .pref-list ul a#pref-30,/*和歌山県*/
.pref31 > .drive-area .pref-list ul a#pref-31,/*鳥取県*/
.pref32 > .drive-area .pref-list ul a#pref-32,/*島根県*/
.pref33 > .drive-area .pref-list ul a#pref-33,/*岡山県*/
.pref34 > .drive-area .pref-list ul a#pref-34,/*広島県*/
.pref35 > .drive-area .pref-list ul a#pref-35,/*山口県*/
.pref36 > .drive-area .pref-list ul a#pref-36,/*徳島県*/
.pref37 > .drive-area .pref-list ul a#pref-37,/*香川県*/
.pref38 > .drive-area .pref-list ul a#pref-38,/*愛媛県*/
.pref39 > .drive-area .pref-list ul a#pref-39,/*高知県*/
.pref40 > .drive-area .pref-list ul a#pref-40,/*福岡県*/
.pref41 > .drive-area .pref-list ul a#pref-41,/*佐賀県*/
.pref42 > .drive-area .pref-list ul a#pref-42,/*長崎県*/
.pref43 > .drive-area .pref-list ul a#pref-43,/*熊本県*/
.pref44 > .drive-area .pref-list ul a#pref-44,/*大分県*/
.pref45 > .drive-area .pref-list ul a#pref-45,/*宮崎県*/
.pref46 > .drive-area .pref-list ul a#pref-46,/*鹿児島県*/
.pref47 > .drive-area .pref-list ul a#pref-47/*沖縄県*/{
    display: inline-block;
    width: 78px;
    padding:1% 0;
    }
/*run arealist
------------------------------------------------------------*/