@charset "UTF-8";
/*====================================================
	// note overwrite
====================================================*/
article {
  font-feature-settings: "palt";
}

.contents {
  background-color: #b21e23;
}

#slide_nav {
  display: none;
}

a i {
  width: 6px;
  margin-right: 8px;
  display: inline-block;
  vertical-align: top;
}

@media print, screen and (max-width: 900px) {
  #slide_nav {
    top: -200px;
    display: block;
  }
  #headNav li:nth-child(5) {
    display: none;
  }
  .contents .lv_02 {
    padding-top: 30px;
  }
}
@media print, screen and (max-width: 768px) {
  .contents .lv_02 {
    padding-top: 0;
  }
  .contents_texture {
    padding-top: 30px;
  }
}
/*====================================================
	// id #title
====================================================*/
#title {
  width: 100%;
  position: relative;
  padding: 0 0 30px;
  position: relative;
  background: #f7f0df url(../img/top/bg_title.png) repeat;
}

#title .bg_title_1 {
  background: url(../img/top/bg_title_1.png) no-repeat top center;
  background-size: 1920px;
}

#title .bg_title_2 {
  background: url(../img/top/bg_title_2.png) no-repeat top center;
  background-size: 1809px;
}

@media screen and (max-width: 1366px) {
  #title .bg_title_2 {
    background: url(../img/top/bg_title_2.png) no-repeat top center;
    background-size: contain;
  }
}
@media print, screen and (max-width: 900px) {
  #title .bg_title_1,
  #title .bg_title_2 {
    background: none;
  }
}
/*====================================================
	// title の中身
====================================================*/
#title .tax {
  width: 95%;
  max-width: 1160px;
  margin: auto;
  color: #666;
  font-size: 1.2rem;
  padding: 0 2.5%;
}

#title .tax span {
  font-size: 1.2rem;
  text-align: right;
  padding: 0.3em 1.5em;
  background: #fff;
  display: inline-block;
  border-radius: 2em;
}

#title .link-to-top a {
  color: #fff;
  background: #3156a1;
  padding: 0.25em 2em 0.25em;
}

#title .link-to-top {
  position: absolute;
  top: 0;
  left: 2.5%;
  text-align: right;
}

#title .inner {
  width: 95%;
  max-width: 1260px;
  margin: auto;
  text-align: center;
  /* border: #f00 thin solid; */
}

#title #h1_box {
  max-width: 742px;
  margin-left: auto;
  margin-right: auto;
}

#title #h1_box img {
  max-width: 744px;
}

#title #h1_box p.hidetxt {
  margin-bottom: 0;
}

#h1_pc {
  display: block;
  /* border: #f00 thin solid; */
}

#h1_mob {
  display: none;
  /* border: #f00 thin solid; */
}

#title .lead {
  margin-bottom: 15px;
}

#title .lead p {
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
  color: #482212;
}

@media screen and (max-width: 1366px) {
  #title #h1_box {
    width: 50%;
  }
}
@media screen and (max-width: 900px) {
  #title {
    padding-bottom: 30px;
  }
  #title .inner {
    width: 100%;
    margin: auto auto auto;
    padding-top: 0;
  }
  #title .link-to-top {
    position: absolute;
    top: 0;
    left: 2%;
  }
  #title .link-to-top a {
    font-size: 1.2rem;
    color: #fff;
    background: #3156a1;
    padding: 0.5em 1em 0.25em;
  }
  #title #h1_box {
    width: auto;
    max-width: 100%;
    /* border: #f00 thin solid; */
  }
  #title #h1_box img {
    max-width: 100%;
  }
  #h1_pc {
    display: none;
  }
  #h1_mob {
    display: block;
  }
  #title .lead p {
    width: 90%;
    margin: auto auto 0;
    font-size: 1.6rem;
  }
}
/*====================================================
	// class .lead-to-pages
====================================================*/
.lead-to-pages {
  max-width: 1260px;
  margin: auto auto 30px;
}

.lead-to-pages .item {
  font-size: 1.6rem;
  line-height: 1.6;
  background: #fff;
  overflow: hidden;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  text-align: center;
}

/* #recorder.item {
    text-align: left;
} */
.lead-to-pages .item .kuwashiku {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}

.lead-to-pages .item .kuwashiku li {
  margin: auto auto 1.5em;
  padding: 15px 1em;
  color: #fff;
  background: #b68d3c;
  display: block;
  text-align: center;
  border-radius: 2em;
}

.lead-to-pages .item:hover .kuwashiku li {
  background: #dba943;
}

.lead-to-pages .item a {
  width: 100%;
  height: 100%;
  /* border: #f00 thin solid; */
  display: block;
}

.lead-to-pages .item a:hover {
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
}

.lead-to-pages .item:hover {
  box-shadow: 0 5px 10px 5px #3f0002;
}

.lead-to-pages .item a {
  cursor: pointer;
}

.lead-to-pages h3 {
  width: 100%;
  height: 136px;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  /* padding: .5em 0; */
  font-size: 2.6rem;
  font-weight: normal;
  text-align: center;
  color: #fff;
  background: #274604 url(../img/bg_headding_green.png) repeat 0 0;
}

.lead-to-pages .item:hover h3 {
  background: #274604 url(../img/bg_headding_green2.png) repeat 0 0;
}

/* .lead-to-pages h3 .break1 {
    margin-left: .75em;
} */
.lead-to-pages h3 small {
  font-size: 2.2rem;
}

/* .lead-to-pages h3 .bg {
    height: 2.75em;
    padding: .75em 0;
    background-size: contain;
    display: block;
} */
/* .lead-to-pages h3 .line_1 {
    padding-top: .7em;
    display: block;
} */
.lead-to-pages figure img {
  margin-bottom: 0.25em;
}

.lead-to-pages figcaption {
  font-size: 1.2rem;
  text-align: right;
}

.lead-to-pages .inside {
  margin-bottom: 30px;
}

.lead-to-pages .inside .lead {
  margin-bottom: 15px;
}

/* ///// .half .item ///// */
.lead-to-pages .half .item .inside {
  padding: 1.5em 7.5% 0;
}

.lead-to-pages .item p.lead_1 {
  min-height: 5em;
}

.item .lead_1 {
  margin: auto auto 1em;
}

.lead-to-pages .half {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.lead-to-pages .half .item {
  width: 49%;
  margin-bottom: 2em;
  padding-bottom: 15px;
}

.lead-to-pages .half .item li {
  font-size: 1.6rem;
}

.lead-to-pages .item.full {
  margin-bottom: 60px;
}

.lead-to-pages .item.full .inside {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.lead-to-pages .item .inside .txtbox figure.mob {
  display: none;
}

.lead-to-pages .item.full .inside .txtbox {
  width: 52%;
  /* border: #f00 thin solid; */
}

.lead-to-pages .item.full .inside figure {
  width: 46%;
  max-width: 518px;
  text-align: center;
  /* border: #f00 thin solid; */
}

.lead-to-pages .item.full .inside {
  /* padding: 1.5em 5% 0; */
  padding: 0.5em 5% 0;
}

.lead-to-pages .item .inside figure img {
  max-width: 518px;
}

.item.full .linkbtn li a {
  margin: 0;
}

.item.full .kuwashiku {
  width: 60%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
}

@media screen and (max-width: 1280px) {
  .lead-to-pages .item .inside figure img {
    width: 100%;
    max-width: 100%;
    /* border: #f00 thin solid; */
  }
}
@media print, screen and (max-width: 1023px) {
  .lead-to-pages .item.full figure img.pc {
    display: block !important;
  }
  .lead-to-pages {
    margin-bottom: 3em;
    display: block;
  }
  .lead-to-pages .item {
    width: 100%;
    margin-bottom: 2em;
  }
  .lead-to-pages .item .inside figure {
    width: 100%;
    margin: auto auto 1em;
    text-align: center;
  }
  .lead-to-pages .item .inside figure img {
    max-width: 518px;
    margin: auto;
  }
  .lead-to-pages a {
    width: 80%;
  }
  .lead-to-pages .half {
    display: block;
  }
  .lead-to-pages .half .item li {
    font-size: 1.8rem;
  }
  .lead-to-pages .half .item {
    width: 100%;
    margin-bottom: 2em;
    padding-bottom: 15px;
    font-size: 1.5rem;
    margin-bottom: 2em;
  }
  .lead-to-pages .half .inside {
    min-height: auto;
  }
  .lead-to-pages .item p.lead_1 {
    height: auto;
    min-height: auto;
    margin-bottom: 5px;
  }
  .lead-to-pages h3 {
    font-size: 2.4rem;
  }
  .lead-to-pages .item figure {
    margin-bottom: 1em;
    text-align: center;
  }
  .lead-to-pages .item figure img {
    /* max-width: 518px; */
    width: 100%;
    max-width: 100%;
    /* border: #f00 thin solid; */
  }
  .lead-to-pages .icon-click {
    width: 80%;
  }
  .lead-to-pages .item.full .inside {
    display: block;
    padding: 1.5em 2.5% 0;
  }
  .lead-to-pages .item.full .inside .txtbox {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
  .lead-to-pages .item.full .inside figure {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
  }
  .lead-to-pages .item.full figure img.pc {
    display: none !important;
  }
  .item.full .linkbtn li a {
    width: 90%;
    margin: auto;
    font-size: 1.8rem;
  }
  .item.full .kuwashiku {
    width: 80%;
  }
}
@media print, screen and (max-width: 768px) {
  .lead-to-pages h3 .bg {
    height: auto;
    padding: 0.75em 0;
  }
  #setplan .bg {
    padding: 0.25em 0 0;
  }
  .lead-to-pages h3 .break1 {
    margin-left: 0;
    display: block;
  }
  .lead-to-pages h3 .line_1 {
    padding-top: 0;
  }
}
/*========================
 // id #reservation
===========================*/
#reservation {
  width: 80%;
  max-width: 1000px;
  /*    min-height: 430px;*/
  min-height: 337px;
  margin: auto auto 15px;
  font-size: 1.6rem;
  text-align: center;
  background: url(../img/top/reserve/bg_reserve.svg) no-repeat top center;
}

#reservation .deco {
  display: none;
}

#reservation .inside {
  /*    padding: 35px 5% 0;*/
  padding: 30px 5% 0;
}

#icon_reserve {
  width: 300px;
  margin: auto auto 15px;
}

#reservation .how h6 {
  width: 70%;
  margin: auto auto 15px;
  padding-bottom: 5px;
  font-family: "Sawarabi Mincho";
  font-size: 2.4rem;
  font-weight: normal;
  color: #9b3c83;
  border-bottom: #9b3c83 thin solid;
}

#reservation .how .tel_link {
  margin-left: 0.75em;
}

#reservation h4 {
  /*    width: 90%;*/
  width: 80%;
  margin: auto auto 0.5em;
  padding-bottom: 0.25em;
  /*    font-family: 'Noto Serif JP', serif;*/
  font-size: 3rem;
  font-weight: normal;
  color: #ed8599;
  border-bottom: #ed8599 1px solid;
}

#reservation p.lead {
  font-size: 1.6rem;
  margin-bottom: 5px;
}

#reservation .telnum {
  font-size: 2rem;
}

#reservation .linkbtn {
  margin-bottom: 20px;
}

#reservation .linkbtn a {
  width: 60%;
  margin: auto;
  font-size: 2rem;
  padding: 10px 0;
}

@media screen and (max-width: 1024px) {
  #reservation {
    width: 90%;
    max-width: 860px;
  }
}
@media screen and (max-width: 900px) {
  #reservation {
    width: 85%;
    background: #fff;
    padding: 10px;
    border: #b28aaa thin solid;
    margin-bottom: 30px;
  }
  #reservation .how h6 {
    width: 100%;
  }
  #reservation .how .tel_link {
    display: block;
    margin: 0;
  }
  #reservation .how .tel_link a {
    color: #000;
  }
  #reservation .deco {
    display: block;
  }
  #reservation .inside {
    margin-top: -3em;
    margin-bottom: -6em;
    padding: 0 5% 0;
  }
  #reservation .linkbtn a {
    width: 90%;
  }
}
@media print, screen and (max-width: 640px) {
  #reservation .inside {
    margin-top: -2em;
    margin-bottom: -4em;
    padding: 10px 2.5% 15px;
  }
  #icon_reserve {
    width: 80%;
  }
}
@media screen and (max-width: 320px) {
  #reservation p {
    font-size: 1.4rem;
  }
}
/*========================
 // #reservation_02
===========================*/
#reservation_02 {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
  padding: 30px 15px 0;
  color: #482212;
  text-align: center;
  border: #b68d3c 3px solid;
}

#reservation_02 p {
  font-size: 1.6rem;
  line-height: 1.6;
}

#reservation_02 .linkbtn {
  width: 50%;
  margin-left: auto;
  margin-right: auto;
}

@media print, screen and (max-width: 768px) {
  #reservation_02 p {
    font-size: 1.5rem;
  }
  #reservation_02 dl {
    font-size: 1.5rem;
  }
  #reservation_02 .linkbtn {
    width: 90%;
  }
}
/*========================
 // id #sumikko
===========================*/
#sumikko {
  margin-bottom: 60px;
  padding: 30px 0 30px;
  /* border: #f192bc 3px solid; */
  position: relative;
  background: #fff;
}

#sumikko .prezent_more {
  width: 7%;
  position: absolute;
  top: -45px;
  left: 46.5%;
  z-index: 1;
}

#sumikko h5 {
  width: 98%;
  max-width: 1080px;
  margin: auto auto 20px !important;
  text-align: center;
}

#sumikko h5 img {
  width: 100%;
}

#sumikko .inside {
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  font-size: 1.8rem;
}

#sumikko dl {
  margin-bottom: 0px;
}

#sumikko dt {
  margin-bottom: 5px;
}

#sumikko dt span {
  color: #fff;
  background-color: #f192bc;
  padding: 0 30px;
  border-radius: 2em;
}

#sumikko dd {
  color: #5e4237;
  font-weight: bold;
  margin-bottom: 15px;
}

#sumikko p {
  width: auto;
  margin-bottom: 1em;
  line-height: 1.8;
}

#sumikko p small {
  font-size: 1.4rem;
}

#sumikko h5 {
  font-size: 2.6rem;
  text-align: center;
  margin-bottom: 10px;
  color: #5e4237;
}

#sumikko h5 img {
  margin-bottom: 15px;
  margin-left: auto;
  margin-right: auto;
}

#sumikko h5 img.pc {
  display: block;
}

#sumikko h5 img.mob {
  display: none;
}

#sumikko h5 span {
  margin-left: 0.5em;
}

#sumikko .txtbox {
  font-size: 1.6rem;
  max-width: 900px;
  margin: auto;
  text-align: center;
  color: #444;
  text-align: center;
}

#sumikko .note {
  margin-bottom: 15px;
  padding-top: 15px;
}

#sumikko .note ul {
  font-size: 1.4rem;
}

@media print, screen and (max-width: 768px) {
  #sumikko .inside {
    padding: 15px 15px;
  }
  #sumikko h5 {
    font-size: 1.8rem;
  }
  #sumikko h5 img {
    width: 90%;
    margin: 0 auto 30px;
    display: block;
  }
  #sumikko h5 img.pc {
    display: none;
  }
  #sumikko h5 img.mob {
    display: block;
  }
  #sumikko h5 span {
    display: block;
  }
  #sumikko .txtbox {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    font-size: 1.5rem;
  }
}
/*=====================
	// 202512 追記分
=======================*/
#wrap {
  padding-top: 100px;
}
@media screen and (max-width: 999px) {
  #wrap {
    padding-top: 60px;
  }
}
#wrap .lead p:nth-child(2) {
  background-image: linear-gradient(90deg, #00054d, #1757b0 33%, #00054d);
  width: -moz-fit-content;
  width: fit-content;
  margin: 8px auto 0;
  padding: 10px 20px;
  color: #fff;
}

a i img {
  vertical-align: middle !important;
}/*# sourceMappingURL=top.css.map */