/* html5doctor.com Reset Stylesheet v1.6.1 Last Updated: 2010-09-17 Author: Richard Clark - http://richclarkdesign.com Twitter: @rich_clark */ #mainContents, #contentsNav { line-height: 1; } #mainContents div, #mainContents span, #mainContents object, #mainContents iframe, #mainContents h1, #mainContents h2, #mainContents h3, #mainContents h4, #mainContents h5, #mainContents h6, #mainContents p, #mainContents blockquote, #mainContents pre, #mainContents abbr, #mainContents address, #mainContents cite, #mainContents code, #mainContents del, #mainContents dfn, #mainContents em, #mainContents img, #mainContents ins, #mainContents kbd, #mainContents q, #mainContents samp, #mainContents small, #mainContents strong, #mainContents sub, #mainContents sup, #mainContents var, #mainContents b, #mainContents i, #mainContents dl, #mainContents dt, #mainContents dd, #mainContents ol, #mainContents ul, #mainContents li, #mainContents fieldset, #mainContents form, #mainContents label, #mainContents legend, #mainContents table, #mainContents caption, #mainContents tbody, #mainContents tfoot, #mainContents thead, #mainContents tr, #mainContents th, #mainContents td, #mainContents article, #mainContents aside, #mainContents canvas, #mainContents details, #mainContents figcaption, #mainContents figure, #mainContents footer, #mainContents header, #mainContents hgroup, #mainContents menu, #mainContents nav, #mainContents section, #mainContents summary, #mainContents time, #mainContents mark, #mainContents audio, #mainContents video, #contentsNav div, #contentsNav span, #contentsNav object, #contentsNav iframe, #contentsNav h1, #contentsNav h2, #contentsNav h3, #contentsNav h4, #contentsNav h5, #contentsNav h6, #contentsNav p, #contentsNav blockquote, #contentsNav pre, #contentsNav abbr, #contentsNav address, #contentsNav cite, #contentsNav code, #contentsNav del, #contentsNav dfn, #contentsNav em, #contentsNav img, #contentsNav ins, #contentsNav kbd, #contentsNav q, #contentsNav samp, #contentsNav small, #contentsNav strong, #contentsNav sub, #contentsNav sup, #contentsNav var, #contentsNav b, #contentsNav i, #contentsNav dl, #contentsNav dt, #contentsNav dd, #contentsNav ol, #contentsNav ul, #contentsNav li, #contentsNav fieldset, #contentsNav form, #contentsNav label, #contentsNav legend, #contentsNav table, #contentsNav caption, #contentsNav tbody, #contentsNav tfoot, #contentsNav thead, #contentsNav tr, #contentsNav th, #contentsNav td, #contentsNav article, #contentsNav aside, #contentsNav canvas, #contentsNav details, #contentsNav figcaption, #contentsNav figure, #contentsNav footer, #contentsNav header, #contentsNav hgroup, #contentsNav menu, #contentsNav nav, #contentsNav section, #contentsNav summary, #contentsNav time, #contentsNav mark, #contentsNav audio, #contentsNav video { font-size: 100%; margin: 0; padding: 0; list-style: none; vertical-align: baseline; border: 0; outline: 0; background: transparent; } #mainContents article, #mainContents aside, #mainContents details, #mainContents figcaption, #mainContents figure, #mainContents footer, #mainContents header, #mainContents hgroup, #mainContents menu, #mainContents nav, #mainContents section, #contentsNav article, #contentsNav aside, #contentsNav details, #contentsNav figcaption, #contentsNav figure, #contentsNav footer, #contentsNav header, #contentsNav hgroup, #contentsNav menu, #contentsNav nav, #contentsNav section { display: block; } #mainContents nav ul, #contentsNav nav ul { list-style: none; } #mainContents blockquote, #mainContents q, #contentsNav blockquote, #contentsNav q { quotes: none; } #mainContents blockquote:before, #mainContents blockquote:after, #mainContents q:before, #mainContents q:after, #contentsNav blockquote:before, #contentsNav blockquote:after, #contentsNav q:before, #contentsNav q:after { content: ''; content: none; } #mainContents a, #contentsNav a { font-size: 100%; margin: 0; padding: 0; vertical-align: baseline; text-decoration: none; color: inherit; background: transparent; } #mainContents a:active, #contentsNav a:active { color: inherit; } #mainContents ins, #contentsNav ins { text-decoration: none; color: #000; background-color: #ff9; } #mainContents mark, #contentsNav mark { font-weight: bold; font-style: italic; color: #000; background-color: #ff9; } #mainContents del, #contentsNav del { text-decoration: line-through; } #mainContents abbr[title], #mainContents dfn[title], #contentsNav abbr[title], #contentsNav dfn[title] { cursor: help; border-bottom: 1px dotted; } #mainContents table, #contentsNav table { border-spacing: 0; border-collapse: collapse; } #mainContents hr, #contentsNav hr { display: block; height: 1px; margin: 1em 0; padding: 0; border: 0; border-top: 1px solid #ccc; } #mainContents input, #mainContents select, #contentsNav input, #contentsNav select { vertical-align: middle; } #mainContents img, #mainContents video, #contentsNav img, #contentsNav video { font-size: 0; line-height: 0; width: 100%; vertical-align: top; } #mainContents button, #contentsNav button { padding: 0; cursor: pointer; border: none; outline: none; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; } #mainContents *, #contentsNav * { -webkit-box-sizing: border-box; box-sizing: border-box; } @media screen and (max-width: 767px) { .u-is-pc { display: none !important; } } @media screen and (min-width: 768px) { .u-is-sp { display: none !important; } } .u-bold { font-weight: 700; } @media screen and (min-width: 768px) { .body-wrapper { min-width: 1400px !important; } } .global-footer { margin-top: 0 !important; } #mainContents { font-family: 'Noto Sans JP', sans-serif; } @media screen and (min-width: 768px) { #mainContents { width: 100%; min-width: 1400px; margin-right: auto; margin-left: auto; } } #mainContents .p-kv { overflow: hidden; width: 100%; } #mainContents .p-nav { position: -webkit-sticky; position: sticky; z-index: 10; top: 0; left: 0; color: #fff; background-color: #000; } @media screen and (min-width: 768px) { #mainContents .p-nav { width: 100%; } } @media screen and (max-width: 767px) { #mainContents .p-nav { height: 16vw; padding: 2.93333vw 5.33333vw 0; } } @media screen and (min-width: 768px) { #mainContents .p-nav .p-nav-openTrg { display: none; } } @media screen and (max-width: 767px) { #mainContents .p-nav .p-nav-openTrg { position: relative; display: block; width: 9.86667vw; height: 9.86667vw; margin: 0 0 0 auto; } } #mainContents .p-nav .p-nav-openTrg span { position: absolute; left: 0; width: 9.86667vw; height: 2px; -webkit-transition: opacity .3s, -webkit-transform .3s; transition: opacity .3s, -webkit-transform .3s; transition: opacity .3s, transform .3s; transition: opacity .3s, transform .3s, -webkit-transform .3s; border-radius: 10px; background-color: #fff; } #mainContents .p-nav .p-nav-openTrg span:nth-of-type(1) { top: 2.4vw; } #mainContents .p-nav .p-nav-openTrg span:nth-of-type(2) { top: 4.8vw; } #mainContents .p-nav .p-nav-openTrg span:nth-of-type(3) { top: 7.2vw; } #mainContents .p-nav .p-nav-openTrg.open span:nth-of-type(1) { top: 2.4vw; -webkit-transform: rotate(45deg) translate(6px, 6px); transform: rotate(45deg) translate(6px, 6px); } #mainContents .p-nav .p-nav-openTrg.open span:nth-of-type(2) { -webkit-transform: translateX(-2.66667vw); transform: translateX(-2.66667vw); opacity: 0; } #mainContents .p-nav .p-nav-openTrg.open span:nth-of-type(3) { top: 7.2vw; -webkit-transform: rotate(-45deg) translate(6px, -6px); transform: rotate(-45deg) translate(6px, -6px); } @media screen and (max-width: 767px) { #mainContents .p-nav .p-nav_inner_pc { display: none; } } @media screen and (min-width: 768px) { #mainContents .p-nav .p-nav_list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 1064px; margin: 0 auto; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } } #mainContents .p-nav .p-nav_list .p-nav_item a { position: relative; display: block; } @media screen and (min-width: 768px) { #mainContents .p-nav .p-nav_list .p-nav_item a { font-size: 16px; font-weight: 800; line-height: 1; padding: 31px 10px 43px; -webkit-transition: opacity .3s; transition: opacity .3s; letter-spacing: 0; } } @media screen and (min-width: 768px) { #mainContents .p-nav .p-nav_list .p-nav_item a::after { position: absolute; bottom: 22px; left: 50%; display: block; width: 19px; height: 8px; content: ''; -webkit-transform: translateX(-50%); transform: translateX(-50%); background-image: url('../img/common/arrow_01.svg'); background-repeat: no-repeat; background-size: contain; } } @media screen and (min-width: 768px) { #mainContents .p-nav .p-nav_list .p-nav_item a:hover { opacity: .5; } } #mainContents .p-statement { overflow: hidden; background-repeat: no-repeat; background-size: cover; } @media screen and (min-width: 768px) { #mainContents .p-statement { background-image: url('../img/statement/bg_01_pc.jpg'); } } @media screen and (max-width: 767px) { #mainContents .p-statement { background-image: url('../img/statement/bg_01_sp.jpg'); } } #mainContents .p-statement .p-statement_inner { position: relative; margin: 0 auto; } @media screen and (min-width: 768px) { #mainContents .p-statement .p-statement_inner { width: 1400px; height: 341px; padding-top: 21px; } } @media screen and (max-width: 767px) { #mainContents .p-statement .p-statement_inner { width: 89.33333vw; height: 116.8vw; padding-top: 2.66667vw; } } @media screen and (min-width: 768px) { #mainContents .p-statement .p-statement_inner::before, #mainContents .p-statement .p-statement_inner::after { position: absolute; top: 0; display: block; height: 341px; content: ''; background-repeat: no-repeat; background-size: contain; } } @media screen and (min-width: 768px) { #mainContents .p-statement .p-statement_inner::before { left: -189px; width: 487px; background-image: url('../img/statement/deco_01_pc.png'); } } @media screen and (min-width: 768px) { #mainContents .p-statement .p-statement_inner::after { right: 56px; width: 217px; background-image: url('../img/statement/deco_02_pc.png'); } } #mainContents .p-statement .p-statement_note { color: #fff; } @media screen and (min-width: 768px) { #mainContents .p-statement .p-statement_note { font-size: 13px; font-weight: 400; line-height: 1.46154; text-align: center; letter-spacing: 0; } } @media screen and (max-width: 767px) { #mainContents .p-statement .p-statement_note { font-size: 2.93333vw; font-weight: 700; line-height: 1.54545; letter-spacing: 0; } } @media screen and (min-width: 768px) { #mainContents .p-statement .p-statement_txt { width: 995px; margin: 77px 0 0 225px; } } @media screen and (max-width: 767px) { #mainContents .p-statement .p-statement_txt { width: 100%; margin-top: 20vw; } } #mainContents .p-campaign { overflow: hidden; background-color: #fff; } @media screen and (min-width: 768px) { #mainContents .p-campaign { width: 100%; padding: 100px 0; } } @media screen and (max-width: 767px) { #mainContents .p-campaign { padding: 16.26667vw 0; } } #mainContents .p-campaign .p-campaign_hdg { margin: 0 auto; } @media screen and (min-width: 768px) { #mainContents .p-campaign .p-campaign_hdg { width: 340.47px; } } @media screen and (max-width: 767px) { #mainContents .p-campaign .p-campaign_hdg { width: 51.46667vw; } } #mainContents .p-campaign .p-campaign-slider { position: relative; margin: 0 auto; } @media screen and (min-width: 768px) { #mainContents .p-campaign .p-campaign-slider { width: 926px; margin-top: 62px; } } @media screen and (max-width: 767px) { #mainContents .p-campaign .p-campaign-slider { width: 81.33333vw; margin-top: 10.13333vw; } } #mainContents .p-campaign .p-campaign-slider a { display: block; } @media screen and (min-width: 768px) { #mainContents .p-campaign .p-campaign-slider .splide__slide { width: 980px; padding: 0 27px; } } @media screen and (max-width: 767px) { #mainContents .p-campaign .p-campaign-slider .splide__slide { width: 83.73333vw; padding: 0 1.2vw; } } #mainContents .p-campaign .p-campaign-slider .splide__slide a { display: block; } #mainContents .p-campaign .p-campaign-slider .splide__arrow { position: absolute; z-index: 1; border-radius: 50%; background-color: #fff; } @media screen and (min-width: 768px) { #mainContents .p-campaign .p-campaign-slider .splide__arrow { top: 198px; width: 69px; height: 69px; cursor: pointer; -webkit-transition: background-color .3s; transition: background-color .3s; border: 2px solid #d9312b; } } @media screen and (max-width: 767px) { #mainContents .p-campaign .p-campaign-slider .splide__arrow { top: 50%; width: 9.06667vw; height: 9.06667vw; -webkit-transform: translateY(-50%); transform: translateY(-50%); border: 1px solid #d9312b; } } #mainContents .p-campaign .p-campaign-slider .splide__arrow::before { position: absolute; top: 50%; left: 50%; display: block; content: ''; background-color: #d9312b; -webkit-mask-position: center center; mask-position: center center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; } @media screen and (min-width: 768px) { #mainContents .p-campaign .p-campaign-slider .splide__arrow::before { width: 8px; height: 17px; -webkit-transition: background-color .3s; transition: background-color .3s; -webkit-mask-image: url('../img/common/arrow_02_pc.svg'); mask-image: url('../img/common/arrow_02_pc.svg'); } } @media screen and (max-width: 767px) { #mainContents .p-campaign .p-campaign-slider .splide__arrow::before { width: 1.25867vw; height: 2.42933vw; -webkit-mask-image: url('../img/common/arrow_02_sp.svg'); mask-image: url('../img/common/arrow_02_sp.svg'); } } @media screen and (min-width: 768px) { #mainContents .p-campaign .p-campaign-slider .splide__arrow:hover { background-color: #d9312b; } #mainContents .p-campaign .p-campaign-slider .splide__arrow:hover::before { background-color: #fff; } } @media screen and (min-width: 768px) { #mainContents .p-campaign .p-campaign-slider .splide__arrow.splide__arrow--prev { right: 50%; margin-right: 463px; } } @media screen and (max-width: 767px) { #mainContents .p-campaign .p-campaign-slider .splide__arrow.splide__arrow--prev { left: 3.73333vw; } } #mainContents .p-campaign .p-campaign-slider .splide__arrow.splide__arrow--prev::before { -webkit-transform: translate(-50%, -50%) rotate(180deg); transform: translate(-50%, -50%) rotate(180deg); } @media screen and (min-width: 768px) { #mainContents .p-campaign .p-campaign-slider .splide__arrow.splide__arrow--next { left: 50%; margin-left: 463px; } } @media screen and (max-width: 767px) { #mainContents .p-campaign .p-campaign-slider .splide__arrow.splide__arrow--next { right: 3.73333vw; } } #mainContents .p-campaign .p-campaign-slider .splide__arrow.splide__arrow--next::before { -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } #mainContents .p-campaign .p-campaign-slider .splide__arrow svg { display: none; } #mainContents .p-cm { background-repeat: no-repeat; background-size: cover; } @media screen and (min-width: 768px) { #mainContents .p-cm { padding: 100px 0; background-image: url('../img/cm/bg_01_pc.jpg'); } } @media screen and (max-width: 767px) { #mainContents .p-cm { padding: 15.73333vw 0 16vw; background-image: url('../img/cm/bg_01_sp.jpg'); } } #mainContents .p-cm .p-cm_hdg { margin: 0 auto; } @media screen and (min-width: 768px) { #mainContents .p-cm .p-cm_hdg { width: 402.83px; margin-bottom: 45px; } } @media screen and (max-width: 767px) { #mainContents .p-cm .p-cm_hdg { width: 59.16vw; margin-bottom: 6.66667vw; } } #mainContents .p-cm .p-cm_txt { margin: 0 auto; } @media screen and (min-width: 768px) { #mainContents .p-cm .p-cm_txt { margin-bottom: 25px; } } @media screen and (max-width: 767px) { #mainContents .p-cm .p-cm_txt { margin-bottom: 4vw; } } @media screen and (min-width: 768px) { #mainContents .p-cm .p-cm_txt.-txt01 { width: 370.89px; } } @media screen and (max-width: 767px) { #mainContents .p-cm .p-cm_txt.-txt01 { width: 55.416vw; } } #mainContents .p-cm .p-cm_video { position: relative; display: block; overflow: hidden; margin: 0 auto; background-color: #000; } @media screen and (min-width: 768px) { #mainContents .p-cm .p-cm_video { width: 952px; height: 535px; border-radius: 20px; } } @media screen and (max-width: 767px) { #mainContents .p-cm .p-cm_video { width: 89.06667vw; border-radius: 2.13333vw; } } #mainContents .p-cm .p-cm_video img { opacity: .56; } @media screen and (min-width: 768px) { #mainContents .p-cm .p-cm_video img { -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; } } #mainContents .p-cm .p-cm_video::before, #mainContents .p-cm .p-cm_video::after { position: absolute; top: 50%; left: 50%; display: block; content: ''; } #mainContents .p-cm .p-cm_video::before { z-index: 1; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border-radius: 50%; } @media screen and (min-width: 768px) { #mainContents .p-cm .p-cm_video::before { width: 130px; height: 130px; -webkit-transition: border-color .3s, background-color .3s; transition: border-color .3s, background-color .3s; border: 2px solid #fff; } } @media screen and (max-width: 767px) { #mainContents .p-cm .p-cm_video::before { width: 12.32533vw; height: 12.32533vw; border: 1px solid #fff; } } #mainContents .p-cm .p-cm_video::after { z-index: 2; -webkit-transform: translate(-40%, -50%); transform: translate(-40%, -50%); background-color: #fff; -webkit-clip-path: polygon(0 0, 100% 50%, 0 100%); clip-path: polygon(0 0, 100% 50%, 0 100%); } @media screen and (min-width: 768px) { #mainContents .p-cm .p-cm_video::after { width: 49px; height: 31px; } } @media screen and (max-width: 767px) { #mainContents .p-cm .p-cm_video::after { width: 4.57333vw; height: 2.88267vw; } } @media screen and (min-width: 768px) { #mainContents .p-cm .p-cm_video:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); } } @media screen and (min-width: 768px) { #mainContents .p-cm .p-cm_video:hover::before { border-color: #d9312b; background-color: #d9312b; } } #mainContents .p-lineup { overflow: hidden; background-repeat: no-repeat; background-size: cover; } @media screen and (min-width: 768px) { #mainContents .p-lineup { padding: 100px 0 30px; } } @media screen and (max-width: 767px) { #mainContents .p-lineup { padding: 14.93333vw 0 0; } } #mainContents .p-lineup .p-lineup_hdg { margin: 0 auto; } @media screen and (min-width: 768px) { #mainContents .p-lineup .p-lineup_hdg { width: 1089px; } } @media screen and (max-width: 767px) { #mainContents .p-lineup .p-lineup_hdg { width: 79.01067vw; } } @media screen and (min-width: 768px) { #mainContents .p-lineup .p-lineup-list { margin-top: -46px; } } @media screen and (max-width: 767px) { #mainContents .p-lineup .p-lineup-list { margin-top: -1.86667vw; } } #mainContents .p-lineup .p-lineup-item { position: relative; } @media screen and (min-width: 768px) { #mainContents .p-lineup .p-lineup-item:nth-of-type(n+2) { margin-top: -116px; } } @media screen and (max-width: 767px) { #mainContents .p-lineup .p-lineup-item:nth-of-type(n+2) { margin-top: -5.86667vw; } } #mainContents .p-lineup .p-lineup-item::before { position: absolute; top: 0; display: block; content: ''; background-repeat: no-repeat; background-size: contain; } @media screen and (max-width: 767px) { #mainContents .p-lineup .p-lineup-item::before { left: 0; width: 100%; height: 100%; } } @media screen and (min-width: 768px) { #mainContents .p-lineup .p-lineup-item.-left::before { right: 50%; -webkit-transform: translateX(532px); transform: translateX(532px); } } @media screen and (min-width: 768px) { #mainContents .p-lineup .p-lineup-item.-left .p-lineup-item_inner { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } } @media screen and (min-width: 768px) { #mainContents .p-lineup .p-lineup-item.-left .p-lineup-item_inner .p-lineup-item_img { left: 50%; } } @media screen and (min-width: 768px) { #mainContents .p-lineup .p-lineup-item.-right::before { left: 50%; -webkit-transform: translateX(-532px); transform: translateX(-532px); } } @media screen and (min-width: 768px) { #mainContents .p-lineup .p-lineup-item.-right .p-lineup-item_inner { -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } } @media screen and (min-width: 768px) { #mainContents .p-lineup .p-lineup-item.-right .p-lineup-item_inner .p-lineup-item_img { right: 50%; } } #mainContents .p-lineup .p-lineup-item .p-lineup-item_inner { position: relative; z-index: 1; margin: 0 auto; } @media screen and (min-width: 768px) { #mainContents .p-lineup .p-lineup-item .p-lineup-item_inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 1064px; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } } @media screen and (max-width: 767px) { #mainContents .p-lineup .p-lineup-item .p-lineup-item_inner { width: 89.33333vw; } } #mainContents .p-lineup .p-lineup-item .p-lineup-item_inner .p-lineup-item_img { position: absolute; z-index: 2; -webkit-transition: opacity 2s, -webkit-transform 2s; transition: opacity 2s, -webkit-transform 2s; transition: opacity 2s, transform 2s; transition: opacity 2s, transform 2s, -webkit-transform 2s; -webkit-transform: translateY(50px); transform: translateY(50px); opacity: 0; } #mainContents .p-lineup .p-lineup-item .p-lineup-item_inner .p-lineup-item_hdg { -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; transition: opacity 1s, transform 1s, -webkit-transform 1s; -webkit-transition-delay: .8s; transition-delay: .8s; -webkit-transform: translateY(50px); transform: translateY(50px); opacity: 0; } @media screen and (min-width: 768px) { #mainContents .p-lineup .p-lineup-item .p-lineup-item_inner .p-lineup-item_hdg { width: 100%; } } @media screen and (max-width: 767px) { #mainContents .p-lineup .p-lineup-item .p-lineup-item_inner .p-lineup-item_hdg { margin: 0 auto; } } @media screen and (max-width: 767px) { #mainContents .p-lineup .p-lineup-item .p-lineup-item_inner .p-lineup-item_desc { margin: 0 auto; } } #mainContents .p-lineup .p-lineup-item .p-lineup-item_inner .p-lineup-item_desc .p-lineup-item_desc_inner { -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; transition: opacity 1s, transform 1s, -webkit-transform 1s; -webkit-transition-delay: 1.3s; transition-delay: 1.3s; -webkit-transform: translateY(50px); transform: translateY(50px); opacity: 0; } @media screen and (min-width: 768px) { #mainContents .p-lineup .p-lineup-item .p-lineup-item_inner .p-lineup-item_desc .p-lineup-item_desc_inner { margin-top: 30px; } } @media screen and (max-width: 767px) { #mainContents .p-lineup .p-lineup-item .p-lineup-item_inner .p-lineup-item_desc .p-lineup-item_desc_inner { width: 74.93333vw; margin: 4.8vw auto; } } @media screen and (min-width: 768px) { #mainContents .p-lineup .p-lineup-item .p-lineup-item_inner .p-lineup-item_desc .p-lineup-item_txt { font-size: 23px; font-weight: 700; line-height: 1.52174; letter-spacing: 0; } } @media screen and (max-width: 767px) { #mainContents .p-lineup .p-lineup-item .p-lineup-item_inner .p-lineup-item_desc .p-lineup-item_txt { font-size: 4vw; font-weight: 700; line-height: 1.6; letter-spacing: 0; } } #mainContents .p-lineup .p-lineup-item .p-lineup-item_inner .p-lineup-item_desc .p-lineup-item_txt sup { font-size: 60%; position: relative; top: .1em; vertical-align: top; } @media screen and (min-width: 768px) { #mainContents .p-lineup .p-lineup-item .p-lineup-item_inner .p-lineup-item_desc .p-lineup-item_note { font-size: 13px; font-weight: 600; line-height: 1.69231; margin-top: 8px; letter-spacing: 0; } } @media screen and (max-width: 767px) { #mainContents .p-lineup .p-lineup-item .p-lineup-item_inner .p-lineup-item_desc .p-lineup-item_note { font-size: 2.93333vw; font-weight: 600; line-height: 1.6; margin-top: 2.4vw; letter-spacing: 0; } } @media screen and (min-width: 768px) { #mainContents .p-lineup .p-lineup-item .p-lineup-item_inner .p-lineup-item_desc .p-lineup-item_dl { font-size: 16px; font-weight: 700; line-height: 1.7; margin-top: 18px; padding-top: 18px; letter-spacing: 0; } } @media screen and (max-width: 767px) { #mainContents .p-lineup .p-lineup-item .p-lineup-item_inner .p-lineup-item_desc .p-lineup-item_dl { font-size: 3.46667vw; font-weight: 700; line-height: 1.47692; margin-top: 1.86667vw; padding-top: 2.4vw; letter-spacing: 0; } } #mainContents .p-lineup .p-lineup-item .p-lineup-item_inner .p-lineup-item_desc .p-lineup-item_dl .p-lineup-item_dl_inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } #mainContents .p-lineup .p-lineup-item .p-lineup-item_inner .p-lineup-item_desc .p-lineup-item_linkList { -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; transition: opacity 1s, transform 1s, -webkit-transform 1s; -webkit-transition-delay: 1.3s; transition-delay: 1.3s; -webkit-transform: translateY(50px); transform: translateY(50px); opacity: 0; } @media screen and (min-width: 768px) { #mainContents .p-lineup .p-lineup-item .p-lineup-item_inner .p-lineup-item_desc .p-lineup-item_linkList { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 580px; padding-top: 18px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } } @media screen and (max-width: 767px) { #mainContents .p-lineup .p-lineup-item .p-lineup-item_inner .p-lineup-item_desc .p-lineup-item_linkList { width: 74.93333vw; margin: 4.8vw auto 0; } } @media screen and (min-width: 768px) { #mainContents .p-lineup .p-lineup-item .p-lineup-item_inner .p-lineup-item_desc .p-lineup-item_linkList .p-lineup-item_btn { width: 280px; } } @media screen and (max-width: 767px) { #mainContents .p-lineup .p-lineup-item .p-lineup-item_inner .p-lineup-item_desc .p-lineup-item_linkList .p-lineup-item_btn + .p-lineup-item_btn { margin-top: 5.33333vw; } } #mainContents .p-lineup .p-lineup-item .p-lineup-item_inner .p-lineup-item_desc .p-lineup-item_linkList .p-lineup-item_btn a { position: relative; display: block; background-color: rgba(255, 255, 255, .5); } @media screen and (min-width: 768px) { #mainContents .p-lineup .p-lineup-item .p-lineup-item_inner .p-lineup-item_desc .p-lineup-item_linkList .p-lineup-item_btn a { font-size: 18px; font-weight: 700; line-height: 1.5; padding: 12px 33px 14px; -webkit-transition: background-color .3s; transition: background-color .3s; letter-spacing: 0; border: 3px solid #fff; border-radius: 5px; -webkit-box-shadow: 5px 7px 11px 0 rgba(0, 0, 0, .16); box-shadow: 5px 7px 11px 0 rgba(0, 0, 0, .16); } } @media screen and (max-width: 767px) { #mainContents .p-lineup .p-lineup-item .p-lineup-item_inner .p-lineup-item_desc .p-lineup-item_linkList .p-lineup-item_btn a { font-size: 3.46667vw; font-weight: 700; line-height: 1.38462; width: 100%; padding: 5.33333vw 3.73333vw 4.26667vw; letter-spacing: 0; border: .8vw solid #fff; border-radius: 1.33333vw; -webkit-box-shadow: 1.33333vw 1.86667vw 2.93333vw 0 rgba(0, 0, 0, .16); box-shadow: 1.33333vw 1.86667vw 2.93333vw 0 rgba(0, 0, 0, .16); } } #mainContents .p-lineup .p-lineup-item .p-lineup-item_inner .p-lineup-item_desc .p-lineup-item_linkList .p-lineup-item_btn a::after { position: absolute; top: 50%; display: block; content: ''; -webkit-transform: translateY(-50%); transform: translateY(-50%); background-color: #191414; -webkit-mask-position: center center; mask-position: center center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-image: url('../img/common/arrow_02_pc.svg'); mask-image: url('../img/common/arrow_02_pc.svg'); } @media screen and (min-width: 768px) { #mainContents .p-lineup .p-lineup-item .p-lineup-item_inner .p-lineup-item_desc .p-lineup-item_linkList .p-lineup-item_btn a::after { right: 22px; width: 8px; height: 17px; -webkit-transition: background-color .3s; transition: background-color .3s; } } @media screen and (max-width: 767px) { #mainContents .p-lineup .p-lineup-item .p-lineup-item_inner .p-lineup-item_desc .p-lineup-item_linkList .p-lineup-item_btn a::after { right: 3.2vw; width: 2.02933vw; height: 4.43733vw; } } @media screen and (min-width: 768px) { #mainContents .p-lineup .p-lineup-item .p-lineup-item_inner .p-lineup-item_desc .p-lineup-item_linkList .p-lineup-item_btn a:hover { background-color: white; } } #mainContents .p-lineup .p-lineup-item.is-active .p-lineup-item_inner .p-lineup-item_img, #mainContents .p-lineup .p-lineup-item.is-active .p-lineup-item_inner .p-lineup-item_hdg, #mainContents .p-lineup .p-lineup-item.is-active .p-lineup-item_inner .p-lineup-item_desc_inner, #mainContents .p-lineup .p-lineup-item.is-active .p-lineup-item_inner .p-lineup-item_linkList { -webkit-transform: translateY(0px); transform: translateY(0px); opacity: 1; } @media screen and (min-width: 768px) { #mainContents .p-lineup .p-lineup-item.-superdry::before { width: 1488.41px; height: 825.97px; background-image: url('../img/lineup/superdry/bg_01_pc.png'); } } @media screen and (max-width: 767px) { #mainContents .p-lineup .p-lineup-item.-superdry::before { background-image: url('../img/lineup/superdry/bg_01_sp.png'); } } @media screen and (min-width: 768px) { #mainContents .p-lineup .p-lineup-item.-superdry .p-lineup-item_inner { height: 802px; padding: 126px 0 0; } } @media screen and (max-width: 767px) { #mainContents .p-lineup .p-lineup-item.-superdry .p-lineup-item_inner { height: 225.52vw; padding: 80.53333vw 0 0; } } @media screen and (min-width: 768px) { #mainContents .p-lineup .p-lineup-item.-superdry .p-lineup-item_inner .p-lineup-item_img { top: 50px; width: 786px; } } @media screen and (max-width: 767px) { #mainContents .p-lineup .p-lineup-item.-superdry .p-lineup-item_inner .p-lineup-item_img { top: 13.06667vw; left: 8.8vw; width: 80.26667vw; } } @media screen and (min-width: 768px) { #mainContents .p-lineup .p-lineup-item.-superdry .p-lineup-item_inner .p-lineup-item_img img { -webkit-transform: translateX(76px); transform: translateX(76px); } } @media screen and (min-width: 768px) { #mainContents .p-lineup .p-lineup-item.-superdry .p-lineup-item_hdg { width: 728px; } } @media screen and (max-width: 767px) { #mainContents .p-lineup .p-lineup-item.-superdry .p-lineup-item_hdg { width: 89.33333vw; } } @media screen and (min-width: 768px) { #mainContents .p-lineup .p-lineup-item.-superdry .p-lineup-item_desc { width: 728px; } } #mainContents .p-lineup .p-lineup-item.-superdry .p-lineup-item_desc .p-lineup-item_desc_inner { color: #191414; } @media screen and (min-width: 768px) { #mainContents .p-lineup .p-lineup-item.-superdry .p-lineup-item_desc .p-lineup-item_desc_inner { width: 463px; } } #mainContents .p-lineup .p-lineup-item.-superdry .p-lineup-item_desc .p-lineup-item_dl { border-top: 1px solid #000; } @media screen and (min-width: 768px) { #mainContents .p-lineup .p-lineup-item.-stylefree::before { width: 1502.78px; height: 826.29px; background-image: url('../img/lineup/stylefree/bg_01_pc.png'); } } @media screen and (max-width: 767px) { #mainContents .p-lineup .p-lineup-item.-stylefree::before { background-image: url('../img/lineup/stylefree/bg_01_sp.png'); } } @media screen and (min-width: 768px) { #mainContents .p-lineup .p-lineup-item.-stylefree .p-lineup-item_inner { height: 880px; padding: 51px 0 0; } } @media screen and (max-width: 767px) { #mainContents .p-lineup .p-lineup-item.-stylefree .p-lineup-item_inner { height: 228.56vw; padding: 80.26667vw 0 0; } } @media screen and (min-width: 768px) { #mainContents .p-lineup .p-lineup-item.-stylefree .p-lineup-item_inner .p-lineup-item_img { top: 165px; width: 743px; } } @media screen and (max-width: 767px) { #mainContents .p-lineup .p-lineup-item.-stylefree .p-lineup-item_inner .p-lineup-item_img { top: 15.2vw; left: -2.66667vw; width: 91.73333vw; } } @media screen and (min-width: 768px) { #mainContents .p-lineup .p-lineup-item.-stylefree .p-lineup-item_inner .p-lineup-item_img img { -webkit-transform: translateX(-69px); transform: translateX(-69px); } } @media screen and (min-width: 768px) { #mainContents .p-lineup .p-lineup-item.-stylefree .p-lineup-item_hdg { width: 654px; } } @media screen and (max-width: 767px) { #mainContents .p-lineup .p-lineup-item.-stylefree .p-lineup-item_hdg { width: 74.93333vw; } } @media screen and (max-width: 767px) { #mainContents .p-lineup .p-lineup-item.-stylefree .p-lineup-item_hdg img { width: 75.91733vw; } } @media screen and (min-width: 768px) { #mainContents .p-lineup .p-lineup-item.-stylefree .p-lineup-item_desc { width: 589px; } } #mainContents .p-lineup .p-lineup-item.-stylefree .p-lineup-item_desc .p-lineup-item_desc_inner { color: #fff; } @media screen and (min-width: 768px) { #mainContents .p-lineup .p-lineup-item.-stylefree .p-lineup-item_desc .p-lineup-item_desc_inner { width: 589px; text-shadow: 0 0 10px #168103; } } @media screen and (max-width: 767px) { #mainContents .p-lineup .p-lineup-item.-stylefree .p-lineup-item_desc .p-lineup-item_desc_inner { text-shadow: 0 0 2.66667vw #168103; } } #mainContents .p-lineup .p-lineup-item.-stylefree .p-lineup-item_desc .p-lineup-item_dl { border-top: 1px solid #fff; } @media screen and (min-width: 768px) { #mainContents .p-lineup .p-lineup-item.-clear::before { width: 1488.41px; height: 843.91px; background-image: url('../img/lineup/clear/bg_01_pc.png'); } } @media screen and (max-width: 767px) { #mainContents .p-lineup .p-lineup-item.-clear::before { background-image: url('../img/lineup/clear/bg_01_sp.png'); } } @media screen and (min-width: 768px) { #mainContents .p-lineup .p-lineup-item.-clear .p-lineup-item_inner { height: 820px; padding: 132px 0 0; } } @media screen and (max-width: 767px) { #mainContents .p-lineup .p-lineup-item.-clear .p-lineup-item_inner { height: 237.69867vw; padding: 81.06667vw 0 0; } } @media screen and (min-width: 768px) { #mainContents .p-lineup .p-lineup-item.-clear .p-lineup-item_inner .p-lineup-item_img { top: 105px; width: 586px; } } @media screen and (max-width: 767px) { #mainContents .p-lineup .p-lineup-item.-clear .p-lineup-item_inner .p-lineup-item_img { top: 13.33333vw; left: -2.66667vw; width: 86.93333vw; } } @media screen and (min-width: 768px) { #mainContents .p-lineup .p-lineup-item.-clear .p-lineup-item_inner .p-lineup-item_img img { -webkit-transform: translateX(89px); transform: translateX(89px); } } @media screen and (min-width: 768px) { #mainContents .p-lineup .p-lineup-item.-clear .p-lineup-item_hdg { width: 662px; } } @media screen and (max-width: 767px) { #mainContents .p-lineup .p-lineup-item.-clear .p-lineup-item_hdg { width: 74.93333vw; } } @media screen and (min-width: 768px) { #mainContents .p-lineup .p-lineup-item.-clear .p-lineup-item_hdg img { -webkit-transform: translateX(-65px); transform: translateX(-65px); } } @media screen and (max-width: 767px) { #mainContents .p-lineup .p-lineup-item.-clear .p-lineup-item_hdg img { width: 73.32267vw; } } @media screen and (min-width: 768px) { #mainContents .p-lineup .p-lineup-item.-clear .p-lineup-item_desc { width: 656px; } } #mainContents .p-lineup .p-lineup-item.-clear .p-lineup-item_desc .p-lineup-item_desc_inner { color: #191414; } @media screen and (min-width: 768px) { #mainContents .p-lineup .p-lineup-item.-clear .p-lineup-item_desc .p-lineup-item_desc_inner { width: 656px; margin-top: 12px; } } #mainContents .p-lineup .p-lineup-item.-clear .p-lineup-item_desc .p-lineup-item_dl { border-top: 1px solid #000; } @media screen and (min-width: 768px) { #mainContents .p-lineup .p-lineup-item.-shokusai::before { width: 1498.44px; height: 815.03px; background-image: url('../img/lineup/shokusai/bg_01_pc.png'); } } @media screen and (max-width: 767px) { #mainContents .p-lineup .p-lineup-item.-shokusai::before { background-image: url('../img/lineup/shokusai/bg_01_sp.png'); } } @media screen and (min-width: 768px) { #mainContents .p-lineup .p-lineup-item.-shokusai .p-lineup-item_inner { height: 866px; padding: 137px 0 0; } } @media screen and (max-width: 767px) { #mainContents .p-lineup .p-lineup-item.-shokusai .p-lineup-item_inner { height: 222.34133vw; padding: 81.06667vw 0 0; } } @media screen and (min-width: 768px) { #mainContents .p-lineup .p-lineup-item.-shokusai .p-lineup-item_inner .p-lineup-item_img { top: 97px; width: 372.47px; } } @media screen and (max-width: 767px) { #mainContents .p-lineup .p-lineup-item.-shokusai .p-lineup-item_inner .p-lineup-item_img { top: 2.13333vw; left: 18.93333vw; width: 50.93333vw; } } @media screen and (min-width: 768px) { #mainContents .p-lineup .p-lineup-item.-shokusai .p-lineup-item_inner .p-lineup-item_img img { -webkit-transform: translateX(-134px); transform: translateX(-134px); } } @media screen and (min-width: 768px) { #mainContents .p-lineup .p-lineup-item.-shokusai .p-lineup-item_hdg { width: 517.36px; } } @media screen and (max-width: 767px) { #mainContents .p-lineup .p-lineup-item.-shokusai .p-lineup-item_hdg { width: 74.93333vw; } } @media screen and (max-width: 767px) { #mainContents .p-lineup .p-lineup-item.-shokusai .p-lineup-item_hdg img { width: 68.47467vw; } } @media screen and (min-width: 768px) { #mainContents .p-lineup .p-lineup-item.-shokusai .p-lineup-item_desc { width: 589px; } } #mainContents .p-lineup .p-lineup-item.-shokusai .p-lineup-item_desc .p-lineup-item_desc_inner { color: #191414; } @media screen and (min-width: 768px) { #mainContents .p-lineup .p-lineup-item.-shokusai .p-lineup-item_desc .p-lineup-item_desc_inner { width: 589px; } } #mainContents .p-lineup .p-lineup-item.-shokusai .p-lineup-item_desc .p-lineup-item_dl { border-top: 1px solid #191414; } @media screen and (min-width: 768px) { #mainContents .p-lineup .p-lineup-item.-dryzero::before { width: 1485.78px; height: 814.41px; background-image: url('../img/lineup/dryzero/bg_01_pc.png'); } } @media screen and (max-width: 767px) { #mainContents .p-lineup .p-lineup-item.-dryzero::before { background-image: url('../img/lineup/dryzero/bg_01_sp.png'); } } @media screen and (min-width: 768px) { #mainContents .p-lineup .p-lineup-item.-dryzero .p-lineup-item_inner { height: 870px; padding: 144px 0 0; } } @media screen and (max-width: 767px) { #mainContents .p-lineup .p-lineup-item.-dryzero .p-lineup-item_inner { height: 221.52533vw; padding: 80.53333vw 0 0; } } @media screen and (min-width: 768px) { #mainContents .p-lineup .p-lineup-item.-dryzero .p-lineup-item_inner .p-lineup-item_img { top: 22px; width: 377.5px; } } @media screen and (max-width: 767px) { #mainContents .p-lineup .p-lineup-item.-dryzero .p-lineup-item_inner .p-lineup-item_img { top: 1.06667vw; left: 17.33333vw; width: 58.66667vw; } } @media screen and (min-width: 768px) { #mainContents .p-lineup .p-lineup-item.-dryzero .p-lineup-item_inner .p-lineup-item_img img { -webkit-transform: translateX(161px); transform: translateX(161px); } } @media screen and (min-width: 768px) { #mainContents .p-lineup .p-lineup-item.-dryzero .p-lineup-item_hdg { width: 660px; } } @media screen and (max-width: 767px) { #mainContents .p-lineup .p-lineup-item.-dryzero .p-lineup-item_hdg { width: 74.93333vw; } } @media screen and (max-width: 767px) { #mainContents .p-lineup .p-lineup-item.-dryzero .p-lineup-item_hdg img { width: 83.456vw; } } @media screen and (min-width: 768px) { #mainContents .p-lineup .p-lineup-item.-dryzero .p-lineup-item_desc { width: 660px; } } #mainContents .p-lineup .p-lineup-item.-dryzero .p-lineup-item_desc .p-lineup-item_desc_inner { color: #191414; } @media screen and (min-width: 768px) { #mainContents .p-lineup .p-lineup-item.-dryzero .p-lineup-item_desc .p-lineup-item_desc_inner { width: 660px; } } #mainContents .p-lineup .p-lineup-item.-dryzero .p-lineup-item_desc .p-lineup-item_dl { border-top: 1px solid #000; } #mainContents .p-tanoshimi { background-repeat: no-repeat; background-position: top center; } @media screen and (min-width: 768px) { #mainContents .p-tanoshimi { width: 100%; margin-top: -222px; padding: 205px 0 110px; background-image: url('../img/tanoshimi/bg_01_pc.png'); background-size: 1920px; } } @media screen and (max-width: 767px) { #mainContents .p-tanoshimi { width: 100%; margin-top: -6.13333vw; padding: 20.26667vw 0 16vw; background-image: url('../img/tanoshimi/bg_01_sp.png'); background-size: cover; } } #mainContents .p-tanoshimi .p-tanoshimi_hdg { margin: 0 auto; } @media screen and (min-width: 768px) { #mainContents .p-tanoshimi .p-tanoshimi_hdg { width: 960.98px; } } @media screen and (max-width: 767px) { #mainContents .p-tanoshimi .p-tanoshimi_hdg { width: 89.33333vw; } } #mainContents .p-tanoshimi .p-tanoshimi_lead { margin: 0 auto; } @media screen and (min-width: 768px) { #mainContents .p-tanoshimi .p-tanoshimi_lead { width: 952px; margin-top: 80px; } } @media screen and (max-width: 767px) { #mainContents .p-tanoshimi .p-tanoshimi_lead { width: 84.8vw; margin-top: 7.73333vw; } } @media screen and (min-width: 768px) { #mainContents .p-tanoshimi .p-tanoshimi_lead img { width: 879px; } } #mainContents .p-tanoshimi .p-tanoshimi_video { position: relative; display: block; overflow: hidden; margin: 0 auto; background-color: #000; } @media screen and (min-width: 768px) { #mainContents .p-tanoshimi .p-tanoshimi_video { width: 952px; height: 537px; margin-top: 60px; border-radius: 20px; } } @media screen and (max-width: 767px) { #mainContents .p-tanoshimi .p-tanoshimi_video { width: 89.06667vw; margin-top: 10.66667vw; border-radius: 2.13333vw; } } #mainContents .p-tanoshimi .p-tanoshimi_video img { opacity: .56; } @media screen and (min-width: 768px) { #mainContents .p-tanoshimi .p-tanoshimi_video img { -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; } } #mainContents .p-tanoshimi .p-tanoshimi_video::before, #mainContents .p-tanoshimi .p-tanoshimi_video::after { position: absolute; top: 50%; left: 50%; display: block; content: ''; } #mainContents .p-tanoshimi .p-tanoshimi_video::before { z-index: 1; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border-radius: 50%; } @media screen and (min-width: 768px) { #mainContents .p-tanoshimi .p-tanoshimi_video::before { width: 130px; height: 130px; -webkit-transition: border-color .3s, background-color .3s; transition: border-color .3s, background-color .3s; border: 2px solid #fff; } } @media screen and (max-width: 767px) { #mainContents .p-tanoshimi .p-tanoshimi_video::before { width: 12.32533vw; height: 12.32533vw; border: 1px solid #fff; } } #mainContents .p-tanoshimi .p-tanoshimi_video::after { z-index: 2; -webkit-transform: translate(-40%, -50%); transform: translate(-40%, -50%); background-color: #fff; -webkit-clip-path: polygon(0 0, 100% 50%, 0 100%); clip-path: polygon(0 0, 100% 50%, 0 100%); } @media screen and (min-width: 768px) { #mainContents .p-tanoshimi .p-tanoshimi_video::after { width: 49px; height: 31px; } } @media screen and (max-width: 767px) { #mainContents .p-tanoshimi .p-tanoshimi_video::after { width: 4.57333vw; height: 2.88267vw; } } @media screen and (min-width: 768px) { #mainContents .p-tanoshimi .p-tanoshimi_video:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); } } @media screen and (min-width: 768px) { #mainContents .p-tanoshimi .p-tanoshimi_video:hover::before { border-color: #d9312b; background-color: #d9312b; } } #mainContents .p-detail { overflow: hidden; background-repeat: repeat-y; background-size: 100%; } @media screen and (min-width: 768px) { #mainContents .p-detail { padding: 111px 0; background-image: url('../img/detail/bg_01_pc.jpg'); } } @media screen and (max-width: 767px) { #mainContents .p-detail { padding: 16vw 0 26.13333vw; background-image: url('../img/detail/bg_01_sp.jpg'); } } #mainContents .p-detail .p-detail_inner { margin: 0 auto; } @media screen and (min-width: 768px) { #mainContents .p-detail .p-detail_inner { width: 1064px; } } @media screen and (max-width: 767px) { #mainContents .p-detail .p-detail_inner { width: 89.33333vw; } } #mainContents .p-detail .p-detail-info-table-wrapper { position: relative; } @media screen and (min-width: 768px) { #mainContents .p-detail .p-detail-info-table-wrapper { margin-top: 17px; } } @media screen and (max-width: 767px) { #mainContents .p-detail .p-detail-info-table-wrapper { margin-top: 7.46667vw; } } @media screen and (max-width: 767px) { #mainContents .p-detail .p-detail-info-table-wrapper:before, #mainContents .p-detail .p-detail-info-table-wrapper:after { position: absolute; top: 0; display: block; width: 5.33333vw; height: 100%; content: ''; } } @media screen and (max-width: 767px) { #mainContents .p-detail .p-detail-info-table-wrapper:before { left: 0; background: -webkit-gradient(linear, right top, left top, from(rgba(214, 214, 214, 0)), to(#d6d6d6)); background: -webkit-linear-gradient(right, rgba(214, 214, 214, 0), #d6d6d6); background: linear-gradient(to left, rgba(214, 214, 214, 0), #d6d6d6); } } @media screen and (max-width: 767px) { #mainContents .p-detail .p-detail-info-table-wrapper:after { right: 0; background: -webkit-gradient(linear, left top, right top, from(rgba(243, 243, 243, 0)), to(#f3f3f3)); background: -webkit-linear-gradient(left, rgba(243, 243, 243, 0), #f3f3f3); background: linear-gradient(to right, rgba(243, 243, 243, 0), #f3f3f3); } } #mainContents .p-detail .p-detail-info-table-wrapper .p-detail-info-table-inner { margin: 0 auto; } @media screen and (min-width: 768px) { #mainContents .p-detail .p-detail-info-table-wrapper .p-detail-info-table-inner { width: 1064px; } } @media screen and (max-width: 767px) { #mainContents .p-detail .p-detail-info-table-wrapper .p-detail-info-table-inner { overflow: scroll; padding: 0 5.33333vw; } } #mainContents .p-detail .p-detail-info-table { width: 100%; table-layout: fixed; text-align: left; } #mainContents .p-detail .p-detail-info-table th, #mainContents .p-detail .p-detail-info-table td { -webkit-box-sizing: border-box; box-sizing: border-box; vertical-align: middle; color: #fff; } @media screen and (min-width: 768px) { #mainContents .p-detail .p-detail-info-table th.p-detail-info-table-cel { padding: 2px; } } @media screen and (max-width: 767px) { #mainContents .p-detail .p-detail-info-table th.p-detail-info-table-cel { padding: 2px; } } #mainContents .p-detail .p-detail-info-table th.p-detail-info-table-cel span { display: block; height: 100%; text-align: center; color: #fff; background-color: #191414; } @media screen and (min-width: 768px) { #mainContents .p-detail .p-detail-info-table th.p-detail-info-table-cel span { font-size: 16px; font-weight: 700; line-height: 1; padding: 24px 10px 21px; letter-spacing: 0; } } @media screen and (max-width: 767px) { #mainContents .p-detail .p-detail-info-table th.p-detail-info-table-cel span { font-size: 3.73333vw; font-weight: 700; line-height: 1; padding: 3.73333vw 2.66667vw 3.2vw; letter-spacing: 0; } } @media screen and (min-width: 768px) { #mainContents .p-detail .p-detail-info-table td.p-detail-info-table-cel { padding: 2px; } } @media screen and (max-width: 767px) { #mainContents .p-detail .p-detail-info-table td.p-detail-info-table-cel { padding: 2px; } } #mainContents .p-detail .p-detail-info-table td.p-detail-info-table-cel span { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; text-align: left; color: #191414; border: 1px solid #191414; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } @media screen and (min-width: 768px) { #mainContents .p-detail .p-detail-info-table td.p-detail-info-table-cel span { font-size: 16px; font-weight: 700; line-height: 1.6875; letter-spacing: 0; } } @media screen and (max-width: 767px) { #mainContents .p-detail .p-detail-info-table td.p-detail-info-table-cel span { font-size: 4vw; font-weight: 700; line-height: 1.49333; letter-spacing: 0; } } @media screen and (min-width: 768px) { #mainContents .p-detail .p-detail-info-table td.p-detail-info-table-cel span.-l3 { height: 100px; } } @media screen and (max-width: 767px) { #mainContents .p-detail .p-detail-info-table td.p-detail-info-table-cel span.-l3 { height: 22.13333vw; } } @media screen and (min-width: 768px) { #mainContents .p-detail .p-detail-info-table td.p-detail-info-table-cel span.-l5 { height: 154px; } } @media screen and (max-width: 767px) { #mainContents .p-detail .p-detail-info-table td.p-detail-info-table-cel span.-l5 { height: 34.13333vw; } } #mainContents .p-detail .p-detail-info-table td.p-detail-info-table-cel.col-L span { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } @media screen and (min-width: 768px) { #mainContents .p-detail .p-detail-info-table td.p-detail-info-table-cel.col-L span { padding-left: 50px; } } @media screen and (max-width: 767px) { #mainContents .p-detail .p-detail-info-table td.p-detail-info-table-cel.col-L span { padding-left: 2.66667vw; } } @media screen and (min-width: 768px) { #mainContents .p-detail .p-detail-info-table .p-detail-info-table-empty { display: none; } } @media screen and (max-width: 767px) { #mainContents .p-detail .p-detail-info-table .p-detail-info-table-empty { width: 5.33333vw; } } @media screen and (min-width: 768px) { #mainContents .p-detail .p-detail-info-table .col-L { width: 446px; } } @media screen and (max-width: 767px) { #mainContents .p-detail .p-detail-info-table .col-L { width: 94.13333vw; } } @media screen and (min-width: 768px) { #mainContents .p-detail .p-detail-info-table .col-S1 { width: 264px; } } @media screen and (max-width: 767px) { #mainContents .p-detail .p-detail-info-table .col-S1 { width: 45.6vw; } } @media screen and (min-width: 768px) { #mainContents .p-detail .p-detail-info-table .col-S2 { width: 354px; } } @media screen and (max-width: 767px) { #mainContents .p-detail .p-detail-info-table .col-S2 { width: 61.86667vw; } } @media screen and (min-width: 768px) { #mainContents .p-detail .p-detail-info-note-list { margin-top: 18px; } } @media screen and (max-width: 767px) { #mainContents .p-detail .p-detail-info-note-list { margin-top: 4.8vw; } } #mainContents .p-detail .p-detail-info-note-list .p-detail-info-note { padding-left: 1em; text-indent: -1em; } @media screen and (min-width: 768px) { #mainContents .p-detail .p-detail-info-note-list .p-detail-info-note { font-size: 14px; font-weight: 700; line-height: 1.6; letter-spacing: 0; } } @media screen and (max-width: 767px) { #mainContents .p-detail .p-detail-info-note-list .p-detail-info-note { font-size: 2.93333vw; font-weight: 700; line-height: 1.6; letter-spacing: 0; } } @media screen and (min-width: 768px) { #mainContents .p-detail .p-detail-attention-wrapper { margin-top: 58px; } } @media screen and (max-width: 767px) { #mainContents .p-detail .p-detail-attention-wrapper { margin-top: 10.13333vw; } } #mainContents .p-detail .p-detail-attention-wrapper .p-detail-attention-hdg { background-color: #d9312b; } @media screen and (min-width: 768px) { #mainContents .p-detail .p-detail-attention-wrapper .p-detail-attention-hdg { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; padding: 22px 83px 22px 108px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } } @media screen and (max-width: 767px) { #mainContents .p-detail .p-detail-attention-wrapper .p-detail-attention-hdg { padding: 5.06667vw 7.2vw 5.86667vw; } } @media screen and (min-width: 768px) { #mainContents .p-detail .p-detail-attention-wrapper .p-detail-attention-hdg .p-detail-attention-description { width: 674px; } } #mainContents .p-detail .p-detail-attention-wrapper .p-detail-attention-hdg .p-detail-attention-description .p-detail-attention-description-txt { color: #fff; } @media screen and (min-width: 768px) { #mainContents .p-detail .p-detail-attention-wrapper .p-detail-attention-hdg .p-detail-attention-description .p-detail-attention-description-txt { font-size: 22px; font-weight: 700; line-height: 1.45455; letter-spacing: 0; } } @media screen and (max-width: 767px) { #mainContents .p-detail .p-detail-attention-wrapper .p-detail-attention-hdg .p-detail-attention-description .p-detail-attention-description-txt { font-size: 3.73333vw; font-weight: 700; line-height: 1.6; letter-spacing: 0; } } @media screen and (min-width: 768px) { #mainContents .p-detail .p-detail-attention-wrapper .p-detail-attention-hdg .p-detail-attention-img { width: 176px; } } @media screen and (max-width: 767px) { #mainContents .p-detail .p-detail-attention-wrapper .p-detail-attention-hdg .p-detail-attention-img { width: 36.53333vw; margin: 5.06667vw auto 0; } } #mainContents .p-detail .p-detail-attention-wrapper .p-detail-attention-hdg .p-detail-attention-img img { width: 100%; } @media screen and (min-width: 768px) { #mainContents .p-detail .p-detail-attention-wrapper .p-detail-attention-inner { padding: 45px 17px 37px; border-right: solid 6px #d9312b; border-bottom: solid 6px #d9312b; border-left: solid 6px #d9312b; } } @media screen and (max-width: 767px) { #mainContents .p-detail .p-detail-attention-wrapper .p-detail-attention-inner { padding: 4.8vw 5.86667vw 5.86667vw; border-right: solid 1.33333vw #d9312b; border-bottom: solid 1.33333vw #d9312b; border-left: solid 1.33333vw #d9312b; } } #mainContents .p-detail .p-detail-attention-wrapper .p-detail-attention-txt { color: #191414; } @media screen and (min-width: 768px) { #mainContents .p-detail .p-detail-attention-wrapper .p-detail-attention-txt { font-size: 22px; font-weight: 700; line-height: 1.5; text-align: center; letter-spacing: 0; } } @media screen and (max-width: 767px) { #mainContents .p-detail .p-detail-attention-wrapper .p-detail-attention-txt { font-size: 4vw; font-weight: 700; line-height: 1.49333; letter-spacing: 0; } } #mainContents .p-detail .p-detail-attention-wrapper .p-detail-attention-txt a { color: #fff; } #mainContents .p-detail .p-detail-attention-wrapper .p-detail-attention-txt .p-detail-attention-link { position: relative; border-bottom: 2px solid #fff; } @media screen and (min-width: 768px) { #mainContents .p-detail .p-detail-attention-wrapper .p-detail-attention-txt .p-detail-attention-link { margin-right: 12px; padding-right: 23px; -webkit-transition: .5s; transition: .5s; } #mainContents .p-detail .p-detail-attention-wrapper .p-detail-attention-txt .p-detail-attention-link:hover { opacity: .5; } } @media screen and (max-width: 767px) { #mainContents .p-detail .p-detail-attention-wrapper .p-detail-attention-txt .p-detail-attention-link { margin-right: 1.6vw; padding-right: 4.53333vw; } } #mainContents .p-detail .p-detail-attention-wrapper .p-detail-attention-txt .p-detail-attention-link::after { position: absolute; z-index: 1; top: 50%; right: 0; content: ''; -webkit-transform: translateY(-50%); transform: translateY(-50%); } @media screen and (min-width: 768px) { #mainContents .p-detail .p-detail-attention-wrapper .p-detail-attention-txt .p-detail-attention-link::after { background: url('../img/img-caution-icon-01-pc.svg') no-repeat top center/cover; } } @media screen and (max-width: 767px) { #mainContents .p-detail .p-detail-attention-wrapper .p-detail-attention-txt .p-detail-attention-link::after { background: url('../img/img-caution-icon-01-sp.svg') no-repeat top center/cover; } } @media screen and (min-width: 768px) { #mainContents .p-detail .p-detail-attention-wrapper .p-detail-attention-2column { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 40px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } } @media screen and (max-width: 767px) { #mainContents .p-detail .p-detail-attention-wrapper .p-detail-attention-2column { margin-top: 7.73333vw; } } @media screen and (min-width: 768px) { #mainContents .p-detail .p-detail-attention-wrapper .p-detail-attention-2column .p-detail-attention-2column-item { width: 392px; } } @media screen and (min-width: 768px) { #mainContents .p-detail .p-detail-attention-wrapper .p-detail-attention-2column .p-detail-attention-2column-item + .p-detail-attention-2column-item { margin-left: 56px; } } @media screen and (max-width: 767px) { #mainContents .p-detail .p-detail-attention-wrapper .p-detail-attention-2column .p-detail-attention-2column-item + .p-detail-attention-2column-item { margin-top: 10.66667vw; } } #mainContents .p-detail .p-detail-attention-wrapper .p-detail-attention-2column .p-detail-attention-2column-item .p-detail-attention-2column-item-hdg { text-align: center; color: #fff; background-color: #191414; } @media screen and (min-width: 768px) { #mainContents .p-detail .p-detail-attention-wrapper .p-detail-attention-2column .p-detail-attention-2column-item .p-detail-attention-2column-item-hdg { font-size: 16px; font-weight: 700; line-height: 1.5; padding: 8px 5px 9px; letter-spacing: 0; } } @media screen and (max-width: 767px) { #mainContents .p-detail .p-detail-attention-wrapper .p-detail-attention-2column .p-detail-attention-2column-item .p-detail-attention-2column-item-hdg { font-size: 3.73333vw; font-weight: 700; line-height: 1.5; padding: 1.33333vw 1.33333vw 1.06667vw; letter-spacing: 0; } } #mainContents .p-detail .p-detail-attention-wrapper .p-detail-attention-2column .p-detail-attention-2column-item .p-detail-attention-2column-item-link { position: relative; display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box; color: #fff; background-color: #d9312b; } @media screen and (min-width: 768px) { #mainContents .p-detail .p-detail-attention-wrapper .p-detail-attention-2column .p-detail-attention-2column-item .p-detail-attention-2column-item-link { width: 392px; margin-top: 40px; padding: 13px 17px 14px 33px; -webkit-transition: background-color .3s, color .3s; transition: background-color .3s, color .3s; border: 3px solid #d9312b; border-radius: 5px; -webkit-box-shadow: 5px 7px 11px 0 rgba(0, 0, 0, .16); box-shadow: 5px 7px 11px 0 rgba(0, 0, 0, .16); } } @media screen and (max-width: 767px) { #mainContents .p-detail .p-detail-attention-wrapper .p-detail-attention-2column .p-detail-attention-2column-item .p-detail-attention-2column-item-link { width: 100%; margin-top: 5.33333vw; padding: 5.6vw 4.8vw 4.8vw; border-radius: 1.33333vw; -webkit-box-shadow: 1.33333vw 1.86667vw 2.93333vw 0 rgba(0, 0, 0, .16); box-shadow: 1.33333vw 1.86667vw 2.93333vw 0 rgba(0, 0, 0, .16); } } #mainContents .p-detail .p-detail-attention-wrapper .p-detail-attention-2column .p-detail-attention-2column-item .p-detail-attention-2column-item-link .p-detail-attention-2column-item-link-text { position: relative; z-index: 3; display: block; text-align: left; } @media screen and (min-width: 768px) { #mainContents .p-detail .p-detail-attention-wrapper .p-detail-attention-2column .p-detail-attention-2column-item .p-detail-attention-2column-item-link .p-detail-attention-2column-item-link-text { font-size: 18px; font-weight: 600; line-height: 1.5; letter-spacing: 0; } } @media screen and (max-width: 767px) { #mainContents .p-detail .p-detail-attention-wrapper .p-detail-attention-2column .p-detail-attention-2column-item .p-detail-attention-2column-item-link .p-detail-attention-2column-item-link-text { font-size: 3.73333vw; font-weight: 700; line-height: 1.5; letter-spacing: 0; } } #mainContents .p-detail .p-detail-attention-wrapper .p-detail-attention-2column .p-detail-attention-2column-item .p-detail-attention-2column-item-link .p-detail-attention-2column-item-link-text::before { position: absolute; z-index: 1; top: 50%; right: 0; content: ''; -webkit-transform: translateY(-50%); transform: translateY(-50%); background-color: #fff; -webkit-mask-position: center center; mask-position: center center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-image: url('../img/common/icon_blank.svg'); mask-image: url('../img/common/icon_blank.svg'); } @media screen and (min-width: 768px) { #mainContents .p-detail .p-detail-attention-wrapper .p-detail-attention-2column .p-detail-attention-2column-item .p-detail-attention-2column-item-link .p-detail-attention-2column-item-link-text::before { width: 26px; height: 25px; -webkit-transition: background-color .3s; transition: background-color .3s; } } @media screen and (max-width: 767px) { #mainContents .p-detail .p-detail-attention-wrapper .p-detail-attention-2column .p-detail-attention-2column-item .p-detail-attention-2column-item-link .p-detail-attention-2column-item-link-text::before { width: 6.93333vw; height: 6.66667vw; } } #mainContents .p-detail .p-detail-attention-wrapper .p-detail-attention-2column .p-detail-attention-2column-item .p-detail-attention-2column-item-link::before, #mainContents .p-detail .p-detail-attention-wrapper .p-detail-attention-2column .p-detail-attention-2column-item .p-detail-attention-2column-item-link::after { position: absolute; top: 0; content: ''; } @media screen and (min-width: 768px) { #mainContents .p-detail .p-detail-attention-wrapper .p-detail-attention-2column .p-detail-attention-2column-item .p-detail-attention-2column-item-link:hover { color: #d9312b; background-color: #fff; } } @media screen and (min-width: 768px) { #mainContents .p-detail .p-detail-attention-wrapper .p-detail-attention-2column .p-detail-attention-2column-item .p-detail-attention-2column-item-link:hover .p-detail-attention-2column-item-link-text::before { background-color: #d9312b; } } #mainContents .p-detail .p-detail-attention-wrapper .p-detail-attention-2column .p-detail-attention-2column-item .p-detail-attention-2column-item-tel { display: block; } @media screen and (min-width: 768px) { #mainContents .p-detail .p-detail-attention-wrapper .p-detail-attention-2column .p-detail-attention-2column-item .p-detail-attention-2column-item-tel { margin-top: 40px; } } @media screen and (max-width: 767px) { #mainContents .p-detail .p-detail-attention-wrapper .p-detail-attention-2column .p-detail-attention-2column-item .p-detail-attention-2column-item-tel { margin-top: 5.33333vw; } } @media screen and (min-width: 768px) { #mainContents .p-detail .p-detail-attention-wrapper .p-detail-attention-2column .p-detail-attention-2column-item .p-detail-attention-2column-item-tel img { width: 392px; } } @media screen and (max-width: 767px) { #mainContents .p-detail .p-detail-attention-wrapper .p-detail-attention-2column .p-detail-attention-2column-item .p-detail-attention-2column-item-tel img { width: 100%; } } #mainContents .p-detail .p-detail-attention-wrapper .p-detail-attention-2column .p-detail-attention-2column-item .p-detail-attention-2column-item-note { color: #191414; } @media screen and (min-width: 768px) { #mainContents .p-detail .p-detail-attention-wrapper .p-detail-attention-2column .p-detail-attention-2column-item .p-detail-attention-2column-item-note { font-size: 14px; font-weight: 500; line-height: 1.6; margin-top: 31px; letter-spacing: 0; } } @media screen and (max-width: 767px) { #mainContents .p-detail .p-detail-attention-wrapper .p-detail-attention-2column .p-detail-attention-2column-item .p-detail-attention-2column-item-note { font-size: 2.93333vw; font-weight: 500; line-height: 1.6; margin-top: 2.66667vw; letter-spacing: 0; } } @media screen and (min-width: 768px) { #mainContents .p-detail .p-detail-attention-wrapper .p-detail-attention-note { margin-top: 4px; } } @media screen and (max-width: 767px) { #mainContents .p-detail .p-detail-attention-wrapper .p-detail-attention-note { margin-top: 1.06667vw; } } @media screen and (min-width: 768px) { #mainContents .p-detail .p-detail-safety { margin-top: 120px; } } @media screen and (max-width: 767px) { #mainContents .p-detail .p-detail-safety { margin-top: 16.26667vw; } } @media screen and (min-width: 768px) { #mainContents .p-detail .p-detail-safety-title { width: 822.66px; } } @media screen and (max-width: 767px) { #mainContents .p-detail .p-detail-safety-title { width: 89.33333vw; } } @media screen and (min-width: 768px) { #mainContents .p-detail .p-detail-safety-contents { margin-top: 61px; } } @media screen and (max-width: 767px) { #mainContents .p-detail .p-detail-safety-contents { margin-top: 5.33333vw; } } @media screen and (min-width: 768px) { #mainContents .p-detail .p-detail-safety-desc { margin-top: 27px; padding-left: 149px; } } @media screen and (max-width: 767px) { #mainContents .p-detail .p-detail-safety-desc { width: 76vw; margin: 7.73333vw auto 0; } } #mainContents .p-detail .p-detail-safety-text { color: #191414; } @media screen and (min-width: 768px) { #mainContents .p-detail .p-detail-safety-text { font-size: 22px; font-weight: 700; line-height: 1.5; margin-bottom: 8px; letter-spacing: 0; } } @media screen and (max-width: 767px) { #mainContents .p-detail .p-detail-safety-text { font-size: 4.53333vw; font-weight: 700; line-height: 1.6; margin-bottom: 4.8vw; letter-spacing: 0; } } #mainContents .p-detail .p-detail-safety-text .is-red { color: #d9312b; } #mainContents .p-detail .p-detail-safety-caution { color: #191414; } @media screen and (min-width: 768px) { #mainContents .p-detail .p-detail-safety-caution { font-size: 14px; font-weight: 500; line-height: 1.6; letter-spacing: 0; } } @media screen and (max-width: 767px) { #mainContents .p-detail .p-detail-safety-caution { font-size: 2.93333vw; font-weight: 700; line-height: 1.6; letter-spacing: 0; } } @media screen and (min-width: 768px) { #mainContents .p-detail .p-detail-attention02 { margin-top: 118px; } } @media screen and (max-width: 767px) { #mainContents .p-detail .p-detail-attention02 { margin-top: 15.73333vw; } } @media screen and (min-width: 768px) { #mainContents .p-detail .p-detail-attention02 .p-detail-attention02_txt { width: 672px; } } @media screen and (max-width: 767px) { #mainContents .p-detail .p-detail-attention02 .p-detail-attention02_txt { width: 89.33333vw; } } @media screen and (min-width: 768px) { #mainContents .p-detail .p-detail-caution-list { margin-top: 60px; } } @media screen and (max-width: 767px) { #mainContents .p-detail .p-detail-caution-list { margin-top: 10.66667vw; } } #mainContents .p-detail .p-detail-caution-item { color: #191414; background-color: #fff; } @media screen and (min-width: 768px) { #mainContents .p-detail .p-detail-caution-item { border: 5px solid #d9312b; } } @media screen and (max-width: 767px) { #mainContents .p-detail .p-detail-caution-item { border: 1.33333vw solid #d9312b; } } @media screen and (min-width: 768px) { #mainContents .p-detail .p-detail-caution-item + .p-detail-caution-item { margin-top: 40px; } } @media screen and (max-width: 767px) { #mainContents .p-detail .p-detail-caution-item + .p-detail-caution-item { margin-top: 16vw; } } #mainContents .p-detail .p-detail-caution-item-q { position: relative; color: #fff; background-color: #d9312b; } @media screen and (min-width: 768px) { #mainContents .p-detail .p-detail-caution-item-q { font-size: 22px; font-weight: 700; line-height: 1.5; padding: 14px 51px 17px; letter-spacing: 0; } } @media screen and (max-width: 767px) { #mainContents .p-detail .p-detail-caution-item-q { font-size: 4.53333vw; font-weight: 700; line-height: 1.41176; padding: 4.8vw 6.13333vw 5.06667vw; letter-spacing: 0; } } #mainContents .p-detail .p-detail-caution-item-q:hover { cursor: pointer; } #mainContents .p-detail .p-detail-caution-item-plus { position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); } @media screen and (min-width: 768px) { #mainContents .p-detail .p-detail-caution-item-plus { right: 50px; width: 35px; height: 2px; } } @media screen and (max-width: 767px) { #mainContents .p-detail .p-detail-caution-item-plus { right: 5.33333vw; width: 7.2vw; height: .53333vw; } } #mainContents .p-detail .p-detail-caution-item-plus::before, #mainContents .p-detail .p-detail-caution-item-plus::after { position: absolute; z-index: 1; left: 50%; content: ''; -webkit-transition: all .2s; transition: all .2s; border-radius: 10px; background: #fff; } @media screen and (min-width: 768px) { #mainContents .p-detail .p-detail-caution-item-plus::before, #mainContents .p-detail .p-detail-caution-item-plus::after { width: 35px; height: 2px; } } @media screen and (max-width: 767px) { #mainContents .p-detail .p-detail-caution-item-plus::before, #mainContents .p-detail .p-detail-caution-item-plus::after { width: 7.2vw; height: .53333vw; } } #mainContents .p-detail .p-detail-caution-item-plus::before { -webkit-transform: translateX(-50%) rotate(90deg); transform: translateX(-50%) rotate(90deg); } #mainContents .p-detail .p-detail-caution-item-plus::after { -webkit-transform: translateX(-50%); transform: translateX(-50%); } #mainContents .p-detail .p-detail-caution-item-plus.open::before { -webkit-transform: translateX(-50%) rotate(0deg); transform: translateX(-50%) rotate(0deg); } #mainContents .p-detail .p-detail-caution-item-a { position: relative; display: none; } @media screen and (min-width: 768px) { #mainContents .p-detail .p-detail-caution-item-a { padding: 45px 20px 45px; } } @media screen and (max-width: 767px) { #mainContents .p-detail .p-detail-caution-item-a { padding: 5.33333vw 6.13333vw; } } #mainContents .p-detail .p-detail-caution-item-content { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } @media screen and (max-width: 767px) { #mainContents .p-detail .p-detail-caution-item-content { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } @media screen and (min-width: 768px) { #mainContents .p-detail .p-detail-caution-item-text { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } } @media screen and (max-width: 767px) { #mainContents .p-detail .p-detail-caution-item-text { max-width: 100%; } } #mainContents .p-detail .p-detail-caution-item-hdg { color: #191414; } @media screen and (min-width: 768px) { #mainContents .p-detail .p-detail-caution-item-hdg { font-size: 22px; font-weight: 700; line-height: 1.5; text-align: center; letter-spacing: 0; } } @media screen and (max-width: 767px) { #mainContents .p-detail .p-detail-caution-item-hdg { font-size: 4.53333vw; font-weight: 700; line-height: 1.6; letter-spacing: 0; } } #mainContents .p-detail .p-detail-caution-item-hdg .is-em { color: #d9312b; } @media screen and (min-width: 768px) { #mainContents .p-detail .p-detail-caution-item-hdg .is-em { font-size: 29px; font-weight: 700; line-height: 1; letter-spacing: 0; } } #mainContents .p-detail .p-detail-caution-item-hdg .is-red { color: #d9312b; } @media screen and (min-width: 768px) { #mainContents .p-detail .p-detail-caution-item-container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 41px 0 60px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } } @media screen and (max-width: 767px) { #mainContents .p-detail .p-detail-caution-item-container { margin: 9.86667vw 0 15.46667vw; } } #mainContents .p-detail .p-detail-caution-item-container.-boreder { position: relative; } @media screen and (min-width: 768px) { #mainContents .p-detail .p-detail-caution-item-container.-boreder { margin-bottom: 0; } } @media screen and (max-width: 767px) { #mainContents .p-detail .p-detail-caution-item-container.-boreder { margin: 4.53333vw 0 3.46667vw; } } @media screen and (max-width: 767px) { #mainContents .p-detail .p-detail-caution-item-container.-boreder .p-detail-caution-item-process:first-child { position: relative; margin-bottom: 15.2vw; } } #mainContents .p-detail .p-detail-caution-item-container.-boreder .p-detail-caution-item-process:first-child::after { display: block; content: ''; border-radius: 10px; background-color: #000; } @media screen and (min-width: 768px) { #mainContents .p-detail .p-detail-caution-item-container.-boreder .p-detail-caution-item-process:first-child::after { position: absolute; top: 0; left: 50%; width: 2px; height: 100%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } } @media screen and (max-width: 767px) { #mainContents .p-detail .p-detail-caution-item-container.-boreder .p-detail-caution-item-process:first-child::after { position: absolute; bottom: -7.73333vw; left: 0; width: 100%; height: 2px; } } @media screen and (min-width: 768px) { #mainContents .p-detail .p-detail-caution-item-container .p-detail-caution-item-process { width: 336px; } } @media screen and (max-width: 767px) { #mainContents .p-detail .p-detail-caution-item-container .p-detail-caution-item-process { width: 100%; } } @media screen and (min-width: 768px) { #mainContents .p-detail .p-detail-caution-item-container .p-detail-caution-item-process:first-child { margin-right: 56px; } } @media screen and (max-width: 767px) { #mainContents .p-detail .p-detail-caution-item-container .p-detail-caution-item-process:first-child { margin-bottom: 9.86667vw; } } #mainContents .p-detail .p-detail-caution-item-container .p-detail-caution-item-process .p-detail-caution-item-title { color: #d9312b; } @media screen and (min-width: 768px) { #mainContents .p-detail .p-detail-caution-item-container .p-detail-caution-item-process .p-detail-caution-item-title { font-size: 16px; font-weight: 700; line-height: 1.5; margin-bottom: 20px; text-align: center; letter-spacing: 0; } } @media screen and (max-width: 767px) { #mainContents .p-detail .p-detail-caution-item-container .p-detail-caution-item-process .p-detail-caution-item-title { font-size: 3.73333vw; font-weight: 700; line-height: 1.6; margin-bottom: 5.33333vw; letter-spacing: 0; } } @media screen and (min-width: 768px) { #mainContents .p-detail .p-detail-caution-item-container .p-detail-caution-item-process .p-detail-caution-item-head { font-size: 16px; font-weight: 700; line-height: 1.5; margin-top: 20px; letter-spacing: 0; } } @media screen and (max-width: 767px) { #mainContents .p-detail .p-detail-caution-item-container .p-detail-caution-item-process .p-detail-caution-item-head { font-size: 3.73333vw; font-weight: 700; line-height: 1.6; margin-top: 20px; letter-spacing: 0; } } #mainContents .p-detail .p-detail-caution-item-container .p-detail-caution-item-process .p-detail-caution-item-head span { color: #d9312b; } @media screen and (min-width: 768px) { #mainContents .p-detail .p-detail-caution-item-container .p-detail-caution-item-process .p-detail-caution-item-foot { font-size: 14px; font-weight: 500; line-height: 1.5; margin-top: 10px; text-align: right; letter-spacing: 0; } } @media screen and (max-width: 767px) { #mainContents .p-detail .p-detail-caution-item-container .p-detail-caution-item-process .p-detail-caution-item-foot { font-size: 2.93333vw; font-weight: 500; line-height: 1.36364; margin-top: 2.66667vw; letter-spacing: 0; } } @media screen and (min-width: 768px) { #mainContents .p-detail .p-detail-bnr { margin-top: 40px; } } @media screen and (max-width: 767px) { #mainContents .p-detail .p-detail-bnr { margin-top: 13.06667vw; } } #mainContents .p-detail .p-detail-bnr a { position: relative; display: block; } @media screen and (min-width: 768px) { #mainContents .p-detail .p-detail-bnr a { -webkit-box-shadow: 5px 7px 11px 0 rgba(0, 0, 0, .16); box-shadow: 5px 7px 11px 0 rgba(0, 0, 0, .16); } } @media screen and (max-width: 767px) { #mainContents .p-detail .p-detail-bnr a { -webkit-box-shadow: 1.33333vw 1.86667vw 2.93333vw 0 rgba(0, 0, 0, .16); box-shadow: 1.33333vw 1.86667vw 2.93333vw 0 rgba(0, 0, 0, .16); } } @media screen and (min-width: 768px) { #mainContents .p-detail .p-detail-bnr a::after { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; content: ''; -webkit-transition: opacity .3s; transition: opacity .3s; opacity: 0; background-image: url('../img/detail/bnr_01_h_pc.png'); background-size: 100%; } } @media screen and (min-width: 768px) { #mainContents .p-detail .p-detail-bnr a:hover::after { opacity: 1; } } #mainContents .js-scrollItem.-up { opacity: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } #mainContents .js-scrollItem.-up.is-active { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-timing-function: cubic-bezier(.075, .82, .165, 1); animation-timing-function: cubic-bezier(.075, .82, .165, 1); -webkit-animation-fill-mode: both; animation-fill-mode: both; } @-webkit-keyframes fadeInUp { 0% { -webkit-transform: translate3D(0, 50px, 0); transform: translate3D(0, 50px, 0); opacity: 0; } 100% { -webkit-transform: translate3D(0, 0, 0); transform: translate3D(0, 0, 0); opacity: 1; } } @keyframes fadeInUp { 0% { -webkit-transform: translate3D(0, 50px, 0); transform: translate3D(0, 50px, 0); opacity: 0; } 100% { -webkit-transform: translate3D(0, 0, 0); transform: translate3D(0, 0, 0); opacity: 1; } } #contentsNav.p-nav_inner_sp { font-family: 'Noto Sans JP', sans-serif; } @media screen and (min-width: 768px) { #contentsNav.p-nav_inner_sp { display: none !important; } } @media screen and (max-width: 767px) { #contentsNav.p-nav_inner_sp { position: fixed; z-index: 10000; top: 0; left: 0; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100vw; height: 100dvh; padding: 2.93333vw 5.33333vw 0; -webkit-transition: opacity .3s, -webkit-transform .3s; transition: opacity .3s, -webkit-transform .3s; transition: opacity .3s, transform .3s; transition: opacity .3s, transform .3s, -webkit-transform .3s; -webkit-transform: translateY(-100%); transform: translateY(-100%); pointer-events: none; opacity: 0; color: #fff; background-color: #000; } } @media screen and (max-width: 767px) { #contentsNav.p-nav_inner_sp.open { -webkit-transform: translateY(0%); transform: translateY(0%); pointer-events: all; opacity: 1; } } @media screen and (min-width: 768px) { #contentsNav.p-nav_inner_sp .p-nav-openTrg { display: none; } } @media screen and (max-width: 767px) { #contentsNav.p-nav_inner_sp .p-nav-openTrg { position: relative; display: block; width: 9.86667vw; height: 9.86667vw; margin: 0 0 0 auto; } } #contentsNav.p-nav_inner_sp .p-nav-openTrg span { position: absolute; left: 0; width: 9.86667vw; height: 2px; -webkit-transition: opacity .3s, -webkit-transform .3s; transition: opacity .3s, -webkit-transform .3s; transition: opacity .3s, transform .3s; transition: opacity .3s, transform .3s, -webkit-transform .3s; border-radius: 10px; background-color: #fff; } #contentsNav.p-nav_inner_sp .p-nav-openTrg span:nth-of-type(1) { top: 2.4vw; } #contentsNav.p-nav_inner_sp .p-nav-openTrg span:nth-of-type(2) { top: 4.8vw; } #contentsNav.p-nav_inner_sp .p-nav-openTrg span:nth-of-type(3) { top: 7.2vw; } #contentsNav.p-nav_inner_sp .p-nav-openTrg.open span:nth-of-type(1) { top: 2.4vw; -webkit-transform: rotate(45deg) translate(6px, 6px); transform: rotate(45deg) translate(6px, 6px); } #contentsNav.p-nav_inner_sp .p-nav-openTrg.open span:nth-of-type(2) { -webkit-transform: translateX(-2.66667vw); transform: translateX(-2.66667vw); opacity: 0; } #contentsNav.p-nav_inner_sp .p-nav-openTrg.open span:nth-of-type(3) { top: 7.2vw; -webkit-transform: rotate(-45deg) translate(6px, -6px); transform: rotate(-45deg) translate(6px, -6px); } @media screen and (max-width: 767px) { #contentsNav.p-nav_inner_sp .p-nav_list { margin-top: 12vw; } } #contentsNav.p-nav_inner_sp .p-nav_item a { display: block; } @media screen and (max-width: 767px) { #contentsNav.p-nav_inner_sp .p-nav_item + .p-nav_item { margin-top: 5.33333vw; } } @media screen and (max-width: 767px) { #contentsNav.p-nav_inner_sp .p-nav_item:nth-of-type(1) a { width: 45.224vw; } } @media screen and (max-width: 767px) { #contentsNav.p-nav_inner_sp .p-nav_item:nth-of-type(2) a { width: 41.66133vw; } } @media screen and (max-width: 767px) { #contentsNav.p-nav_inner_sp .p-nav_item:nth-of-type(3) a { width: 35.50933vw; } } @media screen and (max-width: 767px) { #contentsNav.p-nav_inner_sp .p-nav_item:nth-of-type(4) a { width: 14.88vw; } } @media screen and (max-width: 767px) { #contentsNav.p-nav_inner_sp .p-nav_item:nth-of-type(5) a { width: 29.552vw; } } .mfp-close { top: auto !important; left: 50% !important; overflow: hidden !important; -webkit-transform: translateX(-50%) !important; transform: translateX(-50%) !important; white-space: nowrap !important; text-indent: 120% !important; opacity: 1 !important; border: 2px solid #fff !important; border-radius: 50% !important; background-repeat: no-repeat !important; background-position: center center !important; } @media screen and (min-width: 768px) { .mfp-close { bottom: -70px !important; width: 56px !important; height: 56px !important; background-image: url('../img/common/icon_close_pc.svg') !important; background-size: 25.15px !important; } } @media screen and (max-width: 767px) { .mfp-close { bottom: -14.66667vw !important; width: 11.2vw !important; height: 11.2vw !important; background-image: url('../img/common/icon_close_sp.svg') !important; background-size: 5.21067vw !important; } }