@charset "UTF-8";
html { box-sizing: border-box; overflow-y: scroll; -webkit-text-size-adjust: 100%; }

*, :after, :before { background-repeat: no-repeat; box-sizing: inherit; }

:after, :before { text-decoration: inherit; vertical-align: inherit; }

* { padding: 0; margin: 0; }

audio:not([controls]) { display: none; height: 0; }

hr { overflow: visible; }

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

summary { display: list-item; }

small { font-size: 80%; }

[hidden], template { display: none; }

abbr[title] { border-bottom: 1px dotted; text-decoration: none; }

a { background-color: transparent; -webkit-text-decoration-skip: objects; }

a:active, a:hover { outline-width: 0; }

code, kbd, pre, samp { font-family: monospace,monospace; }

b, strong { font-weight: bolder; }

dfn { font-style: italic; }

mark { background-color: #ff0; color: #000; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sub { bottom: -.25em; }

sup { top: -.5em; }

input { border-radius: 0; }

[role=button], [type=button], [type=reset], [type=submit], button { cursor: pointer; }

[disabled] { cursor: default; }

[type=number] { width: auto; }

[type=search] { -webkit-appearance: textfield; }

[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration { -webkit-appearance: none; }

textarea { overflow: auto; resize: vertical; }

button, input, optgroup, select, textarea { font: inherit; }

optgroup { font-weight: 700; }

button { overflow: visible; }

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner { border-style: 0; padding: 0; }

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button:-moz-focusring { outline: 1px dotted ButtonText; }

[type=reset], [type=submit], button, html [type=button] { -webkit-appearance: button; }

button, select { text-transform: none; }

button, input, select, textarea { background-color: transparent; border-style: none; color: inherit; }

select { -moz-appearance: none; -webkit-appearance: none; }

select::-ms-expand { display: none; }

select::-ms-value { color: currentColor; }

legend { border: 0; color: inherit; display: table; max-width: 100%; white-space: normal; }

::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; }

[type=search] { -webkit-appearance: textfield; outline-offset: -2px; }

img { border-style: none; }

progress { vertical-align: baseline; }

svg:not(:root) { overflow: hidden; }

audio, canvas, progress, video { display: inline-block; }

@media screen { [hidden~=screen] { display: inherit; }
  [hidden~=screen]:not(:active):not(:focus):not(:target) { position: absolute !important; clip: rect(0 0 0 0) !important; } }
[aria-busy=true] { cursor: progress; }

[aria-controls] { cursor: pointer; }

[aria-disabled] { cursor: default; }

::-moz-selection { background-color: #b3d4fc; color: #000; text-shadow: none; }

::selection { background-color: #b3d4fc; color: #000; text-shadow: none; }

*::selection { color: white; background: #333333; }

html { overflow-y: scroll; line-height: 1.6; font-family: a-otf-gothic-bbb-pr6n, sans-serif; font-weight: 400; font-style: normal; font-size: 62.5%; letter-spacing: 0.0625em; -webkit-overflow-scrolling: touch; }

.lang_en, .lang_en * { font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important; }

.lang_kr, .lang_kr *, .lang_cn, .lang_cn *, .lang_tw, .lang_tw * { font-family: 'Noto Sans JP', sans-serif; font-weight: 400; font-style: normal; }

.lang_kr figcaption i, .lang_cn figcaption i, .lang_tw figcaption i { font-style: italic; }

body { overflow: hidden; position: fixed; width: 100%; height: 100%; font-size: 1rem; font-weight: normal; color: #333333; -webkit-overflow-scrolling: touch; }

h1 { font-size: 3.2rem; font-weight: normal; line-height: 1.5; }

h2 { font-size: 2.8rem; font-weight: normal; }

h3 { font-size: 2.2rem; font-weight: normal; }

h4 { line-height: 1.3; }

p, li, dd, dt, th, td, a, button { box-sizing: border-box; font-size: 1.6rem; }

li { list-style: none; }

a { box-sizing: border-box; display: inline-block; text-decoration: none; color: #333333; transition: 0.5s cubic-bezier(0.39, 0.575, 0.565, 1); }

img { display: block; width: 100%; height: auto; /* スマホ画像保存禁止 */ pointer-events: none; -webkit-touch-callout: none; -webkit-user-select: none; -moz-touch-callout: none; -moz-user-select: none; touch-callout: none; user-select: none; }

video { display: block; }

button { outline: none; box-sizing: border-box; display: block; border-radius: 0; cursor: pointer; }

input { box-sizing: border-box; display: block; outline: 0; }

textarea { box-sizing: border-box; display: block; outline: 0; }

select { outline: 0; box-sizing: border-box; border-radius: 0; }

hr { box-sizing: border-box; height: 0; margin: 0; padding: 0; border: 0; }

table { border-collapse: collapse; border-spacing: 0; }

svg { display: block; }
svg:not(:root) { overflow: visible; }

.disNone { display: none !important; }

.disBlock { display: block !important; }

.spDisBlock { display: block !important; }
@media screen and (min-width: 768px) { .spDisBlock { display: none !important; } }

.pcDisBlock { display: none !important; }
@media screen and (min-width: 768px) { .pcDisBlock { display: block !important; } }

.spDisFlex { display: flex !important; }
@media screen and (min-width: 768px) { .spDisFlex { display: none !important; } }

.pcDisFlex { display: none !important; }
@media screen and (min-width: 768px) { .pcDisFlex { display: flex !important; } }

.textAL { text-align: left !important; }

.textAC { text-align: center !important; }

.textAR { text-align: right !important; }

.fontWB { font-weight: bold !important; }

/* ----------------
基本カラーリング
----------------- */
.mainColor_txt { color: #333333; }
.mainColor_bg { background: #333333; }

.mainColorMid_txt { color: #858585; }
.mainColorMid_bg { background: #858585; }

.mainColorLight_txt { color: #c1c1c1; }
.mainColorLight_bg { background: #c1c1c1; }

.mainColorXLight_txt { color: #eaeaea; }
.mainColorXLight_bg { background: #eaeaea; }

.subColor_txt { color: #b69f59; }
.subColor_bg { background: #b69f59; }

.subColorMid_txt { color: #c9c0a5; }
.subColorMid_bg { background: #c9c0a5; }

.subColorLight_txt { color: #e4dfd2; }
.subColorLight_bg { background: #e4dfd2; }

.accentColor01_txt { color: #c83c1e; }
.accentColor01_bg { background: #c83c1e; }

.accentColor01Mid_txt { color: #de8a78; }
.accentColor01Mid_bg { background: #de8a78; }

.accentColor01Light_txt { color: #eec4bb; }
.accentColor01Light_bg { background: #eec4bb; }

.accentColor02_txt { color: #46b4a5; }
.accentColor02_bg { background: #46b4a5; }

.accentColor02Mid_txt { color: #90d2c9; }
.accentColor02Mid_bg { background: #90d2c9; }

.accentColor02Light_txt { color: #c7e8e4; }
.accentColor02Light_bg { background: #c7e8e4; }

.accentColor03_txt { color: #f5e600; }
.accentColor03_bg { background: #f5e600; }

.accentColor03Mid_txt { color: #f9f066; }
.accentColor03Mid_bg { background: #f9f066; }

.accentColor03Light_txt { color: #fcf7b2; }
.accentColor03Light_bg { background: #fcf7b2; }

@media screen and (min-width: 768px) { html { line-height: 1.8; } }
@media screen and (min-width: 1280px) { ::-webkit-scrollbar { width: 10px; }
  ::-webkit-scrollbar-track { background: white; }
  ::-webkit-scrollbar-thumb { background: #333333; } }
.swiper-container, .swiper-container2 { margin: 0 auto 40px; }

.swiper-wrapper { margin-bottom: 60px; }

.swiper-wrapper2 { margin-bottom: 70px; }

.swiper-pagination-bullet { width: 10px; height: 10px; border: #333333 solid 1px; background: none; opacity: 1; }

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

@media screen and (min-width: 768px) { .swiper-container, .swiper-container2 { margin: 0 auto; }
  .swiper-wrapper, .swiper-wrapper2 { margin-bottom: 0; } }
hr.border_hr { height: 1px; background: #c1c1c1; margin: 40px 0; }

.lang_en h1 { font-weight: normal; line-height: 1.1; }
.lang_en .instagram_heading { font-size: 1.8rem; }
.lang_en .cont_desc { margin-bottom: 40px; text-align: left; text-justify: inter-ideograph; -moz-font-feature-settings: "palt"; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; }
.lang_en .subMenu_item_date { padding-bottom: 60px; }
.lang_en .collection_title, .lang_en .news_ttl { line-height: 1.1; }
@media screen and (min-width: 768px) { .lang_en .topMain .pickup_subTitle { line-height: 1.3; }
  .lang_en .subMenu_item_date { padding-bottom: 0; }
  .lang_en .instagram_heading { font-size: 2.8rem; } }

.lang_kr .subMenu_item_date { padding-bottom: 60px; }
.lang_kr .cont_desc { margin-bottom: 40px; text-align: left; text-justify: inter-ideograph; -moz-font-feature-settings: "palt"; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; }
.lang_kr.single-event .exhibition_title { font-weight: normal; line-height: 1.1; }
.lang_kr .news_ttl { line-height: 1.1; }

.lang_cn .subMenu_item_date { padding-bottom: 60px; }
.lang_cn .cont_desc { margin-bottom: 40px; text-align: left; text-justify: inter-ideograph; -moz-font-feature-settings: "palt"; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; }
.lang_cn.single-event .exhibition_title { font-weight: normal; line-height: 1.1; }
.lang_cn .news_ttl { line-height: 1.1; }

.lang_tw .subMenu_item_date { padding-bottom: 60px; }
.lang_tw .cont_desc { margin-bottom: 40px; text-align: left; text-justify: inter-ideograph; -moz-font-feature-settings: "palt"; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; }
.lang_tw.single-event .exhibition_title { font-weight: normal; line-height: 1.1; }
.lang_tw .news_ttl { line-height: 1.1; }

/* GDPR */
.cc-window { opacity: 1; -webkit-transition: opacity 1s ease; transition: opacity 1s ease; }

.cc-window.cc-invisible { opacity: 0; }

.cc-animate.cc-revoke { -webkit-transition: transform 1s ease; -webkit-transition: -webkit-transform 1s ease; transition: -webkit-transform 1s ease; transition: transform 1s ease; transition: transform 1s ease,-webkit-transform 1s ease; }

.cc-animate.cc-revoke.cc-top { -webkit-transform: translateY(-2em); transform: translateY(-2em); }

.cc-animate.cc-revoke.cc-bottom { -webkit-transform: translateY(2em); transform: translateY(2em); }

.cc-animate.cc-revoke.cc-active.cc-top { -webkit-transform: translateY(0); transform: translateY(0); }

.cc-animate.cc-revoke.cc-active.cc-bottom { -webkit-transform: translateY(0); transform: translateY(0); }

.cc-revoke:hover { -webkit-transform: translateY(0); transform: translateY(0); }

.cc-grower { max-height: 0; overflow: hidden; -webkit-transition: max-height 1s; transition: max-height 1s; }

.cc-revoke, .cc-window { position: fixed; overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; font-family: Helvetica,Calibri,Arial,sans-serif; line-height: 1.5em; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; z-index: 999; }

.cc-window.cc-static { position: static; }

.cc-window.cc-floating { padding: 2em; max-width: 24em; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.cc-window.cc-banner { padding: 1.5em 1.8em; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; }

.cc-revoke { padding: .5em; }

.cc-revoke:hover { text-decoration: underline; }

.cc-header { font-size: 18px; font-weight: 700; }

.cc-btn, .cc-close, .cc-link, .cc-revoke { cursor: pointer; }

.cc-link { opacity: .8; display: inline-block; padding: .2em; text-decoration: underline; }

.cc-link:hover { opacity: 1; }

.cc-link:active, .cc-link:visited { color: initial; }

.cc-btn { display: block; padding: .6em 1em; font-size: .9em; font-weight: 700; border-width: 2px; border-style: solid; text-align: center; white-space: nowrap; }

.cc-highlight .cc-btn:first-child { background-color: transparent; border-color: transparent; }

.cc-highlight .cc-btn:first-child:focus, .cc-highlight .cc-btn:first-child:hover { background-color: transparent; text-decoration: underline; }

.cc-close { display: block; position: absolute; top: .5em; right: .5em; opacity: .9; line-height: .75; }

.cc-close:focus, .cc-close:hover { opacity: 1; }

.cc-revoke.cc-top { top: 0; left: 3em; border-bottom-left-radius: .5em; border-bottom-right-radius: .5em; }

.cc-revoke.cc-bottom { bottom: 0; left: 3em; border-top-left-radius: .5em; border-top-right-radius: .5em; }

.cc-revoke.cc-left { left: 3em; right: unset; }

.cc-revoke.cc-right { right: 3em; left: unset; }

.cc-top { top: 1em; }

.cc-left { left: 1em; }

.cc-right { right: 1em; }

.cc-bottom { bottom: 1em; }

.cc-floating > .cc-link { margin-bottom: 1em; }

.cc-floating .cc-message { display: block; margin-bottom: 1em; flex: 1; }

.cc-window.cc-banner { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.cc-banner.cc-top { left: 0; right: 0; top: 0; }

.cc-banner .cc-message { display: block; max-width: 100%; margin-right: 1em; flex: none; }

.cc-compliance { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: justify; align-content: space-between; }

.cc-floating .cc-compliance > .cc-btn { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.cc-btn + .cc-btn { margin-left: .5em; }

@media print { .cc-revoke, .cc-window { display: none; } }
@media screen and (max-width: 900px) { .cc-btn { white-space: normal; }
  .cc-banner .cc-message { display: block; max-width: 100%; margin-right: 1em; flex: 1; } }
@media screen and (max-width: 414px) and (orientation: portrait), screen and (max-width: 736px) and (orientation: landscape) { .cc-window.cc-top { top: 0; }
  .cc-window.cc-banner, .cc-window.cc-floating, .cc-window.cc-left, .cc-window.cc-right { left: 0; right: 0; }
  .cc-window.cc-floating { max-width: none; }
  .cc-window.cc-banner { -webkit-box-align: unset; -ms-flex-align: unset; align-items: unset; }
  .cc-window.cc-banner .cc-message { margin-right: .5em; } }
.cc-floating.cc-theme-classic { padding: 1.2em; border-radius: 5px; }

.cc-floating.cc-type-info.cc-theme-classic .cc-compliance { text-align: center; display: inline; -webkit-box-flex: 0; -ms-flex: none; flex: none; }

.cc-theme-classic .cc-btn { border-radius: 5px; }

.cc-theme-classic .cc-btn:last-child { min-width: 140px; }

.cc-floating.cc-type-info.cc-theme-classic .cc-btn { display: inline-block; }

.cc-theme-edgeless.cc-window { padding: 0; }

.cc-floating.cc-theme-edgeless .cc-message { margin: 2em; margin-bottom: 1.5em; }

.cc-banner.cc-theme-edgeless .cc-btn { margin: 0; padding: .8em 1.8em; height: 100%; }

.cc-banner.cc-theme-edgeless .cc-message { margin-left: 1em; }

.cc-floating.cc-theme-edgeless .cc-btn + .cc-btn { margin-left: 0; }

.cc-window { position: fixed; bottom: 56px; left: 0; width: 100%; flex-wrap: nowrap; }
.cc-window .cc-message, .cc-window .cc-btn { font-size: 1.2rem; }

@media screen and (min-width: 768px) { .cc-window { position: absolute; bottom: 11vh; left: 50px; width: calc(100% - 50px); justify-content: center; }
  .cc-window .cc-message, .cc-window .cc-btn { font-size: 1.6rem; }
  .cc-window.fixed { position: fixed; bottom: 0; } }
@keyframes rotateCircle { to { transform: rotate(1turn); } }
.loading { position: fixed; z-index: 10000; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; justify-content: center; align-items: center; width: 100vw; height: 100vh; background: white; }
.loading_logo { width: 80%; }

.news_special { position: absolute; width: 100%; z-index: 997; top: 0; left: 0; padding-top: calc( 13vh + 10px ); padding-left: 0; padding-bottom: 10px; margin-bottom: -13vh; z-index: 10; background: #eaeaea; }
.news_special .news_item { position: relative; }
.news_special .news_item a { padding-left: 50px; padding-right: 20px; }
.news_special .news_block { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; align-items: center; margin-bottom: 5px; }
.news_special .news_date { margin-right: 10px; width: 100px; font-size: 1.2rem; color: #858585; }
.news_special .news_category { padding: 2px 10px; font-size: 1.2rem; color: #858585; border: 1px solid #858585; }
.news_special .news_title { font-size: 1.6rem; flex: 1; }
.news_special .special_item::before { display: block; content: ''; height: 20px; width: 20px; border-radius: 50%; position: absolute; left: 20px; top: 12px; margin-top: -10px; background: #c83c1e; }
.news_special .special_item::after { font-size: 1.4rem; display: block; content: '!'; height: 14px; position: absolute; left: 28px; top: 12px; margin-top: -8px; color: white; line-height: 1; text-align: center; }

@media screen and (min-width: 768px) { .news_special { padding-top: 20px; padding-left: calc( 4vw + 20px ); padding-bottom: 20px; margin-bottom: 0; }
  .news_special .news_item a { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; flex-wrap: nowrap; align-items: center; }
  .news_special .news_item a:hover { opacity: .5; }
  .news_special .news_item:last-child { margin-bottom: 0; }
  .news_special .news_block { margin: 0 20px 0 0; }
  .news_special .news_btn a { position: relative; cursor: pointer; }
  .news_special .news_btn a:before { display: block; position: absolute; z-index: -1; top: 0; right: 0; width: 0; height: 100%; content: ''; background: #333333; transition: 0.5s cubic-bezier(0.39, 0.575, 0.565, 1); }
  .news_special .news_btn a:hover { color: white; background: transparent; }
  .news_special .news_btn a:hover:before { right: auto; left: 0; width: 100%; }
  .news_special .news_btn a:hover span { transition: 0.5s cubic-bezier(0.39, 0.575, 0.565, 1); border-color: white white transparent transparent; }
  .news_special .news_btn a:hover span path { fill: white; }
  .news_special .news_btn a::after { content: ''; position: absolute; z-index: -1; top: 50%; left: 50%; width: 100%; height: 0; }
  .news_special .special_item::before, .news_special .imp_item::before { top: 50%; margin-top: -10px; }
  .news_special .special_item::after, .news_special .imp_item::after { top: 50%; margin-top: -8px; } }
.info { position: absolute; z-index: 997; top: calc( 13vh + 20px ); left: 5%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; flex-direction: column; justify-content: center; align-items: center; width: 105px; height: 105px; overflow: hidden; }
.info.top_down { top: 36%; }
.info svg { position: absolute; left: 0; top: 0; width: 105px; height: 105px; animation: rotateCircle 20s infinite linear; }
.info svg path { fill: none; stroke: white; stroke-miterlimit: 10; }
.info_text { line-height: 1; padding-left: 3px; text-align: center; font-weight: bold; color: white; }
.info_text p:first-child { margin-bottom: 6px; font-size: 1.4rem; }
.info_text p:nth-child(2) { margin-bottom: 4px; font-size: 1.6rem; }

.header { position: fixed; z-index: 998; top: 0; left: 0; width: 100%; height: 13vh; background: white; }
.header_inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; justify-content: center; align-items: center; width: 100%; height: 13vh; }
.header_logo { width: 70%; height: auto; max-width: 360px; }
@media screen and (min-width: 481px) { .header_logo { width: 30%; } }
.header_logo a { display: block; }
.header_nav { display: none; }
.header_bg_layer { position: fixed; top: 0; left: 0; display: none; width: 100vw; height: 100vh; background: #333333; opacity: .6; z-index: 1000; }

.subMenu { position: fixed; z-index: 1998; bottom: 0; left: 0; width: 100%; height: 56px; background: #333333; }
.subMenu_block { width: inherit; height: inherit; }
.subMenu_list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; justify-content: space-around; align-items: center; width: inherit; height: inherit; overflow: hidden; }
.subMenu_item { width: auto; height: 4vh; /*
&.subMenu_item_open{ .active{ svg{ .st0{ stroke: $accentColor02Dark; } } } .subMenu_item_block{ background: $accentColor02Dark; }
}
*/ }
.subMenu_item a { display: block; width: inherit; height: inherit; }
.subMenu_item a svg { width: 30px; height: 30px; }
.subMenu_item a svg .st0 { fill: white; stroke-miterlimit: 10; }
.subMenu_item a svg .st1 { fill: white; }
.subMenu_item a::after { content: ''; display: none; position: fixed; left: 4vw; margin-top: -10px; height: 1px; width: 30px; background: #333333; z-index: 1000; }
.subMenu_item a.active::after { display: block; }
.subMenu_item a.menuBtn::after { margin-left: 0; }
@media screen and (min-width: 768px) { .subMenu_item a.active::after { display: block; } }
@media screen and (min-width: 768px) { .subMenu_item a svg { width: 24px; height: 24px; } }
.subMenu_item_access > a { height: 30px; }
@media screen and (min-width: 768px) { .subMenu_item_access > a { height: 24px; } }
.subMenu_itemMenuBtn { position: relative; }
.subMenu_itemMenuBtn::before { content: ''; position: absolute; z-index: -1; top: 50%; left: 50%; display: block; padding: 10vw; background: #222; border-radius: 50%; transform: translateY(-50%) translateX(-50%); }
.subMenu_itemMenuBtn .menuBtn { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; flex-direction: column; justify-content: center; align-items: center; width: 25px; height: 13px; cursor: pointer; }
.subMenu_itemMenuBtn .menuBtn span { position: absolute; display: block; width: 25px; height: 1px; background: white; }
.subMenu_itemMenuBtn .menuBtn span:nth-child(1) { top: 0; }
.subMenu_itemMenuBtn .menuBtn span:nth-child(2) { top: 6px; }
.subMenu_itemMenuBtn .menuBtn span:nth-child(3) { top: 12px; }
.subMenu_itemMenuBtn .menuBtn_text { top: 18px; width: auto !important; height: auto !important; line-height: 1; color: white; font-size: 1rem; background: none !important; }
.subMenu_item_block { position: absolute; display: none; background: #eaeaea; top: auto; bottom: 56px; left: 0; width: 100%; padding-top: 50px; max-height: calc( 100vh - 56px ); overflow: auto; }
.subMenu_item_block_frame { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; flex-direction: column; justify-content: center; align-items: center; width: 100%; height: auto; text-align: center; }
.subMenu_item_block_inner { position: relative; }
.subMenu_item_block_inner ul { list-style-image: url(data:0); }
.subMenu_item_block_inner ul li { list-style-image: url(data:0); }
@media screen and (min-width: 768px) { .subMenu_item_block { top: 0; bottom: auto; left: 4vw; width: auto; padding-top: 0; max-height: 100vh; }
  .subMenu_item_block_frame { width: 300px; height: 100vh; overflow: auto; } }
.subMenu_item_logo { width: 100%; margin-bottom: 30px; }
.subMenu_item_logo svg { margin: 0 auto; max-height: 40px; max-width: 40px; }
.subMenu_item_logo svg .st0 { fill: #333333; }
.subMenu_item_logo svg .st1 { fill: #333333; }
.subMenu_item_logo svg .st2 { fill: none; stroke: #333333; stroke-linecap: round; stroke-linejoin: round; stroke-miterlimit: 10; }
.subMenu_item_title { font-size: 1.4rem; font-weight: bold; margin-bottom: 10px; }
.subMenu_item_date { font-weight: bold; font-size: 1.8rem; }
.subMenu_item_date span { display: block; font-size: 2.4rem; }
.subMenu_item .btn_base { margin-top: 20px; }
.subMenu_item .btn_base a { margin-bottom: 0; }
.subMenu_item .btn_base:last-child a { margin-bottom: 80px; }
@media screen and (min-width: 768px) { .subMenu_item .btn_base a { margin-bottom: 0; } }
.subMenu_item_cap { font-size: 1.4rem; margin-top: 20px; }
.subMenu_item_cap p { line-height: 1.3; }
.subMenu_item_cap p small { font-size: 1.2rem; }
.subMenu_item_open .subMenu_item_block_inner { margin-bottom: 80px; }
@media screen and (min-width: 768px) { .subMenu_item_open .subMenu_item_block_inner { margin-bottom: 0; } }
.subMenu_item_access .subMenu_item_cap p { margin-bottom: 20px; font-size: 1.4rem; }
.subMenu_item_sns { display: none; }
@media screen and (min-width: 768px) { .subMenu_item_sns { display: block; } }
.subMenu_item_snsList { margin-top: 60px; }
.subMenu_item_snsItem { margin-bottom: 30px; }
.subMenu_item_snsItem a { font-size: 1.2rem; font-weight: bold; }
.subMenu_item_snsItem a svg { margin: 0 auto 5px; height: 28px; width: 28px; }
@media screen and (min-width: 768px) { .subMenu_item_snsItem a:hover { color: #b69f59; }
  .subMenu_item_snsItem a:hover svg path { fill: #b69f59; } }
.subMenu_item_snsList_sp { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; justify-content: center; align-items: center; margin-bottom: 40px; }
.subMenu_item_snsList_sp .subMenu_item_snsItem { margin: 0 20px; }
.subMenu_item_snsList_sp .subMenu_item_snsItem a svg { height: 28px; width: 28px; }
.subMenu_item_lngs { /*display: none;*/ }
.subMenu_item_lngs .subMenu_item_block_inner { margin-bottom: 40px; }
@media screen and (min-width: 768px) { .subMenu_item_lngs .subMenu_item_block_inner { margin-bottom: 0; } }
.subMenu_item_lng { margin-top: 30px; }
.subMenu_item_lng_sp { text-align: center; border-bottom: 1px solid #c1c1c1; margin-bottom: 20px; }
.subMenu_item_lngItem { margin-bottom: 15px; display: inline-block; }
.subMenu_item_lngItem a { position: relative; display: block; padding: 0 5px; margin: 0 10px; }
.subMenu_item_lngItem.active a { color: white; background: #333333; }
@media screen and (min-width: 768px) { .subMenu_item_lngItem { position: relative; padding-bottom: 1px; display: block; }
  .subMenu_item_lngItem:before { content: ''; position: absolute; display: block; }
  .subMenu_item_lngItem::after { content: ''; position: absolute; bottom: 0; display: block; width: 100%; height: 1px; background-color: #333333; transform-origin: right; transform: scaleX(0); transition: transform 0.5s cubic-bezier(0.39, 0.575, 0.565, 1); }
  .subMenu_item_lngItem:hover::after { transform-origin: left; transform: scaleX(1); transition: transform 0.5s cubic-bezier(0.39, 0.575, 0.565, 1); } }
@media screen and (min-width: 768px) { .subMenu_item_lngs { display: block; } }
.subMenu_item_search .search_filter .searchfield { border-bottom: 1px solid #333333; padding: 0 20px; text-align: center; margin: 30px auto 20px; display: block; max-width: 210px; height: 30px; }
.subMenu_item_search .search_filter .btn_base { font-size: 1.6rem; margin-left: auto; margin-right: auto; width: 110px; font-family: a-otf-futo-go-b101-pr6n, sans-serif; font-weight: 500; font-style: normal; }
.subMenu_item_search .search_filter .btn_base input { position: relative; width: 110px; margin: 0 auto 80px; display: block; padding: 10px 0; text-align: center; border: 1px solid #333333; }
@media screen and (min-width: 768px) { .subMenu_item_search .search_filter .btn_base { position: relative; cursor: pointer; z-index: 100; }
  .subMenu_item_search .search_filter .btn_base:before { display: block; position: absolute; z-index: -1; top: 0; right: 0; width: 0; height: 100%; content: ''; background: #333333; transition: 0.5s cubic-bezier(0.39, 0.575, 0.565, 1); }
  .subMenu_item_search .search_filter .btn_base:hover { color: white; background: transparent; }
  .subMenu_item_search .search_filter .btn_base:hover:before { right: auto; left: 0; width: 100%; }
  .subMenu_item_search .search_filter .btn_base:hover span { transition: 0.5s cubic-bezier(0.39, 0.575, 0.565, 1); border-color: white white transparent transparent; }
  .subMenu_item_search .search_filter .btn_base:hover span path { fill: white; }
  .subMenu_item_search .search_filter .btn_base::after { content: ''; position: absolute; z-index: -1; top: 50%; left: 50%; width: 100%; height: 0; }
  .subMenu_item_search .search_filter .btn_base input { margin: 0 auto; } }
.subMenu_item_search .search_filter { display: block; }
.subMenu_item_tipped { display: none; position: fixed; left: 4.8vw; top: auto; margin-top: -27px; padding: 7px 10px; font-size: 1.2rem; background: white; z-index: 1100; }
.subMenu_item_tipped::before { content: ""; position: absolute; top: 50%; left: -10px; margin-top: -5px; border: 5px solid transparent; border-right: 5px solid white; }
.subMenu_item.subMenu_item .active svg .st2 { stroke: #c1c1c1; }
.subMenu_item.subMenu_item .active svg .st0 { fill: #c1c1c1; }
.subMenu_gnavi { display: none; position: fixed; top: 100%; left: 0; width: 100%; height: 92vh; -webkit-overflow-scrolling: touch; overflow-y: scroll; background: white; padding: 0 8vw 40px; z-index: 1100; transition: 0.5s cubic-bezier(0.39, 0.575, 0.565, 1); }
.subMenu_gnavi .subMenu_logo { width: 80%; padding: 18px 0; margin: 0 auto; }
.subMenu_gnavi .subMenu_nav_list { border-bottom: 1px solid #c1c1c1; margin-bottom: 20px; }
.subMenu_gnavi .subMenu_nav_item { text-align: center; }
.subMenu_gnavi .subMenu_nav_item > a { padding: 16px 0; display: block; border-top: 1px solid #c1c1c1; position: relative; font-size: 1.5rem; }
.subMenu_gnavi .subMenu_nav_item > a::before, .subMenu_gnavi .subMenu_nav_item > a::after { display: block; content: ""; position: absolute; top: 27px; right: 10px; width: 15px; height: 1px; background: #c1c1c1; }
.subMenu_gnavi .subMenu_nav_item > a::after { transform: rotate(90deg); }
.subMenu_gnavi .subMenu_nav_item > a.active::after { display: none; }
.subMenu_gnavi .subMenu_nav_item > a.direct::before, .subMenu_gnavi .subMenu_nav_item > a.direct::after { display: none; }
.subMenu_gnavi .subMenu_nav_menu { display: none; margin-bottom: 18px; }
.subMenu_gnavi .subMenu_nav_menu_block h4 { color: #c1c1c1; font-size: 1.4rem; padding-top: 10px; margin-bottom: 18px; }
.subMenu_gnavi .subMenu_nav_menu_block ul li a { margin-bottom: 10px; }
.subMenu_close { display: block; position: absolute; top: 20px; right: 20px; width: 20px; height: 20px; cursor: pointer; }
.subMenu_close span::before, .subMenu_close span::after { display: block; content: ""; position: absolute; top: 50%; left: 50%; width: 100%; height: 1px; background: #333333; margin-left: -10px; }
.subMenu_close span::before { transform: rotate(-45deg); }
.subMenu_close span::after { transform: rotate(45deg); }
@media screen and (min-width: 768px) { .subMenu_close { display: none; } }

.mvSp { position: relative; height: calc(100vh - 56px); padding-top: 13vh; }
.mvSp_split { width: 100%; z-index: 0; position: relative; height: 100%; }
.mvSp_split .kvSwiper { display: none; }
.mvSp_split .kvSwiper .swiper-slide { overflow: hidden; height: calc(100vh - 13vh - 56px); }
.mvSp_split .kvSwiper .swiper-slide img { position: absolute; top: 0; left: -30px; text-align: right; width: auto; height: 100%; }
.mvSp_split .kvSwiper .swiper-slide.swiper-slide-next img { left: -30px; }
.mvSp_split .kvSwiper .swiper-slide.swiper-slide-active img { animation: slide 7s linear 0s 1 normal both; }
.mvSp_split .kvSwiper .swiper-slide.swiper-slide-active.slide01 img { animation: slide 5s linear 0s 1 normal both; }
.mvSp_split_item { position: relative; overflow: hidden; width: 100%; height: 50%; }
.mvSp_split_itemTop { position: relative; }
.mvSp_split_itemTop_layer { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); }

@keyframes slide { 0% { transform: translateX(30px); }
  100% { transform: translateX(0); } }
.mvPc { width: 100%; height: calc(100vh - 11vh); /* 変数をサポートしていないブラウザのフォールバック */ height: calc(var(--vh, 1vh) * 100 - 11vh); overflow: hidden; display: none; }
.mvPc_split { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; width: 100%; height: 100%; padding-left: 4vw; }
.mvPc_split_video { position: relative; width: 100%; height: 100%; opacity: 0; }
.mvPc_split_video video { position: absolute; width: auto; height: auto; top: 50%; left: 50%; min-height: 100%; min-width: 100%; -ms-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }
@supports (object-fit: cover) { .mvPc_split_video video { position: static; min-height: 100%; width: 100%; left: 0; -o-object-fit: cover; object-fit: cover; top: 0; -ms-transform: none; -moz-transform: none; -webkit-transform: none; transform: none; } }
.mvPc_split_layer { position: absolute; top: 0; left: 0; display: none; width: 100%; height: 100%; }

@media screen and (min-width: 768px) { .loading_logo { width: 30%; }
  .info { bottom: 13vh; top: auto; left: auto; right: 50px; width: 140px; height: 140px; }
  .info.top_down { top: auto; }
  .info svg { width: 140px; height: 140px; }
  .info_text p { color: white; }
  .info_text p:first-child { margin-bottom: 8px; font-size: 1.5rem; }
  .info_text p:nth-child(2) { margin-bottom: 6px; font-size: 1.8rem; }
  .lang_en .info, .lang_kr .info, .lang_tw .info, .lang_cn .info { bottom: 22vh; }
  .header { top: auto; bottom: 0; height: 11vh; background: none; padding-left: 4vw; z-index: 1998; }
  .header_block { width: 100%; height: 100%; opacity: 0; background: white; }
  .header_inner { justify-content: space-between; height: 100%; padding: 0 5%; }
  .header_logo { width: 20%; }
  .header.fixed .header_logo { width: 200px; }
  .header_nav { display: block; }
  .header_nav_list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }
  .header_nav_item { margin-right: 40px; }
  .header_nav_item:last-child { margin-right: 0; }
  .header_nav_item a { position: relative; padding-bottom: 1px; }
  .header_nav_item a:before { content: ''; position: absolute; display: block; }
  .header_nav_item a::after { content: ''; position: absolute; bottom: 0; display: block; width: 100%; height: 1px; background-color: #333333; transform-origin: right; transform: scaleX(0); transition: transform 0.5s cubic-bezier(0.39, 0.575, 0.565, 1); }
  .header_nav_item a:hover::after { transform-origin: left; transform: scaleX(1); transition: transform 0.5s cubic-bezier(0.39, 0.575, 0.565, 1); }
  .header_nav_block { display: none; position: absolute; left: 0; bottom: auto; top: 100%; width: 100%; height: 240px; padding-left: 4vw; background: #eaeaea; }
  .header_nav_block_inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }
  .header_nav_block_inner h3 { width: 40%; text-align: center; font-size: 3.2rem; padding-top: 80px; }
  .header_nav_block_inner h3 i { display: block; font-style: normal; font-size: 1.2rem; }
  .header_nav_block_inner .header_nav_menu { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }
  .header_nav_block_inner .header_nav_menu_block { margin-right: 60px; padding-top: 40px; }
  .header_nav_block_inner .header_nav_menu_block h4 { font-size: 1.4rem; color: #858585; margin-bottom: 20px; }
  .header_nav_block_inner .header_nav_menu_block ul { list-style-image: url(data:0); }
  .header_nav_block_inner .header_nav_menu_block ul li { list-style-image: url(data:0); }
  .header.fixed { height: 60px; }
  .bottom_open .header_nav_block { top: auto; bottom: 100%; }
  .lower .header { top: 0; bottom: auto; padding-left: 4vw; }
  .subMenu { width: 4vw; min-width: 46px; height: 100vh; background: none; }
  .subMenu_block { width: inherit; min-width: 50px; height: inherit; background: #333333; opacity: 0; }
  .subMenu_list { width: inherit; min-width: 50px; height: inherit; justify-content: center; flex-direction: column; }
  .subMenu_listTop { height: 100%; }
  .subMenu_listBottom { height: 30%; }
  .subMenu_item { width: 24px; height: auto; padding: 0 0 40px; margin: 0 auto; }
  .subMenu_item > a svg .st2 { fill: none; stroke: #b69f59; stroke-linecap: round; stroke-linejoin: round; stroke-miterlimit: 10; }
  .subMenu_item > a svg .st0 { fill: #b69f59; }
  .subMenu_item > a svg line, .subMenu_item > a svg rect, .subMenu_item > a svg polygon, .subMenu_item > a svg path, .subMenu_item > a svg circle, .subMenu_item > a svg ellipse { transition: 0.5s cubic-bezier(0.39, 0.575, 0.565, 1); }
  .subMenu_item > a:hover svg line, .subMenu_item > a:hover svg rect, .subMenu_item > a:hover svg polygon, .subMenu_item > a:hover svg path, .subMenu_item > a:hover svg circle, .subMenu_item > a:hover svg ellipse { fill: white; }
  .subMenu_item:nth-child(2) a svg path { transition: 0.5s cubic-bezier(0.39, 0.575, 0.565, 1); }
  .subMenu_itemMenuBtn { display: none; }
  .subMenu_layer { position: absolute; top: 0; left: 0; display: none; width: 100%; height: 100%; background: #858585; }
  .mvSp { display: none; }
  .mvPc { display: block; } }
.topMain .exhibition_heading, .topMain .selection_heading, .topMain .events_heading, .topMain .membershipProgram_heading, .topMain .news_heading { margin-bottom: 40px; text-align: center; }
.topMain .exhibition_heading span, .topMain .selection_heading span, .topMain .events_heading span, .topMain .membershipProgram_heading span, .topMain .news_heading span { display: block; font-size: 1rem; }
.topMain .exhibition_btn a, .topMain .selection_btn a, .topMain .events_btn a, .topMain .membershipProgram_btn a, .topMain .news_btn a { display: block; width: 250px; margin: 0 auto; padding: 10px 0; text-align: center; border: 1px solid #333333; }
.topMain .pickup { margin-top: 0; }
.topMain .pickup_item { padding: 40px 0; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; align-items: center; z-index: 0; overflow: hidden; }
.topMain .pickup_item::after { content: ''; background: rgba(255, 255, 255, 0.8); position: absolute; top: -5px; left: -5px; right: -5px; bottom: -5px; z-index: -1; transform: translateZ(0); }
.topMain .pickup_item::before { content: ''; background: inherit; -webkit-filter: blur(15px); filter: blur(15px); will-change: filter; transform: translateZ(0); position: absolute; top: -15px; left: -15px; right: -15px; bottom: -15px; z-index: -2; }
.topMain .pickup_inner { position: relative; z-index: 2; padding: 0 5%; width: 100%; }
.topMain .pickup_inner a { display: block; }
.topMain .pickup_head { margin-bottom: 20px; }
.topMain .pickup_subTitle, .topMain .pickup_title, .topMain .pickup_desc, .topMain .pickup_date, .topMain .pickup_venue, .topMain .pickup_gate, .topMain .pickup_countdown { text-align: center; }
.topMain .pickup_subTitle { font-size: 1.4rem; }
.topMain .pickup_desc { margin-bottom: 20px; text-align: left; }
.topMain .pickup_img { margin: 0 auto 20px; }
.topMain .pickup_img img { width: 100%; margin: 0 auto; }
.topMain .pickup_img figcaption { font-size: 1.2rem; margin-top: 10px; }
.topMain .pickup_img figcaption i { font-style: italic; }
.topMain .pickup_date { font-size: 1.4rem; }
.topMain .pickup_venue { margin-bottom: 30px; font-size: 1.4rem; }
.topMain .pickup_block { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; justify-content: center; align-items: center; }
.topMain .pickup_countdown { margin-right: 8px; padding: 5px 8px; background: #C1C1C1; border: 1px solid #858585; }
.topMain .pickup_gate a, .topMain .pickup_gate span { padding: 5px 9px; text-align: center; color: white; background: #333333; border: 1px solid #333333; position: relative; display: block; }
.topMain .pickup_gate a em { display: inline-block; width: 10px; margin-left: 3px; }
.topMain .pickup_gate a em svg { width: 10px; height: 10px; }
.topMain .pickup_gate a em svg .ico_blank { fill: white; }
.topMain .pickup_gate a:hover em .ico_blank { fill: #333333; }
.topMain .pickup .events_today { font-size: 1.6rem; }
.topMain .exhibition { margin: 50px 0; }
.topMain .exhibition_img { margin-bottom: 10px; width: 100%; overflow: hidden; }
.topMain .exhibition_img a { width: 100%; }
.topMain .exhibition_img a img { object-fit: cover; width: 100%; height: 360px; }
.topMain .exhibition_statusBlock { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; align-items: center; margin-bottom: 10px; }
.topMain .exhibition_countdown { margin-right: 8px; padding: 5px 8px; font-size: 1.1rem; background: white; border: 1px solid #858585; }
.topMain .exhibition_gate a, .topMain .exhibition_gate span { padding: 5px 9px; text-align: center; color: white; background: #333333; border: 1px solid #333333; font-size: 1.1rem; display: block; }
.topMain .exhibition_gate a em { display: inline-block; width: 8px; margin-left: 3px; }
.topMain .exhibition_gate a em svg { width: 8px; height: 8px; }
.topMain .exhibition_gate a em svg .ico_blank { fill: white; }
.topMain .exhibition_gate a:hover em .ico_blank { fill: #333333; }
.topMain .exhibition_title { margin-bottom: 10px; font-size: 2rem; }
.topMain .exhibition_categoryList { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; align-items: center; margin-bottom: 5px; }
.topMain .exhibition_categoryItem { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; font-size: 1.2rem; }
.topMain .exhibition_categoryItem::after { content: '|'; display: block; margin: 0 10px; }
.topMain .exhibition_categoryItem:last-child::after { content: none; margin: 0; }
.topMain .exhibition_date { font-size: 1.4rem; }
.topMain .exhibition_venue { margin-bottom: 30px; font-size: 1.4rem; }
.topMain .exhibition_btn:first-child { margin-bottom: 20px; }
.topMain .exhibition .swiper-container { width: 100%; height: 100%; }
.topMain .exhibition .swiper-slide { width: 70%; }
.topMain .selection { padding: 50px 0; background: #C83C1E; }
.topMain .selection_img { margin-bottom: 20px; }
.topMain .selection_heading { margin-bottom: 20px; color: white; }
.topMain .selection_desc { margin-bottom: 30px; padding: 0 5%; color: white; }
.topMain .selection_btn a { display: table; width: auto; padding: 10px 20px; color: white; border: 1px solid white; }
.topMain .events { padding: 50px 0; background: #eaeaea; }
.topMain .events_img { margin-bottom: 20px; }
.topMain .events_img a { display: block; height: 140px; overflow: hidden; }
.topMain .events_img a img { object-fit: cover; width: 100%; height: 100%; }
.topMain .events_statusBlock { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; align-items: center; margin-bottom: 10px; }
.topMain .events_today { margin-right: 10px; padding: 5px 9px; font-size: 1.1rem; background: white; border: 1px solid #858585; }
.topMain .events_gate a, .topMain .events_gate span { padding: 5px 9px; text-align: center; color: white; background: #333333; border: 1px solid #333333; font-size: 1.1rem; display: block; }
.topMain .events_gate a em { display: inline-block; width: 8px; margin-left: 3px; }
.topMain .events_gate a em svg { width: 8px; height: 8px; }
.topMain .events_gate a em svg .ico_blank { fill: white; }
.topMain .events_gate a:hover em .ico_blank { fill: #333333; }
.topMain .events_category { margin-bottom: 5px; font-size: 1.2rem; }
.topMain .events_title { margin-bottom: 10px; font-size: 1.6rem; }
.topMain .events_date { font-size: 1.4rem; }
.topMain .events .swiper-container { width: 100%; height: 100%; margin-bottom: 30px; }
.topMain .events .swiper-slide { width: 200px; }
.topMain .membershipProgram { position: relative; z-index: 0; width: 100%; height: 100%; padding: 50px 0; background-image: url("../../assets/images/membershipprogram_sp.jpg"); background-size: cover; }
.topMain .membershipProgram::before { content: ''; position: absolute; z-index: -1; top: 0; left: 0; display: block; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.7); }
.topMain .membershipProgram_desc { margin-bottom: 30px; padding: 0 5%; }
.topMain .membershipProgram_btn { margin-bottom: 20px; }
.topMain .membershipProgram_btn:last-child { margin-bottom: 0; }
.topMain .news { margin: 50px 0; padding-top: 120px; }
.topMain .news_list { margin-bottom: 30px; padding: 0 5%; }
.topMain .news_item { margin-bottom: 30px; position: relative; }
.topMain .news_item a { padding-left: 30px; }
.topMain .news_block { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; align-items: center; margin-bottom: 5px; }
.topMain .news_date { margin-right: 10px; width: 110px; font-size: 1.2rem; color: #858585; }
.topMain .news_category { padding: 2px 10px; font-size: 1.2rem; color: #858585; border: 1px solid #858585; }
.topMain .news_title { font-size: 1.6rem; flex: 1; }
.topMain .news .special_item::before, .topMain .news .imp_item::before { display: block; content: ''; height: 20px; width: 20px; border-radius: 50%; position: absolute; left: 0; top: 12px; margin-top: -10px; }
.topMain .news .special_item::before { background: #c83c1e; }
.topMain .news .imp_item::before { background: #333333; }
.topMain .news .special_item::after, .topMain .news .imp_item::after { font-size: 1.4rem; display: block; content: '!'; height: 14px; position: absolute; left: 8px; top: 12px; margin-top: -8px; color: white; line-height: 1; text-align: center; }

.malinky-load-more { font-size: 1.6rem; margin-left: auto; margin-right: auto; font-family: a-otf-futo-go-b101-pr6n, sans-serif; font-weight: 500; font-style: normal; }
.malinky-load-more a { position: relative; width: 260px; margin: 0 auto 80px; display: block; padding: 10px 0; text-align: center; border: 1px solid #333333; }

.btn_base { font-size: 1.6rem; margin-left: auto; margin-right: auto; font-family: a-otf-futo-go-b101-pr6n, sans-serif; font-weight: 500; font-style: normal; }
.btn_base a, .btn_base strong { position: relative; width: 260px; margin: 0 auto 80px; display: block; padding: 10px 0; text-align: center; border: 1px solid #333333; }
.btn_back a span { content: ''; display: block; position: absolute; top: 50%; left: 5%; width: 12px; height: 12px; margin-top: -6px; border: 1px solid; border-color: #333333 #333333 transparent transparent; transform: rotate(-135deg); }
.btn_prev, .btn_next { width: 46%; }
.btn_prev a, .btn_next a { width: 100%; }
.btn_prev a span { content: ''; display: block; position: absolute; top: 50%; left: 8%; width: 12px; height: 12px; margin-top: -6px; border: 1px solid; border-color: #333333 #333333 transparent transparent; transform: rotate(-135deg); }
.btn_next a span { content: ''; display: block; position: absolute; top: 50%; right: 8%; width: 12px; height: 12px; margin-top: -6px; border: 1px solid; border-color: #333333 #333333 transparent transparent; transform: rotate(45deg); }
.btn_block_pagination { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; justify-content: center; align-items: center; }
.btn_pdf a span { content: ''; display: block; position: absolute; top: 50%; left: 5%; margin-top: -9px; width: 16px; height: 18px; }
.btn_pdf a span .ico_pdf { fill: #333333; }
.btn_blank a span { display: block; position: absolute; top: 50%; right: 5%; margin-top: -7px; width: 14px; height: 14px; }
.btn_blank a span svg { width: 14px !important; height: 14px !important; }
.btn_blank a span svg .ico_blank { fill: #333333; }
.btn_search { font-size: 1.6rem; color: white; background: #333333; border: 1px solid #333333; position: relative; width: 200px; margin: 0 auto; display: block; padding: 10px 0; text-align: center; transition: 0.5s cubic-bezier(0.39, 0.575, 0.565, 1); }
.btn_search input { display: inline; }

.link { font-family: a-otf-futo-go-b101-pr6n, sans-serif; font-weight: 500; font-style: normal; }
.link_box { border-top: #c1c1c1 solid 1px; border-bottom: #c1c1c1 solid 1px; padding: 20px; }
.link_box a { display: block; width: 100%; margin-top: 20px; }
.link_box a:first-child { margin-top: 0; }
.link_blank { position: relative; padding-bottom: 1px; margin-right: 40px; }
.link_blank:before { content: ''; position: absolute; display: block; }
.link_blank::after { content: ''; position: absolute; bottom: 0; display: block; width: 100%; height: 1px; background-color: #333333; transform-origin: right; transform: scaleX(0); transition: transform 0.5s cubic-bezier(0.39, 0.575, 0.565, 1); }
.link_blank:hover::after { transform-origin: left; transform: scaleX(1); transition: transform 0.5s cubic-bezier(0.39, 0.575, 0.565, 1); }
.link_blank span { display: inline-block; width: 14px; height: 14px; }
.link_pdf { position: relative; padding-bottom: 1px; }
.link_pdf:before { content: ''; position: absolute; display: block; }
.link_pdf::after { content: ''; position: absolute; bottom: 0; display: block; width: 100%; height: 1px; background-color: #333333; transform-origin: right; transform: scaleX(0); transition: transform 0.5s cubic-bezier(0.39, 0.575, 0.565, 1); }
.link_pdf:hover::after { transform-origin: left; transform: scaleX(1); transition: transform 0.5s cubic-bezier(0.39, 0.575, 0.565, 1); }
.link_pdf span { display: inline-block; width: 14px; height: 14px; }
.link_pdf i { font-style: normal; font-size: 1.2rem; }

@media screen and (min-width: 768px) { .topMain { padding-left: 4vw; }
  .topMain .exhibition_heading, .topMain .selection_heading, .topMain .events_heading, .topMain .membershipProgram_heading, .topMain .news_heading { margin-bottom: 50px; font-size: 3.2rem; }
  .topMain .exhibition_heading span, .topMain .selection_heading span, .topMain .events_heading span, .topMain .membershipProgram_heading span, .topMain .news_heading span { font-size: 1.4rem; }
  .topMain .pickup { margin-top: 11vh; }
  .topMain .pickup_item { padding: 80px 0; }
  .topMain .pickup_inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; flex-wrap: nowrap; width: 100%; }
  .topMain .pickup_left { width: 50%; }
  .topMain .pickup_left_inner { max-width: 400px; width: 100%; }
  .topMain .pickup_left_inner > a:hover { opacity: .5; }
  .topMain .pickup_head { margin-bottom: 70px; }
  .topMain .pickup_subTitle, .topMain .pickup_title, .topMain .pickup_desc, .topMain .pickup_date, .topMain .pickup_venue, .topMain .pickup_gate, .topMain .pickup_countdown { text-align: left; }
  .topMain .pickup_subTitle { font-size: 1.6rem; }
  .topMain .pickup_title { font-size: 3.6rem; }
  .topMain .pickup_desc { margin-bottom: 50px; }
  .topMain .pickup_date, .topMain .pickup_venue { font-size: 1.6rem; }
  .topMain .pickup_gate { /* @include btnEffect($mainColorDark, white); */ }
  .topMain .pickup_gate a { position: relative; cursor: pointer; }
  .topMain .pickup_gate a:before { display: block; position: absolute; z-index: -1; top: 0; right: 0; width: 0; height: 100%; content: ''; background: white; transition: 0.5s cubic-bezier(0.39, 0.575, 0.565, 1); }
  .topMain .pickup_gate a:hover { color: #333333; background: transparent; }
  .topMain .pickup_gate a:hover:before { right: auto; left: 0; width: 100%; }
  .topMain .pickup_gate a:hover span { transition: 0.5s cubic-bezier(0.39, 0.575, 0.565, 1); border-color: #333333 #333333 transparent transparent; }
  .topMain .pickup_gate a:hover span path { fill: #333333; }
  .topMain .pickup_gate a::after { content: ''; position: absolute; z-index: -1; top: 50%; left: 50%; width: 100%; height: 0; }
  .topMain .pickup_block { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; justify-content: flex-start; align-items: center; }
  .topMain .pickup_right { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; align-items: center; width: 50%; }
  .topMain .pickup_right a:hover { opacity: .5; }
  .topMain .pickup_img { margin-bottom: 0; }
  .topMain .pickup_img img { width: 100%; }
  .topMain .exhibition { margin: 100px 0; }
  .topMain .exhibition_categoryItem::after { content: '|'; display: block; margin: 0 5px; }
  .topMain .exhibition .swiper-container { max-width: 1000px; width: 100%; margin: 0 auto; margin-bottom: 60px; }
  .topMain .exhibition .swiper-slide { width: 22.75%; margin-right: 3%; }
  .topMain .exhibition .swiper-slide:last-child { margin-right: 0; }
  .topMain .exhibition .swiper-slide > a:hover { opacity: .5; }
  .topMain .exhibition_img a { height: 320px; }
  .topMain .exhibition_img a img { width: 100%; height: 100%; }
  .topMain .exhibition_img a:hover { opacity: .5; }
  .topMain .exhibition_btnBlock { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; justify-content: center; align-items: center; }
  .topMain .exhibition_venue { margin-bottom: 0; }
  .topMain .exhibition_gate a { position: relative; cursor: pointer; }
  .topMain .exhibition_gate a:before { display: block; position: absolute; z-index: -1; top: 0; right: 0; width: 0; height: 100%; content: ''; background: #eaeaea; transition: 0.5s cubic-bezier(0.39, 0.575, 0.565, 1); }
  .topMain .exhibition_gate a:hover { color: #333333; background: transparent; }
  .topMain .exhibition_gate a:hover:before { right: auto; left: 0; width: 100%; }
  .topMain .exhibition_gate a:hover span { transition: 0.5s cubic-bezier(0.39, 0.575, 0.565, 1); border-color: #333333 #333333 transparent transparent; }
  .topMain .exhibition_gate a:hover span path { fill: #333333; }
  .topMain .exhibition_gate a::after { content: ''; position: absolute; z-index: -1; top: 50%; left: 50%; width: 100%; height: 0; }
  .topMain .exhibition_btn:first-child { margin-right: 30px; margin-bottom: 0; }
  .topMain .exhibition_btn a { position: relative; cursor: pointer; }
  .topMain .exhibition_btn a:before { display: block; position: absolute; z-index: -1; top: 0; right: 0; width: 0; height: 100%; content: ''; background: #333333; transition: 0.5s cubic-bezier(0.39, 0.575, 0.565, 1); }
  .topMain .exhibition_btn a:hover { color: white; background: transparent; }
  .topMain .exhibition_btn a:hover:before { right: auto; left: 0; width: 100%; }
  .topMain .exhibition_btn a:hover span { transition: 0.5s cubic-bezier(0.39, 0.575, 0.565, 1); border-color: white white transparent transparent; }
  .topMain .exhibition_btn a:hover span path { fill: white; }
  .topMain .exhibition_btn a::after { content: ''; position: absolute; z-index: -1; top: 50%; left: 50%; width: 100%; height: 0; }
  .topMain .selection { position: relative; z-index: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; align-items: center; margin: 100px 0 0; padding: 0; }
  .topMain .selection_left { width: 60%; }
  .topMain .selection_img { margin-bottom: 0; }
  .topMain .selection_right { width: 40%; }
  .topMain .selection_right_inner { max-width: 300px; width: 100%; margin: 0 auto; }
  .topMain .selection_heading { text-align: left; }
  .topMain .selection_desc { padding: 0; text-align: left; }
  .topMain .selection_btn a { position: relative; cursor: pointer; }
  .topMain .selection_btn a:before { display: block; position: absolute; z-index: -1; top: 0; right: 0; width: 0; height: 100%; content: ''; background: white; transition: 0.5s cubic-bezier(0.39, 0.575, 0.565, 1); }
  .topMain .selection_btn a:hover { color: #333333; background: transparent; }
  .topMain .selection_btn a:hover:before { right: auto; left: 0; width: 100%; }
  .topMain .selection_btn a:hover span { transition: 0.5s cubic-bezier(0.39, 0.575, 0.565, 1); border-color: #333333 #333333 transparent transparent; }
  .topMain .selection_btn a:hover span path { fill: #333333; }
  .topMain .selection_btn a::after { content: ''; position: absolute; z-index: -1; top: 50%; left: 50%; width: 100%; height: 0; }
  .topMain .selection_btn a:link, .topMain .selection_btn a:visited { display: inline-block; }
  .topMain .events { padding: 100px 0; }
  .topMain .events .swiper-container { max-width: 1000px; width: 100%; margin: 0 auto; margin-bottom: 60px; max-width: 1080px; }
  .topMain .events .swiper-slide { margin-right: 20px; }
  .topMain .events .swiper-slide:last-child { margin-right: 0; }
  .topMain .events .swiper-slide > a:hover { opacity: .5; }
  .topMain .events_img a:hover { opacity: .5; }
  .topMain .events_gate a { position: relative; cursor: pointer; }
  .topMain .events_gate a:before { display: block; position: absolute; z-index: -1; top: 0; right: 0; width: 0; height: 100%; content: ''; background: #eaeaea; transition: 0.5s cubic-bezier(0.39, 0.575, 0.565, 1); }
  .topMain .events_gate a:hover { color: #333333; background: transparent; }
  .topMain .events_gate a:hover:before { right: auto; left: 0; width: 100%; }
  .topMain .events_gate a:hover span { transition: 0.5s cubic-bezier(0.39, 0.575, 0.565, 1); border-color: #333333 #333333 transparent transparent; }
  .topMain .events_gate a:hover span path { fill: #333333; }
  .topMain .events_gate a::after { content: ''; position: absolute; z-index: -1; top: 50%; left: 50%; width: 100%; height: 0; }
  .topMain .events_btn a { position: relative; cursor: pointer; z-index: 100; }
  .topMain .events_btn a:before { display: block; position: absolute; z-index: -1; top: 0; right: 0; width: 0; height: 100%; content: ''; background: #333333; transition: 0.5s cubic-bezier(0.39, 0.575, 0.565, 1); }
  .topMain .events_btn a:hover { color: white; background: transparent; }
  .topMain .events_btn a:hover:before { right: auto; left: 0; width: 100%; }
  .topMain .events_btn a:hover span { transition: 0.5s cubic-bezier(0.39, 0.575, 0.565, 1); border-color: white white transparent transparent; }
  .topMain .events_btn a:hover span path { fill: white; }
  .topMain .events_btn a::after { content: ''; position: absolute; z-index: -1; top: 50%; left: 50%; width: 100%; height: 0; }
  .topMain .membershipProgram { background-image: url("../../assets/images/membershipprogram_pc.jpg"); padding: 100px 0; }
  .topMain .membershipProgram_btnBlock { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; justify-content: center; align-items: center; }
  .topMain .membershipProgram_desc { max-width: 370px; width: 100%; margin: 0 auto 60px; padding: 0; text-align: center; }
  .topMain .membershipProgram_btn a { position: relative; cursor: pointer; }
  .topMain .membershipProgram_btn a:before { display: block; position: absolute; z-index: -1; top: 0; right: 0; width: 0; height: 100%; content: ''; background: #333333; transition: 0.5s cubic-bezier(0.39, 0.575, 0.565, 1); }
  .topMain .membershipProgram_btn a:hover { color: white; background: transparent; }
  .topMain .membershipProgram_btn a:hover:before { right: auto; left: 0; width: 100%; }
  .topMain .membershipProgram_btn a:hover span { transition: 0.5s cubic-bezier(0.39, 0.575, 0.565, 1); border-color: white white transparent transparent; }
  .topMain .membershipProgram_btn a:hover span path { fill: white; }
  .topMain .membershipProgram_btn a::after { content: ''; position: absolute; z-index: -1; top: 50%; left: 50%; width: 100%; height: 0; }
  .topMain .news { margin: 100px 0; padding-top: 60px; }
  .topMain .news_inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; align-items: center; }
  .topMain .news_heading { width: 30%; }
  .topMain .news_list { width: 70%; margin-bottom: 60px; padding: 0; padding-right: 4vw; }
  .topMain .news_item a { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; flex-wrap: nowrap; align-items: center; }
  .topMain .news_item a:hover { opacity: .5; }
  .topMain .news_item:last-child { margin-bottom: 0; }
  .topMain .news_block { margin: 0 20px 0 0; width: 260px; }
  .topMain .news_btn a { position: relative; cursor: pointer; }
  .topMain .news_btn a:before { display: block; position: absolute; z-index: -1; top: 0; right: 0; width: 0; height: 100%; content: ''; background: #333333; transition: 0.5s cubic-bezier(0.39, 0.575, 0.565, 1); }
  .topMain .news_btn a:hover { color: white; background: transparent; }
  .topMain .news_btn a:hover:before { right: auto; left: 0; width: 100%; }
  .topMain .news_btn a:hover span { transition: 0.5s cubic-bezier(0.39, 0.575, 0.565, 1); border-color: white white transparent transparent; }
  .topMain .news_btn a:hover span path { fill: white; }
  .topMain .news_btn a::after { content: ''; position: absolute; z-index: -1; top: 50%; left: 50%; width: 100%; height: 0; }
  .topMain .news .special_item::before, .topMain .news .imp_item::before { top: 50%; margin-top: -10px; }
  .topMain .news .special_item::after, .topMain .news .imp_item::after { top: 50%; margin-top: -8px; }
  .link_box a { display: inline-block; width: auto; margin-top: 0; }
  .link_blank { position: relative; padding-bottom: 1px; margin-right: 40px; }
  .link_blank:before { content: ''; position: absolute; display: block; }
  .link_blank::after { content: ''; position: absolute; bottom: 0; display: block; width: 100%; height: 1px; background-color: #333333; transform-origin: right; transform: scaleX(0); transition: transform 0.5s cubic-bezier(0.39, 0.575, 0.565, 1); }
  .link_blank:hover::after { transform-origin: left; transform: scaleX(1); transition: transform 0.5s cubic-bezier(0.39, 0.575, 0.565, 1); }
  .link_blank span { display: inline-block; width: 14px; height: 14px; }
  .link_pdf { position: relative; padding-bottom: 1px; }
  .link_pdf:before { content: ''; position: absolute; display: block; }
  .link_pdf::after { content: ''; position: absolute; bottom: 0; display: block; width: 100%; height: 1px; background-color: #333333; transform-origin: right; transform: scaleX(0); transition: transform 0.5s cubic-bezier(0.39, 0.575, 0.565, 1); }
  .link_pdf:hover::after { transform-origin: left; transform: scaleX(1); transition: transform 0.5s cubic-bezier(0.39, 0.575, 0.565, 1); }
  .link_pdf span { display: inline-block; width: 14px; height: 14px; }
  .link_pdf i { font-style: normal; font-size: 1.2rem; }
  .btn_base a, .btn_base strong { position: relative; cursor: pointer; z-index: 100; cursor: pointer; }
  .btn_base a:before, .btn_base strong:before { display: block; position: absolute; z-index: -1; top: 0; right: 0; width: 0; height: 100%; content: ''; background: #333333; transition: 0.5s cubic-bezier(0.39, 0.575, 0.565, 1); }
  .btn_base a:hover, .btn_base strong:hover { color: white; background: transparent; }
  .btn_base a:hover:before, .btn_base strong:hover:before { right: auto; left: 0; width: 100%; }
  .btn_base a:hover span, .btn_base strong:hover span { transition: 0.5s cubic-bezier(0.39, 0.575, 0.565, 1); border-color: white white transparent transparent; }
  .btn_base a:hover span path, .btn_base strong:hover span path { fill: white; }
  .btn_base a::after, .btn_base strong::after { content: ''; position: absolute; z-index: -1; top: 50%; left: 50%; width: 100%; height: 0; }
  .btn_prev, .btn_next { width: auto; }
  .btn_prev a, .btn_next a { width: 200px; }
  .btn_block { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; justify-content: center; align-items: center; }
  .btn_block .btn_base { margin-left: 0; margin-right: 0; }
  .btn_block .btn_base a { margin: 0 10px 80px; }
  .btn_search { position: relative; cursor: pointer; width: 160px; margin-top: 40px; }
  .btn_search:before { display: block; position: absolute; z-index: -1; top: 0; right: 0; width: 0; height: 100%; content: ''; background: #c1c1c1; transition: 0.5s cubic-bezier(0.39, 0.575, 0.565, 1); }
  .btn_search:hover { color: #333333; background: transparent; }
  .btn_search:hover:before { right: auto; left: 0; width: 100%; }
  .btn_search:hover span { transition: 0.5s cubic-bezier(0.39, 0.575, 0.565, 1); border-color: #333333 #333333 transparent transparent; }
  .btn_search:hover span path { fill: #333333; }
  .btn_search::after { content: ''; position: absolute; z-index: -1; top: 50%; left: 50%; width: 100%; height: 0; } }
/* 初回モーダル */
.modal { position: fixed; z-index: 3000; top: 0; left: 0; height: 100%; width: 100%; background: rgba(0, 0, 0, 0.6); display: none; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; justify-content: center; align-items: center; }
.modal_inner { background: #FFF; padding: 20px; max-width: 1000px; width: 90%; max-height: 80vh; overflow: auto; z-index: 0; }
.modal_inner h3 { margin-bottom: 20px; text-align: left; font-size: 1.7rem; }
.modal_inner p { font-size: 1.4rem; }
.modal_inner p strong { color: #c83c1e; }
.modal_inner a { word-break: break-all; }
.modal_inner .close_modal a { display: block; width: 250px; margin: 20px auto 0; padding: 10px 0; text-align: center; border: 1px solid #333333; }
.modal_btn { margin-bottom: 20px; margin-top: 20px; }
.modal_btn a { display: block; width: 250px; margin: 0 auto; padding: 10px 0; text-align: center; border: 1px solid #333333; }

@media screen and (min-width: 768px) { .modal_inner { padding: 80px; }
  .modal_inner h3 { text-align: center; margin-bottom: 30px; font-size: 2rem; }
  .modal_inner p { font-size: 1.6rem; }
  .modal_inner .close_modal { margin-top: 40px; }
  .modal_inner .close_modal a { position: relative; cursor: pointer; }
  .modal_inner .close_modal a:before { display: block; position: absolute; z-index: -1; top: 0; right: 0; width: 0; height: 100%; content: ''; background: #333333; transition: 0.5s cubic-bezier(0.39, 0.575, 0.565, 1); }
  .modal_inner .close_modal a:hover { color: white; background: transparent; }
  .modal_inner .close_modal a:hover:before { right: auto; left: 0; width: 100%; }
  .modal_inner .close_modal a:hover span { transition: 0.5s cubic-bezier(0.39, 0.575, 0.565, 1); border-color: white white transparent transparent; }
  .modal_inner .close_modal a:hover span path { fill: white; }
  .modal_inner .close_modal a::after { content: ''; position: absolute; z-index: -1; top: 50%; left: 50%; width: 100%; height: 0; }
  .modal_btn { margin-top: 40px; }
  .modal_btn a { position: relative; cursor: pointer; }
  .modal_btn a:before { display: block; position: absolute; z-index: -1; top: 0; right: 0; width: 0; height: 100%; content: ''; background: #333333; transition: 0.5s cubic-bezier(0.39, 0.575, 0.565, 1); }
  .modal_btn a:hover { color: white; background: transparent; }
  .modal_btn a:hover:before { right: auto; left: 0; width: 100%; }
  .modal_btn a:hover span { transition: 0.5s cubic-bezier(0.39, 0.575, 0.565, 1); border-color: white white transparent transparent; }
  .modal_btn a:hover span path { fill: white; }
  .modal_btn a::after { content: ''; position: absolute; z-index: -1; top: 50%; left: 50%; width: 100%; height: 0; } }
.e_cat_list li { display: inline-block; margin-right: 10px; margin-bottom: 10px; font-size: 1.2rem; color: #858585; border: 1px solid #c1c1c1; padding: 5px 10px; }

.e_tag_list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; justify-content: start; margin-top: 10px; }
.e_tag_list li { margin-right: 10px; font-size: 1.2rem; color: #858585; }
.e_tag_list li::before { position: relative; content: '#'; display: inline-block; margin-right: 3px; }
@media screen and (min-width: 768px) { .e_tag_list li { margin-right: 20px; } }

.other { margin-bottom: 50px; padding: 50px 0; background: #eaeaea; }
.other_block { padding: 0 5%; }
.other_img { margin-bottom: 20px; }
.other_subTitle { font-size: 1.4rem; }
.other_title { margin-bottom: 20px; font-size: 2rem; }
.other_desc { margin-bottom: 10px; }
.other_position { font-size: 1.4rem; }
.other_name { font-size: 1.8rem; }
.other .swiper-container { width: 100%; height: 100%; }
.other .swiper-slide { width: 100%; }
.other .swiper-pagination { position: unset; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; bottom: auto; justify-content: center; width: 100%; margin-top: 20px; }
.other .swiper-pagination-bullet { outline: none; width: 10px; height: 10px; margin-right: 10px; border-radius: 100%; background: transparent; border: 1px solid #333333; opacity: 1; }
.other .swiper-pagination-bullet:last-child { margin-right: 0; }
.other .swiper-pagination-bullet-active { background: #333333; }

.facility { padding: 0 5%; }
.facility_item { margin-bottom: 30px; padding-bottom: 30px; border-bottom: 2px solid #eaeaea; }
.facility_item:last-child { border: none; }
.facility_img { margin-bottom: 20px; }
.facility_title { margin-bottom: 10px; text-align: center; font-size: 2rem; }
.facility .sub_heading { margin-bottom: 0; text-align: center; }

.cont_footer { background: #eaeaea; padding: 40px 4vw; }
.cont_footer .facility_list { padding: 40px 0 0; }
.cont_footer .facility_item { border-bottom: 1px solid #c1c1c1; }
.cont_footer .facility_item:last-child { margin-bottom: 0; }

.instagram { padding: 50px 0 calc(50px - 2%); background: #858585; }
.instagram_heading { margin-bottom: 40px; text-align: center; color: white; }
.instagram_heading span { display: block; font-size: 1.4rem; }
.instagram_list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding: 0 5%; }
.instagram_item { width: 32%; margin: 0 0.6666666% 2%; height: auto; }
.instagram_item a { display: block; }

.footer { padding: 50px 0 calc(50px + 11vh); background: #333333; }
.footer_snsList { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; justify-content: center; align-items: center; margin-bottom: 40px; }
.footer_snsItem { margin-right: 30px; }
.footer_snsItem:last-child { margin-right: 0; }
.footer_snsItem a svg path { fill: white; }
.footer_snsItemFacebook a svg { width: 22px; height: auto; }
.footer_snsItemInstagram a svg { width: 40px; height: auto; }
.footer_snsItemYoutube a svg { width: 50px; height: auto; }
.footer_logo { width: 80%; height: auto; margin: 0 auto 40px; }
.footer_info { margin-bottom: 40px; text-align: center; font-size: 1.4rem; color: white; }
.footer_info span { margin-bottom: 5px; font-size: 1.2rem; }
.footer_block { margin-bottom: 40px; }
.footer_btn a { display: block; width: 250px; margin: 0 auto; padding: 8px 0; text-align: center; color: white; border: 1px solid white; }
.footer_btn:first-child { margin-bottom: 20px; }
.footer_navList { display: block; margin-bottom: 40px; }
.footer_navItem { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; justify-content: center; align-items: flex-end; margin-bottom: 10px; }
.footer_navItem a { font-size: 1.4rem; color: white; }
.footer_navItem::after { display: none; content: '|'; margin: 0 10px; color: white; }
.footer_navItem:last-child::after { content: none; }
.footer small { display: block; text-align: center; color: white; }
.footer .pagetop { position: relative; margin-bottom: 60px; }
.footer .pagetop a { width: 80px; margin: 0 auto; display: block; color: white; font-size: 1rem; padding-top: 20px; text-align: center; }
.footer .pagetop a::before { content: ''; display: block; position: absolute; top: 0; left: 50%; margin-left: -16px; width: 30px; height: 30px; border: white solid 1px; border-bottom: none; border-right: none; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

@media screen and (min-width: 768px) { .other { margin-bottom: 0; padding: 100px 0 100px 4vw; }
  .other_subTitle { font-size: 1.6rem; }
  .other_title { font-size: 3.2rem; }
  .other .swiper-container { padding: 0 5%; width: 100%; height: 100%; }
  .other .swiper-pagination { margin-top: 50px; }
  .facility { padding: 100px 0 100px 4vw; }
  .facility_list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding: 0; }
  .facility_item { width: 33.3333333333%; border-right: 2px solid #eaeaea; border-bottom: none; padding: 0 5%; }
  .facility_item:last-child { margin-right: 0; border-right: none; }
  .facility.cont_footer { padding: 30px 0 0 4vw; }
  .facility.cont_footer .facility_list { padding: 0; }
  .facility.cont_footer .facility_item { border-right: 1px solid #858585; border-bottom: none; }
  .facility.cont_footer .facility_item a:hover { opacity: .5; }
  .facility.cont_footer .facility_item:last-child { margin-right: 0; border-right: none; }
  .instagram { padding: 100px 0 calc(100px - 2%) 4vw; }
  .instagram_heading { margin-bottom: 50px; font-size: 3.2rem; }
  .instagram_heading span { font-size: 1.4rem; }
  .instagram_list { max-width: 1000px; width: 100%; margin: 0 auto; padding: 0; }
  .instagram_item { width: 18%; margin: 0 1% 2%; }
  .footer { position: relative; z-index: 0; padding: 100px 0 calc(100px + 11vh) 4vw; }
  .footer_snsList { margin-bottom: 50px; }
  .footer_snsItem a svg path { transition: 0.5s cubic-bezier(0.39, 0.575, 0.565, 1); }
  .footer_snsItem a:hover svg path { fill: #333333; stroke: white; stroke-width: 1.6; }
  .footer_logo { width: 25%; margin-bottom: 50px; }
  .footer_info { margin-bottom: 50px; font-size: 1.6rem; }
  .footer_info span { font-size: 1.4rem; }
  .footer_block { margin-bottom: 50px; }
  .footer_btn:first-child { margin-bottom: 30px; }
  .footer_btn a { position: relative; cursor: pointer; }
  .footer_btn a:before { display: block; position: absolute; z-index: -1; top: 0; right: 0; width: 0; height: 100%; content: ''; background: white; transition: 0.5s cubic-bezier(0.39, 0.575, 0.565, 1); }
  .footer_btn a:hover { color: #333333; background: transparent; }
  .footer_btn a:hover:before { right: auto; left: 0; width: 100%; }
  .footer_btn a:hover span { transition: 0.5s cubic-bezier(0.39, 0.575, 0.565, 1); border-color: #333333 #333333 transparent transparent; }
  .footer_btn a:hover span path { fill: #333333; }
  .footer_btn a::after { content: ''; position: absolute; z-index: -1; top: 50%; left: 50%; width: 100%; height: 0; }
  .footer_navList { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; justify-content: center; margin-bottom: 50px; }
  .footer_navItem { margin-bottom: 0; }
  .footer_navItem a { position: relative; padding-bottom: 1px; font-size: 1.6rem; }
  .footer_navItem a:before { content: ''; position: absolute; display: block; }
  .footer_navItem a::after { content: ''; position: absolute; bottom: 0; display: block; width: 100%; height: 1px; background-color: white; transform-origin: right; transform: scaleX(0); transition: transform 0.5s cubic-bezier(0.39, 0.575, 0.565, 1); }
  .footer_navItem a:hover::after { transform-origin: left; transform: scaleX(1); transition: transform 0.5s cubic-bezier(0.39, 0.575, 0.565, 1); }
  .footer_navItem::after { display: block; }
  .footer small { font-size: 1.2rem; } }