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

*:focus { outline: none; }

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

body { font-family: "AvenirNextLTPro-Regular", "FP-KoburinaGoStdN-W3", "FP-こぶりなゴシック StdN W3"; color: #000000; }
body.is-loading #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
-------------------------------------------------- */
body #wrapper #fv { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 999; color: #FFFFFF; font-family: classico-urw, sans-serif; }
body #wrapper #fv .imagearea { height: 100%; }
body #wrapper #fv .imagearea .obj-fit { width: 100%; height: 100%; object-fit: cover; object-position: center; }
body #wrapper #fv .side { position: absolute; top: 2vw; bottom: 2vw; right: 2vw; display: flex; justify-content: space-between; font-size: 3.2vw; letter-spacing: .04em; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; opacity: 0; }
body #wrapper #fv .textarea { text-align: center; position: absolute; top: 48.73%; left: 0; right: 0; transform: translate(0, -50%); }
body #wrapper #fv .textarea > * { opacity: 0; }
body #wrapper #fv .textarea .title { font-style: italic; margin: 0 0 2vw; }
body #wrapper #fv .textarea .title span { display: block; }
body #wrapper #fv .textarea .title span:nth-child(1) { font-size: 15.25vw; letter-spacing: .04em; margin: 0 0 2.67vw; }
body #wrapper #fv .textarea .title span:nth-child(2) { font-size: 7.8vw; letter-spacing: .04em; }
body #wrapper #fv .textarea .categories { font-style: italic; margin: 0 0 1.33vw; display: flex; align-items: center; justify-content: center; opacity: 1; }
body #wrapper #fv .textarea .categories span { display: block; font-size: 3.73vw; letter-spacing: .04em; opacity: 0; }
body #wrapper #fv .textarea .categories span:nth-child(1) { display: flex; align-items: center; }
body #wrapper #fv .textarea .categories span:nth-child(1) strong { font-weight: 400; font-size: 13.07vw; transform: translate(15%, -15%); }
body #wrapper #fv .textarea .categories span:nth-child(1)::after { display: block; content: ""; width: 31.33vw; height: 1px; background: #FFFFFF; margin: 0 1.33vw; transform: scale(0, 1); transform-origin: left; }
body #wrapper #fv .textarea .catch { font-family: "AvenirNextLTPro-Demi", "FP-KoburinaGoStdN-W6", "FP-こぶりなゴシック StdN W6"; font-size: 7.07vw; line-height: 1.34; letter-spacing: .07em; margin: 0 0 2.67vw; }
body #wrapper #fv .textarea .text { font-size: 2.4vw; line-height: 1.28; letter-spacing: .04em; }
body #wrapper #contents-wrapper #top { font-family: classico-urw, sans-serif; text-align: center; padding: 20px 20px 30px; }
body #wrapper #contents-wrapper #top .head { text-align: left; display: flex; align-items: flex-start; justify-content: space-between; font-size: 1rem; line-height: 1.35; letter-spacing: .04em; margin: 0 0 50px; }
body #wrapper #contents-wrapper #top .head span { opacity: 0; }
body #wrapper #contents-wrapper #top h3 { color: #000093; font-style: italic; margin: 0 0 15px; opacity: 0; transform: translate(0, 20px); }
body #wrapper #contents-wrapper #top h3 span { display: block; }
body #wrapper #contents-wrapper #top h3 span:nth-child(1) { font-size: 5.7rem; letter-spacing: .04em; margin: 0 0 10px; }
body #wrapper #contents-wrapper #top h3 span:nth-child(2) { font-size: 2.92rem; letter-spacing: .04em; }
body #wrapper #contents-wrapper #top .categories { color: #000093; font-style: italic; margin: 0 0 5px; display: flex; align-items: center; justify-content: center; }
body #wrapper #contents-wrapper #top .categories span { display: block; font-size: 1.4rem; letter-spacing: .04em; opacity: 0; }
body #wrapper #contents-wrapper #top .categories span:nth-child(1) { display: flex; align-items: center; }
body #wrapper #contents-wrapper #top .categories span:nth-child(1) strong { font-weight: 400; font-size: 4.9rem; transform: translate(15%, -15%); }
body #wrapper #contents-wrapper #top .categories span:nth-child(1)::after { display: block; content: ""; width: 117px; height: 1px; background: #000093; margin: 0 5px; transform: scale(0, 1); transform-origin: left; }
body #wrapper #contents-wrapper #top .lead { font-family: "AvenirNextLTPro-Regular", "FP-KoburinaGoStdN-W3", "FP-こぶりなゴシック StdN W3"; font-size: 1.3rem; line-height: 1.65; letter-spacing: .07em; opacity: 0; }
body #wrapper #contents-wrapper #contents { padding: 94px 0 0; }
body #wrapper #contents-wrapper #contents nav { color: #000093; background: #FFFFFF; position: sticky; top: 0; left: 0; right: 0; border-top: solid 1px; z-index: 9; }
body #wrapper #contents-wrapper #contents nav .row { border-bottom: solid 1px; }
body #wrapper #contents-wrapper #contents nav .row ul { display: flex; padding: 0 0 0 30px; }
body #wrapper #contents-wrapper #contents nav .row ul li { display: flex; align-items: center; font-family: classico-urw, sans-serif; font-size: 1.4rem; letter-spacing: .04em; white-space: nowrap; }
body #wrapper #contents-wrapper #contents nav .row ul li a { display: flex; align-items: center; height: 30px; padding: 0 0 0 10px; position: relative; }
body #wrapper #contents-wrapper #contents nav .row ul li a span { font-size: 1.1rem; letter-spacing: .04em; }
body #wrapper #contents-wrapper #contents nav .row ul li a::after { display: block; content: ""; position: absolute; top: 13px; left: 0; border-left: solid 4px #000093; border-top: solid 2px transparent; border-bottom: solid 2px transparent; }
body #wrapper #contents-wrapper #contents nav .row ul li::after { display: block; content: ""; width: 1px; height: 13px; background: #000093; margin: 0 13px; }
body #wrapper #contents-wrapper #contents nav .row ul li:last-child::after { display: none; }
body #wrapper #contents-wrapper #contents #item-wrapper .group { padding: 70px 20px 40px; overflow: hidden; }
body #wrapper #contents-wrapper #contents #item-wrapper .group .head { position: relative; margin: 0 0 40px; }
body #wrapper #contents-wrapper #contents #item-wrapper .group .head .titlearea { text-align: center; }
body #wrapper #contents-wrapper #contents #item-wrapper .group .head .titlearea h4 { font-family: classico-urw, sans-serif; color: #000093; font-size: 2.5rem; letter-spacing: .04em; margin: 0 0 20px; }
body #wrapper #contents-wrapper #contents #item-wrapper .group .head .titlearea h4 .row { display: block; overflow: hidden; }
body #wrapper #contents-wrapper #contents #item-wrapper .group .head .titlearea h4 .row span { display: inline-block; transform: translate(0, 110%); }
body #wrapper #contents-wrapper #contents #item-wrapper .group .head .titlearea h4 .row span.is-show { opacity: 1; transform: none; transition: all 1s cubic-bezier(0.26, 0.63, 0, 0.99) 0s; }
body #wrapper #contents-wrapper #contents #item-wrapper .group .head .titlearea h4 .row + .row { font-style: normal; display: block; font-size: 1.3rem; letter-spacing: .04em; margin: 7px 0 0; }
body #wrapper #contents-wrapper #contents #item-wrapper .group .head .titlearea .text { font-size: 1.3rem; line-height: 1.65; letter-spacing: .07em; opacity: 0; }
body #wrapper #contents-wrapper #contents #item-wrapper .group .head .cat-num { display: flex; align-items: baseline; color: #000093; font-family: classico-urw, sans-serif; font-style: italic; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; position: absolute; top: 50%; right: 0; white-space: nowrap; opacity: 0; transform: translate(110%, -50%); }
body #wrapper #contents-wrapper #contents #item-wrapper .group .head .cat-num span:nth-child(1) { display: flex; align-items: center; font-size: 1rem; letter-spacing: .04em; }
body #wrapper #contents-wrapper #contents #item-wrapper .group .head .cat-num span:nth-child(1) strong { font-weight: 400; font-size: 2.9rem; transform: translate(15%, -15%); }
body #wrapper #contents-wrapper #contents #item-wrapper .group .head .cat-num span:nth-child(1)::after { display: block; content: ""; width: 1px; height: 25px; background: #000093; margin: 5px 0; }
body #wrapper #contents-wrapper #contents #item-wrapper .group .head .cat-num span:nth-child(2) { font-size: 1.7rem; letter-spacing: .04em; }
body #wrapper #contents-wrapper #contents #item-wrapper .group .head.is-show .titlearea .text { opacity: 1; transition: opacity 1s ease .8s; }
body #wrapper #contents-wrapper #contents #item-wrapper .group .head.is-show .cat-num { opacity: 1; transform: translate(0, -50%); transition: all 1s ease .8s; }
body #wrapper #contents-wrapper #contents #item-wrapper .group .item-list { display: flex; align-items: flex-start; flex-wrap: wrap; }
body #wrapper #contents-wrapper #contents #item-wrapper .group .item-list .item-single { width: calc((100% - 15px) / 2); margin: 0 0 30px 15px; opacity: 0; }
body #wrapper #contents-wrapper #contents #item-wrapper .group .item-list .item-single .imagearea { margin: 0 0 10px; }
body #wrapper #contents-wrapper #contents #item-wrapper .group .item-list .item-single .textarea .credit ul li .name, body #wrapper #contents-wrapper #contents #item-wrapper .group .item-list .item-single .textarea .credit ul li .brand, body #wrapper #contents-wrapper #contents #item-wrapper .group .item-list .item-single .textarea .credit ul li .arrival { font-size: 1.2rem; line-height: 1.4; letter-spacing: .07em; }
body #wrapper #contents-wrapper #contents #item-wrapper .group .item-list .item-single .textarea .credit ul li .brand, body #wrapper #contents-wrapper #contents #item-wrapper .group .item-list .item-single .textarea .credit ul li .arrival { margin: 5px 0 0; }
body #wrapper #contents-wrapper #contents #item-wrapper .group .item-list .item-single .textarea .credit ul li .flex { margin: 5px 0 0; display: flex; align-items: center; justify-content: space-between; }
body #wrapper #contents-wrapper #contents #item-wrapper .group .item-list .item-single .textarea .credit ul li .flex .price { font-size: 1.2rem; letter-spacing: .04em; }
body #wrapper #contents-wrapper #contents #item-wrapper .group .item-list .item-single .textarea .credit ul li .flex .btn { width: 45px; height: 16px; color: #FFFFFF; font-size: .9rem; letter-spacing: .05em; }
body #wrapper #contents-wrapper #contents #item-wrapper .group .item-list .item-single .textarea .credit ul li .flex .btn a { display: flex; align-items: center; justify-content: center; height: 100%; background: #000093; }
body #wrapper #contents-wrapper #contents #item-wrapper .group .item-list .item-single .textarea .credit ul li + li { margin: 10px 0 0; }
body #wrapper #contents-wrapper #contents #item-wrapper .group .item-list .item-single:nth-child(2n-1) { margin-left: 0; }
body #wrapper #contents-wrapper #contents #item-wrapper .group .item-list .item-single.is-show { opacity: 1; transition: opacity 1s ease 0s; }
body #wrapper #contents-wrapper #contents #others { padding: 70px 20px 40px; }
body #wrapper #contents-wrapper #contents #others h4 { text-align: center; font-family: classico-urw, sans-serif; color: #000093; font-size: 2.5rem; letter-spacing: .04em; margin: 0 0 45px; }
body #wrapper #contents-wrapper #contents #others h4 .row { display: block; overflow: hidden; }
body #wrapper #contents-wrapper #contents #others h4 .row span { display: inline-block; transform: translate(0, 110%); }
body #wrapper #contents-wrapper #contents #others h4 .row span.is-show { opacity: 1; transform: none; transition: all 1s cubic-bezier(0.26, 0.63, 0, 0.99) 0s; }
body #wrapper #contents-wrapper #contents #others h4 .row + .row { font-style: normal; display: block; font-size: 1.3rem; letter-spacing: .04em; margin: 7px 0 0; }
body #wrapper #contents-wrapper #contents #others .links li { height: 65px; font-family: classico-urw, sans-serif; font-size: 2rem; letter-spacing: .04em; }
body #wrapper #contents-wrapper #contents #others .links li a { display: flex; align-items: center; justify-content: center; height: 100%; border: solid 1px #000093; box-sizing: border-box; position: relative; border-radius: 2px; }
body #wrapper #contents-wrapper #contents #others .links li a img { width: 160px; }
body #wrapper #contents-wrapper #contents #others .links li a::after { display: block; content: ""; width: 6px; height: 9px; position: absolute; top: 28px; right: 25px; background-image: url("../images/icon-arrow-right.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; }
body #wrapper #contents-wrapper #contents #others .links li + li { margin: 12px 0 0; }
body #wrapper #contents-wrapper footer { text-align: center; padding: 60px 0 40px; }
body #wrapper #contents-wrapper footer #totop { color: #000093; font-family: classico-urw, sans-serif; font-size: 1.3rem; letter-spacing: .05em; margin: 0 0 60px; }
body #wrapper #contents-wrapper footer #totop a { display: inline-block; }
body #wrapper #contents-wrapper footer #totop a img { display: table; width: 4px; margin: 0 auto 5px; }
body #wrapper #contents-wrapper footer .sns-share { color: #000093; font-family: classico-urw, sans-serif; padding: 40px 0; margin: 0 0 45px; border-top: solid 1px; border-bottom: solid 1px; }
body #wrapper #contents-wrapper footer .sns-share p { font-size: 1.8rem; letter-spacing: .07em; margin: 0 0 20px; }
body #wrapper #contents-wrapper footer .sns-share ul { display: flex; width: 220px; margin: 0 auto; }
body #wrapper #contents-wrapper footer .sns-share ul li { font-size: 1.5rem; letter-spacing: .05em; width: 55px; text-align: left; }
body #wrapper #contents-wrapper footer .sns-share ul li:nth-child(2) { width: 110px; text-align: center; }
body #wrapper #contents-wrapper footer .logo { width: 143px; margin: 0 auto 45px; }
body #wrapper #contents-wrapper footer .links { display: flex; align-items: center; justify-content: center; margin: 0 0 25px; }
body #wrapper #contents-wrapper footer .links li.twitter { width: 29px; }
body #wrapper #contents-wrapper footer .links li.facebook { width: 27px; }
body #wrapper #contents-wrapper footer .links li.youtube { width: 33px; }
body #wrapper #contents-wrapper footer .links li.instagram { width: 27px; }
body #wrapper #contents-wrapper footer .links li + li { margin: 0 0 0 25px; }
body #wrapper #contents-wrapper footer small { font-size: .8rem; letter-spacing: .1em; }
body.is-loading #wrapper #fv .side { opacity: 1; transition: opacity 1s ease .4s; }
body.is-loading #wrapper #fv .textarea .title { opacity: 1; transition: opacity 1s ease .4s; }
body.is-loading #wrapper #fv .textarea .categories span { opacity: 1; transition: opacity 1s ease 1s; }
body.is-loading #wrapper #fv .textarea .categories span:nth-child(1)::after { transform: none; transition: transform .6s ease 1.2s; }
body.is-loading #wrapper #fv .textarea .categories span:nth-child(2) { transition-delay: 1.4s; }
body.is-loading #wrapper #fv .textarea .catch, body.is-loading #wrapper #fv .textarea .text { opacity: 1; transition: opacity 1s ease 2s; }
body.is-loaded #wrapper #contents-wrapper #top h3 { opacity: 1; transform: none; transition: all 1s ease .6s; }
body.is-loaded #wrapper #contents-wrapper #top .categories span { opacity: 1; transition: opacity 1s ease 1.2s; }
body.is-loaded #wrapper #contents-wrapper #top .categories span:nth-child(1)::after { transform: none; transition: transform .6s ease 1.4s; }
body.is-loaded #wrapper #contents-wrapper #top .categories span:nth-child(2) { transition-delay: 1.6s; }
body.is-loaded #wrapper #contents-wrapper #top .lead { opacity: 1; transition: opacity 1s ease 2s; }

@media screen and (orientation: landscape) { body #wrapper #fv .side { top: 2.93vw; bottom: 2.93vw; right: 1.37vw; font-size: 1.02vw; }
  body #wrapper #fv .textarea { top: 46.53%; }
  body #wrapper #fv .textarea .title { margin: 0 0 0.59vw; }
  body #wrapper #fv .textarea .title span:nth-child(1) { font-size: 6.71vw; margin: 0 0 1.17vw; }
  body #wrapper #fv .textarea .title span:nth-child(2) { font-size: 3.43vw; }
  body #wrapper #fv .textarea .categories { margin: 0 0 0.39vw; }
  body #wrapper #fv .textarea .categories span { font-size: 1.64vw; }
  body #wrapper #fv .textarea .categories span:nth-child(1) strong { font-size: 5.74vw; }
  body #wrapper #fv .textarea .categories span:nth-child(1)::after { width: 13.75vw; margin: 0 0.59vw; }
  body #wrapper #fv .textarea .catch { font-size: 3.11vw; line-height: 1.34; margin: 0 0 0.78vw; }
  body #wrapper #fv .textarea .text { font-size: 0.9vw; line-height: 1.43; } }
@media screen and (min-width: 768px) { body #wrapper #contents-wrapper #top { width: 920px; max-width: 96%; margin: 0 auto; padding: 45px 0 90px; }
  body #wrapper #contents-wrapper #top .head { font-size: 1.2rem; line-height: 1.35; margin: 0 0 80px; }
  body #wrapper #contents-wrapper #top h3 span:nth-child(1) { font-size: 8.6rem; margin: 0 0 10px; }
  body #wrapper #contents-wrapper #top h3 span:nth-child(2) { font-size: 4.4rem; }
  body #wrapper #contents-wrapper #top .categories { margin: 0 0 20px; }
  body #wrapper #contents-wrapper #top .categories span { font-size: 2.1rem; }
  body #wrapper #contents-wrapper #top .categories span:nth-child(1) strong { font-size: 7.35rem; }
  body #wrapper #contents-wrapper #top .categories span:nth-child(1)::after { width: 176px; }
  body #wrapper #contents-wrapper #top .lead { font-size: 1.5rem; line-height: 1.53; }
  body #wrapper #contents-wrapper #contents { padding: 37px 0 0; }
  body #wrapper #contents-wrapper #contents nav { border-bottom: solid 1px; display: flex; justify-content: center; }
  body #wrapper #contents-wrapper #contents nav .row { border-bottom: none; display: flex; align-items: center; }
  body #wrapper #contents-wrapper #contents nav .row ul { padding: 0; }
  body #wrapper #contents-wrapper #contents nav .row ul li { font-size: 1.3rem; }
  body #wrapper #contents-wrapper #contents nav .row ul li a { height: 68px; padding: 0 0 0 8px; transition: opacity .4s ease 0s; }
  body #wrapper #contents-wrapper #contents nav .row ul li a::after { top: 32px; transition: transform .4s ease 0s; }
  body #wrapper #contents-wrapper #contents nav .row ul li a:hover { opacity: .5; }
  body #wrapper #contents-wrapper #contents nav .row ul li a:hover::after { transform: translate(1px, 0); }
  body #wrapper #contents-wrapper #contents nav .row ul li::after { margin: 0 20px 0 15px; }
  body #wrapper #contents-wrapper #contents nav .row + .row::before { display: block; content: ""; width: 1px; height: 13px; background: #000093; margin: 0 20px 0 15px; }
  body #wrapper #contents-wrapper #contents #item-wrapper { width: 920px; max-width: 96%; margin: 0 auto; }
  body #wrapper #contents-wrapper #contents #item-wrapper .group { padding: 110px 0 30px; }
  body #wrapper #contents-wrapper #contents #item-wrapper .group .head { padding: 0 0 25px; margin: 0 0 20px; }
  body #wrapper #contents-wrapper #contents #item-wrapper .group .head .titlearea h4 { font-size: 2.8rem; margin: 0 0 25px; }
  body #wrapper #contents-wrapper #contents #item-wrapper .group .head .titlearea h4 .row + .row { font-size: 1.5rem; }
  body #wrapper #contents-wrapper #contents #item-wrapper .group .head .titlearea .text { font-size: 1.5rem; line-height: 1.53; }
  body #wrapper #contents-wrapper #contents #item-wrapper .group .head .cat-num { top: auto; bottom: 0; transform: translate(110%, 0); }
  body #wrapper #contents-wrapper #contents #item-wrapper .group .head .cat-num span:nth-child(1) { font-size: 1.3rem; }
  body #wrapper #contents-wrapper #contents #item-wrapper .group .head .cat-num span:nth-child(1) strong { font-size: 3.8rem; }
  body #wrapper #contents-wrapper #contents #item-wrapper .group .head .cat-num span:nth-child(1)::after { height: 33px; }
  body #wrapper #contents-wrapper #contents #item-wrapper .group .head .cat-num span:nth-child(2) { font-size: 2.2rem; }
  body #wrapper #contents-wrapper #contents #item-wrapper .group .head.is-show .cat-num { transform: none; }
  body #wrapper #contents-wrapper #contents #item-wrapper .group .item-list { margin: 0 0 -45px; }
  body #wrapper #contents-wrapper #contents #item-wrapper .group .item-list .item-single { width: calc((100% - 60px) / 4); margin: 0 0 45px 20px; }
  body #wrapper #contents-wrapper #contents #item-wrapper .group .item-list .item-single .textarea .credit ul li .name, body #wrapper #contents-wrapper #contents #item-wrapper .group .item-list .item-single .textarea .credit ul li .brand, body #wrapper #contents-wrapper #contents #item-wrapper .group .item-list .item-single .textarea .credit ul li .arrival { font-size: 1.1rem; }
  body #wrapper #contents-wrapper #contents #item-wrapper .group .item-list .item-single .textarea .credit ul li .flex .price { font-size: 1.1rem; }
  body #wrapper #contents-wrapper #contents #item-wrapper .group .item-list .item-single .textarea .credit ul li .flex .btn { width: 65px; height: 20px; font-size: 1rem; }
  body #wrapper #contents-wrapper #contents #item-wrapper .group .item-list .item-single .textarea .credit ul li .flex .btn a { transition: opacity .4s ease 0s; }
  body #wrapper #contents-wrapper #contents #item-wrapper .group .item-list .item-single .textarea .credit ul li .flex .btn a:hover { opacity: .5; }
  body #wrapper #contents-wrapper #contents #item-wrapper .group .item-list .item-single:nth-child(2n-1) { margin-left: 20px; }
  body #wrapper #contents-wrapper #contents #item-wrapper .group .item-list .item-single:nth-child(4n-3) { margin-left: 0; }
  body #wrapper #contents-wrapper #contents #others { padding: 110px 0 0; }
  body #wrapper #contents-wrapper #contents #others h4 { font-size: 2.8rem; margin: 0 0 65px; }
  body #wrapper #contents-wrapper #contents #others h4 .row + .row { font-size: 1.5rem; }
  body #wrapper #contents-wrapper #contents #others .links { width: 820px; max-width: 100%; margin: 0 auto; display: flex; justify-content: space-between; }
  body #wrapper #contents-wrapper #contents #others .links li { height: 55px; width: calc((100% - 40px) / 3); }
  body #wrapper #contents-wrapper #contents #others .links li a { transition: all .4s ease 0s; }
  body #wrapper #contents-wrapper #contents #others .links li a img { width: 154px; transition: all .4s ease 0s; }
  body #wrapper #contents-wrapper #contents #others .links li a::after { top: 23px; right: 20px; transition: all .4s ease 0s; }
  body #wrapper #contents-wrapper #contents #others .links li a:hover { background: #000093; color: #FFFFFF; }
  body #wrapper #contents-wrapper #contents #others .links li a:hover img { filter: invert(1); }
  body #wrapper #contents-wrapper #contents #others .links li a:hover::after { transform: translate(2px, 0); filter: grayscale(1) invert(1); }
  body #wrapper #contents-wrapper #contents #others .links li + li { margin: 0; }
  body #wrapper #contents-wrapper footer { padding: 100px 0 35px; }
  body #wrapper #contents-wrapper footer a { transition: opacity .4s ease 0s; }
  body #wrapper #contents-wrapper footer a:hover { opacity: .5; }
  body #wrapper #contents-wrapper footer #totop { font-size: 1.5rem; margin: 0 0 100px; }
  body #wrapper #contents-wrapper footer #totop a img { width: 5px; transition: transform .4s ease 0s; }
  body #wrapper #contents-wrapper footer #totop a:hover img { transform: translate(0, -3px); }
  body #wrapper #contents-wrapper footer .sns-share { padding: 35px 0; margin: 0 0 50px; }
  body #wrapper #contents-wrapper footer .sns-share p { margin: 0 0 25px; }
  body #wrapper #contents-wrapper footer .sns-share ul { width: 300px; }
  body #wrapper #contents-wrapper footer .sns-share ul li { width: 45px; }
  body #wrapper #contents-wrapper footer .sns-share ul li:nth-child(2) { width: 210px; }
  body #wrapper #contents-wrapper footer small { display: block; font-size: 1rem; transform: scale(0.8); } }