@charset "UTF-8";
/* CSS Document */

/*---all---*/
html {font-size:62.5%;}
body {font-size:1.6rem; font-family: 'Kaisei HarunoUmi', serif; font-weight: 400;letter-spacing: 0.2rem;background: url("/img/body_back.jpg");}/*500 700*/
h1 {font-size:19px; font-size:1.9rem;}
a:hover .button-simple {animation-play-state: paused;}
@media (max-width: 992px) {
body {font-size:1.4rem;}
}
li,ol,ul {list-style: none;margin: 0;padding: 0;}
@media (min-width: 751px) {
a[href*="tel:"] {pointer-events: none;cursor: default;text-decoration: none;}
}

/*---header---*/
header .jumbotron{
margin-bottom: 0rem;
border-radius: 0rem;
position: relative;
background-size: cover;
background-position: center top;
height: 500px;
}
header h1.logo{
position: absolute;
top: 30px;
left: 30px;
}
header h1.logo img{
max-width: 160px;
}
header p.asahi_live{
position: absolute;
bottom: 0;
right: 20px;
z-index: 3;
}
header p.asahi_live img{
max-width: 160px;
}
header p.asahi_live span {
    position: relative;
    display: inline-block;
}
header p.asahi_live span:before {
    margin-right: 3px;
}
header p.asahi_live .yureru-j {
    animation: yureru-j 4s infinite;
}
@keyframes yureru-j {
0% {transform: translate(0px, 1px);}
5% {transform: translate(0px, -1px);}
10% {transform: translate(0px, 1px);}
15% {transform: translate(0px, -1px);}
20% {transform: translate(0px, 1px);}
25% {transform: translate(0px, -1px);}
30% {transform: translate(0px, 0px);}
}
header .okami{
display: block;
position: absolute;
bottom: -7.5rem;
left: 10px;
max-width: 150px;
z-index: 1;
}
header .okami img{
width: 100%;
}
header .okami  span {
    position: relative;
    display: inline-block;
}
header .okami  span:before {
    margin-right: 3px;
}
header .okami .yureru-s {
    animation: yureru-s 8s infinite;
}
@keyframes yureru-s {
0% {transform: translate(1px, 0px);}
5% {transform: translate(-1px, 0px);}
10% {transform: translate(1px, 0px);}
15% {transform: translate(-1px, 0px);}
20% {transform: translate(1px, 0px);}
25% {transform: translate(-1px, 0px);}
30% {transform: translate(0px, 0px);}
}
.bg-light {
background-color: #FFFFFF !important;
}
.kita-menu{
margin: 0 auto;
padding: 1.0rem 0;
}
.kita-menu li{
border-right: #c8c8c8 1px solid;
padding: 0 1rem;
}
.kita-menu li:last-child{
border-right: none;
}
.kita-menu li .a{
border-right: #c8c8c8 1px solid;
padding: 0 1rem;
}
.kita-menu .sns{
margin-top: 0.5rem;
}
.kita-menu .sns img{
width: 20px;
}
.kita-menu .active{
padding-left: 24px;
background: url("../img/icon01.png") no-repeat left;
background-size: 24px;
}
.kita-menu a:hover {
transform: translateY(-2px);
-webkit-transition: .3s;
transition: .3s ;
}
nav .sns-menu{
position: absolute;
bottom: 22px;
right: 10px;
}
nav .sns-menu img{
width: 20px;
}
nav .sns-menu a {
position: relative;
display: inline-block;
}
nav .sns-menu a:hover {
transform: translateY(-2px);
-webkit-transition: .3s;
transition: .3s ;
}
@media (max-width: 1200px) {
}
@media (max-width: 992px) {
.navbar{padding: 1rem;}
header .okami{bottom: -5.6rem;}
.kita-menu li{border-right: none;}
nav .sns-menu{display: none;}
}
@media (max-width: 768px) {
header .jumbotron {height: 400px}
header h1.logo{top: 15px;left: 15px;}
header h1.logo img{max-width: 130px;}
header p.asahi_live{right: 10px;}
header p.asahi_live img{width: 90px;}
}
@media (max-width: 576px) {
header .jumbotron {height: 300px;}
header p.asahi_live img{width: 70px;}
header .okami img{width: 90px;}
}
@media (min-width: 1100px) {
.kita-menu{letter-spacing: 0.3rem;}
}

/*---footer-top---*/
.footer-top h5{
text-align: center;
margin-bottom: 5rem;
}
.footer-top h5 img{
max-width: 600px;
}

.footer-top .container-fluid:nth-child(1){
padding: 5rem 5rem 7rem;
background: url("/img/f-back01.jpg") no-repeat bottom right;
background-size:100%;
}
.footer-top .info-link{
background:rgba(255,255,255,0.4);
border: 1px #a7a3a1 solid;
min-height: 10rem;
position: relative;
transition: 0.5s;
}
.footer-top .info-link:hover {
background:rgba(255,255,255,0.85);
}
.footer-top .info-link p{
text-align: center;
margin: 0;
position: absolute;
top: 50%;
left: 50%;
margin-right: -50%;
transform: translate(-50%, -50%);
color: #000!important;
}
.footer-top .info-link p span{
font-size: 2.5rem;
letter-spacing: 0.4rem;
}
.footer-top .GoogleMap{
position: relative;
width: 100%;
height: 0;
padding-top: 20%;/*比率をお好みで*/
}
.footer-top .GoogleMap iframe{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
@media (max-width: 992px) {
.footer-top .info-link{margin-bottom: 2rem;}
.footer-top h5 img{width: 80%; max-width: 400px;}
.footer-top .GoogleMap{padding-top: 40%;}
}

/*========= ページトップのためのCSS ===============*/
/*リンクの形状*/
#page-top a{
  display: flex;
  width: 130px;
  transition:all 0.3s;
}
#page-top a img{
  width: 100%;
}
/*リンクを右下に固定*/
#page-top {
  position: fixed;
  right: 0;
  z-index: 5;
    /*はじめは非表示*/
  opacity: 0;
  transform: translateY(100px);
}
/*　上に上がる動き　*/
#page-top.UpMove{
  animation: UpAnime 0.5s forwards;
}
@keyframes UpAnime{
  from {
    opacity: 0;
  transform: translateY(100px);
  }
  to {
    opacity: 1;
  transform: translateY(0);
  }
}
/*　下に下がる動き　*/
#page-top.DownMove{
  animation: DownAnime 0.5s forwards;
}
@keyframes DownAnime{
  from {
    opacity: 1;
  transform: translateY(0);
  }
  to {
    opacity: 1;
  transform: translateY(100px);
  }
}
@media screen and (max-width: 767px) {
#page-top a{width: 100px;}
}

/*---Footer---*/
#footer {
position: relative;
padding: 60px 20px;
color: #fff;
background: url("/img/f-back02.jpg");
}
#footer:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 100%;
  width: 100%;
  height: 3vw;
  background-size: 100% auto;
}
.footer-inner {
  position: relative;
  max-width: 1024px;
  margin: 0 auto;
}
.fnav-01 ul {
  display: inline-block;
  vertical-align: top;
}
.fnav-01 li {
  padding-right: 5em;
  margin-top: 1em;
}
.fnav-01 a {
  color: #fff;
  text-decoration: none;
}
.fnav-01 a:hover {
  text-decoration: underline;
}
.fnav-02 {
  margin-top: 60px;
  font-size: 12px;
  color: #bcd0e3;
}
.fnav-02 ul {
  letter-spacing: -.5em;
}
.fnav-02 li {
  display: inline-block;
  vertical-align: top;
  letter-spacing: normal;
}
.fnav-02 li + li {
  margin-left: 1em;
}
.fnav-02 li + li:before {
  content: "|";
  margin-right: 1em;
}
.fnav-02 a {
  color: #fff;
}
.fnav-02 a:hover {
  text-decoration: underline;
}
.footer-logo-area {
  position: absolute;
  top: 0;
  right: 0;
  width: 270px;
  text-align: center;
}
.footer__btn-contact {
  margin: 60px 0;
}
.footer__btn-contact a {
  display: block;
  padding: 10px 15px;
  font-size: 15px;
  font-weight: bold;
  color: #000;
  background: #fff;
}
.footer__btn-contact a:hover {
  color: #fff;
  background: #000;
  opacity: 1;
}
.sns-list{
    position:absolute;
    right:0;
}
.sns-list li {
  display: inline-block;
  width: 31px;
  margin: 0 12px 0 0;
}
.sns-list li:last-child{
    margin:0;
}
.sns-list li a {
  opacity: 1;
}
.sns-list li a:hover {
  opacity: .75;
}
.sns-list img{
width: 100%;
}
.footer-txtbox {
  margin-top: 1em;
  font-size: 12px;
}
.footer-txtbox > * {
  display: inline-block;
  vertical-align: top;
}
.footer-card{
line-height: 2.3rem;
}
.footer-card img{
width: 200px;
}
.footer-card-br{
display: none;
}
.copy-right {
  color: #6390be;
}
.copy-company {
  margin-left: 5em;
  color: #364063;
}
@media screen and (min-width: 1100px) {
  #footer {z-index: 4;}
}
@media screen and (max-width: 1099px) {
  .fnav-01 {text-align: center;}
  .fnav-01 li {text-align: left;}
	.fnav-01 li:last-child {padding-right: 0;}
  .fnav-02 {text-align: center;}
  .footer-logo-area {position: static;margin: 30px auto;}
  .footer__btn-contact {margin-top: 30px;}
  .footer-txtbox {text-align: center;}
  .footer-txtbox > * {display: block;margin: .75em 0 0 !important;}
	.footer-card-br{display: block;}
}
@media screen and (max-width: 767px) {
#footer {padding: 10vw 6.67vw;}
.footer-inner {overflow: hidden;}
.fnav-01 {position: relative;text-align: left;margin: 0 -6.67vw;}
.fnav-01:after {content: "";display: block;position: absolute;top: 0;left: 50%;width: 0;height: 100%;border-left: 1px solid #364063;}
.fnav-01 ul {display: inline;letter-spacing: -.5em;}
.fnav-01 li {position: relative;width: 50%;height: 5em;padding: 0;margin: 0;display: inline-block;border-bottom: 1px solid #364063;vertical-align: top;letter-spacing: normal;}
.fnav-01 li span {position: absolute;display: block;top: 50%;left: 0;padding-left: 6.67vw;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.fnav-01 ul:last-child li:nth-child(3),
.fnav-01 ul:last-child li:last-child {border-bottom: none;}
.fnav-02 {margin-top: 10.67vw;font-size: 100%;}
.fnav-02 li {margin-bottom: 1em;}
.fnav-02 li:nth-child(2n+1):before {content: none;}
.footer-logo-area {width: 73.33vw;margin: 4vw auto;}
.footer__btn-contact {margin: 6vw 0 47.5px;}
.footer__btn-contact a {font-size: 117%;}
.sns-list{position:relative;text-align:center;}
.sns-list li {width: 40px;padding: .10px;margin: 0 30px 0 0;}
.footer-txtbox {font-size: 100%;margin-top:44px;}
.copy-right {font-size: 83%;}
}

/*---index---*/
#top h2{
text-align: right;
padding: 1rem 1rem 0;
vertical-align: middle;
}
#top h2 span{
display: inline-block;
border: 1px solid #d2ccc9;
font-weight: 400;
font-size: 1.2rem;
padding: 0.3rem 1rem;
width: inherit;
}
#top h2 span img{
height: 20px;
vertical-align: middle;
}
#top h2.sp-index{
display: none;
}
#top .navbar-brand img{
max-height: 30px;
}
#top header{
position: relative;
}
#top #carouselExampleControls{
position: relative;
}
#top header .carousel-indicators{
padding-bottom: 1rem;
}
#top header .carousel-caption{
position: absolute;
top: 60%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
padding: 0;
}
#top header .carousel-caption img{
width: 300px;
}
#top header .okami{
display: block;
position: absolute;
bottom: -1rem;
left: 10px;
max-width: 150px;
z-index: 1;
}
.link{
text-align: center;
}
.link a{
display: inline-block;
padding: 5px 30px;
background: #c30017;
color: #fff;
margin: 10px auto;
border-radius: 30px;
}
@media (max-width: 992px) {
#top h2.sp-index{display: block;text-align: center;letter-spacing: 0.1rem;}
}
@media (max-width: 768px) {
#top h2{display: none;}
#top header .carousel-caption{position: absolute;top: 58%;left: 50%;}
#top header .carousel-caption img{width: 130px;}
#top .carousel-item{height: 300px;} 
#top .carousel-item img{height: 300px;position: absolute;object-fit:cover;top: 0;left: 0;min-height: 300px;}
}
#i-concept{
position: relative;
padding: 5rem 3rem 10rem;
background-color: #fff;
background-image: url("/img/i-con-back.png"),url("/img/i-asahi01.png");
background-position:bottom left,top 3rem right 3rem;
background-size: 100%,25% auto;
background-repeat: no-repeat,no-repeat;
}
#i-concept .i-asahi{
text-align: center;
min-height: 330px;
}
#i-concept .i-asahi img{
display: inline-block;
margin-top: 2rem;
width: 200px;
}
#i-concept h3{
line-height: 3rem;
margin-bottom: 1rem;
}
#i-concept .text-box{
-webkit-writing-mode:vertical-rl;
-ms-writing-mode:tb-rl;
writing-mode: vertical-rl;
height: 42rem;
margin-left: auto;
margin-right: auto;
margin-top: 5rem;
text-align: left;
line-height: 3.5rem;
}
#i-concept .i-yadonushi{
position: absolute;
bottom: -1rem;
left: 2rem;
}
#i-concept .i-yadonushi img{
width: 150px;
}
#i-concept .sub-button{
display: block;
padding: 1.5rem 5rem;
background: url("/img/sub-botton-back.jpg") repeat top center;
background-size: cover;
max-width: 300px;
margin: 3rem auto 0;
text-align: center;
color: #fff;
}
@media (max-width: 992px) {
#i-concept{background-image: url("/img/i-con-back_sp.png");background-size: 100%;padding: 4rem 2rem 10rem;}
#i-concept .i-asahi{min-height: 150px;}
#i-concept .i-asahi img{width: 100px;margin-top: 0.5rem;}
#i-concept h2{text-align: center;}
#i-concept img{width: 100%;max-width: 350px;}
#i-concept .text-box{-webkit-writing-mode:lr-tb;-ms-writing-mode: rl-tb;writing-mode: lr-tb;height: auto;margin-top: 2rem;line-height: 2.5rem;}
#i-concept .i-yadonushi{right: auto;left: 3rem;}
#i-concept .i-yadonushi img{width: 100px;}
}
#i-miryoku{
position: relative;
text-align: center;
padding: 4rem 3rem 10rem;
}
#i-miryoku img{
width: 100%;
}
#i-miryoku h2{
text-align: center;
margin-bottom: 2rem;
}
#i-miryoku h2 img{
max-width: 650px;
}
#i-miryoku .row div{
margin-top: 30px;
}
#i-miryoku a{
display: block;
background:rgba(255,255,255,0.4);
border: 1px #949394 solid;
position: relative;
transition: 0.5s;
color: #000;
}
#i-miryoku a:hover {
background:rgba(255,255,255,0.9);
text-decoration: none;
}
#i-miryoku a p{
text-align: center;
margin: 0;
position: absolute;
top: 50%;
left: 50%;
margin-right: -50%;
transform: translate(-50%, -50%);
color: #000!important;
}
#i-miryoku h4{
padding: 1.5rem 1rem 0;
}
#i-miryoku h4.douga{
padding: 2.7rem 0;
}
#i-miryoku h3{
padding: 0 1rem 1rem;
color: #004471;
font-size: 2rem;
font-weight: 800;
}
@media (max-width: 992px) {
#i-miryoku .row div{margin-top: 20px;}
#i-miryoku h4.douga{
padding: 1.5rem 0;
}
}
@media (max-width: 768px) {
#i-miryoku{padding-bottom: 3rem;}
}

#i-movie{
  width: 100%;
padding: 100px 5rem 100px;
background: url("/img/i-movieback.jpg");
}

#i-sns{
padding: 5rem 5rem 150px;
background: url("/img/k-tada-back.jpg");
}
#i-sns img{
width: 100%;
max-width: 890px;
}
#i-sns .box{
padding: 1rem 2rem 2rem;
color: #fff;
margin-top: 3rem;
}
#i-sns .box img{
height: 50px;
width: auto;
}
#i-sns .blog{
background: #ba9665;
}
#i-sns .facebook{
background: #3c6098;
margin-left: auto;
margin-right: auto;
}
#i-sns .fb-page,
#i-sns .fb-page span,
#i-sns .facebook_wrap iframe{
width: 100% !important;
}
#i-sns .twitter{
background: #1da2dc;
margin-left: auto;
margin-right: auto;
width: 100%;
max-width: 500px;
padding-bottom: 1.5rem;
}
#i-sns .twitter a{
color: #fff;
}
#i-sns .twitter a img{
width: 100%;
height: auto;
}
#i-sns .twitter a p{
margin-top: 1rem;
font-size: 1.6rem;
}
#i-sns h3{
height: 50px;
position: relative;
text-align: center;
font-size: 2.3rem;
}
#i-sns h3 span{
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%) translateX(-50%);
}
#i-sns .text-box{
padding: 0;
color: #000;
font-size: 1.2rem;
margin-top: 2rem;
} 
#i-sns .blog .text-box{
background: #fff;
padding: 1rem 1.5rem 1.5rem;
} 
#i-sns h4{
text-align: center;
letter-spacing: 0.5rem;
font-weight: 300;
}
#i-sns .day{
color: #226880;
margin: 1rem 0 0;
}
#i-sns h5{
border-bottom: 1px solid #a0a0a0;
text-align: left;
letter-spacing: 0;
padding-bottom: 1rem;
color: #000;
}

@media (max-width: 992px) {
}
@media (max-width: 768px) {
#i-sns{padding: 3rem 2rem 5rem;}
}

/*---kitakami（北上荘とは）---*/
#kitakami .jumbotron{background-image: url("/img/kita_header.jpg");}
#k-concept{
padding: 5rem 5rem 10rem;
background: url("/img/k-con-back.png") no-repeat bottom left;
background-size:100%;
}
#k-concept h2{
text-align: right;
}
#k-concept h2 img{
max-width: 400px;
}
#k-concept h3{
line-height: 3rem;
margin-bottom: 1rem;
}
#k-concept .text-box{
-webkit-writing-mode:vertical-rl;
-ms-writing-mode:tb-rl;
writing-mode: vertical-rl;
height: 42rem;
margin-left: auto;
margin-top: 5rem;
text-align: left;
line-height: 3.5rem;
}
#k-tadaima{
padding: 5rem 5rem 150px;
background: url("/img/k-tada-back.jpg");
}
#k-tadaima .box{
position: relative;
}
#k-tadaima h2{
position: absolute;
top: 4rem;
right: 2.2rem;
-webkit-writing-mode:vertical-rl;
-ms-writing-mode:tb-rl;
writing-mode: vertical-rl;
font-size: 3rem;
letter-spacing: 0.5rem;
line-height: 5rem;
}
#k-tadaima h2 span{
background: #000;
color: #fff;
}
#k-tadaima img{
width: 100%;
}
#k-tadaima .text-box{
width: 60%;
position: absolute;
bottom: -100px;
right: -50px;
background:rgba(255,255,255,0.85);
padding:5rem 7rem;
}
#k-tadaima h3{
line-height: 3rem;
margin-bottom: 3rem;
}
#k-tadaima p{
line-height: 3rem;
}
#k-tadaima .asahi{
width: 75px;
position: absolute;
top: -20px;
right: 10px;
}
#k-omotenashi{
padding: 5rem 5rem 10rem;
}
#k-omotenashi img{
width: 100%;
}
@media (max-width: 992px) {
#k-concept{background-image: url("/img/k-con-back_sp.png");background-size: 100%;padding: 4rem 2rem 4rem;}
#k-concept h2{text-align: center;}
#k-concept img{width: 100%;max-width: 350px;}
#k-concept .text-box{-webkit-writing-mode:lr-tb;-ms-writing-mode: rl-tb;writing-mode: lr-tb;height: auto;margin-top: 2rem;line-height: 2.5rem;}
#k-tadaima h2{
position: absolute;top: 2rem;left: 2.2rem;-webkit-writing-mode:lr-tb;-ms-writing-mode: rl-tb;writing-mode: lr-tb;font-size: 2rem;line-height: 3.5rem;}
#k-tadaima .text-box{width: 90%;position: absolute;bottom: -8rem;right: auto;left: 5%;padding:2.5rem 3rem;}
}
@media (max-width: 768px) {
#k-tadaima{padding: 5rem 2rem 5rem;}
#k-tadaima .text-box{position:relative;width:100%;top:0;right:0;left:0;padding:1.8rem 2rem;}
#k-tadaima h3{font-size: 1.5rem;margin-bottom: 1.5rem;}
#k-tadaima .asahi{width: 50px;position: absolute;top: -30px;right: -15px;}
#k-omotenashi{padding: 3rem 0rem;}
}

/*---guide（ご案内）---*/
#guide .jumbotron{background-image: url("/img/guide_header.jpg");}
#guide h2{
text-align: center;
margin: 100px 0;
width: 100%;
}
#guide h2 img{
width: 100%;
max-width: 400px;
}
.tab-wrap {
  display: flex;
  flex-wrap: wrap;
  margin:0 auto;
	max-width: 1140px;
	padding: 0 20px;
}
.tab-wrap:after {
  content: '';
  width: 100%;
  height: 3px;
  background: #fff;
  display: block;
  order: -1;
}
.tab-label {
  color: #000;
  background: #e4d7c4;
  font-weight: bold;
  white-space: nowrap;
  text-align: center;
  padding: 10px .5em;
  order: -1;
  position: relative;
  z-index: 1;
  cursor: pointer;
  border-radius: 10px 10px 0 0;
  flex: 1;
	margin-bottom: 0;
}
.tab-label:not(:last-of-type) {
  margin-right: 5px;
}
.tab-content {
  width: 100%;
  height: 0;
  overflow: hidden;
  opacity: 0;
	border: 0;
	background: #fff;
	text-align: center;
	padding: 0!important;
}
/* アクティブなタブ */
.tab-switch:checked+.tab-label {
  background: #fff;
}
.tab-switch:checked+.tab-label+.tab-content {
  height: auto;
  overflow: auto;
  padding: 15px;
  opacity: 1;
  /*transition: .5s opacity;*/
}
/* ラジオボタン非表示 */
.tab-switch {
  display: none;
}
.tab-content h3{
font-family: 'Kaisei HarunoUmi', serif;
margin-top: 2.5rem;
font-size: 4.7rem;
color: #004471;
}
.tab-content h4{
margin-top: 6rem;
font-size: 1.8rem;
color: #000;
}
.tab-content p{
margin-top: 6rem;
}
.tab-content .row img{
width: 100%;
}
.tab-content .row div{
margin-top: 30px;
}
/* お部屋 */
.g-room {
	padding: 0 50px 60px;
}
.g-room h5{
text-align: left;
border-left: 9px solid #231815;
padding: 0.5rem 1rem 0.5rem 1.7rem;
font-size: 1.9rem;
margin:20px 0 10px;
}
.g-room h6{
padding: 2rem 1rem;
font-size: 1.9rem;
color: #fff;
background: url("/img/g-room03.jpg") top center/cover;
margin: 0;
}
.g-room .room-box{
background: #e4d7c4;
padding: 15px 15px 30px;
margin-top: 0!important;
}
.g-room .room-box p{
margin: 30px 0;
}
.g-room .room-box table{
margin: 0 auto;
}
.g-room .room-box th{
white-space: nowrap;
vertical-align: top;
padding-top: 0.5rem;
}
.g-room .room-box td{
text-align: left;
padding-left: 1rem;
padding-top: 0.5rem;
}
.g-room .room-box img{
max-width: 300px;
display: inline-block;
margin-top: 2rem;
}
/* お食事 */
.g-meal {
	padding: 0 50px 60px;
}
.g-meal h3{
padding-bottom: 3rem;
border-bottom: 1px solid #aaaaaa;
}
.g-meal p{
margin: 3rem 0;
font-size: 2rem;
}
.g-meal .text{
line-height: 3rem;
display: inline-block;
}
.meal-box01{
margin-top: 50px;
}
.meal-box01 img{
width: 100%;
}
.meal-box02{
margin-top: 50px;
padding: 2rem;
background: url("/img/g-meal03.jpg") top center/cover;
border: 1px solid #aaa;
line-height: 3rem;
}
.meal-box03 img{
width: 100%;
}
.meal-box04{
margin-top: 30px;
text-align: left;
letter-spacing: 0.2rem;
line-height: 3rem;
}
.meal-box04 h5{
font-size: 2.4rem;
border-bottom: 1px solid #aaa;
padding-bottom: 1.5rem;
margin-bottom: 1.5rem;
}
.meal-box05 {
padding-bottom: 30px;
}
.meal-box05 .row{
background: #e4d7c4;
text-align: left;
padding: 0 2rem 40px;
}
.meal-box05 h5{
text-align: left;
border-left: 9px solid #231815;
padding: 0.5rem 1rem 0.5rem 1.7rem;
font-size: 1.9rem;
white-space: nowrap;
}
.meal-box06{
margin-top: 10px;
}
.meal-box06 img{
display: inline-block;
width: 150px!important;
margin-right: 15px;
}
/* お風呂 */
.g-bath {
	padding: 0 50px 60px;
}
.g-bath h3{
padding-bottom: 2rem;
border-bottom: 1px solid #aaaaaa;
letter-spacing: 0.2rem;
position: relative;
}
.g-bath h3 img{
display: inline-block;
margin:0 1rem 0.7rem 0;
}
.g-bath h3 .title-img{
position: absolute;
top:-7rem;
right:1rem;
}
.g-bath h4{
min-height: 70px;
padding-top: 3rem;
background: url("/img/g-bath02.png") no-repeat center center/contain;
}
@media screen and (max-width: 900px) {
.g-bath h3 .title-img{width: 15%;position: absolute;top:-8rem;right:0;}
}
.g-bath .text{
display: inline-block;
}
.g-bath .bath-box h5 img{
width: 160px;
margin-top: 60px;
}
.g-bath .bath-box .container{
max-width: 950px;
}
/* 館内施設 */
.g-inside {
	padding: 20px 50px 60px;
	text-align: left;
}
.g-inside h5{
font-size: 2.4rem;
border-bottom: 1px solid #aaa;
padding-bottom: 1.5rem;
margin-bottom: 1.5rem;
margin-top: 1.5rem;
}
.g-inside img{
display: inline-block;
margin-top: 1.5rem;
}
/* 周辺情報 */
.g-spot {
	padding: 20px 50px 60px;
}
.g-spot h5{
font-size: 2.4rem;
padding-bottom: 1.5rem;
margin-bottom: 1.5rem;
margin-top: 1.5rem;
}
.g-spot h6{
margin: 3rem 0;
font-size: 1.7rem;
color: #004471;
border-bottom: 1px solid #aaa;
line-height: 3rem;
padding: 0 20px 3rem;
}
.g-spot .text{
line-height: 3rem;
display: inline-block;
padding: 0 20px;
}
.g-spot .box{
background: #ece6de;
padding: 30px 40px;
}
.g-spot .box h5{
color: #004471;
font-size: 2rem;
}
.g-spot .box p{
margin: 0;
}
.g-spot .box img{
display: inline-block;
margin: 0 0 1.5rem;
}
.g-spot .box span{
display: inline-block;
text-align: left;
line-height: 3rem;
}
.g-spot .box a{
display: block;
background: #0C2D53;
padding: 0.8rem 2rem;
color: #fff;
margin-top: 2rem;
}
.tab-content .g-spot .row div{
margin-top: 15px;
}
/* 料金 */
.g-price {
	padding: 20px 50px 60px;
}
.g-price h5{
padding-bottom: 1.5rem;
margin-bottom: 1.5rem;
margin-top: 1.5rem;
color: #004471;
font-size: 2rem;
}
.g-price .box{
background: #ece6de;
padding: 30px 40px 10px;
}
.g-price .box img{
display: inline-block;
margin: 0 0 1.5rem;
}
.g-price .box span{
display: inline-block;
text-align: left;
line-height: 3rem;
margin-top: 0.5rem;
}
.g-price .price{
line-height: 4.5rem;
margin-bottom: 30px;
}
.g-price .price span{
font-size: 2.7rem;
}
.g-price .price .priceup{
font-size: 1.6rem;
text-decoration: underline;
color: #c30017;
}
.g-price .price .button{
background: url("/img/g-price_back.jpg") center center/cover;
color: #fff;
padding: 1rem;
transition: 0.5s;
}
.tab-content .g-price .row{
padding-left: 0;
padding-right: 0;
}
.tab-content .g-price .row div{
margin-top: 15px;
}
.g-price .otoku h5{
width: 100%;
border-bottom: 1px solid #004471;
padding-bottom: 2rem;
margin-bottom: 2rem;
margin-left: 15px;
margin-right: 15px;
}
.g-price .otoku a.link{
display: block;
margin-top: 3rem;
background: url("/img/g-price_back.jpg") center center/cover;
color: #fff;
padding: 1rem;
transition: 0.5s;
}
.g-price .otoku a.link:hover{
text-decoration: none;
opacity: 0.8;
}
.g-price .otoku h6{
font-size: 1.6rem;
margin-bottom: 2rem;
}
.g-price .otoku table {
display: inline-block;
margin: 0 auto!important;
}
.g-price .otoku th,.otoku td {
padding: 0 0.5rem;
}
.g-price .otoku th {
font-weight: 500;
text-align: right;
}

@media (max-width: 768px) {
#guide h2{margin: 30px 0;}
.tab-wrap {padding: 0;}
.tab-label {font-size: 1.0rem; padding: 10px .2em;}
.tab-content h3{font-size: 3rem;}
.tab-content p{margin-top: 4rem;}
.g-room {padding: 0 20px 50px;}
.g-meal {padding: 0 30px 50px;}
.g-meal .text{text-align: left!important;}
.meal-box01{margin-top: 25px;}
.meal-box02{margin-top: 10px;text-align: left;}
.meal-box04 h5{font-size: 2rem;}
.g-bath {padding: 0 20px 50px;}
.g-bath .text{text-align: left!important;}
.g-inside {padding: 0 20px 50px;}
.g-spot {padding: 0 10px 50px;}
.g-spot .text{text-align: left!important;}
.g-spot .box{padding: 20px 20px;text-align: left}
.g-spot h5{padding-bottom: 0;}
.g-price {padding: 0 10px 50px;}
.g-price .box{padding: 20px 20px 10px;text-align: left}
.g-price .price span{font-size: 2.2rem;}
.g-price .price{line-height: 3rem;margin-bottom: 10px;}
.g-price .price table,
.g-price .price td,
.g-price .price th {
  border-collapse: collapse;
}
.g-price .price tr {display: block;margin-bottom: 1rem;}
.g-price .price th {display: block; width:100%;text-align: left;}
.g-price .price td {display: inline;}

}

/*---access（アクセス）---*/
#access .jumbotron{background-image: url("/img/acce_header.jpg");}
#access h2{
text-align: center;
margin: 100px 0;
width: 100%;
}
#access h2 img{
width: 100%;
max-width: 400px;
}
#access #a-map{
max-width: 963px;
margin: 0 auto;
padding: 0 15px 80px;
}
#access #a-map .GoogleMap{
position: relative;
width: 100%;
height: 0;
padding-top: 56.25%;/*比率をお好みで*/
}
#access #a-map .GoogleMap iframe{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#a-overview{
max-width: 993px;
margin: 0 auto;
padding: 0 15px 80px;
}
#a-overview h3{
text-align: center;
}
#a-overview h3 img{
max-width: 200px;
}
#a-overview .box{
max-width: 663px;
margin: 3rem auto 0;
border: 1px #c1c2c2 solid;
padding: 15px 30px;
}
#a-overview .box table{
width: 100%;
}
#a-overview .box tr{
border-bottom: 1px #c1c2c2 dashed;
}
#a-overview .box tr:last-child{
border-bottom: none;
}
#a-overview .box th{
padding: 1rem;
font-weight: 500;
}
#a-overview .box td{
padding: 1rem;
}
#a-overview .box td img{
max-width: 200px;
}
#a-overview .box td a{
color: #000;
text-decoration: underline;
text-decoration-color: #c1c2c2;
text-underline-offset: 2px;
}
#a-overview .box2{
max-width: 993px;
border: none;
text-align: center;
}
#a-overview .box2 h4{
color: #004471;
font-size: 2.7rem;
}
#a-overview .box2 p{
line-height: 3rem;
margin-top: 1rem;
}
@media (max-width: 768px) {
#access h2{margin: 30px 0;}
#a-overview{padding: 0 15px 30px;}
#a-overview .box{padding: 5px 15px;}
#a-overview .box2 h4{text-align: left;font-size: 2rem;}
#a-overview .box2 p{text-align: left;}
}

/*---inquiry（問合せ）---*/
#inquiry .jumbotron{background-image: url("/img/inq_header.jpg");}
#inquiry h2{
text-align: center;
margin: 100px 0 30px;
width: 100%;
}
#inquiry h2 img{
width: 100%;
max-width: 400px;
}
@media (max-width: 768px) {
#inquiry h2{margin: 30px 0 0;}
#inquiry .row .col-12{padding: 0;}
}

/*---reserve（予約）---*/
#reserve .jumbotron{background-image: url("/img/reser_header.jpg");}
#reserve h2{
text-align: center;
margin: 100px 0 30px;
width: 100%;
color: #004471;
font-size: 3.6rem;
}
#reserve #r-title{
margin: 0 auto;
max-width: 1000px;
}
#reserve .r-title{
background-color: #ba9665;
color: #fff;
padding: 2rem 2rem 0.5rem;
text-align: center;
}
#reserve .r-title h3{
font-size: 3rem;
}
#reserve .r-title p{
margin-top: 1rem;
vertical-align: middle;
}
#reserve .r-title span{
display: inline-block;
padding: 0.5rem;
background-color: #612916;
border-radius: 10px;
margin: 0 0.5rem 0.5rem 0;
vertical-align: middle;
}
#reserve #r-title .text{
margin-top: 2rem;
text-align: center;
}
@media (max-width: 768px) {
#reserve h2{margin: 30px 0 15px;padding: 0 10px; font-size: 2rem;}
#reserve .row .col-12{padding: 0;}
#reserve #r-title .text{padding: 2rem 2rem 0.5rem;text-align: left;}
}

/*---policy（各種ポリシー）---*/
#policy header .jumbotron{
background: #fff;
text-align: center;
height: auto;
padding-top: 0;
}
#policy header h1{
padding: 0;
margin: 0;
}
#policy header h1.logo{
position: relative;
width: 95%;
padding: 0;
margin: 0;
}
#policy header h1.logo img{
max-width: 300px;
}
#sentence{
text-align: center;
margin-top: 50px;
padding-bottom: 100px;
}
#sentence h2{
font-size: 2.7rem;
}
#sentence p{
margin-top: 65px;
font-family: "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#sentence table{
margin: 50px auto 50px;
}
#sentence table th,#sentence table td{
padding: 1rem 2rem;
border: #c8c8c8 1px solid;
}
#sentence table th{
background: #efefef;
text-align: left;
}
#sentence table td{
background: #fff;
}
.detail{
margin: 70px auto 0;
font-size: 1.3rem;
text-align: left;
max-width: 600px;
letter-spacing: 0;
}
.detail h3{
margin: 2rem 0;
padding: 0;
}
.detail p{
margin-top: 30px!important;
}
.detail li{
list-style-type: decimal;
margin-left: 3rem;
font-family: "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#sentence p.site{
margin-top: 0;
}
.navbar-toggler {
z-index: 5;
}
/*あさひLIVE*/
#live{
text-align: center;
margin-top: 50px;
padding-bottom: 100px;
}
#live h2{
font-size: 2.7rem;
}
#live h2 span{
display: inline-block;
margin-left: 1rem;
background: #C31417;
padding: 0.5rem 1rem;
border-radius: 0.5rem;
font-size: 1.2rem;
color: #fff;
vertical-align: middle;
margin-bottom: 0.5rem;
}
#live p{
margin-top: 65px;
font-family: "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#live p span{
mfont-family: apple color emoji,segoe ui emoji,noto color emoji,android emoji,emojisymbols,emojione mozilla,twemoji mozilla,segoe ui symbol;
}
#live img{
width: 100%;
}
#live .movie{
margin-top: 5rem;
width: 100%;
aspect-ratio: 16/9;
}
#live iframe {
width: 100%;
height: 100%;
}
@media (max-width: 768px) {
#policy header .jumbotron{margin: 0;padding: 0;}
#policy header h1.logo{position: absolute;top:0.7rem;left:1rem;z-index: 2;}
#policy header h1.logo img{max-width: 150px;}
#sentence{padding-bottom: 50px;}
#live{padding-bottom: 50px;}
}