@charset "UTF-8";
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-style:normal;font-weight:400;font-size:100%;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
html{overflow-y:scroll}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}
input,textarea{margin:0;padding:0}
ol,ul{list-style:none}
table{border-collapse:collapse;border-spacing:0}
caption,th{text-align:left}
a:focus{outline:0}
.clearfix:after{content:".";display:block;clear:both;height:0;visibility:hidden}
.clearfix{min-height:1px}
* html .clearfix{height:1px}
.both{clear:both}
.inline_block{display:inline-block}
.contentbox__text,h2{max-height:999999px}
body{font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif}
*{-webkit-text-size-adjust:100%}
@media screen and (max-width:768px){.wrapper,body{width:640px}
.wrapper .pconly{display:none}
.headerarea{position:relative}
.headerarea .btn-nav{position:absolute;top:15px;right:10px}
.logo{width:100%;padding:30px 0}
.logo img{width:158px;height:40px;margin:0 auto;display:block}
h1{width:100%;background-color:#111183;padding:15px 0}
h1 img{width:363px;margin:0 auto;display:block}
.onsentop__main{background:url(../images/onsen_mainbg.png) left top;text-align:center;padding-bottom:28px}
.onsentop__main img{width:100%;display:block}
.onsentop__message{margin:40px 0 38px}
.onsentop__arealist li{margin-bottom:17px}
.link_search{padding:60px 0;text-align:center;background:url(../images/footerbg.png) left top}
.link_search .search_banner img{margin:0 auto;display:block}
.link_search .search_banner2 img{margin:19px auto 0;display:block}
.footerarea,.link_archivetop,.link_areatop{text-align:center;margin-top:50px}
.share_box{border-top:4px solid #1b3582;border-bottom:4px solid #1b3582;text-align:center;padding-bottom:50px}
.share_box img.share_share_pc{display:none}
.share_box img.share_share{margin-bottom:25px}
.share_box .share_buttons img{margin-right:35px}
.share_box .share_buttons a:last-child img{margin-right:0}
.footerarea{margin-bottom:50px}
.footerarea p{display:inline-block;margin-top:25px}
}
@media screen and (min-width:767px){.footerarea,.header .logo,.header h1,.onsentop__mainvisual,.onsentop__message,.share_box{text-align:center}
.wrapper{min-width:1200px}
.wrapper .sponly{display:none}
a:hover img{opacity:.4}
.header{position:relative}
.header .logo{padding-top:24px;padding-bottom:24px}
.header .logo img{width:85px}
.header h1{background:#111183}
.header h1 img{width:304px;padding:20px 0 15px}
a{display:block}
a .btn-navpc{width:60px;height:60px;position:absolute;top:10px;right:10px;background:url(../images/pc/archive_btnmenu.png) left top no-repeat}
a .btn-navpc:hover{background:url(../images/pc/archive_btnmenu-hover.png) left 1px no-repeat}
.onsentop__main{background:url(../images/onsen_mainbg.png) left top;overflow:hidden}
.onsentop__mainvisual{width:100%;height:490px;max-width:1200px;margin:0 auto}
.onsentop__mainvisual img{width:1490px;margin:0 0 0 -145px}
.onsentop__message{margin:50px 0 30px}
.onsentop__arealist{max-width:1432px;width:100%;margin:0 auto}
.onsentop__arealist ul li{float:left;width:48.9%;overflow:hidden;position:relative;margin-bottom:30px;-webkit-box-shadow:6px 7px 10px -2px rgba(0,0,0,.15);-moz-box-shadow:6px 7px 10px -2px rgba(0,0,0,.15);box-shadow:6px 7px 10px -2px rgba(0,0,0,.15)}
.onsentop__arealist ul li.onsentop__arealist-area--marginright{margin-right:2%}
.onsentop__arealist ul li a:hover img{opacity:1}
.onsentop__arealist ul li a:hover img.onsentop__arealist-areaimg{-ms-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1)}
.onsentop__arealist ul li img.onsentop__arealist-areaimg{display:block;width:100%;transition:.5s}
.onsentop__arealist ul li img.onsentop__arealist-areaname{position:absolute;top:3%;left:2%;width:96%}
.link_search{width:100%;padding:30px 0;background:url(../images/footerbg.png) left top}
.link_search .link_searchinner{width:1000px;margin:0 auto}
.link_search .link_searchinner .search_banner{background:#fff;width:485px;float:left;margin-right:30px}
.link_search .link_searchinner .search_banner img{width:485px;display:block}
.link_search .link_searchinner .search_banner img:hover{background:url(../images/bnr_tabisaku-hover.jpg) left top no-repeat}
.link_search .link_searchinner .search_banner2{background:#fff;float:left;width:485px}
.link_search .link_searchinner .search_banner2 img{width:485px;display:block}
.share_box{border-top:2px solid #1b3582;border-bottom:2px solid #1b3582;padding-top:44px;padding-bottom:35px}
.share_box img.share_share{display:none}
.share_box .share_buttons img{vertical-align:middle}
.share_box .share_buttons img.share_share_pc{margin-right:29px}
.share_box .share_buttons a{font-size:0;display:inline-block}
.share_box .share_buttons a img{width:50px;margin-right:17px}
.share_box .share_buttons a:last-child img{margin-right:0}
.link_archivetop,.link_areatop{text-align:center;margin-top:50px}
.footerarea{margin-top:45px;margin-bottom:50px}
.footerarea a img{display:block;margin:0 auto}
.footerarea p{display:inline-block;margin-top:25px}
}