/* ******** */
/* Staticization and server migration 2024 01 17 */
/* add style */
/* ******** */

/* Index header ***** */

/* SNS link *** */
#header .snstext::before {
  content: "/";
  padding-right: 1em;
}
#header .snslinklist {
  display: flex;
}

@media only screen and (min-width: 641px){
#header .rightlink {
  padding-right: 200px;
}
#header .snstext {
  width: 10em;
}
#header .instagram a img {
  width: 46px;
  height: 46px;
}
#header .twitter a img {
  width: 40px;
  height: 40px;
  margin-top: 2px;
}
}

@media only screen and (max-width: 640px){
  #header .rightlink {
    flex-direction: column;
  }
  #header .englishlink {
    text-align: right;
    width: 100%;
  }
  #header .snstext {
    text-align: right;
    margin: 0.5em 0 0.3em;
  }
  #header .snstext::before {
    display: none;
  }
}


/* Reservation link *** */
#header .reserve_introduction li:nth-child(1) a {
   background: #009542;
  }
@media only screen and (min-width: 641px){
  #header .reserve_introduction li a{
  width: 200px;
  }
}
body.en #header .reserve_introduction li a {
  font-size: inherit;
  }
@media only screen and (max-width: 640px){
  #header .reserve_introduction li a {
    padding: 4%;
  }
  body.en #header .reserve_introduction li a {
      padding: 5% 0;
      line-height: 1;
      font-size: 24px;
      font-size: 2.4rem;
      font-size: 3.75vw;
  }
}




/* Index banner ***** */
.banner {
  text-align: center;
}

/* Index reservation ***** */
.panel_list-col1 {
  margin-top: 75px;
  display: flex;
}

.panel_list-col1 li {
  padding: 60px 40px 60px;
  margin-bottom: 40px;
  width: 100%;
  color: #333;
}

.panel_list-col1 li h3 {
  line-height: 1;
  font-size: 28px;
}

.panel_list-col1 li p {
  margin: 1.5em auto;
  line-height: 1.5;
}

.panel_list-col1 li .btn {
  margin: 0 auto;
  display: block;
  width: 380px;
  height: 70px;
  line-height: 70px;
  color: #fff;
  font-size: 20px;
}
@media only screen and (max-width: 640px){
  .panel_list-col1 li .btn {
    width: 100%;
  }
  }
.panel_list-col1 li:first-child {
  background: #fff;
}

.panel_list-col1 li:first-child h3 {
  color: #28a7e1;
}

.panel_list-col1 li:first-child .btn {
  background: #28a7e1;
}

.panel_list-col1 li:last-child {
  background: rgba(255, 255, 255, 0.9);
}

.panel_list-col1 li:last-child h3 {
  color: #009542;
}

.panel_list-col1 li:last-child .btn {
  background: #009542;
}

.panel_list-col1 + .notice {
  margin-bottom: 30px;
  padding: 0.75em 0;
  color: #ccc;
  background: rgba(0, 0, 0, 0.25);
  font-size: 12px;
}

.panel_list-col1 + .notice .text_underline {
  border-color: #ccc;
}

body.home #notice{
  position: relative;
  z-index: 2;
  padding: 20px;
  background: #FFF;
  margin-bottom: 100px;
}
@media only screen and (max-width: 640px) {
  body.home .kv.full_screen {
    background: none;
    background-image: linear-gradient(90deg, rgb(119 178 244), rgb(0 114 211));
  }/*
  body.home .kv.full_screen::before {
    background: none;
  }*/
 /* body.home .kv.noinfo.full_screen:before{ /* notice 利用時のみ **
    background-position: top;
  }*/
  body.home .kv.noinfo.full_screen:before{
    background-position: bottom;
  }
  body.home #notice{
    background-color: #fff;
    padding: 20px 10%;
    margin-bottom: 60px;
  }

}