/*!***************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./node_modules/import-glob-loader/index.js!./src/scss/index.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;600&display=swap);
/*!*******************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./node_modules/import-glob-loader/index.js!./src/scss/index.scss (1) ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";

/* ------------------------------
 width: allaa
------------------------------ */
* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: "Open Sans", Arial, "Noto Sans JP", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, "游ゴシック Medium", YuGothic, YuGothicM, sans-serif !important;
}

input,
button {
  border: none;
}

main .font-org {
  color: #ff8a02;
}
main section .wrapper {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
}
main section.s01 .wrapper {
  max-width: 100%;
  position: relative;
  z-index: 1;
}
main section.s01 .wrapper .sliderbox {
  width: 100%;
  margin: 0 auto;
}
main section.s01 .wrapper .sliderbox .top__mv-slider {
  width: 100% !important;
  margin: 0 auto;
  height: 558px;
}
main section.s01 .wrapper .sliderbox .top__mv-slider .top__mv-slide1 {
  background-image: url("../images/bg1.jpg");
}
main section.s01 .wrapper .sliderbox .top__mv-slider .top__mv-slide2 {
  background-image: url("../images/bg2.jpg");
}
main section.s01 .wrapper .sliderbox .top__mv-slider .top__mv-slide3 {
  background-image: url("../images/bg3.jpg");
}
main section.s01 .wrapper .sliderbox .top__mv-slider .top__mv-slide4 {
  background-image: url("../images/bg4.jpg");
}
main section.s01 .wrapper .sliderbox .top__mv-slider .top__mv-slide5 {
  background-image: url("../images/bg5.jpg");
}
main section.s01 .wrapper .sliderbox .top__mv-slider .top__mv-slide6 {
  background-image: url("../images/bg6.jpg");
}
main section.s01 .wrapper .sliderbox .top__mv-slider .top__mv-slide7 {
  background-image: url("../images/bg7.jpg");
}
main section.s01 .wrapper .sliderbox .top__mv-slider .slide_li {
  height: 560px;
  background-size: cover;
  background-position: center center;
  outline: none;
  margin-bottom: 30px;
}
main section.s01 .wrapper .sliderbox .top__mv-slider .slide_li .slide_inner {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  display: -webkit-box;
  display: flex;
  gap: 74px;
  -webkit-box-align: center;
          align-items: center;
  height: 558px;
}
main section.s01 .wrapper .sliderbox .top__mv-slider .slide_li .slide_inner .infobox {
  background-color: #fff;
  border-radius: 10px;
  height: auto;
  /*  </update>  */
  width: 52%;
  -webkit-transform: scale(0, 0);
          transform: scale(0, 0);
}
main section.s01 .wrapper .sliderbox .top__mv-slider .slick-active .slide_inner .infobox {
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-animation: picotto 3.5s ease-in-out;
          animation: picotto 3.5s ease-in-out;
  -webkit-animation-delay: 1.5s;
          animation-delay: 1.5s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  padding: 22px 30px;
  text-align: center;
  position: relative;
}
main section.s01 .wrapper .sliderbox .top__mv-slider .slide_li .slide_inner .infobox::after {
  content: "";
  border-left: 51px solid #fff;
  border-right: 51px solid transparent;
  border-top: 36px solid transparent;
  border-bottom: 36px solid transparent;
  position: absolute;
  top: 50%;
  right: -90px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: -1;
}
main section.s01 .wrapper .sliderbox .top__mv-slider .slide_li .slide_inner .infobox .infobox__ttl {
  font-size: 24px;
  margin-bottom: 8px;
  font-weight: bold;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  /*  </update>  */
}
main section.s01 .wrapper .sliderbox .top__mv-slider .slide_li .slide_inner .infobox .infobox__uwasa {
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 14px;
}
main section.s01 .wrapper .sliderbox .top__mv-slider .slide_li .slide_inner .infobox .infobox__uwasa img {
  margin-right: 7px;
  display: inline-block;
}
main section.s01 .wrapper .sliderbox .top__mv-slider .slide_li .slide_inner .infobox .infobox__uwasa span {
  font-weight: normal;
  font-size: 12px;
}
main section.s01 .wrapper .sliderbox .top__mv-slider .slide_li .slide_inner .infobox .photo {
  height: 310px;
  margin-bottom: 10px;
  border-radius: 10px;
  background-color: #d5d5d5;
  position: relative;
}
main section.s01 .wrapper .sliderbox .top__mv-slider .slide_li .slide_inner .infobox .photo__info {
  width: 100%;
  height: 38px;
  position: absolute;
  left: 0px;
  bottom: 0px;
  padding: 0 15px;
  -webkit-box-align: center;
          align-items: center;
  display: -webkit-box;
  display: flex;
}
main section.s01 .wrapper .sliderbox .top__mv-slider .slide_li .slide_inner .infobox .photo__info::after {
  content: "";
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 38px;
  background-color: black;
  opacity: 0.4;
  border-radius: 0px 0px 5px 5px;
  z-index: 1;
}
main section.s01 .wrapper .sliderbox .top__mv-slider .slide_li .slide_inner .infobox .photo__info__text {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: 16px;
  font-weight: 700;
  color: white;
  position: relative;
  z-index: 2;
}
main section.s01 .wrapper .sliderbox .top__mv-slider .slide_li .slide_inner .infobox .photo .num {
  min-width: 50px;
  display: inline-block;
  height: 30px;
  line-height: 30px;
  text-align: end;
  padding-left: 30px;
  padding-right: 10px;
  /*  </0927 update>  */
  background-color: #ff5002;
  font-size: 14px;
  color: #fff;
  font-weight: bold;
  position: absolute;
  border-radius: 15px;
  top: 7px;
  right: 5px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
main section.s01 .wrapper .sliderbox .top__mv-slider .slide_li .slide_inner .infobox .photo .num img {
  width: 16px;
  position: absolute;
  top: 5px;
  left: 10px;
  display: block;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
main section.s01 .wrapper .sliderbox .top__mv-slider .slide_li .slide_inner .infobox .photo .num img.iine01 {
  opacity: 1;
}
main section.s01 .wrapper .sliderbox .top__mv-slider .slide_li .slide_inner .infobox .photo .num img.iine02 {
  opacity: 0;
}

main section.s01 .wrapper .sliderbox .top__mv-slider .slide_li .slide_inner .infobox .photo .num:hover,.list01 li .photo .num.taped {
  background-color: #fff;
  color: #ff5002;
  opacity: 1;
  cursor: pointer;
}
main section.s01 .wrapper .sliderbox .top__mv-slider .slide_li .slide_inner .infobox .photo .num.taped img.iine01 {
  opacity: 0;
}
main section.s01 .wrapper .sliderbox .top__mv-slider .slide_li .slide_inner .infobox .photo .num.taped img.iine02 {
  opacity: 1;
}
main section.s01 .wrapper .sliderbox .top__mv-slider .slide_li .slide_inner .infobox button {
  width: 100%;
  height: 40px;
  background-color: #ffc402;
  border-radius: 10px;
  color: #fff;
  font-weight: bold;
}
main section.s01 .wrapper .sliderbox .top__mv-slider .slide_li .slide_inner .illust {
  width: auto;
  height: 86.38%;
  position: relative;
  -webkit-transform: scale(0, 0);
          transform: scale(0, 0);
}
main section.s01 .wrapper .sliderbox .top__mv-slider .slick-active .slide_inner .illust {
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-animation: picotto 3.5s ease-in-out;
          animation: picotto 3.5s ease-in-out;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
main section.s01 .wrapper .sliderbox .slick-dots {
  text-align: center;
  top: -5px;
  bottom: auto;
  opacity: 1;
}
main section.s01 .wrapper .sliderbox .slick-dots li {
  position: absolute;
  width: calc(100% - 281px);
  top: 20px;
  right: calc(100% - 241px);
  left: 40px;
  height: 2px;
  margin: 0 5px;
  background-color: #aaa;
  opacity: 1;
}
main section.s01 .wrapper .sliderbox .slick-dots li button {
  width: 100%;
  height: 3px;
  display: block;
  opacity: 1;
  position: absolute;
  top: 0;
  left: 0;
}
main section.s01 .wrapper .sliderbox .slick-dots li button::after, main section.s01 .wrapper .sliderbox .slick-dots li button::before {
  content: "";
  display: block;
  width: 0;
  height: 2px;
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 1;
}
main section.s01 .wrapper .sliderbox .slick-dots li.slick-active button::after, main section.s01 .wrapper .sliderbox .slick-dots li.slick-active button::before {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition-duration: 4s;
  transition-duration: 4s;
  -webkit-transition-delay: 1s;
  transition-delay: 1s;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
  opacity: 1;
  z-index: 100000;
}
main section.s03 .wrapper .s03-read {
  font-size: 34px;
  font-weight: bold;
}
main section.s03 .wrapper .s03_1 {
  position: relative;
  padding-top: 24px;
}
main section.s03 .wrapper .s03_1 .s03-body {
  font-size: 16px;
  line-height: 30px;
}
main section.s03 .wrapper .s03_1 .s03-read {
  margin-bottom: 34px;
}
main section.s03 .wrapper .s03_1 .s03-read span {
  color: #ff8a02;
}

/* main section.s02 .wrapper {
  width: 1100px;
  margin: 40px auto 0;
}

main section.s02 .wrapper .pagemenu {
  font-size: 0;
  border-bottom: 8px solid #FFC402;
}

main section.s02 .wrapper .pagemenu a {
  display: inline-block;
  border-radius: 10px 10px 0 0;
  height: 40px;
  padding: 8px 25px 0;
  line-height: 32px;
  color: #000;
  font-size: 18px;
  text-decoration: none;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
  font-weight: bold;
  margin-right: 5px;
  background-color: #F5F5F5;
}

main section.s02 .wrapper .pagemenu a img {
  margin-right: 7px;
}

main section.s02 .wrapper .pagemenu a:hover, main section.s02 .wrapper .pagemenu a.current {
  background-color: #FFC402;
  opacity: 1;
}

main section.s02 .wrapper .pagesearch {
  background-color: #FFF4D1;
  padding: 20px 15px;
  margin-bottom: 50px;
}

main section.s02 .wrapper .pagesearch form {
  display: none;
}
main section.s02 .wrapper .pagesearch form.current {
  display: flex;
}

main section.s02 .wrapper .pagesearch label {
  display: block;
  flex-grow: 1;
  margin-right: 10px;
}
main section.s02 .wrapper .pagesearch input,
main section.s02 .wrapper .pagesearch select,
main section.s02 .wrapper .pagesearch button {
  height: 50px;
  border-radius: 5px;
  font-size: 16px;
  outline: none;
  -webkit-appearance:none;
}
main section.s02 .wrapper .pagesearch select {
  background-color: #fff;
}
main section.s02 .wrapper .pagesearch .pulldown {
  position: relative;
}
main section.s02 .wrapper .pagesearch .search-tab__content .pulldown::after {
  content: "";
  width: 9px;
  height: 9px;
  border-bottom: 2px solid #9B9B9B;
  border-right: 2px solid #9B9B9B;
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-55%) rotate(45deg);
}
main section.s02 .wrapper .pagesearch .search-tab__content1 input {
  appearance: none;
  width: 18%;
  background-color: #f5f5f5;
  border: 1px solid #D3D3D3;
  margin-right: 1.5%;
  padding-left: 1em;
}
main section.s02 .wrapper .pagesearch .search-tab__content2 input {
  appearance: none;
  width: 28%;
  background-color: #fff;
  border: 1px solid #D3D3D3;
  margin-right: 1.5%;
  padding-left: 2em;
  position: relative;
}
main section.s02 .wrapper .pagesearch .search-tab__content2 input::placeholder {
  color: #000;
}
.relative {
  position: relative;
}
main section.s02 .wrapper .pagesearch .search-tab__content2 img {
  width: 16px;
  position: absolute;
  top: 50%;
  left: 10px;
  transform: translateY(-50%);
  z-index: 1;
}
main section.s02 .wrapper .pagesearch .search-tab__content3 input {
  appearance: none;
  width: 43%;
  background-color: #f5f5f5;
  border: 1px solid #D3D3D3;
  margin-right: 1.5%;
  padding-left: 1em;
}

main section.s02 .wrapper .pagesearch .search-tab__content1 select {
  appearance: none;
  -webkit-appearance: none;
  width: 23%;
  border: 1px solid #D3D3D3;
  margin-right: 1.5%;
  padding-left: 1em;
}
main section.s02 .wrapper .pagesearch .search-tab__content2 select {
  appearance: none;
  -webkit-appearance: none;
  width: 28%;
  border: 1px solid #D3D3D3;
  margin-right: 1.5%;
  padding-left: 1em;
}
main section.s02 .wrapper .pagesearch input,
main section.s02 .wrapper .pagesearch select {
  width: 100%!important;
}

main section.s02 .wrapper .pagesearch .pagesearch-btn {
  appearance: none;
  -webkit-appearance: none;
  width: 10%;
  color: #fff;
  background-color: #FFC402;
  border-color: #FFC402;
}

.pagesearch-result {
  background-color: #F5F5F5;
  padding: 50px 0;
}

.pagesearch-result .wrapper {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
}

main .pagesearch-result .wrapper .pagesearch-result__ttl {
  width: 100%;
  background-color: #FFF;
  border-radius: 10px;
  padding: 40px 25px;
  position: relative;
  font-weight: bold;
  font-size: 20px;
  margin-bottom: 25px;
}

main .pagesearch-result .wrapper .pagesearch-result__ttl .pagesearch-key {
  color: #3A79F4;
}

main .pagesearch-result .wrapper .pagesearch-result__ttl .pagesearch-result__img {
  width: 172px;
  height: auto;
  position: absolute;
  bottom: 0;
  right: 20px;
}

main .pagesearch-result .wrapper .btn-wrapper {
  text-align: center;
}

main .pagesearch-result .wrapper .btn-more {
  font-size: 18px;
  color: #3A79F4;
  border: 2px solid #3A79F4;
  border-radius: 10px;
  background-color: #F5F5F5;
  width: 220px;
  height: 50px;
  margin-top: 30px;
} */
.s03_1-img-wrap {
  width: 44.6%;
  height: auto;
  position: absolute;
  top: 0;
  right: 2%;
}

main section.s03 .wrapper .s03_1 .s03_1-img {
  width: 100%;
  height: auto;
  position: absolute;
  top: 0;
  z-index: 3;
  opacity: 1;
}

.s03_1-img-hover {
  width: 100%;
  height: auto;
  position: absolute;
  top: 0;
  z-index: 2;
  opacity: 0;
}

.s03_1-img:hover {
  opacity: 0 !important;
}
.s03_1-img:hover + .s03_1-img-hover {
  opacity: 1 !important;
}

main section.s03 {
  margin-top: 104px;
}

main section.s03 .wrapper .s03_2 {
  background-color: #f5f5f5;
  border-radius: 5px;
  padding: 40px 70px 40px 38px;
  position: relative;
  margin-top: 134px;
  margin-bottom: 126px;
}
main section.s03 .wrapper .s03_2 .s03_2__inner {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  text-align: center;
}
main section.s03 .wrapper .s03_2 .s03_2__inner .s03-read {
  margin-bottom: 9px;
}
main section.s03 .wrapper .s03_2 .s03_2__inner .btn {
  display: inline-block;
  margin-top: 20px;
  color: #fff;
  font-weight: bold;
  background-color: #ff8a02;
  padding: 16px 72px;
  border-radius: 34px;
  text-decoration: none;
}

.s03_2-img-wrap {
  width: 43%;
  position: absolute;
  top: -60px;
  right: 70px;
}

.s03_2-img_mark {
  width: 162px;
  height: 162px;
  position: absolute;
  top: 30px;
  right: 78px;
}

main section.s03 .wrapper .s03_2 .s03_2-img {
  width: 396px;
  top: -50px;
  right: 78px;
  position: absolute;
  z-index: 3;
}

.s03_2-img-hover {
  width: 100%;
  position: absolute;
  z-index: 2;
  opacity: 0;
  left: 35px;
}

.s03_2-img:hover {
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-transform: rotate(3deg);
          transform: rotate(3deg);
}

.snsbtn-wrapper {
  text-align: center;
  margin: 80px 0;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
}
.snsbtn-wrapper p {
  display: inline-block;
  padding-right: 16px;
  font-size: 26px;
  font-weight: bold;
}
.snsbtn-wrapper span {
  margin: 0 8px;
}
.snsbtn-wrapper--img {
  display: -webkit-box;
  display: flex;
  gap: 16px;
}
.snsbtn-wrapper--right {
  display: grid;
  gap: 15px;
  margin: 0 auto 30px;
}
.snsbtn-wrapper--right p {
  padding-right: 0px;
  font-size: 20px;
}
.snsbtn-wrapper--right img {
  width: 39px;
  height: 39px;
}
main section.s04 {
  background-image: url(../images/bg01.png);
  background-size: cover;
  padding: 60px 0;
}
main section.s04 .s04__ttl {
  font-size: 28px;
  font-weight: bold;
}
main section.s04 .s04__ttl--sub {
  font-size: 20px;
  margin-left: 30px;
  font-weight: 700;
}
main section.s05 .s05__ttl {
  font-size: 28px;
  font-weight: bold;
}
main section.s04 .s04__ttl span img {
  width: 31px;
  margin-right: 10px;
}
main section.s05 {
  background-color: #f5f5f5;
  padding: 60px 0 90px;
}
main section.s05 .s05__ttl span img {
  width: 31px;
  margin-right: 10px;
}
main section.s05 .s05_bg {
  height: 140px;
  background-image: url(../images/img_train_line.svg);
  background-position: center;
  background-size: cover;
  background-repeat: repeat-x;
  margin-bottom: 60px;
}

/* 店舗リスト共通 */
.list01 {
  margin-top: 20px;
}
.list01 li {
  width: 257px;
  float: left;
  margin-right: 24px;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 20px;
}
.list01 li:nth-child(4n) {
  margin-right: 0;
}
.list01 li .photo {
  width: 100%;
  height: 160px;
  background-size: cover;
  background-position: center center;
  position: relative;
}
.list01 li .photo .num {
  min-width: 50px;
  display: inline-block;
  height: 30px;
  line-height: 30px;
  text-align: end;
  padding-left: 30px;
  padding-right: 10px;
  /*  </0927 update>  */
  background-color: #ff5002;
  font-size: 14px;
  color: #fff;
  font-weight: bold;
  border-radius: 15px;
  top: 7px;
  right: 5px;
}
.list01 li .photo .num,.list01 li .photo .num img {
  position: absolute;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.list01 li .photo .num img {
  width: 16px;
  top: 5px;
  left: 10px;
  display: block;
}
.list01 li .photo .num img.iine01 {
  opacity: 1;
}
.list01 li .photo .num img.iine02 {
  opacity: 0;
}
.list01 li .photo .num:hover, .list01 li .photo .num.taped {
  background-color: #fff;
  color: #ff5002;
  opacity: 1;
  cursor: pointer;
}
.list01 li .photo .num:hover img.iine01, .list01 li .photo .num.taped img.iine01 {
  opacity: 0;
}
.list01 li .photo .num:hover img.iine02, .list01 li .photo .num.taped img.iine02 {
  opacity: 1;
}
.list01 li .uwasa {
  background-color: #ffc402;
  text-align: center;
  padding: 3px 0;
  min-height: 24px;
}
.list01 li .uwasa p {
  font-weight: bold;
  font-size: 12px;
}
.list01 li .uwasa p img {
  width: 14px;
  margin-right: 6px;
  display: inline-block;
}
.list01 li .txtbox {
  background-color: #fff;
  padding: 15px;
  padding-bottom: 25px;
  border-radius: 0 0 10px 10px;
}
.list01 li .txtbox .t02 {
  font-size: 12px;
  color: #9b9b9b;
}
.list01 li .txtbox .t03 {
  color: #9b9b9b;
  font-size: 14px;
}
.list01 li .txtbox .t04 {
  font-size: 16px;
  line-height: 24px;
  height: 48px;
  overflow: hidden;
  font-weight: bold;
  margin-top: 3px;
}
.list01 li .txtbox .t05 {
  font-size: 18px;
  font-weight: bold;
  color: #ff5002;
  line-height: 19px;
  margin-top: 8px;
}
.list01 li .txtbox .t05 img {
  vertical-align: top;
  margin-right: 3px;
  display: inline-block;
}
.list01 li .txtbox .t06 {
  font-size: 18px;
  color: #ff5002;
  line-height: 24px;
  height: 24px;
  overflow: hidden;
  font-weight: bold;
  margin-top: 5px;
}
.list01 li .txtbox .t06 i {
  margin-right: 3px;
}
.list01 li .photo .rank {
  position: absolute;
  top: -13px;
  left: -13px;
  width: 53px;
}

.ranking_slider {
  margin-top: 45px;
  margin-right: 0;
}
.ranking_slider li,.ranking_slider li:nth-child(4n) {
  margin: 0 12px;
  margin-top: 13px;
  overflow: visible;
}

/* 追加css 20201030 */
.t_uwasa {
  font-size: 18px;
  margin-bottom: 25px;
  text-align: center;
  font-weight: bold;
}
.t_uwasa img {
  width: 26px;
  margin-right: 11px;
  vertical-align: middle;
}

.br_sp {
  display: none;
}

.fixed_bg {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
}

.slick-prev {
  left: -49px;
  background-image: url(../images/icon_car_left.svg);
}

.slick-next {
  right: -49px;
  background-image: url(../images/icon_car_right.svg);
}

.slick-prev,
.slick-next {
  width: 46px;
  height: 46px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  top: 160px !important;
}

.slick-prev:before,
.slick-next:before {
  font-size: 0;
  color: rgba(0, 0, 0, 0.6);
}

.slick-dots {
  position: static;
  display: -webkit-box;
  display: flex;
  gap: 12px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 23px auto 0;
}
.slick-dots li {
  margin: 0 !important;
  float: none;
  width: 14px;
  height: 14px;
}
.slick-dots li button:before {
  content: "";
  background: #d3d3d3;
  width: 14px;
  height: 14px;
  border-radius: 7px;
}
.slick-dots .slick-active button:before {
  background: #FF8A02;
}

.slick-slide {
  outline: none;
}

.search-map {
  height: 560px;
  margin-bottom: 30px;
}

.sp {
  display: none;
}

/* ------------------------------
 width < $width-1
------------------------------ */
/*
@media screen and (max-width: 1600px) {
  main {
    section {
      &.s01 {
        .wrapper {
          .livebox {
            background-color: #17B7BE;
            position: absolute;
            bottom: 270px;
            left: 0;
          }

          .iinebox {
            bottom: 270px;
          }
        }
      }
    }
  }

}
*/
/* ------------------------------
 width < $width-1
------------------------------ */
.modal_bg {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.56);
  z-index: 10000;
  padding-top: 150px;
  padding-bottom: 150px;
  overflow-y: auto;
  display: none;
}
.modal_bg .item02 {
  width: 428px;
  border-radius: 10px;
  background-color: #fff;
  margin: 0 auto;
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  margin-top: -250px;
  z-index: 100000;
  padding: 33px 37px 23px;
}
.modal_bg .item02 .photo {
  width: 100%;
  display: block;
  border-radius: 10px;
}
.modal_bg .item02 .t09 {
  font-size: 16px;
  line-height: 140%;
  margin-top: 15px;
}
.modal_bg .item02 .more {
  margin-top: 15px;
}
.modal_bg .item02 .more a {
  color: #ff5002;
  font-weight: bold;
  text-decoration: none;
}
.modal_bg .icon_google_item_detail_close {
  display: block;
  position: absolute;
  top: -30px;
  right: -30px;
}
.modal_bg .icon_google_item_detail_close:hover {
  opacity: 0.6;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  cursor: pointer;
}

header {
  border-bottom: #eaeaea solid 1px;
}

.topic_path_wrap {
  height: 30px;
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  gap: 10px;
  -webkit-box-align: center;
          align-items: center;
  padding: 0 0 0 42px;
}
.topic_path_wrap a {
  text-decoration: none;
  font: normal normal normal 14px/23px Hiragino Sans;
  letter-spacing: 0px;
  color: #000;
}
.topic_path_wrap a::after {
  content: "/";
  margin-left: 10px;
}
.topic_path_wrap a:nth-last-child(1):after {
  content: "";
  margin-left: 0px;
}

.banner__wrap {
  margin: 80px auto 0;
  height: 346px;
  border-radius: 10px;
  position: relative;
  z-index: 1;
  width: 89.333%;
  max-width: 1100px;
}
.banner__wrap::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.4;
  top: 0;
  left: 0;
  position: absolute;
  z-index: 15;
  border-radius: 10px;
}
.banner__wrap--head {
  height: 434px;
  width: 100%;
  position: relative;
  z-index: 1;
}
.banner__wrap--head::before {
  content: "";
  background: #000;
  opacity: 0.4;
  z-index: 15;
  top: 0;
  left: 0;
}
.banner__wrap--head::before,.banner__img {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
}
.banner__img {
  top: 0px;
  left: 0px;
  border-radius: 10px;
}
.banner__img,.banner__img--head {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  z-index: 10;
}
.banner__img--head {
  height: 100%;
  display: block;
  top: 0;
  left: 0;
}
.banner__img--head,.banner__link {
  width: 100%;
  position: absolute;
}
.banner__link {
  height: 54px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  color: white;
  font-size: 16px;
  font-weight: bold;
  bottom: 0px;
  left: 0px;
  z-index: 20;
  background: #FFC402;
  border-radius: 0 0 10px 10px;
}
.banner__link::after {
  content: "";
  display: block;
  width: 8px;
  height: 13px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 19px;
  background-image: url(../images/icon_right_white.svg);
  background-position: center;
  background-size: cover;
}
.banner__text {
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 44px;
  max-width: calc(100% - 20px);
}
.banner__text,.banner__text--head {
  position: absolute;
  left: 50%;
  z-index: 20;
  color: white;
  text-align: center;
  width: 100%;
}
.banner__text--head {
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  margin-top: 30px;
}
.banner__text--body {
  font: normal normal 400 22px/28px "Noto Serif JP";
  font-family: "Noto Serif JP" !important;
}
.banner__text--body::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.2727) * 0.5em);
  content: "";
}
.banner__text--body::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.2727) * 0.5em);
  content: "";
}
.banner__text--body--head {
  font: normal normal 400 24px/30px "Noto Serif JP";
}
.banner__text--title {
  font: normal normal 600 32px/51px "Noto Serif JP";
  margin: 12px auto 22px;
}
.banner__text--title::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.59375) * 0.5em);
  content: "";
}
.banner__text--title::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.59375) * 0.5em);
  content: "";
}
.banner__text--title--head {
  margin: 35px auto 40px;
  font: normal normal 600 58px/64px "Noto Serif JP";
}
.banner__text--date {
  font: normal normal 700 14px/24px Hiragino Sans;
}
.banner__text--date::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.71428) * 0.5em);
  content: "";
}
.banner__text--date::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.71428) * 0.5em);
  content: "";
}
.banner__text--date--head {
  font: normal normal 700 18px/31px Hiragino Sans;
  height: 48px;
  border-radius: 24px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0 56px;
  background: #FF5002;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  margin: 0 auto;
  white-space: nowrap;
}

.gmap {
  height: 842px;
  position: relative;
}
.gmap .gm-style .gm-style-iw-c {
  max-width: 177px !important;
  padding: 14px 22px 0 14px !important;
}
.gmap .gm-style .gm-style-iw-d a {
  font-size: 14px;
  color: #3A79F4;
  font-weight: 600;
}
.gmap .gm-ui-hover-effect {
  top: 6px !important;
  right: 6px !important;
}
.gmap .gm-style-cc,.gmap .gmnoprint,.gmap .gm-fullscreen-control {
  display: none;
}
.gmap__insert-map {
  height: 842px;
  position: relative;
}
.gmap__over__info {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  width: 100%;
  height: 50px;
  padding: 0 20px;
  position: absolute;
  bottom: 0px;
  z-index: 100;
  left: 0px;
}
.gmap__over__info::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 50px;
  background: #000;
  opacity: 0.4;
  z-index: 99;
  top: 0;
  left: 0;
}
.gmap__over__info__text {
  color: white;
  font-size: 14px;
  font-weight: 400;
}
.gmap__over__info__wrap {
  display: -webkit-box;
  display: flex;
  gap: 30px;
  -webkit-box-align: center;
          align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
  position: relative;
  z-index: 100;
}
.gmap__over__title {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 289px;
  height: 95px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
}
.gmap__over__title__img {
  position: relative;
  z-index: 100;
  width: 228px;
  height: 51px;
}
.gmap__over__title::after {
  content: "";
  position: absolute;
  z-index: 99;
  width: 289px;
  height: 95px;
  background: white;
  opacity: 0.6;
}

.insta__grid {
  background: white;
}
.insta__wrap {
  border-bottom: 1px solid #efefef;
  border-top: 1px solid #efefef;
  position: relative;
}
.insta__wrap .slick-dotted.slick-slider {
  margin-bottom: 0px;
}
.insta__wrap .slick-arrow {
  top: 50% !important;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 30px;
  height: 30px;
}
.insta__wrap .slick-arrow.slick-prev {
  left: 8px;
}
.insta__wrap .slick-arrow.slick-next {
  right: 8px;
}
.insta__wrap .slick-track {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}
.insta__wrap .slick-dots {
  position: absolute;
  bottom: -21px;
  margin: 0px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  gap: 6px;
}
.insta__wrap .slick-dots li {
  width: 6px;
  height: 6px;
}
.insta__wrap .slick-dots button {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
}
.insta__wrap .slick-dots button::before {
  width: 100%;
  height: 100%;
}
.insta__header {
  max-width: calc(100% - 48px);
  padding: 14px 4px 14px 16px;
  position: relative;
}
.insta__header,.insta__header--wrap {
  display: -webkit-box;
  display: flex;
}
.insta__header--wrap {
  border-bottom: 1px solid blackr;
  border-bottom-width: 0.5px;
  background: white;
  -webkit-box-pack: justify;
          justify-content: space-between;
}
.insta__header--menu {
  -webkit-box-pack: center;
          justify-content: center;
  padding-right: 8px;
  display: -webkit-box;
  display: flex;
}
.insta__header--menu__button {
  background: none;
  padding: 8px;
}
.insta__header--menu__button svg {
  width: 24px;
  height: 24px;
}
.insta__header__icon {
  -webkit-box-align: center;
          align-items: center;
  align-self: center;
  width: 32px;
  height: 32px;
  background: gray;
  border-radius: 50%;
}
.insta__header__name--wrap {
  -webkit-box-align: start;
          align-items: flex-start;
  align-self: center;
  display: -webkit-box;
  display: flex;
  overflow: hidden;
  position: relative;
}
.insta__header__name--text {
  color: #00376b;
  font-size: 14px;
}
.insta__body--media {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  min-height: 520px;
}
.insta__body--media li {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}
.insta__body--actions {
  height: 54px;
  display: block;
  width: 100%;
  background: white;
}
.insta__body--bottom {
  background: white;
  padding: 0 0 16px 0;
}
.insta__body--bottom__like {
  font-size: 16px;
  line-height: 18px;
  font-weight: 700;
  padding: 0 16px;
  margin-bottom: 8px;
}
.insta__body--bottom__text {
  font-size: 14px;
  line-height: 18px;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  width: calc(100% - 80px);
}
.insta__body--bottom__text a {
  color: #00376b;
}
.insta__body--bottom__text--date {
  font-size: 10px;
  line-height: 12px;
  color: #8e8e8e;
  margin: 8px 0 0;
  padding: 0 16px;
}
.insta__body--bottom__text--comment {
  font-size: 14px;
  line-height: 18px;
  color: #8e8e8e;
  padding: 0 16px;
  margin-top: 8px;
}
.insta__body--bottom__text--wrap {
  padding: 0 16px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}
.insta__body--bottom__text--wrap::after {
  content: "続きを読む";
  font-size: 14px;
  line-height: 18px;
  color: #8e8e8e;
  cursor: pointer;
}
.insta__body--bottom__text--wrap--open::after {
  content: "";
  display: none;
}
.insta__body--bottom__text--wrap--open .insta__body--bottom__text {
  display: block;
  overflow: unset;
  -webkit-line-clamp: unset;
  -webkit-box-orient: unset;
}

.left-menu__select, .left-menu__select--min {
  width: 100%;
  height: 50px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #fff;
  background-image: url(../images/icon_pulldown.svg);
  background-position: right 10px center;
  background-repeat: no-repeat;
  background-size: 12px auto;
  border: 1px solid #d3d3d3;
  border-radius: 5px;
  padding: 0 14px;
  font-size: 16px;
  font-weight: 400;
}
.left-menu__select__grid {
  display: grid;
  gap: 24px;
  margin: 56px auto 24px;
}
.left-menu__select__wrap {
  display: grid;
  gap: 10px;
}
.left-menu__select__label {
  font-size: 16px;
  line-height: 18px;
  font-weight: 400;
}

.notice__spot__none {
  font: normal normal bold 16px/20px var(--fontFamily);
  color: #D3D3D3;
  text-align: center;
}
.notice__spot__link {
  width: 392px;
  height: 60px;
  background: #FF8A02 0% 0% no-repeat padding-box;
  border-radius: 5px;
  color: white;
  font-size: 16px;
  font-weight: 700;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  background-image: url(../images/Icon-chevron-right.svg);
  background-size: 8px;
  background-repeat: no-repeat;
  background-position: right 16px center;
  margin: 50px auto 0;
  display: none;
}
.notice__spot__wrap {
  padding: 23px 20px;
}
.notice__spot__title {
  font-size: 18px;
  font-weight: 700;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  margin: 0 auto 3px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.notice__spot__title img {
  width: 24px;
  margin-right: 4px;
}
.notice__spot__title--category, .notice__spot__title--ranking {
  font-size: 14px;
  font-weight: 700;
  text-align: center;
}
.notice__spot__grid {
  display: grid !important;
  grid-template-columns: 100%;
  gap: 16px;
  margin: 7px auto 24px;
}
.notice__spot__grid.spot-news {
  margin-top: 0px;
  margin-bottom: 80px;
  gap: 20px;
  min-height: calc(100vh - 796px);
}
.notice__spot__grid--normal {
  grid-template-columns: repeat(4, 1fr);
}
.notice__spot__info {
  padding: 5px 12px 20px;
}
.notice__spot__state {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
          align-items: center;
}
.notice__spot__state__name {
  font-size: 14px;
  font-weight: 700;
  color: #FF5002;
}
.notice__spot__state__date {
  font-size: 12px;
  font-weight: 400;
  color: #9B9B9B;
}
.notice__spot__state__date--modal {
  display: none;
}
.notice__spot__shop-name {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 3px;
}
.notice__spot__shop-body {
  font-size: 15px;
  font-weight: 400;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.notice__spot__content {
  border: 1px solid #D3D3D3;
  border-radius: 5px;
  cursor: pointer;
  -webkit-transition: unset;
  transition: unset;
  display: block;
  background: white;
}
.notice__spot__content:hover {
  opacity: 1 !important;
  background-color: #FCF7E4;
  border: 1px solid #EF8F35;
  outline: 1px solid #EF8F35;
  -webkit-box-shadow: 0px 3px 6px #00000029;
          box-shadow: 0px 3px 6px #00000029;
}
.notice__spot__content__img {
  width: 100%;
  height: 115px;
  border-radius: 5px 5px 0 0;
  -o-object-fit: cover;
     object-fit: cover;
}

.present__sns {
  display: grid;
  -webkit-box-pack: justify;
          justify-content: space-between;
  grid-template-columns: 53% 44.36%;
  margin: 63px auto 22px !important;
}
.present__sns.wrapper {
  width: calc(100% - 50px);
}
.present__sns__wrap {
  width: 100%;
  height: auto;
  border-radius: 10px;
  border: solid 1px #D3D3D3;
  position: relative;
  overflow: hidden;
}
.present__sns__link {
  width: 100%;
  height: 54px;
  background: #0398F9;
  border-radius: 0px 0px 10px 10px;
  color: white;
  font-size: 16px;
  font-weight: 700;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  position: absolute;
  bottom: 0px;
  left: 0px;
}
.present__sns__title {
  font-size: 24px;
  font-weight: 700;
  line-height: 24px;
  color: #0398F9;
}
.present__sns__head {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
          align-items: flex-end;
  padding: 27px 12px 12px;
  background: white;
}
.present__sns__insert {
  width: 100%;
  height: 221px;
  overflow-y: scroll;
  display: block;
}
.present__sns__img-wrap {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
  gap: 14px;
}
.present__sns__img-twi, .present__sns__img-fac {
  width: 32px;
  height: 32px;
}
.present__reporter {
  padding: 84px 0 0;
}
.present__reporter__title {
  font-size: 28px;
  font-weight: 700;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}
.present__reporter__title--cate {
  font-size: 20px;
  margin-left: 30px;
  font-weight: 700;
}
.present__reporter__title img {
  margin-right: 5px;
  width: 36px;
}
.present__reporter__slider, .present__reporter__slider--ranking {
  width: 100%;
  max-width: 1100px;
}
.present__reporter__slider .slick-slide, .present__reporter__slider--ranking .slick-slide {
  width: 257px;
  margin: 12px 10px 0;
}
.present__reporter__slider .slick-slide:nth-child(4n), .present__reporter__slider--ranking .slick-slide:nth-child(4n) {
  margin: 12px 10px 0;
}
.present__reporter__slider .slick-slide .notice__spot__content, .present__reporter__slider--ranking .slick-slide .notice__spot__content {
  height: 352px;
}
.present__reporter__slider--ranking {
  display: none;
  grid-template-columns: 23.363% 23.363% 23.363% 23.363%;
  gap: 32px 24px;
  margin: -20px auto;
  overflow-y: clip;
  padding: 20px 0 0;
  opacity: 0;
}
.present__reporter__slider--ranking--active {
  display: grid;
  opacity: 1;
}
.present__reporter__status {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: justify;
          justify-content: space-between;
}
.present__reporter__status__wrap {
  display: grid;
  gap: 8px;
}
.present__reporter__status__name {
  font-size: 14px;
  font-weight: 400;
}
.present__reporter__status__value {
  font-size: 14px;
  font-weight: 700;
}
.present__reporter__content {
  padding: 28px 16px 29px;
  position: relative;
}
.present__reporter__content[data-ranking="1"]::after {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  color: white;
  font-size: 22px;
  font-weight: 700;
  border-radius: 23.5px;
  position: absolute;
  left: -18px;
  background: none;
  top: -21px;
  width: 54px;
  height: 53px;
  content: "";
  background-image: url(../images/rank_1.svg);
}
.present__reporter__content[data-ranking="2"]::after {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  color: white;
  font-size: 22px;
  font-weight: 700;
  border-radius: 23.5px;
  position: absolute;
  left: -18px;
  background: none;
  top: -21px;
  width: 54px;
  height: 53px;
  content: "";
  background-image: url(../images/rank_2.svg);
}
.present__reporter__content[data-ranking="3"]::after {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  color: white;
  font-size: 22px;
  font-weight: 700;
  border-radius: 23.5px;
  position: absolute;
  left: -18px;
  background: none;
  top: -21px;
  width: 54px;
  height: 53px;
  content: "";
  background-image: url(../images/rank_3.svg);
}
.present__reporter__content[data-ranking="4"]::after {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  color: white;
  font-size: 22px;
  font-weight: 700;
  border-radius: 23.5px;
  position: absolute;
  left: -18px;
  background: none;
  top: -21px;
  width: 54px;
  height: 53px;
  content: "";
  background-image: url(../images/rank_4.svg);
}
.present__reporter__content[data-ranking="5"]::after {
  content: "5";
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  color: white;
  font-size: 22px;
  font-weight: 700;
  width: 47px;
  height: 47px;
  border-radius: 23.5px;
  background: #000;
  position: absolute;
  top: -14px;
  left: -18px;
}
.present__reporter__content[data-ranking="6"]::after {
  content: "6";
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  color: white;
  font-size: 22px;
  font-weight: 700;
  width: 47px;
  height: 47px;
  border-radius: 23.5px;
  background: #000;
  position: absolute;
  top: -14px;
  left: -18px;
}
.present__reporter__content[data-ranking="7"]::after {
  content: "7";
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  color: white;
  font-size: 22px;
  font-weight: 700;
  width: 47px;
  height: 47px;
  border-radius: 23.5px;
  background: #000;
  position: absolute;
  top: -14px;
  left: -18px;
}
.present__reporter__content[data-ranking="8"]::after {
  content: "8";
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  color: white;
  font-size: 22px;
  font-weight: 700;
  width: 47px;
  height: 47px;
  border-radius: 23.5px;
  background: #000;
  position: absolute;
  top: -14px;
  left: -18px;
}
.present__reporter__content[data-ranking="9"]::after {
  content: "9";
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  color: white;
  font-size: 22px;
  font-weight: 700;
  width: 47px;
  height: 47px;
  border-radius: 23.5px;
  background: #000;
  position: absolute;
  top: -14px;
  left: -18px;
}
.present__reporter__content[data-ranking="10"]::after {
  content: "10";
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  color: white;
  font-size: 22px;
  font-weight: 700;
  width: 47px;
  height: 47px;
  border-radius: 23.5px;
  background: #000;
  position: absolute;
  top: -14px;
  left: -18px;
}
.present__reporter__content__name {
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  margin-top: 6px;
}
.present__reporter__content__state {
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  color: #727272;
  margin-top: 2px;
}
.present__reporter__profile {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}
.present__reporter__profile__img {
  margin: 0 auto;
  width: 72px;
  height: 72px;
}
.present__reporter__profile__score {
  position: absolute;
  top: -9px;
  right: -30px;
  width: 48px;
  height: 48px;
}

.ranking__body {
  padding: 0 0 70px;
  min-height: 1560px;
}
.ranking__section {
  padding: 60px 0 17px !important;
}
.ranking__wrap {
  max-width: 1100px;
  margin: 0 auto;
  width: 89.333%;
}
.ranking__circle {
  padding: 0 30px;
  height: 47px;
  background: #FF5002;
  border-radius: 23.5px;
  color: white;
  font-size: 20px;
  font-weight: 700;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  margin: 45px auto 20px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.ranking__sub-title {
  font-size: 20px;
  font-weight: 700;
  text-align: center;
}
.ranking__sub-title span {
  color: #FF5002;
}
.ranking__tab, .ranking__tab--inactive, .ranking__tab--total {
  width: 100%;
  height: 89px;
  border-radius: 5px;
  background: #f5f5f5;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  position: relative;
  cursor: pointer;
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease;
}
.ranking__tab__img {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 25px;
}
.ranking__tab__img[data-type=ranking] {
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  margin-left: -185px;
}
.ranking__tab--total {
  grid-column: 1/3;
}
.ranking__tab--active {
  background: #FFC402;
}
.ranking__tab--inactive {
  background: #DEDEDE;
  cursor: unset;
}
.ranking__tab--inactive .ranking__tab__title, .ranking__tab--inactive .ranking__tab__body {
  color: #9B9B9B;
}
.ranking__tab__wrap {
  margin-top: 45px;
  display: grid;
  grid-template-columns: 49.45% 49.45%;
  gap: 12px;
  margin: 45px auto 78px;
}
.ranking__tab__title {
  font-size: 18px;
  font-weight: 700;
}
.ranking__tab__body {
  font-size: 14px;
  font-weight: 700;
  margin-top: 3px;
}

.spot__wrap--about {
  padding: 100px 0 82px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: justify;
          justify-content: space-between;
  gap: 20px;
}
.spot__wrap--about__media {
  width: 327px;
  height: 460px;
  display: block;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url(../images/spot/about-char.png);
}
.spot__wrap--news {
  padding: 76px 0 84px;
  background-image: url(../images/bg01.png);
  background-size: cover;
}
.spot__wrap--news__content {
  margin: 42px auto 0;
}
.spot__wrap--ranking {
  padding: 100px 0 0px;
  background-image: url(../images/about_sky_pc.jpg);
  background-size: contain;
  background-position: top;
  background-repeat: repeat-x;
}
.spot__wrap--ranking__content {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding: 76px 0 84px;
  background: white;
}
.spot__wrap--ranking__inner {
  margin: 52px auto 0px;
}
.spot__wrap--ranking .present__reporter {
  padding: 0px;
}
.spot__wrap--ranking .present__tour__wrap {
  margin: 30px auto 24px;
}
.spot__wrap--ranking .present__tour__wrap--ranking {
  margin: 30px auto 24px;
}
.spot__wrap--ranking .present__reporter__title {
  -webkit-box-pack: center;
          justify-content: center;
  font-size: 24px;
}
.spot__wrap--ranking .present__reporter__title--cate,.spot__wrap--ranking .present__reporter__title img {
  display: none;
}
.spot__wrap--group {
  margin-bottom: 100px;
}
.spot__wrap--spot {
  padding: 76px 0 84px;
  background: #FAFAFA;
}
.spot__wrap--spot--white {
  background: white;
}
.spot__wrap--spot__content {
  margin: 42px auto 24px;
}
.spot__wrap--spot__content--single {
  margin-bottom: 44px;
}
.spot__wrap--spot__content__title {
  font-size: 24px;
  line-height: 25px;
  margin-bottom: 33px;
  font-weight: 600;
}
.spot__wrap--banner {
  padding: 56px 0 64px;
  background-image: url(../images/bg01.png);
  background-size: cover;
  margin: 26px auto 160px;
  position: relative;
}
.spot__wrap--banner__char1 {
  position: absolute;
  top: -64px;
  left: 16px;
  height: 448px;
}
.spot__wrap--banner__char2 {
  position: absolute;
  top: -72px;
  right: 12px;
  width: 292px;
  height: 459px;
}
.spot__wrap__icon {
  width: 36px;
  height: 36px;
  display: block;
  margin: 0 auto 8px;
}
.spot__title, .spot__title--center {
  font-size: 34px;
  font-weight: 700;
  line-height: 48px;
}
.spot__title::before, .spot__title--center::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.4) * 0.5em);
  content: "";
}
.spot__title::after, .spot__title--center::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.4) * 0.5em);
  content: "";
}
.spot__title span, .spot__title--center span {
  color: #FF5002;
}
.spot__title--center {
  text-align: center;
}
.spot__title--news {
  font-size: 32px;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
}
.spot__title--news::before {
  margin-top: calc((1 - 1.5) * 0.5em);
}
.spot__title--news::before,.spot__title--news::after {
  display: block;
  width: 0;
  height: 0;
  content: "";
}
.spot__title--news::after {
  margin-bottom: calc((1 - 1.5) * 0.5em);
}
.spot__text {
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
}
.spot__text::before {
  margin-top: calc((1 - 1.7) * 0.5em);
}
.spot__text::before,.spot__text::after {
  display: block;
  width: 0;
  height: 0;
  content: "";
}
.spot__text::after {
  margin-bottom: calc((1 - 1.7) * 0.5em);
}
.spot__text--normal, .spot__text--normal--sp {
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  text-align: center;
}
.spot__text--normal::before, .spot__text--normal--sp::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.87) * 0.5em);
  content: "";
}
.spot__text--normal::after, .spot__text--normal--sp::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.87) * 0.5em);
  content: "";
}
.spot__text__grid, .spot__text__grid--min {
  display: grid;
  gap: 28px;
}
.spot__text__svg {
  margin: 0 auto;
}
.spot__text__cate {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
  margin: 20px auto 32px;
}
.spot__text__cate::before {
  margin-top: calc((1 - 1.5) * 0.5em);
}
.spot__text__cate::before,.spot__text__cate::after {
  display: block;
  width: 0;
  height: 0;
  content: "";
}
.spot__text__cate::after {
  margin-bottom: calc((1 - 1.5) * 0.5em);
}

.twitter__wrap {
  background: white;
  padding: 12px;
  width: 100%;
}
.twitter__img {
  display: block;
  height: 100%;
  max-height: 510px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.twitter__img__wrap {
  max-height: 510px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 10px;
  overflow: hidden;
  margin: 10px 0;
}
.twitter__img__wrap,.twitter__img__wrap--mlt {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.twitter__img__wrap--mlt {
  display: grid;
  grid-template-columns: repeat(2, 50%);
  width: 100%;
  gap: 2px;
}
.twitter__img__wrap--mlt img {
  max-height: unset;
  height: 140px;
  width: 100%;
}
.twitter__img__wrap--mlt a {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.twitter__img__wrap--mlt a:nth-last-child(1) {
  grid-column: 1/3;
}
.twitter__img__wrap--mlt a:nth-child(2),.twitter__img__wrap--mlt a:nth-child(4) {
  grid-column: 2/3;
}
.twitter__head {
  display: grid;
  grid-template-columns: 48px auto;
  gap: 12px;
}
.twitter__profile-image {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 24px;
}
.twitter__screen-name {
  font-size: 15px;
  font-weight: 700;
}
.twitter__id {
  font-size: 15px;
  color: #536471;
}
.twitter__text {
  margin-top: 12px;
  font-size: 18px;
  overflow-wrap: break-word;
  min-width: 0px;
}
.twitter__text a {
  color: #1d9bf0;
}
.twitter__text a:hover {
  text-decoration: underline;
}
.twitter__created-at {
  font-size: 15px;
  color: #536471;
  margin: 16px 0;
}
.twitter__bottom {
  border-top: 1px solid #eff3f4;
  border-bottom: 1px solid #eff3f4;
  display: -webkit-box;
  display: flex;
  padding: 16px 0;
}
.twitter__bottom p {
  margin-right: 20px;
  font-size: 15px;
  font-weight: 700;
}
.twitter__bottom p span {
  font-weight: 400;
  color: #536471;
}
@media screen and (max-width: 1400px){
  main section.s03 .wrapper .s03_2 {
    padding: 36px 25px;
    padding-top: 172px;
    margin-top: 60px;
    margin-bottom: 34px;
  }
  main section.s03 .wrapper .s03_2 .s03_2__inner {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    text-align: center;
    margin: 0 auto;
  }
  main section.s03 .wrapper .s03_2 .s03_2-img-wrap {
    width: 180px;
    position: absolute;
    top: -22px;
    right: 50%;
    -webkit-transform: translateX(50%);
            transform: translateX(50%);
  }
  main section.s03 .wrapper .s03_2 .s03_2-img {
    width: 178px;
    right: unset;
    left: 50%;
    top: -33px;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    margin-left: 25px;
  }
  main section.s03 .wrapper .s03_2 .s03_2-img_mark {
    width: 96px;
    height: 96px;
    top: 8px;
    right: 24px;
  }
  main section.s03 .wrapper .s03_2 .s03_2__inner .s03-read {
    font-size: 18px;
    margin-bottom: 20px;
  }
  main section.s03 .wrapper .s03_2 .s03_2__inner .s03-txt {
    text-align: justify;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
  }
  main section.s03 .wrapper .s03_2 .s03_2__inner .btn {
    padding: 16px 72px;
    border-radius: 34px;
    text-decoration: none;
  }
}
@media screen and (max-width: 1000px){
  .sp {
    display: block;
  }

  .pc {
    display: none;
  }

  p {
    font-size: 15px;
  }

  .header_sp-icon {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
            justify-content: space-between;
  }
  .header_sp-icon span {
    cursor: pointer;
    align-self: center;
    position: relative;
    top: -5px;
  }
  .header_sp-icon span img {
    margin-left: 14px;
  }

  .header_sp {
    background-color: #fff;
    height: 55px;
  }

  .header_sp__inner {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
            align-items: flex-start;
    padding-left: 10px;
    height: 55px;
  }

  main section .wrapper {
    margin: 0 auto;
  }
  main section.s03 .wrapper {
    width: calc(100% - 50px);
  }
  main section.s01 .wrapper {
    width: 100%;
    height: auto;
    z-index: 1;
  }
  main section.s01 .wrapper .sliderbox {
    width: 100%;
    margin: 0 auto;
    position: relative;
  }
  main section.s01 .wrapper .sliderbox .top__mv-slider {
    width: 100% !important;
    margin: 0 auto;
  }
  main section.s01 .wrapper .sliderbox .top__mv-slider .top__mv-slide1 {
    background-image: url("../images/bg1-sp.jpg");
  }
  main section.s01 .wrapper .sliderbox .top__mv-slider .top__mv-slide2 {
    background-image: url("../images/bg2-sp.jpg");
  }
  main section.s01 .wrapper .sliderbox .top__mv-slider .top__mv-slide3 {
    background-image: url("../images/bg3-sp.jpg");
  }
  main section.s01 .wrapper .sliderbox .top__mv-slider .top__mv-slide4 {
    background-image: url("../images/bg4-sp.jpg");
  }
  main section.s01 .wrapper .sliderbox .top__mv-slider .top__mv-slide5 {
    background-image: url("../images/bg5-sp.jpg");
  }
  main section.s01 .wrapper .sliderbox .top__mv-slider .top__mv-slide6 {
    background-image: url("../images/bg6-sp.jpg");
  }
  main section.s01 .wrapper .sliderbox .top__mv-slider .top__mv-slide7 {
    background-image: url("../images/bg7-sp.jpg");
  }
  main section.s01 .wrapper .sliderbox .top__mv-slider .slide_li {
    height: 523px;
    background-size: cover;
    background-position: center center;
    padding-top: 16px;
  }
  main section.s01 .wrapper .sliderbox .top__mv-slider .slide_li .slide_inner {
    width: 100%;
    margin: 0 auto;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-flow: column;
    gap: 20px;
  }
  main section.s01 .wrapper .sliderbox .top__mv-slider .slide_li .slide_inner .infobox {
    background-color: #fff;
    border-radius: 5px;
    height: auto;
    /*  </update>  */
    width: calc(100% - 40px);
    padding: 12px;
  }
  main section.s01 .wrapper .sliderbox .top__mv-slider .slide_li .slide_inner .infobox::after {
    content: "";
    border-left: 51px solid #fff;
    border-right: 51px solid transparent;
    border-top: 36px solid transparent;
    border-bottom: 36px solid transparent;
    position: absolute;
    z-index: -1;
    top: 95%;
    right: 50%;
    -webkit-transform: translateX(50%) rotate(90deg);
            transform: translateX(50%) rotate(90deg);
  }
  main section.s01 .wrapper .sliderbox .top__mv-slider .slide_li .slide_inner .infobox .infobox__ttl {
    font-size: 16px;
    margin-bottom: 6px;
    font-weight: bold;
  }
  main section.s01 .wrapper .sliderbox .top__mv-slider .slide_li .slide_inner .infobox .infobox__uwasa {
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 10px;
  }
  main section.s01 .wrapper .sliderbox .top__mv-slider .slide_li .slide_inner .infobox .infobox__uwasa img {
    margin-right: 6px;
    width: 16px;
  }
  main section.s01 .wrapper .sliderbox .top__mv-slider .slide_li .slide_inner .infobox .infobox__uwasa span {
    font-size: 12px;
  }
  main section.s01 .wrapper .sliderbox .top__mv-slider .slide_li .slide_inner .infobox .photo {
    height: 180px;
    margin-bottom: 10px;
    border-radius: 5px;
    background-color: #d5d5d5;
  }
  main section.s01 .wrapper .sliderbox .top__mv-slider .slide_li .slide_inner .infobox .photo .num {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    text-align: end;
    min-width: unset;
    padding-left: 20px;
    /*  </0927 update>  */
    background-color: #ff5002;
    font-size: 10px;
    color: #fff;
    font-weight: bold;
    position: absolute;
    border-radius: 15px;
    top: 7px;
    right: 5px;
    -webkit-transition: 0.4s;
    transition: 0.4s;
  }
  main section.s01 .wrapper .sliderbox .top__mv-slider .slide_li .slide_inner .infobox .photo .num img {
    width: 11px;
    position: absolute;
    top: 3px;
    left: 5px;
    display: block;
    -webkit-transition: 0.4s;
    transition: 0.4s;
  }
  main section.s01 .wrapper .sliderbox .top__mv-slider .slide_li .slide_inner .infobox .photo .num img.iine01 {
    opacity: 1;
  }
  main section.s01 .wrapper .sliderbox .top__mv-slider .slide_li .slide_inner .infobox .photo .num img.iine02 {
    opacity: 0;
  }

  main section.s01 .wrapper .sliderbox .top__mv-slider .slide_li .slide_inner .infobox .photo .num:hover,.list01 li .photo .num.taped {
    background-color: #fff;
    color: #ff5002;
    opacity: 1;
    cursor: pointer;
  }

  main section.s01 .wrapper .sliderbox .top__mv-slider .slide_li .slide_inner .infobox .photo .num:hover img.iine01,
.list01 li .photo .num.taped img.iine01 {
    opacity: 0;
  }

  .main section.s01 .wrapper .sliderbox .top__mv-slider .slide_li .slide_inner .infobox .photo .num:hover img.iine02,
.list01 li .photo .num.taped img.iine02 {
    opacity: 1;
  }

  main section.s01 .wrapper .sliderbox .top__mv-slider .slide_li .slide_inner .infobox button {
    width: 120px;
    height: 30px;
    border-radius: 5px;
    font-size: 14px;
  }
  main section.s01 .wrapper .sliderbox .top__mv-slider .slide_li .slide_inner .illust {
    height: auto;
  }

  .search-bg_sp {
    background-color: rgba(0, 0, 0, 0.56);
    position: absolute;
    top: 60px;
    left: 0px;
    width: 100%;
    height: 9000px;
    z-index: 1;
    display: none;
  }

  .show {
    display: block !important;
  }

  /* main section.s02 .wrapper {
      width: 100%;
      margin: 0;
      position: relative;
    }
    main section.s02 .wrapper .pagemenu {
      display: flex;
      justify-content: space-between;
      border-width: 4px;
  }
  main section.s02 .wrapper .pagemenu a {
    display: flex;
    border-radius: 0;
    height: auto;
    padding: 6px 12px;
    line-height: 15px;
    font-size: 12px;
    margin-right: 0;
    width: 32%;
  }

  main section.s02 .wrapper .pagemenu a img {
    margin-right: 7px;
  }

  main section.s02 .wrapper .pagemenu a:hover, main section.s02 .wrapper .pagemenu a.current {
    background-color: #FFC402;
    opacity: 1;
  }

  main section.s02 .wrapper .pagesearch {
    padding: 15px;
    margin-bottom: 0;
  }

  main section.s02 .wrapper .pagesearch input,
  main section.s02 .wrapper .pagesearch select,
  main section.s02 .wrapper .pagesearch button {
    height: 40px;
    border-radius: 5px;
    font-size: 15px;
    display: block;
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
  }
  main section.s02 .wrapper .pagesearch .search-tab__content input,
  main section.s02 .wrapper .pagesearch .search-tab__content select {
    width: 100%!important;
  }
  main section.s02 .wrapper .pagesearch .search-tab__content2 img {
    top: 8px;
    transform: translateY(0);
  }

  main section.s02 .wrapper .pagesearch .pagesearch-btn {
    width: 100px;
    color: #fff;
    margin: 0 auto;
    margin-top: 20px;
  }
  main section.s02 .wrapper .pagesearch form.current {
    display: block;
  } */
  .body-fixed {
    height: 100vh;
    min-height: 600px;
    overflow: hidden;
  }

  main .pagesearch-result {
    padding: 40px 0;
    padding-top: 18px;
    margin-bottom: 0;
  }
  main .pagesearch-result .wrapper {
    margin: 0 auto;
  }
  main .pagesearch-result .wrapper .pagesearch-result__ttl {
    padding: 15px;
    padding-bottom: 12px;
    font-size: 20px;
    margin-bottom: 25px;
  }
  main .pagesearch-result .wrapper .pagesearch-result__ttl .pagesearch-result__img {
    width: 104px;
    bottom: 0;
    right: 10px;
  }
  main .pagesearch-result .wrapper .btn-more {
    font-size: 14px;
    width: 140px;
    height: 36px;
    margin-top: 24px;
  }
  main section.s03 .wrapper .s03-read {
    font-size: 22px;
  }
  main section.s03 .wrapper .s03_1 {
    margin-top: 47px;
  }
  main section.s03 .wrapper .s03_1 .s03-read {
    margin-bottom: 43px;
    width: 172px;
  }
  main section.s03 .wrapper .s03_1 .s03_1-img-wrap {
    width: 149px;
    height: auto;
    position: absolute;
    top: 0;
    right: unset;
    left: 186px;
  }
  main section.s03 .wrapper .snsbtn-wrapper {
    text-align: center;
    margin: 34px 0;
    margin-bottom: 50px;
    display: block;
  }
  main section.s03 .wrapper .snsbtn-wrapper p {
    padding-right: 0;
    font-size: 20px;
    margin-bottom: 15px;
  }
  main section.s03 .wrapper .snsbtn-wrapper span {
    margin: 0 2px;
  }
  main section.s03 .wrapper .snsbtn-wrapper span img {
    width: 40px;
  }
  main section.s04 {
    background-image: url(../images/bg01.png);
    background-size: cover;
    padding: 28px 0;
    padding-bottom: 10px;
  }
  main section.s04 .s04__ttl,main section.s05 .s05__ttl {
    font-size: 20px;
    font-weight: bold;
  }
  main section.s04 .s04__ttl span img {
    width: 26px;
    margin-right: 9px;
  }
  main section.s05 {
    background-color: #f5f5f5;
    padding: 36px 0 70px;
  }
  main section.s05 .s05__ttl span img {
    width: 26px;
    margin-right: 9px;
  }
  main section.s05 .s05_bg {
    height: 64px;
    margin-bottom: 26px;
  }

  .list01 {
    margin-top: 10px;
    margin-bottom: 0 !important;
  }
  .list01 li {
    width: calc(50% - 5px);
    float: left;
    margin-right: 10px !important;
    border-radius: 10px;
    margin-bottom: 10px;
  }
  .list01 li:nth-child(even) {
    float: right;
    margin-right: 0 !important;
  }

  .ranking_slider li {
    margin: 0 !important;
    border-radius: 10px;
    overflow: hidden;
  }
  .ranking_slider li:nth-child(even) {
    float: left;
    margin: 0 !important;
  }

  .list01 li .photo {
    width: 100%;
    height: 120px;
    background-size: cover;
    background-position: center center;
    position: relative;
  }

  .ranking_slider li .photo {
    height: 170px;
  }

  .list01 li .photo .num {
    display: inline-block;
    height: 20px;
    line-height: 20px;
    min-width: unset;
    padding-left: 20px;
    /*  </0927 update>  */
    background-color: #ff5002;
    font-size: 10px;
    color: #fff;
    font-weight: bold;
    position: absolute;
    border-radius: 15px;
    top: 7px;
    right: 5px;
    -webkit-transition: 0.4s;
    transition: 0.4s;
  }

  .list01 li .photo .num,.ranking_slider li .photo .num {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    text-align: end;
  }

  .ranking_slider li .photo .num {
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    top: 11px;
    right: 10px;
    padding-left: 31px;
    /*  </0927 update>  */
  }

  .list01 li .photo .num img {
    width: 11px;
    position: absolute;
    top: 3px;
    left: 5px;
    display: block;
    -webkit-transition: 0.4s;
    transition: 0.4s;
  }

  .ranking_slider li .photo .num img {
    width: 16px;
    position: absolute;
    top: 6px;
    left: 11px;
  }

  .list01 li .photo .num img.iine01 {
    opacity: 1;
  }
  .list01 li .photo .num img.iine02 {
    opacity: 0;
  }
  .list01 li .photo .num:hover, .list01 li .photo .num.taped {
    background-color: #fff;
    color: #ff5002;
    opacity: 1;
    cursor: pointer;
  }
  .list01 li .photo .num:hover img.iine01, .list01 li .photo .num.taped img.iine01 {
    opacity: 0;
  }
  .list01 li .photo .num:hover img.iine02, .list01 li .photo .num.taped img.iine02 {
    opacity: 1;
  }
  .list01 li .txtbox {
    background-color: #fff;
    padding: 10px;
  }

  .ranking_slider li .txtbox {
    background-color: #fff;
    padding: 20px 16px;
  }

  .list01 li .txtbox .t02 {
    font-size: 9px;
    color: #9b9b9b;
  }
  .list01 li .txtbox .t03 {
    font-size: 11px;
  }

  .ranking_slider li .txtbox .t03 {
    font-size: 14px;
  }

  .list01 li .txtbox .t04 {
    font-size: 12px;
    line-height: 18px;
    height: 36px;
    overflow: hidden;
    font-weight: bold;
    margin-top: 3px;
  }

  .ranking_slider li .txtbox .t04 {
    font-size: 15px;
    line-height: 22px;
    height: 44px;
    font-weight: bold;
  }

  .list01 li .txtbox .t05 {
    color: #ff5002;
    margin-top: 5px;
  }
  .list01 li .txtbox .t05,.list01 li .txtbox .t06 {
    font-size: 14px;
    font-weight: bold;
    line-height: 15px;
  }
  .list01 li .txtbox .t06 {
    height: 15px;
    margin-top: 3px;
  }

  .ranking_slider li .txtbox .t05 {
    font-size: 14px;
    line-height: 19px;
    margin-top: 5px;
  }
  .ranking_slider li .txtbox .t06 {
    font-size: 18px;
    line-height: 24px;
    height: 24px;
    margin-top: 5px;
  }

  .list01 li .txtbox .t05 img {
    width: 15px;
    vertical-align: top;
    margin-right: 3px;
  }

  .ranking_slider li .txtbox .t05 img {
    width: 18px;
  }

  .list01 li .photo .rank {
    top: 8px;
    left: 8px;
  }

  .ranking_slider li .uwasa p {
    font-size: 14px;
  }
  .ranking_slider .slick-dots {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
            justify-content: center;
  }

  footer {
    padding-bottom: 110px;
  }

  .t_uwasa {
    font-size: 16px;
    margin-bottom: 25px;
  }

  .ranking_slider .slick-dots li {
    width: 11px;
    margin: 0 !important;
    float: none !important;
  }
  .ranking_slider .slick-prev,
.ranking_slider .slick-next {
    display: none !important;
  }

  .br_sp {
    display: block;
  }

  main .s01 .search-map {
    height: 250px !important;
    margin-bottom: 15px;
  }
  .modal_bg .item02 {
    width: 335px;
    border-radius: 10px;
    background-color: #fff;
    margin: 0 auto;
    position: absolute;
    top: 40px;
    right: 0;
    left: 0;
    margin-top: 0;
    z-index: 100000;
    padding: 15px;
  }
  .modal_bg .item02 .photo {
    width: 100%;
    display: block;
    border-radius: 10px;
  }
  .modal_bg .item02 .t09 {
    font-size: 14px;
    line-height: 140%;
    margin-top: 15px;
  }
  .modal_bg .item02 .more {
    margin-top: 15px;
  }
  .modal_bg .item02 .more a {
    color: #ff5002;
    font-weight: bold;
    text-decoration: none;
    font-size: 14px;
  }
  .modal_bg .icon_google_item_detail_close {
    display: block;
    position: absolute;
    top: -20px;
    right: -10px;
    width: 15px;
  }
  .modal_bg .icon_google_item_detail_close:hover {
    opacity: 0.6;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    cursor: pointer;
  }
}
@media (max-width: 1000px){
  .pc {
    display: none !important;
  }
  main section.s01 .wrapper .sliderbox .top__mv-slider {
    height: 523px;
  }
  main section.s01 .wrapper .sliderbox .top__mv-slider .slide_li {
    margin-bottom: 0px;
  }
  main section.s01 .wrapper {
    padding: 0 !important;
  }
  main section.s01 .wrapper .sliderbox .top__mv-slider .slide_li .slide_inner {
    height: 523px;
  }
  main section.s01 .wrapper .sliderbox .top__mv-slider .slide_li .slide_inner .illust {
    height: 32.5%;
  }
  main section.s03 .wrapper .s03_1 .s03-body {
    font-size: 15px;
    line-height: 24px;
  }
  main section.s03 {
    margin-top: -1px;
  }
  .sp .snsbtn-wrapper--right {
    margin-bottom: 82px;
  }
  .slick-dots {
    margin: 15px auto 0px;
  }
  .slick-dots li button:before {
    width: 11px;
    height: 11px;
  }
  .banner__wrap {
    height: 200px;
  }
  .banner__link {
    height: 37px;
    font-size: 14px;
  }
  .banner__link::after {
    width: 5px;
    height: 9px;
  }
  .banner__text--head {
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    margin-top: 0;
    top: 143px;
  }
  .banner__text--body {
    font: normal normal normal 11px/18px "Noto Serif JP";
  }
  .banner__text--body::before {
    margin-top: calc((1 - 1.6363) * 0.5em);
  }
  .banner__text--body::before,.banner__text--body::after {
    display: block;
    width: 0;
    height: 0;
    content: "";
  }
  .banner__text--body::after {
    margin-bottom: calc((1 - 1.6363) * 0.5em);
  }
  .banner__text--body--head {
    font-size: 20px;
    line-height: 24px;
  }
  .banner__text--title {
    font: normal normal 600 17px/27px "Noto Serif JP";
    margin: 12px auto 14px;
  }
  .banner__text--title::before {
    margin-top: calc((1 - 1.5882) * 0.5em);
  }
  .banner__text--title::before,.banner__text--title::after {
    display: block;
    width: 0;
    height: 0;
    content: "";
  }
  .banner__text--title::after {
    margin-bottom: calc((1 - 1.5882) * 0.5em);
  }
  .banner__text--title--head {
    font: normal normal 600 28px/40px "Noto Serif JP";
    margin: 14px auto 23px;
    width: 100%;
    max-width: calc(100% - 20px);
  }
  .banner__text--date {
    font: normal normal 700 12px/14px Hiragino Sans;
    white-space: nowrap;
  }
  .banner__text--date--head {
    height: 34px;
    font-size: 14px;
    line-height: 23.99992px;
    border-radius: 17px;
    padding: 0 45px;
    max-width: 90vw;
  }
  .gmap {
    height: 363px;
  }
  .gmap__insert-map {
    height: 363px;
  }
  .gmap__over__info {
    height: 29px;
  }
  .gmap__over__info::after {
    height: 29px;
  }
  .gmap__over__info__text {
    font-size: 10px;
  }
  .gmap__over__info__wrap {
    gap: 20px;
  }
  .gmap__over__title {
    width: 158px;
    height: 52px;
  }
  .gmap__over__title__img {
    width: 121px;
    height: 28px;
  }
  .gmap__over__title::after {
    width: 158px;
    height: 52px;
  }
  .left-menu__select--min {
    height: 40px;
  }
  .left-menu__select__grid {
    margin: 0 auto;
    width: 100%;
  }
  .notice__spot__none {
    text-align: left;
  }
  .notice__spot__link {
    width: 100%;
    margin: 20px auto 0;
  }
  .notice__spot__wrap {
    padding: 32px 20px 40px;
  }
  .notice__spot__title {
    margin: 0 0 0;
    font-size: 20px;
  }
  .notice__spot__title--category, .notice__spot__title--ranking {
    text-align: left;
    margin-left: 28px;
    margin-top: 5px;
  }
  .notice__spot__title--ranking {
    margin-left: 37px;
  }
  .notice__spot__grid {
    margin: 18px auto 30px;
  }
  .notice__spot__grid.spot-news {
    margin-bottom: 64px;
    gap: 16px;
    min-height: calc(100vh - 818px);
  }
  .present__sns {
    grid-template-columns: 100%;
    gap: 20px;
    margin: 24px auto 0px !important;
  }
  .present__sns__wrap {
    height: 498px;
  }
  .present__sns__link {
    height: 37px;
    font-size: 14px;
  }
  .present__sns__title {
    font-size: 16px;
    line-height: 16px;
  }
  .present__sns__head {
    padding: 19px 13px 13px;
  }
  .present__sns__insert {
    height: calc(498% - 91px);
  }
  .present__sns__img-wrap {
    gap: 10px;
  }
  .present__sns__img-twi, .present__sns__img-fac {
    width: 22px;
    height: 22px;
  }
  .present__reporter {
    padding: 43px 0 0;
  }
  .present__reporter__title {
    font-size: 20px;
  }
  .present__reporter__title img {
    width: 25px;
    margin-right: 9px;
  }
  .present__reporter__slider, .present__reporter__slider--ranking {
    margin-top: 24px;
  }
  .present__reporter__slider--ranking {
    grid-template-columns: 100%;
    width: 89.333%;
    gap: 16px;
  }
  .present__reporter__slider--ranking .present__reporter__content {
    padding: 24px 16px;
  }
  .present__reporter__slider--ranking .present__reporter__profile {
    float: left;
    margin-right: 20px;
  }
  .present__reporter__slider--ranking .present__reporter__content__name {
    text-align: left;
    margin: 0px;
    line-height: 18px;
  }
  .present__reporter__slider--ranking .present__reporter__content__state {
    font-size: 12px;
    margin: 4px 0 9px;
    text-align: left;
  }
  .present__reporter__slider--ranking .present__reporter__profile__score {
    width: 38px;
    height: 38px;
    right: -15px;
    top: -5px;
  }
  .present__reporter__slider--ranking .present__reporter__status__wrap {
    clear: both;
    margin-top: 16px;
  }
  .present__reporter__slider--ranking .link__border-radius--yellow {
    margin: 0;
    width: 138px;
    font-size: 12px;
    height: 28px;
  }
  .present__reporter__content[data-ranking="1"]::after {
    width: 38px;
    height: 38px;
    top: 8px;
    right: 8px;
    left: unset;
    font-size: 18px;
  }
  .present__reporter__content[data-ranking="2"]::after {
    width: 38px;
    height: 38px;
    top: 8px;
    right: 8px;
    left: unset;
    font-size: 18px;
  }
  .present__reporter__content[data-ranking="3"]::after {
    width: 38px;
    height: 38px;
    top: 8px;
    right: 8px;
    left: unset;
    font-size: 18px;
  }
  .present__reporter__content[data-ranking="4"]::after {
    width: 38px;
    height: 38px;
    top: 8px;
    right: 8px;
    left: unset;
    font-size: 18px;
  }
  .present__reporter__content[data-ranking="5"]::after {
    width: 38px;
    height: 38px;
    top: 8px;
    right: 8px;
    left: unset;
    font-size: 18px;
  }
  .present__reporter__content[data-ranking="6"]::after {
    width: 38px;
    height: 38px;
    top: 8px;
    right: 8px;
    left: unset;
    font-size: 18px;
  }
  .present__reporter__content[data-ranking="7"]::after {
    width: 38px;
    height: 38px;
    top: 8px;
    right: 8px;
    left: unset;
    font-size: 18px;
  }
  .present__reporter__content[data-ranking="8"]::after {
    width: 38px;
    height: 38px;
    top: 8px;
    right: 8px;
    left: unset;
    font-size: 18px;
  }
  .present__reporter__content[data-ranking="9"]::after {
    width: 38px;
    height: 38px;
    top: 8px;
    right: 8px;
    left: unset;
    font-size: 18px;
  }
  .present__reporter__content[data-ranking="10"]::after {
    width: 38px;
    height: 38px;
    top: 8px;
    right: 8px;
    left: unset;
    font-size: 18px;
  }
  .ranking__body {
    padding: 0 0 50px;
    min-height: 4405px;
  }
  .ranking__section {
    padding: 28px 0 17px !important;
  }
  .ranking__wrap {
    width: calc(100% - 40px);
  }
  .ranking__circle {
    margin: 23px auto 21px;
    height: 43px;
    border-radius: 21.5px;
    font-size: 16px;
  }
  .ranking__sub-title {
    text-align: left;
    font-size: 16px;
  }
  .ranking__tab, .ranking__tab--inactive, .ranking__tab--total {
    height: 70px;
  }
  .ranking__tab__img {
    left: 0px;
    height: 58px;
    bottom: 0px;
    margin: 0px;
    top: unset;
    -webkit-transform: unset;
            transform: unset;
  }
  .ranking__tab__img[data-type=ranking] {
    left: 0px;
    height: 58px;
    bottom: 0px;
    margin: 0px;
    -webkit-transform: unset;
            transform: unset;
  }
  .ranking__tab--total {
    grid-column: unset;
  }
  .ranking__tab__wrap {
    grid-template-columns: 100%;
    gap: 8px;
    margin: 24px auto 40px;
  }
  .ranking__tab__title {
    font-size: 16px;
  }
  .ranking__tab__body {
    font-size: 12px;
    margin-top: -2px;
  }
  .spot__wrap--about {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
            flex-flow: column-reverse;
    gap: 28px;
    padding: 17px 0 58px;
  }
  .spot__wrap--about__media {
    width: 196px;
    height: 275px;
    position: relative;
    left: -15px;
  }
  .spot__wrap--news {
    padding: 30px 0 40px;
  }
  .spot__wrap--news__content {
    margin: 20px auto 0;
  }
  .spot__wrap--ranking {
    background-image: url(../images/about_sky_sp.jpg);
    padding: 22px 0 0;
  }
  .spot__wrap--ranking__content {
    padding: 30px 0 56px;
    width: calc(100% - 36px);
  }
  .spot__wrap--ranking__inner {
    margin: 36px auto 0px;
  }
  .spot__wrap--ranking .present__tour__wrap {
    margin: 17px auto 28px;
  }
  .spot__wrap--ranking .present__tour__wrap--ranking {
    margin: 17px auto 28px;
  }
  .spot__wrap--ranking .present__reporter__title {
    font-size: 16px;
  }
  .spot__wrap--spot {
    padding: 28px 0 58px;
  }
  .spot__wrap--spot__content {
    margin: 22px auto 33px;
  }
  .spot__wrap--spot__content__title {
    font-size: 16px;
    margin-bottom: 17px;
  }
  .spot__wrap--banner {
    padding: 38px 0 128px;
    margin: 10px auto 243px;
    height: 369px;
  }
  .spot__wrap--banner__char1 {
    left: unset;
    right: 0px;
    top: 224px;
    height: 261px;
  }
  .spot__wrap--banner__char2 {
    width: 173px;
    height: 271px;
    top: 217px;
    left: 10px;
    right: unset;
  }
  .spot__wrap__icon {
    width: 29px;
    height: 29px;
    margin: 0 auto 6px;
  }
  .spot__title, .spot__title--center {
    font-size: 22px;
  }
  .spot__title--center {
    font-size: 25px;
    line-height: 35px;
  }
  .spot__title--center::before {
    margin-top: calc((1 - 1.4) * 0.5em);
  }
  .spot__title--center::before,.spot__title--center::after {
    display: block;
    width: 0;
    height: 0;
    content: "";
  }
  .spot__title--center::after {
    margin-bottom: calc((1 - 1.4) * 0.5em);
  }
  .spot__title--news {
    font-size: 20px;
    line-height: 34px;
  }
  .spot__title--news::before {
    margin-top: calc((1 - 1.7) * 0.5em);
  }
  .spot__title--news::before,.spot__title--news::after {
    display: block;
    width: 0;
    height: 0;
    content: "";
  }
  .spot__title--news::after {
    margin-bottom: calc((1 - 1.7) * 0.5em);
  }
  .spot__text {
    font-size: 15px;
    line-height: 24px;
  }
  .spot__text::before {
    margin-top: calc((1 - 1.6) * 0.5em);
  }
  .spot__text::before,.spot__text::after {
    display: block;
    width: 0;
    height: 0;
    content: "";
  }
  .spot__text::after {
    margin-bottom: calc((1 - 1.6) * 0.5em);
  }
  .spot__text--normal, .spot__text--normal--sp {
    width: 89.333%;
    max-width: 1100px;
    margin: 0 auto;
    font-size: 15px;
    line-height: 24px;
    text-align: left;
  }
  .spot__text--normal::before, .spot__text--normal--sp::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6) * 0.5em);
    content: "";
  }
  .spot__text--normal::after, .spot__text--normal--sp::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6) * 0.5em);
    content: "";
  }
  .spot__text--normal--sp {
    text-align: center;
    width: 303px;
    margin: 0 auto;
  }
  .spot__text__grid--min {
    gap: 15px;
  }
  .spot__text__svg {
    width: 224px;
  }
  .spot__text__cate {
    margin: 8px auto 16px;
    font-size: 14px;
    line-height: 24px;
  }
  .spot__text__cate::before {
    margin-top: calc((1 - 1.7) * 0.5em);
  }
  .spot__text__cate::before,.spot__text__cate::after {
    display: block;
    width: 0;
    height: 0;
    content: "";
  }
  .spot__text__cate::after {
    margin-bottom: calc((1 - 1.7) * 0.5em);
  }
}
@media (min-width: 1001px){
  .sp {
    display: none !important;
  }
  main section.s03 .wrapper {
    width: 89.333%;
  }
  .notice__spot__info--single {
    padding: 25px 20px 28px 20px;
  }
  .notice__spot__shop-name--single {
    margin-bottom: 11px;
    margin-top: 1px;
  }
  .notice__spot__content--single {
    display: grid;
    grid-template-columns: 311px calc(100% - 311px);
  }
  .notice__spot__content__img--single {
    border-radius: 5px 0 0 5px;
    height: 157px;
  }
  .spot__wrap--spot__content .mypage_main_grid_wrap {
    grid-template-columns: repeat(auto-fill, minmax(258px, 1fr));
    gap: 22px 20px;
  }
  .spot__wrap--spot__content .mypage_shop_img {
    height: 144px;
  }
  .spot__wrap--spot__content .mypage_main_grid {
    height: auto;
    background: white;
  }
  .spot__wrap--spot__content .mypage_main_grid h3 {
    font-size: 16px;
    margin-bottom: 10px;
  }
  .spot__wrap--spot__content .mypage_main_grid_text_wrap {
    padding: 13px 10px 12px;
  }
  .spot__wrap--spot__content .address_text {
    font-size: 15px;
    font-weight: 400;
    line-height: 23px;
    margin-bottom: 12px;
  }
  .spot__wrap--spot__content .address_text::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5) * 0.5em);
    content: "";
  }
  .spot__wrap--spot__content .address_text::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5) * 0.5em);
    content: "";
  }
  .spot__wrap--spot__content .star_status {
    font-size: 16px;
  }
  .spot__wrap--spot__content .goto_batch {
    top: 98px;
    right: 12px;
  }
}

/*# sourceMappingURL=index.css.map*/