@charset "UTF-8";
/* CSS Document */
/* CSS Document -- _func.scss */
/**
		* Noto Sans CJK JP: https://www.google.com/get/noto/#sans-jpan
		*/
/* @font-face {
				font-family: 'Noto Sans JP';
				font-style: normal;
				font-weight: 300;
				src:
					url('../_fonts/NotoSansJP-Light.ttf') format('truetype');
			} */
@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 400;
  src: url("../_fonts/NotoSansJP-Regular.ttf") format("truetype"); }

/* @font-face {
				font-family: 'Noto Sans JP';
				font-style: normal;
				font-weight: 500;
				src:
					url('../_fonts/NotoSansJP-Medium.ttf') format('truetype');
			} */
/* @font-face {
				font-family: 'Noto Sans JP';
				font-style: normal;
				font-weight: 600;
				src:
					url('../_fonts/NotoSansJP-SemiBold.ttf') format('truetype');
			} */
/* @font-face {
				font-family: 'Noto Sans JP';
				font-style: normal;
				font-weight: 700;
				src:
					url('../_fonts/NotoSansJP-Bold.ttf') format('truetype');
			} */
/**
		* Noto Serif CJK JP: https://www.google.com/get/noto/#serif-jpan
		*/
/* @font-face {
				font-family: 'Noto Serif JP';
				font-style: normal;
				font-weight: 300;
				src:
					url('../_fonts/NotoSerifJP-Light.otf') format('opentype');
			} */
/* @font-face {
				font-family: 'Noto Serif JP';
				font-style: normal;
				font-weight: 400;
				src:
					url('../_fonts/NotoSerifJP-Regular.otf') format('opentype');
			} */
/* @font-face {
				font-family: 'Noto Serif JP';
				font-style: normal;
				font-weight: 500;
				src:
					url('../_fonts/NotoSerifJP-Medium.otf') format('opentype');
			} */
/* @font-face {
				font-family: 'Noto Serif JP';
				font-style: normal;
				font-weight: 600;
				src:
					url('../_fonts/NotoSerifJP-SemiBold.otf') format('opentype');
			} */
/* @font-face {
				font-family: 'Noto Serif JP';
				font-style: normal;
				font-weight: 700;
				src:
					url('../_fonts/NotoSerifJP-Bold.otf') format('opentype');
			} */
body input, body table, body select, body {
  font-family: "Instrument Sans", sans-serif,"YakuHanMPs","Noto Serif JP","Times New Roman","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","メイリオ",Meiryo,serif;
  font-weight: 500; }

#wrapper #mainImages > .container, #wrapper #mainImages > .container > .left-frame, #wrapper #contents #index #main #iFavorite > .container > .box, #wrapper #contents #index #main #iGallery > .container > .box > .imgArea > .ul > ul > li {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

body {
  color: #161616;
  word-wrap: break-word;
  text-align: justify;
  text-justify: distribute; }
  body input, body table, body select {
    color: #161616; }

/* CSS Document -- _default.scss */
html {
  overflow-y: auto; }

body {
  font-size: 100%;
  font-size: 13px;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  color: #161616;
  scroll-behavior: smooth; }
  body input[type="button"], body input[type="submit"] {
    -webkit-appearance: none; }

article, aside, canvas, details, figcaption, figure, header, footer, main, menu, nav, section, summary {
  display: block; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, fieldset, p, blockquote, th, td {
  margin: 0;
  padding: 0;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none; }

table {
  border-collapse: collapse;
  border-spacing: 0;
  max-width: 100%; }

h1, h2, h3, h4, h5, h6 {
  font-size: 13px;
  line-height: 1;
  letter-spacing: 0em;
  font-weight: 500; }

ul li {
  list-style-type: none; }

ol li {
  list-style-type: decimal;
  margin-left: 1.5em; }

q:before, q:after {
  content: ''; }

a:link, a:visited {
  text-decoration: none; }

label {
  cursor: pointer; }

object, embed {
  vertical-align: top; }

img, abbr, acronym, fieldset {
  border: 0;
  vertical-align: top;
  max-width: 100%;
  height: auto; }

/* CSS Document -- _base.scss */
/* --------  base  -------- */
body {
  overflow: hidden;
  height: 100vh;
  font-size: 13px;
  line-height: 1;
  letter-spacing: 0em;
  font-weight: 500;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  background-color: #fafafa; }
  body a {
    color: #161616; }
    body a:hover, body a.hover, body a.focus, body a.current {
      color: #161616;
      text-decoration: none; }

/* --------  ローディング画面  -------- */
#loading {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  overflow: hidden; }
  #loading #loading_img {
    position: absolute;
    -webkit-transform: scale(0.35);
    -ms-transform: scale(0.35);
    transform: scale(0.35);
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    width: 46.528%;
    padding-top: 69.792%; }
    #loading #loading_img > img {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
      object-fit: cover; }
      #loading #loading_img > img:nth-child(1) {
        z-index: 3; }
      #loading #loading_img > img:nth-child(2) {
        z-index: 2; }
      #loading #loading_img > img:nth-child(3) {
        z-index: 1; }
      #loading #loading_img > img:nth-child(4) {
        z-index: 1; }
  #loading > p {
    position: absolute;
    bottom: 0;
    right: 3.889%;
    margin-bottom: 3.889%;
    font-size: 0.893vw; }
  @media only screen and (min-width: 0px) and (max-width: 767px) {
    #loading {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100vh;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      overflow: hidden; }
      #loading #loading_img {
        position: absolute;
        -webkit-transform: scale(0.4);
        -ms-transform: scale(0.4);
        transform: scale(0.4);
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        width: 100%;
        padding-top: 150.133%; }
        #loading #loading_img > img {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          -o-object-fit: cover;
          object-fit: cover; }
          #loading #loading_img > img:nth-child(1) {
            z-index: 3; }
          #loading #loading_img > img:nth-child(2) {
            z-index: 2; }
          #loading #loading_img > img:nth-child(3) {
            z-index: 1; }
          #loading #loading_img > img:nth-child(4) {
            z-index: 1; }
      #loading > p {
        position: absolute;
        bottom: 0;
        right: 8.533%;
        margin-bottom: 16px;
        font-size: 3.2vw; } }

/* --------  rayout  -------- */
#wrapper {
  position: relative;
  min-width: 1020px; }
  #wrapper .pc__p {
    display: inline-block; }
  #wrapper .sp__p {
    display: none; }
  #wrapper #header {
    position: relative;
    z-index: 999;
    opacity: 0;
    visibility: hidden; }
    #wrapper #header > .container #nav {
      position: fixed;
      top: 0;
      right: 2.778%;
      margin-top: 2.222%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 0 12px; }
      #wrapper #header > .container #nav #hamburger {
        display: none; }
      #wrapper #header > .container #nav > .btn {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 0 6.048vw; }
        #wrapper #header > .container #nav > .btn > ul {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: end;
          -ms-flex-align: end;
          align-items: flex-end; }
          #wrapper #header > .container #nav > .btn > ul.page-nav {
            font-size: 0.962vw;
            gap: 0 2.199vw; }
          #wrapper #header > .container #nav > .btn > ul.sns-nav {
            font-size: 0.687vw;
            gap: 0 0.55vw; }
            #wrapper #header > .container #nav > .btn > ul.sns-nav > li a {
              padding: 0.275vw 0.687vw;
              border: 1px solid #c4c4c4;
              border-radius: 9999px; }
          #wrapper #header > .container #nav > .btn > ul > li > a {
            display: inline-block;
            line-height: 1;
            letter-spacing: 0; }
        #wrapper #header > .container #nav > .btn > .ornament_text {
          display: none; }
    @media only screen and (min-width: 0px) and (max-width: 767px) {
      #wrapper #header {
        position: relative;
        z-index: 999;
        opacity: 0;
        visibility: hidden; }
        #wrapper #header > .container #nav {
          position: fixed;
          top: 0;
          right: 5.333%;
          margin-top: 5.333%;
          display: block; }
          #wrapper #header > .container #nav #hamburger {
            position: relative;
            z-index: 999;
            display: block; }
            #wrapper #header > .container #nav #hamburger.ornament > p > span > span {
              -webkit-transform: translateY(-14px);
              -ms-transform: translateY(-14px);
              transform: translateY(-14px);
              -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
              transition: -webkit-transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
              -o-transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
              transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
              transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1), -webkit-transform 0.6s cubic-bezier(0.25, 1, 0.5, 1); }
            #wrapper #header > .container #nav #hamburger.ornament > p:before {
              background-image: url("../images/h_paren_left_wh.webp");
              -webkit-transition: background-image 0.6s cubic-bezier(0.25, 1, 0.5, 1);
              -o-transition: background-image 0.6s cubic-bezier(0.25, 1, 0.5, 1);
              transition: background-image 0.6s cubic-bezier(0.25, 1, 0.5, 1); }
            #wrapper #header > .container #nav #hamburger.ornament > p:after {
              background-image: url("../images/h_paren_right_wh.webp");
              -webkit-transition: background-image 0.6s cubic-bezier(0.25, 1, 0.5, 1);
              -o-transition: background-image 0.6s cubic-bezier(0.25, 1, 0.5, 1);
              transition: background-image 0.6s cubic-bezier(0.25, 1, 0.5, 1); }
            #wrapper #header > .container #nav #hamburger > p {
              font-size: 14px;
              line-height: 1;
              display: -webkit-inline-box;
              display: -ms-inline-flexbox;
              display: inline-flex;
              -webkit-box-align: center;
              -ms-flex-align: center;
              align-items: center;
              gap: 0 3px; }
              #wrapper #header > .container #nav #hamburger > p > span {
                display: inline-block;
                overflow: hidden; }
                #wrapper #header > .container #nav #hamburger > p > span > span {
                  display: inline-block;
                  position: relative;
                  -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
                  transition: -webkit-transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
                  -o-transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
                  transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
                  transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1), -webkit-transform 0.6s cubic-bezier(0.25, 1, 0.5, 1); }
                  #wrapper #header > .container #nav #hamburger > p > span > span:after {
                    content: "Close";
                    display: inline-block;
                    position: absolute;
                    top: 14px;
                    left: 50%;
                    -webkit-transform: translateX(-50%);
                    -ms-transform: translateX(-50%);
                    transform: translateX(-50%);
                    font-size: 14px;
                    color: #fafafa; }
              #wrapper #header > .container #nav #hamburger > p:before {
                content: "";
                display: inline-block;
                width: 7px;
                height: 15px;
                background-image: url("../images/h_paren_left_bk.webp");
                background-size: cover;
                background-repeat: no-repeat;
                -webkit-transition: background-image 0.6s cubic-bezier(0.25, 1, 0.5, 1);
                -o-transition: background-image 0.6s cubic-bezier(0.25, 1, 0.5, 1);
                transition: background-image 0.6s cubic-bezier(0.25, 1, 0.5, 1); }
              #wrapper #header > .container #nav #hamburger > p:after {
                content: "";
                display: inline-block;
                width: 8px;
                height: 20px;
                background-image: url("../images/h_paren_right_bk.webp");
                background-size: cover;
                background-repeat: no-repeat;
                -webkit-transition: background-image 0.6s cubic-bezier(0.25, 1, 0.5, 1);
                -o-transition: background-image 0.6s cubic-bezier(0.25, 1, 0.5, 1);
                transition: background-image 0.6s cubic-bezier(0.25, 1, 0.5, 1); }
          #wrapper #header > .container #nav > .btn {
            position: absolute;
            top: -1.6vw;
            right: -2.667vw;
            margin: 0;
            padding: 21.333vw 0 2.667vw 0;
            width: 61.333vw;
            background-color: rgba(30, 30, 30, 0.95);
            border-radius: 5px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            gap: 5.333vw 0;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            z-index: 998;
            opacity: 0;
            visibility: hidden;
            -webkit-transform: translateY(2.667vw) scale(0.95);
            -ms-transform: translateY(2.667vw) scale(0.95);
            transform: translateY(2.667vw) scale(0.95);
            -webkit-transition: opacity 0.6s cubic-bezier(0.25, 1, 0.5, 1), visibility 0.6s cubic-bezier(0.25, 1, 0.5, 1), -webkit-transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
            transition: opacity 0.6s cubic-bezier(0.25, 1, 0.5, 1), visibility 0.6s cubic-bezier(0.25, 1, 0.5, 1), -webkit-transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
            -o-transition: opacity 0.6s cubic-bezier(0.25, 1, 0.5, 1), visibility 0.6s cubic-bezier(0.25, 1, 0.5, 1), transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
            transition: opacity 0.6s cubic-bezier(0.25, 1, 0.5, 1), visibility 0.6s cubic-bezier(0.25, 1, 0.5, 1), transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
            transition: opacity 0.6s cubic-bezier(0.25, 1, 0.5, 1), visibility 0.6s cubic-bezier(0.25, 1, 0.5, 1), transform 0.6s cubic-bezier(0.25, 1, 0.5, 1), -webkit-transform 0.6s cubic-bezier(0.25, 1, 0.5, 1); }
            #wrapper #header > .container #nav > .btn.fadeIn {
              opacity: 1;
              visibility: visible;
              -webkit-transform: translateY(0) scale(1);
              -ms-transform: translateY(0) scale(1);
              transform: translateY(0) scale(1);
              -webkit-transition: opacity 0.6s cubic-bezier(0.25, 1, 0.5, 1), visibility 0.6s cubic-bezier(0.25, 1, 0.5, 1), -webkit-transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
              transition: opacity 0.6s cubic-bezier(0.25, 1, 0.5, 1), visibility 0.6s cubic-bezier(0.25, 1, 0.5, 1), -webkit-transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
              -o-transition: opacity 0.6s cubic-bezier(0.25, 1, 0.5, 1), visibility 0.6s cubic-bezier(0.25, 1, 0.5, 1), transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
              transition: opacity 0.6s cubic-bezier(0.25, 1, 0.5, 1), visibility 0.6s cubic-bezier(0.25, 1, 0.5, 1), transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
              transition: opacity 0.6s cubic-bezier(0.25, 1, 0.5, 1), visibility 0.6s cubic-bezier(0.25, 1, 0.5, 1), transform 0.6s cubic-bezier(0.25, 1, 0.5, 1), -webkit-transform 0.6s cubic-bezier(0.25, 1, 0.5, 1); }
            #wrapper #header > .container #nav > .btn > ul {
              padding-left: 8vw;
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-orient: vertical;
              -webkit-box-direction: normal;
              -ms-flex-direction: column;
              flex-direction: column;
              -webkit-box-align: start;
              -ms-flex-align: start;
              align-items: flex-start; }
              #wrapper #header > .container #nav > .btn > ul.page-nav {
                font-size: 5.333vw;
                gap: 2.667vw 2.749vw; }
              #wrapper #header > .container #nav > .btn > ul.sns-nav {
                font-size: 2.667vw;
                gap: 1.6vw 0; }
                #wrapper #header > .container #nav > .btn > ul.sns-nav > li a {
                  padding: 1.067vw 2.667vw;
                  border: 1px solid #676767;
                  border-radius: 9999px; }
              #wrapper #header > .container #nav > .btn > ul > li {
                position: relative; }
                #wrapper #header > .container #nav > .btn > ul > li > a {
                  display: block;
                  position: relative;
                  line-height: 1;
                  letter-spacing: 0;
                  color: #fafafa; }
            #wrapper #header > .container #nav > .btn > .ornament_text {
              display: block;
              margin-top: 4.267vw;
              overflow: hidden;
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              width: 100%;
              height: 2.933vw; }
              #wrapper #header > .container #nav > .btn > .ornament_text > img {
                display: block;
                width: 146.957%;
                max-width: none;
                height: 100%;
                -o-object-fit: contain;
                object-fit: contain;
                -ms-flex-negative: 0;
                flex-shrink: 0; } }
  #wrapper #mainImages {
    opacity: 0;
    visibility: hidden; }
    #wrapper #mainImages > .container {
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start; }
      #wrapper #mainImages > .container > .right-frame {
        margin-top: 8.056%;
        width: 46.528%; }
        #wrapper #mainImages > .container > .right-frame > .img {
          position: relative;
          width: 100%;
          padding-top: 150%;
          overflow: hidden;
          z-index: 1; }
          #wrapper #mainImages > .container > .right-frame > .img > span {
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%; }
            #wrapper #mainImages > .container > .right-frame > .img > span > img {
              position: absolute;
              top: 0;
              left: 0;
              width: 100%;
              height: 100%;
              -o-object-fit: cover;
              object-fit: cover; }
            #wrapper #mainImages > .container > .right-frame > .img > span.sp {
              display: none; }
      #wrapper #mainImages > .container > .left-frame {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        width: 53.472%;
        height: 100vh;
        padding-left: 2.778%; }
        #wrapper #mainImages > .container > .left-frame #mainCopy {
          position: relative;
          width: 74.247%;
          margin-top: 4.384%; }
          #wrapper #mainImages > .container > .left-frame #mainCopy > .handwritten_one {
            display: none;
            position: absolute;
            top: 0.481vw;
            left: 17.938vw;
            width: 19.313vw;
            height: auto; }
          #wrapper #mainImages > .container > .left-frame #mainCopy > .handwritten_two {
            display: none;
            position: absolute;
            bottom: 0.412vw;
            right: 7.629vw;
            width: 25.636vw;
            height: auto; }
          #wrapper #mainImages > .container > .left-frame #mainCopy > .handwritten_three {
            display: none;
            position: absolute;
            bottom: 0.344vw;
            right: 7.629vw;
            width: 24.674vw;
            height: auto; }
          #wrapper #mainImages > .container > .left-frame #mainCopy > .handwritten_four {
            display: none;
            display: none;
            position: absolute;
            bottom: 0.206vw;
            right: 8.797vw;
            width: 21.718vw;
            height: auto; }
          #wrapper #mainImages > .container > .left-frame #mainCopy > img {
            width: 100%; }
        #wrapper #mainImages > .container > .left-frame > p {
          margin-top: 1.333em;
          font-size: 1.237vw;
          line-height: 1.2; }
        #wrapper #mainImages > .container > .left-frame > .scrollDown {
          position: absolute;
          right: 1.299%;
          bottom: 0;
          margin-bottom: 2.597%;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center; }
          #wrapper #mainImages > .container > .left-frame > .scrollDown > .text {
            -webkit-writing-mode: vertical-rl;
            -ms-writing-mode: tb-rl;
            writing-mode: vertical-rl;
            font-size: 0.825vw;
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            gap: 0 0.137vw; }
            #wrapper #mainImages > .container > .left-frame > .scrollDown > .text > .asterisk {
              display: inline-block;
              width: 0.687vw;
              height: 0.823vw;
              background-image: url("../images/asterisk.svg");
              background-size: cover;
              background-repeat: no-repeat; }
        #wrapper #mainImages > .container > .left-frame > .movie {
          position: absolute;
          bottom: 0;
          left: 5.195%;
          margin-bottom: 2.597%; }
          #wrapper #mainImages > .container > .left-frame > .movie > a {
            display: block;
            padding: 0.619vw;
            border: solid 1px #8c8c8c;
            border-radius: 0.275vw;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: end;
            -ms-flex-align: end;
            align-items: flex-end;
            gap: 0 1.376vw;
            cursor: default; }
            #wrapper #mainImages > .container > .left-frame > .movie > a > span {
              display: block; }
              #wrapper #mainImages > .container > .left-frame > .movie > a > span.video {
                width: 8.935vw;
                height: 6.598vw;
                border-radius: 0.137vw;
                overflow: hidden; }
                #wrapper #mainImages > .container > .left-frame > .movie > a > span.video > span > video {
                  width: 100%;
                  height: 100%;
                  -o-object-fit: cover;
                  object-fit: cover; }
                #wrapper #mainImages > .container > .left-frame > .movie > a > span.video > span.sp {
                  display: none; }
              #wrapper #mainImages > .container > .left-frame > .movie > a > span.text {
                display: -webkit-inline-box;
                display: -ms-inline-flexbox;
                display: inline-flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                gap: 0 0.412vw;
                opacity: .6; }
                #wrapper #mainImages > .container > .left-frame > .movie > a > span.text > .text {
                  display: inline-block;
                  font-size: 0.825vw; }
                #wrapper #mainImages > .container > .left-frame > .movie > a > span.text > .arrow {
                  width: 1.237vw;
                  height: 1.1vw;
                  background-image: url("../images/arrow_youtube.webp");
                  background-size: contain;
                  background-repeat: no-repeat; }
          #wrapper #mainImages > .container > .left-frame > .movie:before {
            content: "";
            display: block;
            margin-bottom: 0.825vw;
            width: 13.883vw;
            height: 3.574vw;
            background-image: url("../images/youtube_arrow.webp");
            background-size: cover;
            background-repeat: no-repeat; }
      #wrapper #mainImages > .container #hdPageTop {
        display: none;
        position: fixed;
        bottom: 16px;
        right: 1.667%;
        opacity: 0;
        visibility: hidden;
        z-index: 999; }
        #wrapper #mainImages > .container #hdPageTop > a {
          display: -webkit-inline-box;
          display: -ms-inline-flexbox;
          display: inline-flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center; }
          #wrapper #mainImages > .container #hdPageTop > a > span {
            display: inline-block; }
            #wrapper #mainImages > .container #hdPageTop > a > span.text {
              font-size: 0.962vw; }
            #wrapper #mainImages > .container #hdPageTop > a > span.arrow {
              width: 1.375vw;
              height: 1.375vw;
              margin-left: 0.55vw;
              background-image: url("../images/arrow_backTop.svg");
              background-size: cover;
              background-repeat: no-repeat; }
    @media only screen and (min-width: 0px) and (max-width: 767px) {
      #wrapper #mainImages {
        opacity: 0;
        visibility: hidden; }
        #wrapper #mainImages > .container {
          position: relative;
          display: block;
          margin-top: 27.2%; }
          #wrapper #mainImages > .container > .right-frame {
            position: relative;
            width: 100%;
            padding-top: 150.133%;
            margin: 2.667% 0 0 0; }
            #wrapper #mainImages > .container > .right-frame > .img {
              display: none; }
          #wrapper #mainImages > .container > .left-frame {
            position: static;
            top: auto;
            width: auto;
            height: auto;
            padding-left: 0; }
            #wrapper #mainImages > .container > .left-frame #mainCopy {
              position: relative;
              width: 85.867%;
              margin: 0 0 0 5.333%; }
              #wrapper #mainImages > .container > .left-frame #mainCopy > img {
                width: 100%; }
            #wrapper #mainImages > .container > .left-frame > .scrollDown {
              position: static;
              bottom: auto;
              left: auto;
              margin: 12.8% 5.333% 0 0;
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-align: center;
              -ms-flex-align: center;
              align-items: center;
              -webkit-box-pack: end;
              -ms-flex-pack: end;
              justify-content: flex-end; }
              #wrapper #mainImages > .container > .left-frame > .scrollDown > .text {
                -webkit-writing-mode: horizontal-tb;
                -ms-writing-mode: lr-tb;
                writing-mode: horizontal-tb;
                font-size: 2.667vw;
                display: -webkit-inline-box;
                display: -ms-inline-flexbox;
                display: inline-flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                gap: 0 0.8vw; }
                #wrapper #mainImages > .container > .left-frame > .scrollDown > .text > .asterisk {
                  display: inline-block;
                  width: 2.4vw;
                  height: 2.667vw;
                  background-image: url("../images/asterisk.svg");
                  background-size: cover;
                  background-repeat: no-repeat; }
            #wrapper #mainImages > .container > .left-frame > p {
              margin: 0.714em 0 0 5.333%;
              font-size: 3.733vw;
              font-weight: 600;
              line-height: 1.2; }
            #wrapper #mainImages > .container > .left-frame > .movie {
              display: none; }
          #wrapper #mainImages > .container #hdPageTop {
            display: block;
            position: fixed;
            bottom: 16px;
            right: 5.333%;
            opacity: 0;
            visibility: hidden;
            z-index: 999; }
            #wrapper #mainImages > .container #hdPageTop > a {
              display: -webkit-inline-box;
              display: -ms-inline-flexbox;
              display: inline-flex;
              -webkit-box-align: center;
              -ms-flex-align: center;
              align-items: center; }
              #wrapper #mainImages > .container #hdPageTop > a > span {
                display: inline-block; }
                #wrapper #mainImages > .container #hdPageTop > a > span.text {
                  font-size: 3.467vw; }
                #wrapper #mainImages > .container #hdPageTop > a > span.arrow {
                  width: 4.533vw;
                  height: 4vw;
                  margin-left: 1.333vw;
                  background-image: url("../images/arrow_backTop.webp");
                  background-size: cover;
                  background-repeat: no-repeat; } }
  #wrapper #footer {
    position: relative;
    margin-top: 13.889%;
    padding-bottom: 1.667%;
    z-index: 3; }
    #wrapper #footer > .container {
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: end;
      -ms-flex-align: end;
      align-items: flex-end;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
      #wrapper #footer > .container > .img {
        position: relative;
        width: 846px;
        margin-left: 2.778%; }
        #wrapper #footer > .container > .img > span.sp {
          display: none; }
        #wrapper #footer > .container > .img > span > img {
          width: 100%; }
      #wrapper #footer > .container > .right-frame {
        margin-right: 2.778%; }
        #wrapper #footer > .container > .right-frame #footerNav {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: justify;
          -ms-flex-pack: justify;
          justify-content: space-between;
          gap: 0 1.787vw; }
          #wrapper #footer > .container > .right-frame #footerNav > li {
            font-size: 1.031vw; }
            #wrapper #footer > .container > .right-frame #footerNav > li > a {
              display: inline-block;
              position: relative;
              line-height: 1; }
        #wrapper #footer > .container > .right-frame > .otherNav {
          margin-top: 2.749vw;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: justify;
          -ms-flex-pack: justify;
          justify-content: space-between; }
          #wrapper #footer > .container > .right-frame > .otherNav > .sns-nav {
            font-size: 0.687vw;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            gap: 0 0.55vw; }
            #wrapper #footer > .container > .right-frame > .otherNav > .sns-nav > li > a {
              padding: 0.275vw 0.687vw;
              border: solid 1px #c4c4c4;
              border-radius: 9999px; }
          #wrapper #footer > .container > .right-frame > .otherNav #ftPageTop {
            font-size: 0.893vw; }
            #wrapper #footer > .container > .right-frame > .otherNav #ftPageTop > a {
              display: -webkit-inline-box;
              display: -ms-inline-flexbox;
              display: inline-flex;
              -webkit-box-align: center;
              -ms-flex-align: center;
              align-items: center;
              gap: 0 0.344vw; }
              #wrapper #footer > .container > .right-frame > .otherNav #ftPageTop > a > .arrow {
                display: inline-block;
                width: 1.306vw;
                height: 1.237vw;
                background-image: url("../images/f_pagetop_arrow.webp");
                background-size: cover;
                background-repeat: no-repeat; }
    @media only screen and (min-width: 0px) and (max-width: 767px) {
      #wrapper #footer {
        position: relative;
        margin-top: 34.133%;
        padding-bottom: 4.267%;
        z-index: 3; }
        #wrapper #footer > .container {
          position: relative;
          display: block; }
          #wrapper #footer > .container > .img {
            position: relative;
            width: 85.867%;
            margin-left: 5.333%; }
            #wrapper #footer > .container > .img > span.pc {
              display: none; }
            #wrapper #footer > .container > .img > span.sp {
              display: block; }
            #wrapper #footer > .container > .img > span > img {
              width: 100%; }
          #wrapper #footer > .container > .right-frame {
            margin: 50px 0 0 0;
            padding: 0 5.333%; }
            #wrapper #footer > .container > .right-frame #footerNav {
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-pack: end;
              -ms-flex-pack: end;
              justify-content: flex-end;
              gap: 0 4.267vw; }
              #wrapper #footer > .container > .right-frame #footerNav > li {
                font-size: 4vw; }
                #wrapper #footer > .container > .right-frame #footerNav > li > a {
                  display: inline-block;
                  position: relative;
                  line-height: 1; }
            #wrapper #footer > .container > .right-frame > .otherNav {
              margin-top: 10.667vw;
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-pack: justify;
              -ms-flex-pack: justify;
              justify-content: space-between; }
              #wrapper #footer > .container > .right-frame > .otherNav > .sns-nav {
                font-size: 2.667vw;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                gap: 0 2.133vw; }
                #wrapper #footer > .container > .right-frame > .otherNav > .sns-nav > li > a {
                  padding: 0.533vw 2.667vw;
                  border: solid 1px #c4c4c4;
                  border-radius: 9999px; }
              #wrapper #footer > .container > .right-frame > .otherNav #ftPageTop {
                font-size: 3.467vw;
                -webkit-box-ordinal-group: 3;
                -ms-flex-order: 2;
                order: 2; }
                #wrapper #footer > .container > .right-frame > .otherNav #ftPageTop > a {
                  display: -webkit-inline-box;
                  display: -ms-inline-flexbox;
                  display: inline-flex;
                  -webkit-box-align: center;
                  -ms-flex-align: center;
                  align-items: center;
                  gap: 0 1.333vw; }
                  #wrapper #footer > .container > .right-frame > .otherNav #ftPageTop > a > .arrow {
                    display: inline-block;
                    width: 4.533vw;
                    height: 4.267vw;
                    background-image: url("../images/f_pagetop_arrow.webp");
                    background-size: cover;
                    background-repeat: no-repeat; } }
  #wrapper #photoModal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: #fafafa;
    opacity: 0;
    visibility: hidden;
    z-index: 999; }
    #wrapper #photoModal > .container {
      position: relative;
      width: 100%;
      height: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      #wrapper #photoModal > .container .closeBtn {
        position: absolute;
        top: 32px;
        right: 1.667%;
        font-size: 1.237vw;
        cursor: pointer;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
        #wrapper #photoModal > .container .closeBtn:before {
          content: "";
          display: inline-block;
          margin-right: 0.275vw;
          width: 0.825vw;
          height: 1.168vw;
          background-image: url("../images/modal_paren_left.webp");
          background-size: cover;
          background-repeat: no-repeat; }
        #wrapper #photoModal > .container .closeBtn:after {
          content: "";
          display: inline-block;
          margin-left: 0.206vw;
          width: 0.687vw;
          height: 1.168vw;
          background-image: url("../images/modal_paren_right.webp");
          background-size: cover;
          background-repeat: no-repeat; }
      #wrapper #photoModal > .container .imgContent {
        position: relative;
        width: 41.111%;
        padding-top: 41.111%; }
        #wrapper #photoModal > .container .imgContent > .img {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%; }
          #wrapper #photoModal > .container .imgContent > .img > img {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            -o-object-fit: contain;
            object-fit: contain; }
        #wrapper #photoModal > .container .imgContent > .text {
          position: absolute;
          top: 50%;
          right: 0;
          -webkit-transform: translate(calc(100% + 32px), -50%);
          -ms-transform: translate(calc(100% + 32px), -50%);
          transform: translate(calc(100% + 32px), -50%);
          font-size: 11px; }
          #wrapper #photoModal > .container .imgContent > .text > dl > div {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            gap: 10px; }
            #wrapper #photoModal > .container .imgContent > .text > dl > div > dt {
              color: #868686;
              font-weight: 100; }
            #wrapper #photoModal > .container .imgContent > .text > dl > div.location {
              margin-top: 8px; }
          #wrapper #photoModal > .container .imgContent > .text > p {
            margin-top: 16px; }
      #wrapper #photoModal > .container > .prevBtn {
        position: absolute;
        top: 50%;
        left: 1.667%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        font-size: 1.237vw;
        cursor: pointer;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
        #wrapper #photoModal > .container > .prevBtn:before {
          content: "";
          display: inline-block;
          margin-right: 0.55vw;
          width: 2.268vw;
          height: 1.306vw;
          background-image: url("../images/arrow_prev.webp");
          background-size: cover;
          background-repeat: no-repeat; }
      #wrapper #photoModal > .container > .nextBtn {
        position: absolute;
        top: 50%;
        right: 1.667%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        font-size: 1.237vw;
        cursor: pointer;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
        #wrapper #photoModal > .container > .nextBtn:after {
          content: "";
          display: inline-block;
          margin-left: 0.55vw;
          width: 2.268vw;
          height: 1.306vw;
          background-image: url("../images/arrow_next.webp");
          background-size: cover;
          background-repeat: no-repeat; }
    @media only screen and (min-width: 0px) and (max-width: 767px) {
      #wrapper #photoModal > .container .closeBtn {
        position: absolute;
        top: 24px;
        right: 5.333%;
        font-size: 3.733vw; }
        #wrapper #photoModal > .container .closeBtn:before {
          margin-right: 0.8vw;
          width: 2.4vw;
          height: 3.467vw;
          background-image: url("../images/modal_paren_left.webp"); }
        #wrapper #photoModal > .container .closeBtn:after {
          margin-left: 0.8vw;
          width: 1.867vw;
          height: 3.2vw;
          background-image: url("../images/modal_paren_right.webp"); }
        #wrapper #photoModal > .container .closeBtn:hover {
          opacity: 1; }
      #wrapper #photoModal > .container .imgContent {
        position: relative;
        width: 89.333%;
        padding-top: 89.333%; }
        #wrapper #photoModal > .container .imgContent > .text {
          position: absolute;
          top: auto;
          bottom: 0;
          right: auto;
          left: 0;
          -webkit-transform: translate(0, calc(100% + 20px));
          -ms-transform: translate(0, calc(100% + 20px));
          transform: translate(0, calc(100% + 20px));
          font-size: 10px; }
          #wrapper #photoModal > .container .imgContent > .text:before {
            content: "";
            display: block;
            width: 32px;
            height: 1px;
            background-color: #161616; }
          #wrapper #photoModal > .container .imgContent > .text > dl {
            padding-top: 30px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            gap: 0 20px; }
            #wrapper #photoModal > .container .imgContent > .text > dl > div {
              display: block; }
              #wrapper #photoModal > .container .imgContent > .text > dl > div > dt {
                color: #868686; }
              #wrapper #photoModal > .container .imgContent > .text > dl > div > dd {
                margin-top: 8px; }
              #wrapper #photoModal > .container .imgContent > .text > dl > div.location {
                margin-top: 0px; }
          #wrapper #photoModal > .container .imgContent > .text > p {
            display: none; }
      #wrapper #photoModal > .container > .prevBtn {
        top: auto;
        bottom: 64px;
        left: auto;
        right: 5.333%;
        -webkit-transform: translate(calc(-100% - 34px), 0);
        -ms-transform: translate(calc(-100% - 34px), 0);
        transform: translate(calc(-100% - 34px), 0);
        font-size: 3.733vw; }
        #wrapper #photoModal > .container > .prevBtn:before {
          margin-right: 8px;
          width: 25px;
          height: 14px;
          background-image: url("../images/arrow_prev.webp"); }
        #wrapper #photoModal > .container > .prevBtn:hover {
          opacity: 1; }
      #wrapper #photoModal > .container > .nextBtn {
        position: absolute;
        top: auto;
        bottom: 64px;
        right: 5.333%;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        font-size: 3.733vw; }
        #wrapper #photoModal > .container > .nextBtn:after {
          margin-left: 8px;
          width: 25px;
          height: 14px;
          background-image: url("../images/arrow_next.webp"); }
        #wrapper #photoModal > .container > .nextBtn:hover {
          opacity: 1; } }
  @media only screen and (min-width: 0px) and (max-width: 767px) {
    #wrapper {
      min-width: 0px; }
      #wrapper .pc__p {
        display: none; }
      #wrapper .sp__p {
        display: inline-block; } }

/* CSS Document -- _cont.scss */
/* --------  contents  -------- */
#wrapper #contents {
  position: relative;
  z-index: 1; }
  #wrapper #contents #index #main #iAbout {
    margin-top: 15.972%;
    padding: 0 2.778%; }
    #wrapper #contents #index #main #iAbout > .line {
      position: relative;
      width: 100%;
      height: 7px;
      background-image: url("../images/dashed_line.svg");
      background-repeat: repeat-x;
      background-size: auto 100%;
      z-index: -1; }
    #wrapper #contents #index #main #iAbout > .container {
      position: relative;
      padding: 7.5% 0;
      text-align: center; }
      #wrapper #contents #index #main #iAbout > .container > h2.secTitle {
        display: inline-block;
        position: relative;
        font-size: 1.649vw; }
      #wrapper #contents #index #main #iAbout > .container > .box {
        margin-top: 1.471%; }
        #wrapper #contents #index #main #iAbout > .container > .box > .text {
          text-align: center;
          font-family: "Noto Sans JP", sans-serif;
          color: #646464;
          font-weight: 400; }
          #wrapper #contents #index #main #iAbout > .container > .box > .text > p {
            margin-top: 1.167em;
            font-size: clamp(12px, 0.825vw, 14px);
            line-height: 1.9; }
            #wrapper #contents #index #main #iAbout > .container > .box > .text > p:first-child {
              margin-top: 0; }
      #wrapper #contents #index #main #iAbout > .container:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 7.059%;
        -webkit-transform: translateY(-44%);
        -ms-transform: translateY(-44%);
        transform: translateY(-44%);
        width: 9.416vw;
        height: 11.409vw;
        background-image: url("../images/i_about_ornament01.webp");
        background-size: cover;
        background-repeat: no-repeat; }
      #wrapper #contents #index #main #iAbout > .container:after {
        content: "";
        display: block;
        position: absolute;
        bottom: 0;
        right: 4.297%;
        -webkit-transform: translateY(36%);
        -ms-transform: translateY(36%);
        transform: translateY(36%);
        width: 10.034vw;
        height: 13.952vw;
        background-image: url("../images/i_about_ornament02.webp");
        background-size: cover;
        background-repeat: no-repeat; }
    @media only screen and (min-width: 0px) and (max-width: 767px) {
      #wrapper #contents #index #main #iAbout {
        margin-top: 34.133%;
        padding: 0 5.333%; }
        #wrapper #contents #index #main #iAbout > .line {
          width: 100%;
          height: 5px;
          background-image: url("../images/dashed_line.svg");
          background-repeat: repeat-x;
          background-size: auto 100%; }
        #wrapper #contents #index #main #iAbout > .container {
          position: relative;
          padding: 22.388% 0; }
          #wrapper #contents #index #main #iAbout > .container > h2.secTitle {
            display: inline-block;
            position: relative;
            font-size: 5.867vw; }
          #wrapper #contents #index #main #iAbout > .container > .box {
            margin-top: 4.776%; }
            #wrapper #contents #index #main #iAbout > .container > .box > .text {
              text-align: center;
              font-family: "Noto Sans JP", sans-serif;
              color: #646464;
              font-weight: 400; }
              #wrapper #contents #index #main #iAbout > .container > .box > .text > p {
                margin-top: 1.667em;
                font-size: 12px;
                line-height: 1.9; }
                #wrapper #contents #index #main #iAbout > .container > .box > .text > p:first-child {
                  margin-top: 0; }
          #wrapper #contents #index #main #iAbout > .container:before {
            content: "";
            display: block;
            position: absolute;
            top: 0;
            left: 2.985%;
            -webkit-transform: translateY(-44%);
            -ms-transform: translateY(-44%);
            transform: translateY(-44%);
            width: 19.467vw;
            height: 24vw;
            background-image: url("../images/i_about_ornament01.webp");
            background-size: cover;
            background-repeat: no-repeat; }
          #wrapper #contents #index #main #iAbout > .container:after {
            content: "";
            display: block;
            position: absolute;
            bottom: 0;
            right: 4.297%;
            -webkit-transform: translateY(45%);
            -ms-transform: translateY(45%);
            transform: translateY(45%);
            width: 22.933vw;
            height: 32vw;
            background-image: url("../images/i_about_ornament02.webp");
            background-size: cover;
            background-repeat: no-repeat; } }
  #wrapper #contents #index #main #iFavorite {
    margin-top: 13.333%; }
    #wrapper #contents #index #main #iFavorite > .container {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start; }
      #wrapper #contents #index #main #iFavorite > .container > h2.secTitle {
        position: -webkit-sticky;
        position: sticky;
        top: 2.199vw;
        width: 7.083%;
        font-size: 2.199vw;
        margin-right: 2.778%;
        -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
        writing-mode: vertical-rl;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2; }
        #wrapper #contents #index #main #iFavorite > .container > h2.secTitle:after {
          content: "";
          display: inline-block;
          width: 2.749vw;
          height: 2.131vw;
          margin-top: 0.206vw;
          background-image: url("../images/i_favorite_ornament_pc.webp");
          background-size: cover;
          background-repeat: no-repeat; }
      #wrapper #contents #index #main #iFavorite > .container > .box {
        width: 92.917%;
        padding-left: 2.778%;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1; }
        #wrapper #contents #index #main #iFavorite > .container > .box > ul > li {
          margin-top: 8px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex; }
          #wrapper #contents #index #main #iFavorite > .container > .box > ul > li:first-child {
            margin-top: 0; }
          #wrapper #contents #index #main #iFavorite > .container > .box > ul > li > .img {
            position: relative;
            width: 78.197%; }
            #wrapper #contents #index #main #iFavorite > .container > .box > ul > li > .img > img {
              opacity: 0; }
          #wrapper #contents #index #main #iFavorite > .container > .box > ul > li > .info {
            margin-left: 2.199vw;
            padding: 3.299vw 0 1.649vw 0;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start; }
            #wrapper #contents #index #main #iFavorite > .container > .box > ul > li > .info > .number {
              font-size: 11px;
              display: -webkit-inline-box;
              display: -ms-inline-flexbox;
              display: inline-flex;
              -webkit-box-orient: vertical;
              -webkit-box-direction: normal;
              -ms-flex-direction: column;
              flex-direction: column;
              -webkit-box-align: center;
              -ms-flex-align: center;
              align-items: center; }
              #wrapper #contents #index #main #iFavorite > .container > .box > ul > li > .info > .number > span:first-child {
                margin-bottom: 6px;
                display: -webkit-inline-box;
                display: -ms-inline-flexbox;
                display: inline-flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                gap: 6px 0; }
                #wrapper #contents #index #main #iFavorite > .container > .box > ul > li > .info > .number > span:first-child:after {
                  content: "";
                  display: -webkit-inline-box;
                  display: -ms-inline-flexbox;
                  display: inline-flex;
                  width: 1px;
                  height: 8px;
                  background-color: #acacac; }
            #wrapper #contents #index #main #iFavorite > .container > .box > ul > li > .info > .detail {
              font-size: 12px; }
              #wrapper #contents #index #main #iFavorite > .container > .box > ul > li > .info > .detail > dl > div {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex; }
                #wrapper #contents #index #main #iFavorite > .container > .box > ul > li > .info > .detail > dl > div.location {
                  margin-top: 12px; }
                #wrapper #contents #index #main #iFavorite > .container > .box > ul > li > .info > .detail > dl > div > dt {
                  color: #939393;
                  font-weight: 100; }
                #wrapper #contents #index #main #iFavorite > .container > .box > ul > li > .info > .detail > dl > div > dd {
                  margin-left: 10px; }
              #wrapper #contents #index #main #iFavorite > .container > .box > ul > li > .info > .detail > .text {
                margin-top: 24px; }
    @media only screen and (min-width: 0px) and (max-width: 767px) {
      #wrapper #contents #index #main #iFavorite {
        margin-top: 34.133%; }
        #wrapper #contents #index #main #iFavorite > .container {
          display: block; }
          #wrapper #contents #index #main #iFavorite > .container > h2.secTitle {
            position: static;
            top: auto;
            width: auto;
            font-size: 7.733vw;
            margin: 0 0 5.333% 5.333%;
            -webkit-writing-mode: horizontal-tb;
            -ms-writing-mode: lr-tb;
            writing-mode: horizontal-tb;
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center; }
            #wrapper #contents #index #main #iFavorite > .container > h2.secTitle:after {
              content: "";
              display: inline-block;
              width: 8vw;
              height: 9.867vw;
              margin: 0 0 0 1.333vw;
              background-image: url("../images/i_favorite_ornament_sp.webp");
              background-size: cover;
              background-repeat: no-repeat; }
          #wrapper #contents #index #main #iFavorite > .container > .box {
            width: auto;
            padding-left: 0; }
            #wrapper #contents #index #main #iFavorite > .container > .box > ul > li {
              margin-top: 12.8%;
              display: block; }
              #wrapper #contents #index #main #iFavorite > .container > .box > ul > li:first-child {
                margin-top: 0; }
              #wrapper #contents #index #main #iFavorite > .container > .box > ul > li > .img {
                position: relative;
                width: auto; }
                #wrapper #contents #index #main #iFavorite > .container > .box > ul > li > .img > img {
                  opacity: 0; }
              #wrapper #contents #index #main #iFavorite > .container > .box > ul > li > .info {
                margin: 4.8% 0 0 0;
                padding: 0 5.333%;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: horizontal;
                -webkit-box-direction: normal;
                -ms-flex-direction: row;
                flex-direction: row;
                -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                justify-content: space-between;
                -webkit-box-align: start;
                -ms-flex-align: start;
                align-items: flex-start; }
                #wrapper #contents #index #main #iFavorite > .container > .box > ul > li > .info > .number {
                  font-size: 10px;
                  display: -webkit-inline-box;
                  display: -ms-inline-flexbox;
                  display: inline-flex;
                  -webkit-box-orient: horizontal;
                  -webkit-box-direction: normal;
                  -ms-flex-direction: row;
                  flex-direction: row;
                  -webkit-box-align: center;
                  -ms-flex-align: center;
                  align-items: center;
                  -webkit-box-ordinal-group: 3;
                  -ms-flex-order: 2;
                  order: 2; }
                  #wrapper #contents #index #main #iFavorite > .container > .box > ul > li > .info > .number > span:first-child {
                    margin: 0 5px 0 0;
                    display: -webkit-inline-box;
                    display: -ms-inline-flexbox;
                    display: inline-flex;
                    -webkit-box-orient: horizontal;
                    -webkit-box-direction: normal;
                    -ms-flex-direction: row;
                    flex-direction: row;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    gap: 5px; }
                    #wrapper #contents #index #main #iFavorite > .container > .box > ul > li > .info > .number > span:first-child:after {
                      content: "";
                      display: -webkit-inline-box;
                      display: -ms-inline-flexbox;
                      display: inline-flex;
                      width: 8px;
                      height: 1px;
                      background-color: #acacac; }
                #wrapper #contents #index #main #iFavorite > .container > .box > ul > li > .info > .detail {
                  font-size: 10px;
                  -webkit-box-ordinal-group: 2;
                  -ms-flex-order: 1;
                  order: 1; }
                  #wrapper #contents #index #main #iFavorite > .container > .box > ul > li > .info > .detail > dl {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    gap: 0 20px; }
                    #wrapper #contents #index #main #iFavorite > .container > .box > ul > li > .info > .detail > dl > div {
                      display: block; }
                      #wrapper #contents #index #main #iFavorite > .container > .box > ul > li > .info > .detail > dl > div.location {
                        margin-top: 0; }
                      #wrapper #contents #index #main #iFavorite > .container > .box > ul > li > .info > .detail > dl > div > dt {
                        color: #939393;
                        font-weight: 100; }
                      #wrapper #contents #index #main #iFavorite > .container > .box > ul > li > .info > .detail > dl > div > dd {
                        margin: 8px 0 0 0; }
                  #wrapper #contents #index #main #iFavorite > .container > .box > ul > li > .info > .detail > .text {
                    display: none; } }
  #wrapper #contents #index #main #iGallery {
    margin-top: 13.333%; }
    #wrapper #contents #index #main #iGallery > .container > .text {
      padding: 0 5.556%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: end;
      -ms-flex-align: end;
      align-items: flex-end; }
      #wrapper #contents #index #main #iGallery > .container > .text > h2.secTitle {
        position: relative;
        font-size: 2.749vw;
        line-height: 1; }
        #wrapper #contents #index #main #iGallery > .container > .text > h2.secTitle:before {
          content: "";
          display: inline-block;
          position: absolute;
          top: 50%;
          right: -3.162vw;
          -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          transform: translateY(-50%);
          width: 2.68vw;
          height: 1.856vw;
          background-image: url("../images/i_gallary_ornament.webp");
          background-size: cover;
          background-repeat: no-repeat; }
      #wrapper #contents #index #main #iGallery > .container > .text > p {
        margin: 0 0 0.385em 1.077em;
        font-size: 0.825vw;
        line-height: 1; }
    #wrapper #contents #index #main #iGallery > .container > .box {
      position: relative;
      text-align: center;
      margin-top: 2.222%; }
      #wrapper #contents #index #main #iGallery > .container > .box > .imgArea {
        position: relative;
        padding: 0 5.556%;
        z-index: 3; }
        #wrapper #contents #index #main #iGallery > .container > .box > .imgArea > .ul > ul {
          border-bottom: 1px dashed #acacac;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
          #wrapper #contents #index #main #iGallery > .container > .box > .imgArea > .ul > ul > li {
            width: calc(100% / 3);
            height: 29.324vw;
            position: relative;
            padding: 3.75%;
            border-top: 1px dashed #acacac;
            -webkit-transition: opacity 0.2s ease;
            -o-transition: opacity 0.2s ease;
            transition: opacity 0.2s ease; }
            #wrapper #contents #index #main #iGallery > .container > .box > .imgArea > .ul > ul > li:nth-child(3n + 1) {
              border-right: 1px dashed #acacac; }
            #wrapper #contents #index #main #iGallery > .container > .box > .imgArea > .ul > ul > li:nth-child(3n + 2) {
              border-right: 1px dashed #acacac; }
            #wrapper #contents #index #main #iGallery > .container > .box > .imgArea > .ul > ul > li > .img_frame {
              position: relative;
              width: 100%;
              height: 100%;
              -o-object-fit: cover;
              object-fit: cover;
              overflow: hidden;
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-pack: center;
              -ms-flex-pack: center;
              justify-content: center;
              -webkit-box-align: center;
              -ms-flex-align: center;
              align-items: center;
              cursor: pointer;
              z-index: 1; }
              #wrapper #contents #index #main #iGallery > .container > .box > .imgArea > .ul > ul > li > .img_frame > .img {
                position: relative;
                width: 100%;
                height: auto;
                opacity: 0;
                visibility: hidden;
                overflow: hidden; }
                #wrapper #contents #index #main #iGallery > .container > .box > .imgArea > .ul > ul > li > .img_frame > .img.img.fadeIn {
                  opacity: 1;
                  visibility: visible;
                  -webkit-transition: opacity 2.5s cubic-bezier(0.16, 1, 0.3, 1), visibility 2.5s cubic-bezier(0.16, 1, 0.3, 1);
                  -o-transition: opacity 2.5s cubic-bezier(0.16, 1, 0.3, 1), visibility 2.5s cubic-bezier(0.16, 1, 0.3, 1);
                  transition: opacity 2.5s cubic-bezier(0.16, 1, 0.3, 1), visibility 2.5s cubic-bezier(0.16, 1, 0.3, 1); }
                #wrapper #contents #index #main #iGallery > .container > .box > .imgArea > .ul > ul > li > .img_frame > .img > img {
                  width: 100%;
                  height: auto; }
                #wrapper #contents #index #main #iGallery > .container > .box > .imgArea > .ul > ul > li > .img_frame > .img.portrait {
                  width: auto;
                  height: 100%; }
                  #wrapper #contents #index #main #iGallery > .container > .box > .imgArea > .ul > ul > li > .img_frame > .img.portrait > img {
                    width: auto;
                    height: 100%; }
                #wrapper #contents #index #main #iGallery > .container > .box > .imgArea > .ul > ul > li > .img_frame > .img > .cursor {
                  position: absolute;
                  top: 0;
                  left: 0;
                  width: 11.409vw;
                  opacity: 0;
                  z-index: 3;
                  -webkit-transition: opacity 0.2s ease;
                  -o-transition: opacity 0.2s ease;
                  transition: opacity 0.2s ease;
                  pointer-events: none; }
                  #wrapper #contents #index #main #iGallery > .container > .box > .imgArea > .ul > ul > li > .img_frame > .img > .cursor > img {
                    width: 100%; }
                #wrapper #contents #index #main #iGallery > .container > .box > .imgArea > .ul > ul > li > .img_frame > .img > .sp_cursor {
                  display: none; }
                #wrapper #contents #index #main #iGallery > .container > .box > .imgArea > .ul > ul > li > .img_frame > .img > .info {
                  position: absolute;
                  top: 0;
                  left: 0;
                  width: 100%;
                  height: 100%;
                  background-color: rgba(30, 30, 30, 0.6);
                  color: #fafafa;
                  text-align: left;
                  opacity: 0;
                  visibility: hidden;
                  z-index: 2; }
                  #wrapper #contents #index #main #iGallery > .container > .box > .imgArea > .ul > ul > li > .img_frame > .img > .info > .text {
                    position: absolute;
                    top: 1.1vw;
                    left: 1.1vw;
                    font-size: 13px;
                    font-weight: 300;
                    line-height: 1.2; }
                  #wrapper #contents #index #main #iGallery > .container > .box > .imgArea > .ul > ul > li > .img_frame > .img > .info > dl {
                    position: absolute;
                    bottom: 1.1vw;
                    right: 1.1vw; }
                    #wrapper #contents #index #main #iGallery > .container > .box > .imgArea > .ul > ul > li > .img_frame > .img > .info > dl > div {
                      text-align: right; }
                      #wrapper #contents #index #main #iGallery > .container > .box > .imgArea > .ul > ul > li > .img_frame > .img > .info > dl > div > dt {
                        color: #adadad;
                        font-size: 11px;
                        font-weight: 100; }
                      #wrapper #contents #index #main #iGallery > .container > .box > .imgArea > .ul > ul > li > .img_frame > .img > .info > dl > div > dd {
                        margin-top: 5px;
                        font-size: 11px;
                        font-weight: 300; }
                      #wrapper #contents #index #main #iGallery > .container > .box > .imgArea > .ul > ul > li > .img_frame > .img > .info > dl > div.location {
                        margin-top: 12px; }
                #wrapper #contents #index #main #iGallery > .container > .box > .imgArea > .ul > ul > li > .img_frame > .img:hover > .cursor {
                  opacity: 1; }
                #wrapper #contents #index #main #iGallery > .container > .box > .imgArea > .ul > ul > li > .img_frame > .img:hover > .info {
                  opacity: 1;
                  visibility: visible; }
      #wrapper #contents #index #main #iGallery > .container > .box #loadMore {
        display: inline-block;
        margin-top: 2.778%;
        font-size: 1.376vw;
        cursor: pointer;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
        #wrapper #contents #index #main #iGallery > .container > .box #loadMore:after {
          content: "";
          display: block;
          margin-top: 0.55vw;
          width: 1.1vw;
          height: 1.718vw;
          background-image: url("../images/viewmore_arrow.webp");
          background-size: cover;
          background-repeat: no-repeat; }
      #wrapper #contents #index #main #iGallery > .container > .box #loadMore.ornament {
        cursor: default; }
        #wrapper #contents #index #main #iGallery > .container > .box #loadMore.ornament:after {
          content: "";
          display: block;
          margin-top: 0.687vw;
          width: 1.787vw;
          height: 1.649vw;
          background-image: url("../images/viewmore_ornament.webp");
          background-size: cover;
          background-repeat: no-repeat; }
        #wrapper #contents #index #main #iGallery > .container > .box #loadMore.ornament:hover {
          opacity: 1; }
      #wrapper #contents #index #main #iGallery > .container > .box > .partitionImg {
        position: relative;
        height: 100vh;
        margin-top: 1000px;
        overflow: hidden;
        z-index: 1; }
        #wrapper #contents #index #main #iGallery > .container > .box > .partitionImg > span {
          display: block;
          position: relative;
          width: 100%;
          height: 100%; }
          #wrapper #contents #index #main #iGallery > .container > .box > .partitionImg > span > img {
            position: absolute;
            left: 0;
            bottom: 0;
            max-width: 100%;
            width: 100%; }
          #wrapper #contents #index #main #iGallery > .container > .box > .partitionImg > span.sp {
            display: none; }
        #wrapper #contents #index #main #iGallery > .container > .box > .partitionImg > .info {
          position: absolute;
          bottom: 0;
          right: 1.667%;
          margin-bottom: 1.667%;
          color: #fafafa;
          text-align: right; }
          #wrapper #contents #index #main #iGallery > .container > .box > .partitionImg > .info > dl > div {
            text-align: right; }
            #wrapper #contents #index #main #iGallery > .container > .box > .partitionImg > .info > dl > div > dt {
              color: #bdbdbd;
              font-size: 11px; }
            #wrapper #contents #index #main #iGallery > .container > .box > .partitionImg > .info > dl > div > dd {
              margin-top: 5px;
              font-size: 11px;
              font-weight: 300; }
            #wrapper #contents #index #main #iGallery > .container > .box > .partitionImg > .info > dl > div.location {
              margin-top: 12px; }
          #wrapper #contents #index #main #iGallery > .container > .box > .partitionImg > .info > .text {
            margin-top: 18px;
            font-size: 11px; }
    @media only screen and (min-width: 0px) and (max-width: 767px) {
      #wrapper #contents #index #main #iGallery {
        margin-top: 34.133%; }
        #wrapper #contents #index #main #iGallery > .container > .text {
          padding: 0 5.333%;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: justify;
          -ms-flex-pack: justify;
          justify-content: space-between;
          -webkit-box-align: end;
          -ms-flex-align: end;
          align-items: flex-end; }
          #wrapper #contents #index #main #iGallery > .container > .text > h2.secTitle {
            position: relative;
            font-size: 7.333vw;
            line-height: 1; }
            #wrapper #contents #index #main #iGallery > .container > .text > h2.secTitle:before {
              content: "";
              display: inline-block;
              position: absolute;
              top: 50%;
              -webkit-transform: translateY(-50%);
              -ms-transform: translateY(-50%);
              transform: translateY(-50%);
              right: -9.6vw;
              width: 8.267vw;
              height: 5.867vw;
              background-image: url("../images/i_gallary_ornament.webp");
              background-size: cover;
              background-repeat: no-repeat; }
          #wrapper #contents #index #main #iGallery > .container > .text > p {
            margin: 0;
            font-size: 10px;
            line-height: 1; }
        #wrapper #contents #index #main #iGallery > .container > .box {
          position: relative;
          text-align: center;
          margin-top: 5.333%; }
          #wrapper #contents #index #main #iGallery > .container > .box > .imgArea {
            position: relative;
            padding: 0 5.333%;
            z-index: 3; }
            #wrapper #contents #index #main #iGallery > .container > .box > .imgArea > .ul > ul {
              border-bottom: 1px dashed #acacac;
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -ms-flex-wrap: wrap;
              flex-wrap: wrap; }
              #wrapper #contents #index #main #iGallery > .container > .box > .imgArea > .ul > ul > li {
                width: 100%;
                height: 89.333vw;
                position: relative;
                padding: 8.358%;
                cursor: pointer;
                border-top: 1px dashed transparenty;
                -webkit-border-image: -webkit-repeating-linear-gradient(left, #acacac 0 3px, transparent 3px 5px) 1;
                -o-border-image: -o-repeating-linear-gradient(left, #acacac 0 3px, transparent 3px 5px) 1;
                border-image: repeating-linear-gradient(to right, #acacac 0 3px, transparent 3px 5px) 1;
                -webkit-transition: opacity 0.2s ease;
                -o-transition: opacity 0.2s ease;
                transition: opacity 0.2s ease; }
                #wrapper #contents #index #main #iGallery > .container > .box > .imgArea > .ul > ul > li:nth-child(1):before, #wrapper #contents #index #main #iGallery > .container > .box > .imgArea > .ul > ul > li:nth-child(2):before {
                  border-right: none; }
                #wrapper #contents #index #main #iGallery > .container > .box > .imgArea > .ul > ul > li:nth-child(3n + 1) {
                  border-right: none; }
                #wrapper #contents #index #main #iGallery > .container > .box > .imgArea > .ul > ul > li:nth-child(3n + 2) {
                  border-right: none; }
                #wrapper #contents #index #main #iGallery > .container > .box > .imgArea > .ul > ul > li > .img_frame {
                  position: relative;
                  width: 100%;
                  height: 100%;
                  -o-object-fit: cover;
                  object-fit: cover;
                  overflow: hidden;
                  display: -webkit-box;
                  display: -ms-flexbox;
                  display: flex;
                  -webkit-box-pack: center;
                  -ms-flex-pack: center;
                  justify-content: center;
                  -webkit-box-align: center;
                  -ms-flex-align: center;
                  align-items: center;
                  cursor: default;
                  z-index: 1; }
                  #wrapper #contents #index #main #iGallery > .container > .box > .imgArea > .ul > ul > li > .img_frame > .img {
                    position: relative;
                    width: 100%;
                    height: auto;
                    opacity: 0;
                    visibility: hidden;
                    overflow: hidden; }
                    #wrapper #contents #index #main #iGallery > .container > .box > .imgArea > .ul > ul > li > .img_frame > .img.img.fadeIn {
                      opacity: 1;
                      visibility: visible;
                      -webkit-transition: opacity 2.5s cubic-bezier(0.16, 1, 0.3, 1), visibility 2.5s cubic-bezier(0.16, 1, 0.3, 1);
                      -o-transition: opacity 2.5s cubic-bezier(0.16, 1, 0.3, 1), visibility 2.5s cubic-bezier(0.16, 1, 0.3, 1);
                      transition: opacity 2.5s cubic-bezier(0.16, 1, 0.3, 1), visibility 2.5s cubic-bezier(0.16, 1, 0.3, 1); }
                    #wrapper #contents #index #main #iGallery > .container > .box > .imgArea > .ul > ul > li > .img_frame > .img > img {
                      width: 100%;
                      height: auto; }
                    #wrapper #contents #index #main #iGallery > .container > .box > .imgArea > .ul > ul > li > .img_frame > .img.portrait {
                      width: auto;
                      height: 100%; }
                      #wrapper #contents #index #main #iGallery > .container > .box > .imgArea > .ul > ul > li > .img_frame > .img.portrait > img {
                        width: auto;
                        height: 100%; }
                    #wrapper #contents #index #main #iGallery > .container > .box > .imgArea > .ul > ul > li > .img_frame > .img > .cursor {
                      display: none; }
                      #wrapper #contents #index #main #iGallery > .container > .box > .imgArea > .ul > ul > li > .img_frame > .img > .cursor > img {
                        width: 100%; }
                    #wrapper #contents #index #main #iGallery > .container > .box > .imgArea > .ul > ul > li > .img_frame > .img > .sp_cursor {
                      display: none; }
                    #wrapper #contents #index #main #iGallery > .container > .box > .imgArea > .ul > ul > li > .img_frame > .img > .info {
                      display: none; }
                      #wrapper #contents #index #main #iGallery > .container > .box > .imgArea > .ul > ul > li > .img_frame > .img > .info > .text {
                        position: absolute;
                        top: 1.1vw;
                        left: 1.1vw;
                        font-size: 13px;
                        font-weight: 300;
                        line-height: 1.2; }
                      #wrapper #contents #index #main #iGallery > .container > .box > .imgArea > .ul > ul > li > .img_frame > .img > .info > dl {
                        position: absolute;
                        bottom: 1.1vw;
                        right: 1.1vw; }
                        #wrapper #contents #index #main #iGallery > .container > .box > .imgArea > .ul > ul > li > .img_frame > .img > .info > dl > div {
                          text-align: right; }
                          #wrapper #contents #index #main #iGallery > .container > .box > .imgArea > .ul > ul > li > .img_frame > .img > .info > dl > div > dt {
                            color: #adadad;
                            font-size: 11px;
                            font-weight: 100; }
                          #wrapper #contents #index #main #iGallery > .container > .box > .imgArea > .ul > ul > li > .img_frame > .img > .info > dl > div > dd {
                            margin-top: 5px;
                            font-size: 11px;
                            font-weight: 300; }
                          #wrapper #contents #index #main #iGallery > .container > .box > .imgArea > .ul > ul > li > .img_frame > .img > .info > dl > div.location {
                            margin-top: 12px; }
                    #wrapper #contents #index #main #iGallery > .container > .box > .imgArea > .ul > ul > li > .img_frame > .img:hover > .cursor {
                      opacity: 1; }
                    #wrapper #contents #index #main #iGallery > .container > .box > .imgArea > .ul > ul > li > .img_frame > .img:hover > .info {
                      opacity: 1;
                      visibility: visible; }
          #wrapper #contents #index #main #iGallery > .container > .box #loadMore {
            display: inline-block;
            margin-top: 7.467%;
            font-size: 4.8vw;
            cursor: pointer;
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center; }
            #wrapper #contents #index #main #iGallery > .container > .box #loadMore:after {
              content: "";
              display: block;
              margin-top: 1.6vw;
              width: 3.467vw;
              height: 5.333vw;
              background-image: url("../images/viewmore_arrow.webp");
              background-size: cover;
              background-repeat: no-repeat; }
          #wrapper #contents #index #main #iGallery > .container > .box #loadMore.ornament {
            cursor: default; }
            #wrapper #contents #index #main #iGallery > .container > .box #loadMore.ornament:after {
              content: "";
              display: block;
              margin-top: 1.6vw;
              width: 5.867vw;
              height: 5.6vw;
              background-image: url("../images/viewmore_ornament.webp");
              background-size: cover;
              background-repeat: no-repeat; }
            #wrapper #contents #index #main #iGallery > .container > .box #loadMore.ornament:hover {
              opacity: 1; }
          #wrapper #contents #index #main #iGallery > .container > .box > .partitionImg {
            position: relative;
            height: 100vh;
            margin-top: 1000px;
            overflow: hidden;
            z-index: 1; }
            #wrapper #contents #index #main #iGallery > .container > .box > .partitionImg > span {
              display: block;
              position: relative;
              width: 100%;
              height: 100%; }
              #wrapper #contents #index #main #iGallery > .container > .box > .partitionImg > span > img {
                position: absolute;
                left: 0;
                bottom: 0;
                max-width: 100%;
                width: 100%; }
              #wrapper #contents #index #main #iGallery > .container > .box > .partitionImg > span.sp {
                display: none; }
            #wrapper #contents #index #main #iGallery > .container > .box > .partitionImg > .info {
              position: absolute;
              bottom: 0;
              right: 1.667%;
              margin-bottom: 1.667%;
              color: #fafafa;
              text-align: right; }
              #wrapper #contents #index #main #iGallery > .container > .box > .partitionImg > .info > dl > div {
                text-align: right; }
                #wrapper #contents #index #main #iGallery > .container > .box > .partitionImg > .info > dl > div > dt {
                  color: #bdbdbd;
                  font-size: 11px; }
                #wrapper #contents #index #main #iGallery > .container > .box > .partitionImg > .info > dl > div > dd {
                  margin-top: 5px;
                  font-size: 11px;
                  font-weight: 300; }
                #wrapper #contents #index #main #iGallery > .container > .box > .partitionImg > .info > dl > div.location {
                  margin-top: 12px; }
              #wrapper #contents #index #main #iGallery > .container > .box > .partitionImg > .info > .text {
                margin-top: 18px;
                font-size: 11px; } }