@charset "utf-8";

body{
  font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;

}

header h1,header nav ul li a,footer h2{
  font-family: 'Noto serif JP', serif;
}

h2,h3.global,th,dt,.visual_img p{
  font-family: 'Noto Sans JP', sans-serif;
  }

  .m-plus-rounded-1c-regular {
    font-family: "M PLUS Rounded 1c", sans-serif;
    font-weight: 400;
    font-style: normal;
  }


h2{
  font-family: "M PLUS Rounded 1c", sans-serif;
}

.wrapper{
  margin: 0 auto;
  background-color: #f0f5f9;
}

h1 a{
  color: #ffffff;
  margin-top: 35px;
}

.header{
  padding: 40px 24px;
  background-color: #fafafa;
  height: 700px;
  background-color: #ccc;
  background-image: url(imag/suisou.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
 justify-content: center;
}

/* .slider img {
  width: 100%;
}

div.slide_1 {
  height: 600px;
  background-image: url(imag/meinnsuisou.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

div.slide_2 {
  height: 600px;
  background-image: url(imag/meronsoda.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

div.slide_3 {
  height: 600px;
  background-image: url(../images/photo_3.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

div.slide_4 {
  height: 600px;
  background-image: url(../images/photo_4.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
} */

.headerlogo {
  background-image: url(imag/aikonkansei.png);
  background-size: 65px;
  background-repeat: no-repeat;
  background-position: 62rem -13px;
  text-align: center;
  font-weight: bold;
  font-size: 20px; 
}

.headerlist {
  display: flex;
  justify-content: center;
  gap: 32px;
  font-size: 16px;
  font-weight: bold;
  margin-top: 24px;
}






header .global ul li a{
  display: block;
  font-size: 1.4rem;
  font-weight: 670;
  color: #ffffff;
  margin: 20px 17px 15px 12px;
  /* background-color: #bcc3ce; */
 position: relative;
}

header .global ul li:last-child a{
  padding-right: 0;
  border-right: none;
}

header .global ul li a:hover span{
  border-bottom: 2px solid #ffffff;
  color: #ffffff;
}

header .global ul li a span.on{
  border-bottom: 2px solid #ffffff;
  color: #ffffff;
}



.mein{
 position: relative;
}

.meinbotan{
  position: absolute;
  transform: translate(92%,-94%);
  background-color: #e2eeeb;
  opacity: 0.7;
  padding: 20px;
  text-align: center;
  margin-bottom: 20px;
  position: absolute;
  border-radius: 50%;
}

.meinbotan p{
  font-family: "M PLUS Rounded 1c", sans-serif;;
}

.meinbotan a{
  font-family: 'Noto Sans JP', sans-serif;
  text-align: center;
}

h2 a{
  color: #000;
}

li a{
  color: #302f32;
  font-family: "M PLUS Rounded 1c", sans-serif;
}

.ibe{
  margin-top: 120px;
}

.ibent{
  display: flex;
  flex-wrap: wrap;
  height: 100%;
  display: flex;
  transition: all 0.3s;
}



/* .slide1{
  transform: translateX(0);
} */
/* 
.slide2{
  transform: translateX(-33.33%);
} */
/* 
.slide3{
  transform: translateX(-66.66%);
} */

.mana img{
  padding-top: 15px;
}



.indicator li {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  list-style: none;
  background-color: #fff;
  border: 2px #000 solid;
  cursor: pointer;
}

.indicator li:first-of-type {
  background-color: #000;
}

.ibent{
  justify-content: space-between;
}

.ibent ul{
  margin: 20px;
}

.ibennto img{
  border-radius: 10%;
}

.ibennto{
  background-color: #e4edf9;
  text-align: center;
  /* margin: 10px 5px 10px 5px; */
}

.ibennto p{
  padding: 20px;
}

.iruka{
  background-color: #e4edf9;
  text-align: center;
  /* margin: 10px; */
}

.iruka p{
  padding: 20px;
}

.iruka img{
  border-radius: 10%;
}

.taiken p{
  padding: 20px;
}

.taiken img{
  border-radius: 10%;
}

.taiken{
  background-color: #e4edf9;
  text-align: center;
  /* margin: 10px; */
}




.hidari{
  width: 100vw;
  margin-left: calc(50% - 50vw);
}

.migi{
  width: 100vw;
  margin-right: calc(50% - 50vw);
}

.meinbotan p{
  text-align: center;
}


main h2{
  font-size: 2.3rem;
  font-weight: 600;
  line-height: 30px;
  color: #000;
  text-align: center;
  padding: 50px 0 5px 0;
}

main p{
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 20px;
  padding: 20px 60px 10px 60px;
  color: #000;
}

.mana{
  display: flex;
  justify-content: center;
}

.mana p{
  margin: 0;
  padding: 0;
}

.mana li{
  padding: 25px 30px 25px 30px;
  margin: 20px 20px 15px 20px;
  color: #525254;
  background: #d3daf3;
  border-radius: 5px;
  /* box-shadow: 2px 2px #3c2626; */
  text-align: center;
}


/* .basyo1 img{
  border-radius: 70px;
} */

.toperia img{
  border-radius: 75%;
}


.eri{
  display: flex;
  padding: 60px;
  text-align: center;
  font-family: "M PLUS Rounded 1c", sans-serif;
}

.eri img{
  margin: 0 20px 0 20px;
}

.erit{
  margin: 20px 250px 0 20px;
  line-height: 1.3;
}

.sa{
  padding: 60px;
  display: flex;
  text-align: center;
  font-family: "M PLUS Rounded 1c", sans-serif;
}

.sat{
  margin: 20px 20px 0 250px;
  line-height: 1.3;
}

.shop h3{
  display: inline;
}

.ba{
  margin: 0 140px 0 440px;
}

.om{
  margin: 0 200px 0 300px;
}


.kfe{
display: flex;
justify-content: center;
}

.shop a{
  font-size: 1.5rem;
  margin-left: 335px;
}





/* カレンダー */
.calendar-wrap {
  margin: 0 auto;
  margin-top: 15px;
  max-width: 1110px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 40px;
}
@media (max-width: 767.98px) {
  .calendar-wrap {
    display: flex;
    flex-direction: column;
  }
}
.calendar {
  width: 100%;
  border-collapse: collapse;
}
/* .calendar th, */

.calendar td {
  border: 1px solid #8d8b8b;
  text-align: center;
  padding: 10px;
  font-size: 14px;
  font-weight: bold;
}
.calendar th {
  padding: 6px 10px;
}
.calendar td{
@media (max-width: 767.98px) {
  .calendar th,
  .calendar td {
    padding: 6px;
    font-size: 12px;
  }
  .calendar th {
    padding: 3px 6px;
  }
}}

.calendar .sun {
  color: #e17f7e;
  background-color: #f8e4e2;
}
.calendar .sat {
  color: #7ab6f3;
  background-color: #e7f6fd;
}
.calendar .mute {
  color: #aaa;
}

.calendar .off {
  background-color: #cae7f0;
}

.calendar .yasumi{
  background-color: #b9b9b9;
}

.eiei{
  margin-top: 1px;
  padding-top: 60px;
}

.kotosi p{
  display: inline;
  margin: 10px 250px 10px 150px;
}

.zikan{
  margin: 10px 120px 20px 120px;
  padding: 0 50px 50px 50px 50px;  
  text-align: center;
  background-color:rgba(255,255,255,0.2);
  background-blend-mode:lighten;
  background-position: 40% 60%;
}

.zikan td{
  color: #000000;
}

.chiket img{
  border-radius: 50%;

}

.chiket{
  text-align: center;
}

.chike ul{
  display: flex;
  justify-content: space-around;
  margin-top: 50px;
}

.chike li{
  text-align: center;
  font-size: 1.5rem;
}

.chike img{
  border-radius: 20%;
}

.nennpasu{
  display: flex;
  justify-content: center;
  margin: 5px 250px 5px 250px;
}

.pas{
  text-align: center;
}


.zikan2{
  background-color: #cae7f0;

}

.zikan3{
  background-color: #b9b9b9;
}

.siharai{
  display: flex;
  justify-content: center;
  margin-top: 10px;
}

.nen p{
  margin: 10px;
  text-align: center;
}

.nen ul{
  text-align: center;
}

.nen li{
  display: inline-block;
  padding: 20px;
  font-size: 1.5rem;
}

.se{
  display: flex;
  margin: 4px 20px 10px 370px;
  font-family: "M PLUS Rounded 1c", sans-serif;
}

.se2{
  margin-right: 15px;
}

.se p{
  padding: 50px;
}

/* eria */

.kanngai img{
  border-radius: 60%;
}

.kanngai p{
  text-align: center;
  margin-bottom: 40px;
}



.kangaiannai{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.meinbota{
  position: absolute;
  transform: translate(91%,-98%);
  background-color: #e2eeeb;
  opacity: 0.7;
  padding: 22px;
  text-align: center;
  margin-bottom: 20px;
  position: absolute;
  border-radius: 50%;
  font-family: "M PLUS Rounded 1c", sans-serif;
}


.ikai img{
  border-radius: 60%;
}

.ikai p{
  text-align: center;
}

.ikaiannai{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}


.tika img{
  border-radius: 60%;
}

.tika p{
  text-align: center;
}

.tikaananai{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.ka{
  margin: 115px;
  margin-top: 10px;
}

.kanngai h3{
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-size: 1.9rem;
  margin-left: 300px;
  margin-top: 30px;
}


.ikai h3{
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-size: 1.9rem;
  margin-left: 300px;
  margin-top: 30px;
}

.tika h3{
    font-family: "M PLUS Rounded 1c", sans-serif;
    font-size: 1.9rem;
    margin-left: 300px;
    margin-top: 30px;
}

.suro{
  display: flex;
  margin-left: 10%;
  margin-right: 55%;
  background-color: #aee9eb;
  font-family: "M PLUS Rounded 1c", sans-serif;
  padding: 8px;
}

.dan{
  display: flex;
  margin-left: 57%;
  background-color: #9ec4f3;
  margin-right: 12%;
  font-family: "M PLUS Rounded 1c", sans-serif;
}












/* fother */

.fother1{
  display: flex;
}

footer h2{
  text-align: center;
  padding: 10px;
}

address{
  text-align: center;
  border-top: 1px solid #e5e7eb;
}

footer ul {
  padding: 0;
  list-style: none;
}

footer a {
  color: #4f4e4e;
  text-decoration: none;
}

footer a:hover {
  color: #000000;
}



.local {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 5rem;
  margin-bottom: 1.5rem;
  padding: 90px 40px 20px 40px;
  
}

.footer {
  padding: 2rem;
  font-size: 15px;
  color: #4b5564;
  background: #fff;
  background-image: url(imag/gaikann.jpg);
  background-color:rgba(255,255,255,0.7);
  background-blend-mode:lighten;
  background-position: 30% 40%;
  margin: 15px;
}



.footer__logo {
  display: inline-block;
  margin-bottom: 2rem;
}

.footer__navi li {
  margin-bottom: 0.75rem;
}

/* .footer__social a {
  display: inline-block;
  width: 24px;
  opacity: 0.7;
} */
/* 
.footer__social a:not(:last-child) {
  margin-right: 16px;
} */

/* @media (min-width: 768px) {
  .md-flex {
    display: flex;
  }

  .md-justify-between {
    justify-content: space-between;
  }

  .grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
} */


#page-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  font-size: 14px;
  line-height: 1;
  z-index: 99;
}
#page-top a {
  background: #407de0;
  text-decoration: none;
  color: #fff;
  width: 60px;
  padding: 28px 5px;
  text-align: center;
  display: block;
  border-radius: 50%;
  opacity: 0.9;
  transition: all .3s ease;
}
#page-top a:hover {
  text-decoration: none;
  opacity: .5;
}


#page-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  font-size: 14px;
  line-height: 1;
  z-index: 99;
}
#page-top a {
  background: #5573ed;
  text-decoration: none;
  color: #fff;
  width: 60px;
  padding: 28px 5px;
  text-align: center;
  display: block;
  border-radius: 50%;
  opacity: 0.8;
  transition: all .2s ease;
}
#page-top a:hover {
  text-decoration: none;
  opacity: .5;
}

small{
  display: block;
  text-align: center;
  border-top: 1px solid #e5e7eb;
  padding-top: 10px;
}