@charset "utf-8";
/*---------------------------------------
* common
* fv
* about
* pickup
* lineup
* comics (story profile)
----------------------------------------*/
/*---------------------------------------
* common
----------------------------------------*/
#fullWrap {
    position: relative;
    width: 100%; 
}
#fullWrap::before {
    content: "";
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100vh;
    background: url(../img/common/main_bg.jpg) no-repeat center center / cover;
}
.cont-title {
    font-family: var(--en-font-family);
    font-size: min(calc(90 / var(--vw-min) * 100vw), 90px);
    font-weight: bold;
    line-height: 1;
    color: var(--color-blue);
    letter-spacing: 0.1em;
}
@media screen and (max-width:768px) {
	.cont-title {
        font-size: calc(75 / var(--vw-min) * 100vw);
    }
}
.cont-subtitle {
    font-family: var(--en-font-family);
    font-size: min(calc(60 / var(--vw-min) * 100vw), 60px);
    font-weight: bold;
    line-height: 1;
    color: var(--color-blue);
    text-align: center;
}
@media screen and (max-width:768px) {
	.cont-subtitle {
        font-size: calc(50 / var(--vw-min) * 100vw);
    }
}
.is-white {
    color: var(--color-white);
}
.is-black {
    color: var(--color-black);
}
/*---------------------------------------
* fv
----------------------------------------*/
.fv {
    width: 100%;
    position: relative;
}
.fvWrap {
    width: 100%;
    position: relative;
    display: flex;
}
.fv__catch {
    width: calc(510 / var(--vw-min) * 100vw);
    height: calc(184 / var(--vw-min) * 100vw);
    position: absolute;
    top: calc(56 / var(--vw-min) * 100vw);
    left: calc(43 / var(--vw-min) * 100vw);
    z-index: 1;
    background: url(../img/top/fv_title.png)no-repeat center/contain;
}
@media screen and (max-width:768px) {
	.fv__catch {
        width: calc(655 / var(--vw-min) * 100vw);
        height: calc(235 / var(--vw-min) * 100vw);
        top: calc(50 / var(--vw-min) * 100vw);
        left: calc(50 / var(--vw-min) * 100vw);
    }
}
.fvWrap-img img{
    width: 100%;
    pointer-events: none;
}
.fv_leftWrap,
.fv_rightWrap {
    width: 50%;
}
/*---------------------------------------
* about
----------------------------------------*/
.aboutWrap {
    position: relative;
    padding: min(calc(85 / var(--vw-min) * 100vw), 85px) 0 min(calc(130 / var(--vw-min) * 100vw), 130px);
    overflow: hidden;
}
@media screen and (max-width:768px) {
	.aboutWrap {
        padding: calc(65 / var(--vw-min) * 100vw) calc(55 / var(--vw-min) * 100vw) calc(120 / var(--vw-min) * 100vw);
    }
}
.about .cont-title {
    position: absolute;
    right: max(calc(-8 / var(--vw-min) * 100vw), -8px);
    bottom: max(calc(-5 / var(--vw-min) * 100vw), -5px);
}
.about__cont {
    width: min(calc(900 / var(--vw-min) * 100vw), 900px);
    margin: 0 auto;
}
@media screen and (max-width:768px) {
	.about__cont {
        width: 100%;
    }
}
.about__cont-text {
    font-size: min(calc(20 / var(--vw-min) * 100vw), 20px);
    line-height: 2.15;
    font-weight: 500;
    width: min(calc(860 / var(--vw-min) * 100vw), 860px);
}
@media screen and (max-width:768px) {
	.about__cont-text {
        font-size: calc(20 / var(--vw-min) * 100vw);
        width: 100%;
    }
}
.about__cont-catch {
    font-size: min(calc(24 / var(--vw-min) * 100vw), 24px);
    line-height: 1;
    font-weight: bold;
    color: var(--color-blue);
    display: inline-block;
    margin-bottom: min(calc(50 / var(--vw-min) * 100vw), 50px);
}
@media screen and (max-width:768px) {
	.about__cont-catch {
        font-size: calc(28 / var(--vw-min) * 100vw);
        line-height: 1.7857;
        margin-bottom: calc(45 / var(--vw-min) * 100vw);
    }
}
.about__cont-text-line {
    display: inline;
    color: #fff;
    background-color: var(--color-blue);
}
/*
* about date 
*/
.about__dateWrap {
    width: 100%;
    height: min(calc(180 / var(--vw-min) * 100vw), 180px);
    background-color: var(--color-blue);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
@media screen and (max-width:768px) {
	.about__dateWrap {
        height: calc(220 / var(--vw-min) * 100vw);
    }
}
.about__date {
    width: min(calc(930 / var(--vw-min) * 100vw), 930px);
    color: var(--color-white);
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
}
@media screen and (max-width:768px) {
	.about__date {
        width: 100%;
        flex-direction: column;
    }
}
.about__date dt {
    font-size: min(calc(24 / var(--vw-min) * 100vw), 24px);
    margin-right: min(calc(80 / var(--vw-min) * 100vw), 80px);
}
@media screen and (max-width:768px) {
	.about__date dt {
        font-size: calc(24 / var(--vw-min) * 100vw);
        margin-right: 0;
    }
}
.about__date dd {
    font-family: var(--en-font-family);
    font-size: min(calc(60 / var(--vw-min) * 100vw), 60px);
    letter-spacing: 0.1em;
}
@media screen and (max-width:768px) {
	.about__date dd {
        font-size: calc(58 / var(--vw-min) * 100vw);
    }
}
.about__date span {
    display: inline;
    font-size: min(calc(36 / var(--vw-min) * 100vw), 36px);
    margin-left: min(calc(20 / var(--vw-min) * 100vw), 20px);
}
@media screen and (max-width:768px) {
	.about__date span {
        font-size: calc(40 / var(--vw-min) * 100vw);
        margin-left: calc(15 / var(--vw-min) * 100vw);
    }
}
/*
* arrow
*/
.about__arrow {
    width: min(calc(48 / var(--vw-min) * 100vw), 48px);
    height: min(calc(48 / var(--vw-min) * 100vw), 48px);
    border-radius: 50%;
    border: min(calc(3 / var(--vw-min) * 100vw), 3px) solid var(--color-white);
    background-color: var(--color-blue);
    position: absolute;
    top: max(calc(-24 / var(--vw-min) * 100vw), -24px);
}
@media screen and (max-width:768px) {
	.about__arrow {
        width: calc(48 / var(--vw-min) * 100vw);
        height: calc(48 / var(--vw-min) * 100vw);
        top: calc(-24 / var(--vw-min) * 100vw);
    }
}
.about__arrow::before {
    content: "";
    display: block;
    width: min(calc(9 / var(--vw-min) * 100vw), 9px);
    height: min(calc(15 / var(--vw-min) * 100vw), 15px);
    position: absolute;
    top: min(calc(3 / var(--vw-min) * 100vw), 3px);
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    -webkit-mask: url(../img/common/deco_arrow.svg)no-repeat center / contain;
    mask: url(../img/common/deco_arrow.svg)no-repeat center / contain;
    background-color: var(--color-white);
    transform: rotate(90deg);
}
@media screen and (max-width:768px) {
	.about__arrow::before {
        width: calc(9 / var(--vw-min) * 100vw);
        height: calc(15 / var(--vw-min) * 100vw);
        top: calc(3 / var(--vw-min) * 100vw);
    }
}

/*---------------------------------------
* pickup
----------------------------------------*/
.pickup {
    padding: min(calc(70 / var(--vw-min) * 100vw), 70px) 0 min(calc(100 / var(--vw-min) * 100vw), 100px);
}
@media screen and (max-width:768px) {
	.pickup {
        padding: calc(50 / var(--vw-min) * 100vw) 0 calc(70 / var(--vw-min) * 100vw);
    }
}
.pickup .cont-title {
    text-align: center;
    margin-bottom: min(calc(60 / var(--vw-min) * 100vw), 60px);
}
@media screen and (max-width:768px) {
	.pickup .cont-title {
        margin-bottom: calc(45 / var(--vw-min) * 100vw);
    }
}
.pickup__cont {
    width: 100%;
    height: calc(700 / var(--vw-min) * 100vw);
    display: flex;
    background-color: var(--color-white);
}
@media screen and (max-width:768px) {
	.pickup__cont {
        height: auto;
        flex-direction: column;
    }
}
.pickup__left,
.pickup__right {
    width: 50%;
}
@media screen and (max-width:768px) {
	.pickup__left,
    .pickup__right {
        width: 100%;
    }
}
/*
* pickup left
*/
.pickup__left {
    display: flex;
    align-items: center;
    position: relative;
}
@media screen and (max-width:768px) {
	.pickup__left {
        padding: calc(60 / var(--vw-min) * 100vw) calc(55 / var(--vw-min) * 100vw) calc(50 / var(--vw-min) * 100vw);
    }
}
@media screen and (min-width:769px) {
.pickup__stickyWrap {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    z-index: unset;
    pointer-events: none;
}
.pickup__sticky {
    position: sticky;
    top: 0;
    height: min(100%, 100vh);
    display: flex;
    align-items: center;
}
}
.pickup__leftCont {
    width: calc(500 / var(--vw-min) * 100vw);
    margin: 0 auto;
    padding: min(calc(90 / var(--vw-min) * 100vw), 90px) 0;
}
@media screen and (max-width:768px) {
	.pickup__leftCont {
        width: 100%;
        padding: 0;
    }
}
.pickup__contTitle {
    font-size: min(calc(28 / var(--vw-min) * 100vw), 28px);
    font-weight: bold;
    line-height: 1;
    color: var(--color-blue);
    margin-bottom: min(calc(50 / var(--vw-min) * 100vw), 50px);
}
@media screen and (max-width:768px) {
	.pickup__contTitle {
        font-size: calc(34 / var(--vw-min) * 100vw);
        text-align: center;
        margin-bottom: calc(50 / var(--vw-min) * 100vw);
    }
}
.pickup__cont-text {
    font-size: min(calc(20 / var(--vw-min) * 100vw), 20px);
    font-weight: bold;
    line-height: 1.8;
    margin-bottom: min(calc(60 / var(--vw-min) * 100vw), 60px);
}
@media screen and (max-width:768px) {
	.pickup__cont-text {
        font-size: calc(20 / var(--vw-min) * 100vw);
        margin-bottom: 0;
        line-height: 2.15;
    }
}
.pickup-moreBtn {
    height: min(calc(70 / var(--vw-min) * 100vw), 70px);
    position: relative;
}
@media screen and (max-width:768px) {
	.pickup-moreBtn {
        width: calc(640 / var(--vw-min) * 100vw);
        height: calc(90 / var(--vw-min) * 100vw);
        margin: calc(40 / var(--vw-min) * 100vw) auto 0;
    }
}
.pickup-moreBtn a {
    font-family: var(--en-font-family);
    font-size: min(calc(24 / var(--vw-min) * 100vw), 24px);
    color: var(--color-white);
    font-weight: bold;
    width: 100%;
    height: 100%;
    background-color: var(--color-blue);
    padding: min(calc(26 / var(--vw-min) * 100vw), 26px) 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    position: relative;
    z-index: 1;
    overflow: hidden;
    pointer-events: auto;
}
@media screen and (max-width:768px) {
	.pickup-moreBtn a {
        font-size: calc(28 / var(--vw-min) * 100vw);
        padding: calc(32 / var(--vw-min) * 100vw) 0;
    }
}
.pickup-moreBtn a::before {
    content: "";
    width: 120%;
    height: 200%;
    position: absolute;
    top: -50%;
    right: 0;
    z-index: -1;
    background-color: var(--color-white);
    border-radius: 0 100% 100% 0;
    transform: translateX(-100%);
    transition: transform ease .5s;
  }
/*
* Btn-border アニメーション用
*/
.Btn-border::after,
.Btn-border::before,
.Btn-border span::after,
.Btn-border span::before {
    background-color: var(--color-blue);
    content: '';
    display: block;
    position: absolute;
    z-index: 10;
    transition: .4s ease;
}
/* 左上へ配置 */
.Btn-border::after {
    width: 0;
    height: min(calc(2 / var(--vw-min) * 100vw), 2px);
    top: 0;
    left: 0;
}
/* 右下へ配置 */
.Btn-border::before {
    width: 0;
    height: min(calc(2 / var(--vw-min) * 100vw), 2px);
    right: 0;
    bottom: 0;
}
/* 左下へ配置 */
.Btn-border span::after {
    width: min(calc(2 / var(--vw-min) * 100vw), 2px);
    height: 0;
    left: 0;
    bottom: 0;
}
/* 右上へ配置 */
.Btn-border span::before {
    width: min(calc(2 / var(--vw-min) * 100vw), 2px);
    height: 0;
    top: 0;
    right: 0;
}
/*
* pickup right
*/
.pickup__right {
    position: relative;
}
.pickupSwiper {
    width: 100%;
    height: calc(700 / var(--vw-min) * 100vw);
}
@media screen and (max-width:768px) {
	.pickupSwiper {
        height: calc(750 / var(--vw-min) * 100vw);
    }
}
.pickupSwiper-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
}
.pickupSwiper-title {
    font-size: min(calc(14 / var(--vw-min) * 100vw), 14px);
    font-weight: bold;
    text-align: right;
    position: absolute;
    bottom: 0;
    right: min(calc(16 / var(--vw-min) * 100vw), 16px);
    margin-bottom: min(calc(16 / var(--vw-min) * 100vw), 16px);
}
@media screen and (max-width:768px) {
	.pickupSwiper-title {
        font-size: calc(18 / var(--vw-min) * 100vw);   
        right: calc(16 / var(--vw-min) * 100vw);
        margin-bottom: calc(16 / var(--vw-min) * 100vw); 
    }
}
/*
* swiper pager
*/
.pickupPagerWrap {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    display: flex;
    justify-content: space-between;
    align-items: center;
    pointer-events: none;
}
.pickupPager{
    width: min(calc(48 / var(--vw-min) * 100vw), 48px);
    height: min(calc(48 / var(--vw-min) * 100vw), 48px);
    border-radius: 50%;
    border: min(calc(3 / var(--vw-min) * 100vw), 3px) solid var(--color-white);
    background-color: var(--color-blue);
    position: relative;
    pointer-events: auto;
}
@media screen and (max-width:768px) {
	.pickupPager{
        width: calc(48 / var(--vw-min) * 100vw);
        height: calc(48 / var(--vw-min) * 100vw);
    }
}
.pickupPager a {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.pickupPager.is-prev {
    margin-left: min(calc(15 / var(--vw-min) * 100vw), 15px);
}
.pickupPager.is-next  {
    margin-right: min(calc(15 / var(--vw-min) * 100vw), 15px);
}
.pickupPager.is-next:before,
.pickupPager.is-prev::before {
    content: "";
    display: block;
    width: min(calc(9 / var(--vw-min) * 100vw), 9px);
    height: min(calc(15 / var(--vw-min) * 100vw), 15px);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    -webkit-mask: url(../img/common/deco_arrow.svg)no-repeat center / contain;
    mask: url(../img/common/deco_arrow.svg)no-repeat center / contain;
    background-color: var(--color-white);
    transition: .3s ease;
}
@media screen and (max-width:768px) {
	.pickupPager.is-next:before,
    .pickupPager.is-prev::before {
        width: calc(9 / var(--vw-min) * 100vw);
        height: calc(15 / var(--vw-min) * 100vw);
}
}
.pickupPager.is-next:before {
    right: max(calc(-2 / var(--vw-min) * 100vw), -2px);
}
.pickupPager.is-prev::before {
    transform: rotate(180deg);
    left: max(calc(-2 / var(--vw-min) * 100vw), -2px);
}
@media screen and (max-width:768px) {
    .pickupPager.is-next:before
     {
        right: calc(-2 / var(--vw-min) * 100vw);
    }
    .pickupPager.is-prev::before{
        left: calc(-2 / var(--vw-min) * 100vw);
    }
}
/*---------------------------------------
* lineup
----------------------------------------*/
.lineup {
    background-color: var(--color-white);
    padding-top: min(calc(45 / var(--vw-min) * 100vw), 45px);
}
@media screen and (max-width:768px) {
    .lineup {
        padding-top: calc(45 / var(--vw-min) * 100vw);
    }
}
.lineup .cont-subtitle {
    margin-bottom: min(calc(45 / var(--vw-min) * 100vw), 45px);
}
@media screen and (max-width:768px) {
	.lineup .cont-subtitle {
        margin-bottom: calc(40 / var(--vw-min) * 100vw);
    }
}
.lineup__lists {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.lineup__item {
    width: min(calc(100% / 4));
   position: relative;
}
@media screen and (max-width:768px) {
	.lineup__item {
        width: calc(100% / 2);
    }
}
@media screen and (min-width:769px) {
    .lineup__item:nth-child(8n+1), 
    .lineup__item:nth-child(8n+3),
    .lineup__item:nth-child(8n+6),
    .lineup__item:nth-child(8n) {
        background-color: var(--color-lineup-blue01);
    }
    .lineup__item:nth-child(8n+2), 
    .lineup__item:nth-child(8n+4), 
    .lineup__item:nth-child(8n+5), 
    .lineup__item:nth-child(8n+7){
        background-color: var(--color-lineup-blue02);
    }
}
@media screen and (max-width:768px) {
    .lineup__item:nth-child(4n+1), 
    .lineup__item:nth-child(4n) {
        background-color: var(--color-lineup-blue01);
    }
    .lineup__item:nth-child(4n+2), 
    .lineup__item:nth-child(4n+3){
        background-color: var(--color-lineup-blue02);
    }
}
.lineup__item a {
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    text-decoration: none;
    padding: min(calc(15 / var(--vw-min) * 100vw), 15px);
}
@media screen and (max-width:768px) {
	.lineup__item a {
        padding: calc(15 / var(--vw-min) * 100vw);
    }
}
.lineup__itemCont {
    width: calc(270 / var(--vw-min) * 100vw);
    display: flex;
    flex-direction: column;
    align-items: center;
}
@media screen and (max-width:768px) {
	.lineup__itemCont {
        width: calc(345 / var(--vw-min) * 100vw);
    }
}
.lineup__item-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    pointer-events: none;
    transition: .3s ease;
}
.lineup__item-img {
    width: calc(270 / var(--vw-min) * 100vw);
    height: calc(270 / var(--vw-min) * 100vw);
    overflow: hidden;
    background-color: #fff;
}
@media screen and (max-width:768px) {
	.lineup__item-img {
        width: calc(345 / var(--vw-min) * 100vw);
        height: calc(345 / var(--vw-min) * 100vw);
    }
}
.lineup__item-titleWrap {
    color: var(--color-blue);
    width: 100%;
    display: flex;
    flex-direction: column;
    margin: min(calc(20 / var(--vw-min) * 100vw), 20px) 0 min(calc(30 / var(--vw-min) * 100vw), 30px);
}
@media screen and (max-width:768px) {
	.lineup__item-titleWrap {
        margin: calc(20 / var(--vw-min) * 100vw) 0 calc(35 / var(--vw-min) * 100vw);
    }
}
.lineup__item-title {
    display: inline-block;
    font-size: min(calc(18 / var(--vw-min) * 100vw), 18px);
    font-weight: 500;
    line-height: 1.666;
}
@media screen and (max-width:768px) {
	.lineup__item-title {
        font-size: calc(24 / var(--vw-min) * 100vw);
        line-height: 1.7916;
    }
}
.lineup__item-price {
    display: inline-block;
    font-size: min(calc(16 / var(--vw-min) * 100vw), 16px);
    margin-top: min(calc(12 / var(--vw-min) * 100vw), 12px);
}
@media screen and (max-width:768px) {
	.lineup__item-price {
        font-size: calc(20 / var(--vw-min) * 100vw);
        margin-top: calc(20 / var(--vw-min) * 100vw);
    }
}
.lineup-moreBtn {
    font-family: var(--en-font-family);
    font-size: min(calc(20 / var(--vw-min) * 100vw), 20px);
    font-weight: bold;
    color: var(--color-blue);
    width: 100%;
    height: min(calc(52 / var(--vw-min) * 100vw), 52px);  
    border: min(calc(2 / var(--vw-min) * 100vw), 2px) solid var(--color-blue); 
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: auto;
    position: relative;
    z-index: 1;
    overflow: hidden;
    transition: .3s ease;
}
@media screen and (max-width:768px) {
	.lineup-moreBtn {
        font-size: min(calc(20 / var(--vw-min) * 100vw), 20px);
        width: 100%;
        height: calc(60 / var(--vw-min) * 100vw);  
    }
}
.lineup-moreBtn::before {
    content: "";
    width: 120%;
    height: 200%;
    position: absolute;
    top: -50%;
    right: 0;
    z-index: -1;
    background: var(--color-blue);
    border-radius: 0 100% 100% 0;
    transform: translateX(-100%);
    transition: transform ease .4s;
  }

/*---------------------------------------
* comics
----------------------------------------*/
.comics {
    position: relative;
    overflow: hidden;
    padding: min(calc(50 / var(--vw-min) * 100vw), 50px) 0 min(calc(35 / var(--vw-min) * 100vw), 35px);
}
@media screen and (max-width:768px) {
	.comics {
        padding: calc(50 / var(--vw-min) * 100vw) calc(55 / var(--vw-min) * 100vw) calc(150 / var(--vw-min) * 100vw);
    }
}
.comics .cont-title {
    position: absolute;
    right: max(calc(-8 / var(--vw-min) * 100vw), -8px);
    bottom: max(calc(-4 / var(--vw-min) * 100vw), -4px);
}
.comics__cont {
    width: min(calc(1100 / var(--vw-min) * 100vw), 1100px);
    display: flex;
    margin: 0 auto;
}
@media screen and (max-width:768px) {
	.comics__cont {
       width: 100%;
       flex-direction: column;
    }    
}
.comics__imgWrap {
    margin-right: min(calc(50 / var(--vw-min) * 100vw), 50px);
}
@media screen and (max-width:768px) {
	.comics__imgWrap {
        margin-right: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
}
.comics__img img {
    width: 100%;
    pointer-events: none;
}
.comics__img {
    width: min(calc(360 / var(--vw-min) * 100vw), 360px);
}
@media screen and (max-width:768px) {
	.comics__img {
        width: calc(360 / var(--vw-min) * 100vw);
    }
}
.comics__img-title {
    font-size: min(calc(16 / var(--vw-min) * 100vw), 16px);
    color: var(--color-blue);
    font-weight: bold;
    line-height: 1.875;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: min(calc(24 / var(--vw-min) * 100vw), 24px);
}
@media screen and (max-width:768px) {
	.comics__img-title {
        font-size: calc(20 / var(--vw-min) * 100vw);
        line-height: 1.9;
        margin-top: calc(30 / var(--vw-min) * 100vw);
    }
}
.comics__title {
    font-family: var(--en-font-family);
    font-size: min(calc(40 / var(--vw-min) * 100vw), 40px);
    color: var(--color-blue);
    font-weight: bold;
    line-height: 1;
    letter-spacing: 0.1em;
    margin-bottom: min(calc(30 / var(--vw-min) * 100vw), 30px);
}
@media screen and (max-width:768px) {
	.comics__title {
        font-size: calc(34 / var(--vw-min) * 100vw);
        margin-bottom: calc(30 / var(--vw-min) * 100vw);
    }
}
.comics__cont-text {
    font-size: min(calc(16 / var(--vw-min) * 100vw), 16px);
    line-height: 2;
}
@media screen and (max-width:768px) {
	.comics__cont-text {
        font-size: calc(20 / var(--vw-min) * 100vw);
        line-height: 2.15;
    }
}
/*
* story
*/
@media screen and (max-width:768px) {
	.comics__story {
        margin-top: calc(55 / var(--vw-min) * 100vw);
    }
}
/*
* profile
*/
.comics__profile {
    margin-top: min(calc(50 / var(--vw-min) * 100vw), 50px);
}
@media screen and (max-width:768px) {
	.comics__profile {
        margin-top: calc(70 / var(--vw-min) * 100vw);
    }
}
.comics__profile-name {
    display: block;
    font-size: min(calc(24 / var(--vw-min) * 100vw), 24px);
    color: var(--color-blue);
    font-weight: bold;
    line-height: 1;
    margin-bottom: min(calc(28 / var(--vw-min) * 100vw), 28px);
}
@media screen and (max-width:768px) {
	.comics__profile-name {
        font-size: calc(26 / var(--vw-min) * 100vw);
        margin-bottom: calc(30 / var(--vw-min) * 100vw);
    }
}
/*
* comics bg
*/
.comics__bg {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    pointer-events: none;
    /* overflow: hidden; */
}
.comics__bg-clip {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
.comics__bg-clip-in {
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    position: fixed;
    background: url(../img/common/comics_bg.jpg) no-repeat top center / cover;
}
.copyright {
    font-size: min(calc(12 / var(--vw-min) * 100vw), 12px);
    position: absolute;
    right: min(calc(404 / var(--vw-min) * 100vw), 404px);
    bottom: 0;
    margin-bottom: min(calc(20 / var(--vw-min) * 100vw), 20px);
}
@media screen and (max-width:768px) {
	.copyright {
        font-size: calc(16 / var(--vw-min) * 100vw);
        right: calc(345 / var(--vw-min) * 100vw);
        bottom: 0;
        margin-bottom: calc(20 / var(--vw-min) * 100vw);
    }
}

/*---------------------------------------
* アニメーション
---------------------------------------*/
/* 
* title
*/
.aboutWrap.js-scrani .cont-title,
.pickupWrap.js-scrani .cont-title,
.comicsWrap.js-scrani .cont-title,
.lineupWrap.js-scrani .cont-subtitle {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity .5s ease, transform 1s ease;
}
.aboutWrap.js-scrani.is-ani .cont-title,
.pickupWrap.js-scrani.is-ani .cont-title,
.comicsWrap.js-scrani.is-ani .cont-title,
.lineupWrap.js-scrani.is-ani .cont-subtitle {
	opacity: 1;
	transform: translateY(0);
}

.aboutWrap.js-scrani .about__cont {
    opacity: 0;
    transition: .4s ease;
}
.aboutWrap.js-scrani.is-ani .about__cont {
    opacity: 1;
}
@media (hover: hover) and (pointer: fine) {
/*
* pickup
*/
    .pickup-moreBtn a:hover {
        color: var(--color-blue);
    }
    .pickup-moreBtn a:hover::before {
        transform: translateX(10%);
    }
    .pickupPager.is-prev:hover::before {
        transform: rotate(180deg) translateX(2px);
    }
    .pickupPager.is-next:hover::before {
        transform: translateX(2px);
    }
/*
* lineup
*/
    .lineup-moreBtn:hover {
        color: #fff;
    }
    .lineup-moreBtn:hover::before {
        transform: translateX(10%);
    }
    .lineup__item a:hover .lineup__item-img img {
        transform: scale(1.1);
    }
/*
* button border
*/
    .Btn-border:hover::after,
    .Btn-border:hover::before {
        width: 100%;
    }
    .Btn-border:hover span::after,
    .Btn-border:hover span::before {
        height: 100%;
    }
}

body {
	display: none;
}