@charset "utf-8";
/* 共通スタイル
 * ************************************************** */
.main-contents {
    padding-top: 6vw;
    font-family: 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.main-contents * {
    box-sizing: border-box;
}
.main-contents a, .main-contents a:focus {
    outline: none;
}
.main-contents a {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.main-contents a:hover {
    opacity: 0.8;
}
.main-contents img {
    vertical-align: bottom;
}
.main-contents .d_pc {
    display: none !important;
}
.main-contents h1, 
.main-contents h2, 
.main-contents h3, 
.main-contents h4, 
.main-contents h5, 
.main-contents h6 {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 1.0em;
    font-weight: normal;
}
/* page common */
.contents-nav,
.breadcrumb,
.global-footer {
  position: relative;
  z-index: 1;
}
.global-footer {
  background: #fff;
}
/* font */
.main-contents .serif {
    font-family: "Noto Serif JP", serif;
}
.main-contents .basker {
  font-family: "Libre Baskerville", serif;
}
.main-contents .barlow {
    font-family: 'Barlow', sans-serif;
}
.main-contents .zenold {
    font-family: "Zen Old Mincho", serif;
}
.main-contents .notoserif {
    font-family: "Noto Serif JP", serif;
}
.main-contents .encode {
    font-family: "Encode Sans Expanded", sans-serif;
}
.main-contents .yumin {
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}

/* layout
 * ************************************************** */
.pageContents__header,
.pageContents__footer {
    display: none!important;
}

/* cont common
 * ************************************************** */
.main-contents section {
    position: relative;
    width: 100%;
    margin-top: -15.128vw;
    padding-top: 15.128vw;
    padding-left: 6.667%;
    padding-right: 6.667%;
}
.main-contents .sec_cont,
.main-contents .img_area {
    position: relative;
}
.main-contents .sec_cont::before {
    content: '';
    display: block;
    position: absolute;
    z-index: -1;
}
.main-contents .img_area .img_catch,
.main-contents .img_area .img_catchL,
.main-contents .img_area .img_item {
    position: absolute;
    z-index: 2;
}
.main-contents .img_area .img_catch {
    z-index: 4;
}
.main-contents .intro {
    font-size: 3.74vw;
    line-height: 1.8;
    letter-spacing: 0.05em;
    padding-bottom: 3.846vw;
}
.main-contents .shop_info .shop_name {
    margin-bottom: 1.923vw;
    line-height: 1.3;
    letter-spacing: 0.05em;
}
.main-contents .shop_info .shop_name .name {
    margin-right: 0.3em;
    font-size: 6.16vw;
    font-weight: bold;
}
.main-contents .shop_info .floor {
    margin-right: 2.308vw;
}
.main-contents .shop_info .floor {
    display: block;
    margin-bottom: 3px;
    padding: 0.4em 0.3em;
    width: 28vw;
    text-align: center;
    font-size: 3.3vw;
    line-height: 1;
    color: #fff;
    background: #0f1928;
    font-weight: bold;
}
.main-contents .intro_store {
    font-size: 3.6vw;
    line-height: 1.3;
    letter-spacing: 0.05em;
    margin-bottom: 2vw;
}
.main-contents .intro_item li {
    font-size: 2.6vw;
    margin-bottom: 0.4em;
    letter-spacing: 0.01em;
    line-height: 1.4;
}
.main-contents .link_check {
    width: 31.467vw;
    z-index: 4;
}
.main-contents .img_area .link_check {
    position: absolute;
}
/* modal */
.main-contents .modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(79,79,79,0.5);
    z-index: 10002;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
    justify-content: center;
    align-items: center;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}
.main-contents .modal.active {
    display: flex;
    opacity: 1;
    pointer-events: auto;
}
.main-contents .modal-content {
    position: relative;
    max-width: 100%;
    opacity: 0;
    transition: opacity 0.3s ease;
}
.main-contents .modal.active .modal-content {
    opacity: 1;
}
.main-contents .modal.active .modal-content {
    animation: fadeInScale 0.4s ease forwards;
}
@keyframes fadeInScale {
    0% {
        opacity: 0;
        transform: scale(0.8);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}
.main-contents .modal .modal_info_floor {
    display: block;
    margin-bottom: 3px;
    padding: 0.5em 0.3em 0.7em;
    width: 90px;
    text-align: center;
    font-size: 1rem;
    line-height: 1;
    color: #fff;
    background: #000;
    font-weight: bold;
}
.main-contents .modal .modal_info_store a {
    font-size: 3.6vw;
    line-height: 1.5;
    border-bottom: 1px solid #000;
}
.main-contents .modal .modal_info_store a:hover {
    color: #bd9545;
    border-bottom: none;
}
/* slider */
.main-contents .slick-slide {
    position: relative;
}
.dots-class button {
    display: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    padding: 0;
    border: none;
    background-color: transparent;
}
.dots-class {
    display: flex;
    justify-content: center;
    margin-top: 3.846vw;
}
.dots-class li {
    width: 2vw;
    height: 2vw;
    background-color: #b3b3b3;
    border-radius: 50%;
    margin-right: 8px;
    cursor: pointer;
    transition: background-color .5s ease;
}
.dots-class li.slick-active {
    background-color: #666666;
}
.dots-class li:hover {
    background-color: #666666;
}
.dots-class li:last-child {
    margin-right: 0;
}
/* スクロールCSS */
.main-contents .fade-in {
    opacity: 0;
}
.main-contents .fade-in-up {
    transform: translate(0, 80px);
}
.main-contents .fade-in-down {
    transform: translate(0, -80px);
}
.main-contents .fade-in-left {
    transform: translate(-80px, 0);
}
.main-contents .fade-in-right {
    transform: translate(80px, 0);
}
.main-contents .scroll-in {
    animation: fadeIn 0.8s ease;
    animation-fill-mode: forwards;
}
@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 0.4;
    }
    100% {
        opacity: 1;
        transform: translate(0, 0);
    }
}

/* mv
 * ************************************************** */
.main-contents .true_mv_ttl_l {
  margin: 0 auto 6vw;
  width: 84vw;
}
.main-contents #mv {
  position: relative;
  width: 100vw;
  height: 56vw;
  margin: 0 0 134vw;
  background: #fff;
}
.main-contents #mv .mv_slider {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  margin: 0;
  padding: 0;
  list-style: none;
}
.main-contents #mv .mv_slider:not(.slick-initialized) {
  display: flex;
  opacity: 0;
  transition: opacity 1.2s ease;
}
.main-contents #mv .mv_slider:not(.slick-initialized).is-show {
  opacity: 1;
}
.main-contents #mv .mv_slider:not(.slick-initialized) li {
  width: 33.3333%;
  flex: 0 0 33.3333%;
}
.main-contents #mv .mv_slider li {
  margin: 0;
  padding: 0;
}
.main-contents #mv .mv_slider li img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.main-contents #mv .mv_ttl {
  position: absolute;
  z-index: 5;
  left: 50%;
  bottom: -170vw;
  transform: translate(-50%, -40%);
  opacity: 0;
  transition: opacity 1s ease, transform 1s ease;
  pointer-events: none;
  padding: 8vw 6vw;
  width: 84vw;
  border-radius: 16px;
  background: #fff;
}
.main-contents #mv .mv_ttl.is-show {
  opacity: 1;
  transform: translate(-50%, -50%);
}
.main-contents #mv .mv_ttl .true_mv_ttl {
  margin-bottom: 6vw;
}
.main-contents #mv .mv_ttl .mv_lead {
  margin-bottom: 6vw;
  line-height: 2;
  text-align: center;
  font-size: 2.8vw;
}
.main-contents #mv .mv_ttl .mv_logo {
  margin: 0 auto;
  width: 12vw;
}
.main-contents #mv .slick-list,
.main-contents #mv .slick-track,
.main-contents #mv .slick-slide,
.main-contents #mv .slick-slide > div {
  height: 100%;
}
.main-contents #mv .mv_slider .slick-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* sec_true
 * ************************************************** */
.main-contents #sec_true {
    padding: 0 4.667vw;
}
.main-contents #sec_true .true_ttl {
    width: 56vw;
    margin-left: 3.733vw;
    z-index: 2;
    position: relative;
}
.main-contents #sec_true .link_check {
    width: 37.6vw;
}
.main-contents #sec_true .txt_area_intro {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
}
.main-contents #sec_true .txt_area_intro li {
    margin-top: 3.6vw;
}
.main-contents #sec_true .txt_area_intro li .intro_inner {
    border-bottom: 1px solid #000;
    padding-bottom: 0.3em;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    width: fit-content;
}
.main-contents #sec_true .txt_area_intro li.intro_shop {
    margin-right: 5vw;
}
.main-contents #sec_true .txt_area_intro li.intro_price {
    width: 100%;
}
.main-contents #sec_true .txt_area_intro li .intro_ttl {
    font-weight: 500;
    font-size: 2.8vw;
    margin-right: 3vw;
    line-height: 1.5;
    letter-spacing: 0;
}
.main-contents #sec_true .txt_area_intro li .intro_txt {
    font-size: 2.8vw;
    line-height: 1.4;
    letter-spacing: 0.01em;
}
.main-contents #sec_true .txt_area_intro li.intro_shop .intro_txt {
    font-weight: 600;
}
.main-contents #sec_true .txt_area .link_check {
    position: relative;
    margin-top: 5vw;
}
/* true_modal */
.main-contents #sec_true .modal-content .true_modal_cont {
    background: rgba(255,255,255,0.9);
    width: 86vw;
    max-height: 84vh;
    overflow-y: scroll;
}
.main-contents #sec_true .modal-content .close-btn {
    width: 26.667vw;
    background: #000;
    position: absolute;
    bottom: 0;
    left: calc(50% - 13.333vw);
    line-height: 1;
    text-align: center;
    color: #fff;
    font-size: 1.1rem;
    padding: 10px;
    z-index: 10003;
}
.main-contents #sec_true .true_modal_cont {
    border: 1px solid #000;
}
.main-contents #sec_true .true_modal_cont .modal_info {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
}
.main-contents #sec_true .true_modal_cont .modal_info li {
    padding: 2.667vw 2vw 1vw 2vw;
    border-right: 1px solid #000;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}
.main-contents #sec_true .true_modal_cont .modal_info li.true_modal_info_item {
    width: 100%;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: none;
}
.main-contents #sec_true .true_modal_cont .modal_info li .modal_info_ttl {
    font-size: 2.2vw;
    margin-right: 10px;
    line-height: 1.9;
}
.main-contents #sec_true .true_modal_cont .modal_info li .modal_info_txt {
    font-size: 2.6vw;
    line-height: 1.4;
    font-weight: 500;
}
.main-contents #sec_true .true_modal_cont .modal_info li.true_modal_info_shop .modal_info_txt a  {
    font-weight: 900;
    text-decoration: underline;
}
.main-contents #sec_true .true_modal_cont .modal_info li.true_modal_info_shop .modal_info_txt .modal_info_txt_note  {
    font-size: 2.4vw;
    margin-left: 2vw;
}
.main-contents #sec_true .true_modal_cont .true_modal_main  {
    padding: 5.333vw 5.333vw 12.4vw;
}
.main-contents #sec_true .true_modal_cont .true_modal_main .modal_img_area {
    margin-bottom: 5vw;
}
.main-contents #sec_true .modal_img_area .modal_slider {
    width: 100%;
    margin-bottom: 0;
}
.main-contents #sec_true .modal_txt_area .modal_intro {
    font-size: 3vw;
}
/* true_cont01 */
.main-contents #sec_true #true_cont01 {
    margin: -18.5vw auto 13vw;
}
.main-contents #sec_true #true_cont01 .img_area .img_catch {
    width: 6vw;
    top: 12.667vw;
    right: 9.867vw;
}
.main-contents #sec_true #true_cont01 .img_area .link_check {
    top: 25vw;
    left: 4.8vw;
}
/* true_cont02 */
.main-contents #sec_true #true_cont02 {
    margin: 0 auto 13vw;
}
.main-contents #sec_true #true_cont02 .img_area .img_catch {
    width: 2.533vw;
    top: 10.667vw;
    right: 6.4vw;
}
.main-contents #sec_true #true_cont02 .img_area .link_check {
    bottom: 21vw;
    right: -3.6vw;
}
/* true_cont03 */
.main-contents #sec_true #true_cont03 {
    margin: 0 auto 8vw;
}
.main-contents #sec_true #true_cont03 .img_area {
    margin: 0 auto;
    width: 72vw;
}
.main-contents #sec_true #true_cont03 .img_area .img_catch {
    width: 5.333vw;
    top: 5.067vw;
    right: 6.4vw;
}
.main-contents #sec_true #true_cont03 .img_area .link_check {
    top: 9.333vw;
    left: -10vw;
}
.main-contents #sec_true #true_cont03 .txt_area {
    padding-left: 9.333vw;
}
/* true_cont04 */
.main-contents #sec_true #true_cont04 {
    margin: 0 auto 13vw;
}
.main-contents #sec_true #true_cont04 .img_area {
    margin: 0 auto;
    width: 72vw;
}
.main-contents #sec_true #true_cont04 .img_area .img_catch {
    width: 28.533vw;
    top: 6.667vw;
    left: 4.2vw;
}
.main-contents #sec_true #true_cont04 .txt_area {
    padding-left: 9.333vw;
}
.main-contents #sec_true #true_cont04 .txt_area .link_check {
    margin-right: 0;
    margin-left: auto;
}
/* true_cont05 */
.main-contents #sec_true #true_cont05 {
    margin: 0 auto 13vw;
}
.main-contents #sec_true #true_cont05 .img_area .img_catch {
    width: 2.533vw;
    top: 8.267vw;
    right: 8.667vw;
}
.main-contents #sec_true #true_cont05 .img_area .link_check {
    bottom: 7vw;
    right: -4vw;
}
/* true_cont06 */
.main-contents #sec_true #true_cont06 {
    margin: 0 auto 10vw;
}
.main-contents #sec_true #true_cont06 .img_area {
    margin: 0 auto;
    width: 72vw;
}
.main-contents #sec_true #true_cont06 .img_area .img_catch {
    width: 6vw;
    top: 6.667vw;
    right: 6vw;
}
.main-contents #sec_true #true_cont06 .txt_area {
    padding-left: 9.333vw;
}
/* true_cont07 */
.main-contents #sec_true #true_cont07 {
    margin: 0 auto 13vw;
}
.main-contents #sec_true #true_cont07 .img_area {
    margin: 0 auto;
    width: 72vw;
}
.main-contents #sec_true #true_cont07 .img_area .img_catch {
    width: 6vw;
    top: 6.667vw;
    right: 6vw;
}
.main-contents #sec_true #true_cont07 .txt_area {
    padding-left: 9.333vw;
}
.main-contents #sec_true #true_cont07 .txt_area .link_check {
    margin-right: 0;
    margin-left: auto;
}
/* true_cont08 */
.main-contents #sec_true #true_cont08 {
    margin: 0 auto 13vw;
}
.main-contents #sec_true #true_cont08 .img_area .img_catch {
    width: 2.533vw;
    top: 18vw;
    right: 10vw;
}
/* true_cont09 */
.main-contents #sec_true #true_cont09 {
    margin: 0 auto 13vw;
}
.main-contents #sec_true #true_cont09 .img_area .img_catch {
    width: 2.533vw;
    top: 8vw;
    left: 10vw;
}
.main-contents #sec_true #true_cont09 .img_area .link_check {
    top: 9vw;
    right: -2vw;
}
/* true_cont10 */
.main-contents #sec_true #true_cont10 {
    margin: 0 auto 10vw;
}
.main-contents #sec_true #true_cont10 .img_area {
    margin: 0 auto;
    width: 72vw;
}
.main-contents #sec_true #true_cont10 .img_area .img_catch {
    width: 6vw;
    top: 6.667vw;
    right: 6vw;
}
.main-contents #sec_true #true_cont10 .txt_area {
    padding-left: 9.333vw;
}
.main-contents #sec_true #true_cont10 .txt_area .link_check {
    margin-right: 0;
    margin-left: auto;
}
/* true_cont11 */
.main-contents #sec_true #true_cont11 {
    margin: 0 auto 10vw;
}
.main-contents #sec_true #true_cont11 .img_area {
    margin: 0 auto;
    width: 72vw;
}
.main-contents #sec_true #true_cont11 .img_area .img_catch {
    width: 6vw;
    top: 6.667vw;
    right: 6vw;
}
.main-contents #sec_true #true_cont11 .txt_area {
    padding-left: 9.333vw;
}
/* true_cont12 */
.main-contents #sec_true #true_cont12 {
    margin: 0 auto 10vw;
}
.main-contents #sec_true #true_cont12 .img_area {
    margin: 0 auto;
    width: 72vw;
}
.main-contents #sec_true #true_cont12 .img_area .img_catch {
    width: 28.533vw;
    top: 4vw;
    right: 4vw;
}
.main-contents #sec_true #true_cont12 .txt_area {
    margin: 0 auto;
    width: 80vw;
}
.main-contents #sec_true #true_cont12 .txt_area .link_check {
    margin-right: 0;
    margin-left: auto;
}
/* true_cont13 */
.main-contents #sec_true #true_cont13 {
    margin: 0 auto 10vw;
}
.main-contents #sec_true #true_cont13 .img_area {
    margin: 0 auto;
    width: 72vw;
}
.main-contents #sec_true #true_cont13 .img_area .img_catch {
    width: 28.533vw;
    bottom: 4vw;
    left: 4vw;
}
.main-contents #sec_true #true_cont13 .txt_area {
    margin: 0 auto;
    width: 87vw;
}
/* true_cont14 */
.main-contents #sec_true #true_cont14 {
    margin: 0 auto 18vw;
}
.main-contents #sec_true #true_cont14 .img_area .img_catch {
    width: 2.533vw;
    top: 31vw;
    left: 6vw;
}
.main-contents #sec_true #true_cont14 .img_area .link_check {
    top: 12vw;
    right: -3vw;
}
/* true_cont15 */
.main-contents #sec_true #true_cont15 {
    margin: 0 auto 13vw;
}
.main-contents #sec_true #true_cont15 .img_area .img_catch {
    width: 2.533vw;
    top: 8vw;
    left: 9vw;
}
.main-contents #sec_true #true_cont15 .img_area .link_check {
    bottom: -9vw;
    right: -3vw;
}

/* sec_brand
 * ************************************************** */
.main-contents #sec_brand {
    margin-bottom: 18vw;
    padding-left: 0;
    padding-right: 0;
    border-bottom: double 4px #000;
}
.main-contents #sec_brand .brand_ttl {
    margin-bottom: 3.6vw;
}
.main-contents #sec_brand .brand_cont .brand_name {
    margin: 0 0 5.333vw 4.667vw;
    width: 77.333vw;
}
.main-contents #sec_brand .brand_cont .img_catch {
    position: absolute;
    bottom: 3.467vw;
    left: 3.333vw;
    width: 2.8vw;
}
.main-contents #sec_brand .brand_cont .txt_area {
    padding: 0 4.667vw 6vw;
}
.main-contents #sec_brand .brand_cont .txt_area .txt_area_intro {
    font-size: 3vw;
    margin: 3vw 0;
    letter-spacing: 0.03em;
    line-height: 1.6;
}
.main-contents #sec_brand .brand_cont .txt_area .link_check {
    width: 37.6vw;
    position: relative;
    margin: 0 0 0 auto;
}
/* brand_modal */
.main-contents .brand_modal .modal-content .brand_modal_cont {
    border: 1px solid #cccccc;
    background: rgba(255,255,255,0.9);
    padding: 13vw 4.667vw 8vw;
    width: 93.333vw;
    max-height: 84vh;
    overflow-y: scroll;
}
.main-contents .brand_modal .modal-content .close-btn {
    width: 17px;
    height: 17px;
    background: url("../img/effortless_modal_close.webp") no-repeat 0 0 / contain;
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 10003;
}
.main-contents .brand_modal .modal-content .brand_modal_ttl {
    font-size: 4vw;
    font-weight: 600;
    line-height: 1.5;
    margin-bottom: 4vw;
}
.main-contents .brand_modal .modal-content .modal_img_area {
    margin-bottom: 4vw;
}
.main-contents .brand_modal .modal_txt_area .modal_intro {
    margin-bottom: 5vw;
    font-size: 3vw;
}

/* notes
 * ************************************************** */
.main-contents .notes .notes_inner p {
    color: #666666;
    font-size: 2.64vw;
}