@charset "UTF-8";
*{font-family: "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3"!important; }
#page_info{width:280px!important;}
.index_h1{width:280px!important; margin-bottom:10px;}
.socialIcon{overflow: inherit!important;}
.socialIcon ul{ width:135px; float:right;}
p.top_tx{ font-weight:100; margin:10px 0;}
p.top_tx_area{font-weight:100; margin:10px 0 20px;}
#header_dms_ovr { display: block; }
#headerSP { display: none; }
.pc_hide{
		display: none;
	}
#loadTokushuPC { display: block; }
#loadTokushuSP { display: none; }
.listTopicPath { display: none; }
div#main { float: none; width: 950px; background: none; }
.sp-img { display: block; padding:10px;margin-left: 10px; }
#category { margin: 0 0 10px; padding: 0;}
.list_carousel { margin: 0 auto; padding: 0 152px; position: relative; width: 910px; *width: 686px; overflow: hidden; }
.list_carousel.typeB{ padding:0; width:950px; }
.caroufredsel_wrapper { left: -100% !important; *left: -686px !important; width: 1600px !important; }
.list_carousel.typeB .caroufredsel_wrapper{left:0 !important;width:950px !important;}
.list_carousel ul { margin: 0; padding: 0; list-style: none; display: block; }
.list_carousel li { height:300px !important; text-align: center; padding: 0; margin: 0; display: block; float: left; }

.list_carousel li a img:hover {
    -ms-filter: "alpha(opacity=85)";
    opacity:0.8;
    -khtml-opacity: 0.8;
    -moz-opacity: 0.8;
}
#category div:hover .prev,
#category div:hover .next{
    -ms-filter: "alpha(opacity=100)";
    opacity:1.0;
    -khtml-opacity: 1.0;
    -moz-opacity: 1.0;
}

.list_carousel li a{display:block;}
.list_carousel.typeB li { width: 950px; }
.list_carousel li img { width: 686px; }
.list_carousel.typeB li img { width: 950px; }
.list_carousel.responsive { width: auto; margin-left: 0; }
.prev { margin-top: -50px; display: block; position: absolute; left: 0; top: 45%; z-index: 110; width: 24px; height: 100px; overflow: hidden; background: url(/jalan/doc/etc/onsenranking/images/btn_prev.png) no-repeat 0 0; text-indent: -99999px; }
.prev:hover { background-position: 0 -24px; }
.next { margin-top: -50px; display: block; position: absolute; right: 0; top: 45%; z-index: 110; width: 24px; height: 100px; overflow: hidden; background: url(/jalan/doc/etc/onsenranking/images/btn_next.png) no-repeat 0; text-indent: -99999px; }
.next:hover, .prev:hover { background-position: 0 -100px; }
.typeB .prev, .typeB .next { padding-left: 50px; width: auto; color: #333; text-indent: 0; text-decoration: none !important; font-size: 14px; line-height: 24px;  opacity:0; }
.typeB .next { padding-right: 30px; background-position: right 0px;}
.typeB .next:hover { background-position: right -100px; }
.pager { margin-right: auto;margin-left: auto; padding: 10px 0; -webkit-box-sizing: border-box; width: 686px; *width:168px; *height:24px; text-align: center; }
.typeB .pager { margin-top: 10px; *width:175px; }
.pager a { margin: 0; display: inline-block; *display:block; *float:left; width: 24px; height: 24px; overflow: hidden; background: url(/jalan/doc/etc/onsenranking/images/btn_controll.png) no-repeat 0 -120px; text-indent: -99999px; }
.typeB .pager a { margin: 0 3px; padding: 2px 8px; border: 2px solid #ff5d00; display: inline; width: auto; height: auto; color: #333; background: #fff none; text-indent: 0; text-decoration: none !important; }
.pager a.selected { background-position: 0 -96px; }
.typeB .pager a.selected { border: 2px solid #ff5d00; color: #fff; background-color: #ff5d00; }
.timer { background-color: #999; height: 6px; width: 0px; }
.coverCarouselL { position: absolute; left: 0; bottom: 30px; z-index: 100; width: 152px; height: 100%; background: url(/jalan/doc/etc/onsenranking/images/cover_carousel.png) repeat 0 0; }
.coverCarouselR { position: absolute; right: 0; bottom: 30px; z-index: 100; width: 152px; height: 100%; background: url(/jalan/doc/etc/onsenranking/images/cover_carousel.png) repeat 0 0; }
.navTabMenu ul { padding: 0 15px; border-bottom: 3px solid #FFAC7B; display: table; width: 950px; *width: 920px; }
.navTabMenu ul li { float: left; width: 115px; height: 35px; }
.navTabMenu ul li a { padding-top:2px;display: block; width: 115px; height: 38px; line-height: 38px; overflow: hidden; color: #333; background: url(/jalan/doc/etc/onsenranking/images/bg_tabmenu.png) no-repeat 0 0; text-align: center; text-decoration: none !important; font-size:14px; font-weight:bold; }
.navTabMenu ul li.on { }
.navTabMenu ul li.on a, .navTabMenu ul li a:hover { padding-top:0;background-position: -115px 0; }
#blockRank { padding: 20px; border: 3px solid #FFAC7B; border-top: 0; background:#FFDFCC; }
.iconRank { font-size: 22px; }
{ font-size:14px;}
.iconRank img{margin-right:5px !important;float:left;width:32px;height:auto; margin-top:-3px;}
.fixed { position: fixed; top: 0; width: 100%; z-index: 10000; background: #fff; }
.areaName { margin-right: 5px; margin-left:10px; line-height: 28px; font-size: 14px !important; font-weight: normal !important; }
#area_no1 { position: relative; }
#area_no1 .areaItem { display: table; background:#FFFFFF; padding:20px; margin:0 auto;	}
#area_no1 h3 span.rank, .rank{ color:#F76500 ; font-size:16px; margin-left:1px;}
.areaCatch { color: #f30; font-size: 16px; font-weight: bold; margin-top:10px; float:right; width:445px;}
.areaCatch.catch1 { float: right; width: 445px; }
.areaImage, .areaImage2, .areaImage3{ margin-top: 5px; text-align:center;}
.areaImage img, .areaImage2 img { width: 400px; }
.areaImage.image1 { float: left; margin-bottom: 10px;}
.areaRead { margin-top: 5px; float: right; width: 445px;}
.areaRead2{ margin-top: 10px; float: right;  min-height: 65px;}
.areaRecommend { margin-bottom: 10px; float: right; width: 445px; position: relative; }
.areaRecommend img { display: block; position: absolute; left: 0; top: 0; z-index: 20; width:74px; height:auto; }
.areaRecommend p { padding: 10px; border: 2px solid #ccc; border-radius: 5px; position: relative; left: 90px; top: 0; z-index: 10; width: 355px; *width: 335px; }
.areaButton { float: right; width: 445px; display: table; }
.areaButton2 { width: 405px; }
.areaButton2 .areaInfoYado2 img, .areaButton2 .areaInfoKankou2 img{ width:195px; height:48px}
.areaInfoYado { margin: 10px 0 15px; float: left; }
.areaInfoYado2 { margin: 10px 0 10px; float: left; }
.areaInfoYado img{height:53px;}
.areaInfoKankou { margin: 10px 0 15px; float: right; }
.areaInfoKankou2 { margin: 10px 0 10px; float: right; }
.areaInfoKankou img{;height:53px;}
.areaInfoGuide, .areaInfoGuide2 { margin-top: 10px; padding: 10px; border: 1px solid #999; border-radius: 5px; clear: both; min-height: 50px; }
.areaInfoGuide{
    clear: none;
    float: right;
    margin-top: 0;
    min-height: 50px;
}
#area_no1 .areaInfoGuide{
	width: 445px;
	height: 128px;
}
.areaInfoGuide img, .areaInfoGuide2 img{margin-right:10px;float:left;width:24px;height:24px;}
.areaInfoGuide span {
    float: none;
    display: block;
    padding: 5px 0;
    margin-bottom: 5px;
}
.listInfoGuide li { 
	margin-right: 10px;
	display: inline;
	line-height: 1.5;
}
#areaSub { margin-top: 20px; display: table; width: 920px; }
#areaSub .areaItem { margin-right: 20px; * margin-right: 10px; margin-bottom: 30px; display: block; float: left; width: 440px; *width:420px; background:#FFFFFF; padding:10px 20px; *padding:10px 13px; display:block; }
#areaSub .areaInfoGuide { width: 413px; *width: 393px; }
#areaSub .areaInfoGuide2{ width:405px;}
#areaSub .areaInfoGuide2 span{
	display: block;
    padding: 5px 0;
    margin-bottom: 5px;
}
#areaSub .areaCatch{ float:none; width:auto;}

/* PC 3カラム */
#areaSub .areaItem3col{margin-right: 15px; *margin-right: 10px;margin-bottom: 15px; display: block; float: left; width: 290px; *width: 265px; background:#FFFFFF; padding:10px 15px; display:block; }
#areaSub .areaItem3col .areaImage3 img{ width:263px; height:195.783px; margin-top:5px; }
#areaSub .areaItem3col .areaRead{ width:263px;margin-top: 5px;margin-bottom: 5px;float:none;}
#areaSub .areaItem3col .areaInfoGuide {width:263px; *width:248px}
#areaSub .areaItem3col .areaInfoGuide span{ width:200px; float:none;}
#areaSub .areaItem3col .areaInfoGuide .listInfoGuide{ margin-left:0;}
#areaSub .areaItem3col .areaButton{width:263px;}
#areaSub .areaItem3col .areaInfoYado, #areaSub .areaItem3col .areaInfoKankou{ margin:0 0 10px;}
#areaSub .areaItem3col .areaButton img{ width:125px; height:31px; margin:0;}
#areaSub .areaItem3col .rank_g{ font-size:14px; background:#cccccc; padding:3px 5px;border-radius: 5px;}

/* アンケート */
#enquete { margin: 15px auto 0; width: 950px; }
#enquete dl dt { line-height: 32px; font-size: 15px; }
#enquete dl dd .enquete_read { width: 440px; font-size: 13px; }
#enquete dl dd .enquete_read li { margin-bottom: 5px; margin-left: 1em; text-indent: -1em; }
#enquete dl dd .index_enquete_table { width: 420px; }
#enquete dl dd .index_enquete_table th, #enquete dl dd .index_enquete_table td { padding: 5px; }
#enquete dl dd .index_enquete_table th { width: 110px; text-align: left; }
.index_enquete_tableti001 { border-right: 1px solid #a07963; background: #a07963; }
.index_enquete_tablecell002.last { border-bottom: 1px solid #a07963; }
/* バックナンバー */
#bknmbr {margin: 15px auto 0;width: 950px;}
#bknmbr .bknmbr {margin: 10px 10px 30px 10px;}
#bknmbr .bknmbr li {margin-right:10px;margin-bottom: 5px;}
#bknmbr h3 { font-size:14px;color:#666666; font-weight:bold; padding:5px 10px; background:#CCCCCC; }
/* 特集 */
.tokusyu_link { margin: 15px auto 0; width: 950px; }
.tokusyu_link h3 { font-size:14px;color:#666666; font-weight:bold; padding:5px 10px; background:#CCCCCC; }
.tokusyu_linkarea { margin: 0 10px; width: 930px; background: none !important; }
.tokusyu_linkarea .tokusyu_cst {/* border-left: 1px solid #ccc;  */width: 310px; *width:309px; *text-align:center !important; width:230px;}
.tokusyu_linkarea .tokusyu_cst:first-child { border: 0; }
.tokusyu_cst .tokusyu_cst_link { margin: 0 auto; padding: 0 0 0 10px; *margin-left:auto !important; }
.tokusyu_cst .tokusyu_cst_read { margin: 0 auto; padding: 0; font-size:12px; *margin-left:auto !important; }
.tokusyu_cst a img{ margin-bottom:5px;}

/* footer リンク */
div.onsenfooterarea { width: 950px; float: left; margin-top: 40px; line-height: 1.3em; font-size: 78%; }
div.onsenfooterarea * { box-sizing: content-box; }
div.onsenfooterarea .img { background: url(/jalan/doc/etc/onsenranking/images/onsen_footer.png); }
div.onsenfooterarea div.list div.subtitle_top p { padding: 10px 10px 6px; font-weight: bold; }
div.onsenfooterarea div.list div.subtitle_top p.img { background-position: 0 0; height: 10px; width: 930px; }
div.onsenfooterarea div.list div.subtitle_middle p { padding: 6px 10px 6px; font-weight: bold; }
div.onsenfooterarea div.list div.subtitle_middle p.img { background-position: 0 -10px; height: 10px; width: 930px; }
div.onsenfooterarea div.list div.onsen_link p { padding: 5px 10px; font-size: 12px; line-height: 1.5em; font-weight: normal; }
div.onsenfooterarea div.list div.onsen_link p.img { background-position: 0 -10px; width: 930px; }
div.onsenfooterarea div.list div.line { margin: 0; padding: 0; border: 0; }
div.onsenfooterarea div.list div.line p { padding: 0; }
div.onsenfooterarea div.list div.line p.img { background-position: 0 -88px; height: 6px; width: 950px; }
div.onsenfooterarea div.list div.list_bottom p.img { background-position: 0 -147px; height: 10px; width: 950px; }
.lineFooter { line-height: 0; font-size: 0; }
.logoFooter { padding-bottom: 20px; line-height: 0.6; }

/* SP幅用スタイル */

@media screen and (max-width:738px) {
body { width: 100%; overflow: hidden; }
#header990 { width: 100%; }
#header990 #pankuzu { padding: 0 10px !important; box-sizing: border-box; -webkit-box-sizing: border-box; width: 100%; font-size: 10px !important; }
#header_dms_ovr { display: none; }
#headerSP { margin-bottom: 5px; padding: 5px 5px 1px 10px; border-bottom: 1px solid #d2d2d2; box-sizing: content-box; display: block; position: relative; height: 39px; }
.catch { display: none; }
.cf { zoom: 1!important; }
.cf:after { content: ""!important; display: block!important; clear: both!important; height: 0!important; visibility: hidden!important; }
.fl { float: left !important; }
.logoL { background-position: 0 0; display: block; width: 90px; height: 35px; text-indent: -99999px; background-size: 214px auto; }
.cS { background-image: url(/assets/img/common/sitetitle.png); background-repeat: no-repeat; }
.headerIcons { overflow: hidden; float: right; margin-top: 1px; font-size: 0; text-align: right; }
.headerIcons li { display: inline-block; border: none; }
.headerIcons li:last-child { margin-left: 8px; }
.headerIcons li > a { display: block; width: 40px; height: 34px; }
.header_icon_help { overflow: hidden; background: url(/assets/img/pages/smart/2x/btn_helpinfo_l.png) no-repeat 0 0; background-size: 40px 34px; text-indent: 100%; white-space: nowrap; }
#header_area iframe, #info { display: none; }
#wrap, #content, div#main { width: 100%; }
.mainImg { width: 100%; height: auto; }
.sp-img { width:70%;;}
#category { margin-bottom: 10px; padding: 0 0 5px; border-radius:0;}
.socialIcon ul{ width:100%; height: 40px; display: block; text-align: center;margin:10px auto;margin: 25px auto;margin-bottom: 15px;border-top: 1px solid #d2d2d2;}
.socialIcon ul li.pc_hide{display: inline-block!important;}
.socialIcon ul li{padding-top: 12px;}
.pc_hide{display: block!important;}
.coverCarouselL { width: 50px; }
.coverCarouselR { width: 50px; }
.list_carousel { padding: 0 50px; width: 100%; -webkit-box-sizing: border-box; }
.list_carousel li{height:auto !important;}
.list_carousel.typeB{width:100%;}
.list_carousel li img,.list_carousel.typeB li img { width: 100%; }
.pager { width: 100%; }
.typeB .prev{
		padding-right: 30px;
	}
.typeB .prev, .typeB .next {
		background-size: 20%;
		height: 32px;
		top:55%;
    -ms-filter: "alpha(opacity=100)";
    opacity:1.0;
    -khtml-opacity: 1.0;
    -moz-opacity: 1.0;
	}
.typeB .prev:hover
	{
	background-position: 0 -32px!important;
	}
.typeB .next:hover
	{
	background-position: right -32px!important;
	}
.slideBottom{position:relative;}
.slideBottomL{display:block;position:absolute;left:4px;bottom:5px;z-index:101;width:32.5px;height:27.5px;}
.slideBottomR{display:block;position:absolute;right:8px;bottom:-5px;z-index:101;width:62.5px;height:45px;}
.read1 { margin: 0 10px; padding: 5px 63px 5px 33px; border-radius: 5px; position:relative; z-index:100; width: auto; height: auto; background: none; background: rgba(255,255,255,0.8); font-size: 10px; line-height: 1.2; }
.navTabMenu ul { padding: 1px 5px; border-bottom-width:2px; box-sizing: border-box; width: 100%; }
.navTabMenu ul li { padding: 2px 5px; width: 25%; height: auto; box-sizing: border-box; -webkit-box-sizing: border-box; }
.navTabMenu ul li a { padding: 0;border: 2px solid #FFAC7B; border-radius: 5px; width: 100%; height:26px; line-height:22px; background: none; font-size:10px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.navTabMenu ul li.on a { background: #FFAC7B; }
#blockRank { padding: 5px 15px 0; border:2px solid #FFAC7B; border-top:0; }
#area_no1 .areaItem, #areaSub .areaItem3col { display: block; width:auto; margin-right:0;}
.areaCatch.catch1 { float: none; }
.areaImage.image1, .areaImage2 { float: none; }
.areaImage { width: 100%; height: auto; }
.areaImage img, .areaImage2 img, #areaSub .areaItem3col .areaImage3 img { width: 100%; max-width:360px; height: auto; max-height:268px; }
.areaRead, .areaRead2, #areaSub .areaItem3col .areaRead { float: none; width: 100%; min-height: 10px; }
#areaSub .areaItem3col .areaRead { margin-bottom: 10px;}
.areaButton, .areaButton2, #areaSub .areaItem3col .areaButton{ margin-left: auto; margin-right: auto; float: none; width: 100%; }
.areaInfoYado, .areaInfoKankou, .areaInfoYado2, .areaInfoKankou2, #areaSub .areaItem3col .areaInfoYado, #areaSub .areaItem3col .areaInfoKankou { width: 49%; max-width: 199px; }
.areaInfoYado img, .areaInfoKankou img, .areaButton2 .areaInfoYado2 img, .areaButton2 .areaInfoKankou2 img, #areaSub .areaItem3col .areaButton img { width: 100%; height: auto; }
.areaRecommend { float: none; width: 100%; min-height: 113px; }
.areaRecommend img { width: 15%; height: auto; max-height: 100%; }
.areaRecommend p { left: 20%; width: 80%; -webkit-box-sizing: border-box; }
.areaInfoGuide, #areaSub .areaInfoGuide2 { padding: 10px; width: 100%; -webkit-box-sizing: border-box; }
.areaInfoGuide{ float: none; }
.areaCatch { float:none; width:auto;}
.areaInfoGuide img{margin-right:5px;width:16px;height:16px;vertical-align:middle;}
.areaInfoGuide span { 
	float: none;
	width: auto;
	padding: 2px 0;
    margin-bottom: 0;
}
#area_no1 .areaInfoGuide{
	width: 100%;
	height: auto;
}
.listInfoGuide { margin-left: 0px; margin-top: 5px; }
.last_spa{margin-bottom: -20%;}
#areaSub { margin-top: 30px; width: 100%; }
#areaSub .areaItem { margin-bottom: 30px; margin-right:0; float: none; width: auto; }
#areaSub .areaInfoGuide, #areaSub .areaItem3col .areaInfoGuide { width: 100%; }
#enquete { box-sizing: border-box; -webkit-box-sizing: border-box; width: 100%; }
#enquete dl dd { padding: 10px; }
#enquete dl dd .enquete_read { margin: 0; float: none; width: 100%; }
#enquete dl dd .index_enquete_table { margin: 0; float: none; width: 100%; }
#loadTokushuPC { display: none; }
#loadTokushuSP { margin-top: 30px; display: table; width: 100%; }
#loadTokushuSP ul { text-align: center; list-style: none; padding: 0; margin: 0; display: block; width: 100%; }
#loadTokushuSP ul li { width: 25%; float: left; text-align: center; margin: 10px 0 0 0; }
#loadTokushuSP ul li img { border: none; }
#loadTokushuSP ul li a { border: 3px solid #FFFFFF !important; display: block; }
#loadTokushuSP ul li a:hover { border: 3px solid #F60 !important; }
#loadTokushuSP ul li a { text-decoration: none !important; }
#loadTokushuSP ul li p { font-weight: normal; font-family: ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3"; padding: 0; margin: 0px 0 10px 0; display: block; text-decoration: none !important; color: #666666; font-size: 60%; }
#bknmbr {width:100%;margin-top: 30px;}
#bknmbr .bknmbr li {margin-right: 0%;text-align: center;}
#bknmbr .bknmbr li.fleft{float:none;}
.hdlOrange, #bknmbr h3 { line-height: 1; padding: 4px 0; background: #ff5800; color: #fff; font-size: 14px; text-align: center; }
.onsenfooterarea { 
	/* display: none;  */
}
div.onsenfooterarea {
	width: 98%;
    float: none;
    margin: 0 auto;
    margin-top: 40px;
    line-height: 1.3em;
    font-size: 78%;
    border: 1px solid #d2d2d2;
    border-radius: 5px;
}
div.onsenfooterarea div.list div.onsen_link p {
    padding: 0 3%;
    font-size: 12px;
    line-height: 1.7em;
	font-weight: normal;
	box-sizing: border-box;
}
div.onsenfooterarea div.list div.onsen_link p.img {
    background-position: 0 -10px;
	width: 100%;
}
div.onsenfooterarea .img{
	background: none;
}
div.onsenfooterarea div.list div.subtitle_middle {
    border-top: 1px dotted #d2d2d2;
}
.to_pagetop { border-top: 1px solid #d2d2d2; border-bottom: 1px solid #d2d2d2; width: 100%; overflow: hidden; }
.to_pagetop a { box-sizing: content-box; display: block; float: right; padding: 10px; color: #2489CE; background: none; font-size: 12px; font-weight: bold; text-align: right; text-decoration: none !important; }
.to_pagetop a:before { content: "▲"; padding-right: 5px; color: #676767; font-size: 11px; }
.footerMenu { width: 100%; }
.footerMenu tr { height: auto; }
.footerMenu td { display: none; }
.footerMenu td.logoFooter { padding: 10px; display: block; }
.footerMenu td.logoFooter a { display: block; text-decoration: none !important; }
.footerMenu td.logoFooter a:first-child { margin-bottom: 0px; }
.listTopicPath { display: block; }
.listTopicPath li { border-bottom: 1px solid #ccc; }
.listTopicPath li a { padding: 8px 15px 8px 8px; display: block; color: #333 !important; font-size: 12px; font-weight: bold; text-decoration: none !important; }
}

/* 201811追記_csv化 */
.areaInfoKankou a img:hover,
.areaInfoYado a img:hover,
.areaInfoKankou2 a img:hover,
.areaInfoYado2 a img:hover,
.tokusyu_cst a img:hover{
  opacity:0.6;
}
.areaInfoYado2 a img:hover{
  opacity:0.6;
}
#areaSub{
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
@media screen and (max-width:738px) {
	.areaRead{height:auto!important;}
	.listInfoGuide{
		height:inherit !important;
	}
	/* // 20190613追加_ヘッダー用 //*/
	#siteHeader {
	display: none!important;
	}
	/* //20190613追加_ヘッダー用 // */
}