@charset "UTF-8";
/*
Theme Name: webdunday2019
Author: Shogakukan
Author URI: https://websunday.net/
*/

.nextmonth__header-search-sp{
    display: none;
}
/* ------------------------------------

  全般

------------------------------------  */
a:hover{
    opacity: 1;
    text-decoration: none;
    transition: none;
}
a{
    transition: none;
}
.home a:hover{
    opacity: 0.6;
}
body{
    background: #f3eeed;
    font-family: 'Lucida Grande', Meiryo, メイリオ, sans-serif;
    color: #000;
    -webkit-text-size-adjust: 100%;
}
ul,ol{
    list-style: none;
}
.content {
    background: #fff;
    margin-bottom: 12px;
}
.page-template-page-2column .content {
    background:none;
    padding: 0;
}
.home .content{
    padding: 16px;
    background: #fff;
}
.yellow-textarea{
    background: #ffdc46;
    border-radius: 10px;
    padding: 12px;
    margin: 9px 0;
    line-height: 1.2;
}
.yellow-textarea p{
    font-size: 13px;
    line-height: 1.3;
    padding: 0;
}
.widget-common__header h1{
    color: #4ba0f0;
    font-size: 2.2rem;
    font-weight: bold;
    line-height: 1.2;
    padding-bottom: 8px;
    border-bottom: none;
    margin: 0;
}
.container a{
    color: #356def;
    text-decoration: underline;
}
.topic-path{
    position: absolute;
    top: 70px;
    left: 0;
    margin: 0;
    padding: 15px 2px;
}
/* 下記削除する際はツイッターの上部余白調整必要 */
.content__inner section{
    margin-bottom: 0;
}
@media screen and (min-width: 769px) {/* スマートフォン用スタイル */
    .content__main{
        float: left;
    }
    .content__sub{
        float: right;
        margin: 0 auto 20px;
    }
    #share{
        float: left;
    }
    .home .content{
        float: none;
    }
}
@media screen and (max-width: 768px) {/* スマートフォン用スタイル */
    body{
        padding-top: 0;
        background: #fff;
    }
    .container{
        padding-top: 64px;
        width: 100%;
    }
    .home .container{
        padding-top: 64px;
    }
    .home .content{
        width: calc(100vw - 24px);
        padding: 12px 0;
        margin: auto;
    }
}
@media screen and (max-width:640px) {
    .single-sunday .content,
    .single-sunday_super .content{
        width:100%!important;
    }
}
@media screen and (max-width: 768px) {
    .topic-path{
        position: relative;
        top: auto;
        left: auto;
        padding: 15px 10px;
    }
    .js-hiraku-offcanvas-body-right, .js-hiraku-offcanvas-body-left {
        overflow: visible!important;
    }
}
/* ------------------------------------

  共通

------------------------------------  */
.pkg{
    display: block;
    min-height: 0;
}
.pkg:after{
    content: "";
    clear: both;
    display: block;
}
.content__main img{
    width: auto;
    /* width: 100%;
    display: block; */
}
.content__sub{
    max-width: 300px;
    padding: 0 0 0 20px;
    background: #f3eeed;
}
.paging li span,
.paging li a{
    text-decoration: none;
    color: #d22928;
    border: 1px solid #d22928;
    margin: 5px;
}
.paging li a:hover{
    background:#d22928;
    color: #fff;
}
.paging li.paging__current span {
    background: #d22928;
    color: #fff;
    border: 1px solid #d22928;
}
.content__sub .p1s1-banner-s__inner {
    padding: 0;
}
.content__sub .p1s1-banner-s__header h3 {
    margin: 0;
}
.content__sub .p1s1-banner-s:first-child{
    margin-bottom: 10px;
}
.content__sub .p1s1-banner-s:first-child .p1s1-banner-s__item img{
    border: 1px solid #d22323;
}
.content__sub .p1s1-banner-s__item{
    margin: 0 auto 6px;
}
.content__sub .p1s1-banner-s .p1s1-banner-s__item img{
    border: 1px solid #d2d2d2;
}
@media screen and (min-width: 769px) {/* スマートフォン用スタイル */
    .container{
        width: 1080px;
        margin: 0 auto;
        position: relative;
        padding: 118px 0 20px;
    }
    .home .container{
        padding-top: 84px;
    }
    .content__main{
        max-width: 780px;
        width: 100%;
        background: #fff;
        padding: 16px;
        margin-bottom: 4px;
    }
}
@media screen and (max-width: 768px) and (min-width: 480px){
    .content__main{
        padding: 10px;
    }
}
@media screen and (max-width: 768px){
    .content__sub{
        padding: 15px;
        background: #f3eeed;
        width: 100%;
        max-width: 370px;
        margin: 10px auto 40px;
    }
    .content__sub .p1s1-banner-s:first-child .p1s1-banner-s__item{
        max-width: 240px;
        margin: auto;
    }
}
/* ------------------------------------

  ヘッダー

------------------------------------  */
.global-header__sitename h1 a,
.global-header__sitename div a {
    display: block;
    overflow: hidden;
    height: 0 !important;
    background-image: url(../img/websunday2019/logo.png);
}
.global-header__nav  em{
    font-style: normal;
}
@media screen and (min-width: 769px){
    .global-header {
        position: fixed;
        width: 100%;
        z-index: 11;
        height: 70px;
        background-image: url(../img/websunday2019/bg.png);
        background-repeat: repeat-x;
        box-shadow: 0px 3px 6px rgba(0,0,0,0.2);
        top:0;
        left:0;
    }
    .global-header a:hover{
        opacity: 1;
    }
    .global-header__inner{
        display: block;
        max-width: 100%;
        padding: 0;
    }
    .global-header__sitename{
        height: 70px;
        width: 1080px;
        top: 0;
        margin: auto;
        background-color: #fff;
        background: url(../img/websunday2019/item01.png) no-repeat;
        background-position: 160px 4px;
        margin: auto;
    }
    .global-header__sitename a{
        width: 156px;
        padding-top: 66px;
        background-size: 156px auto;
        z-index: 502;
    }
    .global-header__sitename h1,
    .global-header__sitename div {
        position: absolute;
        width: 156px;
        font-size: 8px;
        z-index: 20;
    }
    .global-header__nav{
        position: relative;
        width: 1080px;
        margin: auto;
        height: auto;
    }
    .global-header__nav .navs{
        position: absolute;
        top: -40px;
        padding-left: 180px;
        border-right: 1px solid #fff;
    }
    .global-header__nav li{
        width: 111px;
        list-style-type: none;
        border-left: 1px solid #fff;
        position: relative;
    }
    .global-header__nav .navs .nav1 div{
        width: 140px;
    }
    .global-header__nav .navs .nav4 div{
        width: 230px;
    }
    .global-header__nav .navs .nav5 div{
        width: 180px;
        margin-left: -35px;
    }
    .global-header__nav .navs .nav6 div,
    .global-header__nav .navs .nav7 div{
        width: 180px;
    }
    .global-header__nav .navs > li > p,
    .global-header__nav .navs > li > a {
        width: 104px;
        height: 40px;
        display: block;
        text-indent: -9999px;
        background-image: url(../img/websunday2019/hd_nv.png);
        background-repeat: no-repeat;
    }
    .global-header__nav .navs li.open{
        background: #000;
    }
    .global-header__nav .navs li:hover,
    .global-header__nav .navs div a:hover{
        background: #000;
    }
    .global-header__nav li span {
        position: absolute;
        display: block;
        background-image: url(../img/websunday2019/hd_item03.png);
        background-position: 0 0;
        top: -3px;
        right: 6px;
        width: 12px;
        height: 11px;
        text-indent: -9999px;
        overflow: hidden;
    }
    .global-header__nav .navs li.open > span {
        background-position: 0 -12px;
        top: 39px;
        z-index: 10;
    }
    .global-header__nav .close:hover{
        cursor: pointer;
    }
    .global-header__nav .close{
        position: absolute;
        bottom: 10px;
        right: 10px;
        z-index: 100;
    }
    .global-header__nav .nav1 p {
        background-position: center 0;
    }
    .global-header__nav .nav2 p {
        background-position: center -40px;
    }
    .global-header__nav .nav3 a {
        background-position: center -80px;
    }
    .global-header__nav .nav4 p {
        background-position: center -120px;
    }
    .global-header__nav .nav5 p {
        background-position: center -160px;
    }
    .global-header__nav .nav6 p {
        background-position: center -200px;
    }
    .global-header__nav .nav7 p {
        background-position: center -240px;
    }
    .global-header__nav .nav8 a {
        background-position: center -280px;
    }
    .global-header__nav .navs li {
        float: left;
        width: 111px;
        list-style-type: none;
        border-left: 1px solid #fff;
        position: relative;
    }
    .global-header__nav .navs li li {
        float: none;
        width: 100%;
    }
    .global-header__nav li ul {
        margin: 10px 10px 20px;
    }
    .global-header__nav .navs li div {
        display: none;
        position: absolute;
        top: 39px;
        background: #fff;
        font-size: 12px;
        text-align: center;
        left: 50%;
        border: 1px solid #d22323;
        box-shadow: 2px 2px 2px rgba(0,0,0,0.3);
        border-radius: 0 0 30px 30px / 0 0 30px 30px;
        -webkit-border-radius: 0 0 30px 30px / 0 0 30px 30px;
        -moz-border-radius: 0 0 30px 30px / 0 0 30px 30px;
        transform: translateX(-50%);
    }
    .global-header__nav .navs div a {
        color: #fff;
        display: block;
        background: #d22323;
        padding: 2px 0;
        margin-bottom: 2px;
        border: none;
        transition: none;
        white-space: nowrap;
    }
    .global-header__nav .navs .ren div {
        width: 1082px !important;
        border-width: 1px 6px 6px 6px;
        background: #fff;
        box-shadow: 0px 2px 2px rgba(0,0,0,0.3);
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        transform: none;
        margin-left: -338px;
    }
    .global-header__nav .navs .ren ul {
        margin: 16px 8px;
        border-collapse: collapse;
        display: flex;
        flex-wrap: wrap;
        vertical-align: top;
        width: 100%;
        list-style-type: none;
        justify-content: left;
    }
    .global-header__nav .navs .ren li{
        width: 168px;
        min-height: 70px;
        border: none;
        background: none;
        text-align: left;
        line-height: 1.2;
        margin: 0 4px;
    }
    .global-header__nav .navs .ren li a,
    .global-header__nav .navs .ren li a:hover {
        background: none;
    }
    .global-header__nav .navs .nav2 a {
        color: #0046be;
        white-space: normal;
        text-align: left;
    }
    .global-header__nav .navs .nav2 a em{
        color: #000;
        font-size: 11px;
    }
    .global-header__nav .navs .ren li a img {
        border: 1px solid #000;
        float: left;
        margin-right: 4px;
        width: 60px;
    }
}
@media screen and (max-width: 768px) {/* スマートフォン用スタイル */
    .websunday-top{
        width: calc(100vw - 24px);
        margin: auto;
    }
    .global-header__nav > ul li a{
        border-bottom: none;
    }
    .global-header__nav > ul li a:after{
        content: none;
    }
    .global-header__sitename h1 a,
    .global-header__sitename div a{
        position: absolute;
        right: 0px;
        width: 140px;
        padding-top: 58px;
        background-size: 140px 58px;
        -webkit-background-size: 140px 58px;
    }
    .global-header {
        background: url(../img/websunday2019/bg.png) repeat-x;
        background-size: 320px 64px;
        -webkit-background-size: 320px 64px;
        height: 64px;
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        z-index: 11;
    }
    .global-header h1,
    .global-header .global-header__sitename div {
        width: 320px;
        height: 64px;
        background: url(../img/websunday2019/hd_item02.png) no-repeat;
        background-size: 320px 64px;
        -webkit-background-size: 320px 64px;
    }
    .global-header__nav {
        width: 260px;
        background: #d22323;
        line-height: 1.2;
        display: none;
        margin:0;
        height: 100%;
    }
    .global-header__nav ul {
        background: #d22323;
    }
    .global-header__nav .navs {
        position: relative;
        list-style-type: none;
        padding: 0 0 50px;
    }
    .global-header__nav .navs li {
        position: relative;
    }
    .global-header__nav .navs li > p {
        background: #000;
        padding: 10px 8px;
        color: #fff;
        font-size: 1em;
        border-bottom: 1px solid #fff;
    }
    .global-header__nav .nav1 > p {
        border-top: 1px solid #fff !important;
    }
    .global-header__nav .navs li > span {
        display: none;
    }
    .global-header__nav .navs li li {
        list-style-type: none;
        border-bottom: 1px solid #fff;
        padding-left: 0.5em;
        padding: 0px 0;
    }
    .global-header__nav .navs li a {
        padding: 10px 8px;
        color: #fff;
    }
    .global-header__nav .nav2 .btn,
    .global-header__nav .navs li a {
        display: block;
        color: #fff;
        text-decoration: none;
        font-size: 1.5rem;
        font-weight: normal;
    }
    .global-header__nav .nav2 .btn {
        border-bottom: none;
        background-color: #981919 !important;
        background-repeat: no-repeat;
        background-position: 220px center;
        -webkit-background-size: 12px auto;
    }
    .global-header__nav .nav2 li {
        background-color: #db4f4f;
    }
    .global-header__nav .nav2 img {
        width: 30px;
        margin-right: 3px;
        vertical-align: middle;
    }
    .global-header__nav .nav2 div,
    .global-header__nav .nav2 li em,
    .global-header__nav .nav2 br {
        display: none;
    }
    .global-header__nav li span.arr {
        display: block;
        position: absolute;
        right: 10px;
        width: 10px;
        height: 10px;
        margin: auto;
        top: 12px;
        color: #fff;
        font-size: 8px;
    }
    .global-header__nav li span.arr:before {
        content: "▼";
        display: block;
    }
    .global-header__nav li span.arr:before
    .global-header__nav li span.arr.open:before {
        transform: rotate(180deg);
    }
    .global-header__nav .nav3 span.arr:before{
        display: none;
    }
    .global-header__nav .nav2 .close img {
        display: none;
    }
    .global-header__nav .nav2 .close {
        text-align: right;
        color: #fff;
        font-size: 1.2em;
        padding: 10px;
    }
    .global-header__nav .nav2 .close:after {
        content: "▲";
    }
}
/* ------------------------------------

  フッター

------------------------------------  */
.WSfooter {
    position: relative;
    clear: both;
    background: #d22323;
    height: 28px;
}
.WSfooter .top {
    position: absolute;
    top: -32px;
    right: 10px;
    width: 175px;
}
.WSfooter .top a {
    display: block;
    overflow: hidden;
    width: 100%;
    height: 0 !important;
    padding-top: 56px;
    background-image: url(../img/websunday2019/footer_logo.png);
}
/* ------------------------------------

  トップページ

------------------------------------  */
@media screen and (min-width: 769px) {
    .wsInfo{
    }
    .wsInfo:after{
        content: "";
        display: block;
        clear: both;
    }
    .wsInfo a:hover img{
        opacity: 0.6;
    }
    .wsInfo-cover{
        width: 308px;
        border: 9px solid #d63434;
        float: left;
    }
    .wsInfo-cover img{
        width: 290px;
        height: 414px;
        border: 2px solid #fff;
        display: block;
    }
    .wsInfo-jigou,
    .wsInfo-super{
        height: 172px;
        position: relative;
        overflow: hidden;
    }
    .wsInfo-jigou a,
    .wsInfo-super a{
        display: block;
        color: #000;
        text-decoration: none;
        font-size: 1.2rem;
        line-height: 1.3;
        padding-top: 112px;
        height: 172px;
    }
    .wsInfo-jigou,
    .wsInfo-super,
    .wsInfo-enq{
        float: left;
        width: 360px;
        margin: 0 0 10px 10px; 
    }
    .wsInfo-jigou a{
        background-image: url(../img/websunday2019/jigou.gif);
    }
    .wsInfo-super a{
        background-image: url(../img/websunday2019/super.gif);
    }
    .wsInfo-jigou a p{
        display: block;
        padding: 0px 12px 9px;
        height: 46px;
        overflow: hidden;
    }
    .wsInfo-super a p{
        margin: 0px 114px 9px 12px;
        height: 46px;
        overflow: hidden;
    }
    .wsInfo-jigou span{
        color: #5ac3ee;
        margin-right: -4px;
    }
    .wsInfo-super span{
        color: #fa9033;
        margin-right: -4px;
    }
    .wsInfo-enq a{
        display: block;
        background-image: url(../img/websunday2019/item03.png);
        background-color: #00c945;
        background-repeat: no-repeat;
        overflow: hidden;
        width: 100%;
        height: 0;
        padding-top: 84px;
    }
    .wsInfo-enq1{
        width: 260px;
    }
    .wsInfo-enq2{
        width: 94px;
        margin-left: 6px;
    }
    .wsInfo-enq2 a{
        background-position: 0 -84px;
    }
    .wsInfo-enq3 a{
        background-position: 0 -168px;
    }
    .wsInfo-super__cover{
        position: absolute;
        right: 9px;
        top: 9px;
    }
    .wsInfo-bnr .b1,
    .wsInfo-bnr .b2{
        float: left;
        width: 360px;
        margin: 0 0 10px 10px;
    }
    .wsInfo-bnr img{
        display: block;
    }
    .wsInfo-bnr .b1{
        border: 9px solid #f3999e;
    }
    .wsInfo-bnr .b2{
        border: 9px solid #6fa1df;
    }
}
@media screen and (max-width: 768px) {/* スマートフォン用スタイル */
    .wsInfo{
        width: calc(100vw - 24px);
    }
    .wsInfo-cover{
        width: calc((100vw - 24px) / 2);
        float: left;
        padding-right: 2px;
    }
    .wsInfo-cover img{
        width: 100%;
        height: auto;
        border: 1px solid #d63434;
    }
    .wsInfo-jigou p,
    .wsInfo-super p{
        display: none;
    }
    .wsInfo-jigou a,
    .wsInfo-super a,
    .wsInfo-enq a{
        display: block;
        background-repeat: no-repeat;
        overflow: hidden;
        width: 100%;
        height: 0 !important;
        background-size: cover;
        height: calc((((100vw - 24px) / 2 - 2px) * 516 / 360 - 12px) / 5);
        padding-top: calc((((100vw - 24px) / 2 - 2px) * 516 / 360 - 12px) / 5);
    }
    .wsInfo-jigou,
    .wsInfo-super,
    .wsInfo-enq{
        width: calc((100vw - 24px) / 2 - 2px);
        float: right;
        margin-bottom: 3px;
    }
    .wsInfo-jigou a{
        background-image: url(../img/websunday2019/sp_jigou.png);
    }
    .wsInfo-super a{
        background-image: url(../img/websunday2019/sp_super.png);
    }

    .wsInfo-jigou span{
    }
    .wsInfo-enq a{
        background-image: url(../img/websunday2019/item05.png);
        background-color: #00c945;
    }
    .wsInfo-enq2 a{
        background-position: 0 calc((((100vw - 24px) / 2) * 516 / 360 - 12px) / 5 * -1);
    }
    .wsInfo-enq3 a{
        background-position: 0 calc((((100vw - 24px) / 2) * 516 / 360 - 12px) / 5 * -2);
    }
    .wsInfo-super__cover{
        width: calc((100vw - 24px) / 2);
        float: left;
        padding-right: 2px;
    }
    .wsInfo-super__cover img{
        width: 100%;
        height: auto;
        border: 1px solid #d63434;
    }
    .wsInfo-bnr{
        clear: both;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .wsInfo-bnr div{
        width: calc(((100vw - 24px) - 4px) / 2);
    }
    .wsInfo-bnr .b1{
        border: 4px solid #f3999e;
    }
    .wsInfo-bnr .b2{
        border: 4px solid #6fa1df;
    }
}

/* ------------------------------------

  tabmenu-s

------------------------------------  */
.tabArea-menu{
    position: relative;
}
.tabArea h2{
    z-index: 2;
}
.tabArea h2 a{
    display: block;
    overflow: hidden;
    width: 100%;
    height: 0 !important;
    padding-top: 64px;
    background-size: 90px auto;
    background-image: url(../img/websunday2019/btn01.png);
}
.tabArea-btn li{
    border: 1px solid #b2b2b2;
    border-bottom: 1px solid #000;
}
.tabArea-btn li.active{
    font-weight: bold;
    border: 1px solid #707070;
    border-bottom: 1px solid #fff;
    position: relative;
}
.tabArea-btn li.active:after {
    content: "";
    width: 100%;
    height: 1px;
    background: #fff;
    position: absolute;
    left: 0;
    bottom: -2px;
}
.tabArea-contents{
    border-top: 1px solid #707070;
    margin-top: -1px;
    padding-bottom: 35px;
}
.tabArea-contents li:before{
    content: "●";
}
.tabArea-contents li{
    color: #ea7373;
    list-style-type: none;
}
.tabArea-contents li a{
    color: #000;
}
.tabArea-contents li a:hover{
    color: #ea7373;
}
.tabArea-contents li.new:after{
    content: "NEW";
    font-weight: bold;
}
.tabArea-contents a{
    text-decoration: none;
}
.tabArea-more{
    position: absolute;
    bottom: 10px;
    right: 0;
}
.tabArea-more a{
    display: block;
    overflow: hidden;
    width: 100%;
    height: 0;
    padding-top: 30px;
    background-size: 70px auto;
    background-image: url(../img/websunday2019/btn02.png);
}
.tabArea-more a:hover {
    opacity: 0.6;
}
@media screen and (min-width: 769px) {/* スマートフォン用スタイル */
    .tabArea{
        padding: 0;
    }
    .tabArea-btn li:not(.active):hover{
        background: #c8c8c8;
    }
    .tabArea h2{
        width: 90px;
        height: 64px;
        position: absolute;
        right: 0;
        top: -14px;
    }
    .tabArea-btn{
        width: calc(100% - 100px);
    }
    .tabArea-contents ul{
        width: 100%;
    }
    /* .tabArea-menu ul{
        width: calc(100% - 100px);
    } */
    .tabArea-btn li:first-child{
        border-radius: 30px 0 0 0 / 30px 0 0 0;
        -webkit-border-radius: 30px 0 0 0 / 30px 0 0 0;
        -moz-border-radius: 30px 0 0 0 / 30px 0 0 0;
    }
    .tabArea-btn li:last-child{
        border-radius: 0 30px 0 0 / 0 30px 0 0;
        -webkit-border-radius: 0 30px 0 0 / 0 30px 0 0;
        -moz-border-radius: 0 30px 0 0 / 0 30px 0 0;
    }

}
@media screen and (max-width: 768px) {/* スマートフォン用スタイル */
    .tabArea h2{
        height: 48px;
        position: absolute;
        right: 4px;
        top: 9px;
        text-align: right;
        z-index: 0;
    }
    .tabArea h2 a{
        display: block;
        overflow: hidden;
        width: 68px;
        height: 0 !important;
        padding-top: 48px;
        background-size: auto 48px;
        background-repeat: no-repeat;
    }
    .tabArea-menu{
        padding-top: 50px;
    }
    .tabArea-contents{
        padding: 0 0 35px;
    }
    .tabArea-contents ul {
        height: 320px;
        overflow: auto;
    }
    .tabArea-contents li {
        padding: 10px;
        border-bottom: 1px solid #e6e6e6;
    }
    .tabArea-more{
        right: auto;
        bottom: 5px;
        left: 50%;
        transform: translateX(-50%);
    }
}
/* ------------------------------------

  連載作品詳細

------------------------------------  */
.work-post__inner{
    max-width: 748px;
    width: 100%;
    background: #fff;
    /* padding: 16px; */
    margin-bottom: 24px; 
}
 /* btn */
 .rensaiHead__btn {
    padding-top: 7px;
    display: flex;
}
.rensaiHead__btn li {
    position: relative;
    margin-right: 4px;
    padding-top: 4px;
    width: 80px;
    height: 80px;
}
.rensaiHead__btn li a {
    display: block;
    overflow: hidden;
    width: 100%;
    height: 0 !important;
    padding-top: 80px;
}
.rensaiHead__btn li p {
    position: absolute;
    font-size: 1.2em;
    top: 6px;
    left: 4px;
    color: #fff;
}
.rensaiHead__btn li.bs a {
    background-image: url(../img/websunday2019/btn03.gif);
}
.rensaiHead__btn li.ym a {
    background-image: url(../img/websunday2019/btn04.gif);
}
.rensaiHead__btn li.hn a {
    background-image: url(../img/websunday2019/btn05.gif);
}
.rensaiHead__btn li a:hover {
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
}
.rensaiHead__btn2{
    margin-right: 0;
    padding-top: 6px;
}
/* prm */

.rensaiBody .prm,
.rensaiHead .prm {
    width: 100%;
}

.rensaiBody .prm article,
.rensaiHead .prm article {
    font-size: 14px;
    line-height: 1.6;
    margin-top: 5px;
    padding: 16px;
}
.rensaiBody .prm:first-of-type article,
.rensaiHead .prm:first-of-type article {
    margin-top: 0;
}
.work-post__ttl {
    color: #fff;
    font-size: 32px;
    font-weight: bold;
    line-height: 1.2;
    margin-top: -2px;
    padding-bottom: 6px;
    margin: 0;
}

/* story
------------------------------------------------*/

.rensaiBody__story {
    background-color: #61bdf6;
    color: #000;
    font-size: 14px;
}
.rensaiBody__story p {
    padding: 4px 0;
}
.rensaiBody__story big {
    font-size: 16px;
    font-weight: bold;
}
.rensaiBody__story .wrap {
    padding-top: 3px;
}
.rensaiBody__story ul {
    list-style-type: none;
    vertical-align: top;
    display:flex;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    width: 100%;
}
.rensaiBody__story li {
    vertical-align: top;
    width: calc(50% - 4px);
    padding: 8px;
    margin: 9px 8px 0 0;
    background-color: #fff;
    box-sizing: border-box;
    display: flex;
}
.rensaiBody__story li:nth-child(2n){
    margin-right: 0;
}
.rensaiBody__story li img {
    width: 100%;
    height: auto;
}
.rensaiBody__story li h5 {
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 1.2;
    padding-bottom: 5px;
    margin: 0;
}
.rensaiBody__story__wrap .pin {
    min-width: 120px;
}
.rensaiBody__story li p {
    font-size: 13px;
    line-height: 1.4;
}
.rensaiBody__story li .rensaiBody__kana {
    font-size: 10px;
    font-weight: normal;
    padding: 0 0 5px;
}
.rensaiBody__story .pin{
    margin-right: 10px;
}
/* comix
------------------------------------------------*/

.rensaiBody__comix {
    position: relative;
    background-color: #f09543;
}
.rensaiBody__comix h5 {
    font-size: 14px;
    padding: 0 8px !important;
    margin: 8px 0 0 !important;
    background: #fff;
    color: #f09543;
}

.rensaiBody__comix > ul {
    list-style-type: none;
    margin-right: -13px;
    display: flex;
    flex-wrap: wrap;
}

.rensaiBody__comix > ul > li {
    /* float: left; */
    padding: 4px;
    width: calc((100% - 16px) / 10);
    margin: 0;
}

.rensaiBody__comix > ul li p {
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.3;
    text-align: center;
}

.rensaiBody__comix > ul li .cover img {
    border: 1px solid #fff;
}

/* ul ul */

.rensaiBody__comix ul ul {
    list-style-type: none;
    padding-top: 4px;
    min-height: 36px;
}
.rensaiBody__comix ul ul li {
    padding-top: 2px;
}
.rensaiBody__comix li a {
    display: block;
    border-radius: 20px;
    color: #fff;
    font-weight: bold;
    line-height: 1;
    text-align: center;
    padding-top: 3px;
    height: 13px;
    box-sizing: content-box;
}
.rensaiBody__comix li.shop a {
    font-size: 11px;
}
.rensaiBody__comix li.yomu a {
    font-size: 10px;
}

.rensaiBody__comix li.shop a:link,
.rensaiBody__comix li.shop a:active,
.rensaiBody__comix li.shop a:visited {
    background-color: #356def;
    text-decoration: none;
}
.rensaiBody__comix li.shop a:hover {
    background-color: #7199f4;
    text-decoration: none;
}

.rensaiBody__comix li.yomu a:link,
.rensaiBody__comix li.yomu a:active,
.rensaiBody__comix li.yomu a:visited {
    background-color: #49c15b;
    text-decoration: none;
}
.rensaiBody__comix li.yomu a:hover {
    background-color: #7fd38c;
    text-decoration: none;
}
/* sub
------------------------------------------------*/

.rensaiBody__sub {
    width: 100%;
    background: #ffd838;
    padding: 12px 12px 16px 12px;
    overflow: hidden;
}

.rensaiBody__sub h4 {
    color: #fff;
    font-size: 32px;
    font-weight: bold;
    line-height: 1.2;
    padding-bottom: 8px;
    margin: 0;
}
.rensaiBody__sub > article > ul{
    clear: both;
    display: flex;
    justify-content: space-around;
}
.rensaiBody__sub__cover {
    max-width: 150px;
    float: left;
    margin-right: 10px;
}
.rensaiBody__sub__cover img{
    border: 3px solid #fff;
}

/* wrap */

.rensaiBody__sub__wrap {
    padding: 6px 12px 12px 12px;
}
.rensaiBody__sub__ttl{
    font-size: 13px;
    line-height: 1.2;
}
.rensaiBody__shop,
.rensaiBody__yomu{
    padding-top: 12px;
    width: 142px;
}
.rensaiBody__shop a{
    background-color: #356def;
    text-decoration: none;
}
.rensaiBody__yomu a{
    background-color: #49c15b;
    text-decoration: none;
}
.rensaiBody__sub__cover img,
.rensaiBody__comix .cover img {
    max-width: 100%;
    height: auto;
}
.rensaiBody__sub__vol {
    color: #f00000;
    font-size: 20px;
    line-height: 1;
    padding: 4px 0px 6px 0px;
    font-weight: bold;
}
.rensaiBody__sub__vol .big {
    font-size: 30px;
}
.rensaiBody__sub__vol .small {
    display: block;
    font-size: 15px;
    margin-right: -8px;
}
.rensaiBody__sub__wrap p {
    font-size: 12px;
    line-height: 1.4;
}

/* campaign */

.rensaiBody__sub__wrap p.campaign {
    background: #fff url(campaign.gif) top right no-repeat;
    margin: 8px -2px 0px -2px;
    padding: 13px 10px 7px 10px;
}

/* ul */

.rensaiBody__sub__wrap ul {
    list-style-type: none;
    padding-top: 8px;
    margin-bottom: 8px;
}
.rensaiBody__btn {
    display: flex;
}
.rensaiBody__btn a{
    display: block;
    border-radius: 30px;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    line-height: 1;
    text-align: center;
    padding-top: 8px;
    height: 20px;
    box-sizing: content-box;
}
.rensaiBody__sub__wrap li {
    padding-top: 4px;
    margin-right: 10px;
}
.rensaiBody__sub__wrap li.shop a:link,
.rensaiBody__sub__wrap li.shop a:active,
.rensaiBody__sub__wrap li.shop a:visited {
    background-color: #356def;
    text-decoration: none;
}
.rensaiBody__sub__wrap li.shop a:hover {
    background-color: #7199f4;
    text-decoration: none;
}
.rensaiBody__sub__wrap li.yomu a:link,
.rensaiBody__sub__wrap li.yomu a:active,
.rensaiBody__sub__wrap li.yomu a:visited {
    background-color: #49c15b;
    text-decoration: none;
}
.rensaiBody__sub__wrap li.yomu a:hover {
    background-color: #7fd38c;
    text-decoration: none;
}
.rensaiBody__name{
    margin: 0;
}
.rensaiHead__bnr img {
    width: 100px;
}
@media screen and (min-width:769px) {
    .content__inner .rensaiHead {
        position:relative;
        padding-bottom: 0;
        margin-bottom: 34px;
    }
    .content__inner .rensaiHead .prm {
        margin-top: 10px;
    }
    .rensaiHead__redttl {
        background-color: #d22323;
        color: #fff;
        font-size: 16px;
        line-height: 1;
        /* margin-top: 13px; */
        padding: 6px 0px 0px 9px;
        height: 19px;
        box-sizing: content-box;
        font-weight: bold;
    }
    .rensaiHead__redttl span { 
        color: #000; 
    }
    .rensaiHead__logoimg {
        float: left;
        position: relative;
        width: 417px;
        z-index: 2;
    }
    .rensaiHead__title {
        position: relative;
    }
    .rensaiHead .pin{
        position: relative;
        float: right;
        text-align: right;
        margin: -38px 0px 0px -100px;
        width: 430px;
        z-index: 1;
        right: 0;
        top: 0;
    }
    .postid-700 .rensaiHead__title .pin,
    .postid-709 .rensaiHead__title .pin,
    .postid-718 .rensaiHead__title .pin{
        padding-top: 46px;
    }
    .postid-701 .rensaiHead__title .pin{
        padding-top: 2px;
    }
    .rensaiHead__logoimg img{
        /* max-width: 350px; */
    }
    .rensaiHead .pin img  {
        /* max-width: 320px; */
    }
    .rensaiHead .tpad {
        padding-top: 46px;
    }
    .rensaiHead__detail {
        position: relative;
        font-size: 14px;
        line-height: 1.2;
        z-index: 3;
    }
    .rensaiHead__detail span {
        font-size: 2rem;
        font-weight: bold;
    }
    .rensaiHead__detail span small {
        font-size: 1.5rem;
        font-weight: normal;
    }
    /* ul */
    .rensaiHead ul {
        list-style-type: none;
        position: relative;
        z-index: 2;
    }
    .content__inner .rensaiBody {
        margin-bottom: 5px;
    }
    .rensaiHead__btn2 li {
        float: left;
        margin-right: 4px;
        padding-top: 4px;
        width: 80px;
        height: 40px;
    }
    .rensaiHead__btn2 li a {
        display: block;
        width: 100%;
    }
    .rensaiHead__bnr li {
        font-size: 14px;
        font-weight: bold;
        line-height: 1.3;
        padding-top: 10px;
    }
    .rensaiHead__renanime{
        background-color: #89d0ba;
        padding-bottom: 16px !important;
    }
    .rensaiHead__schedule{
        float: right;
        border: 1px solid #fff;
        width: 203px;
    }
    .rensaiHead__schedule dt {
        background-color: #89d0ba;
        font-size: 13px;
        line-height: 1;
        text-align: center;
        padding: 8px 0px 7px 0px;
    }
    .rensaiHead__schedule dd {
        background-color: #fff;
        font-size: 12px;
        line-height: 1.8;
        padding: 8px 0px 8px 8px;
    }
    .rensaiHead__h4{
        color: #fff;
        font-size: 32px;
        font-weight: bold;
        line-height: 1.2;
        margin-top: -2px;
        padding-bottom: 6px;
    }
    .rensaiHead__schedule{
        float: right;
        border: 1px solid #fff;
        width: 203px;
    }
    .rensaiHead__yokoku{
        padding-right: 221px;
    }
    .rensaiBody {
        margin-top: 0;
    }
    .rensaiBody__name{
        font-size: 14px;
        font-weight: bold;
        line-height: 1.2;
        padding: 10px 0px 5px 0px;
    }
}

@media screen and (max-width: 768px) {
    .work-post__inner{
        padding: 0;
        margin-bottom: 24px;
    }
    .rensaiHead__detail{
        font-size: 18px;
        line-height: 1.2;
        margin: 10px 12px 0px 12px;
    }
    .rensaiHead__detail span{
        font-size: 22px;
        font-weight: bold;
    }
    .rensaiHead__btn{
        margin-right: 0 !important;
        padding-top: 6px !important;
        margin-left: 12px;
    }
    .rensaiHead__redttl{
        background-color: #000;
        color: #fff;
        font-size: 18px;
        font-weight: bold;
        line-height: 1;
        text-align: center;
        padding: 16px 0px 14px 0px;
        margin: 0;
    }
    .rensaiHead__title{
        background-color: #d22323;
        padding: 10px 12px 12px 12px;
    }
    .rensaiHead__title > div{
        background-color: #fff;
        padding: 6px;
        text-align: center;
    }
    .rensaiBody{
        margin-top: 20px;
    }
    .rensaiBody__sub{
        margin-bottom: 20px;
    }
    .rensaiBody__sub > article > ul{
        justify-content: space-between;
    }
    .rensaiBody__story li{
        width: 100%;
        margin-right: 0;
    }
    .rensaiBody .prm article,
    .rensaiHead .prm article{
        font-size: 14px;
        line-height: 1.6;
        margin-top: 10px;
        padding: 12px;
    }
    .rensaiHead__schedule{
        border: 1px solid #fff;
    }
    .rensaiHead__schedule dt{
        background-color: #89d0ba;
        font-size: 16px;
        line-height: 1;
        text-align: center;
        padding: 8px 0px;
    }
    .rensaiHead__schedule dd{
        background-color: #fff;
        font-size: 13px;
        line-height: 1.6;
        margin: 0;
        padding: 8px 0px 8px 8px;
    }
    .rensaiHead__yokoku dd{
        margin: 0;
    }
    .rensaiHead__yokoku dd p{
        font-size: 15px;
        line-height: 1.5;
        padding-bottom: 8px;
    }
    .rensaiHead__yokoku dd h5{
        font-size: 18px;
        font-weight: bold;
        line-height: 1.2;
        padding: 8px 0px 4px 0px;
    }
    .rensaiHead__btn2{
        margin-left: 12px;
    }
    .rensaiHead__btn2 li {
        float: left;
        margin-right: 4px;
        padding-top: 4px;
        width: 94px;
    }
    .rensaiHead__btn2 li a{
        display: block;
        width: 100%;
    }
    .rensaiHead__btn2 li img {
        width: 100%;
        height: auto;
        display: block;
    }
    .rensaiHead__bnr{
        margin-left: 12px;
    }
    .rensaiHead__btn li{
        font-size: 15px;
        font-weight: bold;
        line-height: 1.3;
        padding-top: 10px;
        position: relative;
        float: left;
        margin-right: 4px;
        padding-top: 4px;
        width: 96px;
        height: 96px;
    }
    .rensaiHead__btn li a{
        display: block;
        overflow: hidden;
        width: 100%;
        height: 0 !important;
        padding-top: 96px;
        background-size: contain;
    }
    .rensaiHead__bnr li {
        font-size: 15px;
        font-weight: bold;
        line-height: 1.3;
        padding-top: 10px;
    }
    .rensaiHead__renanime{
        background-color: #89d0ba;
    }
    .rensaiBody__story li .rensaiBody__kana {
        font-size: 11px;
        font-weight: normal;
    }
    .rensaiBody__name{
        font-size: 18px;
        font-weight: bold;
        line-height: 1.2;
        padding-bottom: 5px;
    }
    .rensaiBody__comix > ul > li {
        margin: 8px;
        width: 90px;
    }
    .rensaiBody__btn{
        flex-wrap: wrap;
    }
    .rensaiBody__sub__wrap li{
        margin-right: 0;
    }
}
@media screen and (max-width: 480px) {
    .rensaiBody__comix > ul{
        justify-content: flex-start;
        margin-right: 0;
    }
    .rensaiBody__comix > ul > li{
        width: calc(33.33% - 16px);
    }
    .rensaiBody__comix > ul li .cover img{
        width: 90px;
    }
    .rensaiBody__comix .cover{
        text-align: center;
    }
    .rensaiBody .prm article,
    .rensaiHead .prm article{
        padding: 8px;
    }
    .rensaiBody__comix li.shop a,
    .rensaiBody__comix li.yomu a{
        display: block;
        border-radius: 10px;
        color: #fff;
        font-weight: bold;
        line-height: 1;
        text-align: center;
        padding: 0px 0px 0px 0px;
        height: 24px;
        line-height: 24px;
    }
    .rensaiBody__shop, .rensaiBody__yomu{
        width: 130px;
    }
    .rensaiBody__story .work-post__ttl span{
        display: block;
    }
}
/* ------------------------------------

  名作ミュージアム

------------------------------------  */
.museum-list{
    background: #fff;
    margin-bottom: 24px;
}
.museumListp__header {
	margin-bottom: 12px;
	font-size: 13px;
}
.museumListp__body {
	border: 12px solid #d22323;
}
.museumListp__body ul {
	border-collapse: collapse;
    display:table;
    table-layout: fixed;
	font-size: 12px;
	width: 100%;
}
.museumListp__body li {
	list-style-type: none;
	display: table-cell;
	font-size: 12px;
	border-right: 2px solid #e99191;
	border-top: 2px solid #e99191;
	padding: 9px;
}
.museumListp__body li:nth-child(4n){
	border-right: none;
}
.museumListp__body li a {
	text-decoration: none;
	color: #000;
}
.museumListp__body h3 {
	font-size: 20px;
	color: #d22323;
    margin-bottom: 0;
}
.museumListp__body h4 {
	color: #000;
	font-size: 13px;
	line-height: 1.2;
	margin-top: 4px;
    margin-bottom: 0;
}
.museumListp__body .cover img {
    border: 1px solid #e99191;
    width: 86px;
    display: block;
}

@media screen and (max-width:640px) {
	.museumListp__header {
		margin-bottom: 12px;
		padding: 9px;
	}
	.museumListp__body {
		border: none;
	}
	.museumListp__body ul {
		display: block;
		border-top: 1px solid #e99191;
	}
	.museumListp__body li {
		display: inline-block;
		vertical-align: top;
		width: 24%;
		border: none;
	}
}
@media screen and (max-width:480px) {
	.museumListp__body ul {
		border-top: none;
	}
	.museumListp__body li {
		width: 50%;
		border: none;
		border-top: 1px solid #e99191;
	}
	.museumListp__body li:nth-child(odd){
		border-right: 1px solid #e99191;
		margin-right: -1px;
	}
	.museumListp__body li:nth-child(even){
		border-left: 1px solid #e99191;
	}
}

/* ------------------------------------

  壁紙ダウンロード

------------------------------------  */
.wallpaper-list{
    background: #fff;
}
.wallpaperList__header{
    position: relative;
    height: 60px;
}
.wallpaperList__header h1{
    position: absolute;
    right: 0;
}
.wallpaperList__body{
    width: 100%;
}
.wallpaperList__body__block{
    border: 12px solid #ffec00;
    padding: 8px;
}
.wallpaperList__body section{
    font-size: 12px;
    margin: 8px 0 16px;
    padding-bottom: 8px;
    border-bottom: 2px solid #ffec00;
}
.wallpaperList__body section:last-child{
    border: none;
    padding-bottom: 8px;
}
.wallpaperList__txt1{
    font-size: 1.2em;
    line-height: 1.2;
    color: #0000ab;
    font-weight: normal;
}
.wallpaperList__ttl{
    color: #d22323;
    font-size: 1.6em;
    padding: 2px 0;
    line-height: 1.1;
    margin: 0;
}
.wallpaperList__txt2{
    font-size: 1.56rem;
    font-weight: bold;
}
.wallpaperList__body__block ul{
    list-style-type: none;
    padding: 0 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.wallpaperList__body__block li{
    text-align: center;
}
.wallpaperList__body__block a{
    color: #3bcb60;
    text-decoration: underline;
}
.wallpaperList__body__block ul li img{
    border: 2px solid #ffec00;
    margin: 2px 0;
    max-width: 100%;
}
.wallpaperList__body__howto{
    margin-top: 20px;
}
.wallpaperList__body__howto h2{
    font-size: 1.8rem;
    color: #d22323;
    margin: 12px 0 0;
}
.wallpaperList__body__howto p{
    font-size: 1.4rem;
    padding: 4px 0;
}
@media screen and (min-width: 769px) {
    .wallpaper-list{
        width: 748px;
        margin-bottom: 24px;
    }
    
}
@media screen and (max-width: 640px) {
    .wallpaperList__header h1 { 
        position: relative;
    }
    .wallpaperList__body { 
        width: 100%;
    }
    .wallpaperList__body__block section li { 
        width: 50%;
    }
    .wallpaperList__body__howto { 
        margin: 20px 10px;
    }
    .wallpaperList__body__block ul li img{
        height: auto!important;
    }
}
/* ------------------------------------

  バックステージ一覧

------------------------------------  */
.backstage-post{
    background: #fff;
    max-width: 748px;
    margin-bottom: 24px;
    box-sizing: content-box;
}
.backstage-post h2{
    margin: 0;
}
.backstage-list{
    max-width: 748px;
    background: #fff;
    box-sizing: content-box;
}
.backstageList__header h2{
    margin: 0;
}
.backstageList__header h2 a{
    position: absolute;
    display: block;
    overflow: hidden;
    width: 677px;
    height: 0 !important;
    padding-top: 90px;
    margin-left: 71px;
    z-index: 2;
    background-image: url(../img/websunday2019/backstage_title.png);
}
.backstageList__body nav li a{
    color: #000;
    text-decoration: none;
    margin-left: -5px;
}
.backstageList__body nav li span{
    display: block;
    position: absolute;
    right: 0;
    top: 2px;
    color: #888;
    font-size: 12px;
}
.backstageList__body nav li.new:before{
    content: "NEW";
    display: block;
    position: absolute;
    left: -4px;
    top: 1px;
    font-size: 12px;
    text-align: right;
    width: 40px;
    font-weight: bold;
}
.content{
    background: none;
}
.content__wrapper{
    /* align-items: flex-start; */
    display: block;
}

@media screen and (min-width: 641px) {
    .backstageList__header{
        position: relative;
        width: 100%;
        height: 90px;
    }
    .backstageList__header h3{
        position: absolute;
        top: 62px;
        right: 8px;
        overflow: hidden;
        width: 95px;
        height: 0 !important;
        padding-top: 95px;
        z-index: 1;
        background-image: url(../img/websunday2019/backstage_sakka.png);
    }
    .backstageList__body {
        padding: 18px 24px 0px 18px;
    }
    .backstageList__body nav {
        border: 16px solid #72c883;
        padding: 18px 0px 16px 0;
    }
    .backstageList__body nav ul{
        list-style-type: none;
        display: flex;
        flex-wrap: wrap;
        width: 100%;
    }
    .backstageList__body nav li{
        position: relative;
        color: #faa000;
        font-size: 14px;
        line-height: 1.6;
        width: calc(30% - 30px);
        padding-left: 35px;
    }
    .backstageList__body nav li a:hover{
        color: #5bb06f;
        text-decoration: underline;
    }
    .backstageList__footer{
        padding-top: 24px;
    }
    .backstageList__footer a{
        border: 1px solid #f58c00;
        color: #f58c00;
        text-decoration: none;
        display: block;
        border-radius: 50px;
        font-size: 16px;
        line-height: 1;
        font-weight: bold;
        text-align: center;
        padding: 16px 0px 12px 0px;
    }
}
@media screen and (max-width: 768px) and (min-width: 480px){
    .backstageList__header h2 a{
        margin-left: 0;
        width: 100%;
        background-size: contain;
    }
}
@media screen and (max-width: 640px) {
    .backstage-post{
        margin-top: -15px;
    }
    .backstage-list{
        padding: 0 8px 10px;
        margin-top: -15px;
    }
    .backstageList__header{
        padding: 6px 0px 0px 0px;
        height: 92px
    }
    .backstageList__header h2 a{
        width: 100%;
        height: 0 !important;
        padding-top: 64px;
        background-size: contain;
        -webkit-background-size: contain;
        margin-left: 0;
        background-image: url(../img/websunday2019/backstage_titlesp.png);
        position: relative;
    }
    .backstageList__header h3{
        display: block !important;
        position: absolute;
        top: 104px;
        right: 8px;
        overflow: hidden;
        width: 76px;
        height: 0 !important;
        padding-top: 76px;
        background-image: url(../img/websunday2019/backstage_sakka.png);
        background-size: 76px 76px;
        -webkit-background-size: 76px 76px;
        z-index: 1;
    }
    .backstageList__body nav {
        border: 1px solid #72c883;
        padding: 16px 0px 20px 45px;
    }
    .backstageList__body nav li:nth-child(2n){
        background-color: #eee;
    }
    .backstageList__body nav li{
        position: relative;
        color: #faa000;
        font-size: 15px;
        line-height: 1;
        padding-left: 4px;
    }
    .backstageList__body nav li a{
        display: inline-block;
        padding: 8px 0px 9px 0px;
        width: auto;
    }
    .backstageList__body nav li span{
        font-size: 13px;
        display: inline-block;
        right: auto;
        left: 154px;
        top: 10px;
    }
    .backstageList__footer{
        padding: 20px 0px;
    }
    .backstageList__footer a{
        display: block;
        border: 1px solid #f58c00;
        border-radius: 60px;
        color: #f58c00;
        font-size: 16px;
        line-height: 1;
        font-weight: bold;
        padding: 12px 20px 12px 16px;
        text-decoration: none;
    }
    .backstageList__footer .fanmail{
        background: url(../img/websunday2019/backstage_linkcap2.png) right 6px center no-repeat;
        background-size: 13px 17px;
        -webkit-background-size: 13px 17px;
    }
    .backstageList__body nav li.new:before{
        content: "NEW";
        display: block;
        position: absolute;
        left: -42px;
        top: 10px;
        font-size: 12px;
        text-align: right;
        width: 40px;
        font-weight: bold;
    }
}

/* ------------------------------------

  バックステージ詳細

------------------------------------  */
.bspPage__mail a{
    color: #0048d0;
    text-decoration: underline;
}
.bspPage__mail a:hover{
    color: #f00000;
    text-decoration: underline;
}
.bspPage__head span{
    font-weight: bold;
    font-size: 1.6rem;
}
nav.pageNav{
    height: 38px;
}
@media screen and (min-width: 641px) {
    
    /* bsHeader
    -------------------------------------------------------- */
    
    .bspHeader {
        position: relative;
        width: 100%;
        height: 90px;
    }
    
    .bspHeader h2 a {
        position: absolute;
        display: block;
        overflow: hidden;
        max-width: 677px;
        width: 100%;
        height: 0 !important;
        padding-top: 90px;
        background-image: url(../img/websunday2019/backstage_title.png);
        margin-left: 71px;
        z-index: 2;
    }
    
    .bspHeader h3 {
        position: absolute;
        top: 62px;
        right: 8px;
        overflow: hidden;
        width: 95px;
        height: 0 !important;
        padding-top: 95px;
        background-image: url(../img/websunday2019/backstage_sakka.png);
        z-index: 1;
    }
    
    
    /* bsPage
    -------------------------------------------------------- */
    
    .bspPage {
        padding: 20px 0px 0px 0px;
    }
    
    /* section */
    
    .bspPage section {
        width: 100%;
    }
    
    /* bsNavi
    -------------------------------- */
    
    .bspNavi {
    }
    
    .bspNavi h3 {
        position: relative;
        top: 1px;
        border: 1px solid #72c883;
        border-radius: 28px 0px 0px 0px;
        border-bottom: none;
        background-color: #fff;
        color: #72c883;
        font-size: 14px;
        font-weight: bold;
        line-height: 1;
        padding: 9px 0px 0px 17px;
        width: 82px;
        height: 18px;
        margin: 0;
    }
    .bspNavi h3 span {
        display: none;
    }
    
    /* klink */
    
    .bspNavi__link {
        border: 1px solid #72c883;
        padding: 10px;
    }
    
    /* dl */
    
    .bspNavi dt {
    }
    .bspNavi dt a {
        float: left;
        display: block;
        border-radius: 30px;
        color: #fff;
        font-size: 13px;
        line-height: 1;
        font-weight: bold;
        margin-right: 6px;
        padding: 7px 16px 6px 16px;
        margin-bottom: 3px;
    }
    .bspNavi dt.btn01 a:link,
    .bspNavi dt.btn01 a:active,
    .bspNavi dt.btn01 a:visited {
        background-color: #faa000;
        text-decoration: none;
    }
    .bspNavi dt.btn01 a:hover {
        background-color: #fbb840;
        text-decoration: none;
    }

    .bspNavi dt.btn02 a:link,
    .bspNavi dt.btn02 a:active,
    .bspNavi dt.btn02 a:visited {
        border: 1px solid #f58c00;
        color: #f58c00;
        text-decoration: none;
    }
    .bspNavi dt.btn02 a:hover {
        border: 1px solid #f8a940;
        color: #f8a940;
        text-decoration: none;
    }

    .bspNavi dd {
        color: #72c883;
        font-size: 12px;
        line-height: 2.4;
    }
    .bspNavi dd a:link,
    .bspNavi dd a:active,
    .bspNavi dd a:visited {
        color: #f58c00;
        text-decoration: none;
    }
    .bspNavi dd a:hover {
        color: #f58c00;
        text-decoration: underline;
    }
    
    /* ul */
    
    .bspNavi ul {
        list-style-type: none;
    }
    .bspNavi li {
        float: left;
        padding-top: 6px;
    }
    
    .bspNavi li a {
        display: block;
        border-radius: 30px;
        font-size: 12px;
        line-height: 1;
        margin-right: 6px;
        padding: 4px 12px 2px 12px;
    }
    .bspNavi li a:link,
    .bspNavi li a:active,
    .bspNavi li a:visited {
        border: 1px solid #f58c00;
        color: #f58c00;
        text-decoration: none;
    }
    .bspNavi li a:hover {
        border: 1px solid #f8a940;
        color: #f8a940;
        text-decoration: none;
    }
    
    /* pageNav
    -------------------------------- */
    
    nav.pageNav {
        padding: 6px 0px 0px 0px;
    }
    
    nav.pageNav ul {
        list-style-type: none;
        position: relative;
    }
    
    nav.pageNav li {
        font-size: 14px;
        line-height: 1;
        font-weight: bold;
    }
    nav.pageNav li span {
        font-size: 11px;
        font-weight: normal;
    }
    
    nav.pageNav li.prev {
        float: left;
        background: url(../img/websunday2019/backstage_cap_l.gif) left top no-repeat;
        padding-left: 11px;
        width: 47px;
    }
    nav.pageNav li.next {
        float: right;
        background: url(../img/websunday2019/backstage_cap_r.gif) right top no-repeat;
        padding-right: 11px;
        width: 47px;
    }
    nav.pageNav li.last {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        background: url(../img/websunday2019/backstage_cap_l.gif) left top no-repeat;
        padding-left: 11px;
        width: 251px;
        text-align: center;
    }
    nav.pageNav li.last p {
        background: url(../img/websunday2019/backstage_cap_r.gif) right top no-repeat;
        padding-right: 11px;
    }
    
    nav.pageNav li a {
        display: block;
        border: 2px solid #72c883;
        text-align: center;
        padding-top: 8px;
        height: 20px;
    }
    nav.pageNav li.prev a {border-left: none;}
    nav.pageNav li.next a {border-right: none;}
    nav.pageNav li.last a {border-left: none; border-right: none;}
    
    nav.pageNav li a:link,
    nav.pageNav li a:active,
    nav.pageNav li a:visited {
        color: #72c883;
        text-decoration: none;
    }
    nav.pageNav li a:hover {
        color: #faa000;
        text-decoration: none;
    }
    
    /* article
    -------------------------------- */
    
    .bspPage article {
        border: 16px solid #72c883;
        margin-top: 6px;
        padding: 16px;
    }
    
    /* meshead */
    
    .bspPage__head {
        border-bottom: 1px solid #72c883;
        margin-bottom: 16px;
        padding-bottom: 2px;
    }
    
    .bspPage__head h2 {
        font-size: 22px;
        line-height: 1;
    }
    
    .bspPage__head p {
        font-size: 13px;
        line-height: 1.5;
    }
    
    .bspPage__illus {
        text-align: center;
        border-bottom: 8px solid #b6e5bf;
        margin-bottom: 16px;
        padding-bottom: 16px;
    }
    
    /* honbun */
    
    .bspPage__text {
        font-size: 14px;
        line-height: 1.8;
        padding: 0px 0px 30px 0px;
        word-wrap: break-word;
    }
    .bspPage__text .pin {
        width: 100%;
        display: block;
        text-align: center;
    }
    .bspPage__text img {
        max-width: 100%;
        text-align: center;
    }
    .bspPage__text .cut {
        width: 100%;
        display: block;
        text-align: center;
        border-top: 1px solid #000;
        margin-top: 16px;
    }
    
    /* profile */
    
    .bspPage__profile {
        position: relative;
        border: 5px solid #b6e5bf;
        padding: 12px 12px 10px 12px;
    }
    
    .bspPage__profile h4 {
        position: absolute;
        top: -18px;
        right: 9px;
        overflow: hidden;
        width: 75px;
        height: 0 !important;
        padding-top: 32px;
        background-image: url(../img/websunday2019/backstage_profile.gif);
    }
    
    .bspPage__profile h3 {
        border-bottom: 1px solid #b6e5bf;
        font-size: 16px;
        line-height: 1.2;
        margin-bottom: 5px;
        padding-bottom: 3px;
    }
    .bspPage__profile h3 span{
        font-size: 12px;
        font-weight: normal;
    }
    
    .bspPage__profile p {
        font-size: 12.2px;
        line-height: 1.6;
    }
    
    /* mail */
    
    .bspPage__mail {
        position: relative;
        background: url(../img/websunday2019/backstage_mail.gif) center top no-repeat;
        font-size: 13.2px;
        text-align: center;
        margin-top: -6px;
        padding-top: 22px;
    }    
    /* bn */
    
    .bspPage__bn {
        padding-top: 22px;
    }
    
    .bspPage__bn h4 {
        border-radius: 40px 40px 0px 0px;
        background-color: #72c883;
        color: #fff;
        font-size: 12px;
        font-weight: normal;
        line-height: 1;
        text-align: center;
        margin: auto;
        padding: 9px 0px 4px 0px;
        width: 120px;
    }
    
    .bspPage__bn h3 {
        position: relative;
        border: 1px solid #a4dfaf;
        background-color: #f3f9f3;
        color: #5bb06f;
        font-size: 13px;
        line-height: 1;
        text-align: center;
        margin: 7px 0 0px 0px;
        padding: 7px 0px 0px 0;
        cursor: pointer;
        box-sizing: border-box;
    }
    /* .bspPage__bn h3 em {
        display: block;
        position: absolute;
        right: -28px;
        top: 0;
        overflow: hidden;
        width: 24px;
        height: 0 !important;
        padding-top: 24px;
        background-image: url(bnpull.gif);
        font-size: 8px;
        line-height: 2;
    }
    .bspPage__bn h3 em.open {background-position: 0 -24px;} */
    
    .bspPage__bn ul {
        list-style-type: none;
        padding-top: 8px;
        border-top: 8px solid #b6e5bf;
    }
    
    .bspPage__bn li {
        float: left;
        font-size: 12px;
        font-weight: bold;
        line-height: 1.7;
        margin-right: 7px;
        width: calc((100% / 3) - 7px);
    }
    .bspPage__bn li span {
        font-size: 11px;
        font-weight: normal;
    }
    
    .bspPage__bn li a:link,
    .bspPage__bn li a:active {
        color: #000;
        text-decoration: none;
    }
    .bspPage__bn li a:visited {
        color: #888;
        text-decoration: none;
    }
    .bspPage__bn li a:hover {
        color: #5bb06f;
        text-decoration: underline;
    }
    
    /* sList
    -------------------------------- */
    
    #sList {
        float: right;
        width: 133px;
        padding-top: 28px;
    }
    
    #sList ul {
        list-style-type: none;
        border: 1px solid #faa000;
        border-right: none;
        padding: 14px 0px 14px 8px;
    }
    
    #sList li {
        font-size: 12px;
        line-height: 1.5;
    }
    #sList li em {
        color: #faa000;
        font-weight: bold;
    }
    #sList li em.old {
        color: #90b0e0 !important;
    }
    
    #sList li a:link,
    #sList li a:active,
    #sList li a:visited {
        color: #000;
        text-decoration: none;
    }
    #sList li a:hover {
        color: #5bb06f;
        text-decoration: underline;
    }
    
    /* bsFooter
    -------------------------------- */
    
    .bspPage #bsFooter {
        border-top: 1px solid #a4dfaf;
        margin-top: 18px;
        padding-top: 8px;
    }
    
    .bspPage #bsFooter #snsbox {
        margin-top: 0;
    }
    
    .bspPage #bsFooter #bstopNav {
        float: right;
    }
    .bspPage #bsFooter #bstopNav ul {
        list-style-type: none;
    }
    .bspPage #bsFooter .bstop a {
        display: block;
        overflow: hidden;
        width: 270px;
        height: 0 !important;
        padding-top: 33px;
        background-image: url(bs.gif);
    }
    
}
@media screen and (max-width: 768px) {
    .bspHeader h2 a{
        margin-left: 0;
        background-size: contain;
    }
}
@media screen and (max-width: 640px) {
	
	/* bsHeader
	-------------------------------------------------------- */
	
	.bspHeader {
		padding: 6px 0px 0px 0px;
		height: 66px;
        box-sizing: border-box;
	}
	.toppage {
		height: 92px !important;
        position: relative;
	}
	
	.bspHeader h2 a {
		position: absolute;
		display: block;
		overflow: hidden;
		width: 320px;
		height: 0 !important;
		padding-top: 64px;
		background-image: url(../img/websunday2019/backstage_titlesp.png);
		background-size: 100% auto;
		-webkit-background-size: 100% auto;
		z-index: 2;
	}
	
	.bspHeader h3 {
		display: none;
	}
	.toppage h3 {
		display: block !important;
		position: absolute;
        top: 36px;
		right: 8px;
		overflow: hidden;
		width: 76px;
		height: 0 !important;
		padding-top: 76px;
		background-image: url(../img/websunday2019/backstage_sakka.png);
		background-size: 76px 76px;
		-webkit-background-size: 76px 76px;
		z-index: 1;
	}
	
	/* bsPage
	-------------------------------------------------------- */
	
	.bspPage {
		padding: 0px 0px 0px 0px;
	}
	
	/* section */
	
	.bspPage section {
		padding: 8px;
	}
	
	/* bsNavi
	-------------------------------- */
	
	.bspNavi {
		padding-bottom: 4px;
	}
	
	.bspNavi h3 {
		position: relative;
		border: 1px solid #72c883;
		border-radius: 8px 8px 0px 0px;
		border-bottom: none;
		background-color: #fff;
		color: #72c883;
		font-size: 15px;
		font-weight: bold;
		line-height: 1;
		text-align: center;
		padding: 10px 0px 0px 0px;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        margin: 0;
	}
	.bspNavi h3 span {
		display: none;
	}
	
	/* klink */
	
	.bspNavi__link {
		border: 1px solid #72c883;
		border-radius: 0px 0px 8px 8px;
		border-top: none;
		padding: 10px 10px 12px 10px;
	}
	
	/* dl */
	
	.bspNavi dl {
		text-align: center;
		margin: 0;
	}
	
	.bspNavi dt.btn01 {
		background: #faa000 url(../img/websunday2019/backstage_linkcap1.png) right center no-repeat;
		background-size: 13px 17px;
		-webkit-background-size: 13px 17px;
	}
	.bspNavi dt.btn01 a {
		display: block;
		color: #fff;
		font-size: 15px;
		line-height: 1;
		font-weight: bold;
		padding: 7px 0px;
		margin-bottom: 2px;
	}
	.bspNavi dt.btn01 a:link,
	.bspNavi dt.btn01 a:active,
	.bspNavi dt.btn01 a:visited {
		text-decoration: none;
	}
    .bspNavi dt.btn02 {
		background: url(../img/websunday2019/backstage_linkcap2.png) right center no-repeat;
		background-size: 13px 17px;
		-webkit-background-size: 13px 17px;
		margin-top: 8px;
	}
	.bspNavi dt a {
		display: block;
		font-size: 13px;
		line-height: 1;
		padding: 6px 16px 6px 6px;
	}
	.bspNavi dt.btn02 a:link,
	.bspNavi dt.btn02 a:active,
	.bspNavi dt.btn02 a:visited {
		border: 1px solid #f58c00;
		color: #f58c00;
		text-decoration: none;
    }
    
	.bspNavi dd {
		margin: 0px;
		padding: 2px 0px;
	}
	.bspNavi dd span {
		display: none;
	}
	.bspNavi dd a {
		display: block;
		background: url(../img/websunday2019/backstage_linkcap2.png) right center no-repeat;
		background-size: 13px 17px;
		-webkit-background-size: 13px 17px;
		font-size: 15px;
		line-height: 2;
	}
	.bspNavi dd a:link,
	.bspNavi dd a:active,
	.bspNavi dd a:visited {
		border: 1px solid #f58c00;
		color: #f58c00;
		text-decoration: none;
	}

	
	/* ul */
	
	.bspNavi ul {
		list-style-type: none;
		text-align: center;
	}
	.bspNavi li {
		background: url(../img/websunday2019/backstage_linkcap2.png) right center no-repeat;
		background-size: 13px 17px;
		-webkit-background-size: 13px 17px;
		margin-top: 8px;
	}
	.bspNavi li a {
		display: block;
		font-size: 13px;
		line-height: 1;
		padding: 6px 16px 6px 6px;
	}
	.bspNavi li a:link,
	.bspNavi li a:active,
	.bspNavi li a:visited {
		border: 1px solid #f58c00;
		color: #f58c00;
		text-decoration: none;
	}
	
	/* pageNav
	-------------------------------- */
	
	nav.pageNav {
		padding: 10px 0px 0px 0px;
	}

	nav.pageNav ul {
		list-style-type: none;
		position: relative;
	}
	
	nav.pageNav li {
		position: relative;
		font-size: 15px;
		line-height: 1;
		font-weight: bold;
	}
	nav.pageNav li span {
		display: none;
	}
	
	nav.pageNav li.prev {
		float: left;
		background: url(../img/websunday2019/backstage_cap_l.gif) left top no-repeat;
		background-size: 14px 40px;
		-webkit-background-size: 14px 40px;
		padding-left: 14px;
		width: 60px;
        z-index: 10;
        box-sizing: border-box;
	}
	nav.pageNav li.next {
		float: right;
		background: url(../img/websunday2019/backstage_cap_r.gif) right top no-repeat;
		background-size: 14px 40px;
		-webkit-background-size: 14px 40px;
		padding-right: 14px;
		width: 60px;
        z-index: 10;
        box-sizing: border-box;
	}
	nav.pageNav li.last {
		position: absolute;
		text-align: center;
		width: 100%;
		z-index: 5;
	}
	nav.pageNav li.last p {
		display: inline-block;
		font-weight: bold;
		text-align: center;
		width: 136px;
	}
	
	nav.pageNav li a {
		display: block;
		border: 3px solid #72c883;
		padding-top: 11px;
        height: 40px;
        box-sizing: border-box;
	}
	nav.pageNav li.prev a {border-left: none; padding-left: 4px;}
	nav.pageNav li.next a {border-right: none; padding-left: 8px;}
	
	nav.pageNav li a:link,
	nav.pageNav li a:active,
	nav.pageNav li a:visited {
		color: #72c883;
		text-decoration: none;
	}
	
	/* article
	-------------------------------- */
	
	.bspPage article {
		border: 1px solid #72c883;
		margin-top: 10px;
        padding: 8px 4px;
	}
	
	/* meshead */
	
	.bspPage__head {
		border-bottom: 1px solid #72c883;
		margin-bottom: 16px;
		padding-bottom: 2px;
	}
	
	.bspPage__head h2 {
		font-size: 22px;
		line-height: 1;
	}
	
	.bspPage__head p {
		font-size: 13px;
		line-height: 1.5;
	}
	
	.bspPage__illus {
		border-bottom: 10px solid #b6e5bf;
		text-align: center;
		padding-bottom: 16px;
	}
	
	/* honbun */
	
	.bspPage__text {
		font-size: 16px;
		line-height: 1.6;
		margin-top: 16px;
		padding: 0px 0px 30px 0px;
		word-wrap: break-word;
	}
	.bspPage__text img {
		max-width: 100%;
		text-align: center;
	}
	.bspPage__text p {
		font-size: 0.8em;
	}
	
	/* profile */
	
	.bspPage__profile {
		position: relative;
		border: 5px solid #b6e5bf;
		padding: 20px 12px 10px 12px;
	}
	
	.bspPage__profile h4 {
		position: absolute;
		top: -18px;
		right: 9px;
		overflow: hidden;
		width: 75px;
		height: 0 !important;
		padding-top: 32px;
		background-image: url(sp/profile.png);
		background-size: 75px 32px;
		-webkit-background-size: 75px 32px;
	}
	
	.bspPage__profile h3 {
		border-bottom: 1px solid #b6e5bf;
		font-size: 18px;
		line-height: 1.2;
		margin-bottom: 5px;
		padding-bottom: 3px;
	}
	.bspPage__profile h3 span {
		font-size: 12px;
		font-style: normal;
		font-weight: normal;
	}
	
	.bspPage__profile p {
		font-size: 14px;
		line-height: 1.5;
	}
	
	/* mail */
	
	.bspPage__mail {
		position: relative;
		background: url(../img/websunday2019/backstage_mail.gif) center top no-repeat;
		background-size: 32px 18px;
		-webkit-background-size: 32px 18px;
		font-size: 16px;
		line-height: 1.3;
		text-align: center;
		margin-top: -6px;
		padding-top: 22px;
	}
	
	.bspPage__mail span {
		display: block;
	}
	
	/* bn */
	
	.bspPage__bn {
		padding-top: 24px;
	}
	
	.bspPage__bn h4 {
		text-align: center;
        margin: 0;
	}
	.bspPage__bn h4 span {
		display: inline-block;
		border-radius: 40px 40px 0px 0px;
		background-color: #72c883;
		color: #fff;
		font-size: 14px;
		font-weight: normal;
		line-height: 1;
		text-align: center;
		padding: 8px 0px 6px 0px;
		width: 140px;
	}
	
	.bspPage__bn h3 {
		position: relative;
		border: 1px solid #a4dfaf;
		background-color: #f3f9f3;
		color: #5bb06f;
		font-size: 13px;
		font-weight: bold;
		line-height: 1;
		text-align: center;
		margin: 7px 0 0px 0px;
		padding: 7px 0px 0px 0;
		height: 30px;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        box-sizing: border-box;
	}
	.bspPage__bn h3 span {
		display: block;
		position: absolute;
		right: -34px;
		top: 0;
		overflow: hidden;
		width: 30px;
		height: 0 !important;
		padding-top: 30px;
		background-image: url(sp/bnpull.png);
		background-size: 30px 60px;
		-webkit-background-size: 30px 60px;
	}
	
	.bspPage__bn ul {
		list-style-type: none;
		padding-top: 8px;
        border-top: 8px solid #b6e5bf;
	}
	
	.bspPage__bn li {
		float: left;
        font-size: 13px;
		font-weight: bold;
		line-height: 1.7;
		margin-right: 0;
        width: 50%;
	}
	.bspPage__bn li span {
		font-size: 11px;
		font-style: normal;
		font-weight: normal;
	}
	
	.bspPage__bn li a:link,
	.bspPage__bn li a:active {
		color: #000;
		text-decoration: none;
	}
	.bspPage__bn li a:visited {
		color: #999;
		text-decoration: none;
	}
}
@media screen and (max-width: 374px) {
    .bspPage__bn li{
        font-size: 12px;
    }
    .bspPage__bn li span{
        font-size: 10px;
        letter-spacing: -1px;
    }
}
/* ------------------------------------

  新人漫画賞

------------------------------------  */
.award-post {
    max-width: 748px;
    background: #fff;
}
.apHeader h1 {
    font-size: 3.2rem;
    line-height: 1.1;
    font-weight: bold;
    margin: 12px 0 24px;
}
.apBody > section {
    padding: 10px;
    border: 8px solid #E3E3E3;
    margin-top: -8px;
    margin-bottom: 0;
}
.apBody > section h3 a {
    font-size: 2.1rem;
    font-weight: bold;
    color: #d22323;
    text-decoration: none;
}
.apBody > section .apPin {
    float: left;
    width: 320px;
    margin-right: 10px;
}
.apBody > section p{
    font-size: 1.4rem;
    padding: 4px 0;
}
.apBody > section .apPin img {
    width: 100%;
    height: auto;
}
.apBody > section .apUrl a {
    color: #d22323;
    text-decoration: underline;
}
@media screen and (min-width: 769px) {
    .award-post {
        margin-bottom: 24px;
    }
    .apBody > section .apUrl {
        clear: both;
    }
}
@media screen and (max-width: 640px) {/* スマートフォン用スタイル */
    .apHeader {
        padding: 4px 10px;
    }
    .apBody > section .apPin {
        float: none;
        width: 100%;
        margin-right: 0px;
        margin-bottom: 10px;
    }
    .apBody > section {
        border: none;
        border-top: 8px solid #E3E3E3;
        border-bottom: 8px solid #E3E3E3;
    }
}

/* ------------------------------------

  2列バナーS型(SP1列)

------------------------------------  */
.p2s1-banner-s__inner{
    padding: 0;
}
.p2s1-banner-s__item{
    width: calc((100% / 2) - 4px);
    margin: 4px 8px 4px 0;
}
.p2s1-banner-s__item:nth-child(2n) {
    margin: 4px 0;
}
.p2s1-banner-s__item img{
    border: 1px solid #d2d2d2;
}
@media screen and (max-width: 768px) {
    .p2s1-banner-s__item{
        width: 100%;
        margin: 4px 0;
    }
}
/* ------------------------------------

  2列バナーV型(SP1列)

------------------------------------  */
.post-type-archive-comics .p2s1-banner-v__inner{
    padding:0;
}
.p2s1-banner-v__main {
    padding: 12px;
    border: 1px solid #4ba0f0;
}
.p2s1-banner-v__sub{
    display: block;
    background: #4ba0f0;
    padding-top: 18px;
    color: #fff;
    font-size: 17px;
    font-weight: bold;
    text-align: center;
    line-height: 1;
    height: 34px;
    box-sizing: content-box;
}
.p2s1-banner-v__item{
    width: 50%;
    padding: 12px 0 12px;
    font-size: 13px;
    border-top: 1px solid #4ba0f0;
    border-right: 1px solid #4ba0f0;
    padding: 12px 12px 12px 0;
    margin: 0;
}
.p2s1-banner-v__item:nth-child(2n){
    margin: 0;
    padding: 12px;
    border-right: none;
}
.p2s1-banner-v__main .p2s1-banner-v__item:nth-child(1),
.p2s1-banner-v__main .p2s1-banner-v__item:nth-child(2){
    border-top:none;
}
.p2s1-banner-v__date{
    font-size: 1.1rem;
    line-height: 1;
    padding: 0px 0px 4px 0px;
    color: #f00000;
}
.p2s1-banner-v__title,
.p2s1-banner-v__vol{
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 1.2;
}
.p2s1-banner-v__vol{
    display: block;
}
.p2s1-banner-v__auther{
    font-size: 1.3rem;
    line-height: 1.3;
    padding-top: 2px;
}
.p2s1-banner-v__text{
    font-size: 1.3rem;
    line-height: 1.3;
    padding-top: 8px;
}
.p2s1-banner-v__price{
    font-size: 1.1rem;
    line-height: 1;
    padding-top: 6px;
}
.p2s1-banner-v__box1{
    width: 110px;
}
.p2s1-banner-v__box1 img{
    border: 1px solid #959595;
}
.p2s1-banner-v__box2{
    min-height: 149px;
    position: relative;
    padding-bottom: 25px;
    height: 100%;
}
.p2s1-banner-v__link{
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 25px;
}
.p2s1-banner-v__link .yomi{
    background-color: #31b257;
    width: calc(60% - 1px);
    position: absolute;
    left: 0;
    bottom: 0;
}
.p2s1-banner-v__link .shop{
    background-color: #fa9600;
    width: 40%;
    position: absolute;
    right: 0;
    bottom: 0;
}
.p2s1-banner-v__link a{
    color: #fff;
    text-decoration: none;
    height: 18px;
    line-height: 1.55;
}
@media screen and (max-width: 768px) {
    .p2s1-banner-v__main{
        border: none;
        padding:0;
    }
    .p2s1-banner-v__item{
        width: 100%;
        border: none;
        padding: 20px 0;
    }
    .p2s1-banner-v__item:nth-child(2n){
        padding: 20px 0; 
    }
    .p2s1-banner-v__link{
        height: 40px;
    }
    .p2s1-banner-v__box1{
        width: 32%;
        max-width: 180px;
    }
    .p2s1-banner-v__box2{
        padding-bottom: 40px;
        width: calc(100% - 180px);
    }
    .p2s1-banner-v__link a{
        height: 19px;
        line-height: 19px;
        font-size: 12px;
        border-radius: 5px;
        color: #fff;
        text-decoration: none;
    }
    .p2s1-banner-v__link .yomi{
        margin-bottom: 5px;
    }
    .p2s1-banner-v__link .yomi,
    .p2s1-banner-v__link .shop{
        position: relative;
        width: 100%;
    }
    .p2s1-banner-v__date{
        font-size: 12px;
        line-height: 1.2;
        padding-bottom: 4px;
    }
    .p2s1-banner-v__title,
    .p2s1-banner-v__vol{
        font-size: 18px;
        line-height: 1.2;
        font-weight: bold;
        padding-bottom: 4px;
    }
    .p2s1-banner-v__auther{
        font-size: 1.4rem;
        line-height: 1.2;
    }
    .p2s1-banner-v__text{
        font-size: 1.4rem;
        padding: 8px 0 0 0;
    }
    .p2s1-banner-v__price{
        font-size: 12px;
        padding: 6px 0 4px 0;
        line-height: 1.2;
    }
    .post-type-archive-comics .p2s1-banner-v__inner{
        padding: 0 10px;
    }
}
@media screen and (max-width: 480px) {
    .p2s1-banner-v__box2{
        width: 68%;
    }
}
/* ------------------------------------

  3列バナーS型(SP1列)

------------------------------------  */
.p3s1-banner-s__inner{
    padding:0;
}
.p3s1-banner-s__item {
    width: calc((100% / 3) - 6px);
    margin: 4px 8px 4px 0;
}
.p3s1-banner-s__item a{
    display: block;
}
.p3s1-banner-s__item:nth-child(3n) {
    margin: 4px 0;
}
.p3s1-banner-s__item img{
    max-width: 100%;
    border: 1px solid #d2d2d2;
}
@media screen and (max-width: 768px) {
    .p3s1-banner-s__item{
        width: 100%;
        margin: 4px 0;
    }
}
/* ------------------------------------

  4列バナーS型(SP2列)

------------------------------------  */
.p4s2-banner-s__inner{
    padding:0;
}
.p4s2-banner-s__item {
    width: calc((100% / 4) - 3px);
    margin: 4px 4px 4px 0;
}
.p4s2-banner-s__item:nth-child(4n) {
    margin: 4px 0;
}
.p4s2-banner-s__item img{
    border: 1px solid #d2d2d2;
}
.p4s2-banner-s__item a{
    display: block;
}
@media screen and (max-width: 768px) {
    .p4s2-banner-s__main ul{
        padding: 0;
    }
    .p4s2-banner-s__item {
        width: calc((100% / 2) - 2px);
        margin: 4px 4px 4px 0;
    }
    .p4s2-banner-s__item:nth-child(2n) {
        margin: 4px 0;
    }
    .p4s2-banner-s__box01{
        padding: 0;
    }
}
/* ------------------------------------

  nextmonth

------------------------------------  */
.nextmonth {
    background: #fff;
    padding: 16px;
    margin-bottom: 24px;
    width: 100%;
}
.nextmonth section {
    position: relative;
    padding-top: 24px;
}
.nextmonth section h2 {
    font-size: 20px;
    font-weight: bold;
    line-height: 1;
    padding-bottom: 10px;
    margin: 0;
}
.text-big{
    font-size: 36px;
    color: #d22323;
}
.text-st{
    color: #d22323;
}
.text-small{
    font-size: 12px;
    font-weight: normal;
}
.nextmonth__table{
    display: table;
    width: 100%;
}
.nextmonth__table li{
    display: table-row;
    margin: 0;
    font-size: 12px;
}
.nextmonth__table li:nth-child(even) {
    background: #eff4f3;
}
.nextmonth__table p{
    display: table-cell;
    padding: 6px 9px 5px;
    line-height: 1.3;
}
.nextmonth__head{
    display: table-row;
    margin: 0;
    color: #fff;
    text-align: center;
}
.nextmonth__head p{
    padding: 0 9px;
    font-size: 1.2rem;
    background: #95b4ae;
}
.nextmonth__title{
    width: 40%;
    font-size: 13px;
}
.nextmonth__vol{
    width: 10%;
    text-align: center;
}
.nextmonth__head .nextmonth__vol{
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
}
.nextmonth__auther{
    border-right: 1px solid #fff;
}
@media screen and (max-width: 480px) {
    .nextmonth {
        padding: 0;
    }
    .nextmonth section {
        padding-top: 10px;
    }
    .nextmonth section h2 {
        font-size: 18px;
        text-align: left;
        padding: 4px 8px 12px;
        background-color: #4ba0f0;
        color: #fff;
        line-height: normal;
    }
    .text-big{
        color: #fff030;
        font-size: 36px;
    }
    .text-st{
        display: block;
        color: #fff830;
    }
    .text-small{
        font-size: 11px;
        font-weight: normal;
    }
    .nextmonth__table{
        width: 100%;
        margin: 4px 0px;
    }
    .nextmonth__table li{
        list-style-type: none;
        font-size: 14px;
        padding: 12px 10px;
        height: auto;
        display: block;
    }
    .nextmonth__table li:nth-child(even) {
        background: #fff;
    }
    .nextmonth__table li:nth-child(odd) {
        background: #e0f0ff;
    }
    .nextmonth__table p{
        line-height: 1.2;
        display: block;
    }
    .nextmonth__table .nextmonth__head{
        display: none;
    }
    .nextmonth__title{
        font-size: 16px;
        font-weight: bold;
    }
    .nextmonth__vol{
        font-size: 16px;
    }
    .nextmonth__auther{
        clear: both;
        padding-top: 4px;
    }
    .nextmonth section li p{
        line-height: 1.2;
        text-align: left;
        width: auto;
        padding:0;
    }
}
/* ------------------------------------

  2列バナーH型（SP1列）

------------------------------------  */
.p2s1-banner-h__item{
    height: 172px;
    padding: 10px 12px;
    box-sizing: border-box;
    line-height: 16px;
    padding-bottom: 38px;
    position: relative;
    overflow: hidden;
    background-image: -moz-linear-gradient(bottom, #f3f3f3 0%, #FFFFFF 100%, #f3f3f3 100%);
    background-image: -webkit-linear-gradient(bottom, #f3f3f3 0%, #FFFFFF 100%, #f3f3f3 100%);
    background-image: linear-gradient(to bottom, #f3f3f3 0%, #FFFFFF 100%, #f3f3f3 100%);
    width: calc((100% - 18px) / 2);
    margin: 0 18px 12px 0;
}
.p2s1-banner-h__item:nth-child(2n){
    margin: 0 0 12px 0;
}
.p2s1-banner-h__item h5{
    font-size: 13px;
    position: absolute;
    top: 10px;
    left:12px;
}
.p2s1-banner-h__auther{
    font-size: 13px;
    position: absolute;
    top: 27px;
    left:12px;
    font-weight: bold;
}
.p2s1-banner-h__item a{
    width: 50%;
    display: block;
    position: absolute;
    bottom: 0;
    height: 38px;
    padding: 10px;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    background-image: url(../img/websunday2019/item06.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 22px 22px;
    font-size: 1.2rem;
    text-align: left;
}
.p2s1-banner-h__item a:hover{
    opacity: 0.6;
}
.p2s1-banner-h__item .link01{
    left: 0;
    background-color: #f07e33;
}
.p2s1-banner-h__item .link02{
    right: 0;
    background-color: #45a4ef;
}
.p2s1-banner-h__item img{
    height: 134px;
    width: auto;
    position: absolute;
    top: 0;
    right: 0;
}
.p2s1-banner-h .widget-common__header{
    padding-bottom: 16px;
}
.p2s1-banner-h .widget-common__header h1{
    max-width: 322px;
    width: 100%;
    height: 77px;
    background:  url(../img/websunday2019/content_title01.png) no-repeat;
    background-size:contain;
    text-indent: -9999px;
}
.p2s1-banner-h__inner{
    padding: 0;
}
@media screen and (max-width: 768px) {/* スマートフォン用スタイル */
    .p2s1-banner-h__item{
        height: 138px;
        width: 100%;
        margin: 0 0 12px 0;
    }
    .p2s1-banner-h__item:nth-child(2n){
        width: 100%;
    }
    .p2s1-banner-h__item img{
        height: 100px;
    }
    .post-type-archive-work .content{
        width: 100%;
    }
}
/* ------------------------------------

  サンデー・サンデーS増刊

------------------------------------  */
.sunday #pHeader h1 {
	background-image: url(../img/websunday2019/title01.png);
}
.sunday #pHeader.jigou h1 {
	background-image: url(../img/websunday2019/title02.png);
}
.super #pHeader h1 {
	background-image: url(../img/websunday2019/title03.png);
    width: 213px;
    height: 40px;
    background-size: cover;
    text-indent: -9999px;
    margin: 0 0 0 10px;
}
#pHeader h2 {
	color: #d22323;
	border-color:  #d22323;
}
#pHeader.jigou h2{
    color: #3386ee;
}
.super #pHeader h2 {
    color: #ffa200;
    font-weight: bold;
}
#pHeader h2 span.price {
	border: 1px solid #d22323;
	padding: 2px 3px 0;
	font-size: 95%;
}
#pHeader .vol {
	background-color: #d22323;
	border-color:  #d22323;
}
#pHeader.jigou .vol {
    background-color: #3386ee;
    border-color: #3386ee;
}
#pHeader .vol {
	background-color: #d22323;
	border-color:  #d22323;
}
.super #pHeader .vol{
    color: #fff;
    background-color: #ffa200;
    border-top: 16px solid #ffa200;
    border-bottom: 4px solid #ffa200;
    border-left: 10px solid #ffa200;
    border-right: 10px solid #ffa200;
    line-height: 1;
    padding:0;
}
.fa, .fas {
    font-weight: 900;
}
.fa, .far, .fas {
    font-family: "Font Awesome 5 Free";
}
.fa, .fab, .fal, .far, .fas {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}
.box001-imgbox {
    display: block;
    width: 100%;
}
@media screen and (min-width:641px) {
    .super #pBody .rensai li {
        width: 50%;
    }
    .super #pBody .rensai li:nth-child(2n) {
        border-left: none;
    }
    .super #pHeader {
        min-height: 158px;
        display: flex;
        align-items: flex-start;
    }
    .super #pHeader .cover img {
        width: 101px;
        height: auto;
        border: 1px solid #b5b5b5;
    }
    #pHeader .navi {
        position: absolute;
        text-align: right;
        font-size: 13px;
        bottom: 12px;
        right: 0;
        line-height: 1.5;
    }
    #pBody .box21 .pin{
        width: 150px;
    }
    #pBody .pin img{
        display: block;
    }
    #pBody .box21 .wrap{
        width: calc( 100% - 150px);
    }
    #pBody .tbl li {
        border-left: 1px solid #b5b5b5;
        border-right: 1px solid #b5b5b5;
        border-bottom: 1px solid #b5b5b5;
        padding: 9px;
    }
    #pBody .box21 {
        width: 100%;
    }
    #pBody .box22{
        width: 100%;
    }
    .super #konsyu p.p2 {
        position: absolute; right: 0; top: 0;
    }
}
@media screen and (max-width:640px) {
	#pHeader .vol {
		border-top:  6px solid #d22323;
		border-bottom: 0px solid #d22323; 
        font-size: 3.6rem;
	}
    #pBody .tbl li{
        width: 100%;
        border-top: 1px solid #b5b5b5;
        padding: 9px;
    }
    #pBody .pin img{
        display: block;
    }
    #pHeader .cover{
        width: 100%;
        margin: 20px auto 0;
        order: 2;
    }
    #pHeader .cover {
        text-align: center;
    }
    #pHeader .cover img{
        width: 150px;
        margin: auto;
        display: block;
    }
    .hBox{
        width: 100%;
        order: 1;
    }
    #pHeader .navi {
        font-size: 13px;
        margin: 8px;
        line-height: 1.2;
        order: 3;
    }
    .super #pHeader .navi{
        width:100%;
    }
    .super #pHeader{
        display: flex;
        flex-wrap: wrap;
        margin: 0;
    }
    .super #pHeader h2 {
        padding-left: 10px;
        padding-top: 36px;
        margin-bottom: 0;
    }
    #konsyu .p2 {
        margin-top: 2px;
    }
    #konsyu div li{
        width: 50%;
    }
    #pBody .tbl .pin {
        width: 35%;
    }
    #pBody .tbl .box21 .wrap {
        width: 65%;
    }
    .super #pHeader .vol {
        min-height: inherit;
        border-top: 6px solid #ffa200;
        border-bottom: 0px solid #ffa200;
        border-left: 20px solid #ffa200;
        border-right: 20px solid #ffa200;
    }
}
#primary .cap { font-size: 12px !important; line-height: 1.2; }
#pHeader { position: relative; }
#pHeader h1 { position: absolute; background-size: contain; background-repeat: no-repeat; text-indent: -9999px; z-index: 2; top: 0; }
#pHeader h2 { position: relative; font-weight: bold; z-index: 1; padding-top: 20px; }
#pHeader .vol { display: inline-block; font-family: 'Josefin Sans', sans-serif; color: #fff; font-size: 4rem; min-width: 60px; min-height: 60px; text-align: center; margin-right: 6px; border-radius: 50px; /* CSS3���� */ -webkit-border-radius: 50px; /* Safari,Google Chrome�p */ -moz-border-radius: 50px; /* Firefox�p */ padding: 10px 10px 0; box-sizing: border-box; }
#pHeader .kensho { z-index: 5; font-size: 1.4rem; }
#pHeader a { color: #0059d2; text-decoration: underline;}
#pHeader a:hover { color: #3386ee; }
#konsyu { position: relative; margin: 10px 0; }
#konsyu p { font-size: 1.8rem; padding: 4px 10px; box-sizing: border-box; cursor: pointer;}
#konsyu p i { color: #a9b9dc; }
.super #konsyu p i { color: #ffcb80;}
#konsyu p span { color: #fff; font-size: 0.8rem; }
#konsyu p, #konsyu p a { display: block; background: #002f95; text-decoration: none; color: #ff0; font-weight: bold; }
.super #konsyu p, #konsyu p a { display: block; background: #ff9600; text-decoration: none; color: #fff; font-weight: bold; font-size: 1.6rem;}
#konsyu p.open i.fa-arrow-circle-down { display: none; }
#konsyu p.open i.fa-arrow-circle-up { display: inline; padding-right: 6px;}
#konsyu p i.fa-arrow-circle-down { display: inline; }
#konsyu p i.fa-arrow-circle-up { display: none; }
#konsyu div { display: none; }
#konsyu div ul { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; border-collapse: collapse; border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; }
#konsyu div ul{
    justify-content: flex-start; 
}
#konsyu div li { list-style-type: none; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; }
#konsyu div li img { width: 100%; }
#pBody > h2 { width: 100%; font-size: 1.8rem; color: #fff; font-weight: bold; padding: 9px 0; background: #262626; text-align: center; width: 100%; margin: 0;}
#pBody ul { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; border-collapse: collapse; list-style-type: none; }
#pBody ul h3 { color: #004fba; font-weight: bold; font-size: 1.8rem; line-height: 1.2; margin: 0; }
#pBody ul.rensai h3 { font-size: 1.53rem; }
#pBody ul h4 { font-size: 1.5rem; color: #dc0012; line-height: 1.3; text-decoration: none; margin: 0;}
#pBody ul h5 { color: #000; font-size: 1.4rem; font-weight: normal; line-height: 1.2; text-decoration: none; margin: 0; }
#pBody ul p { color: #000; font-size: 1.4rem; line-height: 1.4; padding: 0 0 4px; }
#pBody ul a { text-decoration: none; display: block; }
#pBody ul li.box001 h3 { display: inline; }
.super #pBody ul li.box001 h3 { display: block; }
#pBody ul li.box001 h5 { display: inline; }
#pBody ul li.box001 { width: 100%; }
#pBody ul li.box001 img { width: 100%; display: block;}
#pBody ul li.box003 img { display: block;}
.super #pBody .rensai li .pin { width: 80px; height: auto; }
.super #pBody .rensai li .wrap { width: calc( 100% - 82px) !important; }
#pBody ul.tbl { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-collapse: collapse; list-style-type: none; /* -----------*/ }
#pBody ul.tbl h3 { font-size: 1.6rem; color: #ea282d; font-weight: bold;}
#pBody ul.tbl h4 { color: #5fcc9e; font-size: 1.4rem; line-height: 1.2; }
#pBody ul.tbl h5 { font-size: 1.4rem; font-weight: bold; line-height: 1.6; }
#pBody ul.tbl p { font-size: 1.4rem; padding-top: 6px; }
#pBody ul.tbl li { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
#pBody ul.tbl li .wrap { padding-left: 10px; }
#pBody ul.tbl li.box001 h3, #pBody ul.tbl li.box001 h4 { width: 100%; }
#pBody ul.tbl .box22 .wrap { width: 100%; padding: 0; }
#pHeader h2 big { font-size: 3.2rem; font-weight: bold; line-height: 1.2; }
#pHeader h2 small { font-size: 1.2rem; }
.sunday #pHeader h2 small { font-size: 1.6rem; }
.super #pHeader h2 small { font-size: 1.2rem; }

@media print, screen and (min-width: 641px) { 
  .sunday #pHeader { height: 90px; }
  #pHeader .cover { margin-right: 10px; }
  .sunday #pHeader h1 { position: absolute; width: 260px; height: calc(260px*90/600); }
  .sunday #pHeader.jigou h1 { position: absolute; width: 260px; height: 39px; }
  .super #pHeader h1 { position: absolute; }
  #pHeader .kensho { position: absolute; right: 0; top: 50px; }
  #pHeader h2 { font-size: 2rem; }
  /*  -------------------------------------------------------- */
  #konsyu { position: relative; width: 100%; margin: 10px 0; }
  #konsyu > p { width: -webkit-calc( 50% - 1px ); width: calc( 50% - 1px ); margin-right: 1px; }
  #konsyu > p:hover { cursor: pointer; }
  #konsyu > p.kami { position: absolute; right: 0; top: 0; }
  #konsyu div { width: 100%; }
  #konsyu div li { width: 33.33%; margin: 0;}
  #konsyu div li:nth-child(3n) { border-right: none; }
  #konsyu div p { cursor: pointer; }
  /*  -------------------------------------------------------- */
  .sunday #pBody ul { border-left: 1px solid #b5b5b5; }
  #pBody ul { border-top: 1px solid #b5b5b5;  }
  #pBody ul li { border-right: 1px solid #b5b5b5; border-bottom: 1px solid #b5b5b5; vertical-align: top; }
  #pBody ul li a h3:hover { color: #1773ef; text-decoration: underline; }
  #pBody ul li.box001, #pBody ul li.box002, #pBody ul li.box003 { width: 100%; }
  #pBody ul li.box001 { padding: 9px; width: 100%; display: block; }
  .sunday #pBody ul li.box001 h5 { padding: 2px 8px 2px; }
  .sunday #pBody ul.rensai h5 { font-size: 1.19rem; }
  #pBody ul li.box001 div { display: flex; padding-top: 6px;}
  #pBody ul li.box001 img { width: 50%; }
  #pBody ul li.box002 .wrap, #pBody ul li.box002 .grp, #pBody ul li.box003 .wrap, #pBody ul li.box003 .grp { padding: 10px 10px 0 0;}
  #pBody ul li .wrap{ grid-row:1; -ms-grid-row: 1; grid-column:2 / 4; -ms-grid-column:2; -ms-grid-column-span: 2;}
  #pBody ul li .grp{ grid-row:2; -ms-grid-row: 2; grid-column:2 / 4; -ms-grid-column:2; -ms-grid-column-span: 2;}
  #pBody ul li.box002 .pin, #pBody ul li.box003 .pin { grid-row: 1 / 3; -ms-grid-row: 1; -ms-grid-row-span:2 ;width: 180px; }
  #pBody ul li.box002 .pin { overflow: hidden; width: 180px; height: 150px; }
  #pBody ul li.box002 .pin img { margin-top: -20px; }
  #pBody ul li.box005 .wrap, #pBody ul li.box005 .grp { padding: 8px; }
  #pBody ul.tbl h3 { line-height: 1.5;}
  .sunday #pBody .rensai li { width: 25%; font-size: 85%; }
  .sunday #pBody .rensai li .wrap { height: 60px; padding: 6px; }
  .sunday #pBody .rensai li .pin { height: 120px; overflow: hidden; }
  .sunday #pBody .rensai li .pin img { width: 100%; height: auto; margin-top: -20px; }
  .sunday #pBody .kakomi { background: #FBF8AF; padding: 10px; margin: 10px; }
  #pBody ul li.box002 .cage, #pBody ul li.box003 .cage {
    display: grid;
    display: -ms-grid;
    grid-gap: 10px;
    gap: 10px;
    grid-template-columns: 180px auto;
    grid-auto-rows: minmax(56px, auto);
    -ms-grid-columns: 180px auto;
  }
  
}
@media screen and ( min-width: 641px) and (-ms-high-contrast: none) {
    #pBody ul li.box002 .grp,#pBody ul li.box003 .grp {
        margin-left: 10px;
    }
  }

@media screen and (max-width: 640px) { /* header -------------------------------------------------------- */
  #pHeader h1 { margin-bottom: 8px; position: relative; }
  #pHeader h2 { position: relative; margin-top: -38px; font-size: 1.8rem; }
  .sunday #pHeader h2 big { font-size: 1.4em !important; }
  #pHeader .vol { padding-top: 3px; min-width: 54px; min-height: 54px; border-radius: 50px; line-height: 42px; }
  /* body -------------------------------------------------------- */
  #konsyu { width: 100%; padding: 8px; margin: 0 0 10px; }
  #konsyu li { width: 50%; }
  #konsyu li:nth-child(2n) { border-right: none; }
  #konsyu p { margin-bottom: 4px; }
  /* body -------------------------------------------------------- */
  #pBody ul h3 { font-size: 1.6rem; }
  .sunday #pBody ul h3 { font-size: 1.6rem; padding: 0 10px; }
  #pBody ul h4 { font-size: 1.4rem; line-height: 1.2; text-decoration: none; }
  .sunday #pBody ul h4{ padding: 0 10px; }
  .sunday #pBody ul h5, .sunday #pBody ul p { padding: 0 8px 10px; }
  #pBody ul li { position: relative; overflow: hidden; border-top: 1px solid #b5b5b5; box-sizing: border-box; padding: 6px 0 0; width: 100%;}
  #pBody ul li.box001 img { width: 100%; }
  #pBody ul li .pin { width: 140px; }
  #pBody ul li.box002 .grp, #pBody ul li.box003 .grp { width: calc( 100% - 150px); }
  #pBody ul.tbl h3 { line-height: 1.5; }
  .sunday #pBody .rensai li { width: 100%; padding: 0; }
  .sunday #pBody .rensai li h3 { font-size: 1.4rem; }
  .sunday #pBody .rensai li .pin { float: left; width: 20%; overflow: hidden; margin: 0 auto; }
  .sunday #pBody .rensai li .wrap { float: right; width: 80%; padding: 8px; } 
  .super .goto a {
    display: block;
    background-color: #d22323;
    background-image: url(../img/websunday2019/goto.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 20px auto;
    -webkit-background-size: 20px auto;
    color: #fff!important;
    text-decoration: none;
    padding: 8px 20px 8px 8px;
    text-decoration: none!important;
    }
  .sunday #pHeader { margin: 8px; }
  .super #pHeader .navi p { margin: 3px 0; }
  .sunday #pHeader h2 small { font-size: 1.44rem; }
  .super #pHeader h2 small { font-size: 1.2rem; }
  .sunday #pBody ul .cage{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  #pBody ul .cage .wrap {
    order: -1;
    width: 100%;
  }
}
/* ------------------------------------

  ページトップ

------------------------------------  */
.pgtop {
    position: fixed;
    cursor: pointer;
    background: url(../img/websunday2019/pgtop.png) no-repeat;
    z-index: 1000;
}
@media screen and (min-width: 769px) {
    .pgtop {
        bottom: 80px;
        right: -40px;
        border-radius: 20px 0px 0px 20px;
        background-color: #4bb0ff;
    }
    .pgtop a {
        display: block;
        overflow: hidden;
        width: 40px;
        height: 0 !important;
        padding-top: 40px;
        font-size: 8px;
    }
}
@media screen and (max-width: 768px){
    .pgtop {
        bottom: 40px;
        right: -48px;
        border-radius: 6px;
        background-color: #999;
        margin-right: 8px;
        filter: alpha(opacity=80);
        -moz-opacity: 0.8;
        opacity: 0.8;
        -webkit-transform: translate3d(0px, 0px, 0px);
        -webkit-transition: .2s -webkit-transform ease-in-out;
    }
    .pgtop a {
        display: block;
        overflow: hidden;
        width: 40px;
        height: 0 !important;
        padding-top: 40px;
        background-size: 40px 40px;
        -webkit-background-size: 40px 40px;
        font-size: 8px;
    }
}
/* ------------------------------------

  scroll-s

------------------------------------  */
.scroll-slider__container{
    border-top: 0;
    padding: 0 58px 49px;
    overflow: visible;
}
.scroll-slider.slick-slider{
    position: relative;
}
.scroll-slider__wrapper{
    position: relative;
    width: 950px;
}
.scroll-slider__title {
    font-size: 1.8rem;
    padding: 10px 0;
    visibility: hidden;
}
.scroll-slider .slick-list{
    position: relative;
    width: 932px;
    overflow: hidden;
    list-style-type: none;
}
.scroll-slider .slick-prev:before,
.scroll-slider .slick-next:before{
    border: none;
}
.scroll-slider .slick-prev,
.scroll-slider .slick-next {
    position: absolute;
    width: 26px;
    height: 55px;
    background: url(../img/websunday2019/slick_item.png);
    background-color: transparent!important;
    top: 70px;
    display: block;
    text-indent: -9999px;
    cursor: pointer;
    border: none;
    border-radius:0;
}
.scroll-slider .slick-prev:hover,
.scroll-slider .slick-prev:focus,
.scroll-slider .slick-next:hover,
.scroll-slider .slick-next:focus{
    background: url(../img/websunday2019/slick_item.png);
    background-color: transparent!important;
}
.scroll-slider .slick-prev {
    background-position: 0 0!important;
    left: -36px;
}
.scroll-slider .slick-next {
    background-position: -26px 0!important;
    right: -36px;
}
.scroll-slider img {
    border:1px solid #b0b0b0;
}
.scroll-slider .slick-slide{
    margin: 0 3px 0 0;
}
.scroll-slider .slick-slide a{
    display:block;
    color: #000;
    text-decoration: none;
}
.scroll-slider__caption{
    width: 100%;
    padding: 5px 5px 0;
}
@media screen and (min-width: 769px){
    .scroll-slider__container{
        background: url(../img/websunday2019/top_comics_btn.png) left top / 100px auto no-repeat,
                    url(../img/websunday2019/top_comics_bg.png) no-repeat;
    }
    .scroll-slider img{
        width: 100px;
        height: 156px;
    }
}
@media screen and (max-width: 768px){
    .scroll-slider__container{
        padding: 0;

    }
    .scroll-slider__container:before{
        content: "";
        width: 70px;
        height: 70px;
        position: absolute;
        z-index: 0;
        background: url(/wp-content/uploads/2021/05/cmc_bg_sp.png) no-repeat top right;
        left: 0;
    }
    .scroll-slider__container:after{
        top: 10px;
        content: "";
        width: 100px;
        height: 55px;
        position: absolute;
        z-index: 0;
        background: url(../img/websunday2019/top_comics_btn.png) left top / 100px auto no-repeat;
    }
    .scroll-slider__container:before{
        bottom: -5px;
    }
    .scroll-slider__wrapper:after,
    .scroll-slider__wrapper:before{
        content: "";
        width: 70px;
        height: 70px;
        position: absolute;
        z-index: -1;
        background: url(/wp-content/uploads/2021/05/cmc_bg_sp.png) no-repeat top right;
        right: 0;
    }
    .scroll-slider__wrapper:after{
        top: 10px;
        transform: rotate(180deg);
    }
    .scroll-slider__wrapper:before{
        bottom: -5px;
        transform: rotate(-90deg);
    }
    .scroll-slider.slick-slider{
        width: 400px;
        margin: auto;
        position: static;
    }
    .home .scroll-slider .slick-next{
        right: 18px;
    }
    .home .scroll-slider .slick-prev{
        left: 18px;
    }
    .scroll-slider .slick-list{
        width: 100%;
        height: auto;
    }
    .scroll-slider__wrapper{
        width: 100%;
        z-index: 1;
    }
    .scroll-slider .slick-prev {
        left: 0;
    }
    .scroll-slider .slick-next {
        background-position: -26px 0;
        right: 0;
    }
    .scroll-slider .slick-prev,
    .scroll-slider .slick-next {
        top: 160px;
    }
    .scroll-slider img{
        height: 154px;
    }
}
@media screen and (max-width: 480px){
    .scroll-slider.slick-slider{
        width: 300px;
    }
    .home .scroll-slider .slick-next{
        right: -4px;
    }
    .home .scroll-slider .slick-prev{
        left:-4px;
    }
}
/* ------------------------------------

  ニュースヘッダー

------------------------------------  */
#primary{
    float: none!important;
}
.news .p1s1-list-v__box02__label {
    background-color: #b0b0b0;
}
.comics .p1s1-list-v__box02__label {
    background-color: #46b97e;
}
.anime .p1s1-list-v__box02__label {
    background-color: #e34153;
}
.event .p1s1-list-v__box02__label {
    background-color: #7b7bdd;
}
.goods .p1s1-list-v__box02__label {
    background-color: #4baffa;
}
.news .p1s1-list-v__box02__title {
    color: #555;
}
.comics .p1s1-list-v__box02__title {
    color: #46b97e;
}
.anime .p1s1-list-v__box02__title {
    color: #e34153;
}
.event .p1s1-list-v__box02__title {
    color: #7b7bdd;
}
.goods .p1s1-list-v__box02__title {
    color: #4baffa;
}
.p1s1-list-v__box02{
    width: calc(100% - 105px);
    padding: 0;
}
.p1s1-list-v__img{
    position: relative;
}
.p1s1-list-v__img img{
    display: block;
}
.p1s1-list-v__img:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    max-height: 90px;
    height: 100%;
    border: 1px solid #bfbfbf;
}
.rensaibody a{
    text-decoration: none;
}
.p1s1-list-v__item{
    border-bottom: 1px solid #bfbfbf;
    margin: 0;
}
.single-work .p1s1-list-v__item:last-child{
    border-bottom: none;
}
.p1s1-list-v__item a {
    overflow: hidden;
    padding: 12px 16px 12px 0;
    text-decoration: none;
    width: 100%;
}
.p1s1-list-v__item a:hover{
    background-color: #f8f8f8;
}
.p1s1-list-v__box01{
    margin-right: 12px;
    width: 90px;
    height: 90px;
    position: relative;
    overflow: hidden;
}
.p1s1-list-v__box02__date.new:after{
    content: "NEW";
    color: #fa9a00;
    font-size: 13px;
    font-style: normal;
    font-weight: bold;
    margin-left: 5px;
    line-height: 1;
}
.newshead__icon{
    overflow: hidden;
    width: 140px;
    height: 0 !important;
    padding: 60px 0 0;
    background-image: url(../img/websunday2019/item07.gif);
    background-size: contain;
    margin: 20px 12px 0;
}
.post-main__hed{
    position: relative;
}
.post-main__label {
    color: #fff;
    font-size: 1.2rem;
    font-weight: normal;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
}
.post-main__title{
    clear: both;
    font-size: 2.2rem;
    line-height: 1.3;
    font-weight: bold;
    font-family: Shin Go Bold;
    margin-bottom: 0;
}
p.post-main__date{
    color: #333;
    font-size: 12.3px;
    line-height: 1.7;
    padding-left: 93px;
}
.news   .post-main__label {background-color: #aaaaaa;}
.comics .post-main__label {background-color: #46b57e;}
.anime  .post-main__label {background-color: #e34153;}
.event  .post-main__label {background-color: #7b7bdd;}
.goods  .post-main__label {background-color: #40a5f5;}
.other  .post-main__label {background-color: #aaaaaa;}
.openboxbgbg {
    background: url(/wp-content/uploads/2021/04/global_js_openbox_img_setumei.png) no-repeat;
    background-size: 375px auto!important;
}
.muson {
    background: url(/wp-content/uploads/2021/04/global_js_openbox_img_zoom.png) no-repeat!important;
}
.prev-next{
    display: none;
}
@media print, screen and (min-width: 641px){
    .newshead{
        width: 748px;
    }
    .rensaibody{
        width: 748px;
    }
    .newshead__ttl  {
        overflow: hidden;
        width: 400px;
        height: 0 !important;
        padding-top: 32px;
        background-image: url(../img/websunday2019/title04.png);
    }
    .newsctg{
        display: none;
    }
    .newsctglst{
        list-style-type: none;
        margin: 0 auto;
        display: flex;
    }
    .newshead li {
        margin-right: 4px;
        width: calc((100% - 16px) / 5);
        height: 60px;
    }
    .newshead li a {
        display: block;
        border: 2px solid #000;
        text-decoration: none;
    }
    .newshead li:not([class*="active"]) a:hover {
        background-color: #fff090 !important;
        color: #000;
    }
    .newshead li p,
    .newshead li a {
        color: #fff;
        font-size: 12px;
        line-height: 1.2;
        font-weight: bold;
        padding: 6px 0px 6px 0px;
        text-align: center;
        width: 141px;
    }
    .newshead li.active {
        background: url(../img/websunday2019/item08.gif) no-repeat;
    }
    .newshead li:first-of-type p,
    .newshead li:first-of-type a {
        border-radius: 24px 0px 0px 0px;
    }
    .newshead li:last-of-type p,
    .newshead li:last-of-type a {
        border-radius: 0px 24px 0px 0px;
    }
    .newshead li a:link,
    .newshead li a:active,
    .newshead li a:visited {
        color: #fff;
    }
    .newshead .nav01 a:link,
    .newshead .nav01 a:active,
    .newshead .nav01 a:visited {
        background-color: #000;
    }
    .newshead .nav02 a:link,
    .newshead .nav02 a:active,
    .newshead .nav02 a:visited {
        background-color: #46b97e;
    }
    .newshead .nav03 a:link,
    .newshead .nav03 a:active,
    .newshead .nav03 a:visited {
        background-color: #e34153;
    }
    .newshead .nav04 a:link,
    .newshead .nav04 a:active,
    .newshead .nav04 a:visited {
        background-color: #7b7bdd;
    }
    .newshead .nav05 a:link,
    .newshead .nav05 a:active,
    .newshead .nav05 a:visited {
        background-color: #4baffa;
    }
    .p1s1-list-v__box02__label{
        display: inline-block;
        color: rgb(255, 255, 255);
        font-size: 10px;
        font-weight: normal;
        line-height: 1;
        text-align: center;
        padding: 3px 0;
        width: 70px;
        height: 16px;
        border-radius: 0;
        vertical-align: top;
    }
    .p1s1-list-v__box02 .p1s1-list-v__box02__title{
        margin-bottom: 0;
    }
    .p1s1-list-v__box02__title {
        font-size: 14.2px;
        line-height: 1.2;
        padding-bottom: 4px;
    }
    .single-work .p1s1-list-v__box02__title{
        font-size: 1.6rem;
    }
    .p1s1-list-v__box02__date{
        display: inline-block;
        vertical-align: top;
    }
    .p1s1-list-v__box02__text{
        color: #000;
        font-size: 13px;
        line-height: 1.5;
    }
    #newshead div {
        overflow: hidden;
        width: 400px;
        height: 0 !important;
        padding-top: 32px;
        background-image: url(/wp-content/uploads/2021/04/title.png);
    }
    .post-main__title {
        border-bottom: 1px solid #bfbfbf;
        padding-bottom: 6px;
    }
    .post-main__label {
        margin: 0px 5px 4px 0px;
        width: 88px;
        height: 18px;
        padding: 1px 0 0;
    }
}
@media print, screen and (max-width: 640px){
    .newsctglst,
    .newsctglst li p{
        display: none;
    }
    .newsctglst{
        margin-right: 70px;
        padding: 0 10px;
    }
    .p1s1-list-v__item a{
        padding: 12px 0;
    }
    .p1s1-list-v__box02__label {
        color: #fff;
        font-size: 12px;
        line-height: 1;
        margin: 0;
        padding: 2px 6px 3px 6px;
        border-radius: 0;
        display: block;
        font-weight: bold;
    }
    .p1s1-list-v__box02__text{
        display: none;
    }
    .p1s1-list-v__box02 .p1s1-list-v__box02__date{
        margin-bottom: 0;
        display: inline-block;
    }
    .single-work .p1s1-list-v__item:last-child{
        border-bottom: 1px solid #bfbfbf;
    }
    .p1s1-list-v__box02{
        padding: 0;
        width: calc(100% - 102px);
    }
    .p1s1-list-v__box02__title{
        line-height: 1.3;
    }
    .newsctg {
        padding: 12px 10px 0;
    }
    .newsctg .navSp.active {
        display: block;
    }
    .newsctg .navSp {
        color: #fff;
        font-size: 17px;
        font-weight: bold;
        text-align: center;
        margin-right: 70px;
        padding: 4px 0;
        height: 26px;
        line-height: 1;
        display: none;
    }
    .newsctg p {
        float: right;
        border: 1px solid #000;
        background-color: #ffe050;
        font-size: 24px;
        text-align: center;
        padding-top: 2px;
        width: 66px;
        height: 26px;
        line-height: 1;
        cursor: pointer;
    }
    .newsctg .nav01,
    .newsctglst .nav01 a {
        background-color: #000;
    }
    .newsctg .nav02,
    .newsctglst .nav02 a {
        background-color: #46b57e;
    }
    .newsctg .nav03,
    .newsctglst .nav03 a {
        background-color: #e34153;
    }
    .newsctg .nav04,
    .newsctglst .nav04 a {
        background-color: #7b7bdd;
    }
    .newsctg .nav05,
    .newsctglst .nav05 a {
        background-color: #4baffa;
    }
    .newsctglst a{
        display: block;
        text-align: center;
        color: #fff;
        text-decoration: none;
        border-bottom: 1px solid #000;
    }
    .newshead__ttl a{
        color: #fff;
        text-decoration: none;
    }
    .newshead__ttl{
        position: relative;
        background-color: #d22323;
        color: #fff;
        font-size: 22px;
        font-weight: bold;
        line-height: 1;
        padding: 10px 0px 6px 6px;
    }
    .post-main__hed{
        margin: 8px 0 0 8px;
    }
    .post-main{
        padding: 8px;
    }
    .post-main__title {
        border-bottom: 1px solid #aaa;
        margin-bottom: 16px;
        padding-bottom: 6px;
    }
    .post-main__label {
        margin-right: 4px;
        min-width: 90px;
        height: 1.4em;
        margin-top: 8px;
    }
    .news + .post-main .post-main__title {color: #000;}
    .comics + .post-main .post-main__title {color: #46b57e;}
    .anime + .post-main .post-main__title {color: #e34153;}
    .event + .post-main .post-main__title {color: #7b7bdd;}
    .goods + .post-main .post-main__title {color: #40a5f5;}
    .other + .post-main .post-main__title {color: #000;}
}
/* ------------------------------------

  1列バナーS型（SP1列）

------------------------------------  */
.p1s1-banner-s__item{
    margin: 0 auto 10px;
}
/* ------------------------------------

  SNS

------------------------------------  */

#share {
  display: flex;
  font-size: 36px;
  list-style-type: none;
  max-width: 780px;
  width: 100%;
  margin-bottom: 24px;
}
#share li {
  margin-right: 8px;
}
#share li a {
  text-decoration: none !important;
}
#share li a::before {
  font-family: "Font Awesome 5 Brands", "Font Awesome 5 Free";
}
#share .tw a {
  color: #1DA1F2;
}
#share .line a {
  color: #1dcd00;
}
#share .fb a::before {
  content: "\f082";
  color: #3B5998;
}
#share .tw a::before {
  content: "\f081";
  color: #1DA1F2;
}
#share .line a::before {
  content: "\f3c0";
  color: #1dcd00;
}
@media screen and (max-width: 768px) {
    #share {
	    width: 100%;
		justify-content: space-between;
	}
	#share li {
		margin: 10px 0px;
		font-size: 30px;
		line-height: 1.2;
		width: calc(100vw/3);
		text-align: center;
	}
	#share li a {
		display: block;
		padding: 2px 0 0;
		color: #fff;
	}
	#share li a::before {
		color: #fff !important;
	}
    #share .fb {
        background-color: #3B5998;
    }
    #share .tw {
        background-color: #1DA1F2;
    }
    #share .line {
        background-color: #1dcd00;
    }
}
/* ------------------------------------

    twitter

------------------------------------  */
.sidebar-twitter{
    margin-top: 10px;
    border: 1px solid #d22323;
    background: #fff;
    border-radius: 0;
    padding: 0;
}
.sidebar-twitter__heading {
    background: #d22323;
    color: #fff;
    padding: 4px 8px;
    margin: 0;
}
.sidebar-twitter iframe{
    height: 360px!important;
}
@media screen and (max-width: 768px){
    .sidebar-twitter{
        margin: 0;
    }
}