/*=================================================================*/
/*	special_202611_01.scss
/*=================================================================*/
.special_202611_01 {
  background: url(../../img/sec/special/202611/01/background.jpg) repeat-y center top/100% auto;
  padding: 2%;
}
.special_202611_01 h2 {
  color: #a54816;
}
.special_202611_01 h3 {
  color: #a54816;
}
.special_202611_01 .btn {
  text-align: center;
  margin-bottom: 20px;
  margin-top: 20px;
}
.special_202611_01 .btn .btnwhite {
  background-color: #fff;
}
.special_202611_01 .topTtl {
  background: rgba(255, 255, 255, 0.7);
  padding: 2%;
  border-radius: 16px;
  margin-bottom: 10px;
}
.special_202611_01 .topTtl .title_img {
  width: 95%;
  margin: 10px auto 30px;
}
.special_202611_01 .topTtl .tel {
  text-align: right;
  margin-bottom: 20px;
}
.special_202611_01 .contentbox {
  padding: 2%;
  border-radius: 16px;
}
.special_202611_01 .contentbox.aboutgeopark {
  background: url("../../img/sec/special/202611/01/icon02.png") no-repeat top 17px right 4%, #f7ede4;
  background-size: 9%;
}
.special_202611_01 .contentbox.festa {
  background: url("../../img/sec/special/202611/01/icon14.png") no-repeat top 17px right 4%, rgba(255, 255, 255, 0.8);
  background-size: 15%;
}
.special_202611_01 .contentbox .contentboxTtl {
  margin-top: 10px;
  margin-bottom: 20px;
  padding-right: 30px;
  text-align: center;
}
.special_202611_01 .contentbox .contentboxTtl h3 span {
  display: inline-block;
}
.special_202611_01 .contentbox .contentboxTtl h3 span.somosomo {
  background: url(../../img/sec/special/202611/01/icon01.png) no-repeat top left;
  background-size: 100px;
  padding: 20px 0 0 100px;
}
.special_202611_01 .contentbox .contentboxTtl h3 span.megumi {
  background: url(../../img/sec/special/202611/01/icon15.png) no-repeat top left;
  background-size: 115px;
  padding: 31px 0 0 113px;
}
.special_202611_01 .kinkouwangeopark {
  background: rgba(255, 255, 255, 0.4);
  padding: 2%;
  border-radius: 16px;
  margin-bottom: 10px;
  background: url("../../img/sec/special/202611/01/icon04.png") no-repeat top 17px right 4%, rgba(255, 255, 255, 0.7);
  background-size: 10%;
}
.special_202611_01 .kinkouwangeopark .kinkouwangeoparkTtl {
  margin-top: 10px;
  margin-bottom: 20px;
  text-align: center;
  padding-right: 20px;
}
.special_202611_01 .kinkouwangeopark .kinkouwangeoparkTtl h2 span {
  display: inline-block;
  padding: 33px 0 0 115px;
  background: url(../../img/sec/special/202611/01/icon03.png) no-repeat top left;
  background-size: 120px;
}
.special_202611_01 .kinkouwangeopark .column-2 {
  display: flex;
  justify-content: space-between;
}
.special_202611_01 .kinkouwangeopark .column-2 .leftWrap {
  width: 80%;
}
.special_202611_01 .kinkouwangeopark .column-2 .rightWrap {
  width: 14%;
  text-align: center;
}
.special_202611_01 .kinkouwangeopark .kinkouwangeoparkcol2 {
  padding: 2%;
  border-radius: 16px;
  margin-bottom: 20px;
}
.special_202611_01 .kinkouwangeopark .kinkouwangeoparkcol2.green {
  background: url("../../img/sec/special/202611/01/icon05.png") no-repeat top 17px left 4%, rgba(255, 245, 200, 0.8);
  background-size: 7%;
}
.special_202611_01 .kinkouwangeopark .kinkouwangeoparkcol2.pink {
  background: url("../../img/sec/special/202611/01/icon06.png") no-repeat top 17px left 4%, rgba(244, 180, 208, 0.8);
  background-size: 7%;
}
.special_202611_01 .kinkouwangeopark .kinkouwangeoparkcol2.blue {
  background: url("../../img/sec/special/202611/01/icon07.png") no-repeat top 17px left 4%, url("../../img/sec/special/202611/01/icon08.png") no-repeat top 17px right 4%, rgba(161, 200, 235, 0.8);
  background-size: 7%;
}
.special_202611_01 .kinkouwangeopark .kinkouwangeoparkcol2 .col2Ttl {
  text-align: center;
  margin-bottom: 20px;
  margin-top: 10px;
}
.special_202611_01 .kinkouwangeopark .kinkouwangeoparkcol2 .column-2 {
  margin-top: 25px;
}
.special_202611_01 .kinkouwangeopark .kinkouwangeoparkcol2 .column-2 .leftWrap {
  width: 60%;
}
.special_202611_01 .kinkouwangeopark .kinkouwangeoparkcol2 .column-2 .rightWrap {
  width: 36%;
  text-align: center;
}
.special_202611_01 .kinkouwangeopark .kinkouwangeoparkcol2 .column-2 .small {
  font-size: 16px;
}
.special_202611_01 .kinkouwangeopark .commentWrap {
  max-width: 700px;
  margin: 20px auto;
  display: flex;
  gap: 20px;
  align-items: center;
}
.special_202611_01 .kinkouwangeopark .commentWrap .commentTxt {
  flex: 1;
  background-color: #fff;
  border: solid 2px #000;
  padding: 20px 10px;
  border-radius: 20px;
  position: relative;
}
.special_202611_01 .kinkouwangeopark .commentWrap .commentTxt ::after {
  position: absolute;
  content: "";
  width: 20px;
  height: 20px;
  background: #fff;
  border-top: 2px solid #000;
  border-right: 2px solid #000;
  transform: rotate(45deg);
  top: 50%;
  margin-top: -10px;
  right: -12px;
}
.special_202611_01 .kinkouwangeopark .commentWrap .commentTxt img {
  display: block;
  width: 50%;
  margin: 15px auto 0;
}
.special_202611_01 .kinkouwangeopark .commentWrap .commentImg {
  width: 250px;
  flex-shrink: 0;
}
.special_202611_01 .kinkouwangeopark .commentWrap .commentImg img {
  width: 100%;
  margin: 0;
}
.special_202611_01 .geoparkbox {
  padding: 2%;
  margin-bottom: 10px;
}
.special_202611_01 .geoparkbox.white {
  background: url("../../img/sec/special/202611/01/icon09.png") no-repeat top 17px right 4%, rgba(255, 255, 255, 0.9);
  background-size: 17%;
}
.special_202611_01 .geoparkbox.yellow {
  background-color: rgba(255, 250, 189, 0.9);
}
.special_202611_01 .geoparkbox .geoparkboxTtl {
  margin-top: 10px;
  margin-bottom: 20px;
  text-align: center;
  padding-right: 40px;
}
.special_202611_01 .geoparkbox .geoparkboxTtl h2 span {
  display: inline-block;
  padding: 33px 0 0 113px;
}
.special_202611_01 .geoparkbox .geoparkboxTtl h2 span.miryoku {
  background: url(../../img/sec/special/202611/01/icon10.png) no-repeat top left;
  background-size: 120px;
}
.special_202611_01 .geoparkbox .geoparkboxTtl h2 span.houzan {
  background: url(../../img/sec/special/202611/01/icon13.png) no-repeat top left;
  background-size: 120px;
}
.special_202611_01 .geoparkbox .geoparkinfo {
  padding: 0 2%;
  margin-bottom: 20px;
}
.special_202611_01 .geoparkbox .geoparkinfo h3 {
  margin-bottom: 10px;
}
.special_202611_01 .geoparkbox .geoparkinfo h3 span {
  display: inline-block;
}
.special_202611_01 .geoparkbox .geoparkinfo h3 span.mountain {
  background: url(../../img/sec/special/202611/01/icon11.png) no-repeat top left;
  background-size: 36px;
  padding: 0 0 0 44px;
}
.special_202611_01 .geoparkbox .geoparkinfo h3 span.megaphone {
  background: url(../../img/sec/special/202611/01/icon12.png) no-repeat top left;
  background-size: 30px;
  padding: 0 0 0 38px;
}
.special_202611_01 .geoparkbox .geoparkinfo .tag01 {
  justify-content: left;
}
.special_202611_01 .geoparkbox .geoparkinfo .column-2 {
  display: flex;
  margin: 0 0 10px;
  gap: 20px;
}
.special_202611_01 .geoparkbox .geoparkinfo .column-2 .leftWrap {
  width: 70%;
}
.special_202611_01 .geoparkbox .geoparkinfo .column-2 .rightWrap {
  width: 30%;
  text-align: center;
}
.special_202611_01 .geoparkbox .geoparkinfo .column-2 .rightWrap.kicyou {
  width: 22%;
}
.special_202611_01 .sp480 {
  display: none;
}
@media screen and (max-width: 480px) {
  .special_202611_01 .sp480 {
    display: block;
  }
}

/*******************************************************************/
/* SP
/*******************************************************************/
@media screen and (max-width: 768px) {
  /*<start>==========================================================*/
  /*=================================================================*/
  /*	special_202611_01.scss
  /*=================================================================*/
  .special_202611_01 .topTtl .title_img {
    width: 100%;
  }
  .special_202611_01 .contentbox.aboutgeopark {
    background-size: 13%;
  }
  .special_202611_01 .contentbox.festa {
    background: url("../../img/sec/special/202611/01/icon14.png") no-repeat top 17px right -2%, rgba(255, 255, 255, 0.8);
    background-size: 30%;
  }
  .special_202611_01 .contentbox .contentboxTtl h3 span {
    display: inline-block;
  }
  .special_202611_01 .contentbox .contentboxTtl h3 span.somosomo {
    background-size: 85px;
    padding: 20px 0 0 87px;
  }
  .special_202611_01 .contentbox .contentboxTtl h3 span.megumi {
    background-size: 102px;
    padding: 44px 0 0 66px;
  }
  .special_202611_01 .kinkouwangeopark {
    background: url("../../img/sec/special/202611/01/icon04.png") no-repeat top 6px right 2%, rgba(255, 255, 255, 0.7);
    background-size: 15%;
  }
  .special_202611_01 .kinkouwangeopark .kinkouwangeoparkTtl {
    padding-right: 10px;
  }
  .special_202611_01 .kinkouwangeopark .kinkouwangeoparkTtl h2 span {
    padding: 48px 0 0 62px;
    background-size: 108px;
  }
  .special_202611_01 .kinkouwangeopark .column-2 {
    display: block;
  }
  .special_202611_01 .kinkouwangeopark .column-2 .leftWrap {
    width: 100%;
  }
  .special_202611_01 .kinkouwangeopark .column-2 .rightWrap {
    width: 50%;
    margin: 0 auto;
  }
  .special_202611_01 .kinkouwangeopark .kinkouwangeoparkcol2 {
    margin-bottom: 10px;
  }
  .special_202611_01 .kinkouwangeopark .kinkouwangeoparkcol2.green {
    background: url("../../img/sec/special/202611/01/icon05.png") no-repeat top 11px left 4%, rgba(225, 245, 200, 0.8);
    background-size: 9%;
  }
  .special_202611_01 .kinkouwangeopark .kinkouwangeoparkcol2.pink {
    background: url("../../img/sec/special/202611/01/icon06.png") no-repeat top 17px left 4%, rgba(244, 180, 208, 0.8);
    background-size: 11%;
  }
  .special_202611_01 .kinkouwangeopark .kinkouwangeoparkcol2.blue {
    background: url("../../img/sec/special/202611/01/icon07.png") no-repeat top 17px left 4%, url("../../img/sec/special/202611/01/icon08.png") no-repeat top 17px right 4%, rgba(161, 200, 235, 0.8);
    background-size: 11%;
  }
  .special_202611_01 .kinkouwangeopark .kinkouwangeoparkcol2 .col2Ttl {
    margin-bottom: 0;
    margin-top: 20px;
  }
  .special_202611_01 .kinkouwangeopark .kinkouwangeoparkcol2 .col2Ttl h3 {
    padding: 0 20px;
  }
  .special_202611_01 .kinkouwangeopark .kinkouwangeoparkcol2 .column-2 {
    margin-top: 10px;
  }
  .special_202611_01 .kinkouwangeopark .kinkouwangeoparkcol2 .column-2 .leftWrap {
    width: 100%;
    margin-bottom: 20px;
    padding: 2%;
  }
  .special_202611_01 .kinkouwangeopark .kinkouwangeoparkcol2 .column-2 .rightWrap {
    width: 95%;
    margin: 0 auto;
  }
  .special_202611_01 .kinkouwangeopark .kinkouwangeoparkcol2 .column-2 .small {
    font-size: 14px;
  }
  .special_202611_01 .kinkouwangeopark .commentWrap {
    display: block;
  }
  .special_202611_01 .kinkouwangeopark .commentWrap .commentTxt ::after {
    transform: rotate(135deg);
    top: unset;
    bottom: -13px;
    margin-top: unset;
    left: 20%;
  }
  .special_202611_01 .kinkouwangeopark .commentWrap .commentTxt img {
    width: 70%;
  }
  .special_202611_01 .kinkouwangeopark .commentWrap .commentImg {
    margin: 0 auto;
  }
  .special_202611_01 .kinkouwangeopark .commentWrap .commentImg img {
    width: 100%;
  }
  .special_202611_01 .geoparkbox.white {
    background: url("../../img/sec/special/202611/01/icon09.png") no-repeat top 6px right 2%, rgba(255, 255, 255, 0.9);
    background-size: 20%;
  }
  .special_202611_01 .geoparkbox .geoparkboxTtl {
    padding-right: 40px;
  }
  .special_202611_01 .geoparkbox .geoparkboxTtl h2 span.miryoku {
    background-size: 100px;
    padding: 38px 0 0 69px;
  }
  .special_202611_01 .geoparkbox .geoparkboxTtl h2 span.houzan {
    background-size: 99px;
    padding: 37px 0 0 51px;
  }
  .special_202611_01 .geoparkbox .geoparkinfo h3 span {
    display: inline-block;
  }
  .special_202611_01 .geoparkbox .geoparkinfo h3 span.mountain {
    background-size: 26px;
    padding: 0 0 0 32px;
  }
  .special_202611_01 .geoparkbox .geoparkinfo h3 span.megaphone {
    background-size: 25px;
    padding: 0 0 0 33px;
  }
  .special_202611_01 .geoparkbox .geoparkinfo .column-2 {
    display: block;
    margin: 0 0 20px;
  }
  .special_202611_01 .geoparkbox .geoparkinfo .column-2 .leftWrap {
    width: 100%;
  }
  .special_202611_01 .geoparkbox .geoparkinfo .column-2 .rightWrap {
    width: 100%;
  }
  .special_202611_01 .geoparkbox .geoparkinfo .column-2 .rightWrap.kicyou {
    width: 40%;
    margin: 0 auto;
  }
  .special_202611_01 .title-tight {
    line-height: 1.3;
  }
  /*<end>============================================================*/
}/*# sourceMappingURL=special_202611_01.css.map */