@charset "UTF-8";
/*! Writen  by SCSS */
.main_ttl_group .page_ttl_img {
  margin-left: 3%;
}

.inner_main .main_bg {
  background-image: url("../images/reform/main.jpg");
}
@media screen and (max-width: 480px) {
  .inner_main .main_bg {
    background-image: url("../images/reform/main_sp.jpg");
  }
}

.side_content_group .side_content {
  padding-bottom: 0;
}
.side_content_group .side_content .reform_main_wrap {
  display: flex;
  flex-direction: column;
  row-gap: 30px;
  margin-bottom: clamp(40px, 5vw, 60px);
}
@media screen and (max-width: 480px) {
  .side_content_group .side_content .reform_main_wrap {
    row-gap: 20px;
  }
}
.side_content_group .side_content .reform_main_wrap .reform_main {
  position: relative;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
  border-radius: 20px;
}
.side_content_group .side_content .reform_main_wrap .reform_main .main_ttl {
  position: absolute;
  inset: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin: auto;
  width: fit-content;
  height: max-content;
  margin: auto;
  padding: clamp(20px, 2.5vw, 30px) clamp(20px, 3.334vw, 40px);
}
.side_content_group .side_content .reform_main_wrap .reform_main .main_ttl span {
  position: relative;
  line-height: 1;
  font-size: clamp(20px, 2.5vw, 30px);
  color: #FFF;
  letter-spacing: 0.2em;
  -webkit-text-stroke: 2px #333;
  text-stroke: 2px #333;
  paint-order: stroke;
  text-shadow: 0px 0px 1px rgba(51, 51, 51, 0.7), 0px 0px 3px rgba(51, 51, 51, 0.7), 0px 0px 5px rgba(51, 51, 51, 0.7), 0px 0px 7px rgba(51, 51, 51, 0.7), 0px 0px 9px rgba(51, 51, 51, 0.7), 0px 0px 11px rgba(51, 51, 51, 0.7), 0px 0px 13px rgba(51, 51, 51, 0.7);
}
@media screen and (max-width: 480px) {
  .side_content_group .side_content .reform_main_wrap .reform_main .main_ttl span {
    -webkit-text-stroke: 1px #333;
    text-stroke: 1px #333;
    text-shadow: 0px 0px 1px rgba(51, 51, 51, 0.4), 0px 0px 3px rgba(51, 51, 51, 0.4), 0px 0px 5px rgba(51, 51, 51, 0.4), 0px 0px 7px rgba(51, 51, 51, 0.4), 0px 0px 9px rgba(51, 51, 51, 0.4), 0px 0px 11px rgba(51, 51, 51, 0.4), 0px 0px 13px rgba(51, 51, 51, 0.4);
  }
}
.side_content_group .side_content .reform_main_wrap .reform_main .main_ttl:before {
  /*content:"";
  position: absolute;
  inset:0;
  -webkit-backdrop-filter: blur(5px) brightness(80%);
  backdrop-filter: blur(5px) brightness(80%);
  background: rgba(#FFF,0.3);*/
}
.side_content_group .side_content .reform_main_wrap .read_group {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}
.side_content_group .side_content .reform_main_wrap .read_group .reform_read {
  font-size: clamp(14px, 1.5vw, 18px);
  text-align: center;
}
.side_content_group .side_content .reform_main_wrap .read_group .reform_read span {
  background: linear-gradient(transparent 60%, rgba(255, 156, 58, 0.6) 60%, rgba(255, 156, 58, 0.6) 85%, transparent 85%);
}
.side_content_group .side_content .ranking_group {
  padding-bottom: clamp(50px, 7.5vw, 90px);
}
.side_content_group .side_content .ranking_group .rank_ttl {
  display: flex;
  column-gap: 25px;
  font-size: clamp(18px, 2vw, 24px);
  color: #ff9c3a;
  font-weight: 600;
  margin-bottom: 30px;
}
.side_content_group .side_content .ranking_group .rank_ttl:before {
  content: "";
  display: block;
  width: 10px;
  background: #ff9c3a;
}
@media screen and (max-width: 480px) {
  .side_content_group .side_content .ranking_group_01 .ranking {
    gap: 0px 4%;
  }
}
@media screen and (max-width: 480px) {
  .side_content_group .side_content .ranking_group_01 .ranking .rank_in {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: flex-start;
    column-gap: 4%;
    align-content: start;
    grid-auto-flow: dense;
    border-bottom: 1px solid #ccc;
    padding-bottom: 15px;
    margin-bottom: 15px;
  }
  .side_content_group .side_content .ranking_group_01 .ranking .rank_in:nth-last-child(1) {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
  }
}
@media screen and (max-width: 480px) {
  .side_content_group .side_content .ranking_group_01 .ranking .rank_in .rank_photo {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 480px) {
  .side_content_group .side_content .ranking_group_01 .ranking .rank_in .text_group {
    grid-column: 2/3;
    grid-row: 1/3;
  }
}
.side_content_group .side_content .ranking {
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: clamp(30px, 5vw, 60px) 1.7375%;
}
@media screen and (max-width: 480px) {
  .side_content_group .side_content .ranking {
    gap: 30px 4%;
  }
}
.side_content_group .side_content .ranking.col4 {
  gap: clamp(30px, 5vw, 60px) 2.6%;
}
@media screen and (max-width: 768px) {
  .side_content_group .side_content .ranking.col4 {
    gap: 30px 2%;
  }
}
@media screen and (max-width: 480px) {
  .side_content_group .side_content .ranking.col4 {
    gap: 30px 4%;
  }
}
.side_content_group .side_content .ranking.col4 .rank_in {
  width: 23.05%;
}
@media screen and (max-width: 768px) {
  .side_content_group .side_content .ranking.col4 .rank_in {
    width: 32%;
  }
}
@media screen and (max-width: 480px) {
  .side_content_group .side_content .ranking.col4 .rank_in {
    width: 48%;
  }
}
body:not(.mobile) .side_content_group .side_content .ranking a:hover .rank_photo {
  transform: scale(1.05);
}
.side_content_group .side_content .ranking .rank_in {
  width: 18.61%;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 768px) {
  .side_content_group .side_content .ranking .rank_in {
    width: 32%;
  }
}
@media screen and (max-width: 480px) {
  .side_content_group .side_content .ranking .rank_in {
    width: 48%;
  }
}
.side_content_group .side_content .ranking .rank_in .rank_no {
  margin-bottom: 15px;
}
.side_content_group .side_content .ranking .rank_in .rank_no img {
  height: 30px;
}
.side_content_group .side_content .ranking .rank_in .rank_photo {
  margin-bottom: 20px;
  position: relative;
  transition: 0.3s transform ease-in-out 0s;
}
@media screen and (max-width: 480px) {
  .side_content_group .side_content .ranking .rank_in .rank_photo {
    margin-bottom: 10px;
  }
}
.side_content_group .side_content .ranking .rank_in .rank_photo .loupe {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 12.84%;
}
.side_content_group .side_content .ranking .rank_in .rank_photo.border:after {
  content: "";
  position: absolute;
  inset: 0;
  border: 1px solid #CCC;
  pointer-events: none;
}
@media screen and (max-width: 768px) {
  .side_content_group .side_content .ranking .rank_in .rank_photo img {
    width: 100%;
  }
}
.side_content_group .side_content .ranking .rank_in .text_group {
  flex: 1;
  display: flex;
  flex-direction: column;
  row-gap: 15px;
}
.side_content_group .side_content .ranking .rank_in .text_group .maker_group {
  font-size: clamp(11px, 1.167vw, 14px);
}
@media screen and (max-width: 768px) {
  .side_content_group .side_content .ranking .rank_in .text_group .maker_group {
    font-size: 14px;
  }
}
@media screen and (max-width: 480px) {
  .side_content_group .side_content .ranking .rank_in .text_group .maker_group {
    font-size: 3.4vw;
  }
}
.side_content_group .side_content .ranking .rank_in .text_group .maker_group .maker {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #999;
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}
@media screen and (max-width: 480px) {
  .side_content_group .side_content .ranking .rank_in .text_group .maker_group .maker {
    row-gap: 5px;
    padding-bottom: 5px;
    margin-bottom: 5px;
  }
}
.side_content_group .side_content .ranking .rank_in .text_group .maker_group .maker span {
  display: block;
  width: fit-content;
  line-height: 1;
  background: #FFF;
  padding: 3px 5px;
  border: 1px solid #eb612a;
  color: #ff9c3a;
}
.side_content_group .side_content .ranking .rank_in .text_group .maker_group .name {
  font-size: clamp(13px, 1.5vw, 18px);
  line-height: 1.66;
}
@media screen and (max-width: 768px) {
  .side_content_group .side_content .ranking .rank_in .text_group .maker_group .name {
    font-size: 17px;
  }
}
@media screen and (max-width: 480px) {
  .side_content_group .side_content .ranking .rank_in .text_group .maker_group .name {
    font-size: 4vw;
  }
}
.side_content_group .side_content .ranking .rank_in .text_group .text02 {
  font-size: clamp(12px, 1.084vw, 13px);
  background: rgba(236, 236, 236, 0.5);
  padding: 10px;
  margin-top: auto;
}
@media screen and (max-width: 768px) {
  .side_content_group .side_content .ranking .rank_in .text_group .text02 {
    font-size: 14px;
  }
}
@media screen and (max-width: 480px) {
  .side_content_group .side_content .ranking .rank_in .text_group .text02 {
    font-size: 12px;
  }
}
.side_content_group .side_content .lineup_area {
  padding: clamp(50px, 5.834vw, 70px) 0 40px;
  background: rgba(255, 194, 153, 0.2);
}
.side_content_group .side_content .lineup_area .lineup_ttl_wrap {
  display: flex;
  flex-direction: column;
  row-gap: clamp(30px, 4.167vw, 50px);
  text-align: center;
  margin-bottom: clamp(25px, 3.334vw, 40px);
}
.side_content_group .side_content .lineup_area .lineup_ttl_wrap .lineup_ttl {
  font-size: clamp(26px, 3.334vw, 40px);
  color: #eb612a;
  line-height: 1;
}
.side_content_group .side_content .lineup_area .lineup_ttl_wrap .lineup_ttl .page_en {
  display: block;
  line-height: 0;
  margin-top: clamp(15px, 2.084vw, 25px);
}
.side_content_group .side_content .lineup_area .lineup_ttl_wrap .lineup_read {
  font-size: clamp(12px, 1.334vw, 16px);
}

/*	モーダル	*/
.modal_cont {
  display: none;
}

.iziModal {
  background: none !important;
  box-shadow: none !important;
  width: 100% !important;
  max-width: 100% !important;
  z-index: 250000 !important;
}

.iziModal-overlay {
  z-index: 240000 !important;
}

.modal_box {
  position: relative;
  max-width: 920px;
  margin: 0 auto;
  width: calc(100% - 40px);
}
.modal_box .modal_box_in {
  padding: clamp(20px, 3vw, 30px) clamp(30px, 4vw, 40px) 20px;
  position: relative;
  flex-direction: column;
  justify-content: flex-start;
  background: #FFF;
  row-gap: 20px;
  border-radius: 15px;
}
@media screen and (max-width: 480px) {
  .modal_box .modal_box_in {
    padding: 20px;
    height: 75vh;
    overflow-y: scroll;
  }
}
.modal_box a.close {
  position: absolute;
  right: 0;
  bottom: calc(100% + 10px);
  border: none;
  width: auto;
  height: auto;
  background: none;
  cursor: pointer;
}
@media screen and (max-width: 480px) {
  .modal_box a.close {
    width: 40px;
  }
}
.modal_box .modal_ttl {
  font-size: clamp(18px, 2.8vw, 28px);
  font-weight: 600;
}
@media screen and (max-width: 480px) {
  .modal_box .modal_ttl {
    font-size: 4.5vw;
    line-height: 1.4;
  }
}
@media screen and (max-width: 480px) {
  .modal_box .modal_detail {
    flex-direction: column;
    row-gap: 15px;
  }
}
.modal_box .modal_detail .modal_photo {
  position: relative;
  width: 54.77%;
}
@media screen and (max-width: 480px) {
  .modal_box .modal_detail .modal_photo {
    width: 100%;
  }
}
.modal_box .modal_detail .modal_photo.border:after {
  content: "";
  position: absolute;
  inset: 0;
  border: 1px solid #CCC;
  pointer-events: none;
}
.modal_box .modal_detail .text_group {
  width: 40.48%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media screen and (max-width: 480px) {
  .modal_box .modal_detail .text_group {
    width: 100%;
  }
}
.modal_box .modal_detail .text_group .group_over .maker_group {
  justify-content: flex-start;
  flex-wrap: wrap;
  row-gap: 5px;
  margin-bottom: clamp(10px, 2vw, 20px);
  font-size: clamp(12px, 1.6vw, 16px);
}
.modal_box .modal_detail .text_group .group_over .maker_group .m01 {
  color: #FFF;
  text-align: center;
  width: 40%;
  background: #ff9c3a;
}
.modal_box .modal_detail .text_group .group_over .maker_group .m02 {
  width: 60%;
  text-align: center;
  color: #ff9c3a;
  border: 1px solid #ff9c3a;
}
.modal_box .modal_detail .text_group .group_over .maker_group .m03 {
  font-size: clamp(14px, 1.8vw, 18px);
  line-height: 1;
}
.modal_box .modal_detail .text_group .group_over .type_name {
  font-size: clamp(19px, 2.5vw, 25px);
  color: #ff9c3a;
  line-height: 1.2;
  font-weight: 600;
  margin-bottom: 10px;
}
.modal_box .modal_detail .text_group .group_over .type_detail {
  flex-direction: column;
  margin-bottom: 20px;
}
.modal_box .modal_detail .text_group .group_over .type_detail .detail_in {
  justify-content: flex-start;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px dashed #CCC;
  font-size: clamp(11px, 1.5vw, 15px);
  line-height: 1.46;
}
@media screen and (max-width: 480px) {
  .modal_box .modal_detail .text_group .group_over .type_detail .detail_in {
    font-size: 3.4vw;
  }
}
.modal_box .modal_detail .text_group .group_over .type_detail .detail_in:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}
.modal_box .modal_detail .text_group .group_over .type_detail .detail_in dt {
  width: 6.5em;
  flex-shrink: 0;
  font-weight: 600;
}
@media screen and (max-width: 480px) {
  .modal_box .modal_detail .text_group .group_over .type_detail .detail_in dt {
    width: 6em;
  }
}
.modal_box .modal_detail .text_group .group_over .type_detail .detail_in dd .indent {
  padding-left: 0.5em;
  text-indent: -0.5em;
}
.modal_box .modal_detail .text_group .modal_price {
  font-weight: 500;
  text-align: center;
}
.modal_box .modal_detail .text_group .modal_price .price01 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 26%;
  padding: 0 12px;
  font-size: clamp(12px, 1.6vw, 16px);
  color: #FFF;
  background: #002b67;
}
.modal_box .modal_detail .text_group .modal_price .price02 {
  padding: 2px 5px;
  display: flex;
  flex-grow: 1;
  justify-content: center;
  align-items: baseline;
  font-weight: 500;
  font-size: clamp(15px, 1.8vw, 18px);
  border: 3px solid #002b67;
}
.modal_box .modal_detail .text_group .modal_price .price02 .big {
  font-size: 200%;
  line-height: 1;
}
.modal_box .modal_detail .text_group .modal_price .price02 .tax {
  font-size: 70%;
  line-height: 1;
}
.modal_box .modal_cap {
  font-size: clamp(10px, 1.2vw, 12px);
}
.modal_box .controls {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
@media screen and (max-width: 768px) {
  .modal_box .controls {
    position: relative;
    max-width: 120px;
    margin: 20px auto 0;
    display: flex;
    justify-content: space-between;
  }
}
.modal_box .controls li {
  position: absolute;
  top: 50%;
  margin-top: -35px;
  cursor: pointer;
  width: 50px;
  height: 50px;
  border: 1px solid #FFF;
  border-radius: 100px;
}
@media screen and (max-width: 768px) {
  .modal_box .controls li {
    position: static;
    margin-top: 0;
  }
}
.modal_box .controls li span {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0;
  height: 0;
  border: 8px solid transparent;
}
.modal_box .controls li.prev {
  left: 10px;
}
.modal_box .controls li.prev span {
  margin-left: 8px;
  border-right: 14px solid #FFF;
}
.modal_box .controls li.next {
  right: 10px;
}
.modal_box .controls li.next span {
  margin-right: 8px;
  border-left: 14px solid #FFF;
}

.information_area {
  padding: 60px 0 100px;
}
@media screen and (max-width: 480px) {
  .information_area {
    padding: 60px 0 80px;
  }
}
.information_area .title_group {
  display: flex;
  align-items: center;
  flex-direction: column;
  margin-bottom: clamp(50px, 6.667vw, 80px);
}
.information_area .title_group .sec_ttl {
  font-size: clamp(26px, 3.334vw, 40px);
  color: #555453;
  line-height: 1;
  letter-spacing: 0.1em;
  font-weight: 600;
  margin: clamp(15px, 1.667vw, 20px) 0 0;
}
.information_area .title_group .sec_ttl .under_color {
  background: linear-gradient(transparent 50%, rgba(255, 209, 5, 0.2) 50%, rgba(255, 209, 5, 0.2) 85%, transparent 85%);
}
@media screen and (max-width: 480px) {
  .information_area .title_group .sec_ttl {
    font-size: 8vw;
    line-height: 1.4;
  }
}
.information_area .title_group .sec_ttl.ex {
  margin: 20px 0 20px;
}
.information_area .banner_slider_group {
  max-width: 1500px;
}
@media screen and (max-width: 480px) {
  .information_area .banner_slider_group {
    width: 100%;
  }
}
.information_area .banner_slider_group .banner_slider {
  width: 100%;
}
@media screen and (max-width: 480px) {
  .information_area .banner_slider_group .banner_slider {
    max-width: 270px;
    margin: 0 auto;
    overflow: visible;
  }
}
.information_area .banner_slider_group .banner_slider .swiper-wrapper .swiper-slide a .image {
  margin-bottom: clamp(15px, 2.084vw, 25px);
}
.information_area .banner_slider_group .banner_slider .swiper-wrapper .swiper-slide a .image img {
  aspect-ratio: 27/20;
  border-radius: 20px;
  object-fit: cover;
}
.information_area .banner_slider_group .banner_slider .swiper-wrapper .swiper-slide a .genre_day {
  align-items: center;
  font-size: clamp(11px, 0.934vw, 14px);
  line-height: 1;
}
@media screen and (max-width: 480px) {
  .information_area .banner_slider_group .banner_slider .swiper-wrapper .swiper-slide a .genre_day {
    font-size: 13px;
  }
}
.information_area .banner_slider_group .banner_slider .swiper-wrapper .swiper-slide a .genre_day .genre {
  font-weight: 600;
  color: #FFF;
  border-radius: 20px;
  padding: 7px 15px 9px;
}
.information_area .banner_slider_group .banner_slider .swiper-wrapper .swiper-slide a .genre_day .genre.event {
  background: #ffa840;
}
.information_area .banner_slider_group .banner_slider .swiper-wrapper .swiper-slide a .genre_day .genre.campaign {
  background: #0581a3;
}
.information_area .banner_slider_group .banner_slider .swiper-wrapper .swiper-slide a .banner_ttl {
  font-size: clamp(16px, 1.334vw, 20px);
  font-weight: 600;
  line-height: 1.2;
  margin: 15px 0;
}
@media screen and (max-width: 480px) {
  .information_area .banner_slider_group .banner_slider .swiper-wrapper .swiper-slide a .banner_ttl {
    font-size: 18px;
  }
}
.information_area .banner_slider_group .banner_slider .swiper-wrapper .swiper-slide a .banner_read {
  font-size: clamp(12px, 0.934vw, 14px);
  font-weight: 400;
}
@media screen and (max-width: 480px) {
  .information_area .banner_slider_group .banner_slider .swiper-wrapper .swiper-slide a .banner_read {
    font-size: 13px;
  }
}
.information_area .banner_slider_group .banner_slider .next_prev {
  max-width: 90px;
  max-width: 190px;
  margin: 40px auto 0;
}
.information_area .banner_slider_group .banner_slider .next_prev .swiper-button-prev,
.information_area .banner_slider_group .banner_slider .next_prev .swiper-button-next {
  position: static;
  width: auto;
  height: auto;
  transform: none;
  margin-top: 0;
  transition: opacity 0.3s ease-in-out 0s;
}
@media (hover: hover) {
  .information_area .banner_slider_group .banner_slider .next_prev .swiper-button-prev:hover,
  .information_area .banner_slider_group .banner_slider .next_prev .swiper-button-next:hover {
    opacity: 0.7;
  }
}
.information_area .banner_slider_group .banner_slider .next_prev .btn a {
  display: block;
  width: 100px;
  text-align: center;
  padding: 5px;
  background: #0581a3;
  color: #fff;
  transition: opacity 0.3s ease-in-out;
  font-size: clamp(12px, 1.167vw, 14px);
  border-radius: 50px;
}
@media (hover: hover) {
  .information_area .banner_slider_group .banner_slider .next_prev .btn a:hover {
    opacity: 0.7;
  }
}
.information_area .banner_slider_group .banner_slider .next_prev .swiper-button-next:after,
.information_area .banner_slider_group .banner_slider .next_prev .swiper-button-prev:after {
  content: none;
}

.ls_02 {
  letter-spacing: -0.02em !important;
}

.ls_04 {
  letter-spacing: -0.04em !important;
}

.ls_06 {
  letter-spacing: -0.06em !important;
}

.ls_08 {
  letter-spacing: -0.08em !important;
}

.ls_1 {
  letter-spacing: -0.1em !important;
}

@media screen and (max-width: 480px) {
  .ls02_sp {
    letter-spacing: -0.02em !important;
  }
  .ls04_sp {
    letter-spacing: -0.04em !important;
  }
  .ls06_sp {
    letter-spacing: -0.06em !important;
  }
  .ls08_sp {
    letter-spacing: -0.08em !important;
  }
  .ls1_sp {
    letter-spacing: -0.1em !important;
  }
}/*# sourceMappingURL=exterior_interior.css.map */