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, 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; }
@media screen and (min-width: 768px) { html { font-size: 10px; } }

body { height: 100%; font-weight: 400; -webkit-text-size-adjust: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; font-family: a-otf-gothic-bbb-pr6n, YuGothic, "Yu Gothic", sans-serif; }

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

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

img { width: 100%; }

@media screen and (max-width: 767px) { .pc { display: none !important; } }
@media screen and (min-width: 768px) { .sp { display: none !important; } }
/* --------------------------------------------------
Mv & Lead & footer
-------------------------------------------------- */
@keyframes slider { 0% { opacity: 0; }
  4% { opacity: 1; }
  50% { opacity: 1; }
  54% { opacity: 0; }
  100% { opacity: 0; } }
@keyframes arrow { 0% { transform: translate(0, 0); opacity: 1; }
  50% { transform: translate(0, 7px); opacity: 0; }
  51% { transform: translate(0, -7px); opacity: 0; }
  100% { transform: translate(0, 0); opacity: 1; } }
body #wrapper #top { position: relative; color: #fff; }
body #wrapper #top .imagearea > ul { display: flex; flex-wrap: wrap; }
body #wrapper #top .imagearea > ul > li { width: 50%; position: relative; }
body #wrapper #top .imagearea > ul > li ul li:nth-child(2) { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; }
body #wrapper #top .textarea { position: absolute; top: 51%; transform: translate(0, -50%); left: 12.53%; right: 12.53%; }
body #wrapper #top .textarea > * { z-index: 2; opacity: 0; }
body #wrapper #top .textarea h1 { width: 28.83%; }
body #wrapper #top .textarea h2 { font-family: hero-new, sans-serif; font-weight: 500; font-size: 9.33vw; line-height: 1.51; letter-spacing: .06em; margin: 0 0 9.33vw; }
body #wrapper #top .textarea h3 { font-family: kinuta-maruminold-stdn, serif; font-size: 3.2vw; position: absolute; right: 0; bottom: 0; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; overflow: hidden; }
body #wrapper #top .textarea h3 > span { display: block; transform: translate(0, -100%); overflow: hidden; }
body #wrapper #top .textarea h3 > span > span { display: block; transform: translate(0, 100%); }
body #wrapper #top .textarea h3 > span > span span { display: inline-block; transform: rotate(-90deg); margin: 0 0 .3em; }
body #wrapper #top #scrolldown { position: absolute; left: 50%; width: 21.88%; z-index: 9; transform: translate(-50%, 0); opacity: 0; }
body #wrapper #top #scrolldown a { display: block; }
body #wrapper #top #scrolldown i { display: block; margin: 2.6vw auto 0; width: 15.18%; }
body #wrapper .lead { padding: 40px 0 45px; text-align: center; font-size: 1rem; letter-spacing: .035em; line-height: 1.95; }
body #wrapper .lead p { opacity: 0; }
body #wrapper .lead p.is-show { opacity: 1; transition: opacity 1s ease 0s; }
body #wrapper footer { padding: 50px 0 55px; }
body #wrapper footer .online_link { width: 240px; font-family: hero-new, sans-serif; font-size: 1.15rem; letter-spacing: .02em; text-align: center; color: #333333; margin: 0 auto 55px; }
body #wrapper footer .online_link a { display: block; padding: 10px 0; background: #e6e6e6; }
body #wrapper footer .logo { width: 96px; margin: 0 auto; }
body.is-loaded { opacity: 1 !important; transition: opacity 1s ease 0s; }
body.is-loaded #wrapper #top .imagearea > ul > li ul li:nth-child(2) { animation: slider 10s linear 0s infinite; }
body.is-loaded #wrapper #top .imagearea > ul > li:nth-child(1) ul li:nth-child(2) { animation-delay: 5s; }
body.is-loaded #wrapper #top .imagearea > ul > li:nth-child(2) ul li:nth-child(2) { animation-delay: 4s; }
body.is-loaded #wrapper #top .imagearea > ul > li:nth-child(3) ul li:nth-child(2) { animation-delay: 2s; }
body.is-loaded #wrapper #top .imagearea > ul > li:nth-child(4) ul li:nth-child(2) { animation-delay: 6.5s; }
body.is-loaded #wrapper #top .textarea > * { opacity: 1; transition: opacity 1s ease 1s; }
body.is-loaded #wrapper #top .textarea h1 { transition-delay: 1.2s; }
body.is-loaded #wrapper #top .textarea h3 { transition-delay: 2s; }
body.is-loaded #wrapper #top .textarea h3 > span { transform: none; transition: transform .6s linear 2s; }
body.is-loaded #wrapper #top .textarea h3 > span > span { transform: none; transition: transform .6s linear 2s; }
body.is-loaded #wrapper #top #scrolldown { opacity: 1; transition: opacity 1s ease 2s; }
body.is-loaded #wrapper #top #scrolldown i { animation: arrow 2s ease 0s infinite; }

@media screen and (orientation: landscape) { body #wrapper #top .imagearea > ul > li { width: 25%; /*>ul { li { img { height: 100vh; object-fit: cover; object-position: center; font-family: "object-fit: cover; object-position: center;"; } }
}*/ }
  body #wrapper #top .imagearea > ul > li:nth-child(1) { order: 1; }
  body #wrapper #top .imagearea > ul > li:nth-child(2) { order: 2; }
  body #wrapper #top .imagearea > ul > li:nth-child(3) { order: 4; }
  body #wrapper #top .imagearea > ul > li:nth-child(4) { order: 3; }
  body #wrapper #top .textarea { top: 53%; left: 34.45%; right: 34.45%; }
  body #wrapper #top .textarea h1 { width: 26.01%; }
  body #wrapper #top .textarea h2 { font-size: 3.5vw; line-height: 1.51; margin: 0 0 3.71vw; }
  body #wrapper #top .textarea h3 { font-size: 1.32vw; }
  body #wrapper #top #scrolldown { width: 6.25%; }
  body #wrapper #top #scrolldown i { margin: 1.17vw auto 0; width: 15.63%; } }
@media screen and (min-width: 768px) { body #wrapper .lead { padding: 75px 0 95px; font-size: 1.5rem; line-height: 2.07; } }
@media screen and (min-width: 768px) and (max-width: 1000px) { body #wrapper .lead { font-size: 1.4rem; } }
@media screen and (min-width: 768px) { body #wrapper footer { padding: 95px 0 105px; }
  body #wrapper footer .online_link { width: 450px; font-size: 1.8rem; margin: 0 auto 105px; }
  body #wrapper footer .online_link a { padding: 20px 0; transition: opacity .4s ease 0s; }
  body #wrapper footer .online_link a:hover { opacity: .6; }
  body #wrapper footer .logo { width: 192px; }
  body #wrapper footer .logo a { transition: opacity .4s ease 0s; }
  body #wrapper footer .logo a:hover { opacity: .6; } }
/* --------------------------------------------------
Contents
-------------------------------------------------- */
body #wrapper #type_wrapper .type .description { font-size: 1rem; line-height: 1.95; letter-spacing: .035em; text-align: justify; }
body #wrapper #type_wrapper .type .description br { display: none; }
body #wrapper #type_wrapper .type .credit ul li { font-family: hero-new, sans-serif; font-size: 1rem; letter-spacing: .04em; }
body #wrapper #type_wrapper .type .credit ul li a { display: inline-block; border-bottom: solid 1px; }
body #wrapper #type_wrapper .type .credit ul li span { display: inline-block; }
body #wrapper #type_wrapper .type .credit ul li span.name { margin: 0 .25em 0 0; }
body #wrapper #type_wrapper .type .credit ul li span.price::after { display: inline-block; content: "/"; margin: 0 .25em; }
body #wrapper #type_wrapper .type .credit ul li + li { margin: 15px 0 0; }
body #wrapper #type_wrapper .type .item_info { margin: 0 0 95px; }
body #wrapper #type_wrapper .type .item_info .imagearea { opacity: 0; transform: translate(0, 20px); }
body #wrapper #type_wrapper .type .item_info .imagearea.is-show { opacity: 1; transform: none; transition: all 1.5s ease 0s; }
body #wrapper #type_wrapper .type .item_info .textarea { margin: -73px 0 60px; padding: 0 42px; }
@media screen and (max-width: 374px) { body #wrapper #type_wrapper .type .item_info .textarea { padding: 0 20px; } }
body #wrapper #type_wrapper .type .item_info .textarea > * { opacity: 0; }
body #wrapper #type_wrapper .type .item_info .textarea > *.is-show { opacity: 1; transition: opacity 1.5s ease 0s; }
body #wrapper #type_wrapper .type .item_info .textarea .type_num { font-family: hero-new, sans-serif; font-size: 1rem; letter-spacing: .02em; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; margin: 0 0 17px; }
body #wrapper #type_wrapper .type .item_info .textarea h4 { font-family: hero-new, sans-serif; font-weight: 500; font-size: 2.8rem; line-height: 1.2; letter-spacing: .02em; margin: 0 0 20px; }
body #wrapper #type_wrapper .type .item_info .group .image_wrap { position: relative; padding: 164% 0 0; margin: 0 0 20px; }
body #wrapper #type_wrapper .type .item_info .group .image_wrap .sub_image { position: absolute; opacity: 0; transform: translate(0, 20px); }
body #wrapper #type_wrapper .type .item_info .group .image_wrap .sub_image:nth-child(1) { width: 64%; left: 32.4%; top: 0; }
body #wrapper #type_wrapper .type .item_info .group .image_wrap .sub_image:nth-child(2) { width: 65.07%; left: 6%; bottom: 0; }
body #wrapper #type_wrapper .type .item_info .group .image_wrap .sub_image.is-show { opacity: 1; transform: none; transition: all 1.5s ease 0s; }
body #wrapper #type_wrapper .type .item_info .group .sub_text { padding: 0 42px; opacity: 0; }
@media screen and (max-width: 374px) { body #wrapper #type_wrapper .type .item_info .group .sub_text { padding: 0 20px; } }
body #wrapper #type_wrapper .type .item_info .group .sub_text.is-show { opacity: 1; transition: opacity 1.5s ease 0s; }
body #wrapper #type_wrapper .type .style_variation { margin: 0 0 50px; }
body #wrapper #type_wrapper .type .style_variation .group { position: relative; padding: 0 42px; margin: 0 0 25px; }
@media screen and (max-width: 374px) { body #wrapper #type_wrapper .type .style_variation .group { padding: 0 20px; } }
body #wrapper #type_wrapper .type .style_variation .group h5 { font-family: hero-new, sans-serif; font-weight: 500; font-size: 2.4rem; letter-spacing: .06em; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; overflow: hidden; position: absolute; left: 74.8%; top: 0; transform: translate(0, -25%); opacity: 0; z-index: 2; }
body #wrapper #type_wrapper .type .style_variation .group h5 > span { display: block; overflow: hidden; transform: translate(0, -100%); }
body #wrapper #type_wrapper .type .style_variation .group h5 > span span { display: block; transform: translate(0, 100%); }
body #wrapper #type_wrapper .type .style_variation .group h5.is-show { opacity: 1; transition: opacity .6s linear 0s; }
body #wrapper #type_wrapper .type .style_variation .group h5.is-show span { transform: none; transition: transform .6s linear 0s; }
body #wrapper #type_wrapper .type .style_variation .group .imagearea { opacity: 0; transform: translate(0, 20px); }
body #wrapper #type_wrapper .type .style_variation .group .imagearea + .imagearea { margin: 17px 0 0; }
body #wrapper #type_wrapper .type .style_variation .group .imagearea.is-show { opacity: 1; transform: none; transition: all 1.5s ease 0s; }
body #wrapper #type_wrapper .type .style_variation .textarea { padding: 0 42px; }
body #wrapper #type_wrapper .type .style_variation .textarea > * { opacity: 0; }
body #wrapper #type_wrapper .type .style_variation .textarea > *.is-show { opacity: 1; transition: opacity 1.5s ease 0s; }
@media screen and (max-width: 374px) { body #wrapper #type_wrapper .type .style_variation .textarea { padding: 0 20px; } }
body #wrapper #type_wrapper .type .style_variation .textarea .description { margin: 0 0 25px; }
body #wrapper #type_wrapper .type .item_link .imagearea { width: 60%; margin: 0 auto 20px; opacity: 0; transform: translate(0, 20px); }
body #wrapper #type_wrapper .type .item_link .imagearea.is-show { opacity: 1; transform: none; transition: all 1.5s ease 0s; }
body #wrapper #type_wrapper .type .item_link .textarea { text-align: center; font-family: hero-new, sans-serif; opacity: 0; }
body #wrapper #type_wrapper .type .item_link .textarea .credit .tag { border: solid 1px; font-size: .7rem; font-family: a-otf-gothic-bbb-pr6n, YuGothic, "Yu Gothic", sans-serif; padding: 5px 7px; border-radius: 8px; display: inline-block; margin: 0 0 7px; }
body #wrapper #type_wrapper .type .item_link .textarea .credit .item_code { font-size: .8rem; letter-spacing: .02em; margin: 0 0 8px; }
body #wrapper #type_wrapper .type .item_link .textarea .credit .name { font-size: 1.45rem; letter-spacing: .02em; margin: 0 0 8px; }
body #wrapper #type_wrapper .type .item_link .textarea .credit .price_brand { font-size: 1.15rem; letter-spacing: .02em; margin: 0 0 18px; }
body #wrapper #type_wrapper .type .item_link .textarea .credit .link { display: block; width: 100px; margin: 0 auto; font-size: .85rem; letter-spacing: .02em; }
body #wrapper #type_wrapper .type .item_link .textarea .credit .link a { display: block; padding: 10px 0; border: solid 1px; }
body #wrapper #type_wrapper .type .item_link .textarea.is-show { opacity: 1; transition: opacity 1.5s ease 0s; }
body #wrapper #type_wrapper .type + .type { margin: 110px 0 0; }

@media screen and (max-width: 767px) { body #wrapper #type_wrapper .type.type2 .item_info { margin-bottom: 55px; }
  body #wrapper #type_wrapper .type.type2 .item_info .textarea { margin-bottom: 35px; }
  body #wrapper #type_wrapper .type.type2 .item_info .group .image_wrap { padding: 164.27% 0 0; }
  body #wrapper #type_wrapper .type.type2 .item_info .group .image_wrap .sub_image:nth-child(1) { left: 6.67%; }
  body #wrapper #type_wrapper .type.type2 .item_info .group .image_wrap .sub_image:nth-child(2) { width: 64.27%; left: 31.33%; }
  body #wrapper #type_wrapper .type.type2 .item_info .group .sub_text { padding: 0 0 0 31.33%; } }
@media screen and (max-width: 767px) and (max-width: 374px) { body #wrapper #type_wrapper .type.type2 .item_info .group .sub_text { padding: 0 6% 0 0; text-align: right; }
  body #wrapper #type_wrapper .type.type2 .item_info .group .sub_text .credit { display: inline-block; text-align: left; } }
@media screen and (max-width: 767px) { body #wrapper #type_wrapper .type.type2 .style_variation .group h5 { left: 16.8%; }
  body #wrapper #type_wrapper .type.type3 .item_info .group .image_wrap { padding: 164.27% 0 0; }
  body #wrapper #type_wrapper .type.type3 .item_info .group .image_wrap .sub_image:nth-child(2) { width: 64.4%; left: 6.27%; }
  body #wrapper #type_wrapper .type.type3 .item_info .group .sub_text { padding: 0 5.6% 0 0; text-align: right; }
  body #wrapper #type_wrapper .type.type3 .item_info .group .sub_text .credit { display: inline-block; text-align: left; }
  body #wrapper #type_wrapper .type.type3 .style_variation .group h5 { left: 16.8%; }
  body #wrapper #type_wrapper .type.type4 .item_info { margin-bottom: 55px; }
  body #wrapper #type_wrapper .type.type4 .item_info .textarea { margin-bottom: 45px; }
  body #wrapper #type_wrapper .type.type4 .item_info .group .image_wrap { padding: 164.27% 0 0; }
  body #wrapper #type_wrapper .type.type4 .item_info .group .image_wrap .sub_image:nth-child(1) { left: 6.67%; }
  body #wrapper #type_wrapper .type.type4 .item_info .group .image_wrap .sub_image:nth-child(2) { width: 64.4%; left: 31.33%; }
  body #wrapper #type_wrapper .type.type4 .item_info .group .sub_text { padding: 0 0 0 31.33%; }
  body #wrapper #type_wrapper .type.type4 .style_variation .group h5 { left: 16.8%; } }
@media screen and (min-width: 768px) { body { -webkit-font-feature-settings: normal; font-feature-settings: normal; }
  body #wrapper #type_wrapper .type .description { font-size: 1.5rem; line-height: 2.07; } }
@media screen and (min-width: 768px) and (max-width: 1279px) { body #wrapper #type_wrapper .type .description { font-size: 1.3rem; } }
@media screen and (min-width: 768px) and (max-width: 1279px) { body #wrapper #type_wrapper .type .description { font-size: 1.1rem; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; } }
@media screen and (min-width: 768px) { body #wrapper #type_wrapper .type .description br { display: block; }
  body #wrapper #type_wrapper .type .credit ul li { font-size: 1.4rem; } }
@media screen and (min-width: 768px) and (max-width: 1279px) { body #wrapper #type_wrapper .type .credit ul li { font-size: 1.2rem; } }
@media screen and (min-width: 768px) and (max-width: 1000px) { body #wrapper #type_wrapper .type .credit ul li { font-size: 1rem; } }
@media screen and (min-width: 768px) { body #wrapper #type_wrapper .type .credit ul li a { transition: opacity .4s ease 0s; }
  body #wrapper #type_wrapper .type .credit ul li a:hover { opacity: .6; }
  body #wrapper #type_wrapper .type .credit ul li + li { margin: 18px 0 0; } }
@media screen and (min-width: 768px) and (max-width: 1279px) { body #wrapper #type_wrapper .type .credit ul li + li { margin: 15px 0 0; } }
@media screen and (min-width: 768px) { body #wrapper #type_wrapper .type .item_info { position: relative; }
  body #wrapper #type_wrapper .type .item_info .imagearea { position: absolute; top: 0; }
  body #wrapper #type_wrapper .type .item_info .textarea { position: absolute; margin: 0; padding: 0; top: 1.5%; }
  body #wrapper #type_wrapper .type .item_info .textarea .type_num { font-size: 1.5rem; letter-spacing: .02em; margin: 0; position: absolute; top: 143px; left: 0; } }
@media screen and (min-width: 768px) and (max-width: 1279px) { body #wrapper #type_wrapper .type .item_info .textarea .type_num { top: 100px; } }
@media screen and (min-width: 768px) and (max-width: 1000px) { body #wrapper #type_wrapper .type .item_info .textarea .type_num { font-size: 1rem; top: 88px; } }
@media screen and (min-width: 768px) { body #wrapper #type_wrapper .type .item_info .textarea h4 { font-size: 4.5rem; line-height: 1.18; margin: 0 0 30px; } }
@media screen and (min-width: 768px) and (max-width: 1279px) { body #wrapper #type_wrapper .type .item_info .textarea h4 { font-size: 3.5rem; margin: 0 0 10px; } }
@media screen and (min-width: 768px) and (max-width: 1000px) { body #wrapper #type_wrapper .type .item_info .textarea h4 { font-size: 3rem; } }
@media screen and (min-width: 768px) { body #wrapper #type_wrapper .type .item_info .group .image_wrap { position: static; padding: 0; margin: 0; }
  body #wrapper #type_wrapper .type .item_info .group .image_wrap .sub_image:nth-child(1) { width: auto; left: auto; top: auto; }
  body #wrapper #type_wrapper .type .item_info .group .image_wrap .sub_image:nth-child(2) { width: auto; left: auto; bottom: auto; }
  body #wrapper #type_wrapper .type .item_info .group .sub_text { position: absolute; padding: 0; }
  body #wrapper #type_wrapper .type .style_variation { width: auto; margin: 0 auto 90px; text-align: right; }
  body #wrapper #type_wrapper .type .style_variation .group { padding: 0; margin: 0 0 33px; display: flex; justify-content: space-between; text-align: left; }
  body #wrapper #type_wrapper .type .style_variation .group h5 { font-size: 4.6rem; left: auto; } }
@media screen and (min-width: 768px) and (max-width: 1000px) { body #wrapper #type_wrapper .type .style_variation .group h5 { font-size: 3.1rem; } }
@media screen and (min-width: 768px) { body #wrapper #type_wrapper .type .style_variation .group .imagearea { width: auto; order: 2; }
  body #wrapper #type_wrapper .type .style_variation .group .imagearea + .imagearea { margin: 0; order: 1; }
  body #wrapper #type_wrapper .type .style_variation .textarea { padding: 0; display: inline-block; text-align: left; }
  body #wrapper #type_wrapper .type .style_variation .textarea .description { margin: 0 0 22px; }
  body #wrapper #type_wrapper .type .item_link { display: flex; align-items: flex-end; }
  body #wrapper #type_wrapper .type .item_link .imagearea { width: 52.27%; margin: 0 35px 0 0; }
  body #wrapper #type_wrapper .type .item_link .imagearea img { display: block; width: 53.81%; margin: 0 0 0 auto; }
  body #wrapper #type_wrapper .type .item_link .textarea { text-align: left; }
  body #wrapper #type_wrapper .type .item_link .textarea .credit .tag { font-size: 1.1rem; padding: 7px 10px; border-radius: 13px; margin: 0 0 12px; }
  body #wrapper #type_wrapper .type .item_link .textarea .credit .item_code { font-size: 1.4rem; margin: 0 0 15px; } }
@media screen and (min-width: 768px) and (max-width: 1000px) { body #wrapper #type_wrapper .type .item_link .textarea .credit .item_code { font-size: 1rem; } }
@media screen and (min-width: 768px) { body #wrapper #type_wrapper .type .item_link .textarea .credit .name { font-size: 2.5rem; margin: 0 0 15px; } }
@media screen and (min-width: 768px) and (max-width: 1000px) { body #wrapper #type_wrapper .type .item_link .textarea .credit .name { font-size: 1.6rem; } }
@media screen and (min-width: 768px) { body #wrapper #type_wrapper .type .item_link .textarea .credit .price_brand { font-size: 2rem; margin: 0 0 25px; } }
@media screen and (min-width: 768px) and (max-width: 1000px) { body #wrapper #type_wrapper .type .item_link .textarea .credit .price_brand { font-size: 1.4rem; } }
@media screen and (min-width: 768px) { body #wrapper #type_wrapper .type .item_link .textarea .credit .link { width: 140px; margin: 0; font-size: 1.2rem; text-align: center; } }
@media screen and (min-width: 768px) and (max-width: 1000px) { body #wrapper #type_wrapper .type .item_link .textarea .credit .link { font-size: 1rem; } }
@media screen and (min-width: 768px) { body #wrapper #type_wrapper .type .item_link .textarea .credit .link a { padding: 15px 0; transition: opacity .4s ease 0s; }
  body #wrapper #type_wrapper .type .item_link .textarea .credit .link a:hover { opacity: .6; }
  body #wrapper #type_wrapper .type + .type { margin: 200px 0 0; }
  body #wrapper #type_wrapper .type.type1 .item_info { padding: 96.17% 0 0; }
  body #wrapper #type_wrapper .type.type1 .item_info .imagearea { width: 41.88%; left: 10.23%; }
  body #wrapper #type_wrapper .type.type1 .item_info .textarea { left: 45.47%; }
  body #wrapper #type_wrapper .type.type1 .item_info .textarea .description { padding: 0 0 0 8.98vw; }
  body #wrapper #type_wrapper .type.type1 .item_info .group .image_wrap .sub_image:nth-child(1) { width: 30.63%; left: 56.09%; top: 37.29%; }
  body #wrapper #type_wrapper .type.type1 .item_info .group .image_wrap .sub_image:nth-child(2) { width: 31.09%; left: 15.63%; top: 60.19%; }
  body #wrapper #type_wrapper .type.type1 .item_info .group .sub_text { left: 51.25%; top: 82.29%; }
  body #wrapper #type_wrapper .type.type1 .style_variation { width: 79.77%; }
  body #wrapper #type_wrapper .type.type1 .style_variation .group h5 { left: 89.42%; }
  body #wrapper #type_wrapper .type.type1 .style_variation .group .imagearea { width: 48.58%; }
  body #wrapper #type_wrapper .type.type2 .item_info { padding: 98.75% 0 0; }
  body #wrapper #type_wrapper .type.type2 .item_info .imagearea { width: 41.25%; left: 10.23%; }
  body #wrapper #type_wrapper .type.type2 .item_info .textarea { left: 47.19%; }
  body #wrapper #type_wrapper .type.type2 .item_info .textarea .description { padding: 0 0 0 7.42vw; }
  body #wrapper #type_wrapper .type.type2 .item_info .group .image_wrap .sub_image:nth-child(1) { width: 30.63%; left: 56.09%; top: 39.24%; }
  body #wrapper #type_wrapper .type.type2 .item_info .group .image_wrap .sub_image:nth-child(2) { width: 30.63%; left: 13.28%; top: 61.23%; }
  body #wrapper #type_wrapper .type.type2 .item_info .group .sub_text { left: 48.44%; bottom: 0; }
  body #wrapper #type_wrapper .type.type2 .style_variation { width: 78.59%; }
  body #wrapper #type_wrapper .type.type2 .style_variation .group h5 { left: 89.96%; }
  body #wrapper #type_wrapper .type.type2 .style_variation .group .imagearea { width: 48.51%; }
  body #wrapper #type_wrapper .type.type2 .style_variation .textarea .description { margin: 0 0 35px; }
  body #wrapper #type_wrapper .type.type3 { margin: 150px 0 0; }
  body #wrapper #type_wrapper .type.type3 .item_info { padding: 96.41% 0 0; }
  body #wrapper #type_wrapper .type.type3 .item_info .imagearea { width: 41.88%; left: 44.84%; }
  body #wrapper #type_wrapper .type.type3 .item_info .textarea { right: 44.92%; }
  body #wrapper #type_wrapper .type.type3 .item_info .textarea .description { padding: 0 0 0 4.69vw; }
  body #wrapper #type_wrapper .type.type3 .item_info .group .image_wrap .sub_image:nth-child(1) { width: 30.63%; left: 18.59%; top: 37.93%; }
  body #wrapper #type_wrapper .type.type3 .item_info .group .image_wrap .sub_image:nth-child(2) { width: 30.63%; left: 56.02%; top: 60.45%; }
  body #wrapper #type_wrapper .type.type3 .item_info .group .sub_text { left: 18.59%; top: 81.12%; }
  body #wrapper #type_wrapper .type.type3 .style_variation { width: 78.59%; }
  body #wrapper #type_wrapper .type.type3 .style_variation .group h5 { left: 3.18%; }
  body #wrapper #type_wrapper .type.type3 .style_variation .group .imagearea { width: 48.51%; }
  body #wrapper #type_wrapper .type.type3 .style_variation .textarea .description { margin: 0 0 35px; }
  body #wrapper #type_wrapper .type.type4 .item_info { padding: 94.77% 0 0; }
  body #wrapper #type_wrapper .type.type4 .item_info .imagearea { width: 41.64%; left: 10.39%; }
  body #wrapper #type_wrapper .type.type4 .item_info .textarea { top: 3%; left: 46.17%; }
  body #wrapper #type_wrapper .type.type4 .item_info .textarea .type_num { top: 90px; } }
@media screen and (min-width: 768px) and (max-width: 1279px) { body #wrapper #type_wrapper .type.type4 .item_info .textarea .type_num { top: 57px; } }
@media screen and (min-width: 768px) and (max-width: 1000px) { body #wrapper #type_wrapper .type.type4 .item_info .textarea .type_num { top: 50px; } }
@media screen and (min-width: 768px) { body #wrapper #type_wrapper .type.type4 .item_info .textarea .description { padding: 0 0 0 8.59vw; }
  body #wrapper #type_wrapper .type.type4 .item_info .group .image_wrap .sub_image:nth-child(1) { width: 30.63%; left: 57.19%; top: 39.08%; }
  body #wrapper #type_wrapper .type.type4 .item_info .group .image_wrap .sub_image:nth-child(2) { width: 30.63%; left: 15.94%; top: 59.6%; }
  body #wrapper #type_wrapper .type.type4 .item_info .group .sub_text { left: 52.34%; bottom: 0; }
  body #wrapper #type_wrapper .type.type4 .style_variation { width: 78.59%; }
  body #wrapper #type_wrapper .type.type4 .style_variation .group { margin: 0 0 45px; }
  body #wrapper #type_wrapper .type.type4 .style_variation .group h5 { left: 88.77%; }
  body #wrapper #type_wrapper .type.type4 .style_variation .group .imagearea { width: 48.51%; order: 1; }
  body #wrapper #type_wrapper .type.type4 .style_variation .group .imagearea + .imagearea { order: 2; }
  body #wrapper #type_wrapper .type.type4 .style_variation .textarea .description { margin: 0 0 40px; } }