@charset "UTF-8";
:root{
    font-size:3vw;
    --base_size:calc(100vw / 390);
}
/* コンポーネント */
h1{
    font-size:2.4rem;
}

h2{
    font-size:1.6rem;
}

h3{
    font-size:1.3rem;
}

h4{
    font-size:1.2rem;
}

h5{
    font-size:1rem;
}

.button{
    width : 16rem;
    height : 3rem;
    border-radius : 3rem;
    color: white;
}

.button:not([disabled]):hover{
    background-color: var(--spa-red);
}

a {
    text-decoration: none;
    color: var(--dark-gray);
}

a:hover {
    color: var(--spa-red);
}

.gray-back{
    padding-top:min(40px,10.2vw);
    padding-bottom:min(40px,10.2vw);
}

.pager {
    height: 15.4vw;
    width: 87vw;
    margin-top: min(40px,4.6vw);
    margin-bottom: min(60px,5.6vw);
}

.pager {
    font-size: min(14px,1.3vw);
    height: calc(var(--base_size) * 60);
    width: calc(var(--base_size) * 340);
    margin:min(40px,4.6vw) auto min(60px,5.6vw) auto;
}

.pager-select::after {
    width: 3vw;
    height: 3vw;
    border-width: 0 2px 2px 0;
    right: min(15px, 3vw);
    TOP: 5vw;
}

.pager>a,
.pager>div.prev,
.pager>div.next {
    font-size: 4vw;
    width: 23vw;
}

.pager-select>select{
    font-size: 5vw;
    width:42vw;
}

.pager-number {
    font-size: 5vw;
    width:42vw;
}

/* コンポーネント */

/* ヘッダ */
.header {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
    border-bottom-width: 1px;
    border-bottom-color: var(--gray);
    border-bottom-style: solid;
}

.header-up{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100vw;
    padding-left: calc(var(--base_size) * 10);
}

.header-button {
    font-size: calc(var(--base_size) * 11);
    border-width: 1px;
    border-color: var(--gray);
    border-style: solid;
    border-radius: calc(var(--base_size) * 30);
    height: calc(var(--base_size) * 30);
    word-break: keep-all;
    width: calc(var(--base_size) * 85);
    text-align: center;
}

.header-button.view-search {
    height: calc(var(--base_size) * 30);
    width: calc(var(--base_size) * 30);
}

.navigation-bar .category-list {
    min-width: auto;
    padding-bottom: 3vw;
}

.menu_box .category-list {
    flex-flow: column;
    align-items: start;
    width: 100%;
    overflow : hidden;
    margin-bottom: 5px;
}

.menu_box .category {
    align-items: baseline;
    font-size : 1.4rem;
    padding-left : 2rem;
    font-weight: 500;
    margin: 0.5rem 0;
}

.header-up>div{
    min-width:unset;
}

.header-menu {
    order: 3;
    justify-content: right;
    padding-right: 7px;
    top: 2px;
    height: calc(var(--base_size) * 18);
    width: calc(var(--base_size) * 20);
}

.menu_box {
    position: fixed;
    top: 0;
    height: 100vh;
    margin-left: 10vw;
    z-index: 9999999;
    width: 80vw;
    right: 0;
}

.menu_box .footer-link {
    flex-flow: column;
    padding-left: 0rem;
}

.menu_box .navigation-bar {
    min-width: 90vw;
}

.header-logo {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
    order : 1;
}

.header-function {
    display: flex;
    justify-content: flex-end;
    order : 2;
    align-items: center;
}

.close {
    margin: 5px;
    height: 17px;
    width: 17px;
}

.menu_box .header-function {
    padding-top: 15px;
}

.menu_box .footer-link {
    grid-template-columns: 1fr;
    padding-left: 2rem;
}

.header .logo img{
    width: calc(var(--base_size) * 111);
    height: calc(var(--base_size) * 40);
}

.navigation-bar{
    min-width:100vw;
    margin-bottom: -5px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

.category-list {
    display: flex;
    justify-content : flex-start;
    align-items: flex-start;
    max-width : 100vw;
    overflow-x : scroll;
    overflow-y : hidden;
    margin: 15px 0 0;
}

.category-list a:hover {
    color: var(--dark-gray);
}

.black .swiper-button-prev,
.black .swiper-button-next{
    display: none;
}

#slide-articles-2.white .swiper-button-prev,
#slide-articles-2.white .swiper-button-next{
    top: 75vw;
}

.category {
    font-size: 13px;
    color: var(--dark-gray);
    display: flex;
    flex-flow: column;
    align-items: center;
    min-width: 7.85rem;
}

.navigation-bar .category-list .category .current-category {
    height: 0;
}

.navigation-bar .category-list .category .current-category:after {
    background-color: var(--spa-red);
    top: 1.8vw;
    width: 2rem;
    height: 1.5vw;
    content: "　";
    border-radius: 4px;
    position: relative;
}

.category:after {
    display: none;
    background-color: var(--spa-red);
    width: 0;
    height: 8px;
    content: "　";
    border-radius: 4px;
    transition-duration: 0.4s;
}

.index .post-div {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    margin-bottom:calc(var(--base_size) * 34)
}

.post-div .content-date{
    width:calc(var(--base_size) * 250);
    padding: 0 1rem 0 0;
}

.index .post-bar {
    width:calc(var(--base_size) * 340);
    font-size: 14px;
    margin: 1rem 0 0 0.2rem;
}

.post-div .category-icon{
    width:calc(var(--base_size) * 90);
}

.contents .post-div img,
.index .post-div>a>img{
    width:calc(var(--base_size) * 340);
    height:calc(var(--base_size) * 274);
}

.author_div {
    margin: calc(var(--base_size) * 25) 0 0;
}

.author_div img {
    width: calc(var(--base_size) * 42);
    height: calc(var(--base_size) * 42);
    margin-right: calc(var(--base_size) * 10);
}

.category:hover:after {
    width: 100%;
}
/* ヘッダ */

.post-list {
    margin: 6px 0;
    justify-content: space-between;
    padding: 0 calc(var(--base_size) * 19);
    box-sizing: border-box;
    width: 100vw;
}

.gravure .post-list img{
    --width:min(42vw,164px);
    height: calc(var(--width) * 1.5);
    width: var(--width);
}

.ranking {
    width: 100vw;
    overflow-x: hidden;
    flex-flow: column;
    align-items: baseline;
}

.ranking.black.gravure.widget > a {
    width: 100%;
}

.swiper-initialized {
    max-width: 100vw;
}

.footer {
    margin-top : 2rem;
}

.footer-link {
    margin-top : 2rem;
    justify-content: space-between !important;
}

.footer-link > div {
    padding: 0 0;
}

.footer .footer-link {
    width: 100%;
    display: grid;
    grid-template-columns: 1.5fr 1fr;
}

.footer-link > span {
    width: 50%;
    margin : 0.5rem 0;
    padding: 0;
}

.footer-br {
    display: none;
}

.footer-logo img {
    width: 110px;
    height: 39.6px;
}

.copyright {
    margin-top: 4.1rem;
}

.post-content.about {
    text-align: left;
    padding-top:calc(var(--base_size) * 24);
    width: 81vw;
}

#about div.button,
.button {
    width: 30vw;
    margin: auto 1vw;
}

.plan{
    width: 88vw;
    text-align:center;
    padding: 1rem;
}

#about .plan .footnote {
    margin: 0.6rem auto 1.4rem;
}

#about .plan_content{
    width: 100%;
}

#about .monthly {
    width: calc(var(--base_size) * 300);
}

#free div.button{
width:76vw;
    margin-top: 1rem;
}

#about .campaign{
    border-radius: 0.5rem;
    width: 78vw;
}

#about .plan_start{
    width: 75vw;
    margin-top: 0.3rem;
}

#about .button_free_plan_register {
    width: 75vw;
    margin-top: 0.3rem;
}

#about .plan .plan_name{
    font-size:2rem;
}

#about .price{
    font-size: calc(var(--base_size) * 24);
}

#about .campaign_span {
    display: inline-flex;
    align-items: baseline;
    justify-content: center;
    border-radius: calc(var(--base_size) * 47);
}

#about .plan_description{
    margin-top:calc(var(--base_size) * 8);
}

#about .qa>div{
    width:100%;
}

.plan_list>div{
    width: fit-content;
}

.plan_list >div >div{
    width:9rem;
}

.footer .footer-logo {
    width: 100%;
    justify-content: start;
}

.about_img{
    width:100vw;
    background-color: white;
}

.slide .swiper-slide img{
    height: 20rem;
    width: 20rem;
}

.white .swiper-button-prev{
    left: 3vw;
}

.white .swiper-button-prev:after {
    font-size: 16px;
}

.white .swiper-button-next {
    right: 3vw;
}

.white .swiper-button-next:after {
    font-size: 16px;
}

#ranking-2.ranking .swiper-slide a {
    width: calc(var(--base_size) * 184)
}

div.w_spa_list_widget {
    --height:calc(var(--base_size) * 263);
}

div.w_spa_list_widget img{
    height:var(--height);
}

.new-posts .post-div img::before {
    --width:min(48px,13.3vw);
}

.new-posts .post-div img::before {
    font-size: min(12px,3vw);
    --width:min(48px,13.3vw);
    border-radius: calc(var(--width) / 2 );
}

.widget .post-list.new-posts .post-div{
    margin: 0 auto;
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.post-list.new-posts{
    margin: auto min(25px,6.4vw);
}

.Individual.single.gravure .post-list.new-posts {
    margin: 0;
}

.gravure.new-posts.widget .post-list.new-posts {
    margin: 0;
}

.gravure.new-posts.widget.gray-back {
    padding-bottom: min(40px,10.2vw);
}

.Individual.single.gravure .content {
    padding: 0;
}

.gravure.recommend.widget .swiper-slide {
    transform: translateX(2%);
}

.gravure.recommend.widget .swiper-slide a {
    bottom: 0 !important;
    width: min(280px,71.7vw) !important;
    height: min(420px,107.6vw) !important;
    border-radius: calc(var(--base_size) * 10);
}

.gravure.recommend.widget .swiper-slide a + a {
    height: auto !important;
    background: linear-gradient(to top, #000000d1, transparent) !important;
    border-radius: 0 0 calc(var(--base_size) * 20) calc(var(--base_size) * 20) !important;
    padding: 8rem 1rem 2rem 1rem !important;
}

.gravure.recommend.widget .swiper-slide a img {
    width: min(280px,71.7vw);
    height: min(420px,107.6vw);
}

.gravure.recommend.widget .swiper-slide a:nth-child(2) {
    padding-top: 300px;
}

.gravure .post-list.archive {
    width:100vw;
    justify-content: space-around;
}

.gravure .post-list.archive .post-title{
    font-size:3.9vw;
}

.gravure .post-list.archive img {
    width: max(42vw,164px);
    height: max(246px,63vw);
}

.gravure-tab {
    width: min(1060px,100vw);
    padding: 0 ;
    justify-content: space-around;
    margin: 6vw auto 6vw;
    font-size: 4vw;
}

.gravure-tab .tab {
    width: 42vw;
    height: 10vw;
}

.post-list.search .post-div {
    --width: 42vw;
}

.post-list.search {
    width: 100vw;
    display: grid;
    grid-template-columns: 1fr 1fr;
}

form#Search-form {
    width: 100%;
    height:calc(var(--base_size) * 120);
    margin-bottom: calc(var(--base_size) * 13);
}

#Search-form input#s {
    background-size: calc(var(--base_size) * 15);
    padding-left: calc(var(--base_size) * 48);
    height: calc(var(--base_size) * 40);
    width: calc(var(--base_size) * 250);
    margin-right: calc(var(--base_size) * 10);
    background-position-x: calc(var(--base_size) * 11);
    font-size: calc(var(--base_size) * 16);
}

button#s {
    width: calc(var(--base_size) * 80);
    height: calc(var(--base_size) * 40);
    font-size: calc(var(--base_size) * 15);
}

.post-list.new-posts .post-title {
    font-size: max(3.5vw,2vw);
}

.single-right img{
    width:calc(var(--base_size) * 330);
    height:calc(var(--base_size) * 435);
}

.single-right .viewer.button {
    margin: calc(var(--base_size) * 14) auto calc(var(--base_size) * 43);
    width: calc(var(--base_size) * 240);
    height: calc(var(--base_size) * 44);
    font-size: calc(var(--base_size) * 15);
}

.single-left {
    width:calc(var(--base_size) * 340);
}

.magazine_no{
    font-size:calc(var(--base_size) * 15);
}

.single.magazine .post-div img{
    width:calc(var(--base_size) * 139.85);
    height:calc(var(--base_size) * 113);
}

.single.magazine .post-div {
    flex-flow: row;
    width: calc(var(--base_size) * 340);
    align-items: start;
    justify-content: space-between;
}

.single.magazine .post-list.new-posts .post-title{
    width: calc(var(--base_size) * 182);
    font-size: calc(var(--base_size) * 14);
}

.single.magazine .post-list.new-posts {
    width: calc(var(--base_size) * 340);
    justify-content: center;
    margin:calc(var(--base_size) * 26) auto calc(var(--base_size) * 22);
}

.Individual.single .post-list.new-posts + a .button{
    width: calc(var(--base_size) * 240);
    height: calc(var(--base_size) * 44);
    font-size: calc(var(--base_size) * 15);
    margin-top: 2rem;
}

.gravure.new-posts.widget .post-list.new-posts + a .button {
    width: calc(var(--base_size) * 240);
    height: calc(var(--base_size) * 44);
    font-size: calc(var(--base_size) * 15);
    margin-top: 2rem;
}

.widget.black.new-posts.gravure.blue-back .button,
.widget.w_spa .button,
.widget.new-posts.gray-back .button {
    width: calc(var(--base_size) * 240);
    height: calc(var(--base_size) * 44);
    font-size: calc(var(--base_size) * 15);
}

.new-posts.gravure .post_list_widget .swiper-slide,
.new-posts.gravure .post_list_widget a,
.new-posts.gravure .post_list_widget img{
    width:calc(var(--base_size) * 120);
}

.new-posts.gravure .post_list_widget img{
    height:calc(var(--base_size) * 180);
    max-width:100%;
    object-fit: contain;
}

.widget.new-posts .swiper-slide{
    width:fit-content;
}

.widget.new-posts .swiper-slide::before{
    width:calc(var(--base_size) * 48);
    height:calc(var(--base_size) * 18);
    font-size:calc(var(--base_size) * 12);
    top: calc(var(--base_size) * 7);
    left: calc(var(--base_size) * 10);
    padding:0;
}

.tag-box {
    margin:calc(var(--base_size) * 17) auto calc(var(--base_size) * 24);
    font-size:calc(var(--base_size) * 13);
}

.tag-list {
    padding: 0 calc(var(--base_size) * 19) 20px;
}

.tag-list .tag {
    font-size:calc(var(--base_size) * 12);
    min-width: calc(var(--base_size) * 80);
    padding: calc(var(--base_size) * 3) calc(var(--base_size) * 15);
    margin: calc(var(--base_size) * 3) calc(var(--base_size) * 6) calc(var(--base_size) * 3) 0;
    text-align: center;
}

.w_spa.post_list_widget.no-swiper-button{
    flex-flow: column;
    width:100vw;
}

.w_spa.post_list_widget.no-swiper-button .post-div{
    display: flex;
    width: 100%;
    padding: 0 25px 25px;
}

.w_spa.post_list_widget.no-swiper-button .post-div img{
    width:calc(var(--base_size) * 124);
    height:calc(var(--base_size) * 100);
}

.recommend-post.w_spa.post_list_widget.no-swiper-button img {
    height: auto;
}

.new-posts.gray-back{
    margin-top:calc(var(--base_size) * 40);
}

.w_spa.post_list_widget.no-swiper-button .post-div a{
    text-align: left;
}

.w_spa.post_list_widget.no-swiper-button .post-title{
    max-width: 100%;
    width: 100%;
    padding-left: 15px;
}

.w_spa.post_list_widget .post-title {
    max-width: 216px;
}

.talent_div img{
    width:calc(var(--base_size) * 100);
    height:calc(var(--base_size) * 100);
}

.initial_button>label {
    font-size: calc(var(--base_size) * 12);
    min-height: calc(var(--base_size) * 40);
    min-width: calc(var(--base_size) * 40);
    border-radius: calc(var(--base_size) * 40);
    padding: calc(var(--base_size) * 11) calc(var(--base_size) * 13);
    margin: calc(var(--base_size) * 2);
}

.index {
    font-size:calc(var(--base_size) * 20);
    padding-bottom: calc(var(--base_size) * 9);
    margin-top:calc(var(--base_size) * 46);
    margin-bottom:calc(var(--base_size) * 10);
}

.original.widget.gray-back a,
.original.widget.gray-back img{
    width:calc(var(--base_size) * 148);
}

.original.widget.gray-back img{
    height:calc(var(--base_size) * 148);
}

.original.widget.gray-back{
    overflow-x: scroll;
}

.original.widget.gray-back .post-div{
    margin:calc(var(--base_size) * 28) calc(var(--base_size) * 10);
}

.talent-list.archive {
    max-width: 100vw;
    justify-content: start;
    align-items: start;
}

.initial_button_list {
    overflow-x: scroll;
    justify-content: start;
    width: 100%;
    padding-left: calc(var(--base_size) * 25);
}

.talent_div {
    margin: calc(var(--base_size) * 10);
}

.initial_button_list~div{
    padding: 0 calc(var(--base_size) * 10);
}

.gravure .post-div .post-title,
.gravure .post-div img{
    width: calc(var(--base_size) * 164);
}

.gravure .post-div img{
    height: calc(var(--base_size) * 246);
}

.description {
    font-size: 15px;
}

.magazine.post-list{
    width: 100vw;
    max-width: 100vw;
    justify-content: center;
    flex-wrap: wrap;
}

.magazine.post-list .magazine-div{
    width: calc(50vw - 60px);
}

.recommend_comic .post-list img {
    width: 20vw;
    height: 28.5vw;
    object-fit: contain;
}

.select-year {
    width: 100%;
    margin: 0;
    padding: 0 calc(var(--base_size) * 19 + 10px);
}

.post-title{
    font-size:calc(var(--base_size) * 12);
    width: 90%;
}

.magazine-div img {
    width: calc(var(--base_size) * 148);
    height: calc(var(--base_size) * 195);
    border-width: 0 calc(var(--base_size) * 8);
    box-sizing: content-box;
}

select#magazine_year {
    height: 40px;
    width: 180px;
    padding-left: 18px;
}

.new-posts.gravure .swiper-slide {
    transform: translateX(13%);
}

.slide.recommend {
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
}

.slide.recommend .swiper-slide {
    width: 75vw !important;
    height: auto;
    min-width: 0 !important;
    justify-content: flex-start;
}

.slide.recommend .swiper-slide a img {
    width: 75vw;
    height: 75vw;
}

.slide.recommend .swiper-slide a + a {
    padding: 0 calc(var(--base_size) * 20);
}

.ranking .swiper-slide img {
    width: 180px;
    height: 270px;
}

.ranking .swiper-slide {
    width: auto;
    max-width:calc(var(--base_size) * 184);
}

.gravure.new-posts .gravure_more_button {
    margin-top: 4vw;
}

.gravure.new-posts.gray-back .gravure_more_button {
    margin-top: 4vw;
}

.gravure-tab a[disabled="true"] .tab {
    border-top: none;
    border-left: none;
    border-right: none;
}

.single-main .single-left h2 {
    margin-block-start: 0px;
}

.breadcrumbs a {
    color: gray;
}

.category-list.gray-back {
    padding: 0.5rem 2rem 0;
}

.category-list .post_category {
    display: flex;
}

.category-list .post_category * {
    margin: 0 0.1vw;
}

#gravure_ranking-4 .new-posts.ranking_widget .swiper-slide {
    padding-right: 10px;
}

[id^="new-comics-"] .new-posts.w_spa_list_widget .swiper,
[id^="new-spa-"] .new-posts.w_spa_list_widget .swiper {
    padding-left: 25px;
}

#new-gravure-2,
#new-gravure-2.new-posts.gravure .swiper,
#new-gravure-2.new-posts.gravure .swiper-wrapper {
    max-width: 100%;
    width: 100vw;
}

.new-posts.gravure .swiper-slide {
    transform: translateX(57%);
}

.ranking.black.widget .new-posts.ranking_widget .swiper-slide a + a {
    width: calc(var(--base_size) * 184);
}

.ranking.black.widget .new-posts.ranking_widget .swiper-slide img {
    width: calc(var(--base_size) * 184);
    height: calc(var(--base_size) * 148);
}

.swiper-pagination .swiper-pagination-bullet {
    margin-left: 8px !important;
    margin-right: 8px !important;
}

.new-posts.ranking_widget {
    width: 100%;
    padding: 0 25px;
}

.new-posts.ranking_widget .swiper {
    width: 100%;
}

.ranking_widget .swiper-initialized{
    overflow: visible;
}

.ranking.black.gravure.widget .new-posts.ranking_widget .swiper-slide a,
.ranking.black.gravure.widget .new-posts.ranking_widget .swiper-slide img {
    width: 100px;
}

.ranking.black.gravure.widget .new-posts.ranking_widget .swiper-slide img {
    height: 150px;
}

.post-list.index ~ .ranking.black.widget {
    padding-top: 0;
    padding-bottom: min(40px,10.2vw);
}

.widget.black.new-posts.gravure.blue-back {
    padding-bottom: 3rem;
    border-radius: 0;
    box-shadow: 0px 7.5px 15px 0px rgba(0, 0, 0, 0.15);
}

.ranking.black.gravure.widget .widget-title {
    margin-top: 1rem;
}

.widget.w_spa.gray-back {
    padding-top: 0;
    margin-bottom: 0;
}

.widget.w_spa .new-posts.w_spa_list_widget.no-swiper-button .swiper,
.widget.w_spa.gray-back .new-posts.w_spa_list_widget.no-swiper-button.no-swiper-button .swiper {
    height: 90vw;
}

.widget.w_spa .new-posts.w_spa.w_spa_list_widget.comics.no-swiper-button .swiper{
    height: auto;
}

.widget.new-posts.gray-back {
    padding-top: 0;
    margin-top: 0;
    margin-bottom: 0;
}

.gravure.new-posts.widget.gray-back {
    margin-bottom: 1rem;
}

.ranking.black.widget.gray-back {
    padding-top: 0;
}

.single .ranking.black.widget.gray-back {
    margin: -2rem 0 0 0;
}

.single {
    width: 100vw;
}

.single .post-bar {
    margin: 0 25px;
}

.single .content {
    padding: 0 25px;
    font-size: 15px;
}

.single .content > figure {
    width: 100% !important;
}

.single .content > h1 {
    font-size: 1.8rem;
}

.instagram-media,
.twitter-tweet,
.twitter-tweet>iframe,
[src^="https://www.facebook.com"],
[src^="https://www.google.com"],
[src^="https://www.youtube.com"] {
    width: 100% !important;
}

.single .content .post-pager a {
    display: flex;
}

.single .content .post-pager .next-page,
.single .content .post-pager .next-title {
    padding: 10px;
}

.single .content .post-pager .next-page {
    flex-grow: 0;
    flex-shrink: 0;
}

.single .content .post-pager .next-title {
    flex-grow: 1;
    flex-shrink: 1;
}

[src^="https://www.youtube.com"] {
    height: calc((100vw - 50px) * 0.5625);
}

.widget.w_spa .new-posts.w_spa_list_widget.no-swiper-button .swiper-slide {
    transform: translateX(5%);
}

.widget.w_spa .new-posts.w_spa_list_widget.no-swiper-button .swiper-slide:before {
    top: calc(var(--height) + 2em);
}

.widget.w_spa .new-posts.w_spa_list_widget.no-swiper-button .new::before {
    top: 0px;
    font-size: 13px;
    position: relative;
    order: 3;
    margin-right: auto;
}

.Individual.single.magazine .single-main .single-left h2 {
    font-size: 2.2rem;
}

.Individual.single.magazine .single-main .single-left .content {
    padding: 0;
    font-size: 1.4rem;
}

.Individual.single.magazine .free-html h3 {
    font-size: 1.4rem;
    margin-block-start: 0.5em;
    margin-block-end: 0.5em;
}

.Individual.single.magazine .post-list.new-posts .post-div .post-title {
    padding-left: 2rem;
}

.free-html {
    font-size: 15px;
}

.last-series .title-text {
    margin-top: calc(var(--base_size) * 16);
    margin-left: calc(var(--base_size) * 17);
}

.last-series .last-series-post,
.last-series .move-series,
.last-series .title-text {
    margin-left: calc(var(--base_size) * 20);
}

.last-series-post img {
    height: calc(var(--base_size) * 89.14);
    width: calc(var(--base_size) * 120);
}

.last-series h3 {
    margin-bottom: calc(var(--base_size) * 30);
}

.last-series-bottom {
    padding-left: calc(var(--base_size) * 20);
    padding-top: calc(var(--base_size) * 17);
    padding-bottom: calc(var(--base_size) * 20);
}

.last-series .series-name{
    max-width: 315px;
}

.last-series .series-list {
    margin: calc(var(--base_size) * 16) 0;
}

.gravure.center .talent-list.archive {
    margin-bottom: 3rem;
}

.single .post-bar {
    margin-top: 1rem;
    margin-bottom: -3rem;
}

.sns-box .entryInfo .social {
    margin-top: 1rem;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}

.sns-box .entryInfo .social .fb-share-button {
    display: flex;
}

.single .content .sns-box {
    white-space: normal;
    margin-top: 0;
}

.single .content .tag-box {
    margin: -2rem 0 0;
    white-space: normal;
}

.single .content .tag-box .tag-list {
    margin: 0.5rem 0 0 0;
}

.post-list.index .original.new-posts.widget.gray-back {
    margin: 0 0 calc(var(--base_size) * 34);
    padding-bottom: 0;
}

.post-list.index .original.new-posts.widget.gray-back::-webkit-scrollbar {
    display: none;
}

.post-list.index .original.new-posts.widget.gray-back .post-list.new-posts .post-div {
    width: auto;
}

.post-list.index .original.new-posts.widget.gray-back .post-list.new-posts .post-div:first-child {
    margin-left: min(10px, 1vw);
}

.post-list.index .original.new-posts.widget.gray-back .post-list.new-posts .post-div:last-child {
    padding-right: calc((var(--base_size) * 19) + min(10px, 1vw));
}

.post-list.index .original.new-posts.widget.gray-back .post-list.new-posts .post-div a + a {
    font-size: 14px;
    padding: 0 5px;
    text-align: left;
}

.breadcrumbs {
    width: 100vw;
    padding-left: 1.5rem;
}

.post-list.tag img{
    width: calc(var(--base_size) * 164);
    height: calc(var(--base_size) * 246);
}

.post-list.tag .post-title{
    width: calc(var(--base_size) * 164)
}

.author-area {
    display: flex;
    justify-content: flex-start;
    width: 100vw;
    margin: calc(var(--base_size) * 46) 0 0 0;
    padding: 0 calc(var(--base_size) * 19);
}

.post-div .author_div img,
.author-area > img {
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
}

.author-area .author-name {
    align-self: center;
    font-size: 2.5rem;
    font-weight: bold;
    text-decoration: underline;
    text-underline-offset: 5px;
    margin: 0 0 0 10px;
}

.feature-group-area,
.series-group-area,
.post-tag-name {
    width: 100vw;
    margin: calc(var(--base_size) * 46) 0 0 0;
    padding: 0 calc(var(--base_size) * 19);
}

.feature-group-area .feature-group-title,
.series-group-area .series-group-title,
.post-tag-name .post-tag-title {
    font-size: 2rem;
    font-weight: bold;
}

.qa {
    width: 100%;
}

.qa .a a {
    display: contents;
}

meta[property="og:title"][content="マイアカウント | MySPA！"] ~ .content {
    width: 80vw;
}

.logo {
    flex-flow: column;
    font-size: 13px;
}

.banner-area{
    max-width:90vw;
}

.recommend-post .posts{
    flex-flow: column;
}

.recommend-post .posts>div {
    width: 90vw;
}

.recommend-post .posts>div>a {
    display: flex;
}

.recommend-post img {
    width: calc(var(--base_size) * 124);
    height: calc(var(--base_size) * 100);
}