@charset "UTF-8";
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

body { line-height: 1; }

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

nav ul { list-style: none; }

blockquote, q { quotes: none; }

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

a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

/* change colours to suit your needs */
ins { background-color: #ff9; color: #000; text-decoration: none; }

/* change colours to suit your needs */
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }

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

/* change border colour to suit your needs */
hr { display: block; height: 1px; border: 0; border-top: 1px solid #cccccc; margin: 1em 0; padding: 0; }

input, button, textarea, select { margin: 0; padding: 0; background: none; border: none; border-radius: 0; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

main { display: block; }

/* --------------------------------------------------
Common
-------------------------------------------------- */
html { height: 100%; font-size: 10px; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; -webkit-text-size-adjust: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; }
@media screen and (min-width: 768px) { html { font-size: 10px; } }

body { -webkit-text-size-adjust: none; height: 100%; font-family: trade-gothic-next-compressed, yu-gothic-pr6n, sans-serif; font-style: normal; }

input, button, textarea, select { -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; position: relative; }

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

img, video { vertical-align: bottom; width: 100%; height: auto; }

img[src$=".svg"] { width: 100%; }

li { list-style: none; }

a { color: inherit; text-decoration: none; }

@media screen and (max-width: 767px) { .pc { display: none !important; } }
@media screen and (min-width: 768px) { .sp { display: none !important; } }
/* --------------------------------------------------
Loader
-------------------------------------------------- */
body { overflow: hidden; }
body #loader { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: #FFFFFF; z-index: 9999; }
body #loader .group { width: 39.81%; left: 40.09%; position: absolute; top: 50%; transform: translate(0, -50%); text-align: right; }
body #loader .group p { position: absolute; bottom: -2.13vw; left: 0; right: 0; transform: translate(0, 100%); font-weight: 700; font-size: 3.43vw; letter-spacing: .05em; }
body.is-loaded { overflow: visible; }
body.is-loaded #wrapper { opacity: 1 !important; transition: opacity 2s ease 0s; }
body.is-loaded #wrapper header .menu-content { transition: transform .4s ease 0s; }

@media screen and (orientation: landscape) { body #loader .group { width: 14.86%; left: 65.23%; }
  body #loader .group .logo { width: 100%; padding: 20.49% 0 0; position: relative; }
  body #loader .group .logo img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
  body #loader .group p { bottom: -0.74vw; font-size: 1.32vw; } }
/* --------------------------------------------------
Header
-------------------------------------------------- */
body #wrapper header { position: relative; z-index: 999; }
body #wrapper header .menu-btn { width: 21px; height: 21px; position: fixed; top: 16px; left: 8px; z-index: 10; }
body #wrapper header .menu-btn a { display: block; height: 100%; padding: 5px; box-sizing: border-box; }
body #wrapper header .menu-btn a i { display: block; height: 100%; position: relative; }
body #wrapper header .menu-btn a i::before, body #wrapper header .menu-btn a i::after { display: block; content: ""; position: absolute; left: 0; right: 0; height: 1px; background: #000; top: 2px; transition: all .4s ease 0s; }
body #wrapper header .menu-btn a i::after { top: 8px; }
body #wrapper header .menu-btn a::before { display: block; content: ""; position: absolute; left: 5px; right: 5px; height: 1px; background: #000; top: 10px; transition: opacity .4s ease 0s; }
body #wrapper header .inner { padding: 20px 0; position: fixed; top: 0; right: 0; left: 0; z-index: 1; background: #fff; }
body #wrapper header .inner .title { text-align: center; font-size: 1.35rem; letter-spacing: .08em; font-weight: 700; }
body #wrapper header .inner .logo { position: absolute; width: 69px; right: 19px; top: 50%; transform: translate(0, -50%); }
body #wrapper header .menu-content { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 9; background: #fff; padding: 63px 0 50px 57px; transform: translate(-101%, 0); transition: none; overflow: auto; }
body #wrapper header .menu-content nav ul li { font-size: 2.65rem; letter-spacing: .05em; font-weight: 700; white-space: nowrap; }
body #wrapper header .menu-content nav ul li a { display: inline-block; padding: 0 0 2px; border-bottom: solid 1px; }
body #wrapper header .menu-content nav ul li + li { margin: 35px 0 0; }
body #wrapper header .menu-content nav ul li.stockist { margin: 40px 0 0; }
body #wrapper header .menu-content nav ul li.stockist .level-2 { margin: 35px 0 0; }
body #wrapper header .menu-content nav ul li.stockist .level-2 > li { font-size: 1.75rem; letter-spacing: .05em; }
body #wrapper header .menu-content nav ul li.stockist .level-2 > li address { display: block; font-size: 1.35rem; letter-spacing: .05em; line-height: roundnum(1.1851851852, 2); font-style: normal; margin: 5px 0 0; }
body #wrapper header .menu-content nav ul li.stockist .level-2 > li a { padding: 0 0 1px; }
body #wrapper header .menu-content nav ul li.stockist .level-2 > li + li { margin: 15px 0 0; }
body #wrapper header .menu-content nav ul li.stockist .level-2 > li.other a { border: none; padding: 0; }
body #wrapper header .menu-content nav ul li.stockist .level-2 > li.other i { display: inline-block; width: 11px; height: 11px; position: relative; margin: 0 0 1px 10px; }
body #wrapper header .menu-content nav ul li.stockist .level-2 > li.other i::before, body #wrapper header .menu-content nav ul li.stockist .level-2 > li.other i::after { display: block; content: ""; position: absolute; background: #000; }
body #wrapper header .menu-content nav ul li.stockist .level-2 > li.other i::before { left: 0; right: 0; top: 5px; height: 1px; }
body #wrapper header .menu-content nav ul li.stockist .level-2 > li.other i::after { top: 0; bottom: 0; left: 5px; width: 1px; transition: all .4s ease 0s; }
body #wrapper header .menu-content nav ul li.stockist .level-2 > li.other .level-3 { padding: 10px 0 0; display: none; }
body #wrapper header .menu-content nav ul li.stockist .level-2 > li.other .level-3 li { font-size: 1.45rem; letter-spacing: .05em; line-height: roundnum(1.1034482759, 2); margin: 0; }
body #wrapper header .menu-content nav ul li.stockist .level-2 > li.other .level-3 li ul li { margin: 0; }
body #wrapper header .menu-content nav ul li.stockist .level-2 > li.other .level-3 li + li { margin: roundnum(1.1034482759em, 2) 0 0; }
body #wrapper header .menu-content nav ul li.stockist .level-2 > li.other.is-open i::after { transform: rotate(90deg); opacity: 0; }
body.menu-open { overflow: hidden; }
body.menu-open #wrapper header .menu-btn a i::before { top: 50%; transform: rotate(135deg) translate(0, -50%); }
body.menu-open #wrapper header .menu-btn a i::after { top: 50%; transform: rotate(225deg) translate(0, -50%); }
body.menu-open #wrapper header .menu-btn a::before { opacity: 0; }
body.menu-open #wrapper header .menu-content { transform: none; }

@media screen and (min-width: 768px) { body #wrapper header a { transition: opacity .4s ease 0s; }
  body #wrapper header a:hover { opacity: .5; }
  body #wrapper header .menu-btn { width: 23px; height: 23px; top: 25px; left: 34px; }
  body #wrapper header .menu-btn a { padding: 0; }
  body #wrapper header .menu-btn a i::before { top: 4px; }
  body #wrapper header .menu-btn a i::after { top: 18px; }
  body #wrapper header .menu-btn a::before { left: 0; right: 0; top: 11px; }
  body #wrapper header .inner { padding: 22px 0; }
  body #wrapper header .inner .title { font-size: 2.7rem; letter-spacing: .05em; }
  body #wrapper header .inner .logo { width: 138px; right: 50px; }
  body #wrapper header .menu-content { right: auto; padding: 73px 70px 74px; -ms-overflow-style: none; scrollbar-width: none; }
  body #wrapper header .menu-content::-webkit-scrollbar { display: none; }
  body #wrapper header .menu-content nav { margin: 0 0 73px; }
  body #wrapper header .menu-content nav ul li { font-size: 2.5rem; }
  body #wrapper header .menu-content nav ul li a { padding: 0 0 5px; }
  body #wrapper header .menu-content nav ul li a:hover { border-color: transparent; }
  body #wrapper header .menu-content nav ul li + li { margin: 30px 0 0; }
  body #wrapper header .menu-content nav ul li.stockist { margin: 80px 0 0; }
  body #wrapper header .menu-content nav ul li.stockist .level-2 { margin: 17px 0 0; }
  body #wrapper header .menu-content nav ul li.stockist .level-2 > li { font-size: 1.9rem; }
  body #wrapper header .menu-content nav ul li.stockist .level-2 > li address { font-size: 1.5rem; line-height: roundnum(1.2, 2); margin: 6px 0 0; }
  body #wrapper header .menu-content nav ul li.stockist .level-2 > li a { padding: 0 0 3px; }
  body #wrapper header .menu-content nav ul li.stockist .level-2 > li.other i { margin: 0 0 2px 10px; }
  body #wrapper header .menu-content nav ul li.stockist .level-2 > li.other .level-3 { padding: 15px 0 0; }
  body #wrapper header .menu-content nav ul li.stockist .level-2 > li.other .level-3 li { font-size: 1.6rem; line-height: roundnum(1.125, 2); }
  body #wrapper header .menu-content nav ul li.stockist .level-2 > li.other .level-3 li + li { margin: roundnum(1.125em, 2) 0 0; }
  body #wrapper header::after { display: block; content: ""; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; background: rgba(0, 0, 0, 0.5); pointer-events: none; opacity: 0; transition: opacity .4s ease 0s; }
  body.menu-open #wrapper header::after { opacity: 1; pointer-events: auto; } }
/* --------------------------------------------------
Contents
-------------------------------------------------- */
body #wrapper #content { padding: 75px 0 0; }
body #wrapper #content #look-wrapper { margin: 0 0 95px; }
body #wrapper #content #look-wrapper .look .inner .textarea { display: none; }
body #wrapper #content #look-wrapper .group { display: flex; justify-content: space-between; align-items: flex-start; }
body #wrapper #content #look-wrapper .group .look { width: 49.22%; }
body #wrapper #content #look-wrapper .group .look .inner .imagearea { position: relative; overflow: hidden; opacity: 0; }
body #wrapper #content #look-wrapper .group .look .inner .imagearea a { display: block; transform: translate(20px, 0); }
body #wrapper #content #look-wrapper .group .look .inner .imagearea::after { display: block; content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #fff; pointer-events: none; }
body #wrapper #content #look-wrapper .group .look .inner.is-show .imagearea { opacity: 1; transition: opacity 1s cubic-bezier(0.23, 1, 0.38, 1) 0s; }
body #wrapper #content #look-wrapper .group .look .inner.is-show .imagearea a { transform: none !important; transition: transform 1s cubic-bezier(0.23, 1, 0.38, 1) 0s; }
body #wrapper #content #look-wrapper .group .look .inner.is-show .imagearea::after { transform: translate(-101%, 0); transition: transform 1s cubic-bezier(0.23, 1, 0.38, 1) 0s; }
body #wrapper #content #look-wrapper .group .look:nth-child(2) { padding: 33.85% 0 0; }
body #wrapper #content #look-wrapper .group .look:nth-child(2) .inner .imagearea a { transform: translate(-20px, 0); }
body #wrapper #content #look-wrapper .group .look:nth-child(2) .inner.is-show .imagearea::after { transform: translate(101%, 0); }
body #wrapper #content #look-wrapper .closeup { margin: 21.48vw 0; }
body #wrapper #content #look-wrapper .closeup .look { width: 36.46%; }
body #wrapper #content #look-wrapper .closeup .look .inner { opacity: 0; transform: translate(0, 50px); }
body #wrapper #content #look-wrapper .closeup .look .inner.is-show { opacity: 1; transform: none; transition: all 1.2s cubic-bezier(0.38, 1.49, 0.69, 1.32) 0s; }
body #wrapper #content #look-wrapper .closeup.center .look { margin: 0 auto; }
body #wrapper #content #look-wrapper .closeup.left .look { margin: 0 50% 0 auto; }
body #wrapper #content #look-wrapper .closeup.right .look { margin: 0 auto 0 50%; }
body #wrapper #content #look-wrapper .closeup.right.edge .look { margin: 0 0 0 auto; }
body #wrapper #content .online { font-size: 1.75rem; font-weight: 700; letter-spacing: .03em; text-align: center; margin: 0 0 60px; }
body #wrapper #content .online a { display: inline-block; padding: 0 0 2px; border-bottom: solid 1px; }
body #wrapper #content .staff-credit { text-align: center; font-weight: 700; font-size: 1.15rem; letter-spacing: .03em; line-height: 1.74; }
body #wrapper footer { text-align: center; padding: 65px 0 30px; }
body #wrapper footer .logo { width: 69px; margin: 0 auto 20px; }
body #wrapper footer small { display: block; font-size: .75rem; }

@media screen and (min-width: 768px) { body #wrapper #content { padding: 200px 0 0; }
  body #wrapper #content #look-wrapper { width: 1070px; max-width: 100%; margin: 0 auto 175px; }
  body #wrapper #content #look-wrapper .look .inner { position: relative; }
  body #wrapper #content #look-wrapper .look .inner .textarea { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.7); color: #fff; font-size: 1.8rem; letter-spacing: .05em; }
  body #wrapper #content #look-wrapper .look .inner .textarea .inner { height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; }
  body #wrapper #content #look-wrapper .look .inner .textarea .inner a { text-decoration: underline; transition: opacity .4s ease 0s; }
  body #wrapper #content #look-wrapper .look .inner .textarea .inner a.ask { text-decoration: none; }
  body #wrapper #content #look-wrapper .look .inner .textarea .inner a:hover { opacity: .5; }
  body #wrapper #content #look-wrapper .look .inner .textarea .inner .num { text-align: center; margin: 0 0 47px; }
  body #wrapper #content #look-wrapper .look .inner .textarea .inner .credit { width: 310px; margin: 0 0 78px; }
  body #wrapper #content #look-wrapper .look .inner .textarea .inner .credit li { display: flex; justify-content: space-between; }
  body #wrapper #content #look-wrapper .look .inner .textarea .inner .credit li .text .name { margin: 0 1em 0 0; }
  body #wrapper #content #look-wrapper .look .inner .textarea .inner .credit li .text .price { white-space: nowrap; }
  body #wrapper #content #look-wrapper .look .inner .textarea .inner .credit li .button { white-space: nowrap; }
  body #wrapper #content #look-wrapper .look .inner .textarea .inner .credit li .brand { display: none; }
  body #wrapper #content #look-wrapper .look .inner .textarea .inner .credit li + li { margin: 20px 0 0; }
  body #wrapper #content #look-wrapper .look .inner .textarea .inner .credit li:nth-child(n+4) { display: none; }
  body #wrapper #content #look-wrapper .look .inner .textarea .inner .credit::after { display: block; content: "……"; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; text-align: center; margin: 12px auto 0; font-feature-settings: normal; transform: scale(1.3); transform-origin: left top; }
  body #wrapper #content #look-wrapper .group .look { width: 48.6%; }
  body #wrapper #content #look-wrapper .group .look:nth-child(2) { padding: 35.71% 0 0; }
  body #wrapper #content #look-wrapper .closeup { margin: 17.97vw 0; }
  body #wrapper #content #look-wrapper .closeup .look { width: 36.45%; }
  body #wrapper #content .online { font-size: 3rem; margin: 0 0 110px; }
  body #wrapper #content .online a { border-bottom-width: 2px; transition: opacity .4s ease 0s; }
  body #wrapper #content .online a:hover { opacity: .5; }
  body #wrapper #content .staff-credit { font-size: 1.8rem; line-height: 1.75; }
  body #wrapper footer { text-align: center; padding: 135px 0 40px; }
  body #wrapper footer .logo { width: 138px; margin: 0 auto 40px; }
  body #wrapper footer small { font-size: 1.5rem; } }
/* --------------------------------------------------
Modal
-------------------------------------------------- */
body #wrapper #modal-wrap { display: none; z-index: 99; background: #fff; position: fixed; top: 0; right: 0; bottom: 0; left: 0; padding: 119px 44px 32px; overflow: auto; backface-visibility: hidden; }
body #wrapper #modal-wrap .modal { display: none; padding: 0 0 57px; }
body #wrapper #modal-wrap .modal .column.left { margin: 0 0 33px; }
body #wrapper #modal-wrap .modal .column.left .imagearea { margin: 0 0 13px; }
body #wrapper #modal-wrap .modal .column.left .imagearea ul { position: relative; z-index: 1; }
body #wrapper #modal-wrap .modal .column.left .imagearea ul li { opacity: 0; transition: opacity 1s ease 0s; }
body #wrapper #modal-wrap .modal .column.left .imagearea ul li:nth-child(n+2) { position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
body #wrapper #modal-wrap .modal .column.left .imagearea ul li.is-active { opacity: 1; }
body #wrapper #modal-wrap .modal .column.left .pager { display: flex; justify-content: center; }
body #wrapper #modal-wrap .modal .column.left .pager li { width: 7px; height: 7px; border-radius: 50%; background: #8E8E8E; opacity: .5; margin: 0 8px; }
body #wrapper #modal-wrap .modal .column.left .pager li a { display: block; height: 100%; }
body #wrapper #modal-wrap .modal .column.left .pager li.is-current { opacity: 1; }
body #wrapper #modal-wrap .modal .column.right .textarea { position: relative; }
body #wrapper #modal-wrap .modal .column.right .textarea .modal-close { position: absolute; top: 0; right: 0; width: 19px; }
body #wrapper #modal-wrap .modal .column.right .textarea .number { display: flex; align-items: center; margin: 0 0 32px; }
body #wrapper #modal-wrap .modal .column.right .textarea .number .modal-move-icon { width: 34px; }
body #wrapper #modal-wrap .modal .column.right .textarea .number .modal-number { font-size: 1.5rem; letter-spacing: .2em; margin: 0 8px; }
body #wrapper #modal-wrap .modal .column.right .textarea .num { display: none; }
body #wrapper #modal-wrap .modal .column.right .textarea .credit li { font-size: 1.8rem; letter-spacing: .05em; position: relative; }
body #wrapper #modal-wrap .modal .column.right .textarea .credit li .text { padding: 0 100px 0 0; margin: 0 0 10px; }
body #wrapper #modal-wrap .modal .column.right .textarea .credit li .text .name { margin: 0 .5em 0 0; }
body #wrapper #modal-wrap .modal .column.right .textarea .credit li .brand { font-size: 1.35rem; letter-spacing: .05em; }
body #wrapper #modal-wrap .modal .column.right .textarea .credit li .button { position: absolute; top: 0; right: 0; }
body #wrapper #modal-wrap .modal .column.right .textarea .credit li .button a { text-decoration: underline; }
body #wrapper #modal-wrap .modal .column.right .textarea .credit li .button a.ask { text-decoration: none; }
body #wrapper #modal-wrap .modal .column.right .textarea .credit li + li { margin: 32px 0 0; }
body #wrapper #modal-wrap .modal .column.right .textarea .more { display: none; }
body #wrapper #modal-wrap small { font-size: 1.1rem; letter-spacing: .08em; display: block; text-align: center; }

@media screen and (orientation: landscape) { body #wrapper #modal-wrap { padding: 100px 0 60px; overflow: hidden; } }
@media screen and (orientation: landscape) and (max-height: 650px) { body #wrapper #modal-wrap { padding: 80px 0 60px; } }
@media screen and (orientation: landscape) { body #wrapper #modal-wrap .modal { padding: 0; height: 100%; }
  body #wrapper #modal-wrap .modal a { transition: opacity .4s ease 0s; }
  body #wrapper #modal-wrap .modal a:hover { opacity: .5; }
  body #wrapper #modal-wrap .modal .inner { display: flex; justify-content: flex-end; height: 100%; position: relative; }
  body #wrapper #modal-wrap .modal .column.left { padding: 0 15px 0 0; text-align: right; height: 100%; margin: 0; }
  body #wrapper #modal-wrap .modal .column.left .imagearea { height: 100%; display: inline-block; margin: 0 0 15px; }
  body #wrapper #modal-wrap .modal .column.left .imagearea ul { height: 100%; }
  body #wrapper #modal-wrap .modal .column.left .imagearea ul li { height: 100%; }
  body #wrapper #modal-wrap .modal .column.left .imagearea ul li img { height: 100%; width: auto; }
  body #wrapper #modal-wrap .modal .column.left .pager { width: calc((100vh - 160px) * .714); margin: 0 0 0 auto; }
  body #wrapper #modal-wrap .modal .column.left .pager li { width: 8px; height: 8px; margin: 0 10px; }
  body #wrapper #modal-wrap .modal .column.right { width: 50vw; padding: 0 0 0 15px; box-sizing: border-box; position: relative; display: flex; align-items: flex-end; }
  body #wrapper #modal-wrap .modal .column.right .textarea { position: static; }
  body #wrapper #modal-wrap .modal .column.right .textarea .modal-close { right: auto; left: 370px; width: 25px; }
  body #wrapper #modal-wrap .modal .column.right .textarea .number { margin: 0 0 37px; } }
@media screen and (orientation: landscape) and (max-height: 650px) { body #wrapper #modal-wrap .modal .column.right .textarea .number { margin: 0 0 20px; } }
@media screen and (orientation: landscape) { body #wrapper #modal-wrap .modal .column.right .textarea .number .modal-move-icon { width: 26px; }
  body #wrapper #modal-wrap .modal .column.right .textarea .number .modal-number { font-size: 1.2rem; margin: 0 5px; }
  body #wrapper #modal-wrap .modal .column.right .textarea .credit { width: 317px; min-height: 420px; } }
@media screen and (orientation: landscape) and (max-height: 650px) { body #wrapper #modal-wrap .modal .column.right .textarea .credit { min-height: 390px; } }
@media screen and (orientation: landscape) and (max-height: 650px) { body #wrapper #modal-wrap .modal .column.right .textarea .credit li { font-size: 1.6rem; } }
@media screen and (orientation: landscape) { body #wrapper #modal-wrap .modal .column.right .textarea .credit li .text { padding: 0 90px 0 0; margin: 0 0 5px; }
  body #wrapper #modal-wrap .modal .column.right .textarea .credit li .brand { font-size: 1.35rem; letter-spacing: .05em; } }
@media screen and (orientation: landscape) and (max-height: 650px) { body #wrapper #modal-wrap .modal .column.right .textarea .credit li .brand { font-size: 1.1rem; } }
@media screen and (orientation: landscape) { body #wrapper #modal-wrap .modal .column.right .textarea .credit li .color { font-size: 1.3rem; }
  body #wrapper #modal-wrap .modal .column.right .textarea .credit li + li { margin: 20px 0 0; }
  body #wrapper #modal-wrap small { font-size: 1.3rem; position: absolute; bottom: 15px; left: 0; right: 0; } }
/* early summer Special */
@media screen and (orientation: landscape) { body #wrapper #modal-wrap .modal .column.right .textarea .number { margin: 0 0 30px; }
  body #wrapper #modal-wrap .modal .column.right .textarea .credit { width: 370px; min-height: 465px; } }
@media screen and (orientation: landscape) and (max-height: 740px) { body #wrapper #modal-wrap .modal .column.right .textarea .credit { min-height: 390px; } }
@media screen and (orientation: landscape) { body #wrapper #modal-wrap .modal .column.right .textarea .credit li + li { margin: 17px 0 0; } }
@media screen and (orientation: landscape) and (max-height: 740px) { body #wrapper #modal-wrap .modal .column.right .textarea .credit li { font-size: 1.5rem; }
  body #wrapper #modal-wrap .modal .column.right .textarea .credit li + li { margin: 10px 0 0; } }