@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; color: inherit; text-decoration: none; }

/* 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; }

textarea { resize: none; }

html, body { -webkit-text-size-adjust: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; }

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

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

li { list-style: none; }

main { display: block; }

h1, h2, h3, h4, h5 { font-weight: inherit; }

img { width: 100%; }

/* --------------------------------------------------
Common
-------------------------------------------------- */
html, body { height: 100%; font-size: 10px; }

body { font-family: yu-mincho-pr6n, "Yu Mincho Light", "YuMincho", "Yu Mincho", "游明朝体", sans-serif; color: #000000; }
body.is-loaded #wrapper { opacity: 1 !important; transition: opacity 1s ease 0s; }

@media screen and (max-width: 767px) { .pc { display: none !important; } }
@media screen and (min-width: 768px) { .sp { display: none !important; } }
/* --------------------------------------------------
Contents
-------------------------------------------------- */
@keyframes left { 0% { opacity: 0; }
  49.5% { opacity: 0; }
  50% { opacity: 1; }
  99.5% { opacity: 1; }
  100% { opacity: 0; } }
@keyframes right1 { 0% { opacity: 0; }
  33% { opacity: 0; }
  33.3% { opacity: 1; }
  66.3% { opacity: 1; }
  66.6% { opacity: 0; }
  100% { opacity: 0; } }
@keyframes right2 { 0% { opacity: 0; }
  66.3% { opacity: 0; }
  66.6% { opacity: 1; }
  99.6% { opacity: 1; }
  100% { opacity: 0; } }
body #wrapper #top { position: relative; }
body #wrapper #top .imagearea { position: relative; padding: 173.33% 0 0; }
body #wrapper #top .imagearea ul { opacity: 0; }
body #wrapper #top .imagearea ul li { position: absolute; top: 0; bottom: 0; width: 50%; }
body #wrapper #top .imagearea ul li:nth-child(1), body #wrapper #top .imagearea ul li:nth-child(2) { left: 0; transform: translate(0, -100px); }
body #wrapper #top .imagearea ul li:nth-child(3), body #wrapper #top .imagearea ul li:nth-child(4), body #wrapper #top .imagearea ul li:nth-child(5) { left: 50%; transform: translate(0, 100px); }
body #wrapper #top .imagearea ul li:nth-child(2), body #wrapper #top .imagearea ul li:nth-child(4), body #wrapper #top .imagearea ul li:nth-child(5) { opacity: 0; }
body #wrapper #top h2 { color: #FFFFFF; text-align: center; font-family: bodoni-urw, serif; font-weight: 500; font-size: 6.93vw; letter-spacing: .05em; position: absolute; top: 50%; left: 0; right: 0; transform: translate(0, -50%); opacity: 0; }
body #wrapper #top h2 span { display: block; font-size: 4.4vw; letter-spacing: .05em; margin: 5.33vw 0 0; }
body #wrapper #top h1 { width: 29.33%; position: absolute; left: 0; right: 0; bottom: 8.54%; margin: 0 auto; opacity: 0; }
body #wrapper #contents #lead { padding: 60px 0 110px; }
body #wrapper #contents #lead .inner > * { opacity: 0; }
body #wrapper #contents #lead .inner h3 { text-align: center; font-size: 1.9rem; letter-spacing: .02em; margin: 0 0 25px; }
body #wrapper #contents #lead .inner p { text-align: justify; font-size: 1.3rem; line-height: 1.69; letter-spacing: .02em; max-width: 330px; margin: 0 auto; }
body #wrapper #contents #lead .inner.is-show > * { opacity: 1; transition: opacity 1s ease 0s; }
body #wrapper #contents #lead .inner.is-show > *:nth-child(2) { transition-delay: 0.2s; }
body #wrapper #contents #lead .inner.is-show > *:nth-child(3) { transition-delay: 0.4s; }
body #wrapper #contents #look-wrapper { padding: 0 0 125px; }
body #wrapper #contents #look-wrapper .look .imagearea { position: relative; }
body #wrapper #contents #look-wrapper .look .imagearea .bd { position: absolute; background-size: 100% 100%; }
body #wrapper #contents #look-wrapper .look .imagearea .bd.bd-t, body #wrapper #contents #look-wrapper .look .imagearea .bd.bd-b { left: 0; right: 0; }
body #wrapper #contents #look-wrapper .look .imagearea .bd.bd-r, body #wrapper #contents #look-wrapper .look .imagearea .bd.bd-l { top: 0; bottom: 0; }
body #wrapper #contents #look-wrapper .look .main-group { margin: 0 0 50px; }
body #wrapper #contents #look-wrapper .look .main-group .imagearea { margin: 0 0 47px; opacity: 0; }
body #wrapper #contents #look-wrapper .look .main-group .imagearea.is-show { opacity: 1; transition: opacity 1s ease .4s; }
body #wrapper #contents #look-wrapper .look .main-group .number, body #wrapper #contents #look-wrapper .look .main-group h3, body #wrapper #contents #look-wrapper .look .main-group .catch, body #wrapper #contents #look-wrapper .look .main-group .description { opacity: 0; }
body #wrapper #contents #look-wrapper .look .main-group .number.is-show, body #wrapper #contents #look-wrapper .look .main-group h3.is-show, body #wrapper #contents #look-wrapper .look .main-group .catch.is-show, body #wrapper #contents #look-wrapper .look .main-group .description.is-show { opacity: 1; transform: none; transition: all 1s ease 0s; }
body #wrapper #contents #look-wrapper .look .main-group .number { font-family: bodoni-urw, serif; font-weight: 500; font-size: 1.8rem; letter-spacing: .03em; padding: 0 0 20px; transform: translate(0, 20px); }
body #wrapper #contents #look-wrapper .look .main-group .number sup { font-size: .6em; vertical-align: top; }
body #wrapper #contents #look-wrapper .look .main-group .number span { display: inline-block; padding: 0 0 2px 2px; border-bottom: solid 1px; }
body #wrapper #contents #look-wrapper .look .main-group h3 { font-family: bodoni-urw, serif; font-weight: 500; font-size: 2.6rem; line-height: 1.23; letter-spacing: .03em; padding: 0 0 15px; }
body #wrapper #contents #look-wrapper .look .main-group .catch { text-stroke: 0.25px #000000; -webkit-text-stroke: 0.25px #000000; font-size: 1.3rem; line-height: 1.69; letter-spacing: .02em; padding: 0 0 30px; }
body #wrapper #contents #look-wrapper .look .main-group .description { text-align: justify; font-size: 1.2rem; line-height: 1.75; letter-spacing: .02em; }
body #wrapper #contents #look-wrapper .look .sub-group .imagearea { opacity: 0; }
body #wrapper #contents #look-wrapper .look .sub-group .imagearea.is-show { opacity: 1; transition: opacity 1s ease 0s; }
body #wrapper #contents #look-wrapper .look .sub-group .textarea { padding: 10px 0 0; margin: 0 0 0 10.67%; opacity: 0; }
body #wrapper #contents #look-wrapper .look .sub-group .textarea .credit ul li { font-family: "Fira Sans", sans-serif; font-weight: 300; font-size: 1.2rem; line-height: 1.83; letter-spacing: .02em; }
body #wrapper #contents #look-wrapper .look .sub-group .textarea .credit ul li .name, body #wrapper #contents #look-wrapper .look .sub-group .textarea .credit ul li .brand, body #wrapper #contents #look-wrapper .look .sub-group .textarea .credit ul li .price { display: inline-block; margin: 0 .25em 0 0; }
body #wrapper #contents #look-wrapper .look .sub-group .textarea .credit ul li a { text-decoration: underline; }
body #wrapper #contents #look-wrapper .look .sub-group .textarea.is-show { opacity: 1; transition: opacity 1s ease 0s; }
body #wrapper #contents #look-wrapper .look + .look { margin: 110px 0 0; }
body #wrapper #contents #look-wrapper .look#look1 .main-group .imagearea { width: 89.33%; }
body #wrapper #contents #look-wrapper .look#look1 .main-group .imagearea .bd-t { height: 3px; top: -3px; background-image: url("../images/image1-1-bt.svg"); }
body #wrapper #contents #look-wrapper .look#look1 .main-group .imagearea .bd-b { height: 2px; bottom: -2px; background-image: url("../images/image1-1-bb.svg"); }
body #wrapper #contents #look-wrapper .look#look1 .main-group .textarea { width: 77.33%; margin: 0 0 0 16%; }
body #wrapper #contents #look-wrapper .look#look1 .sub-group .imagearea { width: 89.33%; margin: 0 0 0 auto; }
body #wrapper #contents #look-wrapper .look#look2 .main-group .imagearea .bd-t { height: 3px; top: -3px; background-image: url("../images/image2-1-bt.svg"); }
body #wrapper #contents #look-wrapper .look#look2 .main-group .imagearea .bd-b { height: 3px; bottom: -3px; background-image: url("../images/image2-1-bb.svg"); }
body #wrapper #contents #look-wrapper .look#look2 .main-group .number, body #wrapper #contents #look-wrapper .look#look2 .main-group h3, body #wrapper #contents #look-wrapper .look#look2 .main-group .catch, body #wrapper #contents #look-wrapper .look#look2 .main-group .description { width: 81.33%; margin: 0 0 0 10.67%; }
body #wrapper #contents #look-wrapper .look#look2 .main-group .description { width: 77.33%; }
body #wrapper #contents #look-wrapper .look#look2 .sub-group .imagearea { width: 78.67%; margin: 0 auto; }
body #wrapper #contents #look-wrapper .look#look2 .sub-group .imagearea .bd-r { width: 3px; right: -3px; background-image: url("../images/image2-2-br.svg"); }
body #wrapper #contents #look-wrapper .look#look3 .main-group .imagearea .bd-t { height: 5px; top: -5px; background-image: url("../images/image3-1-bt.svg"); }
body #wrapper #contents #look-wrapper .look#look3 .main-group .imagearea .bd-b { height: 3px; bottom: -3px; background-image: url("../images/image3-1-bb.svg"); }
body #wrapper #contents #look-wrapper .look#look3 .main-group .textarea { width: 77.33%; margin: 0 0 0 16%; }
body #wrapper #contents #look-wrapper .look#look3 .sub-group .imagearea { width: 89.33%; }
body #wrapper #contents #look-wrapper .look#look4 .main-group .imagearea { width: 89.33%; margin-left: auto; }
body #wrapper #contents #look-wrapper .look#look4 .main-group .imagearea .bd-t { height: 5px; top: -5px; background-image: url("../images/image4-1-bt@sp.svg"); }
body #wrapper #contents #look-wrapper .look#look4 .main-group .imagearea .bd-b { height: 3px; bottom: -3px; background-image: url("../images/image4-1-bb.svg"); }
body #wrapper #contents #look-wrapper .look#look4 .main-group .number, body #wrapper #contents #look-wrapper .look#look4 .main-group h3, body #wrapper #contents #look-wrapper .look#look4 .main-group .catch, body #wrapper #contents #look-wrapper .look#look4 .main-group .description { width: 81.33%; margin: 0 0 0 10.67%; }
body #wrapper #contents #look-wrapper .look#look4 .main-group .description { width: 77.33%; }
body #wrapper #contents #look-wrapper .look#look4 .sub-group .imagearea { width: 78.67%; margin: 0 auto; }
body #wrapper #contents #look-wrapper .look#look4 .sub-group .imagearea .bd-l { width: 3px; left: -3px; background-image: url("../images/image4-2-bl.svg"); }
body #wrapper #contents #look-wrapper .look#look5 .main-group .imagearea .bd-t { height: 3px; top: -3px; background-image: url("../images/image5-1-bt.svg"); }
body #wrapper #contents #look-wrapper .look#look5 .main-group .imagearea .bd-b { height: 2px; bottom: -2px; background-image: url("../images/image5-1-bb.svg"); }
body #wrapper #contents #look-wrapper .look#look5 .main-group .textarea { width: 81.33%; margin: 0 0 0 10.67%; }
body #wrapper #contents #look-wrapper .look#look5 .sub-group .imagearea { width: 89.33%; }
body #wrapper #contents .all-btn { width: 265px; height: 65px; color: #FFFFFF; font-family: bodoni-urw, serif; font-weight: 500; font-size: 1.8rem; letter-spacing: .04em; margin: 0 auto; }
body #wrapper #contents .all-btn a { display: flex; height: 100%; align-items: center; justify-content: center; background: #000000; }
body #wrapper footer { padding: 85px 0 23px; text-align: center; }
body #wrapper footer .staff-credit { font-family: "Fira Sans", sans-serif; font-weight: 300; font-style: italic; font-size: 1.3rem; line-height: 1.85; letter-spacing: .04em; margin: 0 0 96px; }
body #wrapper footer .logo { width: 125px; margin: 0 auto 30px; }
body #wrapper footer small { display: block; font-family: stevie-sans, sans-serif; font-weight: 500; font-size: .75rem; letter-spacing: .08em; }
body.is-loaded #wrapper #top .imagearea ul { opacity: 1; transition: opacity 1s ease 0s; }
body.is-loaded #wrapper #top .imagearea ul li { transform: none !important; transition: transform 1s ease 0s; }
body.is-loaded #wrapper #top .imagearea ul li:nth-child(2) { animation: left 3s linear .5s infinite; }
body.is-loaded #wrapper #top .imagearea ul li:nth-child(4) { animation: right1 4.5s linear 1.25s infinite; }
body.is-loaded #wrapper #top .imagearea ul li:nth-child(5) { animation: right2 4.5s linear 1.25s infinite; }
body.is-loaded #wrapper #top h2, body.is-loaded #wrapper #top h1 { opacity: 1; transition: opacity 1s ease .9s; }
body.is-loaded #wrapper #top h1 { transition-delay: 1s; }

@media screen and (orientation: landscape) { body #wrapper #top .imagearea { padding: 0; }
  body #wrapper #top .imagearea ul { opacity: 1; display: flex; }
  body #wrapper #top .imagearea ul li { position: static; width: 20%; opacity: 0; }
  body #wrapper #top .imagearea ul li:nth-child(2n-1) { transform: translate(0, -100px); }
  body #wrapper #top .imagearea ul li:nth-child(2n) { transform: translate(0, 100px); }
  body #wrapper #top h2 { font-size: 3.54vw; }
  body #wrapper #top h2 span { font-size: 1.77vw; margin: 2.21vw 0 0; }
  body #wrapper #top h1 { width: 11.07%; bottom: 13.33%; }
  body.is-loaded #wrapper #top .imagearea ul li { opacity: 1; transition: all .8s ease 0s; }
  body.is-loaded #wrapper #top .imagearea ul li:nth-child(2), body.is-loaded #wrapper #top .imagearea ul li:nth-child(4) { animation: none; transition-delay: .3s; }
  body.is-loaded #wrapper #top .imagearea ul li:nth-child(5) { animation: none; transition-delay: .6s; } }
@media screen and (min-width: 768px) { body #wrapper #contents #lead { padding: 100px 0 150px; }
  body #wrapper #contents #lead .inner h3 { font-size: 2rem; margin: 0 0 35px; }
  body #wrapper #contents #lead .inner p { text-align: center; font-size: 1.4rem; line-height: 2; letter-spacing: .05em; max-width: 640px; margin: 0 auto; }
  body #wrapper #contents #look-wrapper { padding: 0 0 250px; width: 1035px; max-width: 96%; margin: 0 auto; }
  body #wrapper #contents #look-wrapper .look .main-group { margin: 0; }
  body #wrapper #contents #look-wrapper .look .main-group .imagearea { margin: 0; }
  body #wrapper #contents #look-wrapper .look .main-group .number, body #wrapper #contents #look-wrapper .look .main-group h3, body #wrapper #contents #look-wrapper .look .main-group .catch, body #wrapper #contents #look-wrapper .look .main-group .description { opacity: 0; }
  body #wrapper #contents #look-wrapper .look .main-group .number.is-show, body #wrapper #contents #look-wrapper .look .main-group h3.is-show, body #wrapper #contents #look-wrapper .look .main-group .catch.is-show, body #wrapper #contents #look-wrapper .look .main-group .description.is-show { opacity: 1; transform: none; transition: all 1s ease 0s; }
  body #wrapper #contents #look-wrapper .look .main-group .number { font-size: 1.6rem; padding: 0 0 10px; }
  body #wrapper #contents #look-wrapper .look .main-group h3 { font-size: 3.6rem; line-height: 1.28; padding: 0 0 25px; }
  body #wrapper #contents #look-wrapper .look .main-group .catch { font-size: 1.4rem; line-height: 1.86; padding: 0 0 35px; }
  body #wrapper #contents #look-wrapper .look .main-group .description { line-height: 2; }
  body #wrapper #contents #look-wrapper .look .sub-group .textarea { padding: 0; margin: 0; }
  body #wrapper #contents #look-wrapper .look .sub-group .textarea .credit ul li { line-height: 1.83; letter-spacing: .04em; }
  body #wrapper #contents #look-wrapper .look .sub-group .textarea .credit ul li a { transition: opacity .4s ease 0s; }
  body #wrapper #contents #look-wrapper .look .sub-group .textarea .credit ul li a:hover { opacity: .5; }
  body #wrapper #contents #look-wrapper .look + .look { margin: 0; }
  body #wrapper #contents #look-wrapper .look#look1, body #wrapper #contents #look-wrapper .look#look3, body #wrapper #contents #look-wrapper .look#look5 { margin: 0 0 200px; }
  body #wrapper #contents #look-wrapper .look#look1 .main-group, body #wrapper #contents #look-wrapper .look#look3 .main-group, body #wrapper #contents #look-wrapper .look#look5 .main-group { display: flex; justify-content: space-between; margin: 0 0 150px; }
  body #wrapper #contents #look-wrapper .look#look1 .main-group .imagearea, body #wrapper #contents #look-wrapper .look#look3 .main-group .imagearea, body #wrapper #contents #look-wrapper .look#look5 .main-group .imagearea { width: 52.17%; max-width: calc(100% - 350px - 5.31%); }
  body #wrapper #contents #look-wrapper .look#look1 .main-group .textarea, body #wrapper #contents #look-wrapper .look#look3 .main-group .textarea, body #wrapper #contents #look-wrapper .look#look5 .main-group .textarea { width: 310px; margin: 0 5.31% 0 0; padding: 4.83% 0 0; }
  body #wrapper #contents #look-wrapper .look#look1 .sub-group, body #wrapper #contents #look-wrapper .look#look3 .sub-group, body #wrapper #contents #look-wrapper .look#look5 .sub-group { display: flex; align-items: flex-end; justify-content: flex-end; }
  body #wrapper #contents #look-wrapper .look#look1 .sub-group .imagearea, body #wrapper #contents #look-wrapper .look#look3 .sub-group .imagearea, body #wrapper #contents #look-wrapper .look#look5 .sub-group .imagearea { width: 53.14%; order: 100; margin: 0; }
  body #wrapper #contents #look-wrapper .look#look1 .sub-group .textarea, body #wrapper #contents #look-wrapper .look#look3 .sub-group .textarea, body #wrapper #contents #look-wrapper .look#look5 .sub-group .textarea { margin: 0 2.61% 0 0; }
  body #wrapper #contents #look-wrapper .look#look2, body #wrapper #contents #look-wrapper .look#look4 { margin: 0 0 165px; }
  body #wrapper #contents #look-wrapper .look#look2 .main-group, body #wrapper #contents #look-wrapper .look#look4 .main-group { display: flex; flex-direction: column; width: 52.17%; margin: 0 auto 100px; }
  body #wrapper #contents #look-wrapper .look#look2 .main-group .imagearea, body #wrapper #contents #look-wrapper .look#look4 .main-group .imagearea { order: 99; width: 100%; margin: 0 0 55px; }
  body #wrapper #contents #look-wrapper .look#look2 .main-group .number, body #wrapper #contents #look-wrapper .look#look2 .main-group h3, body #wrapper #contents #look-wrapper .look#look2 .main-group .catch, body #wrapper #contents #look-wrapper .look#look4 .main-group .number, body #wrapper #contents #look-wrapper .look#look4 .main-group h3, body #wrapper #contents #look-wrapper .look#look4 .main-group .catch { text-align: center; width: 100%; margin: 0; }
  body #wrapper #contents #look-wrapper .look#look2 .main-group .catch, body #wrapper #contents #look-wrapper .look#look4 .main-group .catch { padding: 0 0 65px; }
  body #wrapper #contents #look-wrapper .look#look2 .main-group .description, body #wrapper #contents #look-wrapper .look#look4 .main-group .description { order: 100; width: 100%; margin: 0; }
  body #wrapper #contents #look-wrapper .look#look2 .sub-group, body #wrapper #contents #look-wrapper .look#look4 .sub-group { width: 38.65%; margin: 0 auto; }
  body #wrapper #contents #look-wrapper .look#look2 .sub-group .imagearea, body #wrapper #contents #look-wrapper .look#look4 .sub-group .imagearea { width: 100%; margin: 0 0 20px; }
  body #wrapper #contents #look-wrapper .look#look1 .main-group .imagearea .bd-t { height: 5px; top: -5px; }
  body #wrapper #contents #look-wrapper .look#look1 .main-group .imagearea .bd-b { height: 5px; bottom: -5px; }
  body #wrapper #contents #look-wrapper .look#look2 .main-group .imagearea .bd-t { height: 5px; top: -5px; }
  body #wrapper #contents #look-wrapper .look#look2 .main-group .imagearea .bd-b { height: 6px; bottom: -6px; }
  body #wrapper #contents #look-wrapper .look#look3 .main-group .imagearea { order: 100; }
  body #wrapper #contents #look-wrapper .look#look3 .main-group .imagearea .bd-t { height: 8px; top: -8px; }
  body #wrapper #contents #look-wrapper .look#look3 .main-group .imagearea .bd-b { height: 7px; bottom: -7px; }
  body #wrapper #contents #look-wrapper .look#look3 .main-group .textarea { margin: 0 0 0 3.38%; }
  body #wrapper #contents #look-wrapper .look#look3 .sub-group { justify-content: flex-start; }
  body #wrapper #contents #look-wrapper .look#look3 .sub-group .imagearea { order: -1; }
  body #wrapper #contents #look-wrapper .look#look3 .sub-group .textarea { margin: 0 0 0 2.9%; }
  body #wrapper #contents #look-wrapper .look#look4 .main-group .imagearea .bd-t { height: 7px; top: -7px; background-image: url("../images/image4-1-bt.svg"); }
  body #wrapper #contents #look-wrapper .look#look4 .main-group .imagearea .bd-b { height: 7px; bottom: -7px; }
  body #wrapper #contents #look-wrapper .look#look5 { margin: 0; }
  body #wrapper #contents #look-wrapper .look#look5 .main-group .imagearea .bd-t { height: 7px; top: -7px; }
  body #wrapper #contents #look-wrapper .look#look5 .main-group .imagearea .bd-b { height: 6px; bottom: -6px; }
  body #wrapper #contents .all-btn { width: 300px; height: 70px; font-size: 1.7rem; letter-spacing: .05em; }
  body #wrapper #contents .all-btn a { transition: opacity .4s ease 0s; }
  body #wrapper #contents .all-btn a:hover { opacity: .5; }
  body #wrapper footer { padding: 140px 0 28px; }
  body #wrapper footer .staff-credit { font-size: 1.4rem; line-height: 1.86; margin: 0 0 150px; }
  body #wrapper footer .logo { width: 160px; margin: 0 auto 40px; }
  body #wrapper footer small { font-size: 1rem; } }