@charset "UTF-8";

*
{
    margin:0;
    padding:0;
    font-style:normal;
}
img
{
    max-width:100%;
    vertical-align:bottom;
}
ul,ol
{
    list-style:none;
    margin:0;
    padding:0;
}
ul li
{
  margin:0;
  padding:0;
}
a
{
    text-decoration:none;
    color:#2D2D2D;
}
body
{
    line-height:1.5em;
    font-size:18px;
    color:#2D2D2D;
    background-color: #FCF9EF;
}
.container
{
  overflow-x: hidden;
}
main
{

  max-width:1000px;
    margin-right: auto;
    margin-left: auto;
}
html
{
    font-family:'Helvetica Neue','Arial','Yu Gothic','ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic ProN','Hiragino Sans', "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic",'Meiryo',sans-serif;
    font-weight:500;
}

h2
{
  color:#2D2D2D;
    font-size:20px;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic";
  font-weight:600;
    align-items: center; /* 横線を上下中央 */
  display: flex; /* 文字と横線を横並び */
  justify-content: center; /* 文字を中央寄せ */
  padding-top:2em;
  padding-bottom:2em;
  position: relative;
}
h2 span{
  background:
 linear-gradient(transparent 50%, rgba(225, 113, 22, 0.418) 70%);
 border-radius: 2px;
}

h3
{
  display: inline-block;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic";
  font-size:18px;
  font-weight: bold;
  padding: 0 2.5em;
  margin: 0.5em 0;
  position: relative;
  text-align: left;
}
h3::before, h3::after {
  content: '';
  background: #e17116;
  width: 2em;
  height: 3px;
  position: absolute;
  border-radius: 2px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
h3::before {
  left: 0;
}
h3::after {
  right: 0;
}
.h3wrap
{
  width: 80%;
text-align: left;
margin: 0 auto;
}

.circle4
{
  display: none;
}
/* グローバルナビ */
.g-nav
{
  width:99%;
  height:100%;
  margin:5% auto 0 auto;

}
.g-nav ul 
{
  display: flex;
  flex-wrap: wrap;
  width:100%;
  margin:0 auto;
  border-top: 0.5px solid #E1DCDC;
 border-bottom: 0.5px solid #E1DCDC;
}

.g-nav ul li

{
  display: flex;
  width: 50%;
  text-align: left;
    text-align: center;
    align-items: stretch;
}


.g-nav ul li a
{
color:#333333;
display: inline-block;
width:100%;
padding:20px 0;
text-align:left;
font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic";
font-weight:600;
  font-size:19px;
   border-radius: 2px;
   background: linear-gradient(to bottom , #F7F6F6, #ECE9E9 50%,#e9e9e9 50%,#dcdcdc);
   border:none;
   position: relative;
}
.g-nav-a-even::after
{
  content: "";
  display: block;
  width: 2px;
  height: 40px;
  background: #fcfcfc;
  position: absolute;
  top: 18%;
  left: 0;
  margin: auto;
}

.g-nav ul li a:before 
 {
  content: url(images/mame.png);  /*画像のURL*/
  margin-right:5%;
  margin-left:5%;
  opacity: 0.8;
  filter: drop-shadow(2px 3px 5px #bbbaba);
 }
.g-nav ul li a:hover
{
  background: none;
  text-shadow:none;
  background-color:#e17116;
  color: #fcfcfc;
  font-weight: bolder;
}
.g-nav-a-even:hover::after
{
  display: none;
}
.g-nav ul li a:hover:before
{
  filter: drop-shadow(1px 2px 3px #f1f1f1);
}


 
/* ヘッダー部分 */
.logo3,.slider
{
  width:95%;
  margin-right:auto;
  margin-left:auto;
}
 .logo3
 {
  display: flex;
 }
header .logo1
{
  width:90px;
}
.toplogo
{
  margin-left: 10px;
  padding-top: 15px;
}
header .logo2
{
  width:55%;
 
}
header h1
{
    font-size:14px;
    width:150px;
    max-width: 100%;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic";
    font-weight:600;
   
}
.menulogo
{
  display: none;
}
br {
  display: block;
  content: "";
  margin: 10px 0;
  }

footer
{
  background-image: linear-gradient(45deg, rgba(180, 118, 2, 0.5) 1%, #dfdcdc 20%, #dfdcdc,#dfdcdc);
position:relative;
font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic";
font-weight:700;
font-size:18px;
}
.circle3
{
  width:160px;
  height:160px;
  border-radius: 50%;
  background: radial-gradient(at 50% 50%, rgba(255,164,0,0.3) 0, transparent 60%);
  z-index: 10;
  position: absolute;
  bottom: 90%;
  right: 0;
}
footer ul
{
  display: flex;
  flex-wrap: wrap;
  width: 90%;
  margin:0;
padding-left: 10%;
}
footer li
{
  position: relative;
  padding-left: 1em;
  width:35%;
  max-width:200px;
  margin-top: 10px;
  padding:0;
  margin-right:2%;
  margin-left: 20px ;
  font-weight: 500;
}
footer li:before
 {
  position: absolute;
  top: 0.4em; /* 要素によって要調整 */
  left: -15px;
  content: '';
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 0 6px 8px;
  border-color: transparent transparent transparent rgb(100, 42, 46, 0.8);
}

footer  li a
{
  display: block;
}
footer  li a span:hover
{
  color: #ffffff; /* 文字色を白にする */
  border-radius: 4px;
 font-weight: 700;
 box-shadow: 0 0 0 5px  rgb(100, 42, 46, 0.5);
 background-color: rgb(100, 42, 46, 0.5); 
}
.privacya:hover
{
  color: #ffffff; /* 文字色を白にする */
  border-radius: 4px;
 font-weight: 700;
 box-shadow: 0 0 0 5px  rgb(100, 42, 46, 0.5);
 background-color: rgb(100, 42, 46, 0.5); 
}
.footer_p1
{
  text-align:left;
  width:80%;
  margin: 10px auto 30px auto;
  font-size: 16px;
  font-weight:500;
  }

.footerlogo
{
  text-align:left;
  width:80%;
  padding: 30px 0 10px 0;
  margin: 0 auto ;
}
footer .logo1
{
  display: inline-block;
  width:50px;
  max-width: 100px;
  padding-right:10px;
}
footer .logo2
{
  width:50%;
  max-width: 250px;
  padding-bottom: 10px;
}
footer h1
{
  color:#642a2e;
  font-size:20px;
  text-align:left;
  
  padding-left: 10px;
    max-width: 100%;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic";
  font-weight:800;
}
hr
 {
  height: 0.6px;
  background-color: #77767671;
  width: 90%;
  margin: 30px auto;
  border: none;
 }
footer dl
{
  display: grid;
  grid-template-columns: 5em 1fr;
  width: 88%;
  margin:0;
  padding-left: 10%;
  margin:30px 2% 0 0;
}
footer dt
{
  padding:0;
  margin:0 ;
  text-align: left;
  padding-bottom: 15px;
}
footer dd
{
  word-break: break-all;
  font-weight:500;
  padding-bottom: 15px;
}
footer dd br
{
  display: block;
  content: "";
  margin: 0;
  }
  .footer_p2
  {
    text-align:left;
    width:80%;
    margin: 0 auto 30px auto;
    font-size: 16px;
    font-weight:500;
    }
  
  .footer_p2 a
  {
    font-weight: 500;
    font-size: 18px;
      background:                   
     linear-gradient(transparent 70%, rgba(225, 113, 22, 0.418) 70%);
     border-radius: 2px;
     margin-left: 2px;
     margin-right: 2px;
  }
  
  .footer_p2 a:hover
  {
    color: #fcfcfc; /* 文字色を白にする */
    background:none;
  border-radius: 2px;
 font-weight: 700;
 box-shadow: 0 0 0 5px  rgb(100, 42, 46, 0.5);
 background-color: rgb(100, 42, 46, 0.5); 
  }
.footerbottom
{
  background-color:#77767671;
}
.footerbottom img
{
  display: block;
width:35px;
padding:20px 0;
margin:0 0 0 10%;
}
.footerbottom img:hover
{
  filter: brightness(0.1);
  transition-duration: 0.3s;
  transform: scale(1.2);
}
.cafekanban
{
  width:80px;
  margin: 0 auto;
  padding-left: 65%;
}
.kotori
{
 width:50px;
}
.torih1
{
  display: flex;
  padding-left: 10%;
  align-items: center;
}
small
{
  display: block;
color:#eceaea;
font-size: 12px;
text-align: left;
margin-left:10%;
}

section p
{
width:90%;
margin: 1.5em auto;
padding:0 ;
text-align: left;
}
main img
{
  border-radius: 8px;
  box-shadow: 0 0px 10px rgba(0,0,0,0.2);
  width:90%;
}
section
{
  text-align: center;
}

.button_top 
{
  
background-color:#e17116;
    box-shadow: 0px 0px 1px 2px rgba(255, 255, 255, 0.67);
      z-index: 11;
    width:80px;
  max-width:120px;
  height:80px;
    border-radius: 50%;
    color:#fcfcfc;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic";
font-weight:700;
  font-size:19px;
  line-height:1.0em;
  transition: .3s;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
margin: 0 auto;
position: fixed;
bottom: 5px;
right:5px;
}

.button_top::before {
  /* ④絶対必要 */
  content: "";
  display: block;

  /* ⑤三角のサイズ */
  width: 13px;
  height: 13px;

  /* ⑥三角の線と回転角度 */
  border-top: 3px solid #fcfcfc;
  border-right: 3px solid #fcfcfc;
  transform: rotate(-45deg);
  margin-bottom: 5px;
  transition: .3s;
}
.button_top:hover 
{
    background-color:#fcfcfc;
    color: #e17116;
    border: 1px solid #e17116;
}
.button_top:hover::before
 {
  border-top: 2px solid #e17116;
  border-right: 2px solid #e17116;
 }
.button_topwrap
{
  display: none;
}
.box2,.box4
{
  background-color:#F2F2F2;
  padding-bottom:2em;
}
.box1_item,.box3_item,.box5_item
{
  width:92%;
  margin:0 auto;
}
.box1,.box3,.box5
{
  background-color:#FCF9EF;
  padding-bottom:2em;
}
.box2_item,.box4_item
{
  width:92%;
  margin:0 auto;
}
.h3wrap
{
 text-align: center;
 margin: 0 auto;
}



.button-bottom-sauna
{
  padding-bottom: 40px;
}

.sauna-box
{
  display :inline-block;
  border: 1px solid #e17116;
  width:80%;
}
.index-p1
{
  font-weight:bold ;
  font-size: 1.2em;
}

/* /////////////////////////////800px以上の画面サイズ///////////////////////////// */


@media screen and (min-width: 800px) 
{
.footerwrap,.footerbottomwrap
{
width:90%;
margin: 0 5%;
}
header
{
  overflow: hidden;
}
h2
{
  color:#070707;
  font-size:22px;
}
h3
{
  font-size:20px;
}
html
{
  overflow-x: hidden;
}

.g-nav-a-even::after
{
  display: none;
}







}