﻿html{font-size:small;line-height:1.5;letter-spacing:.08em}body{color:#1a1a1a;background:#fff;-webkit-text-size-adjust:none;font-size:116%}.ie body{font-size:112%}@media only screen and (max-width: 767px){body{font-size:108%}}body a{color:#1a1a1a;text-decoration:underline}body a:hover{text-decoration:none}body img{max-width:100%;-webkit-touch-callout:none;line-height:1}body,pre,input,textarea,select{font-family:"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",sans-serif}input,select,textarea{font-size:100%}html.ie8 .view_tab,html.ie8 .view_tab_sp,html.ie8 .view_sp{display:none !important}html.ie8 #abi_page{min-width:1280px !important;margin:auto;font-size:100% !important}@media only screen and (min-width: 1200px){body .view_tab-sp,body .view_tab{display:none !important}}@media print{body .view_tab-sp,body .view_tab{display:none !important}}@media only screen and (min-width: 768px){body .view_sp{display:none !important}}@media only screen and (max-width: 1199px){body .view_pc{display:none !important}}@media only screen and (max-width: 767px){body .view_pc-tab,body .view_tab{display:none !important}}.mouse .over{-moz-transition:opacity .3s ease-in;-o-transition:opacity .3s ease-in;-webkit-transition:opacity .3s ease-in;transition:opacity .3s ease-in}.mouse .over:hover,.touch .over.touchstart{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);opacity:.7}.touch .over{-webkit-tap-highlight-color:transparent}.touch .over.touchend{-moz-transition-delay:200ms;-o-transition-delay:200ms;-webkit-transition-delay:200ms;transition-delay:200ms}#abi_page{overflow:hidden}@media only screen and (min-width: 1200px){#abi_page{width:100%;margin:auto}}@media print{#abi_page{width:100%;margin:auto}}@media only screen and (min-width: 768px){#abi_page{font-size:100% !important}}#contents{position:relative}.con_hotel h1{text-align:center;padding:3rem 0;background:#6fa6b5}@media only screen and (max-width: 767px){.con_hotel h1{padding:1rem 0 1.5rem}}.con_hotel h1 img{max-width:20%}@media only screen and (min-width: 768px) and (max-width: 1199px){.con_hotel h1 img{max-width:40%}}@media only screen and (max-width: 767px){.con_hotel h1 img{max-width:16em}}.con_hotel .box_hotel{width:90%;max-width:950px;margin:70px auto 0;overflow:hidden}@media only screen and (max-width: 767px){.con_hotel .box_hotel{margin-top:2em}}.con_hotel .box_hotel li{float:left;width:46.31579%}.con_hotel .box_hotel li:first-child{margin-right:7.36842%}@media only screen and (min-width: 768px) and (max-width: 1199px){.con_hotel .box_hotel li:first-child{margin-right:4%}}@media only screen and (max-width: 767px){.con_hotel .box_hotel li:first-child{margin:0 0 4em}}@media only screen and (min-width: 768px){.con_hotel .box_hotel li:first-child h3{margin-top:2em}}@media only screen and (min-width: 768px) and (max-width: 1199px){.con_hotel .box_hotel li{width:48%}}@media only screen and (max-width: 767px){.con_hotel .box_hotel li{width:100%;float:none}}@media only screen and (max-width: 767px){.con_hotel .box_hotel li .photo img{width:100%}}.con_hotel .box_hotel li h3{font-size:134%;font-weight:normal;margin-top:.5em}@media only screen and (max-width: 767px){.con_hotel .box_hotel li h3{font-size:120%}}.con_hotel .box_hotel li h3 span{display:block;font-weight:bold;font-family:'Raleway', sans-serif}.con_hotel .box_hotel li h3 em{font-size:75%}.con_hotel .box_hotel li address{font-size:107%;margin-top:.8em}@media only screen and (max-width: 767px){.con_hotel .box_hotel li address{font-size:100%}}.con_hotel .box_hotel li .btn{width:250px;margin:1.5em auto 0}@media only screen and (max-width: 767px){.con_hotel .box_hotel li .btn{width:100%}}.con_hotel .box_hotel li .btn a{text-decoration:none;text-align:center;display:block;padding:10px 0;background-color:#000;color:#fff;border:1px solid #000;-moz-transition:background-color .35s,color .35s;-o-transition:background-color .35s,color .35s;-webkit-transition:background-color .35s,color .35s;transition:background-color .35s,color .35s}@media only screen and (max-width: 767px){.con_hotel .box_hotel li .btn a{padding:0.8em 0}}.con_hotel .box_hotel li .btn a:hover{background-color:#fff;color:#000}@media only screen and (max-width: 767px){.con_hotel .box_hotel li .btn a{padding:1em 0}}#footer{margin-top:6em}@media only screen and (max-width: 767px){#footer{margin-top:3em}}#footer #copyright{text-align:center;font-size:87%;color:#696969;font-family:'Raleway', sans-serif;margin-bottom:1em}@media only screen and (max-width: 767px){#footer #copyright{font-size:74%}}
