@charset "utf-8";
/*--------------------------------------------------------------------

ブレイクpoint　640
font-size 320-640

--------------------------------------------------------------------*/	
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
   margin: 0;
   padding: 0;
   border: 0;
   outline: 0;
   font-size: 100%;
   vertical-align: baseline;
   background: transparent;
   font-style: normal; list-style: none;}
a{text-decoration: none; color:#fe1b50 ; transition: 0.3s}
a:hover{ color:#ffb423; }
img{vertical-align: bottom; height: auto}


body{color: #22201e;
  font-family: "Zen Maru Gothic", serif;
  font-weight: 700;
  font-style: normal; background: #ffb423; padding: 1%;}
 body * { box-sizing : border-box; }
main{background: #fff; border-radius: 30px}
.goshi{  font-family: "Zen Maru Gothic", serif;
  font-weight: 700;
  font-style: normal; }
.en {font-family: "Ubuntu", sans-serif;
  font-weight: 700;
  font-style: normal;}

.imp{font-weight: 900}
.red{color: #f57e54}
.orange{color:#f57e54 }
.green{color: #b1cc46}
.yellow{color:#fff600 }

.plas{display: inline-block ; padding:0 30px; margin-bottom: 20px; position: relative; font-size: clamp(1.625rem, 0.875rem + 3.75vw, 2.375rem)}/*26-38*/
.plas:before{  content: "+"; color:#f57e54 ; font-weight: 900; font-family: "Ubuntu", sans-serif;
  position: absolute;  /* 絶対配置で位置を調整 */
  left: 0;             /* 左端に配置 */
  top: 50%;            /* 親要素の高さの50%の位置 */
  transform: translateY(-50%); /* 自身の高さ分上にずらして中央に */}
.plas:after{  content: "+"; color:#f57e54 ; font-weight: 900; font-family: "Ubuntu", sans-serif;
  position: absolute;  /* 絶対配置で位置を調整 */
  right: 0;             /* 左端に配置 */
  top: 50%;            /* 親要素の高さの50%の位置 */
  transform: translateY(-50%); /* 自身の高さ分上にずらして中央に */}

.wakug{position: relative; color: #ffb423; border-radius: 10px; border:solid 2px #ffb423; padding: 15px 5% ; font-size: clamp(1.375rem, 1.125rem + 1.25vw, 1.625rem)}/*22-26*/
.wakug:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 10%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #ffb423;
}

.tate {       -webkit-writing-mode: vertical-rl;
      writing-mode: vertical-rl;
      text-orientation: upright; }

.line{display: inline ; background: linear-gradient(transparent 50%, rgba(252, 211, 117, 1) 50%); font-weight: 600}


/* ボタン　*/
.morebtn a {
 display: inline-block;
padding: 2px 30px 2px 20px; border-radius: 10px;
  text-align: center;
  text-decoration: none;
  color: #fff;
  background-color: #ffb423;
  box-shadow: 5px 5px 0px #ff9000;
  transition: .3s; position: relative
}
.morebtn a:hover {
  box-shadow: unset !important;
  transform: translate(4px,4px) !important;
}
.morebtn a:before{
  border-right: 2px solid #fff;
  border-top: 2px solid #fff;
  bottom: 0;
  content: "";
  height: 6px;
  margin: auto;
  position: absolute;
  right: 10px;
  top: 2px;
  transform: rotate(45deg);
  width: 6px;}
  

.morebtn_d a {padding-right: 40px;
 display: inline-block;
  color: #ffb423; position: relative
}
.morebtn_d a:before{
  border-right: 2px solid #ffb423;
  border-top: 2px solid #ffb423;
  bottom: 0;
  content: "";
  height: 8px;
  margin: auto;
  position: absolute;
  right: 20px;
  top: 0px;
  transform: rotate(135deg);  transition: top 0.3s;
  width: 8px;}
.morebtn_d a:hover:before {
  top: 4px;
}


.kijiBox .youtube{position: relative;
height: 0;
margin: 0px 0 10px;
padding: 30px 0 56.25%;
overflow: hidden;
}

.kijiBox .youtube iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


.youtube-shorts {
    position: relative;
    width: 100%;
    max-width: 315px;
    margin: 0 auto;
}

.youtube-shorts iframe {
    width: 100%;
    height: 560px;
}

/* アニメ　*/
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
/*--------------------------------------------------------------------

フェードイン
--------------------------------------------------------------------*/
.fade-in {
  animation: fadeIn 4s ease-in-out forwards;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translate3d(0,20%,0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}
.fadeInUp {
    animation-name: fadeInUp
}
@keyframes nana {
  0% {
    transform: rotate(0deg);
  }
  40% {
    left: 1%;   /* 右方向へ移動 */
    top: -60px;    /* 上方向へ移動 */
    transform: rotate(-8deg);  /* 8度左へ回転 */
  }
  50% {
    left: 2%;   /* 右方向へ移動 */
    top: -50px;    /* 上方向へ移動 */
    transform: rotate(-2deg);  /* 8度左へ回転 */
  }
  60% {
    left:3%;   /* 右方向へ移動 */
    top: -60px;    /* 上方向へ移動 */
    transform: rotate(-6deg);  /* 8度左へ回転 */
  }
  70% {
    left: 3%;   /* 右方向へ移動 */
    top: -50px;    /* 上方向へ移動 */
    transform: rotate(-0deg);  /* 8度左へ回転 */
  }
  80% {
    left: 4%;   /* 右方向へ移動 */
    top: -55px;    /* 上方向へ移動 */
    transform: rotate(-2deg);  /* 8度左へ回転 */
  }
  100% {
    left: 4%;   /* 右方向へ移動 */
    top: -50px;    /* 上方向へ移動 */
    transform: rotate(0deg);  /* 8度左へ回転 */
  }
}
.nana {
    animation: nana 1s ease-out forwards;
}
.updw {
      display: inline-block;
      animation: updw 3s infinite;
    }
@keyframes updw {
      0% {
        transform: translateY(0);
      }
      50% {
        transform: translateY(-10px); /* 上に10px移動 */
      }
      100% {
        transform: translateY(0);
      }
    }


body{ line-height:2; font-size:clamp(0.875rem, 0.75rem + 0.63vw, 1rem)}/*14-16*/


h2{font-weight: 700}
.t-plas{position: relative}
.t-plas::after{  content: "";
  position: absolute;
  width: 13px; height: 13px;
  top: 50%;           /* h2の高さの中央 */
  left: 0;           /* 右端に配置（必要に応じて調整可） */
  transform: translateY(-50%); /* 要素の高さ分だけ上にずらして完全な中央揃えに */
  background-image: url( "../img/plas.png" ); /* 使用する画像のパス */
  background-size:13px 13px; /* 画像を要素サイズに合わせる */
  background-repeat: no-repeat; /* 繰り返し表示しない */}
.t-plas::before{  content: "";
  position: absolute;
  width: 13px; height: 13px;
  top: 50%;           /* h2の高さの中央 */
  right: 0;           /* 右端に配置（必要に応じて調整可） */
  transform: translateY(-50%); /* 要素の高さ分だけ上にずらして完全な中央揃えに */
  background-image: url( "../img/plas.png" ); /* 使用する画像のパス */
  background-size:13px 13px; /* 画像を要素サイズに合わせる */
  background-repeat: no-repeat; /* 繰り返し表示しない */}


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

下層ページ

--------------------------------------------------------------------*/
.pageheadBox{text-align: center; background: url("../img/bg_sen.png") no-repeat right 150px; background-size: contain}
.pageheadBox h2{ font-size: clamp(2.25rem, 1.813rem + 2.19vw, 2.688rem)}/*36-43*/
.pageheadBox h2 span{font-size: clamp(1.375rem, 0.563rem + 4.06vw, 2.188rem)}/*22-35*/

.pageheadBox .pageMenuA{text-align: left; border: 2px solid #ffb423; border-radius: 20px; margin: 20px 5% 40px; max-width: 1100px; width: 90%; padding: 20px 5%; position: relative}
.pageheadBox .pageMenuA li:first-child{ color:#ffb423; position: absolute; top: -18px; display: inline-block; background: #fff}
.pageheadBox .pageMenuA li{display: inline-block}

.pageheadBox .pic{max-width:585px; width: 80% }


.kijiBox .hh1{font-size:16px !important; border-left: solid 5px #ffb423; padding:0 0 10px 10px; border-bottom: solid 1px #ffb423; }
.kijiBox .hh2{font-size:16px !important; border-bottom: solid 1px #ffb423; padding-bottom:10px}
.kijiBox .hh2:before{ content:none}

.kijiBox .style3b {padding:1.1em .9em 1em; font-size:16px !important; border-top:2px solid #ffb423; border-bottom:1px solid #ddd; background:#fafafa; box-shadow:0px 1px 2px #f7f7f7; }

.kijiBox .style4a {padding:.3em 0 .3em .8em; font-size:16px !important; border-bottom:none; border-left:2px solid #ffb423; }

.kijiBox .balloon { position:relative; display:block; margin:20px 0 22px; padding:.5em 18px .5em; width:auto; min-width:115px; color:#fff; text-align:left; font-size:16px !important;font-weight: 700; background:#ffb423; z-index:0; border-bottom:0; }
.kijiBox .balloon:after { content:""; position:absolute; bottom:-10px; left:30px; margin-left:-10px; display:block; width:0px; height:0px; border-style:solid; border-width:10px 10px 0 10px; border-color:#ffb423 transparent transparent transparent; }

.kijiBox .style5a {  padding:.5em .8em .3em 1em; font-size:16px !important; background:#f5f5f5; box-shadow:0px 2px 0px 0px #f2f2f2; }
.kijiBox .style5b {  padding:.5em .8em .4em 1em; font-weight:400; font-size:16px !important; color:#fff; background:#ffb423; border-radius:4px; box-shadow:0px 2px 0px 0px #f2f2f2; }

.kijiBox .well { background-color:#fff; min-height:20px; padding:19px; border:1px solid #e3e3e3; border-radius:4px; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.05); box-shadow:inset 0 1px 1px rgba(0,0,0,0.05); }
.kijiBox .well2 {padding:1em 1.5em; line-height:2; border:1px dashed #ffb423; box-shadow: 0 1px 3px 0 rgba(195,195,195,0.3);}
.kijiBox .wel3{
	padding:1em 1.5em;
	background-color:#fff1da;/*背景色*/
	position:relative;
}
.kijiBox .wel3:after{
	position: absolute;
	content: '';
	right: 0px;
	top: 0px;
	border-width: 0 15px 15px 0;
	border-style: solid;
	border-color: #e2d6ca #fff #e2d6ca;
	box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.15);
}

.kijiBox a.q_button{box-shadow: 0 0 8px #e4b9b9; padding:15px 40px; border-radius:30px; background:#d4b870; color:#fff !important} 
.kijiBox a.q_button:hover{ box-shadow: none} 


.kijiBox ul li{list-style: disc; margin-left: 20px; line-height: 1.4; margin-bottom: 10px}
.kijiBox ol li{list-style-type: decimal; margin-left: 20px; line-height: 1.4; margin-bottom: 10px}


.kijiBox table,.kijiBox td,.kijiBox th {
    border-collapse: collapse;
    border:1px solid #eae4e4;
    padding: 10px 
    }

.reservBox{position: relative; background:#fff1da; margin: 40px auto; width: 90%; padding: 5% ;border-radius: 20px; text-align: center}
.reservBox .morebtn a{display: block; line-height: 1.2; padding: 20px 0}
.reservBox li{margin-bottom: 15px}
.reservBox li a{font-size: clamp(1.063rem, 0.75rem + 1.56vw, 1.375rem)}/*17-22*/
.reservBox li a span.en{padding-top: 3px; letter-spacing: 1px; font-size:clamp(1.375rem, 1rem + 1.88vw, 1.75rem)}/*22-28*/

.reservBox li:first-child a {background:#fe3d3c; box-shadow: 5px 5px 0px #d43130; font-size: clamp(1.375rem, 0.875rem + 2.5vw, 1.875rem) }/*22-30*/
.reservBox li:last-child a {background:#b1cc46; box-shadow: 5px 5px 0px #8ea924;}
.reservBox li:last-child a span{ font-size: clamp(1.375rem, 0.875rem + 2.5vw, 1.875rem) }/*22-30*/

.reservBox li .svgf {width:30px} 
.reservBox li span{display: block}
.reservBox p{text-align: left; font-size: 15px; line-height: 1.6;padding: 10px 0}
.reservBox .pic01{width: 106px; position: absolute; bottom: -110px; right: 15%}
.reservBox .pic02{width: 99px; position: absolute; bottom: -120px; right: 0; z-index: 1}


.acs h2{margin:40px 0 0 5%; display: inline-block}
.acsl{width: 90%; margin: 0 auto}
.acsl a{margin-bottom: 10px}
.acsl img{width:40px; vertical-align: middle}
.acs address p{line-height: 1.5; margin-bottom: 10px}
.acs address span{font-size:clamp(0.813rem, 0.688rem + 0.63vw, 0.938rem) }/*13-15*/
.acsl ul{margin-top: 10px}
.acsl li{list-style: disc; margin-left: 20px; line-height: 1.4; margin-bottom: 5px ; font-size: clamp(0.875rem, 0.813rem + 0.31vw, 0.938rem);}/*14-15*/
.acs .textBox {padding: 20px 0 0; border-top: 2px dashed #22201e; margin-top: 20px; font-size: 18px;}
/* Google Mapを囲う要素 */
.acs .textBox a{line-height: 1.5;} 
.acs .map {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 75%; /* 比率を4:3に固定 */
  margin-top: 20px
}
/* Google Mapのiframe */
.acs .map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.acs .mapcal {
width: 90%; margin: 0 auto
}
.mapcal .text1{margin-top: 10px; text-align: left; font-size: 18px; font-weight: 800}
.mapcal .text2{padding-bottom: 20px}
.mapcal dd .svgf { width: 30px; margin-right: 10px}
.mapcal dd .morebtn{ margin-bottom: 20px ; padding-bottom:30px; border-bottom: 2px dashed #22201e;}
.mapcal dd .morebtn a{display: block; padding: 20px 0}
.mapcal .text3 {line-height: 1.5;}
.mapcal .text3 img{width: 234px;margin-top: 10px; transition: 0.3s}
.mapcal .text3 img:hover{transform: translateY(-10px);}
.mapcal .text4 a{color:#22201e }



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

rec
--------------------------------------------------------------------*/
.kasou-recruit .recruit{margin: 130px auto; width: 90%; padding: 0 5%; text-align: center}
.kasou-recruit .recruit .morebtn a{background: #fff; border: 2px solid #ff9000; padding: 30px 0 0 ; color:#22201e }
.kasou-recruit .recruit .morebtn dt img{ width: 20%; max-width:77px; position: absolute; right: -3%; bottom: 30%}
.kasou-recruit .recruit .morebtn dt .text01{line-height: 1.4; font-size:clamp(1.75rem, 1.438rem + 1.56vw, 2.063rem) }/*28-33*/
.kasou-recruit .recruit .morebtn dt .text01 span{font-size:clamp(1.125rem, 0.875rem + 1.25vw, 1.375rem)}/*18-22*/
.kasou-recruit .recruit .morebtn dt .text02{font-size:clamp(1.25rem, 0.875rem + 1.88vw, 1.625rem) }/*20-26*/
.kasou-recruit .recruit .morebtn dd img{margin-top: 30px; width: 80%; max-width:486px }


footer .otherBox{border:2px dashed #d5d5d5; width: 90%; margin: 50px auto 80px; padding: 5%; border-radius: 180px;
text-align: center; font-size: 14px; line-height: 1.6}
footer .otherBox li:first-child{margin-bottom: 15px}
footer .otherBox .plas{font-size: 16px; margin-bottom: 0px;}


.footerMenu{background: #fff1da; padding: 50px 5% 0}
.footerMenu .morebtn a{background: none; box-shadow: unset; border-radius: 0 }
.footerMenu .morebtn a:before{
  border-right: 2px solid #22201e;
  border-top: 2px solid #22201e;}

.footflex .footl{width: 90%; max-width: 400px; margin: 0 auto 10px; text-align: center; position: relative}
.footflex .th2 {font-size: 13px;
        position: absolute;
        right: 0;
        top: 0px;}


nav.globalMenuSp ul li.dropdown__list span{font-size: 10px; padding-left: 8px}



@media screen and (max-width: 639px) {
body{overflow-x: hidden; font-size: 16px}
.smtno{display: none !important}
img{width: 100%; height: auto ; }

header .headl {position: relative; padding: 20px 0 20px 5%}
header .headl h1{width: 200px}
header .headl h2{font-size: 10px; position: absolute; left:98px; top: 20px}

/*　ハンバーガーメニューボタン　*/
.hamburger {
  display : block;
  position: fixed;
  z-index : 9000;
  right : 1%;
  top   : 15px;
  width : 50px;
  height: 60px;
  cursor: pointer;
  text-align: center;
  background: #ffb423; border-radius:10px 0 0 10px;
}
.hamburger:after{  content: "MENU"; color: #FFF; font-size: 11px; font-family: "Ubuntu", sans-serif; font-weight: 700; font-style: normal; position: absolute; top: 0px; left:11px}

.hamburger span {
  display : block;
  position: absolute;
  width   : 30px;
  height  : 3px ;
  right    : 0px;
  background : #fff; border-radius: 2px;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition   : 0.3s ease-in-out;
  transition        : 0.3s ease-in-out;
}
.hamburger span:nth-child(1) {
  top: 22px;
  width: 40px;
  animation: equalizer01 3000ms infinite;
}
.hamburger span:nth-child(2) {
  top: 32px;
  width: 40px;
  animation: equalizer02 3000ms infinite;
  animation-delay: 0.33s;
}
.hamburger span:nth-child(3) {
  top: 42px;
  width: 20px;
  animation: equalizer02 3000ms infinite;
}
@keyframes equalizer01 {
  0% {
    width: 50%;
  }
  50% {
    width: 10%;
  }
  100% {
    width: 50%;
  }
}
@keyframes equalizer02 {
  0% {
    width: 60%;
  }
  50% {
    width: 10%;
  }
  100% {
    width: 60%;
  }
}
@keyframes equalizer03 {
  0% {
    width: 60%;
  }
  50% {
    width: 10%;
  }
  100% {
    width: 60%;
  }
}
/* スマホメニューを開いてる時のボタン */
.hamburger.active span:nth-child(1) {width:50px;
 transform: translate(0, 10px) rotate(-45deg); animation: unset;
}

.hamburger.active span:nth-child(2){
animation: unset;opacity: 0; 
}
.hamburger.active span:nth-child(3) {width:50px;
  transform: translate(0, -10px) rotate(45deg);
  animation: unset;
}

/* メニュー背景　*/
nav.globalMenuSp {
  position: fixed;
  z-index : 1000;
  top  : 0;
  left : 0;
  color: #fff;
  height:100vh;
  background: #ffb423;
  width: 100%;
/*  transform: scale(0,0);*/
transform: translateX(-100%);
  transition: all 0.6s;
}

nav.globalMenuSp ul {
  margin: 0 auto;
  padding: 20px 5% 0;
  width: 100%;
}
nav.globalMenuSp ul li .dro{padding-top: 10px}

nav.globalMenuSp ul li .dropdown__lists {padding: 0}
nav.globalMenuSp ul li a:hover{
  background :#ffcb67;
}

nav.globalMenuSp ul{display: flex; justify-content: space-between; flex-flow: wrap}
nav.globalMenuSp ul li{width: 100%}
nav.globalMenuSp ul li.w50 {width: 49%; position: relative; }
nav.globalMenuSp ul li.w50 a::before{content: "+ "; }

nav.globalMenuSp ul li.w50b , nav.globalMenuSp ul li.w50c{width: 44%; margin-top: 20px; }
nav.globalMenuSp ul li.w50b a , nav.globalMenuSp ul li.w50c a{border:none}
nav.globalMenuSp ul li.w50b {padding-left: 8%}
nav.globalMenuSp ul li.w50c{padding-right: 8%}

nav.globalMenuSp ul li.rec{margin-top: 10px}
nav.globalMenuSp ul li a{
  display: block; width: 100%; transition: .4s all; text-align: left;
  color: #fff; border-bottom: 1px dashed #fff;
  padding: 5px 0;
  text-decoration :none;
  font-size:clamp(1rem, 0.875rem + 0.63vw, 1.125rem)}/*16-18*/
  nav.globalMenuSp ul li a.brderno{border: none}
  
nav.globalMenuSp ul li .dropdown__lists li a{border: none; padding: 0 0px 0 25px} 
nav.globalMenuSp ul li .dropdown__lists li:last-child a{padding-bottom: 5px ; border-bottom: 1px dashed #fff;}
nav.globalMenuSp ul li.rec a{padding: 20px 0; background: #fff; color:#ffb423; border-radius: 10px; text-align: center}



/* クリックでjQueryで追加・削除 */
nav.globalMenuSp.active {
  opacity: 100;
  display: block;
  transform: translateX(0);
/*  transform: scale(1,1);*/
}

footer .globalMenuSp ul.footmain {
        margin: 0px auto 10px;
        padding: 20px 5% 0;
        width: 100%;
    }
footer .globalMenuSp ul.footmain li a{
  display: block; width: 100%; transition: .4s all; text-align: left;
  color: #22201e; border-bottom: 1px dashed #22201e;
  padding: 5px 0;
  text-decoration :none;
  font-size:clamp(1rem, 0.875rem + 0.63vw, 1.125rem)}/*16-18*/

footer .globalMenuSp ul li.tbord a{border-top: 1px dashed #22201e;}


footer .globalMenuSp ul li.rec a {padding: 20px 0 ; border: none; margin-top: 10px;
        background:#ffb423;
        color: #fff;
        border-radius: 10px;
        text-align: center;}

footer .bana{ max-width:214px; margin: 50px auto 0}
footer .bana li:first-child{margin-bottom: 30px}


.kotei{display: flex; justify-content: space-between; margin-left: 1%;
  position: fixed; line-height: 1;
  bottom: 0; 
  color: #fff;
  cursor: pointer;
  z-index: 88; text-align: center; width: 100%; max-width: 700px
}
.kotei a{color: #fff; display: block ; padding: 8px 0 10px; text-align: center; background:#ffb423; border-radius: 10px 10px 0 0; transition: .3s; position: relative}
.kotei li{width: 31% ; background:#ffb423;  border-radius: 10px 10px 0 0;}
.kotei li:first-child  {background:#fe3d3c; border-radius: 10px 10px 0 0 }
.kotei li:first-child a {background:#fe3d3c; border-radius: 10px 10px 0 0 }
.kotei li:nth-child(4){margin-right: 4%}
.kotei .svgf{width: 18px ; position: absolute; left: 20%; top: 30%}
.kotei li:hover a{transform: translateY(-10px); border-radius: 10px 10px 0 0; }


.cpp{padding: 50px 0 80px; text-align: center}






}



@media screen and (min-width: 640px) {
body{font-size: 16px}
main{width: 100%; min-width: 1100px; ;background: url("../img/ashi.jpg") repeat-y top center #fff}
img{height: auto ; max-width: 100%}
.pcno{display: none !important}


header{width: 1100px; margin: 0 auto; position: relative ; padding-top: 90px;}
header a{color:#22201e; font-size: 18px }
header .headl{position: absolute; left: 0; top:10px ; width:290px }
header .headl h2{position: relative; top: -70px; left: 87px; }
header .headr .nav1{text-align: center; position: absolute; right: 0; top: 0; display: flex; justify-content: space-between; width:360px }
header .headr .nav1 li{width: 26%}
header .headr .nav1 li:nth-child(2){width: 36%; padding: 0px 10px 10px 0;}
header .headr .nav1 li:last-child{width: 36%}
header .headr .nav1 li a{display: block; padding: 10px 0}
header .headr .nav1 li:last-child a{ background:#ffb423; color: #fff; border-radius: 0 0 10px 10px; letter-spacing: 1px }
header .headr .nav1 li:last-child a:hover{background:#b1cc46 }
header .headr .globalMenuSp .pcmenuflex{ display: flex; justify-content: space-between; margin-bottom: 50px}
header .headr .globalMenuSp .w50 , header .headr .globalMenuSp .gnavi__list{ width:14% ; font-size: 18px; text-align: center}
header .headr .globalMenuSp a{display: block}

.dropdown__lists {z-index: 10;
/*    display: none;*/visibility: hidden; /* デフォルトでは非表示 */
    width: 220px; background: #fff3e2; 
    position: absolute;
    top: 120px; text-align: left;
    left: 28%; letter-spacing: normal; 
     transition: opacity .3s ease, transform .3s ease; 
    opacity: 0; display: block;
    transform: translateY(-10px); /* 少し上にずらしておく */
}
.yobou .dropdown__lists {z-index: 999;
/*    display: none;*/visibility: hidden; /* デフォルトでは非表示 */
    width: 220px; background: #ceebe6; 
    position: absolute;
    top: 120px; text-align: left;
    left: 45%; letter-spacing: normal; 
     transition: opacity .3s ease, transform .3s ease; 
    opacity: 0; display: block;
    transform: translateY(-10px); /* 少し上にずらしておく */
}

.dropdown__lists li a{border-bottom: 1px dashed #fff ; padding-left: 20px;}

.gnavi__lists li a{ color: #22201e; padding: 10px 0 10px 20px; }
.gnavi__lists li a:hover{color:#b1cc46 }
.gnavi__lists li span{font-size: 11px}
.gnavi__lists li span.en{font-weight: bold; letter-spacing: 2px}
.gnavi__lists li span.en i{font-size: 18px}

.gnavi__list:hover .dropdown__lists {
    /*display: block;Gナビメニューにホバーしたら表示*/    visibility: visible; /* ホバーしたら表示 */
    opacity: 1;
    transform: translateY(0); /* 元の位置に移動 */
}
.dropdown__list:not(:first-child)::before{
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    top: 0;
    left: 0;
}
.dropdown__list:hover {
    background-color: #fedc62;
}
.dropdown__list a {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #000;
    text-decoration: none;
    position: relative;
}

#wrap{background: url("../img/bg_sen.png") no-repeat 99% 150px; background-size:704px }
.pageheadBox h2{ text-align: left; width: 1100px; margin: 0 auto}
.pageheadBox .pageMenuA li:first-child{font-size: 18px; padding: 0 10px ; top: -20px;}
.pageheadBox .pageMenuA .morebtn_d a{font-size: 15px}

.reservBox {
    margin: 40px auto 0;
    width: 1100px;
    padding: 30px;}
.reservBox ul{display: flex; justify-content: space-between}
.reservBox li{width: 23%;}
.reservBox li:first-child a{padding: 15px 0; }


.acs{width: 1100px; margin: 0 auto; text-align: center; padding-top: 80px}
.acs h2{margin: 0 0 20px; }
.acs .acsflex{display: flex; justify-content: space-between ; text-align: left}
.acs .acsflex .acsl{width: 393px}
.acs .acsflex .map{height: 400px ; width: 660px; margin-top: 0; overflow: hidden; padding-top: 0}
.acs .map iframe{ height: 400px ; width: 660px;}

.reservBox .pic01{right: 50px}
.reservBox .pic02{right: -20px;}


.kasou-recruit .recruit { margin: 130px auto; width: 672px; padding: 0;}
.kasou-recruit .recruit .morebtn a{width: 672px; padding: 10px 50px 0 30px; }
.kasou-recruit .recruit .morebtn dl{display: flex; justify-content: space-between}
.kasou-recruit .recruit .morebtn dt{width:305px; text-align: left; padding-top: 10px}
.kasou-recruit .recruit .morebtn dd{width:286px }
.kasou-recruit .recruit .morebtn dd img { margin-top: 0; width: 100%;}


footer .otherBox{width: 960px; margin: 50px auto 80px;  padding: 30px 40px 20px; font-size: 14px; display: flex; justify-content: space-between ;text-align: left}
footer .otherBox li{width: 45%}
footer .otherBox li:last-child{width: 54%}
footer .otherBox .plas{font-size: 18px}

/*下層ページのカレンダー*/
footer .acs-kasou .acs .acsflex .acsl{width:420px }
footer .acs-kasou .acs .mapcal{width:560px }
footer .acs-kasou .acsflex .plas{ margin-bottom: 10px}
footer .acs-kasou .acs .mapcal dl{display: flex; justify-content: space-between}
footer .acs-kasou .acs .mapcal dt{width: 408px}
footer .acs-kasou .acs .mapcal dd{width: 140px}
footer .acs-kasou .mapcal dd .morebtn{border: none}
footer .acs-kasou .mapcal dd .svgf{margin: 0 auto; display: block}
footer .acs-kasou .mapcal dd .morebtn a { display: block; padding: 26px 0;}
footer .acs-kasou .night{border-top: 2px dashed #22201e; position: relative}
footer .acs-kasou .mapcal .text3{letter-spacing: -1px}
footer .acs-kasou .mapcal .text4{position: absolute; width: 300px; right: 0; bottom: 15px;}


.footerMenu a{color:#22201e; font-size: 18px }
.footerMenu a:hover{color:#ffb423 }
.footflex{width: 1100px; margin: 0 auto; position: relative ; padding-top: 90px;}
.footflex .footl{position: absolute; left: 0; top:10px ; width:290px }
.footflex.footl h2{position: relative; top: -70px; left: 87px; }
.footflex .nav1{text-align: center; position: absolute; right: 0; top: 0; display: flex; justify-content: space-between; width:360px }
.footflex .nav1 li{width: 26%}
.footflex .nav1 li:nth-child(2){width: 36%; padding: 0px 10px 10px 0;}
.footflex .nav1 li:last-child{width: 36%}
.footflex .nav1 li a{display: block; padding: 10px 0}
.footflex .nav1 li:last-child a{ background:#ffb423; color: #fff; border-radius:10px; letter-spacing: 1px }
.footflex .nav1 li:last-child a:hover{background:#b1cc46 }
.footerMenu{padding: 50px 0 0}
.footerMenu .footmain{ display: flex; justify-content: space-between; margin-bottom: 20px}
.footerMenu .footmain a{display: block}
.footerMenu .footmain .w50{ width: 14%; font-size: 18px; text-align: center;}
.footerMenu .morebtn a{padding: 0}
.footerMenu .morebtn a:before{display: none ; }
footer .morebtn a:hover{transform: translate(0px,0px);}

footer .globalMenuSp{width: 1100px; margin: 0 auto}
.menuAll{width: 1100px; margin: 0 auto}

footer .kamoku{background: #fff; padding:30px; margin: 0px 0 20px ; border-radius: 180px ; display: flex; justify-content: space-between; flex-flow: wrap; }
footer .kamoku a{ display: block; font-size: 14px}
footer .kamoku li{width: 12%}
footer .kamoku li span{font-size: 10px; display: block}
footer .kamoku li:first-child {width: 16%}
footer .kamoku li:nth-child(4){width: 14%}
footer .kamoku li:nth-child(5){width: 10%}
footer .kamoku li:nth-child(7){width: 10%}
footer .kamoku li:nth-child(7){width: 8%}

footer .cpp{text-align: center ; padding-bottom: 20px}

footer .bana{display: flex; justify-content: space-between; width:598px; margin: 70px auto}
footer .bana li{width: 274px}



.kotei{margin-left: 1%;
  position: fixed; line-height: 1;
  bottom: 20px; right: 0;
  color: #fff;
  cursor: pointer;
  z-index: 88; text-align: center; width: 55px;}
.kotei a{color: #fff; display: block ; padding: 15px 0 15px; text-align: center; background:#ffb423; border-radius: 10px 0px 0 10px; transition: .3s; position: relative}
.kotei li{ background:#ffb423;  border-radius: 10px 0 0 10px; margin-bottom: 5px}
.kotei li:first-child  {background:#fe3d3c; border-radius: 10px 0 0 10px }
.kotei li:first-child a {background:#fe3d3c; border-radius: v;  }
.kotei li:nth-child(4){margin-bottom: 10px}
.kotei .svgf{width: 18px ; position: absolute; left: 20%; top: 30%}
.kotei li:hover a{transform: translateY(-10px); border-radius:10px 0 0 10px; }
    .kotei .svgf {
        width: 22px;
        position: relative;
        left: auto; display: block; margin: 0 auto 5px;
        top: 0;
    }
.kotei li:hover a{transform: translateX(-10px); border-radius: 10px 0 0 10px; }








footer .copy{padding-bottom: 40px}
}