@charset "utf-8";

* {
 margin: 0;
 padding: 0;
 line-height: 1;
 box-sizing: border-box;
}
html {
 font-size: 16px;
}
html, body {
 height: 100%;
}
body {
font-family: 'Noto Serif JP',serif;
font-weight: 400;
letter-spacing: 0.1em;
color: #000F30;
}
a { text-decoration: none; }
a:hover {
 opacity: 0.7;
 -moz-opacity: 0.7;
 -webkit-opacity: 0.7;
 filter:alpha(opacity=60);
}
a[href^="tel:"] { cursor: default; }
.text_deco_ul {
 text-decoration: underline;
}
img {
 border: none;
 max-width: 100%;
 height: auto;
 width: auto;
 vertical-align: bottom;
}
h1,h2,h3,h3,h5,h6 {
font-weight: inherit;
}
p {
}
.clearfix:after {
 content: '';
 display: block;
 clear: both;
 height: 0;
}
.mg-lra {
margin-left: auto;
margin-right: auto;
}
.disp_i {
display: inline;
}
.disp_ib {
display: inline-block;
}
.disp_b {
display: block;
}
.disp_n {
display: none;
}
.line_hi {
line-height: inherit;
}
.line_h1 {
line-height: 2.5;
}
.line_h2 {
line-height: 1.75;
}
.line_h3 {
line-height: 1.4;
}
.text_c {
text-align: center;
}
.text_l {
text-align: left;
}
.text_r {
text-align: right;
}
.float_l {
 float: left;
}
.float_r {
float: right;
}
.ovf_h {
overflow: hidden;
}
.v_mid {
vertical-align: middle;
}
.pos_r {
position: relative;
}
.mg-t1 {
margin-top: 50px;
}
.mg-t2 {
margin-top: 20px;
}
.pd-lr {
padding-left: 15px;
padding-right: 15px;
}
.pd-b0 {
padding-bottom: 50px!important;
}
.pd-b1 {
padding-top: 160px;
padding-bottom: 150px;
}
.lts_1 {
letter-spacing: 0.1em;
}
.lts_2 {
letter-spacing: 0.07em;
}
.font_b {
font-weight: bold;
}
.fs-p1 {
font-size: 150%;
}
.fs-p2 {
font-size: 125%;
}
.fs-p3 {
font-size: 112.5%;
}
.fs-p4 {
font-size: 175%;
}
.font_n {
font-weight: 400;
}
.font_m {
font-weight: 600;
}
.mw1440 {
max-width: 1440px;
}
.mw1000 {
max-width: 1000px;
}
.bgc_n {
background-color: #F1F9F9;
}
.fanime {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:1s;
 -ms-animation-duration:1s;
 animation-duration:1s;
 -webkit-animation-delay:0s;
 -ms-animation-delay:0s;
 animation-delay:0s;
 -webkit-animation-name: fanime;
 -ms-animation-name: fanime;
 animation-name: fanime;
 visibility: visible !important;
}
@-webkit-keyframes fanime {
 0% { opacity: 0; -webkit-transform: translateY(20px); }
 100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes fanime {
 0% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); }
 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}
.fa {
visibility: hidden;
}
#container {
max-width: 1920px;
margin-left: auto;
margin-right: auto;
overflow: hidden;
}

#to_top {
position: fixed;
width: 29px;
height: 138px;
display: block;
visibility: hidden;
bottom: 20px;
right: 20px;
z-index: 10000;
}

#top-head {
height: 100px;
width: 100%;
position: absolute;
top: -100px;
margin-top: 100px;
left: 0;
z-index: 100;
}
#top-head:before {
height: 100px;
width: 100%;
display: block;
content: '';
position: absolute;
top: 0;
left: 0;
z-index: 102;
}
#top-head > div {
padding: 16px 40px;
}
#top-head .logo {
max-width: 350px;
line-height: 68px;
position: relative;
z-index: 102;
}
#top-head .logo a {
vertical-align: middle;
display: inline-block;
}
#top-head #links {
position: relative;
/*margin-right: 56px;*/
margin-right: 55px;
margin-top: 18px;
z-index: 102;
}
#top-head #links a {
font-size: 20px;
color: #fff;
vertical-align: middle;
display: inline-block;
margin-right: 20px;
}
#top-head #links .bar {
display: inline-block;
height: 30px;
width: 1px;
background-color: #fff;
vertical-align: middle;
}
body.open, body.fixed {
overflow: hidden;
}
#top-head.open {
height: 100%;
}
#top-head.open:before,
#top-head.open .logo,
#top-head.open #links {
display: none;
}

#top-head.open > div {
height: 100%;
background-color: rgba(0,0,0,0.9);
}
#nav-toggle {
  position: absolute;
  top: 23px;
  right: 40px;
  width: 34px;
  height: 34px;
  text-align: center;
  cursor: pointer;
  z-index: 104;
  padding: 5px;
-webkit-transition: 0.35s ease-in-out;
-moz-transition: 0.35s ease-in-out;
transition: 0.35s ease-in-out;
}

#nav-toggle div {
  position: relative;
/*  margin-top: 12px; */
  margin-top: 9px;
}
#nav-toggle span {
  display: block;
  position: absolute;
  height: 1px;
  width: 100%;
  background: #fff;
  left: 0;
  -webkit-transition: .35s ease-in-out;
  -moz-transition: .35s ease-in-out;
  transition: .35s ease-in-out;
}
#nav-toggle span:nth-child(1) {
  top: 0;
}
#nav-toggle span:nth-child(2) {
  top: 10px;
}
#nav-toggle span:nth-child(3) {
  top: 20px;
}
/* #nav-toggle */
.open #nav-toggle span:nth-child(1) {
top: 11px;
-webkit-transform: rotate(315deg);
-moz-transform: rotate(315deg);
transform: rotate(315deg);
}
.open #nav-toggle span:nth-child(2) {
width: 0;
left: 50%;
}
.open #nav-toggle span:nth-child(3) {
top: 11px;
-webkit-transform: rotate(-315deg);
-moz-transform: rotate(-315deg);
transform: rotate(-315deg);
}
#global-nav {
position: fixed;
width: 100%;
max-width: 630px;
height: 100%;
overflow: auto;
background-color: #1D2D2E;
top: 0;
right: -1000px;
padding: 150px 20px;
z-index: 103;
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
transition: .5s ease-in-out;
}
#global-nav .menulogo {
max-width: 300px;
margin-left: auto;
margin-right: auto;
margin-bottom: 80px;
}
#global-nav .menulogo a {
width: 72px;
display: block;
margin-left: 25px;
}

#global-nav ul {
list-style: none;
max-width: 300px;
margin-left: auto;
margin-right: auto;
}
#global-nav ul li {
padding: 20px 10px;
padding-left: 25px;
background: url(images/menu-icon.png) left center no-repeat;
}
#global-nav ul li a {
display: block;
color: #fff;
font-size: 24px;
letter-spacing: 0.1em;
transition: 0.2s ease-in-out;
}
#global-nav ul li a:hover {
color: #F9BE93;
}
/* #global-nav */
.open #global-nav {
right: 0;
}
#btm_mountain {
padding-top: 50px;
margin-bottom: -2px;
}
#footer {
background-color: #15949E;
padding: 50px 15px 80px;
}
#footer > div {
max-width: 1440px;
}
#footer .left {
width: 560px;
float: left;
}
#footer .right {
overflow: hidden;
}
#footer .footer_logo {
display: block;
max-width: 154px;
width: 40%;
float: left;
margin-left: 5%;
margin-right: 10%;
}
#footer .addr {
color: #fff;
padding-top: 5%;
/*max-width: 250px;*/
overflow: hidden;
}
#footer .addr > div {
/*max-width: 200px; */

}
#footer .addr p {
margin-top: 20px;
line-height: 1.3;
letter-spacing: 0.1em;
}

#footer .footer_menu {
list-style: none;
width: 100%;
font-size: 0;
text-align: right;
}
#footer .footer_menu li {
display: inline-block;
margin-left: 20px;
padding-top: 3%;
}
@media screen and (min-width: 1140px){
#footer .footer_menu li {
margin-left: 6%;
}
}
#footer .footer_menu li:first-child {
margin-left: 0;
}
#footer .footer_menu a,
#footer .links a {
color: #fff;
font-size: 16px;
letter-spacing: 0.1em;
}
#footer .links {
float: right;
margin-top: 40px;
padding-right: 20px;
line-height: 30px;
color: #fff;
}
#footer .copyright {
color: #fff;
font-size: 14px;
letter-spacing: 0.1em;
float: right;
margin-top: 40px;
}

.kazari {
max-width: 643px;
margin-top: -260px;
position: absolute;
z-index: 2;
display: none;
}
.kazari-l {
left: 50%;
margin-left: -960px;
}
.kazari-r {
right: 50%;
margin-right: -960px;
margin-left: auto;
}
.vmwrap {
padding: 0 10px;
margin-top: 50px;
}
.vm {
display: inline-block;
padding-right: 30px;
font-size: 18px;
color: #000F30;
background: url(images/vm-arrow.png) right center no-repeat;
transition: 0.3s ease-in-out;
}
.vm:hover {
transform: translateX(10px);
}
.slick-dots li button:before {
font-size: 12px;
content: '◇';
color: #000F30;
opacity: 0.6;
}
.slick-dots li.slick-active button:before {
content: '◆';
color: #000F30;
}
#topmain {
position: relative;
background-color: #79b9b8;
}
#topmain .mask {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 2;
}
#topmain video {
width: 100%;
margin-bottom: 14%;
}
#topmain .mountain {
position: absolute;
width: 100%;
bottom: -2px;
opacity: 1!important;
visibility: visible;
}
.top-title {
width: 105px;
margin: 0 auto 80px;
}
#top-news {
background-color: #15949E;
padding-top: 150px;
}
#top-news .left {
width: 230px;
}
#top-news h2.title {
width: 174px;
}
#top-news ul {
list-style: none;
}
#top-news li {
height: 80px;
border-bottom: solid 1px #fff;
padding: 30px 0;
}
#top-news li.no_news {
border: none;
color: #fff;
}
#top-news .date {
display: block;
float: left;
line-height: 1.4;
color: #fff;
margin-right: 5%;
}
#top-news a {
display: inline-block;
height: 20px;
line-height: 1.4;
overflow: hidden;
color: #fff;
}
#top-news a:hover {
color: #F9BE93;
opacity: 1;
}
.top-box-1 {
width: 50%;
}
.top-box-1.lc {
padding-left: 15px;
padding-right: 140px;
}
.top-box-1.lc > div {
max-width: 500px;
width: 100%;
padding-right: 20px;
}
.top-box-1.lc > div > div {
max-width: 430px;
}
.top-box-1.rimg > div {
margin-left: -140px;
}
.top-box-1.rc {
padding-right: 15px;
padding-left: 140px;
}
.top-box-1.rc > div {
max-width: 500px;
width: 100%;
padding-left: 20px;
}
.top-box-1.rc > div > div {
max-width: 430px;
}
.top-box-1.limg > div {
margin-right: -140px;
}
.top-box-1 .slides li img {
width: 1100px;
height: 600px;
max-width: none;
position: relative;
}
.top-box-1.rimg .slides li img {
left: 50%;
margin-left: -550px;
}
.top-box-1.limg .slides li img {
right: 50%;
margin-right: -550px;
}
.top-box-1 h3 {
font-size: 24px;
line-height: 1.75;
margin-bottom: 40px;
}
.smoothslides {
max-width: 460px;
}
.smoothslides .slick-list {
overflow: visible;
}
.top-box-2 {
max-width: 430px;
}
.linkbox {
font-size: 0;
letter-spacing: 0;
text-align: center;
margin-top: 80px;
}
.linkbox a {
display: inline-block;
max-width: 480px;
width: 50%;
vertical-align: top;
position: relative;
overflow: hidden;
}
.linkbox a .loc-kazari {
position: absolute;
bottom: 0;
}
.linkbox a > img {
transition: 0.3s ease-in-out;
}
.linkbox a:hover > img {
transform: scale(1.1);
}
.linkbox a .title {
position: absolute;
top: 0;
left: 0;
font-size: 20px;
color: #fff;
line-height: 1.2;
padding: 15px;
text-align: left;
}
.top-box-3 {
background: url(images/top_bg.jpg) center center no-repeat;
background-size: cover;
}
.top-box-3 .btns {
max-width: 1145px;
padding: 50px 0;
}
.top-box-3 .btns a {
display: block;
width: 46.64%;
max-width: 534px;
position: relative;
}
.top-box-3 .btns a .on {
opacity: 0;
position: absolute;
top: 0;
left: 0;
}
.top-box-3 .btns a:hover {
opacity: 1;
}
.top-box-3 .btns a:hover .on {
opacity: 1;
transition: 0.3s ease-in-out;
}
.top-access {
max-width: 1300px;
}
.top-access .left {
width: 460px;
padding-right: 20px;
}
.top-access .left table {
border-collapse: collapse;
width: 100%;
}
.top-access .left tr {
border-top: solid 1px #74B3B8;
}
.top-access .left th {
padding: 10px 0;
width: 125px;
line-height: 1.6;
text-align: left;
font-weight: inherit;
}
.top-access .left th img {
margin-right: 12px;
}
.top-access .left td {
padding: 10px 0;
line-height: 1.6;
}
.top-access .title {
width: 174px;
margin-bottom: 50px;
}
.top-access .map > div {
width: 100%;
max-width: 747px;
float: right;
}

/* page */
.top-image-title {
position: absolute;
max-height: 337px;
max-width: 117px;
height: 47.9%;
width: 8%;
top: 0;
left: 0;
bottom: 0;
right: 0;
margin: auto;
}
#info_slides {
margin-top: 80px;
margin-bottom: 40px;
}
#info_slides ul {
max-width: 1180px;
}
#info_slides li > div {
padding-left: 40px;
padding-right: 40px;
position: relative;
}
#info_slides li .season {
display: block;
width: 40px;
font-size: 28px;
position: absolute;
top: 0;
left: 0;
padding-top: 30px;
background: url(images/square.png) 6px top no-repeat;
}
#info_slides .slick-list {
overflow: visible;
}
.info-1 {
padding-top: 80px;
}
.info-1 .img {
max-width: 700px;
width: 48.6%;
}
.info-1 .content {
width: 50%;
padding: 20px;
}
.info-1 .content > div {
max-width: 520px;
}
.info-1 .content h3 {
max-width: 490px;
}
.info-1 .content .bdr {
width: 130px;
padding: 20px 0;
}
.fac-0 {
background-color: #fff;
padding: 80px 20px;
}
.fac-0 > div {
max-width: 1200px;
}
.fac-0 .left {
max-width: 423px;
width: 50%;
margin-right: 20px;
}
.fac-0 .right > div {
max-width: 690px;
}
.fac-1 {
margin-left: -1.9%;
margin-right: -1.9%;
}
.fac-1 > div {
width: 33.33%;
max-width: 480px;
padding-left: 1.87%;
padding-right: 1.87%;
float: left;
}
.fac-2 {
padding: 50px 0;
}
.fac-2 .left {
width: 390px;
padding-right: 20px;
}
.fac-2 .right > div {
max-width: 520px;
width: 100%;
}
.guestroom-1 {
font-size: 0;
letter-spacing: 0;
}
.guestroom-1 > div {
width: 49.5%;
display: inline-block;
font-size: 16px;
}
.guestroom-1 .left {
padding-top: 80px;
padding-left: 15px;
padding-right: 120px;
text-align: right;
vertical-align: middle;
}
.guestroom-1 .left > div {
max-width: 448px;
display: inline-block;
text-align: left;
}
.guestroom-1 .right {
vertical-align: middle;
}
.guestroom-1 .right > div {
margin-left: -100px;
}
.guestroom-slide {
margin-top: 100px;
}
.guestroom-slide > ul {
max-width: 490px;
}
.guestroom-slide > ul > li {
padding: 0 15px;
}
.guestroom-slide .slick-list {
overflow: visible;
}
.guestroom-slide .slick-dots {
display: none!important;
}
.guestroom-2 {
margin-top: 100px;
}
.guestroom-2 .left {
width: 62.5%;
}
.guestroom-2 .right {
width: 37.5%;
padding-left: 40px;
}
.guestroom-2 .right > div {
max-width: 460px;
width: 100%;
}
.guestroom-2 .right .title {
line-height: 1.45;
margin-left: -15px;
padding-left: 25px;
background: url(https://nostal-yokote.com/wp/wp-content/uploads/2024/08/icon-1.png) left center no-repeat;
}
.guestroom-2 .right table {
max-width: 185px;
width: 100%;
border-collapse: collapse;
font-size: 14px;
margin-top: 30px;
}
.guestroom-2 .right tr {
border-top: solid 1px #7f8696;
}
.guestroom-2 .right td {
padding: 15px;
letter-spacing: 0.1em;
}
.planbtn {
display: block;
width: 225px;
padding: 20px 10px;
text-align: center;
color: #fff;
font-size: 16px;
background-color: #74B3B8;
transition: 0.3s ease-in-out;
}
.planbtn:hover {
background-color: #15949E;
opacity: 1;
}
.guestroom-3 > div {
width: 50%;
}
.guestroom-3 .right {
padding-top: 3%;
padding-left: 20px;
}
.guestroom-3 .right > div {
max-width: 460px;
}
.bdr-1 {
margin: 50px 0;
height: 1px;
background-color: #000F30;
}
.location-title {
width: 139px;
}
.location-1 {
margin-top: 100px;
}
.location-1 > div {
width: 46.67%;
max-width: 630px;
}
.location-1 .title {
line-height: 1.45;
padding-left: 25px;
background: url(https://nostal-yokote.com/wp/wp-content/uploads/2024/08/icon-1.png) left center no-repeat;
}
.location-1 .link {
display: inline-block;
line-height: 1.45;
color: #000F30;
padding-right: 25px;
background: url(https://nostal-yokote.com/wp/wp-content/uploads/2024/08/link-icon.png) right center no-repeat;
}
.location-1 table {
border-collapse: collapse;
width: 100%;
margin-top: 40px;
}
.location-1 tr {
border-top: solid 1px #F9BE93;
border-bottom: solid 1px #F9BE93;
}
.location-1 th {
width: 100px;
padding: 15px 0;
font-weight: 400;
}
.location-1 td {
padding: 15px 0;
}
.location-1 .icon {
display: inline-block;
margin-right: 10px;
vertical-align: middle;
}
.event {
margin-top: 100px;
margin-left: -1.85%;
margin-right: -1.85%;
font-size: 0;
letter-spacing: 0;
}
.event > div {
text-align: left;
width: 25%;
max-width: 373px;
display: inline-block;
vertical-align: top;
padding-left: 1.78%;
padding-right: 1.78%;
}
.event .season {
display: inline-block;
padding-top: 25px;
background: url(https://nostal-yokote.com/wp/wp-content/uploads/2024/08/icon-1.png) center top no-repeat;
font-size: 34px;
margin-bottom: 30px;
}
.event .en {
font-size: 16px;
display: block;
text-align: center;
margin-top: 20px;
}
.event table {
border-collapse: collapse;
width: 100%;
margin-top: 40px;
font-size: 16px;
}
.event tr {
border-top: solid 1px #F9BE93;
}
.event th {
width: 50px;
padding: 15px 0;
font-weight: 400;
}
.event td {
padding: 15px 0;
}

/* post */
article.post {
padding-bottom: 30px;
border-bottom: solid 1px #B0C0E5;
}
article.archive {
padding-right: 30px;
padding-bottom: 30px;
margin-top: 50px;
border-right: solid 1px #B0C0E5;
border-bottom: solid 1px #B0C0E5;
}
article.archive .left {
max-width: 253px;
width: 30%;
margin-right: 30px;
float: left;
}
article .entry-title {
font-size: 112.5%;
font-weight: 400;
margin-bottom: 40px;
color: #000F30;
line-height: 1.44;
}
article.archive .entry-title {
margin-bottom: 20px;
}
article.archive .entry-title:hover {
color: #F9BE93;
}
article .date {
display: block;
margin-bottom: 40px;
}
article.archive .date {
margin-bottom: 20px;
}
.excerpt-content {
line-height: 1.75;
}
.post .entry-content p {
line-height: 2.5;
}
.postlinks {
margin-top: 40px;
text-align: center;
}
.wp-pagenavi {
text-align: center;
}
.postlinks a,
.postlinks span {
color: #000F30;
font-size: 16px;
}
.wp-pagenavi a,
.wp-pagenavi span {
color: #000F30;
padding: 0 10px;
font-size: 16px;
}
.postlinks .list {
display: inline-block;
vertical-align: middle;
text-align: center;
margin-left: 10px;
margin-right: 10px;
}
.postlinks a:hover {
color: #F9BE93;
}
.contact-tbl {
border-collapse: collapse;
font-size: 18px;
margin-top: 100px;
}
.contact-tbl th {
width: 240px;
vertical-align: top;
text-align: left;
font-weight: 400;
padding: 40px 0 20px;
}
.contact-tbl td {
padding: 20px 0;
}
.contact-tbl input[type=text],
.contact-tbl input[type=email],
.contact-tbl input[type=tel],
.contact-tbl select,
.contact-tbl textarea {
font-size: 18px;
font-family: 'Noto Serif JP', serif;
padding: 15px 10px;
background-color: #E3F0F1;
width: 99%;
border: none;
}
.contact-tbl .wpcf7-submit {
display: block;
width: 225px;
margin: 30px auto 0;
background-color: #15949E;
color: #fff;
font-family: 'Noto Serif JP', serif;
font-size: 16px;
border: none;
padding: 25px 10px;
}


#doui {
width: 20px;
height: 20px;
vertical-align: middle;
}
.privacypolicy {
font-size: 12px;
padding: 20px;
border: solid 1px #B0C0E5;
height: 140px;
overflow: auto;
margin: 20px auto;
}
.privacypolicy p {
line-height: 1.8;
}

@media screen and (max-width: 999px){
#top-head.fixed {
position: fixed;
margin-top: 0;
top: 0;
-webkit-transition: top 0.65s ease-in-out;
-moz-transition: top 0.65s ease-in-out;
transition: top 0.65s ease-in-out;
}
#top-head.fixed:before {
background-color: rgba(36,50,80,0.9);
}

#footer {
padding-bottom: 50px;
}
#footer .footer_menu,
#footer .links {
display: none;
}
#footer .left {
width: auto;
float: none;
}
#footer .right {
width: auto;
}
.pd-b1 {
padding-top: 10%;
padding-bottom: 20%;
}
.kazari {
width: 50%;
top: 0;
margin-top: -10%;
}
.kazari-l {
left: 0;
margin-left: auto;
}
.kazari-r {
right: 0;
margin-right: auto;
}
.top-box-1 {
width: auto;
}
.top-box-1.lc {
float: none;
padding-right: 15px;
}
.top-box-1.lc > div {
float: none;
max-width: none;
padding-right: 0;
}
.top-box-1.lc > div > div,
.top-box-1.rc > div > div {
max-width: 800px;
margin-left: auto;
margin-right: auto;
}
.top-box-1.rc {
float: none;
padding-left: 15px;
}
.top-box-1.rc > div {
float: none;
max-width: none;
padding-left: 0;
}
.top-box-1.limg,
.top-box-1.rimg {
margin-top: 40px;
width: 100%;
}
.top-box-1.limg > div {
margin-right: auto;
}
.top-box-1.rimg > div {
margin-left: auto;
}
.top-box-1 .slides li img {
width: auto;
height: auto;
max-width: 100%;
left: 0!important;
right: 0!important;
margin-left: auto!important;
margin-right: auto!important;
}
.top-box-1 .vmwrap {
text-align: center;
}
.top-access {
max-width: 747px;
}
.top-access .left {
float: none;
width: auto;
padding-right: 0;
margin-bottom: 40px;
}
.top-access .map > div {
float: none;
}
.fac-1 {
margin-left: -10px;
margin-right: -10px;
}
.fac-1 > div {
padding-left: 10px;
padding-right: 10px;
}
.guestroom-1 > div {
display: block;
width: auto;
}
.guestroom-1 .left {
padding-right: 15px;
}
.guestroom-1 .left > div {
max-width: none;
}
.guestroom-1 .right {
margin-right:0;
margin-left: auto;
width: 95%;
}
.guestroom-1 .right > div {
margin-left: auto;
}
.guestroom-2 .left {
width: auto;
max-width: 900px;
float: none;
margin: 0 auto 40px;
}
.guestroom-2 .right {
width: auto;
max-width: 900px;
float: none;
padding-left: 20px;
}
.guestroom-2 .right > div{
max-width: none;
float: none;
}
.event > div {
width: 50%;
margin-top: 50px;
}
.contact-tbl th {
width: 200px;
}
}
@media screen and (max-width: 800px){
.info-1 .img {
float: none;
width: auto;
margin-bottom: 40px;
}
.info-1 .content {
float: none;
padding: 0;
width: auto;
}
.info-1 .content > div {
max-width: 700px;
}
.guestroom-3 > div {
width: auto;
float: none;
max-width: 560px;
margin-left: auto;
margin-right: auto;
}
.guestroom-3 .right {
padding-top:40px;
padding-left: 0;
}
.guestroom-3 .right > div {
max-width: none;
float: none;
}
}
@media screen and (max-width: 767px){
#to_top {
width: 25px;
height: 119px;
right: 10px;
}
#top-head,
#top-head:before {
height: 60px;
}
#top-head > div {
padding: 10px;
}
#top-head .logo {
line-height: 40px;
margin-right: 80px;
}
#top-head .logo a {
max-width: 200px;
}
#top-head #links {
display: none;
}
#nav-toggle {
top: 5px;
right: 10px;
}
#global-nav {
padding-top: 100px;
padding-bottom: 60px;
}
#global-nav .menulogo {
margin-bottom: 50px;
}
#global-nav ul li a {
font-size: 20px;
}
.line_h1 {
line-height: 2;
}
.linkbox a .title {
font-size: 16px;
}
.top-title {
width: 70px;
margin-bottom: 50px;
}
#top-news {
padding-top: 80px;
}
#top-news .left,
.top-access .left {
float: none;
width: auto;
margin-bottom: 40px;
}
#top-news .left .title,
.top-access .left .title {
width: 116px;
}
.top-box-3 .btns a {
float: none;
width: auto;
margin-left: auto;
margin-right: auto;
}
.top-box-3 .btns a.plan {
margin-bottom: 40px;
}
#info_slids li > div {
padding-left: 30px;
padding-right: 30px;
}
#info_slides li .season {
font-size: 20px;
left: 10px;
}
.info-1 {
padding-top: 50px;
}
.fac-0 .left {
float: none;
width: auto;
margin-right: auto;
}
.fac-0 .right > div {
max-width: none;
margin-top: 40px;
}
.fac-1 > div {
width: auto;
float: none;
max-width: 444px;
margin: 40px auto 0;
}
.fac-2 {
padding: 35px 0;
}
.fac-2 .left {
float: none;
width: auto;
max-width: 370px;
padding-right: 0;
margin: 0 auto 60px;
}
.fac-2 .right {
float: none;
}
.fac-2 .right > div {
float: none;
max-width: 424px;
margin-left: auto;
margin-right: auto;
}
.location-1 {
margin-top: 0;
}
.location-1 > div {
width: auto;
float: none;
margin-top: 50px;
margin-left: auto;
margin-right: auto;
}
}
@media screen and (max-width: 639px){
#footer .footer_logo {
float: none;
margin-left: auto;
margin-right: auto;
}
article.archive {
padding-right: 15px;
}
article.archive .left {
float: none;
width: auto;
margin-right: auto;
margin-left: auto;
margin-bottom: 20px;
}

}
@media screen and (max-width: 480px){
.fs-18 {
font-size: 18px;
text-align: left;
}
.fs-18 .disp_ib {
display: inline;
}
.sp480_tbl,
.sp480_tbl tr,
.sp480_tbl th,
.sp480_tbl td {
display: block;
width: auto;
}
html,
.guestroom-1 > div {
font-size: 14px;
}
.mg-t1 {
margin-top: 30px;
}
#footer {
padding-bottom: 20px;
}
#footer .right {
float: none;
}
#footer .copyright {
font-size: 12px;
float: none;
text-align: center;
}
.mainimg {
width: 140%;
margin-left: -20%;
}
.top-image-title {
width: 12%;
height: auto;
}
.top-image-title img {
max-height: 80%;
position: absolute;
top: 0;
bottom: 0;
margin: auto;
}
.vm {
font-size: 16px;
}
#top-news li {
height: auto;
padding: 15px 0;
}
#top-news .date {
float: none;
margin-bottom: 10px;
}
#top-news a {
height: auto;
}
.guestroom-1 .left {
padding-top: 50px;
}
.event {
margin-left: auto;
margin-right: auto;
margin-top: 0;
}
.event > div {
width: auto;
padding-left: 0;
padding-right: 0;
}
.postlinks .list a,
.postlinks .float_l a,
.postlinks .float_r a {
font-size: 14px;
}
.contact-tbl {
margin-top: 50px;
font-size: 16px;
}
.contact-tbl th {
padding-top: 10px;
padding-bottom: 0;
}
.contact-tbl input[type=text],
.contact-tbl input[type=email],
.contact-tbl input[type=tel],
.contact-tbl select,
.contact-tbl textarea {
font-size: 16px;
}
}