/*TODO: stub*/

/*comic*/
div.comic_img img {
    width: 100%;
}

/*feature*/
.article_body_inner .article_mainVis img, .article_mainVis img{
    width: 100%;
    height:auto;
}
/*feature, life*/
.article_body_inner img {
    max-width: 100%;
    height: auto;
}
.article_box{
    padding:15px 20px;
    line-height:1.7;
    color:#666;
    margin-top:10px;
    margin-bottom:20px;
clear: both;
}
.article_box-gray {
    background:#F6F6F6;
}
.article_subTtl{
    clear:both;
}
.p-articleBody p {
    clear: both;
    /*padding-top: 20px;*/
    margin: 2em 0;
    font-size: 1rem;
    line-height: 1.7;
    letter-spacing: -.05em;
}
.article_body_inner a{
    color: #3399CC;
    text-decoration:none;
}
.article_body_inner p {
    margin-top: 10px;
}

/*TAIWAN HAKKEN*/
div.article_box .article_box-gray .fz-12{
        font-size: 0.75rem;
        padding: 15px 20px;
        line-height: 1.7;
        color: #666;
}

.p-articleBody{
    margin-bottom:20px;
}
.p-articleFooter{
    padding-top:10px;
    clear:both;
}

/*specification*/
.article_box.article_box-white.fz-12 {
    border: solid 1px #CCC;
    padding: 15px 20px;
    line-height: 1.7;
    clear: both;
    color: #666;
}
.article_box.article_box-white.fz-12 span{
    font-weight:bold;
    display:block;
}
.article_body_inner table.spec_table{
    border: solid 1px #333;
    border-collapse: collapse;
}
.article_body_inner .spec_table td{
    border: solid 1px #333;
    padding:10px;
    text-align:left;
    font-weight:normal;
    /* vartical-align:middle; */
}

/*common*/
.fz-12{
    font-size:0.75rem;
}
.mt-10{
    margin-top:10px;
}
.mt-20{
    margin-top:20px;
}
.mt-30{
    margin-top:30px;
}
.mt-50{
    margin-top:50px;
}
/* .mb-30{
    30px;
} */

/*/present form , inquiry form*/
.contact_form table, .media_form table{
    width:100%;
    /* border-collaspe:collaspe; */
    border-spacing:0;
}
@media screen and (min-width:0px){
    .contact_form table th, .media_form table th{
        width:50%;
        padding:10px 0;
        font-weight:500;
        text-align:left;
        font-size:0.875rem;
        vertical-align: middle;
        display:table-ceil;
    }
    .contact_form table td, .media_form table td{
        width:50%;
        padding:5px 0;
        text-align:left;
        font-weight:normal;
    }
    .contact_form table td input, .media_form table td input{
        width:200px;
        padding:10px;
        background:#eef1f3;
        color:#333;
        border:none;
    }
    div.contact_form_submit input, .media_form input{
        display:block;
        width:250px;
        margin:0 auto;
        padding:16px 10;
        text-align:center;
        background:#333;
        font-size:1.125rem;
        color:#FFF;
        font-weight:500;
        transition:all .3s;
    }
    .contact_form table th .required, .media_form table th .required{
        width:30px;
        display:inline-block;
        margin:0 5px;
        padding:3px 20px;
        color:#F33;
        background:#FCC;
        font-size:0.75rem;
        font-weight:normal;
    }
    .contact_form table td textarea, .media_form table td textarea{
        width:200px;
        height:180px;
        padding:10px;
        background:#eef1f3;
        border:none;
    }
}
@media screen and (min-width:481px){
    .contact_form table th, .media_form table th{
        width:30%;
        padding:10px 0;
        font-weight:500;
        text-align:right;
        font-size:0.875rem;
        vertical-align: middle;
        display:table-ceil;
    }
    .contact_form table td, .media_form table td{
        width:80%;
        padding:10px 20px 10px 40px;
        text-align:left;
        font-weight:normal;
    }
    .contact_form table td input, .media_form table td input{
        width:80%;
        padding:10px;
        background:#eef1f3;
    }
    div.contact_form_submit input, .media_form input{
        display:block;
        width:250px;
        margin:0 auto;
        padding:16px 0;
        text-align:center;
        background:#333;
        font-size:1.125rem;
        color:#FFF;
        font-weight:500;
        transition:all .3s;
    }
    .contact_form table th .required, .media_form table th .required{
        width:30px;
        display:inline-block;
        margin:0 5px;
        padding:3px 20px;
        color:#F33;
        background:#FCC;
        font-size:0.75rem;
        font-weight:normal;
    }
    .contact_form table td textarea, .media_form table td textarea{
        width:80%;
        height:180px;
        padding:10px;
        background:#eef1f3;
        border:none;
    }
}
@media screen and (min-width:841px){
    .contact_form table th, .media_form table th{
        padding:10px 0;
        font-weight:500;
        text-align:right;
        font-size:0.875rem;
        vertical-align: middle;
        display:table-ceil;
    }
    .contact_form table td, .media_form table td{
        width:480px;
        padding:10px 0 10px 40px;
        text-align:left;
        font-weight:normal;
    }
    .contact_form table td input, .media_form table td input{
        width:100%;
        padding:10px;
        background:#eef1f3;
    }
    div.contact_form_submit input, .media_form input{
        display:block;
        width:250px;
        margin:0 auto;
        padding:16px 0;
        text-align:center;
        background:#333;
        font-size:1.125rem;
        color:#FFF;
        font-weight:500;
        transition:all .3s;
    }
    .contact_form table th .required, .media_form table th .required{
        display:inline-block;
        margin-left:10px;
        padding:3px 10px;
        color:#F33;
        background:#FCC;
        font-size:0.75rem;
        font-weight:normal;
    }
    .contact_form table td textarea, .media_form table td textarea{
        width:100%;
        height:180px;
        padding:10px;
        background:#eef1f3;
        border:none;
    }
}

.contact_form table td select, .media_form table td select{
    -webkit-appearance:menulist;
    -moz-appearance:menulist;
    appearance:menulist;
}


/*https://www.webchronos.net/arnoldson/*/
div.article_body_inner hr{
    clear:left;
}

/*ranking*/
@media screen and (min-width:0px){
    .article_body_inner .rankItem .rankItemPhoto img {
        width:120px;
        height: auto;
        margin-top: 10px;
        /* margin-bottom: 10px; */
    }

    .article_body_inner .memberItem .memberItemPhoto img{
        width: 120px;
        height: auto;
    }
    .article_body_inner .rankItem .rankItemText p {
        font-size:0.9rem;
    }
    .article_body_inner .memberItem .memberItemText p{
        font-size:0.9rem;
    }
}
@media screen and (min-width:481px){
    .article_body_inner .rankItem .rankItemPhoto img {
        width:200px;
        height: auto;
        margin-top: 10px;
        /* margin-bottom: 10px; */
    }

    .article_body_inner .memberItem .memberItemPhoto img{
        width: 110px;
        height: auto;
    }
}

.p-articleBody .article_body_inner iframe,video {
    width:100%;
}

/*shop news*/
.p-shopDetail__news img{
    width: 100%;
    height:auto;
    border:solid 1px #333;
}

/* sliders*/
.sp-slides{
    list-style:none;
}
.sp-page{
    display:none;
}

.error-page{
    min-height: 400px;
}

/* if dac AD banner is open to the public. */
/*----------AD-dac(SP) ----------*/
/* @media screen and (max-width:639px){
    .home_ad_billboard{
        display:none;
    }
    .home_ad_billboard_sp{
        margin:0 0 20px 0;
    }
    .home_ad_billboard_detail_sp{
        margin:-20px 0 20px 0;
    }
    .home_ad_above_editors_pkup{
        display:none;
    }
    .home_ad_side_upper{
        display:none;
    }
    .home_ad_bottom{
        display:none;
    }
    .home_ad_bottom_sp{
        margin:-20px 0 20px 0;
    }
    .home_ad_news_bottom{
        margin-bottom:8px;
    }
    .article_ad_list_bottom{
        display:none;
    }
    .article_ad_list_detail_side{
        display:none;
    }
    .article_ad_list_side_bottom{
        display:none;
    }
    .article_ad_list_bottom_sp{
        margin-bottom:20px;
    }
    .article_detail_billboard{
        display:none;
    }
    .article_detail_middle{
        display:none;
    }
    .article_detail_middle_sp{
        margin-left: -20px;
        margin-right: -20px;
        margin-bottom: 20px;
    }
    .article_detail_bottom{
        display:none;
    }
    .article_detail_bottom_sp{
        margin-top: -30px;
        margin-bottom: 10px;
    }
} */

/*----------AD-dac(PC)----------*/
/* @media screen and (min-width:640px){
    .home_ad_billboard_sp{
        display:none;
    }
    .home_ad_billboard_detail_sp{
        display:none;
    }
    .home_ad_above_editors_pkup_sp{
        display:none;
    }
    .home_ad_side_upper{
        margin-bottom:20px;
    }
    .home_ad_bottom{
        text-align:center;
        margin: -50px 0 0 0;
        width:100%;
    }
    .home_ad_bottom_sp{
        display:none;
    }
    .home_ad_news_bottom{
        display:none;
    }
    .article_ad_list_bottom_sp{
        display:none;
    }
    .article_detail_billboard{
        margin-bottom:30px;
    }
    .article_detail_middle{
        margin:-30px 0 30px 0;
    }
    .article_detail_middle_sp{
        display:none;
    }
    .article_detail_bottom{
        margin:30px 0 0 0;
    }
    .article_detail_bottom_sp{
        display:none;
    }
} */

/* if dac AD banner is not open to the public. */

.home_ad_billboard_sp,
.home_ad_billboard_detail_sp,
.home_ad_above_editors_pkup,
.home_ad_above_editors_pkup_sp,
.home_ad_side_upper,
.home_ad_bottom,
.home_ad_bottom_sp,
.home_ad_news_bottom,
.article_ad_list_bottom,
.article_ad_list_detail_side,
.article_ad_list_side_bottom,
.article_ad_list_bottom_sp,
.article_detail_billboard,
.article_detail_middle,
.article_detail_middle_sp,
.article_detail_bottom,
.article_detail_bottom_sp{
    display:none;
}

@media screen and (max-width:640px) {
    .ad-gpt-pc,
    .ad-dac-pc-billboard,
    .ad-dac-pc-top-rectangle-1,
    .ad-dac-pc-top-rectangle-2,
    .ad-dac-pc-double-rectangle-1,
    .ad-dac-pc-double-rectangle-2,
    .ad-dac-pc-double-rectangle-3,
    .ad-dac-pc-double-rectangle-4,
    .ad-dac-pc-article-rectangle-1,
    .ad-dac-pc-article-rectangle-2 {
        display: none;
    }

    .ad-dac-sp-billboard,
    .ad-dac-sp-rectangle-1,
    .ad-dac-sp-rectangle-2,
    .ad-dac-sp-rectangle-3 {
        display: block;
    }

    .ad-dac-sp-billboard {
        text-align: center;
    }

    .ad-dac-sp-billboard>div>div,
    .ad-dac-sp-billboard>div>iframe,
    .ad-dac-sp-rectangle-1>div>div,
    .ad-dac-sp-rectangle-1>div>iframe,
    .ad-dac-sp-rectangle-2>div>div,
    .ad-dac-sp-rectangle-2>div>iframe,
    .ad-dac-sp-rectangle-3>div>div,
    .ad-dac-sp-rectangle-3>div>iframe {
        margin-bottom: 15px;
    }

    .ad-dac-sp-billboard>div>div,
    .ad-dac-sp-billboard>div>iframe {
        margin-top: -40px;
    }

    .ad-dac-sp-rectangle-2>div>div,
    .ad-dac-sp-rectangle-2>div>iframe {
        margin-top: 15px;
    }

    .is-top .ad-dac-sp-billboard>div>div,
    .is-top .ad-dac-sp-billboard>div>iframe {
        margin-top: 0;
        margin-bottom: 0;
    }
}

@media screen and (min-width:641px) {
    .ad-gpt-pc,
    .ad-dac-pc-billboard,
    .ad-dac-pc-top-rectangle-1,
    .ad-dac-pc-top-rectangle-2,
    .ad-dac-pc-double-rectangle-1,
    .ad-dac-pc-double-rectangle-2,
    .ad-dac-pc-double-rectangle-3,
    .ad-dac-pc-double-rectangle-4,
    .ad-dac-pc-article-rectangle-1,
    .ad-dac-pc-article-rectangle-2 {
        display: block;
    }

    .ad-dac-sp-billboard,
    .ad-dac-sp-rectangle-1,
    .ad-dac-sp-rectangle-2,
    .ad-dac-sp-rectangle-3 {
        display: none;
    }

    .ad-dac-pc-billboard {
        text-align: center;
    }

    .ad-dac-pc-top-rectangle-2>div>div,
    .ad-dac-pc-article-rectangle-1>div>div,
    .ad-dac-pc-article-rectangle-1>div>iframe,
    .ad-dac-pc-article-rectangle-2>div>div,
    .ad-dac-pc-article-rectangle-2>div>iframe,
    .ad-dac-pc-double-rectangle-1>div>div,
    .ad-dac-pc-double-rectangle-1>div>iframe {
        margin-bottom: 15px;
    }

    .ad-gpt-pc>div>div,
    .ad-gpt-pc>div>iframe,
    .ad-dac-pc-double-rectangle-2>div>div,
    .ad-dac-pc-double-rectangle-2>div>iframe,
    .ad-dac-pc-double-rectangle-3>div>div,
    .ad-dac-pc-double-rectangle-3>div>iframe,
    .ad-dac-pc-double-rectangle-4>div>div,
    .ad-dac-pc-double-rectangle-4>div>iframe,
    .ad-dac-pc-article-rectangle-2>div>div,
    .ad-dac-pc-article-rectangle-2>div>iframe {
        margin-top: 15px;
    }
}

@media screen and (max-width: 840px) {
    .l-side__banners {
        max-width: 100%;
    }
}

@keyframes show-topMainSlide__title {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.p-topMainSlide__title {
    display: none;
}

.p-topMainSlide__title.-current {
    display: block;
    animation: show-topMainSlide__title 1.8s ease 0s;
}

.c-item.-card .c-item__img {
    /* aspect-ratio: 8 / 5; */
    position: relative;
    overflow: hidden;
}

.c-item.-card .c-item__img::after {
    content: '';
    display: block;
    padding-top: 62.5%;
}

.c-item.-card .c-item__img a {
    position: absolute;
}