@charset "UTF-8";

@charset "UTF-8";
/* sass */
/* sass */
/* layout_sp */
/* ----------------------------------------------------------------
ALL
----------------------------------------------0------------------ */
#l-all { padding-top: 0px; }

.l-body { padding: 0 10px; }

.nav-bread-crumbs { padding: 10px 0 0; }

.nav-bread-crumbs ol { font-size: 0; }

.nav-bread-crumbs ol li { display: inline-block; font-size: 10px; position: relative; }

.nav-bread-crumbs ol li:before { content: "\003e"; padding: 0 5px; color: #333; line-height: 1; }

.nav-bread-crumbs ol li a { color: #333; text-decoration: none; }

.nav-bread-crumbs ol li a:hover { text-decoration: underline; }

.nav-bread-crumbs ol li.home:before { display: none; }

.l-body-main { padding: 10px 0 0; }

.top-page .l-body-main { padding: 0; }

.wrap-special-top { display: -ms-box; display: -webkit-flexbox; display: -moz-flexbox; display: -moz-flex; display: -ms-flex; display: flex; flex-wrap: wrap; flex-direction: column-reverse; width: 100%; }

.wrap-special-top .inner-main { width: 100%; }

.wrap-special-top .inner-sub { width: 100%; }

/* layout */
.pc { min-width: 1040px; /* ----------------------------------------------------------------
ALL
----------------------------------------------------------------- */ }

.pc #l-all { padding-top: 0; }

.pc .l-body { min-width: 1000px; max-width: 1530px; margin: 0 auto; padding: 0 15px; }

.pc.top-page .l-body { max-width: 1180px; min-width: 1040px; margin: 0 auto; padding: 0 15px; }

.pc.top-page .l-body:after { content: ""; display: block; clear: both; }

.pc.top-page .l-body .l-body-main:after { content: ""; display: block; clear: both; }

@media print, all and (max-width: 1200px) { .pc.top-page .l-body { max-width: 950px; min-width: 950px; } }

.pc .nav-bread-crumbs ol li { font-size: 12px; font-weight: bold; }

.pc .l-body-main { padding: 20px 0 0; }

.pc .wrap-news-detail { display: -ms-box; display: -webkit-flexbox; display: -moz-flexbox; display: -moz-flex; display: -ms-flex; display: flex; flex-wrap: wrap; flex-wrap: nowrap; justify-content: space-between; align-items: flex-start; flex-direction: row-reverse; width: 100%; }

.pc .wrap-news-detail .inner-main { width: 74.2%; }

.pc .wrap-news-detail .inner-sub { width: 22.7%; }

.pc .wrap-special-top { flex-wrap: nowrap; justify-content: space-between; align-items: flex-start; flex-direction: row-reverse; }

.pc .wrap-special-top .inner-main { width: calc(100% - 250px); }

.pc .wrap-special-top .inner-sub { width: 224px; }

.pc .wrap-special-detail { display: -ms-box; display: -webkit-flexbox; display: -moz-flexbox; display: -moz-flex; display: -ms-flex; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; width: 100%; }

.pc .wrap-special-detail .wrap-main-info { width: 74.2%; order: 1; }

.pc .wrap-special-detail .wrap-related-movie { width: 23.7%; order: 2; }

.pc .wrap-special-detail .wrap-related-product { order: 3; width: 100%; }

.pc .wrap-special-detail .wrap-related-info { order: 4; width: 100%; }

/* head_foot_sp */
/* ----------------------------------------------------------------
HEADER
----------------------------------------------------------------- */
.wrap-head-logo { position: fixed; top: 0; left: 0; width: calc(100% - 128px); z-index: 500; margin-left: 45px; background-color: #fff; }

.wrap-head-logo .logo { font-size: 0; line-height: 0; height: 45px; width: 150px; overflow: hidden; position: relative; margin-left: 10px; z-index: 501; }

.wrap-head-logo .logo a, .wrap-head-logo .logo span { display: block; position: relative; background: transparent url(/common/image/logo.png) no-repeat 0 center; background-size: 150px 27px; height: 45px; width: 150px; }

.l-head { position: fixed; left: 0; top: 0; z-index: 201; width: 100%; background-color: #fff; }

.l-head .sp-menu-control { width: 45px; height: 45px; position: absolute; left: 0; top: 0; font-size: 0; line-height: 0; }

.l-head .sp-menu-control button { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; border: none; outline: none; margin: 0; padding: 0; width: 45px; height: 45px; background: #ff5c00; cursor: pointer; position: relative; }

.l-head .sp-menu-control button span { width: 18px; height: 2px; display: block; background: #fff; position: absolute; left: 12px; top: 22px; transition: all 0.3s; -webkit-transform: rotate(0deg); transform: rotate(0deg); }

.l-head .sp-menu-control button span.top { -webkit-transform: translateY(-5px); transform: translateY(-5px); }

.l-head .sp-menu-control button span.bottom { -webkit-transform: translateY(5px); transform: translateY(5px); }

.l-head .wrap-head-sub-content { display: none; }

.l-head .secondary { position: fixed; right: 0; top: 0; text-align: right; font-size: 0; line-height: 0; padding: 7px 7px 0 0; height: 45px; z-index: 500; background: #fff; }

.l-head .secondary li { display: inline-block; margin-left: 7px; vertical-align: middle; }

.l-head .secondary li a { display: block; width: 31px; height: 31px; background-color: #f2612d; border-radius: 4px; background-repeat: no-repeat; background-size: 48px 48px; }

.l-head .secondary li a.pc-view { display: none; }

.l-head .secondary li a.sp-view { display: block; }

.l-head .secondary li.search { display: none; }

.l-head .secondary li.login a { background-image: url(/common/image/icon-login.png); background-position: 4px 4px; }

.l-head .secondary li.cart a { background-image: url(/common/image/icon-cart.png); background-position: 4px 4px; }

.l-head .primary > li { border-bottom: 1px solid #fff; }

.l-head .primary > li .link-direct:before { content: ""; display: block; width: 12px; height: 12px; margin: 0; position: absolute; right: 15px; top: 50%; margin-top: -7px; border-top: 2px solid; border-right: 2px solid; -webkit-transform: rotate(45deg); transform: rotate(45deg); border-top-color: #fff; border-right-color: #fff; }

.l-head .primary > li .parent:before { content: ""; position: absolute; right: 10px; top: 50%; margin-top: -1px; display: inline-block; width: 18px; height: 2px; margin: 0; background-color: #fff; }

.l-head .primary > li .parent:after { content: ""; position: absolute; right: 18px; top: 50%; display: inline-block; width: 2px; height: 18px; margin: -8px 0 0; background-color: #fff; }

.l-head .primary > li .parent.accordionActive:after { display: none; }

.l-head .primary > li a { display: block; color: #fff; font-size: 14px; line-height: 1; padding: 1.5em 40px 1.5em 15px; background-color: #ff5c00; position: relative; }

.l-head .primary > li a.pc-view { display: none; }

.l-head .primary > li a.sp-view { display: block; }

.l-head .primary > li .child > li { border-top: 1px solid #fff; }

.l-head .primary > li .child > li a { display: block; color: #fff; font-size: 14px; line-height: 1; padding: 1.5em 40px 1.5em 15px; background-color: #ffb101; position: relative; }

.l-head .primary > li .g-child { margin-bottom: -1px; }

.l-head .primary > li .g-child > li { border-bottom: 1px solid #b5b5b6; }

.l-head .primary > li .g-child > li:first-child { border-top: none; }

.l-head .primary > li .g-child > li a { display: block; color: #888; font-size: 14px; line-height: 1; padding: 1.5em 40px 1.5em 15px; background-color: #fff; position: relative; }

.l-head .primary > li .g-child > li a.link-direct:before { border-top-color: #b5b5b6; border-right-color: #b5b5b6; }

.l-head .primary > li .wrap-child, .l-head .primary > li .wrap-g-child { display: none; }

.l-head .primary > li .wrap-child.accordionActive, .l-head .primary > li .wrap-g-child.accordionActive { display: block; }

.nav-inner { visibility: hidden; height: 45px; overflow: hidden; transition: height 0.1s; }

.open .wrap-head-logo { z-index: 500; margin-left: 45px; }

.open .nav-inner { visibility: visible; display: block; z-index: 100; height: 100vh; overflow: auto; padding-top: 45px; }

.open .l-head { position: fixed; background: rgba(0, 0, 0, 0.7); }

.open .l-head .sp-menu-control { z-index: 502; }

.open .l-head .sp-menu-control button span.top { -webkit-transform: rotate(-45deg) translateY(0px); transform: rotate(-45deg) translateY(0px); }

.open .l-head .sp-menu-control button span.middle { background: rgba(255, 255, 255, 0); }

.open .l-head .sp-menu-control button span.bottom { -webkit-transform: rotate(45deg) translateY(0px); transform: rotate(45deg) translateY(0px); }

/* ----------------------------------------------------------------
FOOTER
----------------------------------------------------------------- */
.l-foot { margin-top: 30px; }

.l-foot .wrap-logo { margin: 0; border-top: 1px solid #ff5c00; }

.l-foot .wrap-logo .logo { margin: 0; padding: 15px; text-align: center; font-size: 0; line-height: 0; background: #FFFFFF;}

.l-foot .wrap-logo .logo a, .l-foot .wrap-logo .logo span { display: inline-block; background: transparent url(/common/image/logo.png) no-repeat 0 0; background-size: 168px 30px; height: 30px; width: 168px; }

.l-foot .wrap-foot-contents { background-color: #ededed; }

.l-foot .category > li { border-top: 1px solid #c0bfbf; font-size: 14px; line-height: 1; position: relative; }

.l-foot .category > li > a { display: block; position: relative; padding: 20px 30px 18px 24px; font-weight: bold; color: #595757; }

.l-foot .category > li > a.parent:before { content: ""; display: block; width: 6px; height: 6px; margin: 0; position: absolute; right: 10px; top: 50%; margin-top: -5px; border-top: 2px solid; border-right: 2px solid; -webkit-transform: rotate(135deg); transform: rotate(135deg); border-top-color: #5a5a5b; border-right-color: #5a5a5b; }

.l-foot .category > li > a.parent.accordionActive:before { content: ""; display: block; width: 6px; height: 6px; margin: 0; position: absolute; right: 10px; top: 50%; margin-top: -5px; border-top: 2px solid; border-right: 2px solid; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); border-top-color: #5a5a5b; border-right-color: #5a5a5b; }

.l-foot .category > li > a.pc-view { display: none; }

.l-foot .category > li > a.sp-view { display: block; }

.l-foot .category > li .child-wrap { display: none; }

.l-foot .category > li .child-wrap.accordionActive { display: block; }

.l-foot .category > li .child-wrap .child li { border-top: 1px solid #c0bfbf; font-size: 14px; line-height: 1; position: relative; }

.l-foot .category > li .child-wrap .child li > a { display: block; position: relative; padding: 20px 30px 18px 20px; font-weight: bold; color: #595757; background-color: #fff; }

.l-foot .category > li.fnav1 > a:after, .l-foot .category > li.fnav2 > a:after, .l-foot .category > li.fnav3 > a:after, .l-foot .category > li.fnav4 > a:after, .l-foot .category > li.fnav5 > a:after { content: ""; display: block; position: absolute; left: 10px; top: 15px; height: calc(100% - 30px); width: 6px; }

.l-foot .category > li.fnav1 > a:after { background-color: #2221de; }

.l-foot .category > li.fnav2 > a:after { background-color: #ffb101; }

.l-foot .category > li.fnav3 > a:after { background-color: #ff0064; }

.l-foot .category > li.fnav4 > a:after { background-color: #00b400; }

.l-foot .category > li.fnav5 > a:after { background-color: #e60000; }

.l-foot .utility { font-size: 0; display: -ms-box; display: -webkit-flexbox; display: -moz-flexbox; display: -moz-flex; display: -ms-flex; display: flex; flex-wrap: wrap; width: 100%; border-top: 1px solid #c0bfbf; }

.l-foot .utility > li { border-bottom: 1px solid #c0bfbf; display: -ms-box; display: -webkit-flexbox; display: -moz-flexbox; display: -moz-flex; display: -ms-flex; display: flex; flex-wrap: wrap; align-content: center; align-items: center; width: 50%; font-size: 14px; line-height: 1.2; position: relative; border-right: 1px solid #c0bfbf; }

.l-foot .utility > li > a { display: block; width: 100%; position: relative; padding: 20px 10px 18px 10px; font-weight: bold; color: #5a5a5b; }

.l-foot .utility > li > a.pc-view { display: none; }

.l-foot .utility > li > a.sp-view { display: block; }

.l-foot .utility > li:nth-child(even) { border-right: none; }

.l-foot .copy { background-color: #ededed; padding: 15px; text-align: center; font-size: 12px; }

.l-foot .copy a { display: block; text-align: center; font-size: 0; line-height: 0; margin-bottom: 10px; }

.l-foot .copy a img { height: 42px; width: auto; }

.l-foot .link-top { font-size: 0; line-height: 0; text-align: right; padding: 20px 10px; height: 95px; position: relative; }

.l-foot .link-top a { display: inline-block; width: 55px; height: 55px; background: transparent url(/common/image/icon-pagetop.png) no-repeat 0 0; background-size: cover; position: absolute; right: 10px; bottom: 20px; }

/* head_foot */
.pc { /* ----------------------------------------------------------------
HEADER
----------------------------------------------------------------- */ /* ----------------------------------------------------------------
FOOTER
----------------------------------------------------------------- */ }

.pc .wrap-head-logo { position: relative; left: auto; top: auto; font-size: 0; line-height: 0; z-index: 200; width: 100%; height: 58px; margin: 0; background-color: #fff; }

.pc .wrap-head-logo .logo { position: relative; width: 1040px; margin: 0 auto; height: 58px; }

.pc .wrap-head-logo .logo span, .pc .wrap-head-logo .logo a { margin: 7px 0 0 10px; display: inline-block; transition: opacity 0.3s; -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; }

.pc .wrap-head-logo .logo a:hover { opacity: 0.8; }

.pc .l-head { position: static; z-index: 201; width: 100%; background-color: #ff5c00; border-bottom: 18px solid #FED800;}

.pc .l-head .sp-menu-control { display: none; }

.pc .l-head .nav-global { width: 1040px; margin: 0 auto; position: relative; }

.pc .l-head .wrap-head-sub-content { display: block; position: absolute; width: 100%; margin: 0 auto; top: 0; height: 60px; }

.pc .l-head .wrap-head-sub-content .inner { width: 1040px; margin: 7px auto 0; text-align: right; }

.pc .l-head .wrap-head-sub-content .inner ul { display: inline-block; width: 840px; z-index: 202; position: relative; font-size: 0; padding-right: 10px; }

.pc .l-head .wrap-head-sub-content .inner ul li { display: inline-block; vertical-align: middle; }

.pc .l-head .wrap-head-sub-content .inner ul .inner-company { margin-left: 30px; font-size: 0; line-height: 0; }

.pc .l-head .wrap-head-sub-content .inner ul .inner-company a { display: block; }

.pc .l-head .wrap-head-sub-content .inner ul .inner-company a:hover img { opacity: 0.8; }

.pc .l-head .wrap-head-sub-content .inner ul .inner-company img { height: 46px; width: auto; transition: opacity 0.3s; -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; opacity: 1; }

.pc .l-head .wrap-head-sub-content .inner ul .inner-link { font-size: 12px; line-height: 1.1; font-weight: 600; margin-left: 5px; padding-left: 5px; }

.pc .l-head .wrap-head-sub-content .inner ul .inner-link a { color: #ff5c00; }

.pc .l-head .wrap-head-sub-content .inner ul .inner-link a:hover { text-decoration: underline; }

.pc .l-head .wrap-head-sub-content .inner ul .inner-link + .inner-link { border-left: 1px solid #ccc; }

.pc .l-head .wrap-head-sub-content .inner ul .inner-search { margin-left: 10px; }

.pc .l-head .wrap-head-sub-content .inner ul .inner-search p { border: 1px solid #ff5c00; border-radius: 4px; position: relative; padding-right: 30px; }

.pc .l-head .wrap-head-sub-content .inner ul .inner-search p .search-input { border: none; width: 236px; font-size: 14px; padding: 0.2em 0.5em; border-radius: 0; cursor: text; border: none; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; height: 30px; border-radius: 4px 0 0 4px; }

.pc .l-head .wrap-head-sub-content .inner ul .inner-search p .search-btn { cursor: pointer; border: none; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-size: 0; line-height: 0; background: #ff5c00 url(/common/image/icon-search.png) no-repeat center center; background-size: 20px 20px; width: 30px; height: 30px; padding: 0; margin: 0; position: absolute; right: 0; bottom: 0; }

.pc .l-head .secondary { position: absolute; width: 315px; text-align: right; font-size: 0; line-height: 0; padding: 10px 10px 0 0; height: auto; background-color: transparent; }

.pc .l-head .secondary li { display: inline-block; margin-left: 7px; vertical-align: middle; font-size: 13px; font-weight: bold; line-height: 1.4; }

.pc .l-head .secondary li a { display: inline-block; width: auto; height: auto; padding: 5px 5px 5px 30px; background-color: #fff; color: #ff5c00; border-radius: 4px; background-repeat: no-repeat; background-size: 44px 44px; transition: opacity 0.3s; -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; opacity: 1; }

.pc .l-head .secondary li a.pc-view { display: inline-block; font-size: 13px;}

.pc .l-head .secondary li a.sp-view { display: none; }

.pc .l-head .secondary li a:hover { opacity: 0.8; }

.pc .l-head .secondary li.search { display: none; }

.pc .l-head .secondary li.login a { background-position: -16px -18px; }

.pc .l-head .secondary li.login a span { display: inline-block; padding-left: 20px; background: transparent url(/common/image/icon-mypage.png) no-repeat -25px -25px; background-size: 48px 48px; }

.pc .l-head .secondary li.cart a { background-position: -15px -19px; padding-right: 20px; }

.pc .l-head .primary { display: -ms-box; display: -webkit-flexbox; display: -moz-flexbox; display: -moz-flex; display: -ms-flex; display: flex; flex-wrap: wrap; justify-content: space-around; flex-wrap: nowrap; }

.pc .l-head .primary > li { position: relative; border-bottom: none; }

.pc .l-head .primary > li .link-direct:before { content: ""; display: block; width: 10px; height: 10px; margin: 0; position: absolute; right: 5px; top: 50%; margin-top: -6px; border-top: 2px solid; border-right: 2px solid; -webkit-transform: rotate(45deg); transform: rotate(45deg); border-top-color: #fff; border-right-color: #fff; right: auto; left: 0; margin-top: -4px; }

.pc .l-head .primary > li .parent:before { content: ""; display: block; width: 10px; height: 10px; margin: 0; position: absolute; right: 5px; top: 50%; margin-top: -6px; border-top: 2px solid; border-right: 2px solid; -webkit-transform: rotate(45deg); transform: rotate(45deg); border-top-color: #fff; border-right-color: #fff; right: auto; left: 0; background-color: transparent; margin-top: -4px; }

.pc .l-head .primary > li .parent:after { display: none; }

.pc .l-head .primary > li .parent.accordionActive:after { display: none; }

.pc .l-head .primary > li a { display: block; font-weight: bold; color: #fff; font-size: 14px; line-height: 1; padding: 19px 0 15px 20px; background-color: #ff5c00; position: relative; }

.pc .l-head .primary > li a.pc-view { display: block; }

.pc .l-head .primary > li a.sp-view { display: none; }

.pc .l-head .primary > li a:hover { text-decoration: underline; }

.pc .l-head .primary > li .g-child { width: 240px; border-bottom: none; }

.pc .l-head .primary > li .g-child > li { border-top: 1px dotted #fff; border-bottom: none; }

.pc .l-head .primary > li .g-child > li:first-child { border-top: none; }

.pc .l-head .primary > li .g-child > li a { display: block; color: #fff; font-size: 14px; line-height: 1; padding: 15px; background-color: #ff5c00; position: relative; }

.pc .l-head .primary > li .g-child > li a.link-direct:before { display: none; }

.pc .l-head .primary > li .wrap-child, .pc .l-head .primary > li .wrap-g-child { display: block; visibility: hidden; height: 0; width: 0; opacity: 0; overflow: hidden; }

.pc .l-head .primary > li .wrap-child .g-child, .pc .l-head .primary > li .wrap-child .child, .pc .l-head .primary > li .wrap-g-child .g-child, .pc .l-head .primary > li .wrap-g-child .child { transition: all 0.3s; opacity: 0; }

.pc .l-head .primary > li.gnav5:hover .wrap-g-child { margin-top: 0; display: block; visibility: visible; height: auto; opacity: 1; overflow: visible; position: relative; }

.pc .l-head .primary > li.gnav5:hover .wrap-g-child .inner { padding-top: 10px; }

.pc .l-head .primary > li.gnav5:hover .wrap-g-child .g-child { opacity: 1; position: absolute; top: 0; padding-top: 5px; left: -40px; border-radius: 4px; z-index: 202; border-bottom: 2px solid #fff; }

.pc .l-head .primary > li.gnav5:hover .wrap-g-child .g-child > li { position: relative; border-left: 2px solid #fff; border-right: 2px solid #fff; border-top: 1px dotted #fff; }

.pc .l-head .primary > li.gnav5:hover .wrap-g-child .g-child > li:first-child { border-top: 2px solid #fff; border-radius: 4px 4px 0 0; }

.pc .l-head .primary > li.gnav5:hover .wrap-g-child .g-child > li:first-child a { border-radius: 2px 2px 0 0; }

.pc .l-head .primary > li.gnav5:hover .wrap-g-child .g-child > li:first-child:before { content: ""; width: 20px; height: 20px; background: transparent url(/common/image/icon-baloon.png) no-repeat 0 0; background-size: cover; position: absolute; top: -12px; left: 100px; }

.pc .l-head .primary > li.gnav5:hover .wrap-g-child .g-child > li:last-child a { border-radius: 0 0 2px 2px; }

.pc .l-head .primary > li.gnav5:hover .wrap-g-child .g-child > li a { display: block; color: #fff; font-size: 14px; line-height: 1; padding: 15px; background-color: #ff5c00; position: relative; }

.pc .l-head .primary > li.gnav5:hover .wrap-g-child .g-child > li a.link-direct:before { display: none; }

.pc .nav-inner { visibility: visible; height: auto; overflow: visible; margin-top: 0; width: 715px; }

.pc .open .wrap-head-logo { margin-left: 0; z-index: 1; }

.pc .open .nav-inner { visibility: visible; height: auto; overflow: visible; margin-top: 0; width: 715px; padding-top: 0; }

.pc .open .l-head { position: static; width: 100%; background-color: #ff5c00; }

.pc .open .l-head .sp-menu-control { display: none; }

.pc .l-foot { margin-top: 50px; }

.pc .l-foot .wrap-logo { background-color: #f6f7f7; border-top: none; }

.pc .l-foot .wrap-logo .logo { margin: 0; padding: 50px 15px; background-color: #f6f7f7; }

.pc .l-foot .wrap-logo .logo a, .pc .l-foot .wrap-logo .logo span { display: inline-block; background: transparent url(/common/image/logo.png) no-repeat 0 0; background-size: 278px 50px; height: 50px; width: 278px; transition: opacity 0.3s; -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; }

.pc .l-foot .wrap-logo .logo a:hover, .pc .l-foot .wrap-logo .logo span:hover { opacity: 0.8; }

.pc .l-foot .wrap-foot-contents { background-color: #f6f7f7; min-width: 980px; }

.pc .l-foot .wrap-foot-contents .inner { width: 980px; margin: 0 auto; }

.pc .l-foot .category { display: -ms-box; display: -webkit-flexbox; display: -moz-flexbox; display: -moz-flex; display: -ms-flex; display: flex; flex-wrap: wrap; justify-content: space-between; }

.pc .l-foot .category > li { border-top: none; font-size: 18px; line-height: 1; position: relative; vertical-align: top; margin-bottom: 15px; }

.pc .l-foot .category > li > a { display: block; position: relative; padding: 5px 0 5px 20px; font-weight: bold; color: #787878; }

.pc .l-foot .category > li > a.parent:before { display: none; }

.pc .l-foot .category > li > a.parent.accordionActive:before { display: none; }

.pc .l-foot .category > li > a.pc-view { display: none; }

.pc .l-foot .category > li > a.sp-view { display: block; }

.pc .l-foot .category > li > a:hover { text-decoration: underline; }

.pc .l-foot .category > li .child-wrap { display: block; }

.pc .l-foot .category > li .child-wrap .child { margin-left: 15px; }

.pc .l-foot .category > li .child-wrap .child li { border-top: none; font-size: 14px; line-height: 1.6; margin-top: 12px; }

.pc .l-foot .category > li .child-wrap .child li > a { display: inline-block; padding: 0; color: #787878; background-color: transparent; }

.pc .l-foot .category > li .child-wrap .child li > a:hover { text-decoration: underline; }

.pc .l-foot .category > li.fnav1 > a:after, .pc .l-foot .category > li.fnav2 > a:after, .pc .l-foot .category > li.fnav3 > a:after, .pc .l-foot .category > li.fnav4 > a:after, .pc .l-foot .category > li.fnav5 > a:after { left: 0; top: 2px; height: calc(100% - 5px); width: 6px; }

.pc .l-foot .category > li.fnav5 > a { pointer-events: none; cursor: default; }

.pc .l-foot .category > li.fnav5 > a:hover { text-decoration: none; }

.pc .l-foot .utility { font-size: 0; display: -ms-box; display: -webkit-flexbox; display: -moz-flexbox; display: -moz-flex; display: -ms-flex; display: flex; flex-wrap: wrap; width: 100%; margin-top: 30px; border-top: 1px dotted #787878; padding: 0 80px 30px; }

.pc .l-foot .utility > li { border: none; display: -ms-box; display: -webkit-flexbox; display: -moz-flexbox; display: -moz-flex; display: -ms-flex; display: flex; flex-wrap: wrap; width: 25%; font-size: 16px; padding: 30px 0 0 0; }

.pc .l-foot .utility > li > a { display: inline-block; width: auto; white-space: nowrap; color: #787878; padding: 0; }

.pc .l-foot .utility > li > a.pc-view { display: inline-block; }

.pc .l-foot .utility > li > a.sp-view { display: none; }

.pc .l-foot .utility > li > a:hover { text-decoration: underline; }

.pc .l-foot .copy { border-top: 1px solid #bdbdbd; background-color: #f6f7f7; padding: 40px; font-size: 14px; }

.pc .l-foot .copy a { display: none; }

.pc .l-foot .link-top { font-size: 0; line-height: 0; text-align: right; padding: 30px; height: 130px; position: relative; opacity: 0; transition: 0.5s all; }

.pc .l-foot .link-top.posfixScrolled { opacity: 1; }

.pc .l-foot .link-top.posfixInfront a { position: fixed; bottom: 30px; right: 30px; }

.pc .l-foot .link-top a { width: 70px; height: 70px; right: 30px; bottom: 30px; transition: opacity 0.3s; -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; }

.pc .l-foot .link-top a:hover { opacity: 0.8; }

/* parts_sp */
.about-asobistore .pc-view, .about-premium .pc-view { display: none !important; }

.about-asobistore .l-body, .about-premium .l-body { max-width: 100%; }

.about-asobistore.pc .pc-view, .about-premium.pc .pc-view { display: inline-block !important; }

.about-asobistore.pc .sp-view, .about-premium.pc .sp-view { display: none !important; }

.about-asobistore .l-row, .about-premium .l-row { display: -ms-box; display: -webkit-flexbox; display: -moz-flexbox; display: -moz-flex; display: -ms-flex; display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; }

.about-asobistore .l-row.l-row-middle, .about-premium .l-row.l-row-middle { align-items: center; }

.about-asobistore .l-row.l-row-center, .about-premium .l-row.l-row-center { /*--- safari（PC） ---*/ justify-content: center; }

.about-asobistore .l-row.l-row-img, .about-premium .l-row.l-row-img { padding-left: 15px; padding-right: 15px; }

.about-asobistore .l-row .l-col, .about-premium .l-row .l-col { position: relative; display: block; box-sizing: border-box; -moz-flex: auto; flex: 1 1 auto; min-height: 1px; padding-right: 15px; padding-left: 15px; max-width: 100%; width: 100%; z-index: 1; }

.about-asobistore .l-row .l-col.l-col-2, .about-premium .l-row .l-col.l-col-2 { flex: 0 0 16.66667%; max-width: 16.66667%; height: auto; }

.about-asobistore .l-row .l-col.l-col-3, .about-premium .l-row .l-col.l-col-3 { flex: 0 0 25%; max-width: 25%; height: auto; }

.about-asobistore .l-row .l-col.l-col-4, .about-premium .l-row .l-col.l-col-4 { flex: 0 0 33.33333%; max-width: 33.33333%; height: auto; }

.about-asobistore .l-row .l-col.l-col-5, .about-premium .l-row .l-col.l-col-5 { flex: 0 0 41.66667%; max-width: 41.66667%; height: auto; }

.about-asobistore .l-row .l-col.l-col-6, .about-premium .l-row .l-col.l-col-6 { flex: 0 0 50%; max-width: 50%; height: auto; }

.about-asobistore .l-row .l-col.l-col-7, .about-premium .l-row .l-col.l-col-7 { flex: 0 0 58.33333%; max-width: 58.33333%; height: auto; }

.about-asobistore .l-row .l-col.l-col-8, .about-premium .l-row .l-col.l-col-8 { flex: 0 0 66.66667%; max-width: 66.66667%; height: auto; }

.about-asobistore .l-row .l-col.l-col-9, .about-premium .l-row .l-col.l-col-9 { flex: 0 0 75%; max-width: 75%; height: auto; }

.about-asobistore .l-row .l-col.l-col-10, .about-premium .l-row .l-col.l-col-10 { flex: 0 0 83.33333%; max-width: 83.33333%; height: auto; }

.about-asobistore .l-row .l-col.l-col-cover, .about-premium .l-row .l-col.l-col-cover { margin-bottom: -10px; }

.about-asobistore .l-row .l-col.l-col-pr, .about-premium .l-row .l-col.l-col-pr { padding-right: 1.8%; }

.about-asobistore .l-row .l-col.l-col-pl, .about-premium .l-row .l-col.l-col-pl { padding-left: 1.8%; }

.about-asobistore .inner-btn, .about-premium .inner-btn { margin: 0 auto; }

.about-asobistore .inner-btn a, .about-premium .inner-btn a { display: inline-block; }

.about-asobistore .txt-desc-1, .about-asobistore .txt-desc-2, .about-premium .txt-desc-1, .about-premium .txt-desc-2 { font-size: 16px; line-height: 1.8; font-weight: bold; }

.about-asobistore .txt-small, .about-premium .txt-small { display: block; font-size: 14px; line-height: 1.8; font-weight: bold; }

.about-asobistore .u-mt--8, .about-premium .u-mt--8 { margin-top: -8rem !important; }

.about-asobistore .u-mt--3, .about-premium .u-mt--3 { margin-top: -3rem !important; }

.about-asobistore .u-mt-1, .about-premium .u-mt-1 { margin-top: 1rem !important; }

.about-asobistore .u-mt-2, .about-premium .u-mt-2 { margin-top: 2rem !important; }

.about-asobistore .u-mt-3, .about-premium .u-mt-3 { margin-top: 3rem !important; }

.about-asobistore .u-mt-5, .about-premium .u-mt-5 { margin-top: 5rem !important; }

.about-asobistore .u-mt-7, .about-premium .u-mt-7 { margin-top: 7rem !important; }

.about-asobistore .u-mt-0, .about-premium .u-mt-0 { margin-top: 0rem !important; }

.about-asobistore .u-mt-8, .about-premium .u-mt-8 { margin-top: 8rem !important; }

.about-asobistore .u-mb-2, .about-premium .u-mb-2 { margin-bottom: 2rem !important; }

.about-asobistore .u-mb-3, .about-premium .u-mb-3 { margin-bottom: 3rem !important; }

.about-asobistore .u-my-1, .about-premium .u-my-1 { margin-top: 1rem !important; margin-bottom: 1rem !important; }

.about-asobistore .u-my-2, .about-premium .u-my-2 { margin-top: 2rem !important; margin-bottom: 2rem !important; }

.about-asobistore .u-p-0, .about-premium .u-p-0 { padding: 0 !important; }

.about-asobistore .u-pt-0, .about-premium .u-pt-0 { padding-top: 0 !important; }

.about-asobistore .u-pl-0, .about-premium .u-pl-0 { padding-left: 0 !important; }

.about-asobistore .u-pr-0, .about-premium .u-pr-0 { padding-right: 0 !important; }

.about-asobistore .u-px-0, .about-premium .u-px-0 { padding-right: 0 !important; padding-left: 0 !important; }

.about-asobistore .hr-l, .about-premium .hr-l { border-left: 2px dotted #646464; }

.about-asobistore .txt-l, .about-premium .txt-l { text-align: left; }

.about-asobistore .txt-white, .about-premium .txt-white { color: #fff; }

.about-asobistore .wrap-asobi1 { position: relative; padding: 15px 5px; box-shadow: 0px 3px 7px 1px rgba(0, 0, 0, 0.3); text-align: center; margin-left: auto; margin-right: auto; box-shadow: none; }

.about-asobistore .wrap-asobi1 .inner { position: relative; padding: 15px 20px; box-shadow: 0px 3px 7px 1px rgba(0, 0, 0, 0.3); border-radius: 8px; text-align: center; background-color: #fff; margin-left: auto; margin-right: auto; }

.about-asobistore .wrap-asobi1.wrap-label .txt-desc-1 { margin-top: -6rem; }

.about-asobistore .wrap-asobi2, .about-asobistore .wrap-asobi2-fluid { margin: 30px -15px 0; padding: 40px 15px; text-align: center; min-height: 370px; }

.about-asobistore .wrap-asobi2-fluid { padding-bottom: 0; }

.about-asobistore .wrap-asobi3, .about-asobistore .wrap-asobi3-fluid { margin: 0 -15px 0; padding: 40px 15px; text-align: center; min-height: 370px; }

.about-asobistore .wrap-asobi3 .inner .inner-img, .about-asobistore .wrap-asobi3 .inner .inner-img-item, .about-asobistore .wrap-asobi3-fluid .inner .inner-img, .about-asobistore .wrap-asobi3-fluid .inner .inner-img-item { width: 100%; }

.about-asobistore .wrap-asobi3 .inner .inner-img-item:nth-child(n+2), .about-asobistore .wrap-asobi3-fluid .inner .inner-img-item:nth-child(n+2) { margin-top: -15px; }

.about-asobistore .wrap-asobi3 .inner .inner-img-item:last-child, .about-asobistore .wrap-asobi3-fluid .inner .inner-img-item:last-child { margin-top: -20px; }

.about-asobistore .wrap-asobi4, .about-asobistore .wrap-asobi4-fluid { margin: 0 -15px 0; padding: 40px 15px; text-align: center; }

.about-asobistore .wrap-asobi4 .inner .inner-img, .about-asobistore .wrap-asobi4 .inner .inner-img-item, .about-asobistore .wrap-asobi4-fluid .inner .inner-img, .about-asobistore .wrap-asobi4-fluid .inner .inner-img-item { width: 100%; }

.about-asobistore .wrap-asobi4 .inner .inner-img-item:nth-child(n+2), .about-asobistore .wrap-asobi4-fluid .inner .inner-img-item:nth-child(n+2) { margin-top: -15px; }

.about-asobistore .wrap-asobi4 .inner .inner-img-item:last-child, .about-asobistore .wrap-asobi4-fluid .inner .inner-img-item:last-child { margin-top: -20px; }

.about-asobistore .wrap-asobi2-fluid .inner-wrap, .about-asobistore .wrap-asobi3-fluid .inner-wrap { margin-left: -15px; margin-right: -15px; }

.about-asobistore .wrap-asobi2-fluid .inner, .about-asobistore .wrap-asobi3-fluid .inner { padding: 40px 15px; }

.about-asobistore .wrap-asobi2-fluid .inner.inner-sm, .about-asobistore .wrap-asobi3-fluid .inner.inner-sm { padding: 15px 15px; }

.about-asobistore .wrap-asobi2-fluid .inner .inner-img, .about-asobistore .wrap-asobi3-fluid .inner .inner-img { width: 100%; }

.about-asobistore .wrap-arrow-t { position: relative; }

.about-asobistore .wrap-arrow-t:before { content: ""; position: absolute; right: 0; top: 0; left: 0; width: 0px; height: 0px; margin: auto; border-style: solid; border-color: #FF5C00 transparent transparent transparent; border-width: 20px 20px 0 20px; z-index: 1; }

.about-asobistore .wrap-img { position: relative; background-image: url("../image/asobi-icon-01.png"); background-size: 100% auto; background-repeat: no-repeat; background-position: center center; width: 100%; max-width: 267px; max-height: 188px; margin: 0 auto; overflow: hidden; }

.about-asobistore .wrap-img.wrap-img-r { margin: 0 0 0 auto; }

.about-asobistore .wrap-img.wrap-img-l { margin: 0 auto 0 0; }

.about-asobistore .wrap-img:before { content: ""; display: block; padding-top: 70%; }

.about-asobistore .wrap-img .wrap-img-item { position: absolute; top: 0; left: 0; width: 100%; max-width: 267px; max-height: 152px; z-index: -1; padding: 6px; }

.about-asobistore .wrap-label .hdg-lvl-1 { position: relative; width: 120%; top: -7rem; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

.about-asobistore .hdg-lvl-1 { position: relative; }

.about-asobistore .hdg-lvl-1 img { width: 100%; width: 100%; }

.about-asobistore .hdg-lvl-2 .hdg-lvl-md { width: 80% !important; }

.about-asobistore .hdg-lvl-2 .hdg-lvl-lg { width: 95% !important; }

.about-asobistore .inner-btn { padding: 0 1rem; }

.about-asobistore .txt-desc-1 { font-size: 14px; font-size: 1.4rem; color: #231815; }

.about-asobistore .txt-desc-2 { font-size: 14px; font-size: 1.4rem; color: #FF5C00; padding-bottom: 2.8rem; }

.about-asobistore .bg-orange { background-color: #FFF7E6; }

.about-asobistore .bg-brand { background-color: #FF5C00; }

.about-asobistore .bg-flow { background-color: #FFB101; }

.about-asobistore .bg-stripe-sm, .about-asobistore .bg-stripe-lg { background-size: cover; background-repeat: no-repeat; background-position: center center; background-color: #FFF7E6; }

.about-asobistore .bg-stripe-sm { background-image: url("../image/asobi-bg-01-sm.png"); background-size: 110% auto; }

.about-asobistore .bg-stripe-lg { background-image: url("../image/asobi-bg-01-md.png"); background-size: 100%; background-position: top center; }

.about-asobistore .bg-service { background-color: #FFF7E6; }

.about-asobistore .bg-gd { position: absolute; top: 0; left: 0; right: 0; bottom: 0; /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ background: radial-gradient(ellipse at center, rgba(255, 247, 230, 0) 0%, #fff7e6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00fff7e6', endColorstr='#fff7e6',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ }

.about-premium .hdg-lvl-1, .about-premium .hdg-lvl-2, .about-premium .hdg-lvl-3 { position: relative; }

.about-premium .hdg-lvl-1 .hdg-lvl-img.hdg-lvl-pc, .about-premium .hdg-lvl-2 .hdg-lvl-img.hdg-lvl-pc, .about-premium .hdg-lvl-3 .hdg-lvl-img.hdg-lvl-pc { width: 90%; }

.about-premium .hdg-lvl-1 img { width: 100%; }

.about-premium .hdg-lvl-2 img { width: 100%; }

.about-premium .hdg-lvl-3 { text-align: left; }

.about-premium .hdg-lvl-3 .hdg-lvl-img { padding-left: 15px; width: 100%; }

.about-premium .wrap-premium1-fluid, .about-premium .wrap-premium2-fluid { margin: 30px -10px 0; padding: 20px 15px; text-align: center; min-height: 370px; }

.about-premium .wrap-premium1-fluid .inner-wrap, .about-premium .wrap-premium2-fluid .inner-wrap { margin-left: -15px; margin-right: -15px; }

.about-premium .wrap-premium1-fluid .inner-wrap .inner, .about-premium .wrap-premium2-fluid .inner-wrap .inner { padding: 20px 15px; }

.about-premium .wrap-premium1-fluid .inner-wrap .inner .inner-img, .about-premium .wrap-premium2-fluid .inner-wrap .inner .inner-img { width: 100%; }

.about-premium .wrap-premium1-fluid .inner-wrap .inner .inner-img.img-num, .about-premium .wrap-premium2-fluid .inner-wrap .inner .inner-img.img-num { width: 25px; }

.about-premium .wrap-premium1-fluid .inner-wrap .inner .inner-img.img-md, .about-premium .wrap-premium2-fluid .inner-wrap .inner .inner-img.img-md { width: 80%; }

.about-premium .wrap-premium1-fluid .txt-desc, .about-premium .wrap-premium2-fluid .txt-desc { padding-bottom: 2.8rem; }

.about-premium .inner-top, .about-premium .inner-adjust, .about-premium .inner-content, .about-premium .inner-bottom { max-width: 100%; background-size: 100.5%; background-color: #fff; }

.about-premium .inner-top, .about-premium .inner-bottom { height: 8px; background-repeat: no-repeat; }

.about-premium .inner-top { background-image: url("../image/premium-border-top.png"); }

.about-premium .inner-content, .about-premium .inner-adjust { background-image: url("../image/premium-border-side.png"); background-repeat: repeat; }

.about-premium .inner-content .hdg-lvl-1, .about-premium .inner-adjust .hdg-lvl-1 { position: relative; padding-top: 2rem; }

.about-premium .inner-content .hdg-lvl-1 img, .about-premium .inner-adjust .hdg-lvl-1 img { width: 100%; }

.about-premium .inner-bottom { -webkit-transform: scale(1, -1); transform: scale(1, -1); -webkit-filter: FlipV; filter: FlipV; -ms-filter: "FlipV"; background-image: url("../image/premium-border-top.png"); }

.about-premium .inner-content .inner-body { padding: 20px 20px; }

.about-premium .inner-shadow { box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.75); }

.about-premium .inner-border { border-top: 2px solid #fbe97f; border-bottom: 2px solid #fbe97f; }

.about-premium .bg-gold { background-image: url("../image/premium-bg-01.jpg"); background-size: 100%; background-repeat: repeat; }

.about-premium .bg-gray { background-image: url("../image/premium-bg-02.jpg"); background-size: 100%; background-repeat: repeat; }

.about-premium .notice-list { text-align: left; }

.about-premium .notice-list li { font-size: 12px; font-size: 1.2rem; line-height: 1.5; font-weight: bold; padding-left: 1em; text-indent: -1em; }

.about-premium .notice-list li:before { content: "※"; }

.about-premium .txt-desc, .about-premium .txt-desc-1, .about-premium .txt-desc-2 { line-height: 1.8; font-weight: bold; }

.about-premium .txt-desc { font-size: 14px; font-size: 1.4rem; }

.about-premium .txt-desc-2 { font-size: 16px; font-size: 1.6rem; margin-bottom: 2rem; }

.about-premium .txt-desc-3 { font-size: 14px; font-size: 1.4rem; line-height: 1.4; font-weight: bold; text-align: left; }

.about-premium .txt-subtitle-3 { font-size: 12px; font-size: 1.2rem; line-height: 1.8; font-weight: bold; text-align: right; }

.about-premium .txt-subtitle-4 { font-size: 12px; font-size: 1.2rem; color: #fff; line-height: 1.8; font-weight: 400; text-align: left; margin-bottom: 1rem; }

/* parts */
.pc .about-asobistore .sp-view, .pc .about-premium .sp-view { display: none; }

.pc .about-asobistore .pc-view, .pc .about-premium .pc-view { display: inline-block !important; }

.pc .about-asobistore .nav-bread-crumbs, .pc .about-premium .nav-bread-crumbs { max-width: 1040px; margin: 0 auto; padding-right: 15px; padding-left: 15px; }

.pc .about-asobistore .l-body, .pc .about-premium .l-body { min-width: 1040px; }

.pc .about-asobistore .l-row .l-col.l-col-pc-3, .pc .about-premium .l-row .l-col.l-col-pc-3 { flex: 0 0 25%; max-width: 25%; height: auto; }

.pc .about-asobistore .l-row .l-col.l-col-pc-4, .pc .about-premium .l-row .l-col.l-col-pc-4 { flex: 0 0 33.33333%; max-width: 33.33333%; height: auto; }

.pc .about-asobistore .l-row .l-col.l-col-pc-6, .pc .about-premium .l-row .l-col.l-col-pc-6 { flex: 0 0 50%; max-width: 50%; height: auto; }

.pc .about-asobistore .l-row .l-col.l-col-pc-8, .pc .about-premium .l-row .l-col.l-col-pc-8 { flex: 0 0 66.66667%; max-width: 66.66667%; height: auto; margin: 0 auto; }

.pc .about-asobistore .l-row .l-col.l-col-img-r, .pc .about-premium .l-row .l-col.l-col-img-r { margin-top: -8rem; }

.pc .about-asobistore .inner, .pc .about-premium .inner { width: 1040px; margin: 0 auto; }

.pc .about-asobistore .inner .inner-img, .pc .about-premium .inner .inner-img { max-width: 748px; }

.pc .about-asobistore .l-foot, .pc .about-premium .l-foot { background-color: #f6f7f7; }

.pc .about-asobistore .l-foot .link-top, .pc .about-premium .l-foot .link-top { background-color: #fff; }

.pc .about-asobistore .l-foot .inner, .pc .about-premium .l-foot .inner { padding: 0 30px; }

.pc .about-asobistore .l-foot .wrap-foot-contents .inner, .pc .about-premium .l-foot .wrap-foot-contents .inner { padding: 0; width: 100%; }

.pc .about-asobistore .txt-small, .pc .about-premium .txt-small { display: inline-block; }

.pc .about-asobistore .u-mt-pc-2, .pc .about-premium .u-mt-pc-2 { margin-top: 2rem !important; }

.pc .about-asobistore .u-mt-pc-7, .pc .about-premium .u-mt-pc-7 { margin-top: 7rem !important; }

.pc .about-asobistore .u-mt-pc-2, .pc .about-premium .u-mt-pc-2 { margin-top: 2rem !important; }

.pc .about-asobistore .bg-stripe-lg { background-image: url("../image/asobi-bg-01-lg.png") !important; background-size: 120% auto; background-position: center; }

.pc .about-asobistore .wrap-label .hdg-lvl-1 { margin-top: 0; }

.pc .about-asobistore .wrap-asobi1.wrap-label { margin-top: 6%; }

.pc .about-asobistore .wrap-asobi1.wrap-label .hdg-lvl-1 { width: 100%; }

.pc .about-asobistore .wrap-asobi1.wrap-label .txt-desc-1 { margin-top: -11rem; }

.pc .about-asobistore .wrap-asobi1 .inner { padding-bottom: 40px; }

.pc .about-asobistore .wrap-asobi2-fluid .inner .inner-btn, .pc .about-asobistore .wrap-asobi3 .inner .inner-btn { max-width: 460px; }

.pc .about-asobistore .wrap-asobi3 .inner .inner-img-item { width: 30%; }

.pc .about-asobistore .wrap-asobi3 .inner .inner-img-item:nth-child(n+2) { margin-top: 0; }

.pc .about-asobistore .wrap-asobi3 .inner .inner-img-item:last-child { margin-top: 0; }

.pc .about-asobistore .l-row-img .l-col.l-col-top { margin-top: -4rem; margin-left: -10rem; margin-right: -10rem; z-index: 1; }

.pc .about-asobistore .l-row-img .l-col.l-col-bottom { margin-top: 4rem; z-index: 2; }

.pc .about-asobistore .inner.inner-small { width: 600px; }

.pc .about-asobistore .inner.inner-md { width: 800px; }

.pc .about-premium .hdg-lvl-3 .hdg-lvl-img { padding-left: 0; }

.pc .about-premium .hdg-lvl-3.hdg-lvl-lg { width: 120%; }

.pc .about-premium .inner-top { background-image: url("../image/premium-border-top-pc.png"); }

.pc .about-premium .inner-content, .pc .about-premium .inner-adjust { background-image: url("../image/premium-border-side-pc.png"); }

.pc .about-premium .inner-bottom { background-image: url("../image/premium-border-top-pc.png"); }

.pc .about-premium .wrap-premium1-fluid, .pc .about-premium .wrap-premium2-fluid { min-width: 1040px; padding-bottom: 100px; }

.pc .about-premium .wrap-premium1-fluid .inner .inner-btn, .pc .about-premium .wrap-premium2-fluid .inner .inner-btn { max-width: 460px; }

.pc .about-premium .wrap-premium1-fluid .inner-wrap .inner .inner-img.img-num, .pc .about-premium .wrap-premium2-fluid .inner-wrap .inner .inner-img.img-num { width: 35px; }

.pc .about-premium .wrap-premium1-fluid .inner-wrap .inner .inner-img.img-md, .pc .about-premium .wrap-premium2-fluid .inner-wrap .inner .inner-img.img-md { width: 100%; }

.pc .about-premium .wrap-premium1-fluid .inner-wrap .inner .inner-img.img-banner, .pc .about-premium .wrap-premium2-fluid .inner-wrap .inner .inner-img.img-banner { width: 150px; }

.pc .about-premium .inner .inner-btn.inner-btn-block { width: 100%; max-width: 100%; }

.pc .about-premium .inner .inner-img { max-width: 100%; }

.pc .about-premium .inner .inner-img.inner-img-fluid { width: 80%; padding: 0; }

/* link-top height zero */
.link-top-height0 .l-foot .link-top {
    height: 0;
    margin: 0;
    padding: 0;
    z-index: 100;
}
.link-top-height0 .l-foot {
    margin-top: 0;
}

/* override */
.pc .about-premium .inner .btn-block {
    width: 100%;
}

.about-asobistore .wrap-asobi4.bg-service {
    padding-bottom: 120px;
}
.pc .about-asobistore .wrap-asobi4.bg-service {
    padding-bottom: 40px;
}

.pc .about-premium .bg-gray {
    padding-bottom: 0;
}

/* premium-admission */
.wrap-premium-admission-fluid {
    overflow: hidden;
    margin: 30px -10px 0;
    padding: 20px 15px 70px;
    text-align: center;
}

.pc .wrap-premium-admission-fluid {
    padding-bottom: 100px;
}

.premium-admission {
    text-align: center;
    margin: 20px auto;
    padding: 10px 0;
    background: rgb(167,0,0); /* Old browsers */
    background: linear-gradient(to right, rgb(167,0,0) 0%,rgb(226,20,23) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.pc .premium-admission {
    padding: 20px 0;
    max-width: 1040px;
}

.premium-admission img {
    width: 100%;
}

.premium-admission .title-img {
    width: 80%;
    margin: 0 auto;
}

.premium-admission-description {
    color: #fff;
}

.premium-admission-description-title {
    font-size: 3.8vw;
}

.pc .premium-admission-description-title {
    font-size: 22px;
}

.premium-admission-description-alert {
    font-size: 4.8vw;
    font-weight: bold;
    line-height: 1.2;
    position: relative;
}

.premium-admission-description-alert span {
    font-size: 3vw;
}


.pc .premium-admission-description-alert {
    font-size: 52px;
}

.pc .premium-admission-description-alert span {
    font-size: 28px;
}

.premium-admission-description-alert:before {
    content: '';
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    width: 90%;
    height: 2px;
    background: rgb(192,139,71); /* Old browsers */
    background: linear-gradient(to right, rgb(192,139,71) 0%,rgb(243,191,67) 50%,rgb(192,139,71) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.pc .premium-admission-description-alert:before {
    height: 4px;
    bottom: 5px;
}

.premium-admission-description-comment {
    font-size: 1.8vw;
}

.pc .premium-admission-description-comment {
    font-size: 18px;
}

.pc .about-premium .wrap-premium1-fluid .inner-wrap .inner .inner-img.img-banner {
    width: 80%;
}

.release-domain-caution {
    text-align: left;
    padding: 8px;
    border: #ccc 1px solid;
    font-size: 1.2rem;
    background-color:#eee;
}

.coupon .release-domain-caution {
    margin: 15px;
}
.pc .coupon .release-domain-caution {
    margin: 15px 0;
}

.release-domain-caution-title {
    font-weight: bold;
    font-size: 1.4rem;
}

.release-domain-caution-text {
    margin: 8px 0;
}

.release-domain-caution-text:last-child {
    margin-bottom: 0;
}

.about-premium .wrap-premium2-fluid .inner-wrap .inner {
    padding-bottom: 80px;
}

.pc .about-premium .wrap-premium2-fluid .inner-wrap .inner {
    padding: 20px 15px;
}

small {
    font-size: smaller;
    color: rgb(51,51,51);
    line-height: 1.8;
}