@charset "UTF-8";
* { margin: 0; padding: 0; box-sizing: border-box; }

html { height: 100%; overflow-y: scroll; }

body { font-family: europa,Shuei KakuGo Gin M; font-size: 3.34vw; color: #352f2d; line-height: 1.5; -webkit-text-size-adjust: 100%; }
@media (min-width: 768px) { body { font-size: 14px; line-height: 1.667; } }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote { margin: 0; padding: 0; }

table { border-collapse: collapse; font-size: inherit; }

fieldset, img { border: 0; border: none; vertical-align: top; }

img { width: 100%; }

address, caption, cite, code, dfn, th, var { font-style: normal; font-weight: normal; }

li { list-style: none; }

caption, th { text-align: left; }

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

abbr, acronym { border: 0; font-variant: normal; }

sup { vertical-align: text-top; }

sub { vertical-align: text-bottom; }

input, textarea, select { font-family: inherit; font-size: inherit; font-weight: inherit; }

input, textarea, select { font-size: 100%; vertical-align: middle; }

legend { color: #000000; }

pre, code, kbd, samp, tt { font-family: monospace; font-size: 108%; line-height: 100%; }

/**::-ms-backdrop, body{ font-family: Shuei KakuGo Gin M, Arial, Helvetica Neue, Helvetica, sans-serif; }*/
h1, h2, h3, h4, h5, h6 { font-family: "marcellus",Shuei KakuGo Gin M, sans-serif; font-weight: 400; font-style: normal; letter-spacing: 2px; }

a { color: #595757; text-decoration: none; outline: 0; }

@media (min-width: 768px) { a:hover { /*transition: $hoverAnimation; opacity: $opacity;*/ } }
@media (min-width: 768px) { a:hover { text-decoration: none; } }
.clearfix:after { content: ""; display: block; clear: both; }

.pre { white-space: pre; }

.non { display: none; }

.tac { text-align: center; }

.fwb { font-weight: bold; }

.flex { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; }

.en { font-family: "marcellus", sans-serif; font-weight: 400; font-style: normal; letter-spacing: 2px; }

.europa { font-family: europa, sans-serif; font-weight: 400; font-style: normal; letter-spacing: 0.8px; }

.ofi-img { object-fit: cover; object-position: top; font-family: 'object-fit: cover; object-position: top;'; }

@font-face { font-family: "marcellus"; src: url("/assets/font/Marcellus-Regular.woff") format("woff"); }
@media (max-width: 767px) { .pc { display: none !important; }
  .sp { display: block !important; } }
@media (min-width: 768px) { .pc { display: block !important; }
  .sp { display: none !important; } }
.btn1 { color: #fff; background-color: #deb19e; border-radius: 5px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center; align-items: center; }
@media (min-width: 768px) { .btn1 { cursor: pointer; transition: background-color 0.3s ease; }
  .btn1:hover { background-color: #e8c8bb; } }

header { width: 100%; background-color: #fff; border-bottom: 1px solid #c9caca; position: fixed; top: 0; left: 0; z-index: 999; }
header.on { border-bottom: none; }
header .headWrap { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: center; }
header h1 { width: 41.6%; margin: 0 auto 0 6%; line-height: 0; min-height: 16vw; display: flex; align-items: center; }
header h1 a { display: block; width: 100%; }
@media (min-width: 768px) { header h1 { width: 13.85%; max-width: 187px; min-height: 85px; } }
@media (max-width: 1000px) and (min-width: 768px) { header h1 { width: 27%; max-width: 205px; min-height: 85px; } }
header ul.headMenu { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; }
header ul.headMenu li { margin-right: 4vw; line-height: 0; }
header ul.headMenu li:last-child { margin-right: 6.66vw; }
header ul.headMenu li a { line-height: 0; }
header ul.headMenu li .txt { font-family: "marcellus"; display: none; }
header ul.headMenu li .icon { width: 8vw; height: 8vw; display: block; border: 1px solid #c9caca; border-radius: 80px; position: relative; }
header ul.headMenu li.m01 .icon::before { content: ""; width: 2.67vw; height: 2.4vw; background: url(/assets/img/common/mypage.svg) no-repeat center center; background-size: 100% 100%; position: absolute; top: calc(50% - 2.4vw / 2); left: calc(50% - 2.67vw / 2); }
header ul.headMenu li.m02 .icon::before { content: ""; width: 2.4vw; height: 2.4vw; background: url(/assets/img/common/search.svg) no-repeat center center; background-size: 100% 100%; position: absolute; top: calc(50% - 2.4vw / 2); left: calc(50% - 2.4vw / 2); }
@media (min-width: 768px) { header ul.headMenu { padding-top: 7px; justify-content: flex-start; } }
@media all and (min-width: 768px) and (-ms-high-contrast: none) { header ul.headMenu { width: 260px; } }
@media (min-width: 768px) { header ul.headMenu li { margin-right: 20px; line-height: 1.0; }
  header ul.headMenu li:last-child { margin-right: 0; }
  header ul.headMenu li.m01 { margin-right: 18px; }
  header ul.headMenu li.m01 a { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: center; line-height: 1; }
  header ul.headMenu li.m01 .txt { width: 70px; margin-right: 0; }
  header ul.headMenu li.m01 .icon::before { width: 11px; height: 10px; top: calc(50% - 10px / 2); left: calc(50% - 11px / 2); }
  header ul.headMenu li.m02 { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: center; cursor: pointer; }
  header ul.headMenu li.m02 .icon::before { width: 10px; height: 10px; top: calc(50% - 10px / 2); left: calc(50% - 10px / 2); }
  header ul.headMenu li.m02 .txt { padding-left: 1px; }
  header ul.headMenu li .txt { margin-right: 12px; padding-top: 3px; font-size: 11.67px; letter-spacing: 0.1em; display: block; }
  header ul.headMenu li .icon { width: 36px !important; height: 36px !important; }
  header ul.headMenu li img { width: auto; height: 10px; }
  header ul.headMenu li.m01 a .icon, header ul.headMenu li.m02 .icon { transition: border-color 0.3s ease,background-color 0.3s ease; }
  header ul.headMenu li.m01 a .icon::before, header ul.headMenu li.m02 .icon::before { transition: background 0.3s ease; }
  header ul.headMenu li.m01 a:hover .icon, header ul.headMenu li.m02:hover .icon { border-color: #deb19e; background-color: #deb19e; }
  header ul.headMenu li.m01 a:hover .icon::before { background: url(/assets/img/common/mypage_white.svg) no-repeat center center; background-size: 100% 100%; }
  header ul.headMenu li.m02:hover .icon::before { background: url(/assets/img/common/search_white.svg) no-repeat center center; background-size: 100% 100%; } }
header .menuBox { width: 16%; height: 16vw; background-color: #deb19e; cursor: pointer; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center; align-items: center; }
header .menuBox p.mbWrap { width: 5.34vw; height: 3.34vw; line-height: 1.0; position: relative; z-index: 101; }
header .menuBox span { width: 100%; /*height: 0.54vw;*/ height: 1px; background-color: #fff; position: absolute; left: 0; display: inline-block; transition: all .6s; box-sizing: border-box; }
header .menuBox span:nth-of-type(1) { top: -1px; }
header .menuBox span:nth-of-type(2) { top: 1.34vw; }
header .menuBox span:nth-of-type(3) { bottom: 0; }
header .menuBox.active span:nth-of-type(1) { -webkit-transform: translateY(1.6vw) rotate(315deg); transform: translateY(1.6vw) rotate(315deg); }
header .menuBox.active span:nth-of-type(2) { opacity: 0; }
header .menuBox.active span:nth-of-type(3) { -webkit-transform: translateY(-1.6vw) rotate(-315deg); transform: translateY(-1.6vw) rotate(-315deg); }
@media (min-width: 768px) { header .menuBox { width: 85px; height: 85px; margin-left: 50px; }
  header .menuBox p.mbWrap { width: 30px; height: 19px; }
  header .menuBox span { height: 1px; }
  header .menuBox span:nth-of-type(1) { top: 0; }
  header .menuBox span:nth-of-type(2) { top: 9px; }
  header .menuBox span:nth-of-type(3) { bottom: 0; }
  header .menuBox.active span:nth-of-type(1) { -webkit-transform: translateY(8px) rotate(315deg); transform: translateY(8px) rotate(315deg); }
  header .menuBox.active span:nth-of-type(3) { -webkit-transform: translateY(-9px) rotate(-315deg); transform: translateY(-9px) rotate(-315deg); } }
header p.hide { display: none; width: calc(100% - 16%); height: 16vw; background-color: #deb19e; position: absolute; top: 0; left: 0; z-index: 1; }
@media (min-width: 768px) { header p.hide { width: calc(100% - 85px); height: 85px; } }

.searchWrap { display: none; width: 100%; position: absolute; }
.searchWrap .bg { width: 100%; height: 100vh; background-color: rgba(159, 160, 160, 0.5); }
.searchWrap .sWrap { width: 100%; height: 16vw; position: absolute; top: 0; left: 0; background-color: #f4f4f4; }
.searchWrap .sWrap .icon { width: 4vw; height: 4vw; position: absolute; top: calc(50% - 4vw / 2); left: 3.34%; z-index: 1; cursor: pointer; }
.searchWrap .sWrap input[type="text"] { height: 100%; padding: 0 3.34% 0 calc(3.34% + 6.67vw); background-color: transparent; border-radius: 0; }
.searchWrap .sWrap input[type="text"]::placeholder { color: #727171; }
.searchWrap .sWrap p.close { font-size: 7.2vw; line-height: 1.0; position: absolute; top: calc(50% - 7.2vw / 2); right: 6.67vw; cursor: pointer; }
.searchWrap .sWrap p.close::after { content: "×"; color: #727171; }
@media (min-width: 768px) { .searchWrap { /*
.bg{
	width: 100%;
	height: 100vh;
	background-color: rgba(159,160,160,0.5);
}
*/ }
  .searchWrap .sWrap { width: 100%; height: 85px; background-color: #f4f4f4; }
  .searchWrap .sWrap .icon { width: 25px; height: 25px; top: calc(50% - 25px / 2); left: 3.7%; }
  .searchWrap .sWrap input[type="text"] { height: 100%; padding: 0 3.7% 0 calc(3.7% + 45px); }
  .searchWrap .sWrap p.close { font-size: 27px; top: calc(50% - 27px / 2); right: 3.7%; } }

.navWrap { display: none; width: 100%; height: calc(100vh - 16vw); position: fixed; top: 16vw; left: 0; z-index: 1000; transition: left 0.3s ease; background-color: #deb19e; }
.navWrap nav { padding: 9.33vw 12% 0; }
.navWrap nav a { color: #352f2d; }
.navWrap h2.navLogo { width: 61.4%; line-height: 1.0; }
.navWrap ul[class*="mainNav"] { margin: 14.4vw 0 0; float: left; }
.navWrap ul[class*="mainNav"] li { margin-bottom: 4.53vw; }
.navWrap ul[class*="mainNav"] span { display: block; }
.navWrap ul[class*="mainNav"] .en { font-size: 4.8vw; letter-spacing: 0.1em; }
.navWrap ul[class*="mainNav"] .jp { margin-top: 0.34vw; font-size: 2.8vw; letter-spacing: 0.05em; }
.navWrap ul.mainNav2 { margin-left: 15.8%; }
.navWrap .subNav { padding-top: 6.93vw; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; clear: both; }
.navWrap .subNav li { width: 50%; font-family: europa, sans-serif; font-weight: 400; font-style: normal; letter-spacing: 0.8px; font-size: 3.07vw; }
.navWrap .subNav p { margin-bottom: 3.47vw; }
.navWrap .subNav a { padding-left: 5.6vw; position: relative; }
.navWrap .subNav a::before { content: ""; width: 3.6vw; height: 3.6vw; position: absolute; top: calc(50% - 3.6vw / 2); left: 0; }
.navWrap .subNav .sns a { padding-left: 6vw; }
.navWrap .subNav .sns .link01 a::before { background: url(/assets/img/common/instaglum.svg) no-repeat center center; background-size: 100% 100%; left: 1px; }
.navWrap .subNav .sns .link02 a::before { width: 4vw; height: 2.94vw; background: url(/assets/img/common/youtube.svg) no-repeat center center; background-size: 100% 100%; top: calc(50% - 2.94vw / 2); }
.navWrap .subNav .site .link03 a::before { background: url(/assets/img/common/mypage_white.svg) no-repeat center center; background-size: 100% 100%; }
.navWrap .subNav .site .link04 a::before { background: url(/assets/img/common/logout03.svg) no-repeat center center; background-size: 100% 100%; }
.navWrap .subNav .site .link05 a::before { background: url(/assets/img/common/icon_index.svg) no-repeat center center; background-size: 100% 100%; }
@media (max-height: 550px) { .navWrap { height: 100%; overflow-y: scroll; }
  .navWrap nav { height: 300%; } }
@media (min-width: 768px) { .navWrap { padding: 0 13.33%; height: calc(100vh - 85px); top: 85px; }
  .navWrap nav { padding: 88px 0 0; }
  .navWrap nav a { color: #352f2d; transition: color 0.3s ease; }
  .navWrap nav a:hover { color: #f3e1d9; }
  .navWrap h2.navLogo { width: 90%; max-width: 990px; margin: auto; }
  .navWrap h2.navLogo a { width: 270px; display: block; }
  .navWrap .navInner { width: 90%; max-width: 990px; margin: 94px auto 0; margin: 86px auto 0; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; }
  .navWrap ul[class*="mainNav"] { margin: 0 11.5% 0 0; }
  .navWrap ul[class*="mainNav"] li { margin-bottom: 22px; margin-bottom: 28px; }
  .navWrap ul[class*="mainNav"] .en { font-size: 29px; }
  .navWrap ul[class*="mainNav"] .jp { margin-top: -8px; font-size: 12px; }
  .navWrap .subNav { width: 16%; padding-top: 0; display: block; }
  .navWrap .subNav li { width: auto; font-size: 14px; }
  .navWrap .subNav p { margin-bottom: 10px; }
  .navWrap .subNav a { padding-left: 30px; line-height: 1.0; }
  .navWrap .subNav a::before { width: 16px; height: 16px; top: calc(50% - 16px / 2); left: 0; transition: background 0.3s ease; }
  .navWrap .subNav .sns { margin-top: 10px; }
  .navWrap .subNav .sns a { padding-left: 30px; }
  .navWrap .subNav .sns .link01 a::before { left: 0; }
  .navWrap .subNav .sns .link01 a:hover::before { opacity: 0.6; }
  .navWrap .subNav .sns .link02 a::before { width: 18px; height: 13px; top: calc(50% - 13px / 2); }
  .navWrap .subNav .sns .link02 a:hover::before { opacity: 0.6; }
  .navWrap .subNav .site { margin-top: 80px; }
  .navWrap .subNav .site .link03 a::before { height: 15px; top: calc(50% - 15px / 2); }
  .navWrap .subNav .site .link03 a:hover::before, .navWrap .subNav .site .link04 a:hover::before, .navWrap .subNav .site .link05 a:hover::before { opacity: 0.6; }
  .navWrap .subNav .site .link05 { margin-top: 63px; } }
@media (max-width: 1000px) and (min-width: 768px) { .navWrap nav { padding: 5rem 0 0; }
  .navWrap h2.navLogo { width: 100%; }
  .navWrap .navInner { width: 100%; margin: 4.5rem auto 0; justify-content: space-between; }
  .navWrap ul[class*="mainNav"] { width: 72%; margin: 0; }
  .navWrap .subNav { width: 24%; margin: 0; } }
@media (min-width: 768px) and (max-height: 720px) { .navWrap { height: 100%; overflow-y: scroll; -ms-overflow-style: none; scrollbar-width: none; }
  .navWrap::-webkit-scrollbar { display: none; }
  .navWrap nav { height: 150%; } }

.animated { visibility: hidden; }
.animated.on { visibility: visible !important; }

.fade_left2.on { -webkit-animation-duration: 1.3s; animation-duration: 1.3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fade_left2; animation-name: fade_left2; }

.fade_in_left { -webkit-transform: translate(0, 0); transform: translate(0, 0); transition: opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1); transition: transform 1.2s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1); transition: transform 1.2s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 1.2s cubic-bezier(0.215, 0.61, 0.355, 1); overflow: hidden; }
.fade_in_left::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #deb19e; -webkit-transform: scaleX(0); transform: scaleX(0); z-index: 3; }
.fade_in_left.on { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); }
.fade_in_left.on::after { -webkit-animation: mask-bg 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) forwards; animation: mask-bg 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) forwards; }
.fade_in_left.on > span { -webkit-transform: translate(0, 0); transform: translate(0, 0); }
.fade_in_left.on > .fade_in_leftWrap { -webkit-transform: translate(0, 0); transform: translate(0, 0); }
.fade_in_left > span { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center; align-items: center; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; -webkit-transform: translate(-100%, 0); transform: translate(-100%, 0); transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0.05s; }
.fade_in_left > .fade_in_leftWrap { -webkit-transform: translate(-100%, 0); transform: translate(-100%, 0); transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0.05s; }

.vimeo.fade_in_left.on * { -webkit-transform: translate(0, 0); transform: translate(0, 0); }
.vimeo.fade_in_left * { -webkit-transform: translate(-100%, 0); transform: translate(-100%, 0); transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0.05s; }

@-webkit-keyframes fade_left2 { from { opacity: 0; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); }
  to { opacity: 1; -webkit-transform: none; transform: none; } }
@keyframes fade_left2 { from { opacity: 0; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@-webkit-keyframes mask-bg { 0% { -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: left center; transform-origin: left center; }
  45% { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: left center; transform-origin: left center; }
  55% { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: right center; transform-origin: right center; }
  100% { -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: right center; transform-origin: right center; } }
@keyframes mask-bg { 0% { -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: left center; transform-origin: left center; }
  45% { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: left center; transform-origin: left center; }
  55% { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: right center; transform-origin: right center; }
  100% { -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: right center; transform-origin: right center; } }
.fade_dw { opacity: 0; -webkit-transform: translate(0, -20px); transform: translate(0, -20px); transition: transform 1s cubic-bezier(0.04, 0.435, 0.315, 0.9), opacity 1.2s cubic-bezier(0.04, 0.435, 0.315, 0.9); transition: transform 1s cubic-bezier(0.04, 0.435, 0.315, 0.9), opacity 1.2s cubic-bezier(0.04, 0.435, 0.315, 0.9), -webkit-transform 1s cubic-bezier(0.04, 0.435, 0.315, 0.9); }
.fade_dw.on { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); visibility: visible !important; }

#modal { display: none; width: 100vw; height: 100vh; position: fixed; top: 0; left: 0; z-index: 999999; }
#modal .bgWrap { width: 100vw; height: 100vh; background-color: rgba(255, 255, 255, 0.9); position: absolute; top: 0; left: 0; }
#modal .modalWrap { width: 81.34vw; height: 80.44vh; position: absolute; top: 5.247vh; left: 0; right: 0; margin: auto; }
#modal .modalBox { width: 100%; height: 100%; position: relative; }
#modal #modalSwiper { width: 100%; height: calc(100% - 6.79vh); position: relative; }
#modal p.close { position: relative; bottom: -30px; left: 0; right: 0; margin: 0 auto; text-align: center; }
#modal p.close span { padding-left: 1.5rem; font-family: "marcellus", sans-serif; font-weight: 400; font-style: normal; letter-spacing: 2px; font-size: 15px; position: relative; z-index: 3; cursor: pointer; }
#modal p.close span::before { content: "×"; font-family: Shuei KakuGo Gin M; font-size: 17px; line-height: 1; position: absolute; top: calc(50% - 15px / 2); left: 0; }
@media (min-width: 768px) { #modal .modalWrap { width: 77.8%; height: 73.9%; top: 11vh; }
  #modal #modalSwiper { height: 90.3%; }
  #modal p.close { top: 42px; }
  #modal p.close span { padding-left: 24px; font-size: 19px; z-index: 3; transition: color 0.3s linear; }
  #modal p.close span::before { font-size: 23px; top: calc(50% - 19px / 2); left: -3px; }
  #modal p.close span:hover { color: #deb19e; } }

.btt { margin: 13.34vw 6.67vw 0 0; font-family: "marcellus", sans-serif; font-weight: 400; font-style: normal; letter-spacing: 2px; font-size: 5.07vw; color: #deb19e; line-height: 1.0; text-align: right; }
.btt span { cursor: pointer; }
@media (min-width: 768px) { .btt { width: 90%; max-width: 1090px; margin: 150px auto 0; font-size: 29px; }
  .btt span { display: inline-block; position: relative; /*
&:hover::before{
	width: 100%;
	left: 0;
	transition: width 0.5s ease, left 0.75s ease;
}
*/ }
  .btt span::before { content: ""; width: 0%; height: 1px; background-color: transparent; background-color: #deb19e; position: absolute; bottom: -1px; right: 0; transition: width 0.5s ease; }
  .btt:hover span::before { width: 100%; left: 0; transition: width 0.5s ease, left 0.75s ease; } }

.breadcrumb { width: 100%; margin-top: 6.4vw; padding: 2.4vw 9.3%; border-top: 1px solid #deb19e; }
.breadcrumb ul.inner { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap; }
.breadcrumb li { margin-left: 7.34%; font-family: europa, Shuei KakuGo Gin M, sans-serif; font-weight: 400; font-style: normal; letter-spacing: 0.05em; font-size: 2.8vw; position: relative; }
.breadcrumb li::before { content: ""; width: 1px; height: 2.8vw; background-color: #9fa0a0; position: absolute; top: calc(50% - 2.8vw / 2); left: -3.6vw; }
.breadcrumb li:first-child { margin-left: 0; }
.breadcrumb li:first-child::before { content: none; }
.breadcrumb li a { color: #9fa0a0; }
@media (min-width: 768px) { .breadcrumb { width: 100%; margin-top: 30px; padding: 12px 0 11px; }
  .breadcrumb ul.inner { width: 90%; max-width: 1090px; margin: auto; }
  .breadcrumb li { margin-left: 31px; font-size: 12px; }
  .breadcrumb li::before { height: 13px; top: calc(50% - 13px / 2); left: -16px; }
  .breadcrumb li a { transition: color 0.75s ease; }
  .breadcrumb li a:hover { color: #deb19e; } }

footer { padding: 10.67vw 9.3% 6.67vw; background-color: #deb19e; position: relative; }
footer a { color: #fff; }
footer ul[class*="mainmenu"] { width: 50%; font-family: "marcellus", sans-serif; font-weight: 400; font-style: normal; letter-spacing: 2px; font-size: 3.34vw; float: left; }
footer ul[class*="mainmenu"] li { margin: 0 13.105% 2vw 0; }
footer ul.mainmenu { width: calc(27% + 13.105%); }
footer .menu2 { padding-top: 4.27vw; font-size: 2.8vw; clear: both; overflow: hidden; }
footer .menu2 li { margin-bottom: 2.4vw; }
footer .menu2 li a[href$=".pdf"] { position: relative; }
footer .menu2 li a[href$=".pdf"]::after { content: ""; width: 2.93vw; height: 3.34vw; background: url(/assets/img/common/pdf.svg) no-repeat center center; position: absolute; top: calc(50% - 3.45vw / 2); right: -4.53vw; }
footer .menu2 .extLink a[target="_blank"] { position: relative; }
footer .menu2 .extLink a[target="_blank"]::after { content: ""; width: 2.4vw; height: 2.4vw; background: url(/assets/img/common/blank.svg) no-repeat center center; position: absolute; top: calc(50% - 2.4vw / 2); right: -3.74vw; }
footer .menu2 .snsLink { margin: 6.67vw 0 0; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: center; line-height: 0; }
footer .menu2 .snsLink .icon:first-child { width: 3.34vw; margin-right: 3.34vw; }
footer .menu2 .snsLink .icon:last-child { width: 3.74vw; }
footer p.copy { font-family: europa, sans-serif; font-weight: 400; font-style: normal; letter-spacing: 0.8px; font-size: 2.8vw; text-align: right; line-height: 1.0; position: absolute; bottom: 6.67vw; right: 9.3%; }
footer p.copy small { color: #fff; }
@media (min-width: 768px) { footer { padding: 41px 0 40px; }
  footer .footWrap { width: 90%; max-width: 1090px; margin: auto; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; position: relative; }
  footer ul[class*="mainmenu"] { width: calc(6.45em + 78px); font-size: 1.19em; letter-spacing: 0.1em; line-height: 0; }
  footer ul[class*="mainmenu"] li { margin: 0; line-height: 1.9994; }
  footer ul.mainmenu { width: calc(6.25em + 46px); margin-right: 0; }
  footer .menu2 { margin-top: 5px; padding-top: 0; padding-right: 2em; font-size: 0.833em; line-height: 1.964; letter-spacing: 0.05em; float: left; }
  footer .menu2 li { margin-bottom: 0; line-height: 1.964; }
  footer .menu2 li a[href$=".pdf"]::after { width: 13px; height: 15px; top: calc(50% - 15px / 2); right: -21px; }
  footer .menu2 li:first-child { margin-bottom: 2px; }
  footer .menu2 .extLink a[target="_blank"]::after { width: 10px; height: 10px; top: calc(50% - 10px / 2); right: -16px; }
  footer .menu2 .snsLink { margin: 45px 0 0; }
  footer .menu2 .snsLink a { line-height: 1.0; }
  footer .menu2 .snsLink .icon:first-child { width: 15px; margin-right: 20px; }
  footer .menu2 .snsLink .icon:last-child { width: 17px; }
  footer p.copy { bottom: 5px; right: -3px; }
  footer p.copy small { font-size: 11.67px; }
  footer a { transition: opacity 0.75s ease; }
  footer a:hover { opacity: 0.5; } }

input { font-family: Shuei KakuGo Gin M !important; }

input[type="text"], input[type="email"], input[type="password"] { width: 100%; height: 13.33vw; padding: 0 1.34rem; background-color: #fff; border-radius: 5px; border: none; }
@media (min-width: 768px) { input[type="text"], input[type="email"], input[type="password"] { height: 60px; padding: 0 6.52%; } }

::placeholder { color: #b5b5b6; }

input[type="checkbox"] { display: none; }

button { border: none; background: none; font-family: Shuei KakuGo Gin M !important; }

@-webkit-keyframes zoomDown { 0% { transform: scale(1.1) rotate(0.001deg); }
  100% { transform: scale(1) rotate(0.001deg); } }
@keyframes zoomDown { 0% { transform: scale(1.1) rotate(0.001deg); }
  100% { transform: scale(1) rotate(0.001deg); } }
@-webkit-keyframes topScroll { 0% { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: bottom center; transform-origin: bottom center; }
  50% { -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: bottom center; transform-origin: bottom center; }
  51% { -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: top center; transform-origin: top center; }
  100% { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: top center; transform-origin: top center; } }
@keyframes topScroll { 0% { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: bottom center; transform-origin: bottom center; }
  50% { -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: bottom center; transform-origin: bottom center; }
  51% { -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: top center; transform-origin: top center; }
  100% { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: top center; transform-origin: top center; } }
.swiper-pagination-bullet { width: 1.33vw; height: 1.33vw; margin: 0 1.07vw; background-color: #c9caca; opacity: 1; }
@media (min-width: 768px) { .swiper-pagination-bullet { width: 5px; height: 5px; margin: 0 4px; } }

.swiper-pagination-bullet-active { background-color: #deb19e; }

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 1.07vw; }
@media (min-width: 768px) { .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 4px; } }

.swiper-button-prev, .swiper-button-next { width: 8vw; height: 2.267vw; }
@media (min-width: 768px) { .swiper-button-prev, .swiper-button-next { width: 40px; height: 10px; } }

.swiper-button-prev { outline: none; }

.swiper-button-next { outline: none; }
.swiper-button-next::after { transform: rotate(180deg); }

.vimeo .img { background-color: #fff; }

.vimeo .img.playLink img { height: auto; }

#login, #reminder { background-color: #f4f4f4; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center; align-items: center; }
#login header, #login footer, #reminder header, #reminder footer { display: none; }
#login section, #reminder section { width: 80%; margin: 24.53vw auto; }
@media (min-width: 768px) { #login section, #reminder section { width: 80%; max-width: 460px; margin: 190px auto; } }
#login h1, #reminder h1 { width: 37.33vw; margin: 0 auto 16vw; }
#login h1 img, #reminder h1 img { width: 100%; }
@media (min-width: 768px) { #login h1, #reminder h1 { width: 170px; margin: 0 auto 80px; } }
#login .formwrap, #reminder .formwrap { margin-bottom: 6.67vw; font-size: 3.34vw; }
@media (min-width: 768px) { #login .formwrap, #reminder .formwrap { margin-bottom: 30px; font-size: 14px; } }
#login p.txt, #reminder p.txt { margin-bottom: 6.67vw; font-size: 3.74vw; text-align: center; }
@media (min-width: 768px) { #login p.txt, #reminder p.txt { margin-bottom: 30px; font-size: 14px; } }
#login p.txt + p.error, #reminder p.txt + p.error { margin-top: -4vw; }
@media (min-width: 768px) { #login p.txt + p.error, #reminder p.txt + p.error { margin-top: -15px; } }
#login p.error, #reminder p.error { margin-top: 0.5rem; margin-bottom: 6.67vw; font-size: 3.74vw; color: #ca0821; text-align: center; }
@media (min-width: 768px) { #login p.error, #reminder p.error { margin-bottom: 30px; font-size: 14px; } }
#login input + p.error, #reminder input + p.error { padding: 0 1.34rem; text-align: left; }
@media (min-width: 768px) { #login input + p.error, #reminder input + p.error { padding: 0 6.52%; } }
#login .outTxt, #reminder .outTxt { margin-bottom: 6.67vw; font-size: 2.77vw; text-align: center; }
@media (min-width: 768px) { #login .outTxt, #reminder .outTxt { margin-bottom: 30px; font-size: 14px; } }
#login .reiminderLink, #reminder .reiminderLink { margin-top: -2.67vw; font-size: 2.77vw; }
@media (min-width: 768px) { #login .reiminderLink, #reminder .reiminderLink { margin-top: -10px; font-size: 12px; }
  #login .reiminderLink a, #reminder .reiminderLink a { text-decoration: underline transparent; transition: color 0.3s ease,text-decoration-color 0.3s ease; }
  #login .reiminderLink a:hover, #reminder .reiminderLink a:hover { color: #deb19e; text-decoration-color: #deb19e; }
  #login .reiminderLink a:hover .cls-1, #reminder .reiminderLink a:hover .cls-1 { stroke: #deb19e; }
  #login .reiminderLink a svg, #reminder .reiminderLink a svg { width: 11px; height: 11px; } }
#login .policyLink, #reminder .policyLink { font-size: 2.77vw; padding-left: 1em; text-indent: -1em; }
#login .policyLink a svg, #reminder .policyLink a svg { width: 0.8em; height: 0.8em; margin: 0 .3em 0 0.125em; }
#login .policyLink a svg .cls-1, #reminder .policyLink a svg .cls-1 { fill: none; stroke: #595757; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2px; transition: stroke 0.3s ease; }
@media (min-width: 768px) { #login .policyLink, #reminder .policyLink { font-size: 12px; }
  #login .policyLink a, #reminder .policyLink a { text-decoration: underline transparent; transition: color 0.3s ease,text-decoration-color 0.3s ease; }
  #login .policyLink a:hover, #reminder .policyLink a:hover { color: #deb19e; text-decoration-color: #deb19e; }
  #login .policyLink a:hover .cls-1, #reminder .policyLink a:hover .cls-1 { stroke: #deb19e; }
  #login .policyLink a svg, #reminder .policyLink a svg { width: 11px; height: 11px; } }
#login .passLook, #reminder .passLook { margin-top: -2.67vw; font-size: 2.77vw; }
@media (min-width: 768px) { #login .passLook, #reminder .passLook { margin-top: -10px; font-size: 12px; text-decoration: underline transparent; transition: color 0.3s ease,text-decoration-color 0.3s ease; cursor: pointer; }
  #login .passLook:hover, #reminder .passLook:hover { color: #deb19e; text-decoration-color: #deb19e; } }
#login .btn1, #reminder .btn1 { width: 75%; height: 13.4vw; margin: 16vw auto 6.67vw; font-size: 3.34vw; }
@media (min-width: 768px) { #login .btn1, #reminder .btn1 { width: 56.52%; max-width: 260px; height: 70px; margin: 80px auto 30px; font-size: 14px; } }
#login .retention, #reminder .retention { font-size: 2.77vw; text-align: center; }
#login .retention label, #reminder .retention label { padding-left: 5.34vw; position: relative; }
#login .retention label::before, #reminder .retention label::before { content: ""; width: 2.67vw; height: 2.67vw; background-color: #b5b5b6; position: absolute; top: calc((100% - 2.67vw) / 2); left: 0; transition: background-color 0.2s ease; }
#login .retention input[type="checkbox"]:checked + label::before, #reminder .retention input[type="checkbox"]:checked + label::before { background-color: #deb19e; }
@media (min-width: 768px) { #login .retention, #reminder .retention { font-size: 12px; }
  #login .retention label, #reminder .retention label { padding-left: 20px; cursor: pointer; text-decoration: underline transparent; transition: color 0.3s ease,text-decoration-color 0.3s ease; }
  #login .retention label::before, #reminder .retention label::before { content: ""; width: 10px; height: 10px; top: calc((100% - 10px) / 2); }
  #login .retention label:hover, #reminder .retention label:hover { color: #deb19e; text-decoration-color: #deb19e; } }

#remainder p.error { margin-top: 1rem; }
@media (min-height: 500px) { #remainder.mail { height: 100vh; } }
@media (min-width: 768px) { #remainder.mail section { max-width: 80%; } }
#remainder.mail .remainderTxt { text-align: center; font-size: 2.77vw; }
@media (min-width: 768px) { #remainder.mail .remainderTxt { font-size: 14px; } }

section.wrapper { width: calc(100% - 12%); margin: auto; padding-top: calc(16vw + 16vw); }
section.wrapper h2 { font-size: 6.67vw; line-height: 1.0; }
@media (min-width: 768px) { section.wrapper { width: 90%; max-width: 1090px; margin: auto; padding-top: calc(85px + 100px); }
  section.wrapper h2 { font-size: 42px; line-height: 1.2; }
  section.wrapper article { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; }
  section.wrapper article h2 { width: 24.77%; }
  section.wrapper article .wrap { width: calc(100% - 24.77%); } }

article ul.itemList { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap; }
article ul.itemList li { width: calc((100% - 4.6%) / 2); margin-bottom: 5.87vw; position: relative; }
article ul.itemList li:nth-child(odd) { margin-right: 4.6%; }
article ul.itemList li.playLink { margin-bottom: calc(5.87vw + 6.67vw); /*
div.favo{
	margin-top: 0;
	bottom: auto;
}
*/ }
article ul.itemList li.notSearch { width: 100% !important; margin-right: 0 !important; line-height: 1.6; }
article ul.itemList a { display: block; }
article ul.itemList p.img { width: 100%; padding-top: 100%; position: relative; overflow: hidden; background-color: #fff; }
article ul.itemList p.img span { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center; align-items: center; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; }
article ul.itemList p.img img { object-fit: cover; width: auto; height: auto; min-width: 100%; min-height: 100%; }
article ul.itemList p.itemName { margin: 4vw 3.24% 2.13vw; font-size: 3.34vw; line-height: 1.5; letter-spacing: 0.05em; font-family: europa,Shuei KakuGo Gin M, sans-serif; }
article ul.itemList p.itemName + div.favo { width: 100%; padding-top: 5.34vw; position: relative; }
article ul.itemList p.itemName + div.favo img { width: 5.34vw; position: absolute; bottom: 0; right: 3.34%; }
article ul.itemList p.price { padding-left: 3.24%; padding-right: 8vw; font-family: europa, sans-serif; font-weight: 400; font-style: normal; letter-spacing: 0.8px; font-size: 3.34vw; color: #727171; }
article ul.itemList div.favo { width: 5.34vw; position: relative; margin: -4.8vw 0 0 auto; right: 1.6vw; }
article ul.itemList .vimeo { position: relative; overflow: hidden; }
article ul.itemList .vimeo .img { z-index: 9; }
article ul.itemList .playLink .img { background-color: #fff; }
article ul.itemList p.hashtag { margin-bottom: 2.4vw; padding: 0 3.24%; font-size: 2.8vw; color: #727171; line-height: 1.6; letter-spacing: 0.05em; }
article ul.itemList p.hashtag span { margin-right: 1.3vw; }
article ul.itemList .vimeoWrap { display: block; width: 100%; padding-top: 100%; position: absolute; top: 0; }
article ul.itemList .vimeoWrap iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
@media (min-width: 768px) { article ul.itemList { width: calc(100% - 24.77%); }
  article ul.itemList li { width: calc((100% - 9.15%) / 4); margin-bottom: 46px; margin-right: 3.05%; }
  article ul.itemList li.playLink { margin-bottom: calc(46px + 26px); }
  article ul.itemList a p.itemName { transition: text-decoration 0.75s linear; }
  article ul.itemList a p.img img, article ul.itemList a .thumb img { transition: transform 0.75s linear; }
  article ul.itemList a:hover p.itemName { text-decoration: underline; }
  article ul.itemList a:hover p.img img, article ul.itemList a:hover .thumb img { transform: scale(1.1); }
  article ul.itemList p.itemName { margin: 17px 3.7% 13px; font-size: 0.982em; line-height: 1.667; letter-spacing: 0.05em; }
  article ul.itemList p.itemName + div.favo { width: 100%; padding-top: 25px; }
  article ul.itemList p.itemName + div.favo img { width: 25px; bottom: 0; right: 3.7%; }
  article ul.itemList p.price { margin-left: 3.7%; padding-left: 0; padding-right: 50px; font-size: 14px; }
  article ul.itemList div.favo { width: 25px; margin: -23px 0 0 auto; right: 3.7%; cursor: pointer; }
  article ul.itemList p.hashtag { margin-bottom: 17px; padding: 0 3.7%; font-size: 12px; }
  article ul.itemList p.hashtag span { margin-right: 4px; } }
@media (max-width: 1000px) and (min-width: 768px) { article ul.itemList a p.itemName { word-break: break-all; } }

#mypage section .titleHead { margin-bottom: 13.34vw; align-items: flex-end; justify-content: space-between; }
#mypage section .titleHead p.logOut { padding-bottom: 2px; font-family: europa, sans-serif; font-weight: 400; font-style: normal; letter-spacing: 0.8px; font-size: 3.067vw; }
#mypage section .titleHead p.logOut span { padding-left: 5.6vw; position: relative; }
#mypage section .titleHead p.logOut span::before { content: ""; width: 3.6vw; height: 3.6vw; background: url(/assets/img/common/logout.svg) no-repeat center center; background-size: 100% 100%; position: absolute; top: calc(50% - 3.6vw / 2); left: 0; }
@media (min-width: 768px) { #mypage section .titleHead { margin-bottom: 85px; }
  #mypage section .titleHead p.logOut { padding-bottom: 2px; font-size: 14px; cursor: pointer; transition: color 0.75s ease; }
  #mypage section .titleHead p.logOut span { padding-left: 30px; }
  #mypage section .titleHead p.logOut span::before { width: 16px; height: 16px; top: calc(50% - 16px / 2); transition: background 0.75s ease; }
  #mypage section .titleHead p.logOut:hover { color: #deb19e; }
  #mypage section .titleHead p.logOut:hover span::before { background: url(/assets/img/common/logout_mainpink.svg) no-repeat center center; background-size: 100% 100%; } }
#mypage article { margin-bottom: 6.67vw; }
#mypage article h3 { margin-bottom: 6.67vw; font-size: 4vw; line-height: 1.0; }
#mypage article ul.itemList { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap; }
#mypage article ul.itemList li { width: calc((100% - 4.6%) / 2); margin-bottom: 5.87vw; position: relative; }
#mypage article ul.itemList li:nth-child(odd) { margin-right: 4.6%; }
#mypage article ul.itemList a { display: block; }
#mypage article ul.itemList p.img { width: 100%; padding-top: 100%; position: relative; overflow: hidden; background-color: #deb19e; }
#mypage article ul.itemList p.img span { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center; align-items: center; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; }
#mypage article ul.itemList p.img img { width: 100%; height: auto; }
#mypage article ul.itemList .vimeo .img { background-color: #fff; }
#mypage article ul.itemList .playLink .img { background-color: #deb19e; }
#mypage article ul.itemList p.itemName { margin: 4vw 3.24% 3.47vw; font-size: 3.34vw; line-height: 1.5; font-family: europa,Shuei KakuGo Gin M, sans-serif; }
#mypage article ul.itemList p.itemName + div.favo { width: 100%; padding-top: 5.34vw; position: relative; }
#mypage article ul.itemList p.itemName + div.favo img { width: 5.34vw; position: absolute; bottom: 0; right: 3.34%; }
#mypage article ul.itemList p.price { padding-right: 8vw; font-family: europa, sans-serif; font-weight: 400; font-style: normal; letter-spacing: 0.8px; font-size: 3.34vw; color: #727171; }
#mypage article ul.itemList div.favo { bottom: 0; }
@media (min-width: 768px) { #mypage article { margin-bottom: 52px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; }
  #mypage article h3 { width: 24.77%; margin-bottom: 0; font-size: 21px; }
  #mypage article ul.itemList { width: calc(100% - 24.77%); }
  #mypage article ul.itemList li { width: calc((100% - 9.15%) / 4); margin-bottom: 46px; margin-right: 3.05%; }
  #mypage article ul.itemList li:nth-child(odd) { margin-right: 3.05%; }
  #mypage article ul.itemList li:nth-child(4n) { margin-right: 0; transition-delay: 0.9s; }
  #mypage article ul.itemList li:nth-child(4n-1) { transition-delay: 0.6s; }
  #mypage article ul.itemList li:nth-child(4n-2) { transition-delay: 0.3s; }
  #mypage article ul.itemList li:nth-child(4n-3) { transition-delay: 0s; }
  #mypage article ul.itemList a p.itemName { transition: text-decoration 0.75s ease; }
  #mypage article ul.itemList a p.img img { transition: transform 0.75s ease; }
  #mypage article ul.itemList a:hover p.itemName { text-decoration: underline; }
  #mypage article ul.itemList a:hover p.img img { transform: scale(1.1); }
  #mypage article ul.itemList p.itemName { margin: 17px 3.7% 13px; font-size: 14px; line-height: 1.5; }
  #mypage article ul.itemList p.itemName + div.favo { width: 100%; padding-top: 25px; }
  #mypage article ul.itemList p.itemName + div.favo img { width: 25px; bottom: 0; right: 3.7%; }
  #mypage article ul.itemList p.price { margin-left: 3.7%; padding-right: 50px; font-size: 14px; }
  #mypage article ul.itemList div.favo { width: 25px; right: 3.7%; }
  #mypage article#t01 ul.itemList li:nth-child(5) { transition-delay: 1.2s; }
  #mypage article#t01 ul.itemList li:nth-child(6) { transition-delay: 1.5s; }
  #mypage article#t01 ul.itemList li:nth-child(7) { transition-delay: 1.8s; }
  #mypage article#t01 ul.itemList li:nth-child(8) { transition-delay: 2.1s; } }

#top section.mv { width: 100%; height: 100vh; overflow: hidden; }
#top section.mv .swiper-slide span { display: block; }
#top section.mv li.swiper-slide.swiper-slide-active span.slide-img, #top section.mv li.swiper-slide-duplicate-active span.slide-img, #top section.mv li.swiper-slide-prev span.slide-img { -webkit-animation: zoomDown 15s linear 0s 1 normal both; animation: zoomDown 15s linear 0s 1 normal both; }
#top section.mv li.swiper-slide .slide-img img { width: 100%; height: 100vh; max-height: 100vh; object-fit: cover; display: block; }
#top section.mv .snsWrap { justify-content: flex-end; align-items: center; position: absolute; top: 25px; right: 25px; z-index: 2; }
#top section.mv .snsWrap .txt { font-family: "marcellus", sans-serif; font-weight: 400; font-style: normal; letter-spacing: 2px; font-size: 2.94vw; color: #fff; }
#top section.mv .snsWrap .icon { margin-left: 3.34vw; }
#top section.mv .snsWrap .icon a { display: block; }
#top section.mv .snsWrap .icon.s01 { width: 3.34vw; height: 3.34vw; }
#top section.mv .snsWrap .icon.s02 { width: 3.74vw; height: 2.67vw; }
#top section.mv .txtWrap { height: auto; position: absolute; top: 40vh; left: 0; right: 0; margin: auto; z-index: 1; }
#top section.mv .txtWrap h1 { width: 40%; max-width: 232px; margin: auto; }
#top section.mv .txtWrap p.mvTxt { margin-top: 21px; font-family: "marcellus", sans-serif; font-weight: 400; font-style: normal; letter-spacing: 2px; font-size: 2.777vw; color: #fff; text-align: center; line-height: 1.6; letter-spacing: 0.1em; }
#top section.mv .txtWrap p.mvTxt span { padding-right: 2.666vw; }
#top section.mv .txtWrap p.mvTxt span:nth-child(3), #top section.mv .txtWrap p.mvTxt span:nth-child(9), #top section.mv .txtWrap p.mvTxt span:last-child { padding-right: 0; }
#top section.mv .scrollAnime { width: 100%; font-family: "marcellus", sans-serif; font-weight: 400; font-style: normal; letter-spacing: 2px; font-size: 11px; color: #fff; text-align: center; position: absolute; bottom: 8.245vh; left: 0; right: 0; margin: auto; z-index: 1; }
#top section.mv .scrollAnime i { display: block; width: 1px; height: 6.75vh; background-color: #fff; -webkit-animation: topScroll 3.5s cubic-bezier(0.215, 0.61, 0.355, 1) infinite; animation: topScroll 3.5s cubic-bezier(0.215, 0.61, 0.355, 1) infinite; position: absolute; bottom: -8.245vh; left: 0; right: 0; margin: auto; }
@media (min-width: 768px) { #top section.mv li.swiper-slide { overflow: hidden; }
  #top section.mv .snsWrap { top: 60px; right: 60px; }
  #top section.mv .snsWrap .txt { font-size: 12px; }
  #top section.mv .snsWrap .icon { margin-left: 20px; }
  #top section.mv .snsWrap .icon.s01 { width: 15px; height: 15px; margin-left: 22px; transition: opacity 0.3s linear; }
  #top section.mv .snsWrap .icon.s01:hover { opacity: 0.5; }
  #top section.mv .snsWrap .icon.s02 { width: 17px; height: 12px; transition: opacity 0.3s linear; }
  #top section.mv .snsWrap .icon.s02:hover { opacity: 0.5; }
  #top section.mv .txtWrap { top: 40vh; left: 0; right: 0; margin: auto; }
  #top section.mv .txtWrap h1 { width: 16.22%; max-width: 219px; }
  #top section.mv .txtWrap p.mvTxt { margin-top: 45px; font-size: 14px; line-height: 1.667; }
  #top section.mv .txtWrap p.mvTxt span { padding-right: 14px; }
  #top section.mv .txtWrap p.mvTxt span:nth-child(3), #top section.mv .txtWrap p.mvTxt span:nth-child(9) { padding-right: 14px; }
  #top section.mv .txtWrap p.mvTxt span:nth-child(6), #top section.mv .txtWrap p.mvTxt span:last-child { padding-right: 0; }
  #top section.mv .scrollAnime { font-size: 12px; bottom: 10.33vh; }
  #top section.mv .scrollAnime i { height: 9.08vh; top: 5.5vh; } }
#top header { position: absolute; top: 100vh; }
#top header.move { position: fixed; top: 0; }
#top header.tophead { height: 100vh; position: fixed; top: 0; transition: height 0.1s linear; }
#top header.tophead::before { content: ""; width: 100%; height: 100%; background-color: #deb19e; position: absolute; top: 0; left: 0; z-index: 2; }
#top header.searchOn { position: fixed; top: 0; transition: top 0.5s linear; }
#top section.wrapper { width: 100%; padding-top: calc(32vw + 1px); }
#top section.wrapper p.topRead { margin-bottom: 16vw; line-height: 1.6; letter-spacing: 0.05em; text-align: center; }
#top section.wrapper.pt0 { padding-top: 0; }
@media (min-width: 768px) { #top section.wrapper { padding-top: calc(87px + 120px); }
  #top section.wrapper p.topRead { margin-bottom: 114px; font-size: 0.983em; letter-spacing: 0.1em; } }
#top article { margin-bottom: 16vw; }
#top article h2 { margin-bottom: 6.67vw; font-size: 4.444vw; letter-spacing: 0.1em; }
@media (min-width: 768px) { #top article { margin-bottom: 120px; }
  #top article h2 { margin-bottom: 0; font-size: 21px; } }
#top article#recomend { width: calc(100% - 12%); margin-right: auto; margin-left: auto; }
#top article#recomend .wrap { overflow: hidden; }
#top article#recomend ul.swiper-wrapper { padding-bottom: 13vw; }
#top article#recomend li { position: relative; }
#top article#recomend .swiper-button-prev { margin: 0; top: auto; bottom: 0.53vw; left: 21.3%; }
#top article#recomend .swiper-button-next { margin: 0; top: auto; bottom: 0.53vw; right: 21.3%; }
#top article#recomend .swiper-pagination { position: static; margin: -8.53vw auto 0; }
#top article#recomend a { display: block; }
#top article#recomend p.img { width: 100%; padding-top: 100%; position: relative; overflow: hidden; }
#top article#recomend p.img span { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center; align-items: center; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; }
#top article#recomend p.img img { object-fit: cover; width: auto; height: auto; min-width: 100%; min-height: 100%; }
#top article#recomend .vimeo { position: relative; overflow: hidden; }
#top article#recomend .vimeo .img { z-index: 2; }
#top article#recomend .playLink .img { background-color: #deb19e; }
#top article#recomend .vimeoWrap { display: block; width: 100%; padding-top: 100%; position: absolute; top: 0; }
#top article#recomend .vimeoWrap iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
#top article#recomend p.itemName { margin: 4.53vw 0 2.13vw; font-size: 3.34vw; line-height: 1.7; }
#top article#recomend p.itemName + div.favo { width: 100%; padding-top: 5.34vw; position: relative; }
#top article#recomend p.itemName + div.favo img { width: 5.34vw; position: absolute; bottom: 0; right: 3.34%; }
#top article#recomend p.price { font-family: europa, sans-serif; font-weight: 400; font-style: normal; letter-spacing: 0.8px; font-size: 3.34vw; color: #727171; }
#top article#recomend div.favo { width: 5.34vw; position: absolute; bottom: 0; right: 3.34%; }
@media (min-width: 768px) { #top article#recomend { width: 100%; }
  #top article#recomend ul.swiper-wrapper { padding-bottom: 61px; }
  #top article#recomend li.swiper-slide { width: calc((100% - 50px) / 3); margin-right: 25px; }
  #top article#recomend li.swiper-slide:last-child { margin-right: 0; }
  #top article#recomend li:nth-child(4) { transition-delay: 0s; }
  #top article#recomend li:nth-child(5) { transition-delay: 0.3s; }
  #top article#recomend li:nth-child(6) { transition-delay: 0.6s; }
  #top article#recomend a p.itemName { transition: text-decoration 0.75s ease; }
  #top article#recomend a p.img img { transition: transform 0.75s ease; }
  #top article#recomend a:hover p.itemName { text-decoration: underline; }
  #top article#recomend a:hover p.img img { transform: scale(1.1); }
  #top article#recomend p.itemName { margin: 18px 3.7%; font-size: 14px; line-height: 1.64; }
  #top article#recomend p.itemName + div.favo { width: 100%; padding-top: 25px; }
  #top article#recomend p.itemName + div.favo img { width: 25px; bottom: 0; right: 3.7%; }
  #top article#recomend p.price { margin-left: 3.7%; font-size: 14px; }
  #top article#recomend div.favo { width: 25px; right: 3.7%; bottom: -2px; cursor: pointer; }
  #top article#recomend .swiper-pagination { display: none; }
  #top article#recomend .swiper-button-prev { top: auto; bottom: 0; left: 1.22%; transition: left 0.2s linear; }
  #top article#recomend .swiper-button-prev:hover { left: 0; }
  #top article#recomend .swiper-button-next { top: auto; bottom: 0; right: 1.22%; transition: right 0.2s linear; }
  #top article#recomend .swiper-button-next:hover { right: 0; } }
#top section.wrapper2 { width: 100%; padding-left: 6.67vw; }
@media (min-width: 768px) { #top section.wrapper2 { width: 90%; max-width: 1090px; margin: auto; padding-left: 0; }
  #top section.wrapper2 article { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; }
  #top section.wrapper2 article h2 { width: 24.77%; }
  #top section.wrapper2 article .wrap { width: calc(100% - 24.77%); } }
#top article#category ul.cateList { margin-left: 6.433%; border-top: 1px solid #9fa0a0; }
#top article#category li { border-bottom: 1px solid #9fa0a0; font-family: "marcellus", sans-serif; font-weight: 400; font-style: normal; letter-spacing: 2px; font-size: 4.53vw; }
#top article#category a { padding: 5.33vw 2.67vw; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: center; line-height: 1.0; }
#top article#category span.jp { display: inline-block; margin-left: 5.6vw; padding-top: 3px; font-family: Shuei KakuGo Gin M !important; font-size: 2.8vw; color: #727171; }
@media (min-width: 768px) { #top article#category ul.cateList { margin-left: 0; }
  #top article#category li { font-size: 23px; }
  #top article#category a { padding: 34px 2.44% 32px; transition: background-color 0.3s linear; }
  #top article#category a:hover { background-color: #f8efec; }
  #top article#category span.jp { margin-left: 30px; padding-top: 3px; font-size: 12px; } }
#top section.wrapper3 { width: 100%; margin-bottom: 16vw; padding: 13.34vw 6.67vw; background-color: #f4f4f4; }
@media (min-width: 768px) { #top section.wrapper3 { margin-bottom: 120px; padding: 91px 0 96px; } }
#top article#faq { margin-bottom: 0; }
#top article#faq dt, #top article#faq dd { padding: 0 10vw 0 6.67vw; position: relative; }
#top article#faq dt::before, #top article#faq dd::before { color: #deb19e; font-family: "marcellus", sans-serif; font-weight: 400; font-style: normal; letter-spacing: 2px; position: absolute; top: 0; left: 0; }
#top article#faq dt { margin-bottom: 4.26vw; }
#top article#faq dt::before { content: "Q."; top: -1vw; }
#top article#faq dt span.accIcon { width: 4.67vw; height: 4.67vw; border: 1px solid; border-radius: 50%; position: absolute; top: 0; right: 0; }
#top article#faq dt span.accIcon::before { content: "+"; position: absolute; text-align: center; line-height: 4.67vw; left: 0; right: 0; margin: auto; line-height: 1.0; }
#top article#faq dt.open span.accIcon::before { content: "-"; }
#top article#faq dd { margin-bottom: 5.6vw; display: none; }
#top article#faq dd::before { content: "A."; }
@media (min-width: 768px) { #top article#faq { width: 90%; max-width: 1090px; margin: auto; padding-left: 0; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; }
  #top article#faq h2 { width: 24.77%; }
  #top article#faq .wrap { width: calc(100% - 24.77%); }
  #top article#faq dt, #top article#faq dd { padding: 0 12.2% 0 1.6rem; }
  #top article#faq dt { margin-bottom: 0; pointer-events: none; }
  #top article#faq dt::before { top: -2px; }
  #top article#faq dt span.accIcon { display: none; }
  #top article#faq dd { margin-bottom: 31px; display: block; }
  #top article#faq div.acc:last-child dd { margin-bottom: 0; } }
#top article#news { width: calc(100% - 12%); margin-right: auto; margin-left: auto; margin-bottom: 24vw; }
#top article#news p.img { width: 100%; padding-top: 66.6%; position: relative; overflow: hidden; }
#top article#news p.img span { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center; align-items: center; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; }
#top article#news p.img img { object-fit: cover; width: auto; height: auto; min-width: 100%; min-height: 100%; }
#top article#news p.txt { padding: 0 1.87vw; }
#top article#news p.txt span.date { display: block; margin: 5.733vw 0 2.94vw; font-family: europa, sans-serif; font-weight: 400; font-style: normal; letter-spacing: 0.8px; font-size: 2.94vw; color: #9fa0a0; line-height: 1.0; }
#top article#news .swiperPartsWrap { width: 100%; margin-top: 7.67vw; position: relative; }
#top article#news .swiper-pagination { top: auto; bottom: 0; left: 0; right: 0; margin: auto; line-height: 0; }
#top article#news .swiper-button-prev { top: auto; bottom: -2px; left: 21.3%; }
#top article#news .swiper-button-next { top: auto; bottom: -2px; right: 21.3%; }
@media (min-width: 768px) { #top article#news { width: 100%; margin-bottom: 150px; }
  #top article#news .wrap { width: calc(100% - 33.93%); max-width: 720px; }
  #top article#news a { display: block; }
  #top article#news a p.img img { transition: transform 0.7s linear; }
  #top article#news a:hover p.img img { transform: scale(1.1); }
  #top article#news a:hover p.txt { text-decoration: underline; }
  #top article#news a:hover p.txt span { text-decoration: none; }
  #top article#news div.flexwrap { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; align-items: flex-start; }
  #top article#news p.img { width: 41.67%; padding-top: 66.6%; max-width: 300px; padding-top: 200px; }
  #top article#news p.txt { width: 51.67%; max-width: 372px; padding: 0 0; }
  #top article#news p.txt span.date { margin: 19px 0; padding: 0 0; font-size: 12px; }
  #top article#news .swiperPartsWrap { width: 41.67%; max-width: 300px; margin-top: 31px; }
  #top article#news .swiper-pagination { bottom: 3px; }
  #top article#news .swiper-button-prev { margin: 0; top: auto; bottom: 0; left: 3px; transition: left 0.2s linear; }
  #top article#news .swiper-button-prev:hover { left: 0; }
  #top article#news .swiper-button-next { margin: 0; top: auto; bottom: 0; right: 0%; transition: right 0.2s linear; }
  #top article#news .swiper-button-next:hover { right: -3px; } }
#top .btt, #top .breadcrumb { display: none; }

#item .itemIndex .topReadHead h3 { margin: 4.53vw 0 3.47vw; font-family: Shuei KakuGo Gin M; font-size: 4.53vw; }
#item .itemIndex + .aLinkNav { margin: 13.34vw 0; border-top: 1px solid #c9caca; border-bottom: 1px solid #c9caca; }
#item .itemIndex + .aLinkNav ul { width: calc(100% - 13.34vw); margin: auto; padding: 2.4vw 0 4vw; }
#item .itemIndex + .aLinkNav li { font-family: "marcellus", sans-serif; font-weight: 400; font-style: normal; letter-spacing: 2px; padding-top: 1.87vw; }
#item .itemIndex + .aLinkNav li a { display: block; color: #352f2d; }
@media (min-width: 768px) { #item .itemIndex .topReadHead h3 { margin: 34px 0 18px; font-size: 21px; }
  #item .itemIndex + .aLinkNav { margin: 94px 0 0; }
  #item .itemIndex + .aLinkNav ul { width: 90%; max-width: 1090px; padding: 0 0 0; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; }
  #item .itemIndex + .aLinkNav li { margin-right: 38px; padding-top: 0; }
  #item .itemIndex + .aLinkNav li a { padding: 9px 0; transition: color 0.3s linear; }
  #item .itemIndex + .aLinkNav li a:hover { color: #deb19e; }
  #item .itemIndex + .aLinkNav li:last-child { margin-left: 0; } }
#item .itemIndex2 { padding-top: 0; }
#item .itemIndex2 article { margin: -16vw 0 11.73vw; padding: 16vw 0 7.47vw; border-bottom: 1px solid #c9caca; }
#item .itemIndex2 article:last-child { margin-bottom: -6.67vw; padding-bottom: 0; border-bottom: none; }
#item .itemIndex2 h4 { margin-bottom: 4vw; font-size: 4.53vw; text-align: center; }
#item .itemIndex2 h4 span { margin-top: 1.87vw; display: block; font-family: Shuei KakuGo Gin M; font-size: 3.34vw; color: #727171; }
#item .itemIndex2 p.readTxt2 .pdfLink { width: 6.67vw; margin: 5.34vw auto 4.26vw; display: block; }
#item .itemIndex2 p.readTxt2 .pdfLink #pdfPink { fill: #deb19e; stroke: #deb19e; stroke-linecap: round; stroke-linejoin: round; stroke-width: 0.25px; transition: fill 0.3s linear,stroke 0.3s linear; }
#item .itemIndex2 .mainInfo { margin-top: 6.67vw; }
#item .itemIndex2 .mainInfo .imgBoxWrap { margin-bottom: 8vw; padding-bottom: 6.4vw; }
#item .itemIndex2 .mainInfo li.swiper-slide { width: 100%; max-width: 100%; min-width: 100%; padding-top: 66.6%; position: relative; overflow: hidden; }
#item .itemIndex2 .mainInfo li.swiper-slide span { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center; align-items: center; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; }
#item .itemIndex2 .mainInfo li.swiper-slide span img { object-fit: cover; width: auto; height: auto; min-width: 100%; min-height: 100%; }
#item .itemIndex2 .mainInfo div.swiperPartsWrap { height: 1px; position: relative; bottom: -9.6vw; }
#item .itemIndex2 .mainInfo div.swiperPartsWrap .swiper-button-prev { left: 1.54%; }
#item .itemIndex2 .mainInfo div.swiperPartsWrap .swiper-button-next { right: 1.54%; }
#item .itemIndex2 .mainInfo dl.planList { margin-top: 5.34vw; }
#item .itemIndex2 .mainInfo dl.planList ol { counter-reset: planitem-counter; }
#item .itemIndex2 .mainInfo dl.planList li::before { counter-increment: planitem-counter; content: counter(planitem-counter) " / "; }
#item .itemIndex2 .optionWrap { margin: 7.2vw 0 0; }
#item .itemIndex2 .optionWrap + .optionWrap { margin-top: 3.74vw; }
#item .itemIndex2 .optionWrap .readHeadWrap2 { margin-bottom: 4vw; }
#item .itemIndex2 .optionWrap .readHeadWrap2 h5 { margin-bottom: 1.6vw; font-size: 4vw; }
@media (min-width: 768px) { #item .itemIndex2 article { margin: -86px 0 77px; padding: 86px 0 34px; flex-wrap: wrap; }
  #item .itemIndex2 article:first-child h4 { margin-top: 80px; }
  #item .itemIndex2 article:last-child { margin-bottom: -48px; padding-bottom: 0; border-bottom: none; }
  #item .itemIndex2 h4 { width: 100%; margin: 0 auto 17px; font-size: 21px; text-align: center; }
  #item .itemIndex2 h4 span { margin-top: 6px; font-size: 14px; }
  #item .itemIndex2 .readTxt2 { width: 100%; text-align: center; }
  #item .itemIndex2 p.readTxt2 .pdfLink { width: 26px; height: 30px; margin: 23px auto 46px; }
  #item .itemIndex2 .mainInfo { width: 100%; max-width: 890px; margin: 44px auto 0; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; align-items: flex-start; }
  #item .itemIndex2 .mainInfo .imgBoxWrap { width: 50.56%; max-width: 450px; margin: 0 0 0; padding-bottom: 40px; }
  #item .itemIndex2 .mainInfo div.swiperPartsWrap { height: 1px; bottom: -51px; }
  #item .itemIndex2 .mainInfo div.swiperPartsWrap .swiper-button-prev { left: 4px; transition: left 0.3s linear; }
  #item .itemIndex2 .mainInfo div.swiperPartsWrap .swiper-button-prev:hover { left: 0; }
  #item .itemIndex2 .mainInfo div.swiperPartsWrap .swiper-button-next { right: 5px; transition: right 0.3s linear; }
  #item .itemIndex2 .mainInfo div.swiperPartsWrap .swiper-button-next:hover { right: 0; }
  #item .itemIndex2 .mainInfo .textBoxWrap { width: 43.82%; }
  #item .itemIndex2 .mainInfo dl.planList { margin-top: 25px; }
  #item .itemIndex2 .optionWrap { width: 100%; margin: 65px 0 0; }
  #item .itemIndex2 .optionWrap + .optionWrap { margin-top: 0; }
  #item .itemIndex2 .optionWrap .readHeadWrap2 { margin-bottom: 24px; }
  #item .itemIndex2 .optionWrap .readHeadWrap2 h5 { margin-bottom: 7px; font-size: 21px; }
  #item .itemIndex2 .optionWrap ul.itemList { width: 100%; }
  #item .itemIndex2 .optionWrap ul.itemList li { width: calc((100% - 8%) / 5); margin-right: 2%; }
  #item .itemIndex2 .optionWrap ul.itemList li:nth-child(5n) { margin-right: 0; transition-delay: 1.2s; }
  #item .itemIndex2 .optionWrap ul.itemList li:nth-child(5n-1) { transition-delay: 0.9s; }
  #item .itemIndex2 .optionWrap ul.itemList li:nth-child(5n-2) { transition-delay: 0.6s; }
  #item .itemIndex2 .optionWrap ul.itemList li:nth-child(5n-3) { transition-delay: 0.3s; }
  #item .itemIndex2 .optionWrap ul.itemList li:nth-child(5n-4) { transition-delay: 0s; } }
#item .itemdetail { margin-top: calc(22.67vw + 1px); }
#item .itemdetail .photoBox { width: calc(100% - 13.34vw); margin: 0 auto 10.67vw; }
#item .itemdetail .textBoxWrap2 h2 { color: #9fa0a0; line-height: 1.0; }
#item .itemdetail .textBoxWrap2 h3 { margin: 2.67vw auto 5.34vw; font-family: europa,"marcellus",Shuei KakuGo Gin M, sans-serif; }
#item .itemdetail .textBoxWrap2 .titleBlock { width: calc(100% - 18.67vw); margin: 0 auto 13.34vw; }
#item .itemdetail .textBoxWrap2 .titleBlock div.flex { align-items: center; }
#item .itemdetail .textBoxWrap2 .titleBlock div.favo { width: 5.34vw; height: 5.34vw; }
#item .itemdetail .textBoxWrap2 .titleBlock div.favo img { width: 100%; height: 100%; }
#item .itemdetail .textBoxWrap2 .titleBlock p.price { margin-left: 4vw; font-family: europa, sans-serif; font-weight: 400; font-style: normal; letter-spacing: 0.8px; line-height: 1.0; }
#item .itemdetail .textBoxWrap2 .grayWrap { margin-bottom: 12.8vw; background-color: #f4f4f4; }
#item .itemdetail .textBoxWrap2 .grayWrap dl { width: calc(100% - 13.34vw); margin: auto; padding: 10.13vw 0 8.53vw; }
#item .itemdetail .textBoxWrap2 .grayWrap dt { padding: 0 2.67vw; font-family: "marcellus", sans-serif; font-weight: 400; font-style: normal; letter-spacing: 2px; font-size: 4vw; line-height: 1.0; }
#item .itemdetail .textBoxWrap2 .grayWrap dd { margin-bottom: 10.13vw; padding: 4.8vw 2.67vw 8.53vw; border-bottom: 1px solid #9fa0a0; }
#item .itemdetail .textBoxWrap2 .grayWrap dd a.instaLink { display: inline-block; position: relative; }
#item .itemdetail .textBoxWrap2 .grayWrap dd a.instaLink svg { width: 3.34vw; height: 3.34vw; margin-right: 2.67vw; position: absolute; top: 1.07vw; left: 0; }
#item .itemdetail .textBoxWrap2 .grayWrap dd a.instaLink svg .cls-1 { fill: none; stroke: #deb19e; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.5px; }
#item .itemdetail .textBoxWrap2 .grayWrap dd a.instaLink svg .cls-2 { fill: #deb19e; }
#item .itemdetail .textBoxWrap2 .grayWrap dd a.instaLink span { padding-left: calc(3.34vw + 2.67vw); }
#item .itemdetail .textBoxWrap2 .grayWrap dd:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; }
#item .itemdetail h4 { font-size: 4vw; line-height: 1.0; }
#item .itemdetail h4.wrapper { width: calc(100% - 18.67vw); margin: 0 auto 6.13vw; }
#item .itemdetail .recommend-swiper { margin: 6.67vw 0 0 9.335vw; }
#item .itemdetail .swiperPartsWrap { display: none; }
#item .itemdetail #recommend-swiper { margin-left: 9.335vw; margin-bottom: -1rem; padding: 0 1rem 1rem 0; overflow-x: scroll; }
#item .itemdetail #recommend-swiper ul li { width: 36vw; height: auto; padding-top: 0; position: static; margin-right: 4vw; background-color: transparent; }
#item .itemdetail #recommend-swiper ul li:last-child { width: calc(36vw + 4vw); margin-right: 0; padding-right: 4vw; }
#item .itemdetail #recommend-swiper ul li p.recoImg { width: 100%; padding-top: 36vw; position: relative; overflow: hidden; }
#item .itemdetail #recommend-swiper ul li .vimeo { position: relative; overflow: hidden; }
#item .itemdetail #recommend-swiper ul li .vimeo .img { padding-top: 100%; position: relative; z-index: 2; }
#item .itemdetail #recommend-swiper ul li .img.playLink { background-color: #deb19e; }
#item .itemdetail #recommend-swiper ul li .img.playLink img { width: 100%; }
#item .itemdetail #recommend-swiper ul li .vimeoWrap { display: block; width: 100%; padding-top: 100%; position: absolute; top: 0; }
#item .itemdetail #recommend-swiper ul li .vimeoWrap iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
#item .itemdetail #recommend-swiper ul li p.recoText { margin-top: 3.34vw; padding: 0 2.67vw; }
#item .itemdetail #recommend-swiper ul li.swiper-slide img { object-fit: cover; width: auto; height: auto; min-width: 100%; min-height: 100%; }
@media (min-width: 768px) { #item .itemdetail { margin-top: 136px; }
  #item .itemdetail .mainInfo { width: 90%; max-width: 1090px; margin: auto; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; }
  #item .itemdetail .photoBox { width: 45.87%; margin: 0 130px 0 0; }
  #item .itemdetail .textBoxWrap2 { width: 42.2%; }
  #item .itemdetail .textBoxWrap2 h2 { font-size: 19px; }
  #item .itemdetail .textBoxWrap2 h3 { margin: 13px auto 24px; }
  #item .itemdetail .textBoxWrap2 .titleBlock { width: 100%; margin: 50px auto 80px; }
  #item .itemdetail .textBoxWrap2 .titleBlock div.favo { width: 25px; height: 25px; cursor: pointer; }
  #item .itemdetail .textBoxWrap2 .titleBlock p.price { margin-left: 20px; }
  #item .itemdetail .textBoxWrap2 .grayWrap { margin-bottom: 0; background-color: transparent; }
  #item .itemdetail .textBoxWrap2 .grayWrap dl { width: 100%; margin: auto; padding: 0 0 0; }
  #item .itemdetail .textBoxWrap2 .grayWrap dt { padding: 0 0; font-size: 19px; }
  #item .itemdetail .textBoxWrap2 .grayWrap dd { margin-bottom: 48px; padding: 15px 0 44px; }
  #item .itemdetail .textBoxWrap2 .grayWrap dd a.instaLink { transition: color 0.3s linear; }
  #item .itemdetail .textBoxWrap2 .grayWrap dd a.instaLink:hover { color: #deb19e; }
  #item .itemdetail .textBoxWrap2 .grayWrap dd a.instaLink svg { width: 15px; height: 15px; margin-right: 2.67vw; top: 4px; }
  #item .itemdetail .textBoxWrap2 .grayWrap dd a.instaLink svg .cls-1 { stroke: #deb19e; }
  #item .itemdetail .textBoxWrap2 .grayWrap dd a.instaLink svg .cls-2 { fill: #deb19e; }
  #item .itemdetail .textBoxWrap2 .grayWrap dd a.instaLink span { padding-left: calc(15px + 10px); }
  #item .itemdetail .swiperPartsWrap { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; height: 41px; position: relative; }
  #item .itemdetail .swiperPartsWrap .swiper-button-prev, #item .itemdetail .swiperPartsWrap .swiper-button-next { height: 10px; }
  #item .itemdetail .swiperPartsWrap .swiper-button-prev { transition: left 0.3s linear; left: 0; }
  #item .itemdetail .swiperPartsWrap .swiper-button-prev:hover { left: -3px; }
  #item .itemdetail .swiperPartsWrap .swiper-button-next { transition: right 0.3s linear; right: 0; }
  #item .itemdetail .swiperPartsWrap .swiper-button-next:hover { right: -3px; }
  #item .itemdetail .recommend-swiper { margin: 0 0 0 0; }
  #item .itemdetail .recommend-swiper .swiperPartsWrap h4 { width: 210px; font-size: 19px; }
  #item .itemdetail .recommend-swiper .swiperPartsWrap .arrowWrap { width: calc(100% - 210px); height: 10px; position: relative; }
  #item .itemdetail .recommend-swiper .swiperPartsWrap .arrowWrap .swiper-button-prev, #item .itemdetail .recommend-swiper .swiperPartsWrap .arrowWrap .swiper-button-next { height: 10px; margin: 0; }
  #item .itemdetail .recommend-swiper .swiperPartsWrap .arrowWrap .swiper-button-prev { left: 8%; }
  #item .itemdetail .recommend-swiper .swiperPartsWrap .arrowWrap .swiper-button-prev:hover { left: 6%; }
  #item .itemdetail .recommend-swiper .swiperPartsWrap .arrowWrap .swiper-button-next { right: auto; left: 34%; transition: left 0.2s linear; }
  #item .itemdetail .recommend-swiper .swiperPartsWrap .arrowWrap .swiper-button-next:hover { left: 36%; }
  #item .itemdetail #recommend-swiper { margin-top: 92px; margin-left: 0; margin-bottom: 0; padding: 0; overflow-x: hidden; }
  #item .itemdetail #recommend-swiper ul li { width: 100%; height: auto; padding-top: 0; position: static; margin-right: 0; background-color: transparent; }
  #item .itemdetail #recommend-swiper ul li:last-child { width: 100%; margin-right: 0; padding-right: 0; }
  #item .itemdetail #recommend-swiper ul li p.recoImg { width: 100%; padding-top: 100%; overflow: hidden; }
  #item .itemdetail #recommend-swiper ul li p.recoText { margin-top: 13px; padding: 0 2px; }
  #item .itemdetail #recommend-swiper ul li a { display: block; }
  #item .itemdetail #recommend-swiper ul li a p.itemName { transition: text-decoration 0.75s ease; }
  #item .itemdetail #recommend-swiper ul li a p.img img, #item .itemdetail #recommend-swiper ul li a p.recoImg img { transition: transform 0.75s ease; }
  #item .itemdetail #recommend-swiper ul li a:hover p.img img, #item .itemdetail #recommend-swiper ul li a:hover p.recoImg img { transform: scale(1.1); }
  #item .itemdetail #recommend-swiper ul li a:hover p.txt { text-decoration: underline; }
  #item .itemdetail #recommend-swiper ul li a:hover p.txt span { text-decoration: none; } }
@media (max-width: 1000px) and (min-width: 768px) { #item .itemdetail .swiper-button-prev, #item .itemdetail .swiper-button-next { width: 30px; }
  #item .itemdetail .recommend-swiper .swiperPartsWrap .arrowWrap .swiper-button-prev { left: 2%; }
  #item .itemdetail .recommend-swiper .swiperPartsWrap .arrowWrap .swiper-button-prev:hover { left: 2%; }
  #item .itemdetail .recommend-swiper .swiperPartsWrap .arrowWrap .swiper-button-next { left: auto; right: 0; }
  #item .itemdetail .recommend-swiper .swiperPartsWrap .arrowWrap .swiper-button-next:hover { left: auto; right: 0; } }

body.detail li.swiper-slide, body.detail div.thumblist-item { width: 100%; padding-top: 100%; position: relative; overflow: hidden; }
body.detail li.swiper-slide span, body.detail div.thumblist-item span { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center; align-items: center; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; }
body.detail li.swiper-slide img, body.detail div.thumblist-item img { object-fit: cover; width: auto; height: auto; min-width: 100%; min-height: 100%; }
body.detail #detail-thumb-pc img, body.detail div.thumblist-item img { object-fit: cover; width: auto; height: auto; min-width: 100%; min-height: 100%; }
body.detail #detail-thumb-sp { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap; }
body.detail #detail-thumb-sp .thumblist-item { width: calc((100% - 7.7%) / 6); padding-top: calc((100% - 7.7%) / 6); margin: 1.34vw 1.54% 0 0; opacity: 0.6; transition: opacity 0.5s ease; }
body.detail #detail-thumb-sp .thumblist-item:nth-child(6n) { margin-right: 0; }
body.detail #detail-thumb-sp .thumblist-item.current { opacity: 1.0; transition: opacity 0.5s ease; }
body.detail #detail-thumb-sp .thumblist-item .vimeo { width: 100%; position: absolute; top: 0; left: 0; }
body.detail #detail-thumb-sp .thumblist-item .vimeo .img { padding-top: 100%; position: relative; z-index: 2; }
body.detail #detail-thumb-sp .thumblist-item .vimeo .img img { width: 100%; }
@media (min-width: 768px) { body.detail #detail-thumb-sp { display: none; } }
body.detail #detail-thumb-pc { display: none; }
@media (min-width: 768px) { body.detail #detail-thumb-pc { margin-top: 4px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap; }
  body.detail #detail-thumb-pc .swiper-slide { padding-top: 80px; opacity: 0.6; transition: opacity 0.5s ease; cursor: pointer; /*&.swiper-slide-active,*/ }
  body.detail #detail-thumb-pc .swiper-slide:hover { opacity: 1.0; }
  body.detail #detail-thumb-pc .swiper-slide.swiper-slide-thumb-active { opacity: 1.0; transition: opacity 0.5s ease; }
  body.detail #detail-thumb-pc .swiper-slide .vimeo { width: 100%; position: absolute; top: 0; overflow: hidden; }
  body.detail #detail-thumb-pc .swiper-slide .vimeo .img { padding-top: 100%; position: relative; z-index: 2; }
  body.detail #detail-thumb-pc .swiper-slide .vimeoWrap { display: block; width: 100%; padding-top: 100%; position: absolute; top: 0; z-index: 1; }
  body.detail #detail-thumb-pc .swiper-slide .vimeoWrap iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } }
@media (max-width: 1000px) and (min-width: 768px) { body.detail #detail-thumb-pc .swiper-slide { padding-top: 6.51vw; }
  body.detail #detail-thumb-pc .vimeo iframe { opacity: 0; } }
body.detail .photoBox .swiperPartsWrap { height: 60px; }
body.detail .photoBox .swiperPartsWrap .swiper-button-prev, body.detail .photoBox .swiperPartsWrap .swiper-button-next { height: 10px; margin: 0; }
body.detail #detail-main li.swiper-slide { cursor: pointer; }
body.detail #detail-main li.swiper-slide .vimeo { width: 100%; position: absolute; top: 0; overflow: hidden; }
body.detail #detail-main li.swiper-slide .vimeo .img { padding-top: 100%; position: relative; z-index: 2; }
body.detail #detail-main li.swiper-slide .vimeoWrap { display: block; width: 100%; padding-top: 100%; position: absolute; top: 0; z-index: 1; }
body.detail #detail-main li.swiper-slide .vimeoWrap iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
@media (max-width: 1000px) and (min-width: 768px) { body.detail #detail-main li.swiper-slide .vimeoWrap iframe { opacity: 0; } }
@media (min-width: 768px) { body.detail #detail-main li.swiper-slide .vimeo { opacity: 1.0; transition: opacity 0.3s linear; }
  body.detail #detail-main li.swiper-slide .vimeo:hover { opacity: 0.6; } }
body.detail .textBoxWrap2 h2 { font-size: 3.89vw; letter-spacing: 0.1em; }
@media (min-width: 768px) { body.detail .textBoxWrap2 h2 { font-size: 1.34em; letter-spacing: 0.1em; } }
body.detail #modal .swiperPartsWrap { position: relative; top: auto; bottom: -58px; }
body.detail #modal .swiper-button-prev { line-height: 0; left: 16.5%; }
body.detail #modal .swiper-button-next { line-height: 0; right: 18.5%; }
@media (min-width: 768px) { body.detail #modal .swiperPartsWrap { top: 52px; bottom: auto; }
  body.detail #modal .swiper-button-prev { margin: 0; left: 35%; transition: left 0.3s linear; }
  body.detail #modal .swiper-button-prev:hover { left: calc(35% - 3px); }
  body.detail #modal .swiper-button-next { margin: 0; right: 36.7%; transition: right 0.3s linear; }
  body.detail #modal .swiper-button-next:hover { right: calc(36.7% - 3px); } }
@media (max-width: 1000px) and (min-width: 768px) { body.detail #modal .swiper-button-prev { margin-top: 3px; left: 26%; }
  body.detail #modal .swiper-button-prev:hover { left: 26%; }
  body.detail #modal .swiper-button-next { right: 26%; }
  body.detail #modal .swiper-button-next:hover { right: 26%; } }
body.detail #modal #modalSwiper li.swiper-slide { padding-top: 0; background-color: transparent; }
body.detail #modal #modalSwiper li.swiper-slide .vimeo { width: 100%; height: 100%; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center; align-items: center; }
body.detail #modal #modalSwiper li.swiper-slide .vimeo .img { display: none; }
body.detail #modal #modalSwiper li.swiper-slide .vimeo .vimeoWrap { width: 100%; height: 100%; }
body.detail #modal #modalSwiper li.swiper-slide .vimeo iframe { width: 100%; height: 100%; }
body.detail #modal #modalSwiper li.swiper-slide img { object-fit: fill; width: 100%; height: auto; min-width: unset; min-height: unset; }
@media (min-width: 768px) { body.detail #modal #modalSwiper li.swiper-slide img { object-fit: fill; width: auto; height: auto; max-width: 100%; max-height: 100%; } }

section.wrapper.resultsWrap { padding-bottom: 1rem; border-bottom: 1px solid #c9caca; }
section.wrapper.resultsWrap h2 { font-size: 3.34vw; line-height: 1.5; letter-spacing: 0.05em; }
section.wrapper.resultsWrap h2 span { padding-right: 3px; }
@media (min-width: 768px) { section.wrapper.resultsWrap { padding-bottom: 1.25rem; }
  section.wrapper.resultsWrap h2 { font-size: 0.982em; line-height: 1.667; letter-spacing: 0.05em; }
  section.wrapper.resultsWrap h2 span { padding-right: 4px; } }

#sitepolicy div.wrap * { font-size: 3.47vw; }
#sitepolicy p.read { margin: 12.27vw 0 10.14vw; }
#sitepolicy h3 { color: #deb19e; }
#sitepolicy .pTxt, #sitepolicy .pWrap { margin: 5.34vw 0 9.87vw; }
#sitepolicy .pWrap li { margin-top: 2px; padding-left: 4vw; text-indent: -3.4vw; }
@media (min-width: 768px) { #sitepolicy div.wrap * { font-size: 14px; }
  #sitepolicy p.read { margin: 7px 0 47px; }
  #sitepolicy h3 { color: #deb19e; }
  #sitepolicy .pTxt, #sitepolicy .pWrap { margin: 24px 0 48px; }
  #sitepolicy .pWrap li { margin-top: 2px; padding-left: 1rem; text-indent: -0.95rem; } }

.ntf .btt { display: none; }
.ntf article { margin-bottom: 19.47vw; }
.ntf article p.nTxt { margin-top: 12vw; }
.ntf article .btt2 { margin: 8.8vw 0 0 0; text-align: left; display: block; }
@media (min-width: 768px) { .ntf article { margin-bottom: 320px; }
  .ntf article p.nTxt { margin-top: 7px; }
  .ntf article .btt2 { margin: 42px 0 0 0; } }

#mainpage header { position: static; margin-bottom: -16vw; }
#mainpage header .headWrap { height: 16vw; }
@media (min-width: 768px) { #mainpage header { margin-bottom: -85px; }
  #mainpage header .headWrap { height: 85px; } }
#mainpage .topReadHead { margin-bottom: 13.34vw; display: flex; justify-content: space-between; align-items: center; }
@media (min-width: 768px) { #mainpage .topReadHead { margin-bottom: 90px; } }
#mainpage .topReadHead .logOut a { padding-left: 5.6vw; position: relative; }
@media (min-width: 768px) { #mainpage .topReadHead .logOut a { padding-left: 29px; } }
#mainpage .topReadHead .logOut a svg { width: 3.6vw; height: 3.6vw; position: absolute; top: calc(50% - 3.6vw / 2); left: 0; }
#mainpage .topReadHead .logOut a svg .iconLine { fill: none; stroke: #352f2d; stroke-linecap: round; stroke-linejoin: round; }
@media (min-width: 768px) { #mainpage .topReadHead .logOut a svg { width: 16px; height: 16px; top: calc(50% - 16px / 2); } }
#mainpage dl { padding: 0 1em; }
#mainpage dl div.sbWrap { margin-bottom: 8vw; }
#mainpage dl div.sbWrap:last-child { margin-bottom: 0; }
#mainpage dl dt { margin-bottom: 4vw; line-height: 1.0; }
@media (min-width: 768px) { #mainpage dl { padding: 0 0; }
  #mainpage dl div.sbWrap { margin-bottom: 30px; display: flex; align-items: center; }
  #mainpage dl div.sbWrap:last-child { margin-bottom: 0; }
  #mainpage dl dt { width: 135px; margin-bottom: 0; line-height: 1.0; } }
#mainpage dd.sbBox { height: 10.67vw; background-color: #fff; border: 1px solid #595757; border-radius: 4px; position: relative; overflow: hidden; }
#mainpage dd.sbBox::before { content: ""; width: 10.67vw; height: calc(10.67vw - 2px); border-radius: 0 4px 4px 0; background-color: #deb19e; position: absolute; top: 0; right: -0.5px; pointer-events: none; }
#mainpage dd.sbBox::after { content: url(/assets/img/common/arrow_down.svg); width: 2.94vw; height: 4vw; position: absolute; top: calc(50% - 4vw / 2); right: 1.1em; pointer-events: none; }
@media (min-width: 768px) { #mainpage dd.sbBox { width: 350px; height: 45px; border-radius: 5px; }
  #mainpage dd.sbBox::before { content: ""; width: 45px; height: calc(45px - 2px); border-radius: 0 5px 5px 0; }
  #mainpage dd.sbBox::after { width: 11px; height: 15px; top: calc(50% - 20px / 2); right: 16px; } }
#mainpage select { width: 100%; height: 100%; padding-left: 1.2em; color: #352f2d; cursor: pointer; text-indent: 0.01px; text-overflow: ellipsis; border: none; outline: none; background: transparent; background-image: none; box-shadow: none; -webkit-appearance: none; appearance: none; }
#mainpage select::-ms-expand { display: none; }
@media (min-width: 768px) { #mainpage select { padding-left: 19px; } }
#mainpage input[type="text"] { height: 100%; padding: 0 1.2em; border: none; outline: none; cursor: pointer; }
@media (min-width: 768px) { #mainpage input[type="text"] { padding: 0 19px; } }
#mainpage .error { margin-top: 0.8em; color: #f00; }
@media (min-width: 768px) { #mainpage .error { margin: 0 0 0 1.5em; } }
#mainpage .btnRound { width: calc(100% - 2em); margin: 13.34vw 1em 0; line-height: 14vw; color: #352f2d; text-align: center; background-color: #ebd0c4; border-radius: 80px; }
#mainpage .btnRound.hide { display: none; }
@media (min-width: 768px) { #mainpage .btnRound { width: 270px; margin: 100px 0 0; line-height: 60px; cursor: pointer; transition: opacity 0.3s ease; }
  #mainpage .btnRound:hover { opacity: 0.7; } }
#mainpage .breadcrumb { margin-top: 26.67vw; }
@media (min-width: 768px) { #mainpage .breadcrumb { margin-top: 200px; } }
#mainpage .btt { display: none; }
#mainpage #modal02 { display: none; width: 100vw; height: 100vh; position: fixed; top: 0; left: 0; z-index: 999999; }
#mainpage #modal02 .bgWrap02 { width: 100vw; height: 100vh; background-color: rgba(235, 208, 196, 0.95); position: absolute; top: 0; left: 0; }
#mainpage #modal02 .modalWrap02 { width: calc(100% - 13.34vw); height: calc(100% - 13.34vw); margin: 6.67vw auto; background-color: #fff; position: relative; }
@media (min-width: 768px) { #mainpage #modal02 .modalWrap02 { width: calc(100% - 150px); max-width: 1200px; height: calc(100% - 150px); margin: 75px auto; } }
#mainpage #modal02 .modalBox { height: 100%; overflow: hidden; padding: 13.34vw 0; position: relative; }
@media (min-width: 768px) { #mainpage #modal02 .modalBox { padding: 100px 0 150px; } }
#mainpage #modal02 .modalBox p.txt { margin-bottom: 6.67vw; text-align: center; line-height: 1.0; }
@media (min-width: 768px) { #mainpage #modal02 .modalBox p.txt { margin-bottom: 40px; } }
#mainpage #modal02 .modalBox p.close02 { width: 1.25em; height: 1.25em; position: absolute; top: 6.67vw; right: 6.67vw; }
#mainpage #modal02 .modalBox p.close02::before, #mainpage #modal02 .modalBox p.close02::after { content: ""; width: 100%; height: 1px; background-color: #352f2d; position: absolute; top: calc(50% - 1px); }
#mainpage #modal02 .modalBox p.close02::before { transform: rotate(45deg); }
#mainpage #modal02 .modalBox p.close02::after { transform: rotate(-45deg); }
@media (min-width: 768px) { #mainpage #modal02 .modalBox p.close02 { width: 1.5em; height: 1.5em; top: 3.572em; right: 4.17%; cursor: pointer; } }
#mainpage #modal02 .scrollWrap { height: 100%; overflow-y: scroll; padding: 6.67vw; }
@media (min-width: 768px) { #mainpage #modal02 .scrollWrap { width: 95%; max-width: 1000px; margin: auto; padding: 40px 25px; } }
#mainpage #modal02 .venueBox { margin-bottom: 9.34vw; padding-bottom: 9.34vw; border-bottom: 1px solid #9fa0a0; }
#mainpage #modal02 .venueBox:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; }
@media (min-width: 768px) { #mainpage #modal02 .venueBox { margin-bottom: 80px; padding-bottom: 80px; }
  #mainpage #modal02 .venueBox div.pcflex { display: flex; justify-content: center; }
  #mainpage #modal02 .venueBox div.pcflex dl { width: calc((100% - 15.79%) / 4); margin: 0 5.26% 0 0; }
  #mainpage #modal02 .venueBox div.pcflex dl:last-child { margin-right: 0; }
  #mainpage #modal02 .venueBox div.pcflex dt { height: 2em; text-align: left; }
  #mainpage #modal02 .venueBox div.pcflex dd li { width: 100%; } }
#mainpage #modal02 .venueBox h3 { margin-bottom: -3px; font-size: 5.6vw; text-align: center; line-height: 1.0; }
@media (min-width: 768px) { #mainpage #modal02 .venueBox h3 { margin-bottom: 54px; font-size: 19px; } }
#mainpage #modal02 .venueBox dl { margin-top: 8.53vw; padding: 0; }
@media (min-width: 768px) { #mainpage #modal02 .venueBox dl { margin-top: 0; margin-bottom: 80px; }
  #mainpage #modal02 .venueBox dl:last-child { margin-bottom: 0; } }
#mainpage #modal02 .venueBox dt { line-height: 1.5; text-align: center; }
@media (min-width: 768px) { #mainpage #modal02 .venueBox dt { width: 100%; margin-bottom: 30px; } }
#mainpage #modal02 .venueBox dd ul { display: flex; flex-wrap: wrap; justify-content: center; }
#mainpage #modal02 .venueBox dd li { width: calc((100% - 4vw) / 2); margin-bottom: 6.67vw; }
#mainpage #modal02 .venueBox dd li:nth-child(even) { margin-left: 4vw; }
#mainpage #modal02 .venueBox dd li:last-child, #mainpage #modal02 .venueBox dd li:nth-last-child(2) { margin-bottom: 0; }
#mainpage #modal02 .venueBox dd li div.imgBox { width: 100%; padding-top: 66.5%; position: relative; overflow: hidden; }
#mainpage #modal02 .venueBox dd li img { width: 100%; height: auto; position: absolute; top: 0; left: 0; }
@media (min-width: 768px) { #mainpage #modal02 .venueBox dd li { width: calc((100% - 15.79%) / 4); margin-bottom: 80px; margin-right: 5.26%; }
  #mainpage #modal02 .venueBox dd li:nth-child(even) { margin-left: 0; }
  #mainpage #modal02 .venueBox dd li:nth-child(4n) { margin-right: 0; }
  #mainpage #modal02 .venueBox dd li:last-child, #mainpage #modal02 .venueBox dd li:nth-last-child(2), #mainpage #modal02 .venueBox dd li:nth-last-child(3), #mainpage #modal02 .venueBox dd li:nth-last-child(4) { margin-bottom: 0; }
  #mainpage #modal02 .venueBox dd li:last-child { margin-right: 0; } }
#mainpage #modal02 .venueBox dd p.name { margin: 3.2vw 0; color: #7d7d7d; }
@media (min-width: 768px) { #mainpage #modal02 .venueBox dd p.name { margin: 11px 0 10px; } }
#mainpage #modal02 .venueBox dd .msBtn { width: 100%; padding-top: 2px; background-color: #e6e6e6; color: #352f2d; font-size: 3.07vw; line-height: 2.66; text-align: center; border-radius: 80px; }
@media (min-width: 768px) { #mainpage #modal02 .venueBox dd .msBtn { font-size: 14px; line-height: 43px; cursor: pointer; } }