@charset "UTF-8";
body{font-family: "メイリオ", Meiryo,  "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; }
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; }

#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 20px; padding: 0; background: url(../../onsenranking/images/bg_area_1st.png) 0 0; border-radius:10px;}
.list_carousel { margin: 0 auto; padding: 0 152px; position: relative; width: 910px; *width: 646px; overflow: hidden; }
.list_carousel.typeB{ padding:0; width:910px; }
.caroufredsel_wrapper { left: -100% !important; *left: -646px !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:272px !important; text-align: center; padding: 0; margin: 0; display: block; float: left; }
.list_carousel li a{display:block;}
.list_carousel.typeB li { width: 950px; }
.list_carousel li img { width: 646px; }
.list_carousel.typeB li img { width: 950px; }
.list_carousel.responsive { width: auto; margin-left: 0; }
.prev { margin-top: -24px; display: block; position: absolute; left: 10px; top: 50%; z-index: 110; width: 24px; height: 24px; overflow: hidden; background: url(../../onsenranking_a/images/btn_controll.png) no-repeat 0 0; text-indent: -99999px; }
.prev:hover { background-position: 0 -24px; }
.next { margin-top: -24px; display: block; position: absolute; right: 10px; top: 50%; z-index: 110; width: 24px; height: 24px; overflow: hidden; background: url(../../onsenranking_a/images/btn_controll.png) no-repeat 0 -48px; text-indent: -99999px; }
.next:hover { background-position: 0 -72px; }
.typeB .prev, .typeB .next { padding-left: 30px; top: auto; bottom:6px; width: auto; color: #333; text-indent: 0; text-decoration: none !important; font-size: 14px; line-height: 24px; }
.typeB .next { padding-right: 30px; background-position: right -48px; }
.typeB .next:hover { background-position: right -72px; }
.pager { margin-right: auto;margin-left: auto; padding: 3px 0; -webkit-box-sizing: border-box; width: 646px; *width:168px; height: 30px; *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(../../onsenranking/images/btn_controll.png) no-repeat 0 -120px; text-indent: -99999px; }
.typeB .pager a { margin: 0 2px; padding: 3px 6px; border: 1px solid #999; 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: 1px solid #333; color: #fff; background-color: #333; }
.timer { background-color: #999; height: 6px; width: 0px; }
.coverCarouselL { position: absolute; left: 0; bottom: 30px; z-index: 100; width: 152px; height: 100%; background: url(../../onsenranking/images/cover_carousel.png) repeat 0 0; }
.coverCarouselR { position: absolute; right: 0; bottom: 30px; z-index: 100; width: 152px; height: 100%; background: url(../../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(../../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 20px; float: left; }
.areaInfoYado2 { margin: 10px 0 10px; float: left; }
.areaInfoYado img{height:53px;}
.areaInfoKankou { margin: 10px 0 20px; 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 img, .areaInfoGuide2 img{margin-right:10px;float:left;width:24px;height:24px;}
.areaInfoGuide span { float: left; width: 80px; }
.listInfoGuide li { margin-right: 10px; display: inline; }
#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 .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;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; }
/* 特集 */
.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(../../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: 0 10px 10px; font-size: 10px; line-height: 1.3em; 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: 15px; padding: 0 0 5px; border-radius:0;}
.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%; }
.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; }
.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: 11%; height: auto; }
.areaRecommend p { left: 12%; width: 88%; -webkit-box-sizing: border-box; }
.areaInfoGuide, #areaSub .areaInfoGuide2 { padding: 10px; width: 100%; -webkit-box-sizing: border-box; }
.areaCatch { float:none; width:auto;}
.areaInfoGuide img{margin-right:5px;width:16px;height:16px;vertical-align:middle;}
.areaInfoGuide span { float: none; width: auto; }
.listInfoGuide { margin-left: 21px; margin-top: 5px; }
#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%; }
.hdlOrange { line-height: 1; padding: 4px 0; background: #ff5800; color: #fff; font-size: 14px; text-align: center; }
.onsenfooterarea { display: none; }
.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; }
}