/*! ========================================================================
===========================================================================

	roomplan.css
	---------------------------
	// Last modified: 2024/12/05 15:20:30

===========================================================================
======================================================================== */
.p_pageMain {
  background-color: #fff;
}

figcaption {
  text-align: right;
  padding: 9px 6px 0 0;
  color: #333;
}
figcaption.inimg {
  position: absolute;
  bottom: 4px;
  right: 4px;
  color: #fff;
}

.bg_bk {
  background-color: #000;
  color: #fff;
}
.bg_bk figcaption {
  color: #fff;
}

#section01 {
  position: relative;
}
#section01 ul {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  background-color: #000;
}
#section01 ul li {
  width: 25%;
  overflow: hidden;
}
@media screen and (max-width:800px) {
  #section01 ul li {
    width: 50%;
  }
}
#section01 ul li figure {
  width: 100%;
}
#section01 figcaption {
  position: absolute;
  top: calc(100% + 0.25em);
  right: 8px;
  color: #000;
}

#section02 {
  padding: 70px 0;
}
@media screen and (max-width:800px) {
  #section02 {
    padding: 70px 0;
  }
}
#section02 .section__ins {
  width: 90%;
  max-width: 750px;
  margin: 0 auto;
}
#section02 .section__ins .subttls {
  text-align: center;
  margin-bottom: 1em;
}
#section02 .section__ins .tate01 {
  width: 15%;
  max-width: 110px;
  margin: 0 auto;
}
@media screen and (max-width:800px) {
  #section02 .section__ins .tate01 {
    width: 5.8%;
    max-width: 110px;
  }
}

#section03 {
  overflow: hidden;
  position: relative;
}
#section03 .biganime {
  position: relative;
  top: 0;
  left: 0;
}
#section03 .biganime .sec_title {
  color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

#section04 {
  overflow: hidden;
  position: relative;
  padding: 240px 0 140px 0;
}
@media screen and (max-width:800px) {
  #section04 {
    padding: 80px 0 70px 0;
  }
}
#section04 figcaption.first {
  position: absolute;
  top: 0.5em;
  right: 8px;
  color: #000;
}
#section04 .biganime {
  position: relative;
  top: 0;
  left: 0;
}
#section04 .biganime .sec_title {
  color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
#section04 .section__ins {
  width: 90%;
  max-width: 750px;
  margin: 0 auto;
}
#section04 h2.bigttls {
  margin-bottom: 0.15em;
}
@media screen and (max-width:800px) {
  #section04 h2.bigttls {
    font-size: 14vw;
  }
}
#section04 .base_text {
  letter-spacing: 0.25em;
  line-height: 160%;
  margin-bottom: 3.5em;
}
@media screen and (max-width:800px) {
  #section04 .base_text {
    font-size: 6vw;
    margin-bottom: 1.5em;
  }
}
#section04 .img01 {
  position: relative;
}
#section04 .img01 figcaption {
  position: absolute;
  top: calc(100% + 0.25em);
  right: 0px;
  color: #000;
}
#section04 .base_text01 {
  text-align: center;
  line-height: 210%;
  letter-spacing: 0.25em;
  padding: 85px 0;
}
@media screen and (max-width:800px) {
  #section04 .base_text01 {
    padding: 12.5vw 0 10vw 0;
    letter-spacing: 0.15em;
  }
}
#section04 ul.photolist {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  position: relative;
}
#section04 ul.photolist figcaption {
  position: absolute;
  top: calc(100% + 0.25em);
  right: 0px;
  color: #000;
}
#section04 ul.photolist li {
  width: 49.5%;
}
#section04 .base_text02 {
  line-height: 180%;
  letter-spacing: 0.25em;
  padding-top: 180px;
  margin-bottom: 1.25em;
}
@media screen and (max-width:800px) {
  #section04 .base_text02 {
    font-size: 6vw;
    padding: 25vw 0 0vw 0;
    letter-spacing: 0.15em;
  }
}
#section04 figure.zu01 {
  width: 100%;
}
#section04 .base_text_mid {
  line-height: 180%;
  letter-spacing: 0.25em;
  padding-top: 180px;
  text-align: center;
  margin-bottom: 1em;
}
@media screen and (max-width:800px) {
  #section04 .base_text_mid {
    padding: 15vw 0 10vw 0;
    letter-spacing: 0.15em;
    margin-bottom: 0em;
  }
}
#section04 .base_text_base {
  width: 80%;
  margin: 0 auto;
  line-height: 180%;
  letter-spacing: 0.25em;
  margin-bottom: 1.25em;
}
@media screen and (max-width:800px) {
  #section04 .base_text_base {
    width: 90%;
    letter-spacing: 0.15em;
    margin-bottom: 1.5em;
  }
}
#section04 figure.zu02 {
  width: 100%;
  position: relative;
}
#section04 figure.zu02 figcaption {
  position: absolute;
  bottom: 0px;
  right: 0px;
  color: #000;
}

.biganime {
  opacity: 0;
  transform: scale(1.1);
  transition: 3s ease 0.2s;
}
.biganime.active {
  opacity: 1;
  transform: scale(1);
  transition: 3s ease 0.2s;
}

.biganime1 {
  opacity: 0;
  transform: scale(1.1);
  transition: 3s ease 0.2s;
}
.biganime1.active {
  opacity: 1;
  transform: scale(1);
  transition: 3s ease 0.2s;
}

/**********************/
#section05 {
  overflow: hidden;
  position: relative;
  padding: 240px 0 140px 0;
  background-color: #e9eae8;
}
@media screen and (max-width:800px) {
  #section05 {
    padding: 80px 0 70px 0;
  }
}
#section05 figcaption.first {
  position: absolute;
  top: 0.5em;
  right: 8px;
  color: #000;
}
#section05 .biganime {
  position: relative;
  top: 0;
  left: 0;
}
#section05 .biganime .sec_title {
  color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
#section05 .section__ins {
  width: 90%;
  max-width: 750px;
  margin: 0 auto;
}
#section05 h2.bigttls {
  margin-bottom: 0em;
}
@media screen and (max-width:800px) {
  #section05 h2.bigttls {
    font-size: 14vw;
  }
}
#section05 .base_text_ookii {
  line-height: 180%;
  letter-spacing: 0.25em;
  padding-top: 80px;
  margin-bottom: 5em;
}
@media screen and (max-width:800px) {
  #section05 .base_text_ookii {
    font-size: 6vw;
    padding: 40px 0 0vw 0;
    letter-spacing: 0.15em;
  }
}
#section05 .base_text {
  letter-spacing: 0.25em;
  line-height: 160%;
  margin-bottom: 0em;
}
@media screen and (max-width:800px) {
  #section05 .base_text {
    font-size: 6vw;
    margin-bottom: 0em;
  }
}
#section05 .img01 {
  position: relative;
  margin-bottom: 150px;
}
@media screen and (max-width:800px) {
  #section05 .img01 {
    margin-bottom: 75px;
  }
}
#section05 .img01 figcaption {
  position: absolute;
  top: calc(100% + 0.25em);
  right: 0px;
  color: #000;
}
#section05 .base_text01 {
  text-align: center;
  line-height: 210%;
  letter-spacing: 0.25em;
  padding: 60px 0 50px 0;
  border-top: 1px solid #666;
}
@media screen and (max-width:800px) {
  #section05 .base_text01 {
    padding: 9vw 0 7.5vw 0;
    letter-spacing: 0.15em;
  }
}
#section05 .base_text_base2 {
  width: 100%;
  margin: 0 auto;
  line-height: 180%;
  letter-spacing: 0.25em;
  margin-bottom: 1.75em;
}
@media screen and (max-width:800px) {
  #section05 .base_text_base2 {
    width: 90%;
    letter-spacing: 0.15em;
    margin-bottom: 1.5em;
  }
}
#section05 .base_text_base3 {
  width: 100%;
  margin: 0 auto;
  line-height: 180%;
  letter-spacing: 0.05em;
  margin-bottom: 1.25em;
}
@media screen and (max-width:800px) {
  #section05 .base_text_base3 {
    width: 90%;
    letter-spacing: 0.05em;
    margin-bottom: 1.5em;
  }
}
#section05 .inwaku {
  width: 100%;
  max-width: 500px;
  margin: 0 auto;
}
#section05 .imgmini {
  position: relative;
}
#section05 .imgmini figcaption {
  position: absolute;
  top: calc(100% + 0.25em);
  right: 0px;
  color: #000;
}
#section05 .names {
  text-align: center;
  margin-bottom: 80px;
  margin-top: 1.5em;
}
@media screen and (max-width:800px) {
  #section05 .names {
    margin-bottom: 40px;
  }
}
#section05 ul.photolist {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  position: relative;
}
#section05 ul.photolist figcaption {
  position: absolute;
  top: calc(100% + 0.25em);
  right: 0px;
  color: #000;
}
#section05 ul.photolist li {
  width: 49.5%;
}
#section05 figure.zu01 {
  width: 100%;
}
#section05 .base_text_mid {
  line-height: 180%;
  letter-spacing: 0.25em;
  padding-top: 180px;
  text-align: center;
  margin-bottom: 1em;
}
@media screen and (max-width:800px) {
  #section05 .base_text_mid {
    padding: 15vw 0 10vw 0;
    letter-spacing: 0.15em;
    margin-bottom: 0em;
  }
}
#section05 .base_text_base {
  width: 80%;
  margin: 0 auto;
  line-height: 180%;
  letter-spacing: 0.25em;
  margin-bottom: 1.25em;
}
@media screen and (max-width:800px) {
  #section05 .base_text_base {
    width: 90%;
    letter-spacing: 0.15em;
    margin-bottom: 1.5em;
  }
}
#section05 figure.zu02 {
  width: 100%;
  position: relative;
}
#section05 figure.zu02 figcaption {
  position: absolute;
  bottom: 0px;
  right: 0px;
  color: #000;
}

#section06 {
  overflow: hidden;
  position: relative;
}
#section06 .biganime {
  position: relative;
  top: 0;
  left: 0;
}
#section06 .biganime .sec_title {
  color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

#section07 {
  overflow: hidden;
  position: relative;
  padding: 240px 0 140px 0;
  background-color: #e9eae8;
}
@media screen and (max-width:800px) {
  #section07 {
    padding: 80px 0 70px 0;
  }
}
#section07 figcaption.first {
  position: absolute;
  top: 0.5em;
  right: 8px;
  color: #000;
}
#section07 .biganime {
  position: relative;
  top: 0;
  left: 0;
}
#section07 .biganime .sec_title {
  color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
#section07 .section__ins {
  width: 90%;
  max-width: 750px;
  margin: 0 auto;
}
#section07 h2.bigttls {
  margin-bottom: 0em;
}
@media screen and (max-width:800px) {
  #section07 h2.bigttls {
    font-size: 10vw;
  }
}
#section07 .base_text_ookii {
  line-height: 180%;
  letter-spacing: 0.05em;
  padding-top: 80px;
  margin-bottom: 1.5em;
}
@media screen and (max-width:800px) {
  #section07 .base_text_ookii {
    font-size: 5vw;
    padding: 40px 0 0vw 0;
    letter-spacing: 0.05em;
  }
}
#section07 ul.yokolist {
  width: 100%;
  border-top: 1px solid #666;
}
@media screen and (max-width:800px) {
  #section07 ul.yokolist {
    width: 90%;
    margin: 0 auto;
  }
}
#section07 ul.yokolist li {
  width: 100%;
  border-bottom: 1px solid #666;
  padding: 2.35em 0 2.5em 0;
  text-align: center;
}
@media screen and (max-width:800px) {
  #section07 ul.yokolist li {
    padding: 1.65em 0 1.5em 0;
  }
}
#section07 .base_text {
  letter-spacing: 0.15em;
  line-height: 160%;
  margin-bottom: 0em;
}
@media screen and (max-width:800px) {
  #section07 .base_text {
    font-size: 4vw;
    margin-bottom: 0em;
  }
}
#section07 .img01 {
  position: relative;
  margin-bottom: 150px;
}
@media screen and (max-width:800px) {
  #section07 .img01 {
    margin-bottom: 45px;
    width: 112%;
    margin-left: -6%;
  }
}
@media screen and (max-width:800px) {
  #section07 .img01 {
    margin-bottom: 75px;
  }
}
#section07 .img01 figcaption {
  position: absolute;
  top: calc(100% + 0.25em);
  right: 0px;
  color: #000;
}
#section07 .img01b {
  position: relative;
  margin-bottom: 90px;
}
@media screen and (max-width:800px) {
  #section07 .img01b {
    margin-bottom: 45px;
    width: 112%;
    margin-left: -6%;
  }
}
#section07 .img01b figcaption {
  position: absolute;
  top: calc(100% + 0.25em);
  right: 0px;
  color: #000;
}
#section07 .base_text01 {
  text-align: center;
  line-height: 210%;
  letter-spacing: 0.25em;
  padding: 60px 0 50px 0;
  border-top: 1px solid #666;
}
@media screen and (max-width:800px) {
  #section07 .base_text01 {
    padding: 9vw 0 7.5vw 0;
    letter-spacing: 0.15em;
  }
}
#section07 .base_text_base2 {
  width: 100%;
  margin: 0 auto;
  line-height: 180%;
  letter-spacing: 0.25em;
  margin-bottom: 1.75em;
}
@media screen and (max-width:800px) {
  #section07 .base_text_base2 {
    width: 90%;
    letter-spacing: 0.15em;
    margin-bottom: 1.5em;
  }
}
#section07 .base_text_base3 {
  width: 100%;
  margin: 0 auto;
  line-height: 180%;
  letter-spacing: 0.05em;
  margin-bottom: 1.25em;
}
@media screen and (max-width:800px) {
  #section07 .base_text_base3 {
    width: 90%;
    letter-spacing: 0.05em;
    margin-bottom: 1.5em;
  }
}
#section07 .inwaku {
  width: 100%;
  max-width: 500px;
  margin: 0 auto;
}
#section07 .inwaku ul.shop {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#section07 .inwaku ul.shop li {
  width: 49.2%;
  margin-bottom: 3.5em;
}
@media screen and (max-width:800px) {
  #section07 .inwaku ul.shop li {
    margin-bottom: 0.5em;
  }
}
#section07 .inwaku ul.shop li.long {
  width: 100%;
}
#section07 .inwaku ul.shop li .names {
  text-align: left;
  margin-top: 0.5em;
}
@media screen and (max-width:800px) {
  #section07 .inwaku ul.shop li .names {
    margin-bottom: 40px;
  }
}
#section07 .imgmini {
  position: relative;
}
#section07 .imgmini figcaption {
  position: absolute;
  top: calc(100% + 0.25em);
  right: 0px;
  color: #000;
}
#section07 ul.photolist {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  position: relative;
}
#section07 ul.photolist figcaption {
  position: absolute;
  top: calc(100% + 0.25em);
  right: 0px;
  color: #000;
}
#section07 ul.photolist li {
  width: 49.5%;
}
#section07 figure.zu01 {
  width: 100%;
}
#section07 .base_text_mid {
  line-height: 180%;
  letter-spacing: 0.25em;
  padding-top: 180px;
  text-align: center;
  margin-bottom: 1em;
}
@media screen and (max-width:800px) {
  #section07 .base_text_mid {
    padding: 15vw 0 10vw 0;
    letter-spacing: 0.15em;
    margin-bottom: 0em;
  }
}
#section07 .base_text_base {
  width: 80%;
  margin: 0 auto;
  line-height: 180%;
  letter-spacing: 0.25em;
  margin-bottom: 1.25em;
}
@media screen and (max-width:800px) {
  #section07 .base_text_base {
    width: 90%;
    letter-spacing: 0.15em;
    margin-bottom: 1.5em;
  }
}
#section07 figure.zu02 {
  width: 100%;
  position: relative;
}
#section07 figure.zu02 figcaption {
  position: absolute;
  bottom: 0px;
  right: 0px;
  color: #000;
}

#section08 {
  overflow: hidden;
  position: relative;
}
#section08 .biganime {
  position: relative;
  top: 0;
  left: 0;
}
#section08 .biganime .sec_title {
  color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

#section09 {
  overflow: hidden;
  position: relative;
  padding: 150px 0 140px 0;
}
@media screen and (max-width:800px) {
  #section09 {
    padding: 80px 0 70px 0;
  }
}
#section09 figcaption.first {
  position: absolute;
  top: 0.5em;
  right: 8px;
  color: #000;
}
#section09 .biganime {
  position: relative;
  top: 0;
  left: 0;
}
#section09 .biganime .sec_title {
  color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
#section09 .section__ins {
  width: 90%;
  max-width: 750px;
  margin: 0 auto;
}
#section09 h2.bigttls {
  margin-bottom: 0em;
}
@media screen and (max-width:800px) {
  #section09 h2.bigttls {
    font-size: 10vw;
  }
}
#section09 .base_text {
  letter-spacing: 0.15em;
  line-height: 160%;
  margin-bottom: 0em;
}
@media screen and (max-width:800px) {
  #section09 .base_text {
    font-size: 4vw;
    margin-bottom: 0em;
  }
}
#section09 .base_text_ookii {
  line-height: 180%;
  letter-spacing: 0.05em;
  padding-top: 80px;
  margin-bottom: 1.5em;
}
@media screen and (max-width:800px) {
  #section09 .base_text_ookii {
    font-size: 5vw;
    padding: 40px 0 0vw 0;
    letter-spacing: 0.05em;
  }
}
#section09 ul.shop {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media screen and (max-width:800px) {
  #section09 ul.shop {
    width: 100%;
    margin: 0 auto;
  }
}
#section09 ul.shop li {
  width: 31.42%;
  text-align: center;
  margin-bottom: 60px;
}
@media screen and (max-width:800px) {
  #section09 ul.shop li {
    width: 48%;
    margin-bottom: 30px;
  }
}
#section09 ul.shop li .names {
  margin-top: 0.5em;
}
#section09 ul.shop li .names .mbs {
  display: inline-block;
  margin-bottom: 0.25em;
}

#section10 {
  overflow: hidden;
  position: relative;
}
#section10 .biganime {
  position: relative;
  top: 0;
  left: 0;
}
#section10 .biganime .sec_title {
  color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

#section11 {
  overflow: hidden;
  position: relative;
  padding: 150px 0 140px 0;
  background-color: #e9eae8;
}
@media screen and (max-width:800px) {
  #section11 {
    padding: 80px 0 70px 0;
  }
}
#section11 figcaption.first {
  position: absolute;
  top: 0.5em;
  right: 8px;
  color: #000;
}
#section11 .biganime {
  position: relative;
  top: 0;
  left: 0;
}
#section11 .biganime .sec_title {
  color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
#section11 .section__ins {
  width: 90%;
  max-width: 750px;
  margin: 0 auto;
}
#section11 h2.bigttls {
  margin-bottom: 0em;
}
@media screen and (max-width:800px) {
  #section11 h2.bigttls {
    font-size: 10vw;
  }
}
#section11 .base_text {
  letter-spacing: 0.15em;
  line-height: 160%;
  margin-bottom: 0em;
}
@media screen and (max-width:800px) {
  #section11 .base_text {
    font-size: 4vw;
    margin-bottom: 0em;
  }
}
#section11 .base_text_ookii {
  line-height: 180%;
  letter-spacing: 0.05em;
  padding-top: 80px;
  margin-bottom: 1.5em;
}
@media screen and (max-width:800px) {
  #section11 .base_text_ookii {
    font-size: 5vw;
    padding: 40px 0 0vw 0;
    letter-spacing: 0.05em;
  }
}
#section11 ul.shop {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media screen and (max-width:800px) {
  #section11 ul.shop {
    width: 100%;
    margin: 0 auto;
  }
}
#section11 ul.shop li {
  width: 31.42%;
  text-align: center;
  margin-bottom: 60px;
}
@media screen and (max-width:800px) {
  #section11 ul.shop li {
    width: 48%;
    margin-bottom: 30px;
  }
}
#section11 ul.shop li .names {
  margin-top: 0.5em;
}
#section11 ul.shop li .names .mbs {
  display: inline-block;
  margin-bottom: 0.25em;
}
#section11 .medmap {
  width: 100%;
  margin-top: 90px;
}
@media screen and (max-width:800px) {
  #section11 .medmap {
    width: 111%;
    margin-top: 45px;
    margin: 45px -5.5% 0 -5.5%;
  }
}

#section12 {
  overflow: hidden;
  position: relative;
}
#section12 .biganime {
  position: relative;
  top: 0;
  left: 0;
}
#section12 .biganime .sec_title {
  color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

#section13 {
  overflow: hidden;
  position: relative;
  padding: 150px 0 140px 0;
  background-color: #e9eae8;
}
@media screen and (max-width:800px) {
  #section13 {
    padding: 80px 0 70px 0;
  }
}
#section13 figcaption.first {
  position: absolute;
  top: 0.5em;
  right: 8px;
  color: #000;
}
#section13 .biganime {
  position: relative;
  top: 0;
  left: 0;
}
#section13 .biganime .sec_title {
  color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
#section13 .section__ins {
  width: 90%;
  max-width: 750px;
  margin: 0 auto;
}
#section13 h2.bigttls {
  margin-bottom: 0em;
}
@media screen and (max-width:800px) {
  #section13 h2.bigttls {
    font-size: 10vw;
  }
}
#section13 .base_text {
  letter-spacing: 0.15em;
  line-height: 160%;
  margin-bottom: 0em;
}
@media screen and (max-width:800px) {
  #section13 .base_text {
    font-size: 4vw;
    margin-bottom: 0em;
  }
}
#section13 .base_text_ookii {
  line-height: 180%;
  letter-spacing: 0.05em;
  padding-top: 80px;
  margin-bottom: 1.5em;
}
@media screen and (max-width:800px) {
  #section13 .base_text_ookii {
    font-size: 5vw;
    padding: 40px 0 0vw 0;
    letter-spacing: 0.05em;
  }
}
#section13 ul.shop {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media screen and (max-width:800px) {
  #section13 ul.shop {
    width: 100%;
    margin: 0 auto;
  }
}
#section13 ul.shop li {
  width: 31.42%;
  text-align: center;
  margin-bottom: 60px;
}
@media screen and (max-width:800px) {
  #section13 ul.shop li {
    width: 48%;
    margin-bottom: 30px;
  }
}
#section13 ul.shop li .names {
  margin-top: 0.5em;
}
#section13 ul.shop li .names .mbs {
  display: inline-block;
  margin-bottom: 0.25em;
}

#section14 {
  overflow: hidden;
  position: relative;
  padding: 150px 0 100px 0;
}
@media screen and (max-width:800px) {
  #section14 {
    padding: 80px 0 50px 0;
  }
}
#section14 figcaption.first {
  position: absolute;
  top: 0.5em;
  right: 8px;
  color: #000;
}
#section14 .biganime {
  position: relative;
  top: 0;
  left: 0;
}
#section14 .biganime .sec_title {
  color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
#section14 .section__ins {
  width: 90%;
  max-width: 750px;
  margin: 0 auto;
}
#section14 h2.bigttls {
  margin-bottom: 0em;
}
@media screen and (max-width:800px) {
  #section14 h2.bigttls {
    font-size: 10vw;
  }
}
#section14 .base_text {
  letter-spacing: 0.15em;
  line-height: 160%;
  margin-bottom: 0em;
}
@media screen and (max-width:800px) {
  #section14 .base_text {
    font-size: 4vw;
    margin-bottom: 0em;
  }
}
#section14 .base_text_ookii {
  line-height: 180%;
  letter-spacing: 0.05em;
  padding-top: 80px;
  margin-bottom: 1.5em;
}
@media screen and (max-width:800px) {
  #section14 .base_text_ookii {
    font-size: 5vw;
    padding: 40px 0 0vw 0;
    letter-spacing: 0.05em;
  }
}
#section14 ul.shop {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media screen and (max-width:800px) {
  #section14 ul.shop {
    width: 100%;
    margin: 0 auto;
  }
}
#section14 ul.shop li {
  width: 31.42%;
  text-align: center;
  margin-bottom: 60px;
}
@media screen and (max-width:800px) {
  #section14 ul.shop li {
    width: 48%;
    margin-bottom: 30px;
  }
}
#section14 ul.shop li .names {
  margin-top: 0.5em;
}
#section14 ul.shop li .names .mbs {
  display: inline-block;
  margin-bottom: 0.25em;
}

#section_photos {
  width: 100%;
}
#section_photos .clum4 {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
#section_photos .clum4 li {
  width: 24.5%;
  margin-bottom: 0.5vw;
}
#section_photos .clum3 {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.5vw;
}
#section_photos .clum3 .clum3_a {
  width: 24.5%;
}
#section_photos .clum3 .clum3_a figure {
  margin-bottom: 0.5vw;
}
#section_photos .clum3 .clum3_b {
  width: 50%;
  background-color: #000;
  display: flex;
  align-items: center;
}
#section_photos .clum3 .clum3_b figure {
  width: 4.33%;
  margin: 0 auto;
}
@media screen and (max-width:800px) {
  #section_photos .clum3 .clum3_b figure {
    width: 8%;
  }
}
#section_photos .clum3 .clum3_c {
  width: 24.5%;
}
#section_photos .clum3 .clum3_c figure {
  margin-bottom: 0.5vw;
}

#section15 {
  overflow: hidden;
  position: relative;
  padding: 240px 0 100px 0;
}
@media screen and (max-width:800px) {
  #section15 {
    padding: 90px 0 50px 0;
  }
}
#section15 figcaption.first {
  position: absolute;
  top: 0.5em;
  right: 8px;
  color: #000;
}
#section15 .section__ins01 {
  width: 90%;
  max-width: 450px;
  margin: 0 auto;
}
#section15 figure.imgs {
  width: 100%;
  position: relative;
}
#section15 figure.imgs figcaption {
  position: absolute;
  top: calc(100% + 0.25em);
  right: 8px;
  color: #000;
}
#section15 .textimg01 {
  margin-top: 40px;
}
@media screen and (max-width:800px) {
  #section15 .textimg01 {
    margin-top: 4vw;
  }
}
#section15 .textimg01.btms {
  margin-bottom: 70px;
}
@media screen and (max-width:800px) {
  #section15 .textimg01.btms {
    margin-bottom: 10vw;
  }
}
#section15 h3 {
  text-align: center;
  margin-bottom: 1.2em;
  margin-top: 200px;
}
@media screen and (max-width:800px) {
  #section15 h3 {
    margin-top: 20vw;
    margin-bottom: 0.75em;
  }
}
#section15 .maps {
  width: 90%;
  max-width: 1000px;
  margin: 0 auto 100px auto;
}
@media screen and (max-width:800px) {
  #section15 .maps {
    width: 100%;
    margin: 0 auto 50px auto;
  }
}
#section15 .section__ins02 {
  width: 90%;
  max-width: 450px;
  margin: 0 auto;
}
#section15 .readmores {
  width: 100%;
  transition: all 0.4s linear 0.01s;
}
#section15 .readmores:hover {
  opacity: 0.6;
  cursor: pointer;
}
#section15 .readmores.active .yaji {
  width: 4%;
  margin: 0 auto;
  transform: rotate(180deg);
}
#section15 .readmores .readmores_text {
  border-bottom: 1px solid #666;
  padding-bottom: 0.25em;
  text-align: center;
  margin-bottom: 0.35em;
}
#section15 .readmores .yaji {
  width: 4%;
  margin: 0 auto;
  animation: Flash1 1.25s infinite;
}
@keyframes Flash1 {
  50% {
    opacity: 0;
  }
}
#section15 .readmores_other {
  display: none;
}
#section15 .readmores_other .read_text {
  margin-top: 50px;
}
@media screen and (max-width:800px) {
  #section15 .readmores_other .read_text {
    margin-top: 30px;
  }
}
#section15 .section__ins03 {
  width: 90%;
  max-width: 1000px;
  margin: 0 auto;
}
#section15 .section__ins03 ul.listbt {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-bottom: 60px;
}
@media screen and (max-width:800px) {
  #section15 .section__ins03 ul.listbt {
    margin-bottom: 30px;
    flex-wrap: wrap;
    border-top: 1px solid #231815;
  }
}
#section15 .section__ins03 ul.listbt li {
  width: 16.6666666667%;
  border-right: 1px solid #231815;
}
#section15 .section__ins03 ul.listbt li:first-child {
  border-left: 1px solid #231815;
}
@media screen and (max-width:800px) {
  #section15 .section__ins03 ul.listbt li:first-child {
    border-left: 0px solid #231815;
  }
}
@media screen and (max-width:800px) {
  #section15 .section__ins03 ul.listbt li {
    width: 33.3333333333%;
    border-right: 0;
    border-bottom: 1px solid #231815;
    padding: 0.2em 0;
  }
}
#section15 .section__ins03 ul.listbt li span {
  display: inline-block;
  line-height: 100%;
  padding: 0.35em 0 0.45em 0;
  width: 100%;
  color: #231815;
  text-align: center;
  transition: all 0.4s linear 0.01s;
}
#section15 .section__ins03 ul.listbt li span:hover {
  cursor: pointer;
  opacity: 0.6;
}
@media screen and (max-width:800px) {
  #section15 .section__ins03 ul.listbt li span:hover {
    opacity: 1;
  }
}
#section15 .section__ins03 ul.listbt li.active span {
  background-color: #231815;
  color: #fff;
}
#section15 .section__ins03 ul.listimg_location {
  width: 100%;
}
#section15 .section__ins03 ul.listimg_location li {
  width: 100%;
  position: relative;
  display: none;
}

#lastattens {
  padding: 1.5em;
}

.longpos {
  position: relative;
}
.longpos figcaption {
  position: absolute;
  top: calc(100% + 0em);
  right: 0px;
  color: #000;
}/*# sourceMappingURL=location.css.map */