﻿@font-face{font-family:"NotoSansJP-Bold";src:url("/font/NotoSansJP-Bold.otf") format("opentype");font-style:normal;font-weight:700}@font-face{font-family:"NotoSansJP-Black";src:url("/font/NotoSansJP-Black.otf") format("opentype");font-style:normal;font-weight:900}.brandcomics{padding:30px 0 60px 0;color:#000;-webkit-font-feature-settings:'palt' 1;font-feature-settings:'palt' 1;font-family:"FP-ヒラギノ角ゴ ProN W3","ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro","游ゴシック体","Yu Gothic",YuGothic,"メイリオ",Meiryo,"ＭＳ Ｐゴシック",Verdana,Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;text-align:center;background-color:#2d2d2d;background-image:url("../img/bg_pc.jpg");background-position:center top;background-repeat:no-repeat;-webkit-background-size:cover;-o-background-size:cover;background-size:cover}.brandcomics img{width:100%;height:auto;line-height:1}.brandcomics *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.brandcomics a,.brandcomics a:link{color:#000;text-decoration:underline;text-underline-position:under;text-decoration-thickness:1px;outline:none}.brandcomics a:visited{color:#000}.brandcomics a:hover{color:#000;text-decoration:none}.brandcomics a:active{color:#000}.brandcomics a img{opacity:1;-webkit-transition:.3s;transition:.3s}.brandcomics a img:hover{opacity:.7}.brandcomics h1,.brandcomics h2,.brandcomics h3{font-weight:normal}.brandcomics .btm1em{margin-bottom:1em}.brandcomics .btm0{margin-bottom:0}.brandcomics .pcnone{display:none}.brandcomics .HirakakuProN-W3{font-family:"FP-ヒラギノ角ゴ ProN W3",sans-serif}.brandcomics .HirakakuProN-W6{font-family:"FP-ヒラギノ角ゴ ProN W6",sans-serif}.brandcomics picture.bgimage{pointer-events:none}.brandcomics h1{margin-bottom:40px;color:#fff;font-family:"NotoSansJP-Black",sans-serif;font-size:72px;line-height:1.3}.brandcomics h1 span{position:relative;z-index:1}.brandcomics h1 span:before{content:"";position:absolute;bottom:5px;left:-20px;width:calc(100% + 40px);height:17px;background-color:#C6C600;z-index:-1}.brandcomics h1 span.span-under:before{left:0;width:calc(100% + 20px)}.brandcomics .cover-image{position:relative;width:368px;margin:0 auto 25px auto;line-height:0;background-color:#000}.brandcomics .cover-image .check{position:absolute;bottom:70px;left:-100px;width:120px;height:120px;border-radius:50%;background:#000}@media screen and (max-width: 640px){.brandcomics .cover-image .check{bottom:14.2vw;left:-16vw;width:25.645vw;height:25.645vw}}.brandcomics .cover-image .check a{display:block;height:100%;border-radius:50%;background:#E6E500 url("../img/arrow.svg") no-repeat center top;padding-top:57px;font-family:"NotoSansJP-Black",sans-serif;font-size:16px;line-height:1.3;text-align:center;text-decoration:none;transition:.3s}@media screen and (max-width: 640px){.brandcomics .cover-image .check a{background-size:60% auto;background-position:center top 1vw;padding-top:13vw;font-size:3.35vw}}.brandcomics .cover-image .check a:hover{opacity:0.7}@media screen and (max-width: 640px){.brandcomics .cover-image .check a:hover{opacity:1}}.brandcomics .btn-manga-link{width:558px;margin:0 auto 10px auto;background-color:#000;-webkit-border-radius:10px;border-radius:10px;overflow:hidden}.brandcomics .btn-manga-link a{position:relative;display:block;width:100%;padding:9px;background-color:#E2E100;text-decoration:none;opacity:1;-webkit-transition:.3s;transition:.3s}.brandcomics .btn-manga-link a:hover{opacity:.7}.brandcomics .btn-manga-link a:before{content:"";position:absolute;top:50%;right:40px;width:34px;height:25px;margin-top:-12px;background-image:url("../img/link_bullet.png");background-repeat:no-repeat;-webkit-background-size:cover;-o-background-size:cover;background-size:cover}.brandcomics .btn-manga-link a span{display:block;padding:28px;color:#000;font-family:"NotoSansJP-Black",sans-serif;font-size:28px;line-height:1;background:linear-gradient(180deg, #E2E100 50%, #BFBF00 50%);border:6px solid #000}.brandcomics .credit{width:558px;margin:0 auto 60px auto;color:#fff;text-align:right;font-size:1.3rem}@media screen and (max-width: 640px){.brandcomics .credit{width:87.7%;margin:0 auto 8vw auto;font-size:1.1rem}}.brandcomics .banner-block{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-align:end;-ms-flex-align:end;-webkit-align-items:flex-end;align-items:flex-end;width:96.88%;margin:0 auto}.brandcomics .banner-block .box{width:32.25%}.brandcomics .banner-block .box .banner-copy{display:inline-block;position:relative;margin-bottom:1.14vw;padding:0 2.4vw 0 2.19vw;color:#fff;font-family:"NotoSansJP-Bold",sans-serif;font-size:1.15vw;line-height:1.1}.brandcomics .banner-block .box .banner-copy::before{display:block;position:absolute;content:"";top:50%;left:0;width:0.94vw;height:1.25vw;margin-top:-0.52vw;background-image:url("../img/bnr_deco_left.png");background-repeat:no-repeat;-webkit-background-size:cover;-o-background-size:cover;background-size:cover}.brandcomics .banner-block .box .banner-copy::after{display:block;position:absolute;content:"";top:50%;right:0;width:1.04vw;height:1.25vw;margin-top:-0.52vw;background-image:url("../img/bnr_deco_right.png");background-repeat:no-repeat;-webkit-background-size:cover;-o-background-size:cover;background-size:cover}@media screen and (max-width: 1280px){.brandcomics .banner-block .box .banner-copy{margin-bottom:14.6px;padding:0 28px 0 30.7px;font-size:14.7px}.brandcomics .banner-block .box .banner-copy::before{width:12px;height:16px;margin-top:-6.6px}.brandcomics .banner-block .box .banner-copy::after{width:13.3px;height:16px;margin-top:-6.6px}}.brandcomics .banner-block .box a{display:block;line-height:0;background-color:#000}@media screen and (max-width: 640px){.brandcomics{padding:5.33vw 0 16vw 0;background-image:url("../img/bg_sp.jpg");-webkit-background-size:100% auto;-o-background-size:100% auto;background-size:100% auto}.brandcomics .pcnone{display:initial}.brandcomics .spnone{display:none}.brandcomics a,.brandcomics a:link{text-underline-position:auto}.brandcomics a:hover img{opacity:1}.brandcomics h1{margin-bottom:8vw;font-size:7.5vw;line-height:1.3}.brandcomics h1 span:before{bottom:0.5vw;left:-1.8vw;width:calc(100% + 3.6vw);height:2.27vw}.brandcomics h1 span.span-under:before{left:-1.8vw;width:calc(100% + 3.6vw)}.brandcomics .cover-image{width:62.5%;margin:0 auto 5.6vw auto}.brandcomics .btn-manga-link{width:87.7%;-webkit-border-radius:1.33vw;border-radius:1.33vw}.brandcomics .btn-manga-link a{padding:1.2vw;text-decoration:none;-webkit-transition:none;transition:none}.brandcomics .btn-manga-link a:hover{opacity:1}.brandcomics .btn-manga-link a:before{right:6.13vw;width:5.47vw;height:4vw;margin-top:-2vw}.brandcomics .btn-manga-link a span{padding:4vw;font-size:4.4vw;border:0.8vw solid #000}.brandcomics .banner-block{-webkit-box-direction:column;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;width:94.67%}.brandcomics .banner-block .box{width:100%;margin-bottom:5.33vw}.brandcomics .banner-block .box:last-child{margin-bottom:0}.brandcomics .banner-block .box .banner-copy{margin-bottom:2.67vw;padding:0 5.33vw 0 5.07vw;font-size:3.73vw}.brandcomics .banner-block .box .banner-copy::before{width:3.2vw;height:4.27vw;margin-top:-2vw}.brandcomics .banner-block .box .banner-copy::after{width:3.73vw;height:4.27vw;margin-top:-2vw}}
