@charset "UTF-8";



/* --------------------------------------------------
スマホのみ改行、center
-------------------------------------------------- */

@media screen and (min-width: 600px){

.br-sp {display: none;}

}

/* --------------------------------------------------
PCのみ改行、center
-------------------------------------------------- */
@media screen and (max-width: 600px){

.br-smh {display: none;}
.center-smh {text-align:center;}

}



/* --------------------------------------------------
youtube
-------------------------------------------------- */

.youtube-wrapper{max-width:700px;width:100%;height:auto;text-align:center;margin:0 auto;}
.movie-wrap {position: relative;padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/height: 0;overflow: hidden;}
.movie-wrap iframe {position: absolute;top: 0;left: 0;width: 100%; height: 100%;}


/* --------------------------------------------------

-------------------------------------------------- */

.btnlinestretches5{
    /*線の基点とするためrelativeを指定*/
  position:relative;
    /*リンクの形状*/ 
  color:#333;
  display:inline-block;
    text-decoration: none;
    outline: none;
}

/*線の設定*/
.btnlinestretches5::before {
    content: "";
    /*絶対配置で線の位置を決める*/
    position: absolute;
    bottom: 0;
    /*線の形状*/
    width: 100%;
    height: 1px;
    background: #333;    
}


/*線と矢印を繰り返しアニメーション*/
.btnlinestretches5::before {
    animation: arrowlong01 2s ease infinite;
}
.btnlinestretches5::after {
    animation: arrowlong02 2s ease infinite;
}

@keyframes arrowlong01{
    0%{width:0;opacity:0}
    20%{width:0;opacity:1}
    80%{width:105%;opacity:1}
    100%{width:105%;opacity:0}
}

@keyframes arrowlong02{
    0%{left:0;opacity:0}
    20%{left:0;opacity:1}
    80%{left:103%;opacity:1}
    100%{left:103%;opacity:0}
}


/* --------------------------------------------------
looding 普通のまる
-------------------------------------------------- */


/* ブラウザのスクロールバーを常に表示させることでカクカクッとなるのを防ぐ */
html{
  overflow-y:scroll;
}
 
/* ローディングの背景部分のCSS */
.loader{
  background:#fff;
  height:100%;
  left:0;
  position:fixed;
  top:0;
  width:100%;
  z-index:10000;
}
 
/* ローディングのアニメーション部分のCSS (https://projects.lukehaas.me/css-loaders/) */
.loader-animation,
.loader-animation:after {
  border-radius: 50%;
  width: 6em;
  height: 6em;
  position:absolute;
top: 40%;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}

  
.loader-animation {
  margin: 0 auto;
  font-size: 1.0rem;
  position: relative;
  text-indent: -9999em;
  border-top: 2px solid #ccc;
  border-right: 2px solid #ccc;
  border-bottom: 2px solid #ccc;
  border-left: 2px solid #ffffff;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/* --------------------------------------------------
基本設定
-------------------------------------------------- */

html {
    /* ルートのフォントサイズを10pxに設定しておく */
	font-size: 62.5%;
}


body {color:#333;margin: 0;font:16px/1 'Helvetica Neue', 'Arial', 'Hiragino Kaku Gothic ProN','Hiragino San', 'Meiryo', sans-serif;}
* html body {font-size: 1.6em;}
*:first-child+html body {font-size: 1.6em;}


.menubox-wrapper-left .menubox-copy,.page-title,.home-copy-color,.en-title,.en-title-default,.title-en,.custom-en{font-family: 'Poppins', sans-serif;}
{font-family: 'Noto Sans JP', sans-serif;}

.home-copy-smh,.font-jp,.newBox h3,.home-verticalwriting,.entryline h1,#entryside h2{font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;-webkit-font-smoothing: antialiased;}


    
* html body {font-size: 1.6em;}
*:first-child+html body {font-size: 1.6em;}




h3{line-height:1.9;}

.contents-links a:link{color:#333333;}
.contents-links a:visited{color:#333333;}
a:hover{color:#000;text-decoration:none;}
a:active{color:#000;text-decoration:none;}

.big{font-size:2.2rem;}
.middle{font-size:1.8rem;}
.small{font-size:1.2rem;}
.small02{font-size:1.0rem;}
.small03{font-size:1.4rem;}
.red{color:#ff0000;}
.white{color:#ffffff;}
.black{color:#333333;}
.blue{color:#3269b1;}


.nowrap{white-space: nowrap;}
.font-normal{font-weight:normal;}
.fa-check-square{font-size:2.5rem;font-weight:600;color:#0facd9;margin-right:10px;}
.arrow {font-size:14px;margin-top:10px;animation-name: arrow;animation-timing-function: ease-in-out;animation-iteration-count: infinite;animation-direction: alternate;animation-duration: 1.5s;}

@keyframes arrow {
    0% {transform: translate(0,0px);}
    100% {transform: translate(0,-15px)}
}


/* 文字選択背景色 */
::selection {background: #a7a491; /*背景色*/color: #fff; /*文字色*/}
::-moz-selection {background: #a7a491; /*背景色*/color: #fff; /*文字色*/}




/* ################################### 画面サイズ650px以下 ########################################### */
@media screen and (max-width:650px) {

.page-title .heading06 {position: relative;padding-top: 50px;padding-bottom: 50px;font-size: 2.2rem;text-align: center;letter-spacing:0.1em;}
.page-title .heading06::before {content: attr(data-en);position: absolute;top: -20px;left: 50%;transform: translateX(-50%);color: rgba(19,143,46,1);font-size: 50px;}

}/* 650px以下end */


/* 文字基本見出し指定 */
.conterts-title h3{font-size:2.0rem;font-weight:600;margin-top:20px;line-height:1.6;}
.conterts-title h3 span{font-size:1.7rem;font-weight:400;margin-left:20px;}
.conterts-title h4{font-size:1.4rem;margin-top:5px;}


.conterts-title02 h3{font-size:3.0rem;font-weight:600;margin-top:20px;line-height:1.6;}
.conterts-title02 h3 span{font-size:1.7rem;font-weight:400;}


.en-title{font-size:2.2rem;font-weight:600;}
.en-title-default{font-size:1.5rem;font-weight:600;color:#a2c9f4;line-height:30px;}
.home-copy-smh{font-size:2.3rem;font-weight:600;letter-spacing:0.2em;}



.cr { clear:both; }
.clearfix::after {content: " ";display: block;clear: both;}
.center{text-align:center;}
.right{text-align:right;}


p,h4{line-height:2.2;}
p img,h1 img,h2 img,h3 img,h4 img,.link-style img{vertical-align: middle;}
li{list-style : none ;} 
 
/* Hides from IE-mac */
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


.gray-block{padding:20px 30px;background:#f3f3f3;}
.blue-line{margin:30px 0;padding:20px 30px;border:10px solid #bae0f0;text-align:center;}


.space01{margin:0 0 10px;}
.space02{margin:0 0 20px;}
.space03{margin:0 0 30px;}
.space04{margin:0 0 40px;}
.space05{margin:0 0 50px;}
.space06{margin:0 0 60px;}
.space07{margin:0 0 70px;}
.space08{margin:0 0 80px;}
.space09{margin:0 0 90px;}
.space10{margin:0 0 100px;}
.space11{margin:10px 0 0;}
.space12{margin:20px 0 0;}
.space13{margin:30px 0 0;}
.space14{margin:10px 0 100px;}
.space15{margin:30px 0 50px;}
.space16{padding:30px 0 100px;}
.space17{padding:60px 0;}
.space18{margin:80px 0 20px;}
.space19{padding:40px 0;}
.space20{padding-top:80px;padding-bottom:30px;}
.space21{padding:10px 0;}
.space22{padding-top:0;padding-bottom:30px;}
.space23{padding:60px 0 0;}
.space24{padding-bottom:100px;}
.space25{padding:100px 0 0;}
.space26{padding:0 0 50px;}
.space27{margin-top:-100px;}
.space28{padding:120px 0;}
.space29{padding:60px 0 100px;}
.space30{margin-bottom:-70px;}
.space31{margin:30px 0;}
.space17-smh{padding:100px 0 30px;}
.space18{margin:60px 0 0;}
.space19-smh{padding:60px 0 20px;}

.space23-smh{padding:60px 0 0;}



/* ################################### 画面サイズ600px以下 ########################################### */
@media screen and (max-width:600px) {

.conterts-title h3,.conterts-title02 h3{font-size:2.0rem;}
.conterts-title h3 span,.conterts-title02 h3 span{font-size:2.0rem;}
.home-copy-smh{font-size:2.2rem;}

.space17-smh{padding:70px 0 30px;}
.space19-smh{padding:40px 0 10px;}
.space23-smh{padding:0;}
.space32-smh{padding-top:-90px;}
.space33-smh{padding-bottom:90px;}
.space34-smh{padding-bottom:50px;}



}/* 600px以下end */



/* ################################### 画面サイズ550px以下 ########################################### */
@media screen and (max-width:550px) {

p,td,li,#newBox{font-size:14px;}
#tree .breadcrumb{font-size:11px;}

.home-copy-smh{font-size:2.0rem;}

}/* 550px以下end */



/* --------------------------------------------------
第2階層NAVI
-------------------------------------------------- */

.centered {position: relative;overflow: hidden;margin:20px 0 80px;}
.centered ul {position: relative;left: 50%;float: left;padding-top:50px;}
.centered ul li {position: relative;left: -50%;float: left;font-size:1.6rem;line-height:1.9;white-space: nowrap;}
.centered ul li a{margin:0 20px;}


/* ########### 768px以下 ########### */
@media (max-width: 768px) {

.centered ul li a{margin:0 5px;}

}/* 768px以下end */


/* --------------------------------------------------
ふわっ
-------------------------------------------------- */

/* fadeUp */

.fadeUp{animation-name:fadeUpAnime;animation-duration:0.5s;animation-fill-mode:forwards;opacity:0;}

@keyframes fadeUpAnime{
from {opacity: 0;transform: translateY(100px);}
to {opacity: 1;transform: translateY(0);}
}

/* スクロールをしたら出現する要素にはじめに透過0を指定　*/
 .fadeUpTrigger{opacity: 0;}


/*==================================================
文字背景色が伸びて出現
===================================*/

/*全共通*/

.bgextend{animation-name:bgextendAnimeBase;animation-duration:1s;animation-fill-mode:forwards;position: relative;overflow: hidden;opacity:0;animation-delay: 1s;}

@keyframes bgextendAnimeBase{
  from {opacity:0;}
  to {opacity:1;}
}

/*中の要素*/
.bgappear{animation-name:bgextendAnimeSecond;animation-duration:1s;animation-delay: 0.6s;animation-fill-mode:forwards;opacity: 0;animation-delay: 2s;}

@keyframes bgextendAnimeSecond{
  0% {opacity: 0;}
  100% {opacity: 1;}
}

/*左から右*/
.bgLRextend::before{animation-delay: 1s;animation-name:bgLRextendAnime;animation-duration:3s;animation-fill-mode:forwards;animation-iteration-count:infinite;content: "";position: absolute;width: 100%;height: 100%;border-bottom:1px solid #fff;
}
@keyframes bgLRextendAnime{
  0% {transform-origin:left;transform:scaleX(0);}
  50% {transform-origin:left;transform:scaleX(1);}
  50.001% {transform-origin:right;}
  100% {transform-origin:right;transform:scaleX(0);}
}

/* スクロールをしたら出現する要素にはじめに透過0を指定　*/
.bgappearTrigger,.bgLRextendTrigger{opacity: 0;}




/* --------------------------------------------------
スクロール途中から上部固定
-------------------------------------------------- */

#contentsindex{position:relative;z-index: 990;}

#header{position: fixed;width:100%;z-index: 999;}





/*==ふわっと出現させるためのCSS*/

/*　上に上がる動き　*/

#header.UpMove{position: fixed;width:100%;animation: UpAnime 0.5s forwards;  }

@keyframes UpAnime{
  from {opacity: 1;transform: translateY(0);}
  to {opacity: 0;transform: translateY(-100px);}
}

/*　下に下がる動き　*/
#header.DownMove{position: fixed;width:100%;animation: DownAnime 0.5s forwards;}

@keyframes DownAnime{
  from {opacity: 0;transform: translateY(-100px);
  }
  to {opacity: 1;transform: translateY(0);}
}



/*　スマホでスクロールした時背景透明　*/
#header.bgnon { background-color: rgba(255,255,255,0); }
#header.bgw { background-color: rgba(255,255,255,1); }


/*　上余白（スクロールの弊害）　*/




@media screen and (max-width:1140px) {
#header,
#header.UpMove,
#header.DownMove{
    animation:none;
    height: auto;
    padding: 0;
    display: block;
    background-color: rgba(255,255,255,0);
}


    
}



/* --------------------------------------------------
vegas
-------------------------------------------------- */
.wrapper-slider{max-width:2000px;}


/* --------------------------------------------------
slick
-------------------------------------------------- */

.bg-slider{padding:0;}

.imagesyosai{float:left;width:50%;}
.imagesyosai img{width:100%;height:auto;}



/* --------------------------------------------------
wrapper
-------------------------------------------------- */

/* 全体の横幅を固定 */

.wrapper,.wrapper-default{max-width: 1200px;margin: 0 auto;text-align:left;clear:both;width:100%;}
.wrapper-default-inner,.wrapper-home-inner{margin:0 20px;}
.wrapper-bg{padding:10px 0;background:#3269b1;}
.wrapper-bg-default{max-width: 1500px;margin: 0 auto;text-align:left;clear:both;width:100%;}

.wrapper-bg02{background: #f3f3f3;padding:50px 0;}


/* ################################### 画面サイズ768px以下 ########################################### */
@media screen and (max-width:960px) {

#wrapper,#wrapper-default{padding-top:50px;}

}/* 768px以下end */



/* 文字左、写真右回り込み */

.photo-box{display: flex;max-width:2000px;width:100%;margin: 0 auto 60px 0;clear:both;}
.photo-box-left{flex: 1;padding:0 20px;}
.photo-box-right{flex: 1;}
.photo-box-right-inner{width:90%;margin:20px auto;}
.photo-box-right02-inner{width:90%;margin:20px auto;}

.photo-box02{display: flex;flex-flow: row-reverse;max-width:2000px;width:100%;margin: 0 auto 60px 0;clear:both;}
.photo-box02-left{flex: 1;padding:0 20px;}
.photo-box02-right{flex: 1;}
.photo-box02-right-inner{width:90%;margin:20px auto;}
.photo-box02-right02-inner{width:90%;margin:20px auto;}

.photo-box-left img,.photo-box02-left img{width:100%;height:auto;}
.concept-block{padding-top:70px;}


.photo-box-right img{width:100%;height:auto;}


/* ################################### 画面サイズ960px以下 ########################################### */
@media screen and (max-width:960px) {

.concept-block{padding-bottom:70px;padding-top:20px;}
.photo-box,.photo-box02{display:block;margin: 0 auto 40px;}
.photo-box-left,.photo-box02-left{padding-bottom:20px;}
.photo-box-left,.photo-box02-left{text-align:center;}
.photo-box-left a{text-align:center;}
.photo-box-left img,.photo-box02-left img{width:96%;height:auto;}
.smh-center{text-align:center;}

}/* 960px以下end */

/* ################################### 画面サイズ768px以下 ########################################### */
@media screen and (max-width:768px) {

.photo-box-right-inner,.photo-box02-right-inner{width:90%;}
.photo-box-right02-inner,.photo-box02-right02-inner{width:90%;}

}/* 768px以下end */




/* ################################### 画面サイズ500px以下 ########################################### */
@media screen and (max-width:500px) {

.photo-box-left img,.photo-box02-left img{width:100%;}
.concept-block{padding-bottom:30px;}


}/* 500px以下end */



/* --------------------------------------------------
header / top-list
-------------------------------------------------- */

header{width:100%;padding-bottom:0;}
.header-global{clear:both;width:100%;}
.header-global-inner{max-width:1770px;width:100%;margin:0 auto;}
.top-list-left {display: flex;margin-top:30px;margin-left:20px;}
.top-list-left h1 img{float:left;width: 200px;height: auto;padding:0 0 0 0;}


.top-list{display: flex;width:100%;}
.top-list-left{flex:1;}
.top-list-right{text-align:right;margin-right:10px;margin-top:30px;}
.top-list-right{padding-right:40px;}


/* ######################################### ロゴ1141px以上 ######################################### */
@media (min-width: 1141px) {

.logo-responsive{display:none;}

}/* 1441px以上 end */





/* ################################### ロゴ1140px以下 ########################################### */

@media screen and (max-width:1140px) {

.top-list-left {display:none;}
.logo-responsive h3{text-align:center;}
.logo-responsive h3 img{max-width:200px;width:100%;height:auto;padding-top:50px;padding-right:0px;}

}/* 1140px以下end */


/* ################################### 画面サイズ600px以下 ########################################### */

@media screen and (max-width:600px) {

.logo-responsive h3 img{padding-top:50px;}

}/* 600px以下end */

/* ################################### 画面サイズ420px以下 ########################################### */

@media screen and (max-width:600px) {

.logo-responsive h3 img{padding-top:80px;}

}/* 420px以下end */



/* ######################################### 1500px以上 ######################################### */
@media (min-width: 1500px) {

.header-global{clear:both;max-width:1800px;width:100%;margin:0 auto 10px;}

}/* 1500px以上 end */




/* ################################### 画面サイズ1140px以下 ########################################### */
@media screen and (max-width:1140px) {


header,.header-global{background: transparent;}
header{margin-bottom:0;}
.top-list{display: block;}
.top-list-left{text-align:center;padding:50px 0 30px;margin-left:0px;}
.top-list-right{text-align:center;margin-left:0px;}
.top-list-right a{;font-weight:bold;}
.top-list-right .header-tel{margin-right:0;}
.top-list-left h1 img{max-width:100px;width:100%;height:auto;padding-right:0px;}

}/* 1140px以下end */



/* --------------------------------------------------
mainphoto
-------------------------------------------------- */

/* home-header */

.home-main-block{position: relative;max-width:4000px;margin: 0 auto;}
.home-box{max-width:4000px;height:900px;margin:0 0 0 auto;}


.home-copy{max-width:2000px;width:100%;height:auto;position: absolute;top: 0;left: 0;}
.home-copy .home-copy-contents{max-width:2000px;width:100%;padding-top:380px;padding-left:60px;}
.home-copy-en{font-weight:400;line-height:65px;font-size:5rem;color:#787b47;}
.home-copy-jpsrider span{color:#fff;font-weight:400;font-size:1.7rem;padding:10px 10px;letter-spacing: 0.5em;}
.home-copy-under{font-size:2.5rem;font-weight:500;letter-spacing:0.1em;}
.home-copy-color{color:#fff;font-weight:400;font-size:1.4rem;line-height:40px;margin-top:-20px;margin-bottom:20px;}
.home-copy-kusuri img{max-width:100px;width:100%;height:auto;}




/* ################################### 画面サイズ1400px以下 ########################################### */
@media screen and (max-width:1400px) {

.home-box{height:650px;}

}/* 1400px以下end */


/* ########### 1140px以下 ########### */
@media (max-width: 1140px) {

.home-box{height:600px;}
.home-copy .home-copy-contents{padding-top:150px;}
.home-main-block{margin-top:30px;}
.home-copy .home-copy-contents{padding-left:0;}
.home-copy-under{text-align:center;font-size:2.0rem;margin-bottom:10px;}
.home-copy-color{text-align:center;}
.home-copy-kusuri{text-align:center;}
.home-copy-kusuri img{max-width:80px;width:100%;height:auto;}


}/* 1140px以下end */


/* ########### 600px以下 ########### */
@media (max-width: 600px) {

.home-copy .home-copy-contents{padding-top:250px;}
.home-copy-kusuri{margin-top:20px;}
.home-copy-kusuri img{max-width:50px;width:100%;height:auto;}


}/* 600px以下end */




/* --------------------------------------------------
HOME
-------------------------------------------------- */

.home-topbox{max-width:1100px;margin:0 auto;}




/* --------------------------------------------------
HOME以外のページ　文字が流れる
-------------------------------------------------- */

/*------- 画像文字が流れる -------*/
.flow-font01 {position: relative;height: 200px;overflow: hidden;}
.flow-font01::before {content: "";position: absolute;top: 40px;left: 0;width: 100%;height: 230px;background-image: url(../imgservice/flowing.png);background-repeat: repeat-x;background-position: 0 0;background-size: 1000px auto;animation: flow-font01 10s linear infinite;z-index: -1;}
@keyframes flow-font01 {
  0%   { background-position: 0 0;}
  100% { background-position: -1000px 0;}
}
@media screen and (max-width: 768px) {
.flow-font01 {padding: 60px 10vw;}
.flow-font01::before {background-size: 500px auto;}
@keyframes flow-font01 {
  0%   { background-position: 0 0;}
  100% { background-position: -500px 0;}
}
}







/* --------------------------------------------------
subscriptionfooter
-------------------------------------------------- */

.subscriptionfooter-wrapper{clear:both;background:#799a3c;}


.subscriptionfooter-box{display:flex; justify-content: center;align-items: center; max-width:700px;width:100%;margin:0 auto;padding:20px 20px 40px;}
.subscriptionfooter-box-left{flex:1;text-align:center;}
.subscriptionfooter-box-right{flex:1;text-align:right;}

.subscriptionfooter-box-left h3{margin-top:20px;white-space: nowrap;font-size:2.2rem;font-weight:500;color:#fff;}



/* ########### 768px以下 ########### */
@media (max-width: 768px) {

.subscriptionfooter-box{text-align:center;}
.subscriptionfooter-box{display:block;padding:10px 0 30px;}
.subscriptionfooter-box-right{text-align:center;}
.subscriptionfooter-box-left h3{font-size:2.0rem;}

}/* 768px以下end */




/* --------------------------------------------------
contactfooter
-------------------------------------------------- */

.contactfooter-wrapper{clear:both;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
.contactfooter-box{display:flex;align-items:center;max-width:900px;width:100%;margin: 0 auto;clear:both;padding:20px 0 30px;}
.contactfooter-box-left{flex:3;}
.contactfooter-box-right{flex:2;text-align:right;}

.contactfooter-box h3{white-space: nowrap;font-weight:500;font-size:2.5rem;letter-spacing:0.3em;}


/* ########### 768px以下 ########### */
@media (max-width: 768px) {

.contactfooter-box{text-align:center;}
.contactfooter-box{display:block;padding:40px 0;}

}/* 768px以下end */



/* ########### 600px以下 ########### */
@media (max-width: 600px) {

.contactfooter-box h3{font-size:2.2rem;}

}/* 600px以下end */





/* --------------------------------------------------
tree
-------------------------------------------------- */

#tree{width:100%;}
.tree-inner{text-align:right;margin: 0 auto;padding:15px 30px;}
.tree-inner i{margin:0 15px;}
#tree .breadcrumb,#tree .breadcrumb a{font-size:1.4rem;}

/* ########### 650px以下 ########### */
@media (max-width: 650px) {

#tree .breadcrumb,#tree .breadcrumb a{font-size:1.2rem;}
.tree-inner i{margin:0 5px;}
.tree-inner{padding-right:10px;text-align:right;}

}/* 650px以下end */





/* --------------------------------------------------
宿について
-------------------------------------------------- */

.container-vertical{text-align:center;margin-top:100px;margin-bottom:120px;}


.home-verticalwriting{
	font-size:1.8rem;
	-webkit-writing-mode: vertical-rl;
	-moz-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	-ms-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
	display: inline-block;
	text-align: left;
	line-height:3.2;
}


/* ########### 800px以下 ########### */
@media (max-width: 800px) {


.home-verticalwriting{
	font-size:1.6rem;
	display: inline-block;
	text-align: left;
	line-height:1.9;
}


}/* 800px以下end */



/* ########### 600px以下 ########### */
@media (max-width: 600px) {


.home-verticalwriting{
	font-size:1.4rem;
	display: inline-block;
	text-align: left;
	line-height:1.9;
}


}/* 600px以下end */


/* --------------------------------------------------
施設案内
-------------------------------------------------- */

.photo-block{display:flex:}

.photo-block{max-width:1480px;display:flex;justify-content: space-between;flex-wrap: wrap;margin:0 auto 100px;padding:30px 30px 20px;}
.photo-block div{width:25%;}
.photo-block img{width:99%;height:auto;}


/* --------------------------------------------------
ご予約について
-------------------------------------------------- */

.illust img{max-width:220px;width:100%;height:auto;}



/* --------------------------------------------------
よくあるご質問
-------------------------------------------------- */

.qa-list{padding-bottom:80px;}

.qa-list dl {position: relative;margin: 0;padding: 28px 80px 28px 30px;cursor: pointer;border-bottom: 1px solid #ccc;}
.qa-list dl:first-child {border-top: 1px solid #ccc;}
.qa-list dl::before {position: absolute;top: 35px;right: 35px;display: block;width: 13px;height: 13px;margin: auto;content: '';transform: rotate(135deg);border-top: 2px solid #000;border-right: 2px solid #000;}
.qa-list .open::before {transform: rotate(-45deg);}
.qa-list dl dt {position: relative;margin: 0;padding: 5px 0 0 50px;line-height:1.6;}
.qa-list dl dt::before {font-size: 20px;line-height: 1;position: absolute;top: 5px;left: 0;display: block;content: 'Q.';color: #a7a491;}
.qa-list dl dd::before {font-size: 20px;line-height: 1;position: absolute;top: 5px;left: 2px;display: block;content: 'A.';;color:#a7a491;}
.qa-list dl dd {position: relative;display: none;height: auto;margin: 20px 0 0;padding: 5px 0 0 50px;}
.qa-list dl dd p {margin: 30px 0 0;line-height:1.6;}
.qa-list dl dd p:first-child{margin-top: 0;}



/* --------------------------------------------------
アクセス
-------------------------------------------------- */

.wrapper-map{max-width:1200px;width:100%;margin:0 auto 200px;}


/* --------------------------------------------------
各ページメイン画像
-------------------------------------------------- */

.smh-pctop-white{padding-top:100px;}

/* 各ページメイン画像 */
#title{width:100%;}
.title-inner{padding:0;}

.title-en{text-align:left;font-size:4.5rem;color:#fff;padding:200px 0 1px 185px;font-weight:500;line-height:1.0;letter-spacing:0.1em;}
.title-en-right{text-align:right;font-size:2.0rem;color:#fff;padding:270px 185px 1px 0;font-weight:500;line-height:1.0;letter-spacing:0.1em;}
.title-jp-right{text-align:right;font-size:1.4rem;color:#fff;padding:0 185px 1px 0;font-weight:500;}

.title-en-jp{text-align:left;font-size:3.5rem;color:#fff;padding:200px 0 1px 185px;font-weight:600;line-height:1.0;letter-spacing:0.1em;}


.title-en-default{text-align:center;font-size:2.8rem;padding:90px 0 1px;font-weight:500;letter-spacing:0.3em;}

.titleinner-default{width:100%;height:150px;margin: 0 auto;padding:0;}



.titleinner-yahachiro,.titleinner-reservation,.titleinner-facility{width:100%;height:550px;margin: 0 auto;padding:0;}
.titleinner-access{width:100%;height:300px;margin: 0 auto;padding:0;}




.titleinner-yahachiro{background-image:url(../imgyahachiro/yahachiro_mainphoto.jpg);background-size: cover;background-color: #ccc;background-position: center;}
.titleinner-reservation{background-image:url(../imgreservation/reservation_mainphoto.jpg);background-size: cover;background-color: #ccc;background-position: center;}
.titleinner-facility{background-image:url(../imgfacility/facility_mainphoto.jpg);background-size: cover;background-color: #ccc;background-position: center;}
.titleinner-access{background-image:url(../imgaccess/access_mainphoto.jpg);background-size: cover;background-color: #ccc;background-position: center;}



/* ################################### 画面サイズ1140px以下 ########################################### */
@media screen and (max-width:1140px) {

#title{margin-top:20px;}

}/* 1140px以下end */


/* ################################### 画面サイズ960px以下 ########################################### */
@media screen and (max-width:960px) {

.title-inner{padding:0;}
.title-en{font-size:4.0rem;}
#title{padding:0;}

.title-en{text-align:center;font-size:4.0rem;color:#fff;}
.title-jp{text-align:center;font-size:1.6rem;color:#333;padding:5px 0 0 0;}



.titleinner-product{background-image:url(../imgproduct/product_mainphoto_smh.jpg);background-size: cover;background-color: #ccc;background-position: center;}



}/* 960px以下end */


  
/* ################################### 画面サイズ600px以下 ########################################### */
@media screen and (max-width:600px) {

.title-en{padding-left:10px;}
.title-jp{padding-left:10px;}

.title-en-default{font-size:2.5rem;}


.title-en-right{text-align:center;font-size:1.7rem;color:#fff;padding:250px 0 1px 0;font-weight:500;line-height:1.0;letter-spacing:0.1em;}
.title-jp-right{text-align:center;font-size:1.4rem;color:#fff;padding:0 0 1px 0;font-weight:500;}



}/* 600px以下end */



/* ################################### 画面サイズ500px以下 ########################################### */
@media screen and (max-width:500px) {


.title-en{font-size:4.0rem;text-align:center;padding-left:0px;}
.title-jp{font-size:1.5rem;text-align:center;padding-left:0px;}


}/* 500px以下end */




/* --------------------------------------------------
footer
-------------------------------------------------- */
.footer-link-wrapper-bg{padding:20px 0 10px;}
.footer-link-wrapper{max-width:1100px;margin:0 auto;padding-top:20px;}
.footer-link{display: flex;font-size:1.4rem;}
.footer-link li{line-height:1.9;}
.footer-link-left{flex:1;b}
.footer-link-center{flex:1;}
.footer-link-right{flex:1;}
.footer-link-left,.footer-link-center,.footer-link-center02,.footer-link-right{padding-left:5%;}
.footer-link a{text-decoration:none;}

.footer-link .toplink{list-style: disc;color:#787b47;}


/* ################################### 画面サイズ1200px以下 ########################################### */
@media screen and (max-width:1200px) {

.footer-link,.footer-link-left,.footer-link-center,.footer-link-center0,.footer-link-right{border:0px;}

}/* 1200px以下end */




/* ################################### 画面サイズ600px以下 ########################################### */
@media screen and (max-width:600px) {

.footer-link-wrapper-bg{background-image:none;}
.footer-link-left,.footer-link-center,.footer-link-center02,.footer-link-right{margin-left:0%;}
.footer-link a{font-size:1.2rem;}
.footer-wrapper{padding-top:0px;}


.footer-link{border-left:0;}
.footer-link-left{border-right:0;}
.footer-link-center{border-right:0;}
.footer-link-center02{;border-right:0;}
.footer-link-right{border-right:0;}
.footer-link-left,.footer-link-center,.footer-link-center02,.footer-link-right{padding-left:10%;}


}/* 600px以下end */



.footer-wrapper{clear: both;padding-top:0px;}
footer{clear: both;width:100%;padding:0 0 30px;}

#footer-inner{max-width:1400px;margin:0 auto;}
.footer-block{display: flex;margin:50px 20px 10px;}
.footer-block-left{flex:1;margin-bottom:30px;margin-right:30px;}
.footer-block-left img{max-width:180px;width:100%;height:auto;}
.footer-block-left h2{font-size:1.4rem;margin-left:5px;margin-top:10px;font-weight:normal;}
.footer-block-right{flex:3;margin-top:10px;}
.footer-block-right v
.footer-block-right p span{white-space: nowrap;}

.copyright{clear:both;font-size:1.1rem;}




/*リンクの形状*/
#page-top a{display: flex;justify-content:center;align-items:center;width: 60px;height: 60px;color: #000;text-align: center;text-transform: uppercase; text-decoration: none;font-size:2.6rem;transition:all 0.3s;}
#page-top a:hover{color: #ccc;}
#page-top {position: fixed;right: 10px;bottom:10px;z-index: 2;opacity: 0;transform: translateY(100px);}
#page-top.UpMove{animation: Upmotion 0.5s forwards;}

@keyframes Upmotion{
  from {opacity: 0;transform: translateY(100px);}
  to {opacity: 1;transform: translateY(0);}
}

/*　下に下がる動き　*/

#page-top.Downmotion{
  animation: DownAnime 0.5s forwards;
}
@keyframes Downmotion{
  from {opacity: 1;transform: translateY(0);}
  to {opacity: 1;transform: translateY(100px);
  }
}




/* ########### 1000px以下 ########### */
@media (max-width: 1000px) {

.footer-block{display: block;}
.footer-block-left img{max-width:150px;}
#footer-inner p,#footer-inner h2,#footer-inner h3{text-align:center;}
.footer-listblock{float:none;width:100%;margin-top:40px;}

.footer-block-left{margin-right:0;}

}/* 1000px以下 end */



/* ########### 600px以下 ########### */
@media (max-width: 600px) {

#footer-inner .footer-logo img{width:300px;height:auto;}

.footer-block-right p{font-size:1.0rem;}
.footer-block-right p span{white-space: nowrap;}

.footer-block-tel{font-size:2.0rem;}

}/* 600px以下 end */


/* ########### 400px以下 ########### */
@media (max-width: 400px) {

.footer-block-right p{font-size:0.8rem;}

}/* 400px以下 end */





/* --------------------------------------------------
entry
-------------------------------------------------- */

.entrybodyBlock{clear:both;}
.entrybodyBlock img{max-width:100%;height:auto;margin:20px 0 30px;}
.entryline h1{font-size:2.4rem;}
.entryline h1 img{vertical-align:middle;}

.entryline h1 a{margin:0 0 40px;line-height:1.7;font-size:2.0rem;font-weight:normal;text-decoration:none;}
.entry-date{margin:5px 0 30px;padding: 0;font-size:1.2rem;}
.entry{margin:0 0 100px;}


#entryside{margin:0 0 60px;}
#entryside h2{margin:0 0 10px;padding-bottom:10px;border-bottom:1px solid;border-color:#ededed;font-size:1.6rem;font-weight:normal;}
#entryside ul{margin:0 0 50px;}
#entryside li{margin:0 0 0 10px;padding: 0 0 0 16px;line-height:1.9;}

.entry-big{margin:0 0 40px;padding-top:5px;padding-bottom:5px;text-align:center;background-color: #ffff;border: 1px solid #ccc;}


/* ################################### 画面サイズ480px以下 ########################################### */
@media screen and (max-width:480px) {

.entryline h1 a{font-size:1.6rem;}

}/* 480px以下end */




/* --------------------------------------------------
news 2列
-------------------------------------------------- */

.home-contents-block{display: flex;max-width:1380px;margin:0 auto;padding:0 20px 0;}
.news-title{flex: 2;margin-right:10px;}
.news-contents{flex: 6;margin-left:10px;margin-bottom:50px;}

/* ########### 1200px以下 ########### */
@media (max-width: 1200px) {

.home-contents-block{margin:0 20px;}

}/* 1200px以下end */



/* ################################### 画面サイズ960px以下 ########################################### */
@media screen and (max-width:960px) {


.home-contents-block{display:block;padding:0 30px 30px;}
.news-title{margin-right:0px;}
.news-contents{flex: 1;margin-left:0px;}

}/* 960px以下end */


/* ################################### 画面サイズ600px以下 ########################################### */
@media screen and (max-width:600px) {


.home-contents-block{display:block;padding:0 10px 30px;}


}/* 600px以下end */



/* --------------------------------------------------
new
-------------------------------------------------- */

.newBox{clear:both;padding:50px 0 20px;margin:0 auto;}
.newBox h3 span{font-size:2.2rem;font-weight:500;}
.newBox h3{font-size:2.0rem;font-weight:normal;}

.newBox .news{font-size:1.7rem;color:#000;font-weight:400;}

span.new {display: none;color: #fff;background: #ee5555;font-size:14px;padding:1px 3px;}
span.new img {vertical-align: middle;margin:0 0 0 5px;}



.news-link {align-items: center; display: flex; padding-bottom: 15px;padding-top: 15px;}
.news-link:not(:first-of-type) {border-top: 1px solid #ccc; /* 記事リンク間の線 */}
.news-info {align-items: center;display: flex;flex-shrink: 0; /* これが無いと日付・カテゴリーラベルが潰れる */}
.news-date{font-size:1.4rem;margin-left: 30px;}
.news-category {width:160px;background:#fff;border: 1px solid #ccc;border-radius:5px;margin-left: 10px;padding: 5px;text-align:center;font-size:1.2rem;display:block;text-decoration:none;}
.news-category{color: #000!important;}
.news-category:hover{opacity: 0.8;}


.news-titlelist {margin-left: 30px;font-size:1.5rem;}



/* 画面幅800px以下のスタイル */
@media screen and (max-width: 800px) {

.news-link {display: block;}
.news-info {padding-top:10px;}
.news-titlelist {margin-left: 0;margin-top: 10px;}
.news-titlelist {margin-left: 10px;}
.news-category {width:180px;;border-radius:5px;margin-left: 10px;padding: 5px;text-align:center;font-size:1.2rem;display:block;text-decoration:none;}

}



/* --------------------------------------------------
お問い合わせ
-------------------------------------------------- */

.contact-top{margin:10px 0 20px;}


.telfont{font-size:2.8rem;}
.telnumbers{font-size:2.8rem;}

.c-box{clear:both;padding:30px 0;margin:0;font-size:2.5rem;text-align:center;border:1px solid #333;line-height:1.7;}
.c-box .tel{background: #2db99c;margin-right:15px;padding:3px 10px;color:#fff;font-size:2.0rem;}
.c-box .small{font-size:1.5rem;}


.c-box02{clear:both;padding:8px 0;margin:0;font-size:1.8rem;text-align:center;border:1px solid #333;line-height:1.7;}
.c-box02 .tel{background: #2db99c;margin-right:15px;padding:3px 10px;color:#fff;font-size:2.0rem;}
.c-box02 .small{font-size:1.5rem;}

.left-contact{width:49%;float:left;}
.right-contact{width:49%;float:right;}


/* ########### 600px以下 ########### */
@media (max-width: 600px) {

.contact-top{margin:10px 0 10px;}
.left-contact,.right-contact{width:100%;float:none;margin-bottom:10px;}
.c-box{padding:30px 0;}
.c-box,.c-box span{font-size:2.0rem;}
.c-box02,.c-box02 span{font-size:1.6rem;}
	
}/* 768px以下end */




.nowr span{white-space: nowrap;}

/* ########### 610px以下 ########### */
@media (max-width: 610px) {

.nowr{text-align:center;line-height:80px;}
.nowr span{white-space: nowrap;}


}/* 610px以下 end */



/* --------------------------------------------------
お問い合わせ2列
-------------------------------------------------- */

.contact-kinds{display: flex;margin:0 auto;padding-bottom:0px;}
.contact-tel{flex: 1;border:1px solid #000;width:100%;text-align:center;font-size:2.2rem;padding:10px 5px;margin-right:5px;}
.contact-tel a{text-decoration:none;}
.contact-fax{flex: 1;border:1px solid #000;font-size:2.0rem;text-align:center;padding:10px 5px;margin-left:5px;}
.contact-fax a{text-decoration:none;}
.contact-mail{flex: 1;font-size:2.0rem;max-width:400px;margin:0 auto;}
.mid-top{background-color: #fff;padding:5px 10px;font-size:1.7rem;color:#000;}
.daihyo{font-size:1.7rem;}


/* ########### 650px以下 ########### */
@media (max-width: 650px) {

.mid-top{margin-right:10px;}
.contact-kinds{display:block;padding-bottom:30px;}
.contact-tel{margin:0 0 10px; padding:5px 0;border:1px solid #ccc;}
.contact-tel p{ font-size:2.4rem!important;}
.contact-fax p{ font-size:1.7rem!important;}
.contact-fax{margin:0; padding:5px 0;border:1px solid #ccc;}

.contact-tel a{   text-decoration:underline; }

}/* 650px以下end */