/*=======================
	#title
=====================*/



#title .mv {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  display: block;
}


#title .txtbox {
  width: 95%;
  margin-left: auto;
  margin-right: auto;
}


#h1_pc {
  display: none;
}

#h1_mob {
  display: block;
}


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


  #title {
    /* width: 85%; */
    width: 95%;
    max-width: 1728px;
    margin: auto auto;
    /* border: #f00 thin solid; */
  }



  #title .mv {
    /* width: 43.52%; */
    /* width: 40%; */
    width: 48%;
    max-width: 752px;
    margin-left: 0;
    margin-right: 0;
  }


  #title .txtbox {
    /* width: 54.8%; */
    width: 50%;
    max-width: 946px;
    margin-left: 0;
    margin-right: 0;
    /* border: #f00 thin solid; */
  }

  #h1_pc {
    width: 100%;
    max-width: 820px;
    margin-top: 60px;
    display: block;
    /* border: #f00 thin solid; */
  }

  #h1_mob {
    display: none;
  }


}










/*========================
 // lead-to-pages
===========================*/

.lv-02 {
  background-color: #aa8c49;
}

#inst-items-outer {
  width: 90%;
}


#inst-items .item {
  color: #666;
  background-color: #fff;
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  /* box-shadow: 0 3px 5px 0 #999; */
}


#inst-items .item a {
  width: 100%;
  height: 100%;
  /* border: #f00 thin solid; */
}

.lead-to-pages h3 {
  padding: 15px 15px 15px 15px;
  color: #fff;
  background-color: #000;
}

.lead-to-pages h3 .en {
  font-family: "Tangerine", cursive;
  font-weight: 700;
  font-style: normal;
  line-height: 1.1;
  /**/
  font-size: 60px;
  margin-bottom: -5px;
}

.lead-to-pages h3 .jp {
  font-size: 20px;
}

.lead-to-pages h3 .jp {
  line-height: 1.1;
}

.lead-to-pages .txtbox {
  padding: 10px 15px 0 15px;
}

#nav-vn.item figure {
  background: url(../img/top/bg-link-to-vn.jpg) top center no-repeat;
  background-size: contain;
}

#nav-va.item figure {
  background: url(../img/top/bg-link-to-va.jpg) top center no-repeat;
  background-size: contain;
}


#nav-vc.item figure {
  background: url(../img/top/bg-link-to-vc.jpg) top center no-repeat;
  background-size: contain;
}


#nav-reco.item figure {
  background: url(../img/top/bg-link-to-reco.jpg) bottom center no-repeat;
  background-size: contain;
}


#nav-vn.item h3 {
  background-color: #0e408a;
}

#nav-va.item h3 {
  background-color: #044900;
}

#nav-vc.item h3 {
  background-color: #8c1037;
}

#nav-reco.item h3 {
  background-color: #c55300;
}


#nav-event h3 {
  background-color: #8b6d2b;
}



.lead-to-pages .linkbtn li {
  width: 90%;
  max-width: 800px;
  margin: auto auto 1.5em;
  padding: 10px 1em;
  color: #fff;
  background: #b39b75;
  display: block;
  text-align: center;
  border-radius: 2em;
}


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

  .lead-to-pages h3 {
    padding: 15px 15px 15px 30px;
    height: 150px;
  }


  #inst-items-outer {
    width: 90%;
  }

  .lead-to-pages h3 .en {
    font-size: 80px;
  }

  .lead-to-pages h3 .jp {
    font-size: 20px;
    margin-left: 15px;
  }


  .lead-to-pages .linkbtn li {
    width: 50%;
    max-width: inherit;
    margin-left: 15px;
    padding: 10px 30px;
    color: #fff;
    background: #b39b75;
    text-align: center;
    border-radius: 2em;
    display: inline-block;
  }

}


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


  #inst-items .half {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }


  #inst-items .half .item {
    width: 48%;
  }
}



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


  #inst-items-outer {
    /* width: 83.8%; */
    width: 90%;
  }

}



.lead-to-pages #nav-event .linkbtn li {
  width: 90%;
  max-width: 800px;
  margin: auto auto 1.5em !important;
  padding: 20px 1em;
  color: #fff;
  background: #b39b75;
  display: block;
  text-align: center;
  border-radius: 2em;
}



/*========================
 // id #reservation
===========================*/
#reservation {
  width: 80%;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}

#reservation h6 {
  border-top: #aa8c49 thin solid;
  border-bottom: #aa8c49 thin solid;
}

#reservation .deco {
  display: none;
}