@charset "UTF-8";

/* gestroomP
------------------------------------------------------------------*/

.gestroomP{
  margin-bottom: 0px;
  padding: 0;
}

.gestroomP .section__inner{
	margin-bottom: 40px;
	padding: 0;
	text-align: center;
}

.gestroomP .h1-ttl {
  margin: 0 auto;
  line-height: 1em;
  color: var(--green);
  font-family: var(--en--fonts);
  font-size: var(--f-72);
  letter-spacing: 0.050em;
}

.gestroomP .sub {
  margin: .5em 0 2em;
  line-height: 1;
  font-size: var(--f-18);
}

.gestroomP .circle-icon{
	width: 116px;
	height: 65px;
	margin: 0 auto;
}

.bg-illus{
  position: absolute;
  transition: 1s;
  z-index: 2;
}

/* gestroomM
------------------------------------------------------------------*/

.gestroomM{
  position: relative;
  margin-top: 0;
  padding-top: 0;
}

.gestroomM .dome_02_01{
  left: -50px;
  top: 200px;
  max-width: 276px;
  height: auto;
  max-height: none;
}

.gestroomM .dome_02_02{
  right: -60px;
  top: 180px;
  max-width: 300px;
  height: auto;
  max-height: none;
}

.gestroomM .family_001{
  left: 140px;
  top: 200px;
  max-width: 230px;
  height: auto;
  max-height: none;
}

.gestroomM .child_001{
  right: 100px;
  top: 300px;
max-width: 190px;
  height: auto;
  max-height: none;
}

.gestroomM .family_002{
  right: 290px;
  top: 130px;
  max-width: 180px;
  height: auto;
  max-height: none;
}

.section.gestroomM::before{
  content: "";
  background-image: url(https://glampingstaytomamu.hokkaido.jp/wp/wp-content/themes/tomamu/img/access/yama-bg02.png);
  background-repeat: no-repeat;
  background-size: 100%;
  display: block;
  padding-top: 15.775%;
  opacity: 0.24;
}

.gestroomM__inner{
  background:var(--bg-color-01);
  margin: 0;
  padding: 150px 0 0;
}

.gestroomM .gestroom__inner{
  margin: 0 auto;
  padding: 0;
  max-width: 1730px;
  width: 100%;
}

.section.gestroomM::after {
  content: "";
  background-image: url(https://glampingstaytomamu.hokkaido.jp/wp/wp-content/themes/tomamu/img/common/nami-bg001a.svg);
  background-size: cover;
  background-repeat: no-repeat;
  display: block;
  padding-top: 11.8%;
  margin: 0px;
}

.gestroomM .glampimg__inner.tomamu{
  margin: 0 auto;
  padding: 0;
  max-width: 1400px;
  width: 100%;
}

.gestroomM .glampimg__inner.tomamu h2 {
  margin: 0 auto;
  line-height: 1.5;
  color: var(--green);
  font-family: var(--en--fonts);
  font-size: var(--f-72);
  letter-spacing: 0.05em;
  text-align: center;
}

.gestroomM .glampimg__inner.tomamu h3 {
  margin: 0 0 60px;
  line-height: 1;
  font-size: var(--f-18);
  font-weight: normal;
  text-align: center;
}

.gestroomM .glampimg__inner.tomamu figure{
  margin: 0 28px;
  padding: 0;
}

.gestroomM .glampimg__inner.tomamu img{
  margin: 0;
  padding: 0;
  border-radius: 30px 0px 30px 30px;
}

.gestroomM .glampimg__box {
  margin: 20px auto 0;
  padding: 2% 3.5%;
  display: flex;
  justify-content: center;
  gap: 2vw;
  width: 100%;
}

.gestroomM .glampimg__box .glampimg__txt,
.gestroomM .glampimg__box .glampimg__list{
  margin: 0;
  padding: 0;
  flex: 1;
}

.gestroomM .glampimg__box .glampimg__txt h3{
  margin: 0 0 1em;
  padding: 0;
  text-align: left;
  font-size: 2.6rem;
  line-height: 1.5em;
  color: var(--black);
  font-weight: bold;
}

.gestroomM .glampimg__box .glampimg__txt ul{
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  gap: 1vw;
}

.gestroomM .glampimg__box .glampimg__txt li{
  margin: 0;
  padding: 0;
  width: 100%;
}

/*.gestroomM .glampimg__box .glampimg__list dl{
  margin: 0;
  padding: 0;
}

.gestroomM .glampimg__box .glampimg__list dt{
  margin: 0 0 -3em;
  padding: .5em 0;
  font-size: var(--f-15);
  line-height: 2em;
  color: var(--black);
  display: block;
  width: 8em;
  text-align: center;
}

.gestroomM .glampimg__box .glampimg__list dd{
  margin: 0;
  padding: .5em 0 .5em 20em;
  font-size: var(--f-15);
  line-height: 2em;
  color: var(--black);
  border-bottom: solid 1px #000;
  display: block;
}*/
.gestroomM .glampimg__box .glampimg__list dl {
  display: flex;
  flex-wrap: wrap;
}
.gestroomM .glampimg__box .glampimg__list dt  {
  width: 35%;
  padding: 10px;
  margin: 0 0 10px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--f-15);
  border-bottom: solid 1px #CCC;
}
.gestroomM .glampimg__box .glampimg__list dd {
  width: 65%;
  padding: 10px;
  margin: 0 0 10px 0;
  font-size: var(--f-15);
  border-bottom: solid 1px #CCC;
}

.glampimg__box table {
  width: 100%;
  border: solid 1px #666;
  table-layout: auto;
  border-collapse: collapse;
  margin: 2em 0 1em;
  margin-right: 0px;
  background-color: transparent;
}

.glampimg__box table th {
  font-weight: bold;
  border: solid 1px var(--dusty-green);
  padding: 10px;
  font-size: var(--f-15);
  line-height: 1.5em;
  text-align: center;
  background: var(--dusty-green);
  color: #fff;
}

.glampimg__box table td {
  border: solid 1px var(--dusty-green);
  padding: 10px;
  font-size: var(--f-15);
  line-height: 1.5em;
}

.glampimg__box .ind {
  text-indent: -1em;
  margin-left: 1em;
  margin-top: 2%;
}

.tableA {
  display: table;
}

.tableB {
  display: none;
}

@media screen and (max-width: 1400px) {
  .gestroomM .glampimg__inner.tomamu figure{
    margin: 0 28px;
  }
  .gestroomM .glampimg__box {
    margin: 20px auto 0;
  }
  .gestroomN .glampimg__box {
    margin: 20px auto 0;
  }
  .gestroomL .glampimg__box {
    margin: 20px auto 0;
  }


}

@media screen and (max-width: 1100px) {

  .gestroomM .glampimg__box .glampimg__list dd {
    /*  
    padding: .5em 0 .5em 12em;
      */
  }

  .child_001 {
    display: none;
  }

  .family_001 {
    display: none;
  }

}

@media screen and (max-width: 810px) {

  .gestroomM .dome_02_01{
    left: -50px;
    top: 180px;
    max-width: 200px;
  }

  .gestroomM .family_002{
    right: 240px;
    top: 80px;
    max-width: 180px;
  }

  .gestroomM .dome_02_02{
    right: -70px;
    top: 130px;
    max-width: 280px;
    display: block;
  }

  .gestroomM .common-btn {
    font-size: var(--f-16);
  }

  .gestroomM .glampimg__inner.tomamu h2 {
    padding-top: 10vw;
  }

  .gestroomM .glampimg__inner.tomamu h3 {
    margin: 0 0 20px;
  }

}

@media screen and (max-width: 680px) {

  .gestroomM .glampimg__inner.tomamu h2 {
    padding-top: 20vw;
  }

}

@media screen and (max-width: 480px) {

  .gestroomP .h2-ttl {
    width: 80%;
  }

  .gestroomP .span-block br {
    display: none;
  }

  .gestroomM .family_002 {
    right: 60vw;
    top: 20vw;
    max-width: 120px;
  }

  .gestroomM .dome_02_01 {
    display: none;
  }

  .gestroomM .dome_02_02 {
    top: 30vw;
    right: -2vw;
    max-width: 50vw;
  }

  .gestroomM .glampimg__box {
    display: block;
  }

  .gestroomM .glampimg__box .glampimg__txt {
    margin: 0 0 40px;
    padding: 0;
  }

  .gestroomM .common-btn {
    margin: 0px auto 0;
  }

  .gestroomM {
    margin-bottom: 180px;
  }

  .tableA {
    display: none;
  }
  
  .tableB {
    display: table;
  }

}

/* gestroomN
------------------------------------------------------------------*/

.gestroomN{
  position: relative;
  margin-bottom: 0;
}

.gestroomN .family_006{
  left: 30px;
  top: -240px;
  max-width: 400px;
  height: auto;
  max-height: none;
}

.gestroomN .family_007{
  right: 30px;
  top: -240px;
  max-width: 300px;
  height: auto;
  max-height: none;
}

@media screen and (max-width: 1010px) {

  .gestroomN .family_007{
    top: -20vw;
  }

}

.gestroomN .glampimg__inner.tomamu{
  margin: 0 auto 50px;
  padding: 0;
  max-width: 1400px;
  width: 100%;
}

.gestroomN .glampimg__inner.tomamu h2 {
  margin: 0 auto;
  line-height: 1.5;
  color: var(--green);
  font-family: var(--en--fonts);
  font-size: var(--f-72);
  letter-spacing: 0.05em;
  text-align: center;
}

.gestroomN .glampimg__inner.tomamu h3 {
  margin: 0 0 60px;
  line-height: 1;
  font-size: var(--f-18);
  font-weight: normal;
  text-align: center;
}

.gestroomN .glampimg__inner.tomamu figure{
  margin: 0 28px;
  padding: 0;
}

.gestroomN .glampimg__inner.tomamu img{
  margin: 0;
  padding: 0;
  border-radius: 30px 0px 30px 30px;
}

.gestroomN .glampimg__box {
  margin: 20px auto 0;
  padding: 2% 3.5%;
  display: flex;
  justify-content: center;
  gap: 2vw;
  width: 100%;
}

.gestroomN .glampimg__box .glampimg__txt,
.gestroomN .glampimg__box .glampimg__list{
  margin: 0;
  padding: 0;
  flex: 1;
}

.gestroomN .glampimg__box .glampimg__txt h3{
  margin: 0 0 1em;
  padding: 0;
  text-align: left;
  font-size: 2.6rem;
  line-height: 1.5em;
  color: var(--black);
  font-weight: bold;
}

.gestroomN .glampimg__box .glampimg__txt ul{
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  gap: 1vw;
}

.gestroomN .glampimg__box .glampimg__txt li{
  margin: 0;
  padding: 0;
  width: 100%;
}

/*.gestroomN .glampimg__box .glampimg__list dl{
  margin: 0;
  padding: 0;
}

.gestroomN .glampimg__box .glampimg__list dt{
  margin: 0 0 -3em;
  padding: .5em 0;
  font-size: var(--f-15);
  line-height: 2em;
  color: var(--black);
  display: block;
  width: 8em;
  text-align: center;
}

.gestroomN .glampimg__box .glampimg__list dd{
  margin: 0;
  padding: .5em 0 .5em 20em;
  font-size: var(--f-15);
  line-height: 2em;
  color: var(--black);
  border-bottom: solid 1px #000;
  display: block;
}*/
.gestroomN .glampimg__box .glampimg__list dl {
  display: flex;
  flex-wrap: wrap;
}
.gestroomN .glampimg__box .glampimg__list dt  {
  width: 35%;
  padding: 10px;
  margin: 0 0 10px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--f-15);
  border-bottom: solid 1px #CCC;
}
.gestroomN .glampimg__box .glampimg__list dd {
  width: 65%;
  padding: 10px;
  margin: 0 0 10px 0;
  font-size: var(--f-15);
  border-bottom: solid 1px #CCC;
}


@media screen and (max-width: 1400px) {

  .gestroomN .glampimg__inner.tomamu figure{
    margin: 0 28px;
  }

  .gestroomN .glampimg__box {
    margin: 20px auto 0;
  }

}

@media screen and (max-width: 1100px) {

  .gestroomN .glampimg__box .glampimg__list dd {
    /*  
    padding: .5em 0 .5em 12em;
      */
  }

  .gestroomN .family_006{
    left: 30px;
    top: -200px;
  }

}

@media screen and (max-width: 810px) {

  .gestroomN .glampimg__inner.tomamu figure{
    margin: 0 20px;
  }

  .gestroomN .family_006{
    left: 30px;
    top: -160px;
    max-width: 340px;
    height: auto;
    max-height: none;
  }

  .gestroomN .family_007{
    right: 30px;
    top: -20vw;
    max-width: 260px;
    height: auto;
    max-height: none;
  }

  .gestroomN .common-btn {
    font-size: var(--f-16);
  }

}

@media screen and (max-width: 670px) {

  .gestroomN .family_007{
    display: none;
  }

}

@media screen and (max-width: 480px) {

  .gestroomN .family_007 {
    display: none;
  }

  .gestroomN .family_006 {
    left: 20vw;
    top: -50vw;
    width: 60vw;
  }

  .gestroomN .glampimg__box {;
    display: block;
  }

  .gestroomN .glampimg__box .glampimg__list {
    margin: 0 0 40px;
    padding: 0;
  }

  .gestroomN .common-btn {
    margin: 0px auto 0;
  }

  .gestroomN {
    margin-bottom: 0px;
  }

}


/* gestroomL
------------------------------------------------------------------*/

.gestroomL{
  position: relative;
  margin: 0;
  padding: 0;
}

.gestroomL .dome_02_01 {
  left: -89px;
  top: -51px;
  max-width: 500px;
  height: auto;
  max-height: none;
}

.gestroomL .dome_02_02{
  right: -60px;
  top: -20px;
  max-width: 400px;
  height: auto;
  max-height: none;
}

.gestroomL .family_002{
  right: 350px;
  top: -10px;
  max-width: 190px;
  height: auto;
  max-height: none;
}

.section.gestroomL::before{
  content: "";
  background-image: url(https://glampingstaytomamu.hokkaido.jp/wp/wp-content/themes/tomamu/img/common/nami-bg001b.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  display: block;
  padding-top: 12%;
}

.gestroomL__inner{
  background:var(--bg-color-01);
  margin: 0;
  padding: 150px 0 0;
}

.gestroomL .gestroom__inner{
  margin: 0 auto;
  padding: 0;
  max-width: 1730px;
  width: 100%;
}

.section.gestroomL::after {
  content: "";
  background-image: url(https://glampingstaytomamu.hokkaido.jp/wp/wp-content/themes/tomamu/img/common/nami-bg001a.svg);
  background-size: cover;
  background-repeat: no-repeat;
  display: block;
  padding-top: 15%;
}

.gestroomL .glampimg__inner.tomamu{
  margin: 0 auto;
  padding: 0;
  max-width: 1400px;
  width: 100%;
}

.gestroomL .glampimg__inner.tomamu h2 {
  margin: 0 auto;
  line-height: 1.5;
  color: var(--green);
  font-family: var(--en--fonts);
  font-size: var(--f-72);
  letter-spacing: 0.05em;
  text-align: center;
}

.gestroomL .glampimg__inner.tomamu h3 {
  margin: 0 0 60px;
  line-height: 1;
  font-size: var(--f-18);
  font-weight: normal;
  text-align: center;
}

.gestroomL .glampimg__inner.tomamu figure{
  margin: 0 28px;
  padding: 0;
}

.gestroomL .glampimg__inner.tomamu img{
  margin: 0;
  padding: 0;
  border-radius: 30px 0px 30px 30px;
}

.gestroomL .glampimg__box {
  margin: 20px auto 0;
  padding: 2% 3.5%;
  display: flex;
  justify-content: center;
  gap: 2vw;
  width: 100%;
}

.gestroomL .glampimg__box .glampimg__txt,
.gestroomL .glampimg__box .glampimg__list{
  margin: 0;
  padding: 0;
  flex: 1;
}

.gestroomL .glampimg__box .glampimg__txt h3{
  margin: 0 0 1em;
  padding: 0;
  text-align: left;
  font-size: 2.6rem;
  line-height: 1.5em;
  color: var(--black);
  font-weight: bold;
}

.gestroomL .glampimg__box .glampimg__txt ul{
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  gap: 1vw;
}

.gestroomL .glampimg__box .glampimg__txt li{
  margin: 0;
  padding: 0;
  width: 100%;
}

.gestroomL .glampimg__box .glampimg__list dl{
  margin: 0;
  padding: 0;
}

.gestroomL .glampimg__box .glampimg__list dt{
  margin: 0 0 -3em;
  padding: .5em 0;
  font-size: var(--f-15);
  line-height: 2em;
  color: var(--black);
  display: block;
  width: 8em;
  text-align: center;
}

.gestroomL .glampimg__box .glampimg__list dd{
  margin: 0;
  padding: .5em 0 .5em 20em;
  font-size: var(--f-15);
  line-height: 2em;
  color: var(--black);
  border-bottom: solid 1px #000;
  display: block;
}

@media screen and (max-width: 1400px) {

  .gestroomL .glampimg__inner.tomamu figure{
    margin: 0 28px;
  }

  .gestroomL .glampimg__box {
    margin: 20px auto 0;
  }

}

@media screen and (max-width: 1100px) {

  .gestroomL .glampimg__box .glampimg__list dd {
    padding: .5em 0 .5em 12em;
  }

}

@media screen and (max-width: 810px) {

  .gestroomL .common-btn {
    font-size: var(--f-16);
  }

  .gestroomL .dome_02_02 {
    display: none;
  }

  .gestroomL .family_002{
    right: 30px;
  }

  .gestroomL .dome_02_01{
    top: -40px;
    max-width: 460px;
  }

}

@media screen and (max-width: 480px) {

  .gestroomL .dome_02_01 {
    top: -40px;
    max-width: 260px;
  }

  .gestroomL .family_002 {
    top: -30px;
  }

  .gestroomL .glampimg__box {
    display: block;
  }

  .gestroomL .glampimg__box .glampimg__txt {
    margin: 0 0 40px;
    padding: 0;
  }

  .gestroomL .common-btn {
    margin: 0px auto 0;
  }

  .gestroomL {
    margin-bottom: 180px;
  }

}


/* gestroomR
------------------------------------------------------------------*/

.gestroomR{
  position: relative;
  margin-bottom: 0;
}

.gestroomR .dome_04_01{
  right: -30px;
  top: -20vw;
  max-width: 220px;
  height: auto;
  max-height: none;
}

.gestroomR .family_006{
  left: 100px;
  top: -267px;
  max-width: 110px;
  height: auto;
  max-height: none;
}

@media screen and (max-width: 900px) {

  .gestroomR .family_006{
    display: none;
  }

}

.gestroomR .family_007{
  right: 30px;
  top: -16vw;
  max-width: 300px;
  height: auto;
  max-height: none;
}

.gestroomR .glampimg__inner.tomamu{
  margin: 0 auto 50px;
  padding: 0 5%;
  max-width: 1400px;
  width: 100%;
}

.gestroomR .glampimg__inner.tomamu h2 {
  margin: 0 auto;
  line-height: 1.5;
  color: var(--green);
  font-family: var(--en--fonts);
  font-size: var(--f-72);
  letter-spacing: 0.05em;
  text-align: center;
}

.gestroomR .glampimg__inner.tomamu h3 {
  margin: 0 0 60px;
  line-height: 1;
  font-size: var(--f-18);
  font-weight: normal;
  text-align: center;
}

.gestroomR .infimg__boxA {
  margin: 0 0 30px;
  padding: 0;
  display: flex;
  justify-content: center;
}

.gestroomR .infimg__boxA figure{
  margin: 0;
  padding: 0;
  flex: 1;
  max-width: 218px;
}

.gestroomR .infimg__boxA img{
  margin: 0;
  padding: 0;
  max-width: auto;
  height: auto;
}

.gestroomR .infimg__boxB {
  margin: 0;
  padding: 0;
}

.gestroomR .infimg__boxB dl {
  margin: 0;
  padding: 20px;
  display: flex;
  justify-content: center;
  gap: 2vw;
  align-items: center;
  border-top: solid 1px #666;
}

.gestroomR .infimg__boxB dl.end {
  border-bottom: solid 1px #666;
}

.gestroomR .infimg__boxB dt {
  margin: 0;
  padding: 20px;
  font-size: 20px;
  line-height: 1.5em;
  text-align: left;
  width: 27%;
}

.gestroomR .infimg__boxB dd {
  margin: 0;
  padding: 0;
  text-align: left;
  display: flex;
  justify-content:;
  gap: 2vw;
  width: 73%;
  font-size: 15px;
}

.gestroomR .infimg__boxB dd ul {
  margin: 0;
  padding: 0;
}

.gestroomR .infimg__boxB dd li {
  margin: 0;
  padding: 0;
  font-size: var(--f-15);
  line-height: 1.5em;
  text-align: left;
}


@media screen and (max-width: 1400px) {

}

@media screen and (max-width: 810px) {

  .gestroomR .dome_04_01 {
    /*  
    top: -360px;
      */
  }

  .gestroomR {
    padding-bottom: 0;
  }

  .gestroomR .infimg__boxA {
    margin: 0 auto 30px;
    max-width: 80%;
    flex-wrap: wrap;
  }

  .gestroomR .infimg__boxA figure{
    flex: none;
    flex-wrap: wrap;
  }

  .gestroomR .infimg__boxB dd {
    display: block;
  }

  .gestroomR .infimg__boxB dt {
    font-size: 18px;
  }

}

@media screen and (max-width: 480px) {

  .gestroomR .infimg__boxA {
    width: auto;
  }

  .gestroomR .family_007 {
    top: -22vw;
    width: 60vw;
    left: 20vw;
  }

  .gestroomR .dome_04_01 {
    display: none;
  }
}

  .gestroomR .infimg__boxB dt {
  margin: 0;
  padding: 5px;
  font-size: 15px;
  width: 30%;
}
.gestroomR .infimg__boxB dl {
    margin: 0;
    padding: 20px 0px;
    border-top: solid 1px #666;
}


/* gestroomCP
------------------------------------------------------------------*/

.gestroomCP{
  position: relative;
  margin-bottom: 0;
}

.gestroomCP .glampimg__inner.tomamu{
  margin: 0 auto 50px;
  padding: 0 5%;
  max-width: 1400px;
}

.gestroomCP .glampimg__inner.tomamu h2 {
  margin: 0px 0px 20px 0px;
  line-height: 1em;
  color: var(--green);
  font-family: var(--en--fonts);
  font-size: var(--f-72);
  letter-spacing: 0.05em;
  text-align: center;
}

.gestroomCP .glampimg__inner.tomamu h3 {
  margin: 0 0 60px;
  line-height: 1;
  font-size: var(--f-18);
  font-weight: normal;
  text-align: center;
}

.gestroomCP table {
   width: 100%;
   border: solid 1px #666;
   table-layout: auto;
   border-collapse: collapse;
   margin: 0 auto;
   background-color: #fff;
  }

.gestroomCP table th {
    font-weight: bold;
    border: solid 1px #000;
    padding: 10px;
    font-size: var(--f-15);
    line-height: 1.5em;
    background-color: #666;
    color: #fff;
    text-align: center;
    vertical-align: middle;
  }

.gestroomCP table td {
    border: solid 1px #000;
    padding: 10px;
    font-size: var(--f-15);
    line-height: 1.5em;
    text-align: center;
    vertical-align: middle;
  }

@media screen and (max-width: 1400px) {

  .gestroomCP .glampimg__inner.tomamu {
    margin: 0 20px 50px;
  }

}

@media screen and (max-width: 480px) {

.gestroomCP table th {
    padding: 5px;
    font-size: 13px;
  }

.gestroomCP table td {
    padding: 5px;
    font-size: 13px;
  }

}


/* gestroomC
------------------------------------------------------------------*/

.gestroomC{
  position: relative;
  margin-bottom: 0;
}

.gestroomC .glampimg__inner.tomamu{
  margin: 0 auto 50px;
  padding: 0 5%;
  max-width: 1400px;
  width: 100%;
}

.gestroomC .glampimg__inner.tomamu h2 {
  margin: 0px 0px 20px 0px;
  line-height: 1em;
  color: var(--green);
  font-family: var(--en--fonts);
  font-size: var(--f-72);
  letter-spacing: 0.05em;
  text-align: center;
}

.gestroomC .glampimg__inner.tomamu h3 {
  margin: 0 0 60px;
  line-height: 1;
  font-size: var(--f-18);
  font-weight: normal;
  text-align: center;
}

.gestroomC .facimg__box{
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  gap: 1vw;
}

.gestroomC .facimg__boxS{
  margin: 0;
  padding: 0;
  flex: 1;
}

.gestroomC .facimg__boxS figure{
  margin: 0;
  padding: 0;
  margin: 0px 0px 20px;
}

.gestroomC .facimg__boxS img{
  margin: 0;
  padding: 0;
  border-radius: 20px 0 20px 20px;
}

.gestroomC .facimg__boxS h4 {
  margin: 0 auto;
  line-height: 1.5;
  color: var(--green);
  font-family: var(--en--fonts);
  font-size: clamp(1.375rem, 0.894rem + 2.41vw, 3rem);
  letter-spacing: 0.05em;
}

.gestroomC .facimg__boxS h5 {
  margin: 0 0 20px;
  line-height: 1.5;
  font-size: var(--f-18);
  font-weight: normal;
}

.gestroomC .facimg__boxS p {
  margin: 0 0 10px;
  line-height: 1.5;
  font-size: var(--f-15);
}

@media screen and (max-width: 1400px) {

  .gestroomC .facimg__box {
    margin: 20px auto 0;
  }

}

@media screen and (max-width: 480px) {

  .gestroomC .facimg__box {
    display: block;
  }

}



/* rooms01 - スライド 20230721*/
/* 1枚目 */
.swiper-04 .slide-01{
  background: url(../img/gest/gest-001.webp) center / cover no-repeat;
  height: auto;
  aspect-ratio: 350 / 197;
}
/* 2枚目 
.swiper-04 .slide-02{
  background: url(../img/gest/gest-001_01.webp) center / cover no-repeat;
  height: auto;
  aspect-ratio: 350 / 197;
}*/
/* 3枚目 */
.swiper-04 .slide-03{
  background: url(../img/gest/gest-001_02.webp) center / cover no-repeat;
  height: auto;
  aspect-ratio: 350 / 197;
}
/* 4枚目 */
.swiper-04 .slide-04{
  background: url(../img/gest/gest-001_03.webp) center / cover no-repeat;
  height: auto;
  aspect-ratio: 350 / 197;
}
/* 5枚目 */
.swiper-04 .slide-05{
  background: url(../img/gest/gest-001_04.webp) center / cover no-repeat;
  height: auto;
  aspect-ratio: 350 / 197;
}

/* rooms02 - スライド 20230721*/
/* 1枚目 */
.swiper-05 .slide-01{
  background: url(../img/gest/gest-002.webp) center / cover no-repeat;
  height: auto;
  aspect-ratio: 350 / 197;
}
/* 2枚目 */
.swiper-05 .slide-02{
  background: url(../img/gest/gest-002_01.webp) center / cover no-repeat;
  height: auto;
  aspect-ratio: 350 / 197;
}
/* 3枚目 */
.swiper-05 .slide-03{
  background: url(../img/gest/gest-002_02.webp) center / cover no-repeat;
  height: auto;
  aspect-ratio: 350 / 197;
}
/* 4枚目 */
.swiper-05 .slide-04{
  background: url(../img/gest/gest-002_03.webp) center / cover no-repeat;
  height: auto;
  aspect-ratio: 350 / 197;
}

/* rooms03 - スライド 20230721*/
/* 1枚目 */
.swiper-06 .slide-01{
  background: url(../img/gest/gest-003.webp) center / cover no-repeat;
  height: auto;
  aspect-ratio: 350 / 197;
}
/* 2枚目 */
.swiper-06 .slide-02{
  background: url(../img/gest/gest-003_01.webp) center / cover no-repeat;
  height: auto;
  aspect-ratio: 350 / 197;
}
/* 3枚目 */
.swiper-06 .slide-03{
  background: url(../img/gest/gest-003_02.webp) center / cover no-repeat;
  height: auto;
  aspect-ratio: 350 / 197;
}
/* 4枚目 */
.swiper-06 .slide-04{
  background: url(../img/gest/gest-003_03.webp) center / cover no-repeat;
  height: auto;
  aspect-ratio: 350 / 197;
}

.gestroomM .glampimg__inner .room-slide{
  margin: 0;
  padding: 0;
  border-radius: 30px 0px 30px 30px;
}
.gestroomN .glampimg__inner .room-slide{
  margin: 0;
  padding: 0;
  border-radius: 30px 0px 30px 30px;
}
.gestroomL .glampimg__inner .room-slide{
  margin: 0;
  padding: 0;
  border-radius: 30px 0px 30px 30px;
}
.page-id-9 .tomamu .swiper{
  position: relative;
}
/* ページネーションのサイズと色*/
.swiper-pagination-bullet {
  background-color:#EFB200;
  height: 10px;
  width: 10px;
} 

/** 2025.02.12 - 画像を追加 **/
.room-img{
  margin: 0 28px;
  border-radius: 30px 0px 30px 30px;
}



/*   iPad
------------------------------------------------------------------*/
@media screen and (max-width: 1080px){
}
@media screen and (max-width: 1024px){
  .gestroomN .family_006{
    left: 30px;
    top: -210px;
    width: 30%;
  }
  .gestroomL .dome_02_01{
    width: 39%;
  }
  .gestroomL .family_002{
    top: -80px;
  }
  .gestroomL .dome_02_02{
    top: -70px;
  }
}
@media screen and (max-width: 920px){
  .gestroomN .family_007 {
    top: -23vw;
    width: 28%;
  }
}
@media screen and (max-width: 834px){
    .gestroomM .dome_02_01{
    top: 90px;
  }
  .gestroomM .family_002 {
    right: 290px;
    top: 80px;
  }
  .common-btn{
    font-size: 15px;
  }

}
@media screen and (max-width: 820px){
      .gestroomM .glampimg__box {
    display: flex;
    flex-direction: column;
    width: 96%;
  }
      .gestroomN .glampimg__box {
    display: flex;
    flex-direction: column;
    width: 96%;
  }
    .gestroomL .glampimg__box {
    display: flex;
    flex-direction: column;
    width: 96%;
  }
    .gestroomN .glampimg__list{
    order: 2;
  }
  .gestroomN .glampimg__txt{
    order: 1;
    padding-bottom: 30px;
  }
}
@media screen and (max-width: 810px){
  .common-btn{
    font-size: 14px;
  }
}
@media screen and (max-width: 768px){
  .gestroomR .family_007 {
    right: 240px;
  }
    .glampimg__inner.tomamu .common-btn{
    font-size: 14px;
  }
}

/* sP  スマホ
------------------------------------------------------------------*/

@media screen and (max-width: 480px){
  .gestimg{
    background: url(../img/gest/gest-topimg.webp) 40% 0 / cover no-repeat;
    height: 40vh;
  }
  .gestroomN .family_006 {
    left: 30px;
    top: -280px;
    width: 50%;
  }
  .gestroomM{
    margin-bottom: 0px;
  }
  .gestroomL .family_002 {
    top: -80px;
    width: 22%;
  }
  .gestroomL .dome_02_01 {
    left: -29px;
  }
  .gestroomL__inner{
    padding: 60px 0 0;
  }
  .gestroomM .glampimg__box .glampimg__txt h3 {
    font-size: 1.9rem;
  }
  .gestroomN .glampimg__box .glampimg__txt h3 {
    font-size: 1.9rem;
  }
  .gestroomL .glampimg__box .glampimg__txt h3 {
    font-size: 1.9rem;
  }
  .gestroomN .family_006 {
    left: 30px;
    top: -140px;
    width: 50%;
  }
  .gestroomN .glampimg__list{
    order: 2;
  }
  .gestroomN .glampimg__txt{
    order: 1;
    padding-bottom: 30px;
  }
  .gestroomN .glampimg__box {
    display: flex;
    flex-direction: column;
  }
  .gestroomN .common-btn {
    margin: 0px auto 30px;
  }
  .gestroomC .facimg__boxS{

  }
  .gestroomL {
  margin-bottom: 100px;
  }
  .gestroomR .family_007 {
    top: -32vw;
    width: 50vw;
    left: 40vw;
  }
}
@media screen and (max-width: 428px){
}
@media screen and (max-width: 428px){
.gestroomM .dome_02_02 {
  top: 4%;
  right: 0;
  width: 37%;
}
.gestroomM .family_001{
  display: block;
  left: 11%;
top: 10%;
width: 25%;
}
.gestroomM .dome_02_01{
  display: block;
}
.gestroomM .family_002 {
  right: 20%;
  top: 80px;
}
.gestroomR .infimg__boxA dl{
  display: block;

}
.gestroomR .infimg__boxB dl{
  display: block;

}
.gestroomR .infimg__boxA dt{
  width: 100%;
    font-size: 1.8rem;
  font-weight: bold;
}
.gestroomR .infimg__boxB dt{
  width: 100%;
    font-size: 1.8rem;
  font-weight: bold;
}
.gestroomC .facimg__boxS {
  margin: 30px auto;
}
}





/* accessP
------------------------------------------------------------------*/

.accessP{
  margin-bottom: 0px;
  padding: 0;
}

.accessP .section__inner{
  margin-bottom: 0;
  padding: 0;
  text-align: center;
  padding: 0 4%;
}

.accessP .section__inner::after {
  display: block;
  background: url(../img/access/bg_access-01.webp) left center / cover no-repeat;
  padding-top: 44%;
  width: 100%;
  content: "";
  margin: 50px auto 100px;
}

.accessP .h1-ttl {
  margin: 0 auto;
  line-height: 1.5;
  color: var(--green);
  font-family: var(--en--fonts);
  font-size: var(--f-72);
  letter-spacing: 0.050em;
}

.accessP .sub {
  margin: 10px 0;
  line-height: 1;
  font-size: var(--f-18);
}

.accessP .circle-icon{
  width: 122px;
  height: 79px;
  margin: 0 auto;
}

/*.accessP-bg{
width: 100%;
background: url(../img/access/yama-bg02.png) bottom center / 100% no-repeat;
padding-top: 26%;
}*/

.accessM{
  position: relative;
  margin: 0 auto 50px;
  padding: 0 0 50px;
}
.bg-illus{
  position: absolute;
  transition: 1s;
  z-index: 2;
}
.accessM .dome_02_01{
  left: -80px;
  top: 5vw;
  max-width: 276px;
  max-height: 159px;
}
.accessM .family_001{
  left: 140px;
  top: 5vw;
  max-width: 276px;
  max-height: 159px;
}
.accessM .family_002 {
  right: 210px;
  top: 5vw;
  max-width: 149px;
  max-height: 152px;
}
.accessM .family_003 {
  right: 110px;
  top:1400px;
  max-width: 205px;
  max-height: 293px;
}

.accessM .family_004{
  left: 140px;
  bottom: 110px;
  max-width: 212px;
  max-height: 206px;
}

.accessM .family_005{
  left: 400px;
  bottom: 110px;
  max-width: 154px;
  max-height: 128px;
}

.section.accessM::before{
  content: "";
  background-image: url(https://glampingstaytomamu.hokkaido.jp/wp/wp-content/themes/tomamu/img/access/yama-bg02.png);
  background-repeat: no-repeat;
  background-size: 100%;
  display: block;
  padding-top: 16.775%;
  opacity: 0.23;
  background-position: bottom center;
}

.accessM__inner{
  background:var(--bg-color-01);
  margin: 0;
  padding: 0;
}

.accessM .access__inner{
  margin: 0 auto;
  max-width: 1400px;
  width: 100%;
  padding:4%;
}

.accessM iframe {
  margin-bottom: 40px;
  padding: 30px 0;
}

.section.accessM::after {
  content: "";
  background-image: url(https://glampingstaytomamu.hokkaido.jp/wp/wp-content/themes/tomamu/img/common/nami-bg001.svg);
  background-size: cover;
  background-repeat: no-repeat;
  display: block;
  padding-top: 11.8%;
}

.accessM .glampimg__inner.tomamu{
  margin: 0 auto 50px;
  padding: 0;
  max-width: 1400px;
  width: 100%;
  padding: 0 4%;
}

.accessM .glampimg__inner{
  margin: 0 auto ;
  padding: 0;
  max-width: 1400px;
  width: 100%;
  padding: 0 4%;
}

.accessM .glampimg__box{
  margin: 0 auto;
  padding: 0;
  display: flex;
  justify-content: center;
  gap: 2vw;
}
.accessM .glampimg__box.parking{
  flex-direction: row-reverse;
}

.accessM .glampimg__box .glampimg__txt,
.accessM .glampimg__box .glampimg__txtP{
  margin: 0;
  padding: 5% 20px;
  max-width: 590px;
  width: 100%;
}

.glampimg__box .glampimg__txt h3,
.glampimg__box .glampimg__txtP h3{
  margin: 0;
  padding: 0;
  line-height: 1.5em;
  font-family: var(--en--fonts);
  font-size: var(--f-36);
  color: var(--black);
}

.glampimg__box .glampimg__txt h4,
.glampimg__box .glampimg__txtP h4{
  margin: 0 0 1em;
  padding: 0;
  font-size: var(--f-18);
  color: var(--black);
  font-family: var(--en--fonts);
  font-weight: normal;
  line-height: 1.5em;
}

.glampimg__box .glampimg__txt p{
  margin: 0 0 1em;
  padding: 0;
  font-size: 22px;
  color: var(--black);
  line-height: 1.5em;
}

.accessM .glampimg__box figure{
  margin: 0;
  padding: 0;
  max-width: 765px;
  width: 100%;
  line-height: 1.5em;
}

.accessM .glampimg__box figure img{
  margin: 0;
  padding: 0;
  width: 100%;
  height: auto;
  border-radius: 2vw 0 2vw 2vw;
}

.glampimg__box .glampimg__txt dl{
  margin: 0 0 2em;
  padding: 0;
}

.glampimg__box .glampimg__txt dt{
  margin: 0 0 -2em 0;
  padding: 0;
  font-size: var(--f-16);
  color: var(--black);
  line-height: 2em;
}

.glampimg__box .glampimg__txt dd{
  margin: 0 0 0 5em;
  padding: 0;
  font-size: var(--f-16);
  color: var(--black);
  line-height: 2em;
}

.glampimg__box .glampimg__txtP p{
  margin: 0 0 1em;
  padding: 0;
  font-size: var(--f-16);
  color: var(--black);
  line-height: 2em;
}

.section.access-route {
  text-align: center;
  position: relative;
}

.access-route .ttl-wrap {
  margin-bottom: 50px;
}

.section__inner {
  max-width: 1400px;
  margin: 0 auto;
}

.access-route .ttl-wrap .h1-ttl {
  margin: 0 auto;
  line-height: 1em;
  color: var(--green);
  font-family: var(--en--fonts);
  font-size: var(--f-72);
  letter-spacing: 0.050em;
}

.access-route .ttl-wrap .sub {
  margin: 10px 0;
  line-height: 1;
  font-size: var(--f-18);
}

.access-route .section__inner::after {
  display: block;
  background: none;
  padding-top: 0;
  width: 100%;
  content: "";
}

.accessS {
  background-color: #fff;
  margin: 0;
  padding: 0;
}

.accessS .h1-ttl {
  margin: 0 auto;
  line-height: 1.5;
  color: var(--green);
  font-family: var(--en--fonts);
  font-size: var(--f-72);
  letter-spacing: 0.050em;
  text-align: center;
}

.access-pc img,
.access-sp img  {
  margin-top: 4em;
  margin-bottom: 4em;
}

.access-pc p {
  font-size: var(--f-15);
  text-align: left;
  line-height: 2.5em;
  max-width: 1200px;
  width: auto;
  margin: 0 auto 2em;
  padding: 0 20px;
}

.access-sp p {
  font-size: var(--f-15);
  text-align: left;
  line-height: 2.5em;
  max-width: 1200px;
  width: auto;
  margin: 0 auto 2em;
  padding: 0;
}

.access-pc ul {
  margin: 10px 0;
  line-height: 2.4;
  font-size: var(--f-15);
  text-align: left;
  max-width: 1200px;
  width: auto;
  margin: 0 auto;
  padding: 0 20px;
  margin-bottom: 2em;
}

.access-sp ul {
  margin: 10px 0;
  line-height: 2.4;
  font-size: var(--f-15);
  text-align: left;
  max-width: 1200px;
  width: auto;
  margin: 0 auto;
  padding: 0px;
  margin-bottom: 2em;
}

section.access-route .family_006 {
  right: 110px;
  top:-190px;
  max-width: 394px;
  max-height: 242px;
}
.access-sp{
  display: none;
}


/* access 追加20230719
------------------------------------------------------------------*/
.accessS {
    background:var(--bg-color-01);
    position: relative;
}

.accessS .ttl-wrap_box{
  text-align: center;
}

.accessS .h1-ttl {
  margin: 0 auto;
  line-height: 1.5;
  color: var(--green);
  font-family: var(--en--fonts);
  font-size: var(--f-72);
  letter-spacing: 0.050em;
}

.accessS .sub {
  margin: 10px 0;
  line-height: 1;
  font-size: var(--f-18);
}
.accessS::before {
  content: "";
  background-image: url(../img/common/nami-bg002.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: bottom 61% left 0px;
  display: block;
  height: 9vw;
  margin: 0;
  padding: 0;
}
.spot-inner{
  max-width: 1400px;
  margin: 100px auto 0;
  padding: 0 4% 5%;
}
.spot-inner .h2-ttl{
  text-align: center;
}
.spot{
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  flex-wrap: wrap;
}
.spot-box{
  width: 33%;
  padding: 0 1%;
  margin: 50px auto;
}
.spot-inner .catch {
  line-height: 1;
  margin: 20px auto 10px;
  color: var(--green);
  font-size: 2.4rem;
  font-weight: bold;
  text-align: center;
}
.spot-inner .sub-catch {
  margin: 16px auto;
  line-height: 1.5;
  font-size:1.8rem !important;
  color: #000;
  text-align: center;
}
.spot-inner .info table{
  border-collapse: collapse;
  font-size: 1.6rem;
  line-height: 2;
  margin-bottom: 1em;
  width: 100%;
}
.spot-inner .info tr{
  border-bottom: 1px solid #000;
}
.spot-inner .info th{
  width: 30%;
}
.spot-inner .info td{
  width: 70%;
}
.spot-btn{
  display: flex;
  justify-content: space-around;
  margin: 0 auto;
}
.common-btn {
  width: 47%;
  font-size: 1.6rem;
  margin: 5% 0 0 0;
}
.accessS .dome_03_01 {
  right: 140px;
  top: -80px;
  max-width: 131px;
  max-height: 229px;
}
.accessS .dome_03_02 {
  left: 30px;
  top: -70px;
  max-width: 128px;
  max-height: 264px;
}
.accessS .dome_03_03 {
  right: 0px;
  top: -50px;
  max-width: 127px;
  max-height: 195px;
}
.accessS .circle-icon {
  width: 111px;
  height: 61px;
  margin: 0 auto;
}

/* MealP  iPad
------------------------------------------------------------------*/

@media screen and (max-width:1810px){
  .accessM .family_003{
    right: 90px;
    top: 1470px;
    max-width: 155px;
  }
}
@media screen and (max-width: 1440px){
  .accessM .family_003{
    max-width: 145px;
    right: 0;
  }
  .accessM .family_004{
    bottom: 50px;
    max-width: 182px;
  }
  .accessM .family_005{
    bottom: 50px;
    max-width: 124px;
  }
  section.access-route .family_006{
    max-width: 314px;
  }
}

@media screen and (max-width: 1360px){

  .section.accessM::before{
    height: 7vw;
  }
}

/* accessP  iPad
------------------------------------------------------------------*/
@media screen and (max-width: 1024px){
  .accessM .glampimg__box .glampimg__txt{
    padding: 0 20px;
  }
  .accessimg{
    height: 40vh;
  }
}
@media screen and (max-width: 1080px){
    .spot-btn{
    display: block;
  }
  .accessM .dome_02_01{
    top: 80px;
  }
  .accessM .family_001{
    top: 80px;
  }
  .accessM .family_002{
    top: 80px;
  }
  .accessM .family_003{
   display: none;
  }
  .accessM .family_004 {
  left: 60px;
  bottom: 0px;
  max-width: 172px;
  max-height: 206px;
  }
  .accessM .family_005 {
  left: 70vw;
  bottom: 30px;
  max-width: 154px;
  max-height: 128px;
  }
  section.access-route .family_006 {
    display: none;
  }
    .accessM .glampimg__box{
    padding: 0 2%;
  }
}
@media screen and (max-width: 920px){
  .section.accessM::before{
    height: 10vw;
  }
}
  @media screen and (max-width: 834px){
.accessM .glampimg__box{
  display: block;
}
.accessimg {
  height: 40vh;
}
.common-btn {
  width: 100%;
  font-size: 1.6rem;
  margin: 5% auto 0;
}
.accessS .dome_03_02{
  max-width: 78px;
}
.accessS .dome_03_01{
  max-width: 81px;
}
.accessS .dome_03_03 {
  top: -90px;
  max-width: 107px;
}
  .spot-box {
  width: 50%;
}
}
  @media screen and (max-width: 820px){

.accessM .glampimg__box{
  display: block;
}
.accessM .glampimg__box .glampimg__tx{
  width: 100%;
}
.common-btn{
  margin: 5% auto 0;
}
.spot-inner .sub-catch{
  font-size: 1.6rem !important;
}
.spot-inner .info table{
  font-size: 15px;
}
.common-btn {
  width: 100%;
}
}
@media screen and (max-width: 810px){
  .accessM .dome_02_01 {
    left: -40px;
    top: 9vw;
    max-width: 176px;
    max-height: 159px;
  }
  .accessM .family_002 {
    right: 110px;
    top: 7vw;
    max-width: 109px;
    max-height: 152px;
  }
  .accessM .family_001 {
    left: 140px;
    top: 10vw;
    max-width: 76px;
    max-height: 159px;
  }
  .accessM .family_003 {
    right: 30px;
    top: 1950px;
    max-width: 98px;
    max-height: 293px;
  }
  section.access-route .family_006{
    left: 190px;
    top: -690px;
    max-width: 166px;
    max-height: 159px;
  }
  .accessM .family_004 {
    left: 20px;
    bottom: -30px;
    max-width: 112px;
    max-height: 206px;
  }
  .accessM .family_005 {
    left: 160px;
    bottom: 0px;
    max-width: 70px;
    max-height: 128px;
  }
  .accessM .glampimg__box{
    padding: 0 2%;
  }
  .glampimg__box .glampimg__txt h3{
    font-size: 30px;
    line-height: 1em;
    margin: 20px 0;
  }
  .glampimg__box .glampimg__txt p{
    font-size: 14px;
  }
  .glampimg__box .glampimg__txt dd{
    font-size: 13px;
  }
  .common-btn{
    margin-top: 20px;
  }
  .glampimg__box .glampimg__txtP p{
    font-size: 14px;
  }
  .accessM .family_004 {
    left: 40px;
    bottom: -20px;
    max-width: 162px;
    max-height: 206px;
  }
  .accessM .family_005 {
    left: 60vw;
    bottom: 60px;
    max-width: 110px;
    max-height: 128px;
  }
  .accessM .family_003 {
    right: 30px;
    top: 1490px;
    max-width: 148px;
    max-height: 293px;
  }
  section.access-route{
    margin: 0 0 50px;
    padding: 0 50px;
  }
  .accessS .dome_03_01{
    top: -40px;
  }
}
@media screen and (max-width: 768px){
  .spot-inner .info td {
    width: 55%;
  }
}
/* accessP  スマホ
------------------------------------------------------------------*/
@media screen and (max-width: 480px){
  .accessM .dome_02_01 {
    left: -70px;
    top: 20px;
    max-width: 176px;
    max-height: 159px;
  }
  .accessM .family_002 {
    right: 30px;
    top: 39px;
    max-width: 89px;
    max-height: 152px;
  }
  .accessM .family_001 {
    left: 60px;
    top: 40px;
    max-width: 66px;
    max-height: 159px;
  }
  .accessM .glampimg__box{
    display: block;
  }
  .accessM .glampimg__box figure{
    margin: 0 auto;
    max-width: 382px;
  }
  .accessM .glampimg__inner{
    max-width: 382px;
  }
  .glampimg__box .glampimg__txt p{
    font-size: 17px;
  }
  .accessM .glampimg__box figure img{
    border-radius: 5vw 0 5vw 5vw;
  }
  .common-btn{
    margin: 50px auto 0;
  }
  .glampimg__box .glampimg__txtP p{
    margin: 0;
    font-size: 13px;
  }
  .accessM .family_003 {
    display: none;
  }
  section.access-route .family_006{
    display: none;
  }
  .accessM .family_004 {
    left: 20px;
    bottom: -30px;
    max-width: 112px;
    max-height: 206px;
  }
  .accessM .family_005 {
    left: 160px;
    bottom: 0px;
    max-width: 70px;
    max-height: 128px;
  }
  .access-sp{
    display: block;
  }
  .access-pc{
    display: none;
  }
  figure.access-sp img {
    width: 100%;
    height: auto;
  }
  /* access */
  .accessP .section__inner::after{
    background: url(../img/access/bg_access-sp-01.webp) no-repeat;
    background-size: 100%;
    padding-top: 182%;
  }
    .spot-box {
    width: 49%;
  }
}
@media screen and (max-width: 428px){
  .spot-box {
    width: 100%;
  }
  .common-btn{
    width: 100%;
    margin: 5% auto;
  }
  .spot-inner .info td {
    width: 70%;
  }
  .accessS .dome_03_02 {
    width: 14%;
    left: 30px;
    top: -30px;
  }
  .accessS .dome_03_03 {
    width: 17%;
    right: -10px;
    top: -47px;
  }
  .accessS .dome_03_01 {
    width: 14%;
    right: 70px;
    top: -42px;
  }
}
  @media screen and (max-width: 414px){
  .glampimg__box .glampimg__txt h3{
    font-size: 25px;
  }
  .glampimg__box .glampimg__txtP h3{
    font-size: 25px !important;
    margin: 20px 0;
  }
  .accessM .glampimg__box .glampimg__txtP {
  padding: 0 20px;
}
}
@media screen and (max-width: 390px){
  .spot-inner .info th {
    width: 25%;
  }
  .spot-inner .sub-catch{
    font-size: 1.7rem;
  }
  .spot-box{
    margin: 5% 0;
  }
  .h2-ttl{
    font-size: 2.0rem;
  }
  .spot-inner{
    margin: 0 auto ;
  }
  .spot-inner .catch{
    font-size: 2.1rem;
  }
}
@media screen and (max-width: 570px){
  .accessS .dome_03_02 {
    max-width: 58px;
    top: -20px;
  }
  .accessS .dome_03_01 {
    max-width: 61px;
    right: 100px;
  }
  .accessS .dome_03_03 {
    top: -90px;
    max-width: 77px;
  }
  .accessM .family_005 {
    left: 73vw;
  }
  .spot {
    display: block;
  }
  .spot-box {
    width: 100%;
  }
  .spot-inner .info th {
    padding: 10px 0;
  }
  .spot-inner .info td {
    padding: 10px 0;
  }
  .accessM .access__inner {
    padding: 6% 4%;
  }
}
@media screen and (max-width: 375px){
    .glampimg__box .glampimg__txt h3{
    font-size: 22px;
  }
  .glampimg__box .glampimg__txtP h3{
    font-size: 23px !important;
    margin: 20px 0;
  }
  .accessS .dome_03_01 {
    right: 70px;
  }
  .spot-box {
  margin: 15% 0;
  }
  .access-route .ttl-wrap .h1-ttl {
    font-size: 34px;
  }
}





/* よくあるご質問
--------------------------- */

.page-id-17 .section {
}

.faqP {
  margin-bottom: 0px;
  padding: 0;
}
.glampimg__box {
  max-width: 1750px;
  margin: 0 auto;
  padding: 0 4%;
}
.faqP .section__inner {
  text-align: center;
}

.page-id-17 .h1-ttl {
  margin: 0 auto;
  line-height: 1.5;
  color: var(--green);
  font-family: var(--en--fonts);
  font-size: var(--f-72);
  letter-spacing: 0.050em;
}

.page-id-17 .inner {
  padding: 0 0 100px;
  margin: 0 10vw;
	}

.page-id-17 h3.ttl {
	margin: 20px 0px 20px;
  padding: 0px 0px 0px 15px;
  text-align: left;
  font-size: 22px;
  font-weight: bold;
  color: var(--green);
  border-left: 3px solid #475f6c;
	}

.page-id-17 .accordion-container .accordion-title {
  position: relative;
  margin: 0px 0px 3px;
  padding: 1em 1em 1em 1.3em;
  background-color: #e5e8ea;
  font-size: 16px;
  font-weight: normal;
  color: #475f6c;
  cursor: pointer;
	}

.page-id-17 .accordion-container .accordion-title:hover,
.page-id-17 .accordion-container .accordion-title:active,
.page-id-17 .accordion-title.open { 
  background-color: var(--green);
  color: #fff;
	}

.page-id-17 .accordion-container .accordion-title::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 25px;
  width: 15px;
  height: 2px;
  /*縦線に*/
  transform: rotate(90deg);
  background: #475f6c;
  transition: all .3s ease-in-out;
	}

.page-id-17 .accordion-container .accordion-title::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 25px;
  /*横線*/
  width: 15px;
  height: 2px;
  background: #475f6c;
  transition: all .2s ease-in-out;
	}

.page-id-17 .accordion-container .accordion-title.open::before {
	transform: rotate(180deg);
	background: #fff;
	}

.page-id-17 .accordion-container .accordion-title.open::after {
  transform: rotate(180deg);
  opacity: 0;
	}

.page-id-17 .accordion-content {
  padding: 20px 20px 20px 40px;
  background:#fff;
  margin-bottom: 3px;
	}

.page-id-17 .accordion-content p {
  font-size: 14px;
  line-height: 1.7em;
  padding: 0px 0px 0px 1em;
  text-indent: -1.5em;
	}

.page-id-17 .accordion-content p span {
  font-weight: bold;
  color: #475f6c;
  margin-right: .5em;
	}

.page-id-17 .accordion-container {
  width: 100%;
  margin: 0 auto;
	}

.page-id-17 #accordion h4 {
	text-align-last: left;
	}

.page-id-17 .faq01 .telTxt {
	margin: 50px auto 0px;
	padding: 15px 0px;
	color: #b76b4e;
	border: solid 1px #b76b4e;
	font-size: 20px;
	width: 400px;
	text-align: center;
	font-weight: bold;
	}

.page-id-17 .buttonBox {
  text-align: center;
  margin: 0;
  padding: 0;
}

.page-id-17 .common-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 320px;
  max-height: 47px;
  margin: 0 auto;
  padding: 10px;
  border: 1px solid var(--orange);
  background: var(--orange);
  color: #fff;
  font-size: var(--f-18);
  text-align: center;
  text-decoration: none;
  font-weight: 400;
}

.page-id-17 table {
  width: 100%;
  border: solid 1px #666;
  table-layout: auto;
  border-collapse: collapse;
  margin: 0 auto;
  background-color: #fff;
 }

 .page-id-17 table th {
   font-weight: bold;
   border: solid 1px #000;
   padding: 10px;
   font-size: var(--f-15);
   line-height: 1.5em;
   background-color: #666;
   color: #fff;
   text-align: center;
   vertical-align: middle;
 }

 .page-id-17 table td {
   border: solid 1px #000;
   padding: 10px;
   font-size: var(--f-15);
   line-height: 1.5em;
   text-align: center;
   vertical-align: middle;
 }

 .page-id-17 .faqP ul {
  margin: 0;
  padding: 0;
 }

 .page-id-17 .faq li {
  margin: 0;
  padding: 0;
  font-size: var(--f-18);
  list-style: disc;
 }

@media screen and (max-width: 480px) {

  .page-id-17 .inner {
    margin: 0 5vw;
  }

  .page-id-17 .accordion-container .accordion-title {
    padding: 1em 3em 1em 1.3em;
  }

}





/* winterP
------------------------------------------------------------------*/
.winterRecommend .winterRecommend__inner{
  padding: 0 4%;
}
.winterRecommend div.h1-ttl{
  font-weight: 700;
}
.winterRecommend .span-block,
.winterRecommend h1.h2-ttl{
  width: auto;
}
.winterRecommend h2.h2-ttls{
  margin-bottom: 10px;
}
.winterRecommendPlan{
  gap: 20px;
  width: 100%;
  display: flex;
  margin-top: 40px;
  max-width: 1400px;
}
.winterRecommendPlan .item{
  width: 25%;
}
.winterRecommendPlan .des{
  text-align: left;
  margin-bottom: 5px;
}
.winterRecommendPlan h3.ttl{
  text-align: left;
  font-size: 1.6rem;
}
.winterRecommendBtn .common-btn{
  margin: 40px auto;
}      

.point .section__inner{
  max-width: 100%;
}
.section.point .column3 {
  padding: 0 40px;
}
.section.point {
  margin: 0 auto;
  padding: 0;
}
.section.point .ttl-wrap {
  margin: 0;
  padding: 0;
  background: url(https://glampingstaytomamu.hokkaido.jp/wp/wp-content/themes/tomamu/img/top/yama-bg01.png) no-repeat center bottom;
  background-repeat: no-repeat;
  background-size: 100%;
}
.section.point .ttl-wrapS {
  margin: 0;
  padding: 0;
  background-color: rgba(255, 255, 255, 0.76);
}
.section.point .h1-ttl {
  margin: 0;
  padding: 2em 0 0;
  font-size: var(--f-72);
}
.section.point .sub {
  margin: .5em 0 0;
  line-height: 1;
  font-size: var(--f-18);
}
.section.point p {
  margin: 10px auto 0;
  z-index: 1003;
  font-size: 1.6rem;
  line-height: 1.5;
}
.point-wrap::after{
  display: none;
}

.section.guest-room__outer{
  margin-top: 0;
  padding-top: 0;
}
.section.guest-room__outer::before{
  display: none;
}
.guest-room__outer strong{
  font-weight: bold;
}
.food__outer .main-inner{
  padding: 0 4%;
}
.food__outer strong{
  font-weight: bold;
}
.food-feature__wrap{
  gap: 40px;
  display: flex;
  margin-top: 60px;
}
.food-feature__wrap .item{
  width: calc(100% / 3);
}
.food-feature__wrap .item .img-radius{
  object-fit: cover;
  aspect-ratio: 16 / 9;
}
.food-feature__wrap h3.ttl{
  line-height: 1;
  margin: 20px auto 10px;
  color: var(--green);
  font-size: 2.4rem;
  font-weight: bold;
  text-align: center;
}

.access__outer{
  margin: 50px auto;
  padding: 50px 0;
}
.access__outer .access__inner{
  margin-top: 40px;
  padding-top: 40px;
}
.access__outer .section__inner::after{
  display: none;
}
.access__outer .ttl-wrap{
  display: block;
  margin-top: 0;
}
.access__outer .h1-ttl{
  line-height: 1;
}
.access__outer .h2-ttl{
  color: #000;
  margin: 16px auto;
  line-height: 1.5;
  font-size: 2.3rem;
}
.access__outer .column2{
  align-items: flex-start;
}

.voice__outer .ttl-wrap{
  margin-top: 0;
}
.voice__outer .h1-ttl{
  text-align: center;
  line-height: 1;
}
.voice__outer .sub{
  text-align: center;
}
.voice__inner{
  padding: 0 4%;
}
.voice__wrap{
  gap: 40px;
  display: flex;
  margin-top: 60px;
}
.voice__wrap .item{
  width: calc(100% / 3);
}
.voice__wrap .item h3.ttl{
  margin: 20px auto 0;
  color: var(--green);
  font-size: 2.8rem;
  font-weight: bold;
  text-align: center;
}
.voice__wrap .item p.sub{
  margin: 0 auto 10px;
  line-height: 1;
  font-size: var(--f-18);
}
.voice__wrap .item table{
  width: 100%;
  margin-bottom: 20px;
}
.voice__wrap .item th,
.voice__wrap .item td{
  font-size: 15px;
  padding: 10px 20px;
  border-bottom: solid 1px #CCC;
}
.voice__wrap .item th{
  width: 12em;
}
.voice__wrap .item strong{
  font-weight: bold;
}

.faq__outer .ttl-wrap{
  margin-top: 0;
}

@media screen and (max-width: 670px) {
.winterRecommendPlan{
  flex-wrap: wrap;
}
.winterRecommendPlan .item{
  width: 100%;
}
.winterRecommend .span-block{
  text-align: left;
}
.section.point p br{
  display: none;
}
.food-feature__wrap{
  flex-wrap: wrap;
}
.food-feature__wrap .item{
  width: 100%;
}
.voice__wrap{
  flex-wrap: wrap;
}
.voice__wrap .item{
  width: 100%;
}
}