@charset "utf-8"; /*Modified:2013-06-04*/
/* @group clear hack */
#content .gnav ul,#content .flavor dl{min-height:1%;position:relative;}
#content .gnav ul:after,#content .flavor dl:after{content:".";display:block;font-size:0;height:0;clear:both;visibility:hidden;}
/* @end */

/* snsButton */
#container #content div.sns ul.snsButtons{text-align: center;}
/* @end */

/* @group common */
#topicpath{background-color: #f6f6f6;border-bottom: 1px solid #eee;font-size: 11px;margin-top: -3px;padding: 8px 10px 3px;}
#content #top{ background:#f1e6ba;}
#content #head p{text-align:center;}
#content #head img{max-width:320px;margin:4px 0 0; width:100%;}

#content .flavor{ max-width:310px; margin:0 auto;}
#content .flavor dl{ width:100%; margin:8px 0; display:table;}
#content .flavor dt{ max-width:62px; width:18%; background:#5a4723; display:table-cell; text-align:center;border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; -webkit-border-radius: 4px 0 0 4px; -o-border-radius: 4px 0 0 4px; -ms-border-radius: 4px 0 0 4px; }
#content .flavor dt img{ max-width:44.5px; width:100%; vertical-align:middle;padding:2%;}
#content .flavor dd{ display:table-cell; background:#FFF; border:#5a4723 2px solid; border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; -webkit-border-radius: 0 4px 4px 0; -o-border-radius: 0 4px 4px 0; -ms-border-radius: 0 4px 4px 0;}
#content .flavor dd a{ background:url("../images/icon_01.png") no-repeat .5em .6em;background-size:6.5px;padding:3px 5px 3px 18px; color:#60441e; text-decoration:underline; display:block;}
#content .btMore{ border-top:#000 dotted 1px; text-align:right; }
#content .btMore img{ max-width:131px; margin:12px 5px;}

#content .gnav{ width:100%; border-bottom:#8e7607 solid 3px;}
#content .gnav ul{ max-width:320px; width:100%;margin:0 auto;}
#content .gnav li{ display:inline-block;width:32%; margin-right:2%;}
#content .gnav li a{ display:block;}
#content .gnav li img{ max-width:105px; width:100%;}
#content .gnav li:last-child{margin-right:0;}

#content h2 {height: 32px; text-align: center; background: #8e7607; line-height: 32px; margin-bottom: 10px; }
#content h2 img{width:100%;vertical-align:middle;}
#content ul.condition{ max-width:320px; margin:0 auto;}
#content ul.condition li{ float:left; width:31.3%; margin:0 1% 20px;}
#content ul.condition li:nth-child(3n+3){ margin-right:0;}
#content ul.condition li img{ max-width:100px; width:100%;}
#content ul.condition li span{ background:url("../images/icon_01.png") no-repeat left .6em;background-size:6.5px; padding:3px 0 0 10px; display:block; color:#60441e; text-decoration:underline;}

#content .condition01 h2 img{max-width:210px;}
#content .condition02 h2 img{max-width:120px;}
#content .condition03 h2 img{max-width:91px;}
#content .searchArea h2 img{max-width:113px;}

#content .feature{ background:#FFF; border-bottom:#9e9063 3px solid;}
#content .feature h2 img{max-width:130px;}
#content .feature2 h2 img{max-width:100px;}


#content .condition03 table{ margin:0 auto 10px; background:#FFF; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; -o-border-radius: 8px; -ms-border-radius: 8px; max-width:310px;}
#content .condition03 td{ border:#f1e6ba 1px solid; padding:0 3px; width:32%; max-width:100px; height:42px;}
#content .condition03 td a{ background:url("../images/icon_01.png") no-repeat left .45em;background-size:6.5px; padding-left:10px; color:#60441e; text-decoration:underline; display:block;}
/* @end */
.map_spot #content .condition01,
.map_spot #content .condition02{ background:#FFF;}

/* @group searchArea */
#content .searchArea{border-top:#8e7607 solid 3px; background:#FFF;}
/* @end */

/* @group mapArea */
#content .mapArea{background:#f8f1e8;}
#content .mapArea ul{ margin:0 auto; position:relative; width:320px;}
#content .mapArea ul li{ position:absolute;}
#content .mapArea ul li a{ display:block;}
#content .mapArea .back_all{ position:relative; width:320px; margin:0 auto;}
#content .mapArea .back_all img{ max-width:61.5px;position:absolute; bottom:10px; right:10px;}

.index #content .mapArea ul{ background:url("../images/map/bg_map.png") no-repeat;-webkit-background-size:320px;background-size:320px; height:360px;}
.index #content .mapArea ul li img{ max-width:73px;}
.index #content .mapArea ul li.izuhakone img{max-width:90.5px;}
.index #content .mapArea ul li.a01{ top:14px; left:218.5px;}
.index #content .mapArea ul li.a02{ top:130.5px; left:242px;}
.index #content .mapArea ul li.a03{ top:175px; left:242px;}
.index #content .mapArea ul li.a04{ top:218px; left:231px;}
.index #content .mapArea ul li.a05{ top:47px; left:135px;}
.index #content .mapArea ul li.a06{ top:306px; left:130px;}
.index #content .mapArea ul li.a07{ top:92.5px; left:102px;}
.index #content .mapArea ul li.a08{ top:139.5px; left:74px;}
.index #content .mapArea ul li.a09{ top:182.5px; left:32.5px;}
.index #content .mapArea ul li.a10{ top:269px; left:62.5px;}
.index #content .mapArea ul li.a11{ top:315px; left:15px;}
.index #content .mapArea ul li.a12{ top:35px; left:18.5px;}
.index #content .mapArea ul li.izuhakone{ top:257px; left:173px;}
	
.map_spot #content .mapArea h2{ background:#cead7f; color:#60441e; height:26px; line-height:26px; margin:0;}
.map_spot #content .mapArea ul li img { max-width:86.5px;}
.map_spot #content .mapArea ul li img.w02{ max-width:84.5px;}
.map_spot #content .mapArea ul li img.w03{ max-width:59px;}

.map_spot #content .mapArea ul.area01{ background:url("../images/map/bg_map_a01.png") no-repeat;background-size:320px; height:254px;}
.map_spot #content .mapArea ul.area01 li.a01{ top:116.5px; left:123px;}

.map_spot #content .mapArea ul.area02{ background:url("../images/map/bg_map_a02.png") no-repeat;background-size:320px; height:267px;}
.map_spot #content .mapArea ul.area02 li.a01{ top:35px; left:166px;}
.map_spot #content .mapArea ul.area02 li.a02{ top:96px; left:177px;}
.map_spot #content .mapArea ul.area02 li.a03{ top:160px; left:166px;}
.map_spot #content .mapArea ul.area02 li.a04{ top:96px; left:56px;}
.map_spot #content .mapArea ul.area02 li.a05{ top:156px; left:46px;}
.map_spot #content .mapArea ul.area02 li.a06{ top:209px; left:139px;}

.map_spot #content .mapArea ul.area03{ background:url("../images/map/bg_map_a03.png") no-repeat;background-size:320px; height:236px;}
.map_spot #content .mapArea ul.area03 li.a01{ top:56px; left:132px;}
.map_spot #content .mapArea ul.area03 li.a02{ top:74px; left:31px;}
.map_spot #content .mapArea ul.area03 li.a03{ top:100px; left:216px;}

.map_spot #content .mapArea ul.area04{ background:url("../images/map/bg_map_a04.png") no-repeat;background-size:320px; height:255.5px;}
.map_spot #content .mapArea ul.area04 li.a01{ top:25px; left:63px;}
.map_spot #content .mapArea ul.area04 li.a02{ top:77px; left:30px;}
.map_spot #content .mapArea ul.area04 li.a03{ top:137px; left:27.5px;}
.map_spot #content .mapArea ul.area04 li.a04{ top:129.5px; left:207.5px;}

.map_spot #content .mapArea ul.area05{ background:url("../images/map/bg_map_a05.png") no-repeat;background-size:320px; height:292px;}
.map_spot #content .mapArea ul.area05 li.a01{ top:82px; left:185px;}
.map_spot #content .mapArea ul.area05 li.a02{ top:155px; left:41px;}
.map_spot #content .mapArea ul.area05 li.a03{ top:207.5px; left:174.5px;}

.map_spot #content .mapArea ul.area06{ background:url("../images/map/bg_map_a06.png") no-repeat;background-size:320px; height:288px;}
.map_spot #content .mapArea ul.area06 li.a01{ top:60px; left:45px;}
.map_spot #content .mapArea ul.area06 li.a02{ top:130px; left:105px;}
.map_spot #content .mapArea ul.area06 li.a03{ top:190px; left:90px;}
.map_spot #content .mapArea ul.area06 li.a04{ top:90px; left:207px;}

.map_spot #content .mapArea ul.area07{ background:url("../images/map/bg_map_a07.png") no-repeat;background-size:320px; height:273px;}
.map_spot #content .mapArea ul.area07 li.a01{ top:105px; left:75px;}
.map_spot #content .mapArea ul.area07 li.a02{ top:180px; left:36px;}
.map_spot #content .mapArea ul.area07 li.a03{ top:120px; left:202.5px;}

.map_spot #content .mapArea ul.area08{ background:url("../images/map/bg_map_a08.png") no-repeat;background-size:320px; height:265px;}
.map_spot #content .mapArea ul.area08 li.a01{ top:26px; left:115px;}
.map_spot #content .mapArea ul.area08 li.a02{ top:75px; left:40px;}
.map_spot #content .mapArea ul.area08 li.a03{ top:120.5px; left:81px;}
.map_spot #content .mapArea ul.area08 li.a04{ top:81px; left:210.5px;}
.map_spot #content .mapArea ul.area08 li.a05{ top:141.5px; left:189px;}
.map_spot #content .mapArea ul.area08 li.a06{ top:215px; left:104px;}

.map_spot #content .mapArea ul.area09{ background:url("../images/map/bg_map_a09.png") no-repeat;background-size:320px; height:200px;}
.map_spot #content .mapArea ul.area09 li.a01{ top:10px; left:210px;}
.map_spot #content .mapArea ul.area09 li.a02{ top:55px; left:61px;}
.map_spot #content .mapArea ul.area09 li.a03{ top:156px; left:32px;}
.map_spot #content .mapArea ul.area09 li.a04{ top:90.5px; left:221px;}
.map_spot #content .mapArea ul.area09 li.a05{ top:120.5px; left:128px;}

.map_spot #content .mapArea ul.area10{ background:url("../images/map/bg_map_a10.png") no-repeat;background-size:320px; height:235px;}
.map_spot #content .mapArea ul.area10 li.a01{ top:10px; left:202.5px;}
.map_spot #content .mapArea ul.area10 li.a02{ top:87px; left:24px;}
.map_spot #content .mapArea ul.area10 li.a03{ top:142px; left:110px;}
.map_spot #content .mapArea ul.area10 li.a04{ top:69.5px; left:222.5px;}

.map_spot #content .mapArea ul.area11{ background:url("../images/map/bg_map_a11.png") no-repeat;background-size:320px; height:270px;}
.map_spot #content .mapArea ul.area11 li.a01{ top:10px; left:166px;}
.map_spot #content .mapArea ul.area11 li.a02{ top:30px; left:36px;}
.map_spot #content .mapArea ul.area11 li.a03{ top:90px; left:14px;}
.map_spot #content .mapArea ul.area11 li.a04{ top:69.5px; left:210px;}
.map_spot #content .mapArea ul.area11 li.a05{ top:130px; left:84px;}
.map_spot #content .mapArea ul.area11 li.a06{ top:160px; left:189px;}
.map_spot #content .mapArea ul.area11 li.a07{ top:185px; left:52.5px;}

.map_spot #content .mapArea ul.area12{ background:url("../images/map/bg_map_a12.png") no-repeat;background-size:320px; height:217px;}
.map_spot #content .mapArea ul.area12 li.a01{ top:141.5px; left:121px;}

.map_spot #content .mapArea ul.area_izuhakone{ background:url("../images/map/bg_map_izuhakone.png") no-repeat;background-size:320px; height:316px;}
.map_spot #content .mapArea ul.area_izuhakone li.a01{ top:74px; left:101px;}
.map_spot #content .mapArea ul.area_izuhakone li.a02{ top:141.5px; left:171px;}
.map_spot #content .mapArea ul.area_izuhakone li.a03{ top:180.5px; left:118px;}
.map_spot #content .mapArea ul.area_izuhakone li.a04{ top:217.5px; left:167.5px;}
.map_spot #content .mapArea ul.area_izuhakone li.a05{ top:220px; left:51.5px;}
.map_spot #content .mapArea ul.area_izuhakone li.a06{ top:271px; left:62px;}

#content .map_place .place_list{ max-width:310px; background:url("../images/map/bg_map_place.png") ; margin:9px auto;}
#content .map_place .place_list h2{ max-width:82px; text-align:center; background:none; margin:0 auto;}
#content .map_place .place_list ul{ padding:0 1.5%; max-width:301px;}
#content .map_place .place_list ul li{ float:left; width:32%; margin:0 2% 7px 0;}
#content .map_place .place_list ul li:nth-child(3n+3){ margin-right:0;}
#content .map_place .place_list ul li a{ display:block;}
#content .map_place .place_list ul li img{ max-width:100.5px; width:100%;}
#content .map_place .place_list ul li.back_all { width:66%; margin:0 0 0 0;}
#content .map_place .place_list ul li.back_all img{ max-width:203px;}

/* @rankingArea */
.ranking #content h2{ font-size:16px; color:#FFF; margin:0 0 10px 0;}
.ranking #content .tab{ width:100%;}
.ranking #content .tab ul{max-width:295px; width:100%; margin:0 auto;}
.ranking #content .tab li{display:inline-block;width:49%; margin-right:2%;}
.ranking #content .tab li a{ display:block;}
.ranking #content .tab li img{ max-width:145px; width:100%;}
.ranking #content .tab li:last-child{margin-right:0;}

.ranking #content .rankingBlock{ text-align:center; background:#FFF url("../ranking/images/bg_border.png") repeat-x bottom; background-size:39.5px; padding-top:5px; }
.ranking #content .rankingBlock.last{ background-image:none;}
.ranking #content .rankingBlock h3{ margin-bottom:9px;}
.ranking #content .rankingBlock h3 img{ max-width:70px; width:100%;}
.ranking #content .rankingBlock ul { max-width:300px; margin:0 auto 15px;}
.ranking #content .rankingBlock ul li{max-width:145.5px; width:49.5%;}
.ranking #content .rankingBlock ul li img{ max-width:145.5px; width:100%;}
.ranking #content .rankingBlock ul li.btL{float:left; margin-right:1%;}
.ranking #content .rankingBlock ul li.btR{float:right;}
.ranking #content .rankingBlock .ranking_place{ max-width:250px; margin:0 auto 10px; text-align:left; padding-left:50px;}
.ranking #content .rankingBlock .ranking_place p{ color:#60441e; margin-bottom:5px;}
.ranking #content .rankingBlock .ranking_place p.place a{ font-size:16px; font-weight:bold; color:#333333; text-decoration:underline;}
.ranking #content .rankingBlock .ranking_place p.place_area{ color:#855d2d;}
.ranking #content .rankingBlock .ranking_place p.map img{ max-width:77px; width:100%;}
.ranking #content .rankingBlock .layout{ display:table; width:300px; margin:0 auto 10px;}
.ranking #content .rankingBlock .layout .ph{ display:table-cell; width:52%; padding-right:2%;}
.ranking #content .rankingBlock .layout .ph img{ max-width:148.5px; width:100%;}
.ranking #content .rankingBlock .layout p{display:table-cell;width:48%; vertical-align:top;}

.ranking.hotel #content .tab{ border-bottom:#bb5841 3px solid;}
.ranking.hotel #content .rankingBlock .ranking_place{ background:url("../../theme/star/ranking/images/icon_hotel.png") no-repeat;background-size:47.5px;}
.ranking.ryokan #content .tab{ border-bottom:#469a58 3px solid;}
.ranking.ryokan #content .rankingBlock .ranking_place{ background:url("../../theme/star/ranking/images/icon_ryokan.png") no-repeat;background-size:47.5px;}

.ranking #content .backnumber{ background:#5a4723; color:#FFF; padding:0 0 8px 0;}
.ranking #content .backnumber h2{ background:none; text-align:left; max-width:290px; margin:0 auto;}
.ranking #content .backnumber ul{ max-width:290px; margin:0 auto;}
.ranking #content .backnumber ul li{ float:left; margin-right:5px;}
.ranking #content .backnumber ul li a { color:#FFF; margin-right:5px; text-decoration:underline;}

.ranking #feature{ background:#FFF; text-align:center; padding:15px 0; border-bottom:#3e8c20 1px solid;}
.ranking #feature h2{ margin-bottom:10px;} 
.ranking #feature h2 img{ max-width:169px; width:100%;} 

/* @end */


/* jQuery FlexSlider v2.2.0
--------------------------------------------------------------------------------------------------------------------------------------------------- */
/* Browser Resets
*********************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}

.flex-container a:active,
.flexslider2 a:active,
.flex-container a:focus,
.flexslider2 a:focus  {outline: none;}

.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider2 {margin: 0; padding: 0;}
.flexslider2 .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 132.5px; margin: 0 auto; display: block;}
.flexslider2 .slides img {width: 132.5px; margin: 0 auto; display: block;}

.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme
*********************************/
.flexslider { margin: 0 0 25px; background: #fff; zoom: 1; position:relative; }
.flexslider2 { margin: 0 0 25px; background: #fff; zoom: 1; position:relative; }

.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.flexslider2 .slides { zoom: 1; }

.carousel li { margin-right: 5px; }

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; top: 60px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #ccc; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; }
.flex-control-paging li a:hover { background: #ffba00; }
.flex-control-paging li a.flex-active { background: #ff7800; cursor: default; }

@media screen and (max-width: 860px) {
 .flex-direction-nav .flex-prev { opacity: 1; left: 10px;}
 .flex-direction-nav .flex-next { opacity: 1; right: 10px;}
}