@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; }

/* --------------------------------------------------
Common
-------------------------------------------------- */
html { height: 100%; font-size: 5px; }
@media screen and (min-width: 768px) { html { font-size: 10px; } }

body { -webkit-text-size-adjust: none; -webkit-font-smoothing: antialiased; height: 100%; font-family: "EB Garamond", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", serif; color: #231815; overflow-y: scroll !important; }

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; max-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; } }
/* --------------------------------------------------
Lb Default
-------------------------------------------------- */
.lb-loader, .lightbox { text-align: center; line-height: 0; }

body:after { display: none; }

.lb-dataContainer:after, .lb-outerContainer:after { content: ""; clear: both; }

body.lb-disable-scrolling { overflow: hidden; }

.lightboxOverlay { position: absolute; top: 0; left: 0; z-index: 9999; background-color: #000; filter: alpha(Opacity=80); opacity: .8; display: none; }

.lightbox { position: absolute; left: 0; width: 100%; z-index: 10000; font-weight: 400; }

.lightbox .lb-image { display: block; height: auto; max-width: inherit; border-radius: 3px; }

.lightbox a img { border: none; }

.lb-outerContainer { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; border-radius: 4px; }

.lb-loader, .lb-nav { position: absolute; left: 0; }

.lb-outerContainer:after { display: table; }

.lb-container { padding: 4px; }

.lb-loader { top: 43%; height: 25%; width: 100%; }

.lb-cancel { display: block; width: 32px; height: 32px; margin: 0 auto; }

.lb-nav { top: 0; height: 100%; width: 100%; z-index: 10; }

.lb-container > .nav { left: 0; }

.lb-nav a { outline: 0; }

.lb-next, .lb-prev { height: 100%; cursor: pointer; display: block; }

.lb-nav a.lb-prev { width: 34%; left: 0; float: left; filter: alpha(Opacity=0); opacity: 0; -webkit-transition: opacity .6s; transition: opacity .6s; }

.lb-nav a.lb-prev:hover { filter: alpha(Opacity=100); opacity: 1; }

.lb-nav a.lb-next { width: 64%; right: 0; float: right; filter: alpha(Opacity=0); opacity: 0; -webkit-transition: opacity .6s; transition: opacity .6s; }

.lb-nav a.lb-next:hover { filter: alpha(Opacity=100); opacity: 1; }

.lb-dataContainer { margin: 0 auto; padding-top: 5px; width: 100%; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }

.lb-dataContainer:after { display: table; }

.lb-data { padding: 0 4px; color: #ccc; }

.lb-data .lb-details { width: 85%; float: left; text-align: left; line-height: 1.1em; }

.lb-data .lb-caption { font-size: 13px; font-weight: 700; line-height: 1em; }

.lb-data .lb-number { display: block; clear: left; padding-bottom: 1em; font-size: 12px; color: #999; }

.lb-data .lb-close { display: block; float: right; width: 30px; height: 30px; text-align: right; outline: 0; filter: alpha(Opacity=70); opacity: .7; -webkit-transition: opacity .2s; transition: opacity .2s; }

.lb-data .lb-close:hover { cursor: pointer; filter: alpha(Opacity=100); opacity: 1; }

/* --------------------------------------------------
Contents
-------------------------------------------------- */
#roku_2019aw_wrapper { height: 100%; overflow: hidden; }
#roku_2019aw_wrapper #top { height: 100%; background-image: url("../images/mv@sp.jpg"); background-size: cover; display: flex; align-items: center; justify-content: center; position: relative; margin: 0 0 92px; }
#roku_2019aw_wrapper #top h1 { width: 22.2%; position: absolute; bottom: 13.3%; left: 63%; opacity: 0; z-index: 2; }
#roku_2019aw_wrapper #top h2 { width: 40.1%; opacity: 0; position: relative; z-index: 2; }
#roku_2019aw_wrapper #top::after { display: block; content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #ebc5d1; transform: scale(1, 0); transform-origin: top; z-index: 1; }
#roku_2019aw_wrapper #look_wrapper .column .look { display: flex; align-items: flex-end; opacity: 0; }
#roku_2019aw_wrapper #look_wrapper .column .look .imagearea { width: 57.1%; }
#roku_2019aw_wrapper #look_wrapper .column .look .textarea { flex: auto; }
#roku_2019aw_wrapper #look_wrapper .column .look .textarea .num { margin: 0 0 15px; }
#roku_2019aw_wrapper #look_wrapper .column .look .textarea .credit li { font-size: 1.8rem; line-height: 1.14; letter-spacing: .05em; margin: 0 0 1.14em; white-space: nowrap; color: #8f8f8f; }
#roku_2019aw_wrapper #look_wrapper .column .look .textarea .credit li a { color: #231815; font-weight: 500; }
#roku_2019aw_wrapper #look_wrapper .column .look .textarea .credit li:last-child { margin: 0; }
#roku_2019aw_wrapper #look_wrapper .column .look.is-show { opacity: 1; transition: opacity 1s ease 0s; }
#roku_2019aw_wrapper #look_wrapper .column .look.look1 { margin: 0 0 69px; /*.imagearea {
	width: 73.5%;
}*/ }
#roku_2019aw_wrapper #look_wrapper .column .look.look1 .textarea .num { width: 36px; margin-left: 15px; }
#roku_2019aw_wrapper #look_wrapper .column .look.look2 { margin: 0 0 47px; }
#roku_2019aw_wrapper #look_wrapper .column .look.look2 .textarea .num { width: 36px; margin-left: 12px; }
#roku_2019aw_wrapper #look_wrapper .column .look.look3 { margin: 0 0 34px; }
#roku_2019aw_wrapper #look_wrapper .column .look.look3 .imagearea { margin-left: 17.1%; }
#roku_2019aw_wrapper #look_wrapper .column .look.look3 .textarea .num { width: 26px; margin-left: 25px; }
#roku_2019aw_wrapper #look_wrapper .column .look.look4 { margin: 0 0 106px; }
#roku_2019aw_wrapper #look_wrapper .column .look.look4 .textarea .num { width: 39px; margin-left: 11px; }
#roku_2019aw_wrapper #look_wrapper .column .look.look5 { margin: 0 0 49px; }
#roku_2019aw_wrapper #look_wrapper .column .look.look5 .textarea .num { width: 33px; margin-left: 21px; }
#roku_2019aw_wrapper #look_wrapper .column .look.look6 { margin: 0 0 33px; }
#roku_2019aw_wrapper #look_wrapper .column .look.look6 .imagearea { margin-left: 17.1%; }
#roku_2019aw_wrapper #look_wrapper .column .look.look6 .textarea .num { width: 37px; margin-left: 20px; }
#roku_2019aw_wrapper #look_wrapper .column .look.look7 { margin: 0 0 72px; }
#roku_2019aw_wrapper #look_wrapper .column .look.look7 .textarea .num { width: 31px; margin-left: 14px; }
#roku_2019aw_wrapper #look_wrapper .column .look.look8 { margin: 0 0 34px; }
#roku_2019aw_wrapper #look_wrapper .column .look.look8 .imagearea { margin-left: 17.1%; }
#roku_2019aw_wrapper #look_wrapper .column .look.look8 .textarea .num { width: 39px; margin-left: 18px; }
#roku_2019aw_wrapper #look_wrapper .column .look.look9 { margin: 0 0 72px; }
#roku_2019aw_wrapper #look_wrapper .column .look.look9 .textarea .num { width: 32px; margin-left: 14px; }
#roku_2019aw_wrapper #look_wrapper .column .look.look10 { margin: 0 0 64px; }
#roku_2019aw_wrapper #look_wrapper .column .look.look10 .textarea .num { width: 45px; margin-left: 7px; }
#roku_2019aw_wrapper #look_wrapper .column .look.look11 { margin: 0 0 35px; }
#roku_2019aw_wrapper #look_wrapper .column .look.look11 .imagearea { margin-left: 17.1%; }
#roku_2019aw_wrapper #look_wrapper .column .look.look11 .textarea .num { width: 31px; margin-left: 11px; }
#roku_2019aw_wrapper #look_wrapper .column .look.look12 { margin: 0 0 57px; }
#roku_2019aw_wrapper #look_wrapper .column .look.look12 .textarea .num { width: 45px; margin-left: 14px; }
#roku_2019aw_wrapper #look_wrapper .column .look.look13 { margin: 0 0 134px; }
#roku_2019aw_wrapper #look_wrapper .column .look.look13 .imagearea { margin-left: 17.1%; }
#roku_2019aw_wrapper #look_wrapper .column .look.look13 .textarea .num { width: 31px; margin-left: 16px; }
#roku_2019aw_wrapper #look_wrapper .column .look.look14 { margin: 0 0 83px; /*.imagearea {
	width: 73.5%;
}*/ }
#roku_2019aw_wrapper #look_wrapper .column .look.look14 .textarea .num { width: 60px; margin-left: 5px; }
#roku_2019aw_wrapper #look_wrapper .column .look.look15 { margin: 0 0 33px; }
#roku_2019aw_wrapper #look_wrapper .column .look.look15 .imagearea { margin-left: 17.1%; }
#roku_2019aw_wrapper #look_wrapper .column .look.look15 .textarea .num { width: 65px; margin-left: 8px; }
#roku_2019aw_wrapper #look_wrapper .column .look.look16 { margin: 0 0 50px; }
#roku_2019aw_wrapper #look_wrapper .column .look.look16 .textarea .num { width: 45px; margin-left: 5px; }
#roku_2019aw_wrapper #look_wrapper .column .look.look17 { margin: 0 0 50px; /*.imagearea {
	width: 73.5%;
}*/ }
#roku_2019aw_wrapper #look_wrapper .column .look.look17 .textarea .num { width: 60px; margin-left: 6px; }
#roku_2019aw_wrapper #look_wrapper .column .look.look18 { margin: 0 0 64px; }
#roku_2019aw_wrapper #look_wrapper .column .look.look18 .textarea .num { width: 45px; margin-left: 7px; }
#roku_2019aw_wrapper #look_wrapper .column .look.look19 { margin: 0 0 34px; }
#roku_2019aw_wrapper #look_wrapper .column .look.look19 .imagearea { margin-left: 17.1%; }
#roku_2019aw_wrapper #look_wrapper .column .look.look19 .textarea .num { width: 45px; margin-left: 15px; }
#roku_2019aw_wrapper #look_wrapper .column .look.look20 { margin: 0 0 117px; }
#roku_2019aw_wrapper #look_wrapper .column .look.look20 .textarea .num { width: 49px; margin-left: 18px; }
#roku_2019aw_wrapper #look_wrapper .column .image { opacity: 0; }
#roku_2019aw_wrapper #look_wrapper .column .image.is-show { opacity: 1; transition: opacity 1.2s ease 0s; }
#roku_2019aw_wrapper #look_wrapper .column .image.image1 { margin: 0 0 100px; }
#roku_2019aw_wrapper #look_wrapper .column .image.image2 { margin: 0 0 87px; }
#roku_2019aw_wrapper #look_wrapper .column .image.image3 { margin: 0 0 138px; }
#roku_2019aw_wrapper footer { padding: 75px 0 20px; }
#roku_2019aw_wrapper footer .logo { width: 59px; margin: 0 auto 58px; }
#roku_2019aw_wrapper footer #online { width: 100px; margin: 0 auto 43px; }
#roku_2019aw_wrapper footer small { display: block; text-align: center; font-size: 2rem; transform: scale(0.66); transform-origin: top; }
#roku_2019aw_wrapper #to_top { position: fixed; bottom: 10px; right: 15px; opacity: 0; width: 25px; transform: translate(0, 100px); transition: all 1s ease 0s; z-index: 999; }
#roku_2019aw_wrapper #to_top a { display: block; padding: 5px; }
#roku_2019aw_wrapper #to_top.is-show { opacity: 1; transform: none; }
#roku_2019aw_wrapper.is-loaded { opacity: 1 !important; transition: opacity 1s ease 0s; }
#roku_2019aw_wrapper.is-loaded #top h1 { transform: none; opacity: 1; transition: opacity .3s ease 2.5s,transform .3s ease 2.7s; }
#roku_2019aw_wrapper.is-loaded #top h2 { transform: none; opacity: 1; transition: all .8s ease 2s; }
#roku_2019aw_wrapper.is-loaded #top::after { transform: none; transition: transform .8s ease 1s; }
#roku_2019aw_wrapper.animation-end { overflow: visible; }

@media screen and (max-width: 767px) { #roku_2019summer_wrapper div.group.group1 .inner .look.sub .textarea { margin-left: calc((100vw - 40px) * 0.636 - 300px); text-align: right; } }
@media screen and (min-width: 768px) { #roku_2019aw_wrapper #top { background-image: url("../images/mv@pc.jpg"); margin: 0 0 205px; }
  #roku_2019aw_wrapper #top h1 { width: 7.4%; bottom: 8.5%; left: 75.8%; z-index: 2; }
  #roku_2019aw_wrapper #top h2 { width: 13.4%; }
  #roku_2019aw_wrapper #look_wrapper { max-width: 1050px; width: 90%; margin: 0 auto; }
  #roku_2019aw_wrapper #look_wrapper .column { display: flex; justify-content: center; }
  #roku_2019aw_wrapper #look_wrapper .column .look { position: relative; }
  #roku_2019aw_wrapper #look_wrapper .column .look .imagearea { width: 311px; }
  #roku_2019aw_wrapper #look_wrapper .column .look .textarea { flex: 1; position: absolute; bottom: 0; left: 326px; }
  #roku_2019aw_wrapper #look_wrapper .column .look .textarea .num { margin: 0 0 40px; }
  #roku_2019aw_wrapper #look_wrapper .column .look .textarea .credit li { font-size: 1.1rem; line-height: 1.28; margin: 0 0 1.28em; }
  #roku_2019aw_wrapper #look_wrapper .column .look .textarea .credit li a { transition: opacity .2s ease 0s; }
  #roku_2019aw_wrapper #look_wrapper .column .look .textarea .credit li a:hover { opacity: .6; }
  #roku_2019aw_wrapper #look_wrapper .column .look.is-show { opacity: 0; }
  #roku_2019aw_wrapper #look_wrapper .column .look.look1 { margin: 0 0 103px; /*.imagearea {
	width: 390px;
}*/ }
  #roku_2019aw_wrapper #look_wrapper .column .look.look1 .textarea { /*left: 405px;*/ }
  #roku_2019aw_wrapper #look_wrapper .column .look.look1 .textarea .num { width: 41px; margin-left: -4px; }
  #roku_2019aw_wrapper #look_wrapper .column .look.look2 { margin: 0 0 87px; }
  #roku_2019aw_wrapper #look_wrapper .column .look.look2 .textarea .num { width: 41px; margin-left: 6px; }
  #roku_2019aw_wrapper #look_wrapper .column .look.look3 { margin: 0 0 87px; }
  #roku_2019aw_wrapper #look_wrapper .column .look.look3 .imagearea { margin-left: 0; }
  #roku_2019aw_wrapper #look_wrapper .column .look.look3 .textarea .num { width: 30px; margin-left: 10px; }
  #roku_2019aw_wrapper #look_wrapper .column .look.look4 { margin: 0 0 190px; }
  #roku_2019aw_wrapper #look_wrapper .column .look.look4 .textarea .num { width: 45px; margin-left: 10px; }
  #roku_2019aw_wrapper #look_wrapper .column .look.look5 { margin: 0 0 95px; }
  #roku_2019aw_wrapper #look_wrapper .column .look.look5 .textarea .num { width: 38px; margin-left: 27px; }
  #roku_2019aw_wrapper #look_wrapper .column .look.look6 { margin: 0 0 95px; }
  #roku_2019aw_wrapper #look_wrapper .column .look.look6 .imagearea { margin-left: 0; }
  #roku_2019aw_wrapper #look_wrapper .column .look.look6 .textarea .num { width: 43px; margin-left: 38px; }
  #roku_2019aw_wrapper #look_wrapper .column .look.look7 { margin: 0 0 85px; }
  #roku_2019aw_wrapper #look_wrapper .column .look.look7 .textarea .num { width: 36px; margin-left: 20px; }
  #roku_2019aw_wrapper #look_wrapper .column .look.look8 { margin: 0 0 85px; }
  #roku_2019aw_wrapper #look_wrapper .column .look.look8 .imagearea { margin-left: 0; }
  #roku_2019aw_wrapper #look_wrapper .column .look.look8 .textarea .num { width: 46px; margin-left: 37px; }
  #roku_2019aw_wrapper #look_wrapper .column .look.look9 { margin: 0 0 250px; }
  #roku_2019aw_wrapper #look_wrapper .column .look.look9 .textarea .num { width: 37px; margin-left: 20px; }
  #roku_2019aw_wrapper #look_wrapper .column .look.look10 { margin: 0 0 100px; }
  #roku_2019aw_wrapper #look_wrapper .column .look.look10 .textarea .num { width: 53px; margin-left: 10px; }
  #roku_2019aw_wrapper #look_wrapper .column .look.look11 { margin: 0 0 65px; }
  #roku_2019aw_wrapper #look_wrapper .column .look.look11 .imagearea { margin-left: 0; }
  #roku_2019aw_wrapper #look_wrapper .column .look.look11 .textarea .num { width: 70px; margin-left: 15px; }
  #roku_2019aw_wrapper #look_wrapper .column .look.look12 { margin: 0 0 65px; }
  #roku_2019aw_wrapper #look_wrapper .column .look.look12 .textarea .num { width: 69px; margin-left: 15px; }
  #roku_2019aw_wrapper #look_wrapper .column .look.look13 { margin: 0 0 245px; }
  #roku_2019aw_wrapper #look_wrapper .column .look.look13 .imagearea { margin-left: 0; }
  #roku_2019aw_wrapper #look_wrapper .column .look.look13 .textarea .num { width: 71px; margin-left: 18px; }
  #roku_2019aw_wrapper #look_wrapper .column .look.look14 { margin: 0 0 80px; }
  #roku_2019aw_wrapper #look_wrapper .column .look.look14 .imagearea { /*width: 396px;
margin-left: -28px;*/ }
  #roku_2019aw_wrapper #look_wrapper .column .look.look14 .textarea { /*left: 411px;*/ }
  #roku_2019aw_wrapper #look_wrapper .column .look.look14 .textarea .num { width: 79px; margin-left: 9px; }
  #roku_2019aw_wrapper #look_wrapper .column .look.look15 { margin: 0 0 50px; }
  #roku_2019aw_wrapper #look_wrapper .column .look.look15 .imagearea { margin-left: 0; }
  #roku_2019aw_wrapper #look_wrapper .column .look.look15 .textarea .num { width: 87px; margin-left: 15px; }
  #roku_2019aw_wrapper #look_wrapper .column .look.look16 { margin: 0 0 50px; }
  #roku_2019aw_wrapper #look_wrapper .column .look.look16 .textarea .num { width: 68px; margin-left: 15px; }
  #roku_2019aw_wrapper #look_wrapper .column .look.look17 { margin: 0 0 95px; }
  #roku_2019aw_wrapper #look_wrapper .column .look.look17 .imagearea { /*width: 396px;
margin-left: -28px;*/ }
  #roku_2019aw_wrapper #look_wrapper .column .look.look17 .textarea { /*left: 411px;*/ }
  #roku_2019aw_wrapper #look_wrapper .column .look.look17 .textarea .num { width: 68px; margin-left: 20px; }
  #roku_2019aw_wrapper #look_wrapper .column .look.look18 { margin: 0 0 90px; }
  #roku_2019aw_wrapper #look_wrapper .column .look.look18 .textarea .num { width: 80px; margin-left: 25px; }
  #roku_2019aw_wrapper #look_wrapper .column .look.look19 { margin: 0 0 90px; }
  #roku_2019aw_wrapper #look_wrapper .column .look.look19 .imagearea { margin-left: 0; }
  #roku_2019aw_wrapper #look_wrapper .column .look.look19 .textarea .num { width: 68px; margin-left: 18px; }
  #roku_2019aw_wrapper #look_wrapper .column .look.look20 { margin: 0 0 225px; }
  #roku_2019aw_wrapper #look_wrapper .column .look.look20 .textarea .num { width: 71px; margin-left: 25px; }
  #roku_2019aw_wrapper #look_wrapper .column .image { width: 560px; }
  #roku_2019aw_wrapper #look_wrapper .column .image.image1 { margin: 0 0 175px; }
  #roku_2019aw_wrapper #look_wrapper .column .image.image2 { margin: 0 0 210px; }
  #roku_2019aw_wrapper #look_wrapper .column .image.image3 { margin: 0 0 220px; }
  #roku_2019aw_wrapper #look_wrapper .column.col-2 { justify-content: space-between; }
  #roku_2019aw_wrapper #look_wrapper .column.col-2 .look .textarea { margin: 0 0 0 -20px; position: static; }
  #roku_2019aw_wrapper #look_wrapper .column.is-show .look { opacity: 1; transition: opacity 1s ease 0s; }
  #roku_2019aw_wrapper #look_wrapper .column.is-show .look:nth-child(2) { transition-delay: .3s; }
  #roku_2019aw_wrapper footer { padding: 150px 0 40px; position: relative; }
  #roku_2019aw_wrapper footer .logo { width: 66px; margin: 0 auto 75px; }
  #roku_2019aw_wrapper footer #online { width: 115px; margin: 0 auto; }
  #roku_2019aw_wrapper footer small { position: absolute; bottom: 35px; left: 35px; text-align: left; font-size: 1rem; transform: scale(0.74); transform-origin: bottom left; }
  #roku_2019aw_wrapper #to_top { bottom: 20px; right: 25px; width: 22px; }
  #roku_2019aw_wrapper #to_top a { padding: 0; }
  #roku_2019aw_wrapper #to_top a img { -webkit-transition: all .4s ease 0s; transition: all .4s ease 0s; }
  #roku_2019aw_wrapper #to_top a:hover img { opacity: .6; -webkit-transform: translate(0, -10px); transform: translate(0, -10px); } }
/* --------------------------------------------------
Lb
-------------------------------------------------- */
body.lb-disable-scrolling { overflow: hidden !important; }

#lightboxOverlay { background: #fff; opacity: .95; }

#lightbox { position: fixed; top: 0 !important; left: 12px !important; right: 12px; bottom: 0; width: auto; display: flex; align-items: center; }
#lightbox .lb-closeContainer { position: fixed; top: 2.3%; right: 4.4%; z-index: 9; }
#lightbox .lb-closeContainer .lb-close { width: 25px; height: 25px; background-image: url("../images/icon-close.svg"); background-size: 25px auto; background-repeat: no-repeat; display: block; background-position: center; }
#lightbox .lb-outerContainer { background: none; border-radius: 0; width: 100% !important; height: auto !important; }
#lightbox .lb-outerContainer .lb-container { padding: 0; display: flex; justify-content: center; align-items: flex-end; }
#lightbox .lb-outerContainer .lb-container .lb-image { border-radius: 0; width: auto !important; height: auto !important; max-height: 100vh; max-width: 240px; margin: 0 15px 0 0; }
#lightbox .lb-outerContainer .lb-container .lb-nav { position: absolute; bottom: -48px; top: auto; left: 0; display: flex; justify-content: space-between; width: 100%; max-width: 73px; height: auto; }
#lightbox .lb-outerContainer .lb-container .lb-nav .lb-prev, #lightbox .lb-outerContainer .lb-container .lb-nav .lb-next { background-image: url("../images/icon-arrow-left.svg"); background-size: 10px auto; background-repeat: no-repeat; background-position: center; width: 10px; height: 14px; opacity: 1; padding: 5px; }
#lightbox .lb-outerContainer .lb-container .lb-nav .lb-next { background-image: url("../images/icon-arrow-right.svg"); }
#lightbox .lb-dataContainer { padding: 0; width: auto !important; flex: auto; }
#lightbox .lb-dataContainer .lb-data { padding: 0; }
#lightbox .lb-dataContainer .lb-data .lb-details { float: none; width: 100%; margin: 0 auto; position: relative; }
#lightbox .lb-dataContainer .lb-data .lb-details .lb-caption { color: #231815; font-family: "EB Garamond", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", serif; font-weight: 400; position: relative; }
#lightbox .lb-dataContainer .lb-data .lb-details .lb-caption .num { height: 31px; width: auto; margin: 0 0 15px; }
#lightbox .lb-dataContainer .lb-data .lb-details .lb-caption .num img { height: 100%; width: auto; }
#lightbox .lb-dataContainer .lb-data .lb-details .lb-caption .credit li { font-size: 1.8rem; line-height: 1.14; letter-spacing: .05em; margin: 0 0 1.14em; color: #8f8f8f; }
#lightbox .lb-dataContainer .lb-data .lb-details .lb-caption .credit li a { color: #231815; font-weight: 500; }
#lightbox .lb-dataContainer .lb-data .lb-details .lb-caption .credit li:last-child { margin: 0; }
#lightbox .lb-dataContainer .lb-data .lb-details .lb-number { display: none !important; }

@media screen and (min-width: 768px) { #lightbox .lb-closeContainer { position: fixed; top: 2.3%; right: 4.4%; z-index: 9; }
  #lightbox .lb-closeContainer .lb-close { transition: opacity .4s ease 0s; }
  #lightbox .lb-closeContainer .lb-close:hover { opacity: .6; cursor: pointer; }
  #lightbox .lb-outerContainer .lb-container { justify-content: center; }
  #lightbox .lb-outerContainer .lb-container .lb-image { max-width: 390px; margin: 0 73px 0 0; }
  #lightbox .lb-outerContainer .lb-container .lb-nav { bottom: auto; top: -128px; left: 25px; max-width: 120px; height: auto; }
  #lightbox .lb-outerContainer .lb-container .lb-nav .lb-prev, #lightbox .lb-outerContainer .lb-container .lb-nav .lb-next { transition: opacity .4s ease 0s; }
  #lightbox .lb-outerContainer .lb-container .lb-nav .lb-prev:hover, #lightbox .lb-outerContainer .lb-container .lb-nav .lb-next:hover { opacity: .6; cursor: pointer; }
  #lightbox .lb-dataContainer { margin: 0; flex: none; }
  #lightbox .lb-dataContainer .lb-data .lb-details { position: relative; min-height: 170px; display: flex; align-items: flex-end; }
  #lightbox .lb-dataContainer .lb-data .lb-details .lb-caption { position: static; }
  #lightbox .lb-dataContainer .lb-data .lb-details .lb-caption .num { height: 48px; margin: 0; position: absolute; top: -140px; }
  #lightbox .lb-dataContainer .lb-data .lb-details .lb-caption .num.num-1 { left: 64.5px; }
  #lightbox .lb-dataContainer .lb-data .lb-details .lb-caption .num.num-2 { left: 64.5px; }
  #lightbox .lb-dataContainer .lb-data .lb-details .lb-caption .num.num-3 { left: 72px; }
  #lightbox .lb-dataContainer .lb-data .lb-details .lb-caption .num.num-4 { left: 61px; }
  #lightbox .lb-dataContainer .lb-data .lb-details .lb-caption .num.num-5 { left: 67px; }
  #lightbox .lb-dataContainer .lb-data .lb-details .lb-caption .num.num-6 { left: 63px; }
  #lightbox .lb-dataContainer .lb-data .lb-details .lb-caption .num.num-7 { left: 68.5px; }
  #lightbox .lb-dataContainer .lb-data .lb-details .lb-caption .num.num-8 { left: 60px; }
  #lightbox .lb-dataContainer .lb-data .lb-details .lb-caption .num.num-9 { left: 68px; }
  #lightbox .lb-dataContainer .lb-data .lb-details .lb-caption .num.num-10 { left: 50px; }
  #lightbox .lb-dataContainer .lb-data .lb-details .lb-caption .num.num-11 { left: 50px; }
  #lightbox .lb-dataContainer .lb-data .lb-details .lb-caption .num.num-12 { left: 50px; }
  #lightbox .lb-dataContainer .lb-data .lb-details .lb-caption .num.num-13 { left: 50px; }
  #lightbox .lb-dataContainer .lb-data .lb-details .lb-caption .num.num-14 { left: 50px; }
  #lightbox .lb-dataContainer .lb-data .lb-details .lb-caption .num.num-15 { left: 50px; }
  #lightbox .lb-dataContainer .lb-data .lb-details .lb-caption .num.num-16 { left: 50px; }
  #lightbox .lb-dataContainer .lb-data .lb-details .lb-caption .num.num-17 { left: 50px; }
  #lightbox .lb-dataContainer .lb-data .lb-details .lb-caption .num.num-18 { left: 50px; }
  #lightbox .lb-dataContainer .lb-data .lb-details .lb-caption .num.num-19 { left: 50px; }
  #lightbox .lb-dataContainer .lb-data .lb-details .lb-caption .num.num-20 { left: 50px; }
  #lightbox .lb-dataContainer .lb-data .lb-details .lb-caption .credit { display: flex; flex-wrap: wrap; width: 240px; }
  #lightbox .lb-dataContainer .lb-data .lb-details .lb-caption .credit li { font-size: 1.1rem; line-height: 1.29; margin: 0 0 1.29em; width: 50%; }
  #lightbox .lb-dataContainer .lb-data .lb-details .lb-caption .credit li a { transition: opacity .2s ease 0s; }
  #lightbox .lb-dataContainer .lb-data .lb-details .lb-caption .credit li a:hover { opacity: .6; }
  #lightbox .lb-dataContainer .lb-data .lb-details .lb-caption .credit li:nth-last-child(2) { margin: 0; }
  #lightbox .lb-dataContainer .lb-data .lb-details .lb-caption .credit li:nth-child(1), #lightbox .lb-dataContainer .lb-data .lb-details .lb-caption .credit li:nth-child(2) { margin: 0 0 1.29em; } }