@charset 'UTF-8';
/* ====================================================
Font
==================================================== */
/* ====================================================
Position & transform
==================================================== */
/* ====================================================
Color
==================================================== */
/* ====================================================
Misc
==================================================== */
/* ====================================================
Base style & container
==================================================== */
body
{
    font-family: 'Noto Sans CJK JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', '游ゴシック', '游ゴシック体', YuGothicMedium, YuGothic, 'Yu Gothic', 'メイリオ', Meiryo, 'ＭＳ ゴシック', 'MS Gothic', 'HiraKakuProN-W3', 'TakaoExゴシック', TakaoExGothic, 'MotoyaLCedar', 'Droid Sans Japanese', sans-serif;
    font-size: 100%;
    line-height: 1.4;

    color: black;
}

@media screen and (min-width: 1200px)
{
    body
    {
        overflow-x: hidden;
    }
}

.container,
#contents
{
    display: block;

    width: 1200px;
    margin: 0 auto;
    padding: 0 2.1vw;
} 

.container-sp
{
    padding: 0 2.8%;
}

.row
{
    display: block;
    overflow: hidden;
}

.row .col
{
    float: left;
}

.flex-row
{
    display: -webkit-box;
    display:    -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display:         flex;

    -webkit-justify-content: space-between;
       -moz-justify-content: space-between;
        -ms-justify-content: space-between;
            justify-content: space-between;
    -ms-flex-pack: space-between;
}

.flex-row-center
{
    -webkit-align-items: center;
       -moz-align-items: center;
        -ms-align-items: center;
            align-items: center;
}

.flex-row-bottom
{
    -webkit-align-items: flex-end;
       -moz-align-items: flex-end;
        -ms-align-items: flex-end;
            align-items: flex-end;
}

.flex-row-wrap
{
    -webkit-flex-wrap: wrap;
       -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}

.flex-row .col-lg-6
{
    width: 48.8%;
}

/* ====================================================
Float & clear
==================================================== */
.clearfix
{
    *zoom: 1;
}

.clearfix:before
{
    display: table;

    content: '';
}

.clearfix:after
{
    display: table;
    clear: both;

    content: '';
}

/* ====================================================
Header & footer
==================================================== */
#main-header .top-menu
{
    padding: 2.8vw 0 1.4vw;
}

#main-header .top-menu .container,
#main-header .top-menu #contents
{
    display: -webkit-box;
    display:    -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display:         flex;

    -webkit-align-items: flex-end;
       -moz-align-items: flex-end;
        -ms-align-items: flex-end;
            align-items: flex-end;
    -webkit-justify-content: space-between;
       -moz-justify-content: space-between;
        -ms-justify-content: space-between;
            justify-content: space-between;
    -ms-flex-pack: space-between;
}

#main-header .top-menu .container .logo,
#main-header .top-menu #contents .logo
{
    width: 22vw;
    margin-left: 2.1vw;
}

#main-header .top-menu .container .logo img,
#main-header .top-menu #contents .logo img
{
    width: 100%;
}

#main-header .top-menu .container .right-tools,
#main-header .top-menu #contents .right-tools
{
    display: -webkit-box;
    display:    -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display:         flex;

    -webkit-align-items: center;
       -moz-align-items: center;
        -ms-align-items: center;
            align-items: center;
}

#main-header .top-menu .container .right-tools .search-box,
#main-header .top-menu #contents .right-tools .search-box
{
    position: relative;

    margin-right: 4.3vw;
}

#main-header .top-menu .container .right-tools .search-box input[type='text'],
#main-header .top-menu #contents .right-tools .search-box input[type='text']
{
    font-size: 14px;
    font-size: 1.4rem;

    height: 28px;
    padding: 0 5.7vw 0 2.8vw;

    border: 1px solid #bbb;
    -webkit-border-radius: 7.1vw;
       -moz-border-radius: 7.1vw;
            border-radius: 7.1vw;

    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}

#main-header .top-menu .container .right-tools .search-box input[type='text']::placeholder,
#main-header .top-menu #contents .right-tools .search-box input[type='text']::placeholder
{
    color: #949494;
}

#main-header .top-menu .container .right-tools .search-box input[type='text']:focus,
#main-header .top-menu #contents .right-tools .search-box input[type='text']:focus
{
    outline: none;
}

#main-header .top-menu .container .right-tools .search-box button[type='submit'],
#main-header .top-menu #contents .right-tools .search-box button[type='submit']
{
    font-size: 15px;
    font-size: 1.5rem;

    position: absolute;
    top: 50%;
    right: 0.7vw;

    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%);

    color: #bbb;
    border: none;
    background: none;

    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}

#main-header .top-menu .container .right-tools .search-box button[type='submit']:focus,
#main-header .top-menu #contents .right-tools .search-box button[type='submit']:focus
{
    outline: none;
}

#main-header .top-menu .container .right-tools .search-box button[type='submit']:hover,
#main-header .top-menu #contents .right-tools .search-box button[type='submit']:hover
{
    cursor: pointer;
}

#main-header .top-menu .container .right-tools .social-btn-group,
#main-header .top-menu #contents .right-tools .social-btn-group
{
    display: -webkit-box;
    display:    -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display:         flex;

    margin: 0 -0.7vw;

    -webkit-align-items: center;
       -moz-align-items: center;
        -ms-align-items: center;
            align-items: center;
}

#main-header .top-menu .container .right-tools .social-btn-group .facebook,
#main-header .top-menu #contents .right-tools .social-btn-group .facebook,
#main-header .top-menu .container .right-tools .social-btn-group .twitter,
#main-header .top-menu #contents .right-tools .social-btn-group .twitter
{
    font-size: 20px;
    font-size: 2rem;
    line-height: 5.4vw;

    display: block;

    width: 5.4vw;
    height: 5.4vw;
    margin: 0 0.7vw;

    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
        -ms-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;
    text-align: center;

    color: white;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;

    -webkit-backface-visibility: hidden;
}

#main-header .top-menu .container .right-tools .social-btn-group .facebook:hover,
#main-header .top-menu #contents .right-tools .social-btn-group .facebook:hover,
#main-header .top-menu .container .right-tools .social-btn-group .twitter:hover,
#main-header .top-menu #contents .right-tools .social-btn-group .twitter:hover
{
    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
        -ms-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;

    opacity: .6;

    -webkit-backface-visibility: hidden;
}

#main-header .top-menu .container .right-tools .social-btn-group .facebook a,
#main-header .top-menu #contents .right-tools .social-btn-group .facebook a,
#main-header .top-menu .container .right-tools .social-btn-group .twitter a,
#main-header .top-menu #contents .right-tools .social-btn-group .twitter a
{
    display: block;
}

#main-header .top-menu .container .right-tools .social-btn-group .facebook,
#main-header .top-menu #contents .right-tools .social-btn-group .facebook
{
    background-color: #315096;
}

#main-header .top-menu .container .right-tools .social-btn-group .twitter,
#main-header .top-menu #contents .right-tools .social-btn-group .twitter
{
    background-color: #000;
}

#main-header .top-menu .container .right-tools .date-time,
#main-header .top-menu #contents .right-tools .date-time
{
    font-size: 17px;
    font-size: 1.7rem;
    font-weight: bold;

    margin-left: 4.3vw;

    color: #e6156c;
}

#main-header .top-menu .container .right-tools .date-time span,
#main-header .top-menu #contents .right-tools .date-time span
{
    font-size: 15px;
    font-size: 1.5rem;
}

#main-header .bottom-menu
{
    position: relative;

    min-width: 1200px;

    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}

#main-header .bottom-menu .main-nav > ul > li
{
    float: left;

    width: 12.5%;

    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
        -ms-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;
    text-align: center;

    border-top: 0.6vw solid transparent;
    border-left: 1px solid #e5e5e5;

    -webkit-backface-visibility: hidden;
}

#main-header .bottom-menu .main-nav > ul > li:last-of-type
{
    border-right: 1px solid #e5e5e5;
}

#main-header .bottom-menu .main-nav > ul > li:hover
{
    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
        -ms-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;

    border-top-color: #e6156c;

    -webkit-backface-visibility: hidden;
}

#main-header .bottom-menu .main-nav > ul > li:hover .wrap
{
    visibility: visible;

    opacity: 1;
}

#main-header .bottom-menu .main-nav > ul > li a
{
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;

    display: block;

    padding: 1.7vw 2.1vw;

    color: #010101;
}

#main-header .bottom-menu .main-nav > ul > li .wrap
{
    position: absolute;
    z-index: 9999 !important;
    top: 101%;
    right: 0;
    left: 0;

    display: block;
    visibility: hidden;
    overflow: inherit;
    clip: inherit;

    width: 100%;
    max-width: 1170px;
    margin: auto;
    padding: .1vw 14vw;

    transition: all .3s;

    opacity: 0;
    background-color: #f9f9f9;
}

#main-header .bottom-menu .main-nav > ul > li .wrap .menu
{
    padding: 0 2.1vw;

    text-align: center;
}

#main-header .bottom-menu .main-nav > ul > li .wrap .menu li
{
    position: relative;

    display: inline-block;

    margin-right: 1.4vw;
}

#main-header .bottom-menu .main-nav > ul > li .wrap .menu li:after
{
    position: absolute;
    top: 50%;
    right: -1.4vw;

    display: inline-block;

    width: 0.1vw;
    height: 2.3vw;

    content: '';
    transform: translateY(-50%);

    background-color: #bbb;
}

#main-header .bottom-menu .main-nav > ul > li .wrap .menu li:last-child:after
{
    display: none;
}

#main-header .bottom-menu .main-nav > ul > li .wrap .menu li a
{
    color: #e6156c;
}

#main-header .bottom-menu .main-nav > ul > li .wrap .menu li a:hover
{
    text-decoration: underline;
}

#main-footer .top-row
{
    min-width: 1200px;
    padding: 2.6vw 0;

    background-color: #f1f1f1;
}

#main-footer .top-row .container,
#main-footer .top-row #contents
{
    display: -webkit-box;
    display:    -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display:         flex;

    -webkit-justify-content: space-between;
       -moz-justify-content: space-between;
        -ms-justify-content: space-between;
            justify-content: space-between;
    -ms-flex-pack: space-between;
    -webkit-align-items: center;
       -moz-align-items: center;
        -ms-align-items: center;
            align-items: center;
}

#main-footer .top-row .container .left,
#main-footer .top-row #contents .left
{
    font-size: 17px;
    font-size: 1.7rem;
    font-weight: bold;

    width: 20vw;

    color: #333;
}

#main-footer .top-row .container .right,
#main-footer .top-row #contents .right
{
    width: calc(100% - 145px);
}

#main-footer .top-row .container .right .sites-list,
#main-footer .top-row #contents .right .sites-list
{
    overflow: hidden;

    margin-bottom: -10px;
}

#main-footer .top-row .container .right .sites-list li,
#main-footer .top-row #contents .right .sites-list li
{
    float: left;

    width: 15.58%;
    margin-right: 1.3%;
    margin-bottom: 10px;
}

#main-footer .top-row .container .right .sites-list li:nth-of-type(6n),
#main-footer .top-row #contents .right .sites-list li:nth-of-type(6n)
{
    margin-right: 0;
}

#main-footer .top-row .container .right .sites-list li a,
#main-footer .top-row #contents .right .sites-list li a
{
    font-size: 13px;
    font-size: 1.3rem;

    display: -webkit-box;
    display:    -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display:         flex;

    padding: 15px 10px;

    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
        -ms-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;
    text-align: center;

    color: #000;
    background-color: #fff;

    -webkit-align-items: center;
       -moz-align-items: center;
        -ms-align-items: center;
            align-items: center;
    -webkit-justify-content: center;
       -moz-justify-content: center;
        -ms-justify-content: center;
            justify-content: center;
    -ms-flex-pack: center;
    -webkit-backface-visibility: hidden;
}

#main-footer .top-row .container .right .sites-list li a:hover,
#main-footer .top-row #contents .right .sites-list li a:hover
{
    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
        -ms-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;

    opacity: .6;

    -webkit-backface-visibility: hidden;
}

#main-footer .middle-row
{
    padding: 1.4vw 0;
}

#main-footer .middle-row .container,
#main-footer .middle-row #contents
{
    display: -webkit-box;
    display:    -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display:         flex;

    -webkit-justify-content: space-between;
       -moz-justify-content: space-between;
        -ms-justify-content: space-between;
            justify-content: space-between;
    -ms-flex-pack: space-between;
    -webkit-align-items: center;
       -moz-align-items: center;
        -ms-align-items: center;
            align-items: center;
}

#main-footer .middle-row .container .left,
#main-footer .middle-row #contents .left
{
    display: -webkit-box;
    display:    -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display:         flex;

    -webkit-align-items: center;
       -moz-align-items: center;
        -ms-align-items: center;
            align-items: center;
}

#main-footer .middle-row .container .left .company-logo,
#main-footer .middle-row #contents .left .company-logo
{
    margin-right: 25px;
}

#main-footer .middle-row .container .left .company-logo a,
#main-footer .middle-row #contents .left .company-logo a
{
    font-size: 23px;
    font-size: 2.3rem;
    font-weight: bold;

    color: #000;
}

#main-footer .middle-row .container .left .company-contact,
#main-footer .middle-row #contents .left .company-contact
{
    font-size: 14px;
    font-size: 1.4rem;

    color: #000;
}

#main-footer .middle-row .container .left .company-contact a,
#main-footer .middle-row #contents .left .company-contact a
{
    display: inline-block;

    margin: 0 0 0 15px;
}

#main-footer .middle-row .container .right .sitemap,
#main-footer .middle-row #contents .right .sitemap
{
    display: -webkit-box;
    display:    -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display:         flex;

    -webkit-align-items: center;
       -moz-align-items: center;
        -ms-align-items: center;
            align-items: center;
}

#main-footer .middle-row .container .right .sitemap li,
#main-footer .middle-row #contents .right .sitemap li
{
    position: relative;

    margin-right: 18px;
}

#main-footer .middle-row .container .right .sitemap li:last-of-type,
#main-footer .middle-row #contents .right .sitemap li:last-of-type
{
    margin-right: 0;
}

#main-footer .middle-row .container .right .sitemap li:after,
#main-footer .middle-row #contents .right .sitemap li:after
{
    position: absolute;
    top: 50%;
    right: -10px;

    display: inline-block;

    width: 1px;
    height: 16px;

    content: '';
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%);

    background-color: #6b6b6b;
}

#main-footer .middle-row .container .right .sitemap li:last-of-type:after,
#main-footer .middle-row #contents .right .sitemap li:last-of-type:after
{
    display: none;
}

#main-footer .middle-row .container .right .sitemap li a,
#main-footer .middle-row #contents .right .sitemap li a
{
    font-size: 14px;
    font-size: 1.4rem;

    display: block;

    text-align: center;

    color: #000;
}

#main-footer .bottom-row
{
    min-width: 1200px;
    padding: 6px 0;

    background-color: #464646;
}

#main-footer .bottom-row .copyright p
{
    font-size: 13px;
    font-size: 1.3rem;

    text-align: center;

    color: white;
}

/* ====================================================
Components
==================================================== */
#contents
{
    display: -webkit-box;
    display:    -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display:         flex;

    margin-top: 3.6vw;

    -webkit-flex-wrap: wrap;
       -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}

#contents #main-articles
{
    width: 72.8%;
}

#contents #main-sidebar
{
    width: 27.2%;
    padding-left: 2.8vw;
}

#contents section
{
    margin-bottom: 5.7vw;
}

#contents .section-content
{
    padding: 3.5vw 2.1vw;

    border: 1px solid #e5e5e5;
}

.breadcrumbs
{
    font-size: 13px;
    font-size: 1.3rem;

    margin-bottom: 1.4vw;

    color: #000;
}

.breadcrumbs a
{
    text-decoration: underline;
}

.pagination
{
    display: -webkit-box;
    display:    -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display:         flex;

    margin-top: 4.3vw;
    margin-bottom: 2.15vw;

    -webkit-justify-content: center;
       -moz-justify-content: center;
        -ms-justify-content: center;
            justify-content: center;
    -ms-flex-pack: center;
}

.pagination li
{
    margin: 0 0.7vw;
}

.pagination li a
{
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.5rem;

    display: block;


    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
        -ms-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;
    text-align: center;

    border: 1px solid #e8e0e0;

    -webkit-backface-visibility: hidden;
}

.pagination li a.active,
.pagination li a:hover
{
    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
        -ms-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;

    color: white;
    background-color: #e6156c;

    -webkit-backface-visibility: hidden;
}

.pagination li a.nav
{
    width: 9.3vw;
    margin: 0 1.4vw;
}

/* ====================================================
Typography
==================================================== */
/* ====================================================
Buttons, input, .etc
==================================================== */
.index_pc_detail
{
    margin-bottom: 20px !important;
}

.index_pc
{
    margin-bottom: 20px !important;
}

.index_pc_list
{
    margin-bottom: 20px !important;
}

#topics > .flex-row .ttl
{
    font-size: 20px;
    font-size: 2rem;
}

#column > .flex-row .ttl
{
    font-size: 20px;
    font-size: 2rem;
}

.post-detail .post-ttl
{
    margin-bottom: 2.1vw;
}

.post-detail .post-ttl h1
{
    font-size: 28px;
    font-size: 2.8rem;
    font-weight: bold;

    color: #000;
}

.post-detail .post-ttl h1 span
{
    color: #e6156c;
}

.post-detail .social-btn-group
{
    display: -webkit-box;
    display:    -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display:         flex;
}

.post-detail .social-btn-group .facebook,
.post-detail .social-btn-group .twitter
{
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 4.3vw;

    display: block;

    width: 12.8vw;
    height: 4.3vw;
    margin-right: 2.1vw;

    text-align: center;

    color: white;
}

.post-detail .social-btn-group .facebook
{
    background-color: #315096;
}

.post-detail .social-btn-group .twitter
{
    background-color: #000;
}

.post-detail .post-time
{
    font-size: 13px;
    font-size: 1.3rem;

    color: #828282;
}

.post-detail .post-content
{
    margin-top: 5vw;
}

.post-detail .post-content p
{
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.6;

    margin-bottom: 2.8vw;

    color: #000;
}

.post-detail .post-content dl
{
    margin-bottom: 2.8vw;
}

.post-detail .post-content dl dt,
.post-detail .post-content dl dd
{
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.6;

    color: #000;
}

.post-detail .post-content .post-excerpt
{
    display: -webkit-box;
    display:    -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display:         flex;

    margin-bottom: 2.8vw;
}

.post-detail .post-content .post-excerpt .img
{
    width: 45vw;
    padding-right: 2.1vw;
}

.post-detail .post-content .post-excerpt .img figcaption
{
    font-size: 14px;
    font-size: 1.4rem;

    margin-top: 0.3vw;

    color: #828282;
}

.post-detail .post-content .post-excerpt .content
{
    width: calc(100% - 315px);
}

.post-detail .post-content .related-posts
{
    margin-top: 2.8vw;
}

.post-detail .post-content .related-posts .ttl
{
    margin-bottom: 2.1vw;
}

.post-detail .post-content .related-posts .ttl span
{
    font-size: 16px;
    font-size: 1.6rem;

    color: #000;
}

.post-detail .post-content .related-posts ul li
{
    margin-bottom: 2.1vw;
}

.post-detail .post-content .related-posts ul li a
{
    font-size: 16px;
    font-size: 1.6rem;

    color: #e6156c;
}

.post-detail .post-content .related-posts ul li a:hover
{
    text-decoration: underline;
}

.post-group .ttl
{
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;

    color: #000;
}

.post-group .ttl span
{
    color: #e6156c;
}

.post-group .links a
{
    font-size: 13px;
    font-size: 1.3rem;

    color: #e6156c;
}

.post-group .links a:before
{
    font-family: FontAwesome, sans-serif;
    font-size: 11px;
    font-size: 1.1rem;

    display: inline-block;

    margin-right: .4vw;

    content: '\f054';
}

.post-group .links a:hover
{
    text-decoration: underline;
}

.post-group .post-count
{
    font-size: 15px;
    font-size: 1.5rem;

    color: #000;
}

.post-group .post-count span
{
    display: inline-block;

    margin-top: 1.4vw;
    margin-bottom: 0.7vw;

    color: #999;
}

.posts-list
{
    display: -webkit-box;
    display:    -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display:         flex;

    margin-bottom: -1px;

    border: 1px solid #e5e5e5;

    -webkit-flex-wrap: wrap;
       -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}

.posts-list > li
{
    width: 50%;
    margin-bottom: -0.5px;

    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
        -ms-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;

    border-right: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;

    -webkit-backface-visibility: hidden;
}
.detail-sp .posts-list > li{
    border-bottom:none;
}
.posts-list > li:nth-of-type(2n)
{
    border-right: none;
}

.posts-list > li .img
{
}

.posts-list > li .detail
{
    width: 80%;
    padding-left: 2.8vw;
}

.posts-list > li .detail .name
{
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;

    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
        -ms-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;

    color: #000;

    -webkit-backface-visibility: hidden;
}

.posts-list > li .detail .info
{
    font-size: 13px;
    font-size: 1.3rem;

    display: -webkit-box;
    display:    -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display:         flex;

    margin-top: 1.4vw;

    text-align: right;

    color: #828282;

    -webkit-justify-content: flex-end;
       -moz-justify-content: flex-end;
        -ms-justify-content: flex-end;
            justify-content: flex-end;
    -ms-flex-pack: flex-end;
    -webkit-align-items: center;
       -moz-align-items: center;
        -ms-align-items: center;
            align-items: center;
}

.posts-list > li .detail .info .category
{
    display: -webkit-box;
    display:    -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display:         flex;

    -webkit-align-items: center;
       -moz-align-items: center;
        -ms-align-items: center;
            align-items: center;
}

.posts-list > li .detail .info .category:before
{
    display: block;

    width: 0.14vw;
    height: 2.1vw;
    margin-right: 1.4vw;
    margin-left: 2.1vw;

    content: '';

    background-color: #bebebe;
}

.posts-list > li a
{
    display: -webkit-box;
    display:    -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display:         flex;

    padding: 2.1vw;

    -webkit-flex-wrap: wrap;
       -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}

.posts-list > li:hover
{
    background-color: #f3f3f3;
}

.posts-list > li:hover .detail .name
{
    font-weight: bold;

    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
        -ms-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;
    text-decoration: underline;

    color: #e6156c;

    -webkit-backface-visibility: hidden;
}

.posts-list > li:hover .notice-img
{
    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
        -ms-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;
    text-decoration: underline;

    color: #e6156c;

    -webkit-backface-visibility: hidden;
}

.posts-list.pickup-posts
{
    padding: 2.1vw 2.1vw 1.2vw 2.1vw;
}

.posts-list.pickup-posts .img
{
    width: 51.4vw;
}

.posts-list.pickup-posts .img img
{
    width: 100%;
}

.posts-list.pickup-posts .detail
{
    padding-left: 2%;
}

.posts-list.pickup-posts .detail .post-tags
{
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 2.6rem;

    position: relative;

    display: inline-block;

    height: 3.4vw;
    padding: 0 2.6vw;

    color: white;
    background-color: #e6156c;
}

.posts-list.pickup-posts .detail .post-tags:after
{
    position: absolute;
    top: 0;
    left: 100%;

    display: block;

    content: '';

    border: 1.7vw solid transparent;
    border-left: 1.4vw solid #e6156c;
}

.posts-list.pickup-posts .detail .name
{
    font-size: 20px;
    font-size: 2rem;
    font-weight: bold;

    margin-top: 0.7vw;

    color: #000;
}

.posts-list.pickup-posts .detail .info
{
    font-size: 13px;
    font-size: 1.3rem;

    display: -webkit-box;
    display:    -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display:         flex;

    color: #828282;

    -webkit-justify-content: flex-end;
       -moz-justify-content: flex-end;
        -ms-justify-content: flex-end;
            justify-content: flex-end;
    -ms-flex-pack: flex-end;
    -webkit-align-items: center;
       -moz-align-items: center;
        -ms-align-items: center;
            align-items: center;
}

.posts-list.pickup-posts .detail .info .category
{
    display: -webkit-box;
    display:    -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display:         flex;

    -webkit-align-items: center;
       -moz-align-items: center;
        -ms-align-items: center;
            align-items: center;
}

.posts-list.pickup-posts .detail .info .category:before
{
    display: block;

    width: 1px;
    height: 2.1vw;
    margin-right: 1.4vw;
    margin-left: 2.1vw;

    content: '';

    background-color: #bebebe;
}

.posts-list.pickup-posts .detail .excerpt
{
    font-size: 15px;
    font-size: 1.5rem;

    margin: 0.7vw 0;

    color: #000;
}

.posts-list.pickup-posts .detail .cta
{
    text-align: right;
}

.posts-list.pickup-posts .detail .cta a
{
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 3.7vw;

    display: inline-block;

    height: 4vw;
    padding: 0 3.6vw;

    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
        -ms-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;

    color: #e6156c;
    border: 1px solid #e6156c;
    -webkit-border-radius: 4vw;
       -moz-border-radius: 4vw;
            border-radius: 4vw;

    -webkit-backface-visibility: hidden;
}

.posts-list.pickup-posts .detail .cta a:hover
{
    color: white;
    background-color: #e6156c;
}

.posts-list.single-row li
{
    width: 100%;

    border-right: none;
}

.posts-list.single-row li .name
{
    font-size: 15px;
    font-size: 1.5rem;
}

.posts-list.single-row li .info
{
    margin-top: 0.7vw;

    text-align: left;

    -webkit-justify-content: flex-start;
       -moz-justify-content: flex-start;
        -ms-justify-content: flex-start;
            justify-content: flex-start;
    -ms-flex-pack: flex-start;
}

.posts-list.style02 li a .img
{
    width: 14.3vw;
}

.posts-list.style02 li a .img img
{
    width: 100%;
}

.posts-list.style02 li a .detail
{
    width: calc(100% - 100px);
}

.posts-list.style02 li a .detail .name
{
    font-size: 17px;
    font-size: 1.7rem;
}

.posts-list.style02 li a .detail .info
{
    margin-top: 0.7vw;
}

.posts-list.style02 li a .detail.detail-extra
{
    width: 100%;
    padding-left: 0;
}

.posts-list.style02 li a .detail.detail-extra .name
{
    font-size: 15px;
    font-size: 1.5rem;
    font-weight: normal;

    margin-top: 1.4vw;
}

.posts-list.style02 li a .detail.detail-extra .info .hashtag
{
    display: -webkit-box;
    display:    -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display:         flex;
}

.posts-list.style02 li a .detail.detail-extra .info .hashtag li
{
    margin-left: 1.4vw;
}

.posts-list.style02 li a:hover .detail.detail-extra .name
{
    text-decoration: none;

    color: #000;
}

.posts-list.style03
{
    border: none;
}

.posts-list.style03 li
{
    width: 100%;
    margin-bottom: 2.1vw;

    border: none;
}

.posts-list.style03 li:last-of-type
{
    margin-bottom: 0;
}

.posts-list.style03 li a
{
    padding: 0;

    background-color: #fff;
}

.posts-list.style03 li a:hover
{
    background-color: #fff;
}

.posts-list.style03 li a .img
{
    width: 21.4vw;
}

.posts-list.style03 li a .detail
{
    width: calc(100% - 21,4vw);
}

.posts-list.style03 li a .detail .name
{
    font-size: 20px;
    font-size: 2rem;
}

.posts-list.style03 li a .detail .info
{
    font-size: 13px;
    font-size: 1.3rem;

    margin: 0.7vw 0;

    color: #828282;
}

.posts-list.style03 li a .detail .excerpt
{
    font-size: 15px;
    font-size: 1.5rem;
}

.posts-list.style03 li a .detail .hashtag
{
    margin-top: 1.4vw;

    text-align: right;
}

.posts-list.style03 li a .detail .hashtag li
{
    font-size: 13px;
    font-size: 1.3rem;

    display: inline-block;

    width: auto;
    margin-left: 1.4vw;

    text-align: right;

    color: #8c8c8c;
}

.posts-list-col3 li
{
    width: 33.33333%;
}

.posts-list-col3 li:nth-of-type(2n)
{
    border-right: 1px solid #e5e5e5;
}

.posts-list-col3 li:nth-of-type(3n)
{
    border-right: none;
}

.posts-list-col3 li .img
{
    width: 100%;
}

.posts-list-col3 li .notice-img
{
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 1.5;

    padding-top: 1.4vw;

    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
        -ms-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;

    color: #000;

    -webkit-backface-visibility: hidden;
}

.categories-list
{
    margin-bottom: 5.7vw;
}

.tags-list
{
    margin-bottom: 4vw;
}

.tags-list .ttl,
.categories-list .ttl
{
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;

    color: #000;
}

.tags-list ul,
.categories-list ul
{
    display: -webkit-box;
    display:    -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display:         flex;

    -webkit-flex-wrap: wrap;
       -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}

.tags-list ul li,
.categories-list ul li
{
    margin-top: 1.4vw;
    margin-right: 1.4vw;
}

.tags-list ul li a,
.categories-list ul li a
{
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 2.8vw;

    display: block;

    height: 3.1vw;
    padding: 0 2.1vw;

    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
        -ms-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;
    text-align: center;

    color: #e6156c;
    border: 1px solid #e6156c;
    -webkit-border-radius: 6.3vw;
       -moz-border-radius: 6.3vw;
            border-radius: 6.3vw;

    -webkit-backface-visibility: hidden;
}

.tags-list ul li a:hover,
.categories-list ul li a:hover
{
    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
        -ms-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;

    color: white;
    background-color: #e6156c;

    -webkit-backface-visibility: hidden;
}

.categories-list ul li a
{
    line-height: 4.3vw;

    height: 4.6vw;

    color: #000;
    border-color: #e5e5e5;
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
    background-color: #f4f4f4;
}

.categories-list ul li a:hover
{
    color: #e6156c;
    border-color: #e5e5e5;
    background-color: #f4f4f4;
}

#main-sidebar .tags-list,
#main-sidebar .categories-list
{
    margin-bottom: 2.8vw;
    padding: 2.1vw;

    border: 1px solid #e5e5e5;
}

#main-sidebar .tags-list .ttl,
#main-sidebar .categories-list .ttl
{
    font-size: 1.5rem;
    text-align: center;
}

.posts-ranking
{
    margin-bottom: 2.8vw;

    border: 0.14vw solid #e5e5e5;
    border-top: 0.4vw solid #464646;
}

.posts-ranking .ttl
{
    font-size: 15px;
    font-size: 1.5rem;
    font-weight: bold;

    display: -webkit-box;
    display:    -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display:         flex;

    padding: 1vw;

    text-align: center;

    color: #000;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;

    -webkit-justify-content: center;
       -moz-justify-content: center;
        -ms-justify-content: center;
            justify-content: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
       -moz-align-items: center;
        -ms-align-items: center;
            align-items: center;

    position:relative;
}

.posts-ranking .ttl img
{
    margin-right: 1.1vw;
}
.posts-ranking .ttl .ranking-updated
{
    position:absolute;
    right:8px;
    bottom:3px;
    font-size:1.8rem;
    color:#828282;
}
.posts-ranking .ranking-items
{
    counter-reset: post-ranking;
}

.posts-ranking .ranking-items li
{
    position: relative;

    counter-increment: post-ranking;

    border-bottom: 1px solid #e5e5e5;
}

.posts-ranking .ranking-items li:last-of-type
{
    border-bottom: none;
}

.posts-ranking .ranking-items li:before
{
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;

    position: absolute;
    top: 1.1vw;
    left: 1.1vw;

    display: block;

    content: counter(post-ranking);
    letter-spacing: -0.3vw;

    color: #e6156c;
}

.posts-ranking .ranking-items li a
{
    display: -webkit-box;
    display:    -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display:         flex;

    padding: 1.1vw 0;

    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
        -ms-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;

    -webkit-align-items: center;
       -moz-align-items: center;
        -ms-align-items: center;
            align-items: center;
    -webkit-justify-content: space-between;
       -moz-justify-content: space-between;
        -ms-justify-content: space-between;
            justify-content: space-between;
    -ms-flex-pack: space-between;
    -webkit-backface-visibility: hidden;
}

.posts-ranking .ranking-items li a .img
{
    width: 9.7vw;
    padding-right: 1.1vw;
}

.posts-ranking .ranking-items li a .img img
{
    width: 100%;
}

.posts-ranking .ranking-items li a .detail
{
    font-size: 13px;
    font-size: 1.3rem;

    width: calc(100% - 8.6vw);
    padding: 0 2.8vw 0 5vw;
}

.posts-ranking .ranking-items li a .detail .post-name
{
    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
        -ms-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;

    color: #000;

    -webkit-backface-visibility: hidden;
}

.posts-ranking .ranking-items li a .detail .post-datetime
{
    color: #828282;
}

.posts-ranking .ranking-items li a:hover
{
    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
        -ms-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;

    background-color: #f3f3f3;

    -webkit-backface-visibility: hidden;
}

.posts-ranking .ranking-items li a:hover .detail .post-name
{
    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
        -ms-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;
    text-decoration: underline;

    color: #e6156c;

    -webkit-backface-visibility: hidden;
}

/*slide pc kosu*/
.slider-show
{
    position: relative;

    margin: .5rem;

    text-align: center;

    background: #fff;
}

.slider-show img
{
    width: 100%;
    height: 100%;
}

.slider-show p
{
    font-size: 1.4rem !important;
}

.slider-show .txt
{
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.4;

    overflow: auto;

    margin-bottom: 0 !important;
    padding-bottom: 4.3vw;

    text-align: left;

    color: #828282 !important;
}

.slider-show.big
{
    max-width: 85.7vw;
    margin: 0 auto;
}

.slider-show .btn
{
    font-size: 0;
    line-height: 0;
    line-height: 13.6vw;

    position: absolute;
    top: 50%;

    display: block;

    width: 4.8vw;
    height: 13.6vw;
    padding: 0;

    cursor: pointer;
    transform: translateY(-50%);

    color: transparent;
    border: 1px solid #e5e5e5;
    outline: none;
    background: transparent;
}

.slider-show .btn:hover
{
    opacity: .5;
}

.slider-show .btn-prev
{
    z-index: 1;
    top: 42%;
    left: -7.8vw;
}
.slider-show .btn-next
{
    z-index: 1;
    top: 42%;
    right: -7.8vw;
}
.slider-show .btn svg{
	display:block;
	position:absolute;
	top:10px;
	left:10px;
	fill:#FFF;
	width:30px;
	height:30px;
}

.slider-thumnail
{
    display: inline-block;

    width: 100%;
}

.slider-thumnail li
{
    float: left;

    box-sizing: border-box;
    width: 18vw;
    height: 18vw;
    margin-right: 1vw;
    margin-bottom: 1vw;
}

.slider-thumnail li:nth-child(5n)
{
    margin-right: 0;
}

.slider-thumnail li:hover
{
    border: 0.4vwpx solid #e6156c;
}

.slider-thumnail li.active
{
    border: 0.4vw solid #e6156c;
}

.slider-thumnail li a
{
    display: inline-block;
    width: 100%;
    height: 100%;
}

.slider-thumnail li a:hover
{
    opacity: .5;
}
.slider-thumnail li a img{
    display: block;
    width: 100%;
    height: 100%;
	object-fit:contain;
}

.slider-single .slick-next,
.slider-single .slick-prev
{
    box-sizing: border-box !important;
    width: 4.8vw !important;
    height: 4.8vw !important;

    border: 1px solid #e5e5e5 !important;
}

.slider-single .slick-next:before,
.slider-single .slick-prev:before
{
    font-family: 'fontawesome';
    font-size: 2,2rem;

    color: #575757;
}

.slider-single .slick-next
{
    top: 42% !important;
    right: 7.1vw;
}

.slider-single .slick-prev
{
    z-index: 1;
    top: 42% !important;
    left: 7.1vw;
}

.slider-single .slick-prev:before
{
    content: '\f053';
}

.btn-move
{
    display: block;

    max-width: 86vw;
    margin: 2.3vw auto 0;

    text-align: center;

    background-color: #f6f6f6;
}

.btn-move a
{
    font-size: 18px;
    font-size: 1.8rem;

    display: inline-block;

    width: 100%;
    padding: 2.1vw 2.8vw;

    border: 1px solid #aaa;
    border-radius: 0.85vw;
}

.btn-move a:hover
{
    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
        -ms-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;

    opacity: .6;

    -webkit-backface-visibility: hidden;
}

#main-header-sp
{
    position: fixed;
    z-index: 901;
    top: 0;
    left: 0;

    width: 100%;
    height: 16vw;

    background: #fff;
    box-shadow: 0 0 0 transparent, 0 0 0 transparent, 0 0 2.1vw rgba(0, 0, 0, .2), 0 0 0 transparent;
}

#main-header-sp .logo
{
    display: -webkit-box;
    display:    -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display:         flex;

    width: 100%;
    height: 16vw;

    -webkit-justify-content: center;
       -moz-justify-content: center;
        -ms-justify-content: center;
            justify-content: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
       -moz-align-items: center;
        -ms-align-items: center;
            align-items: center;
}

#main-header-sp .logo a{
	text-align:center;
}
#main-header-sp .logo img
{
    width: auto;
    height: 9.3vw;
}

#main-header-sp .btn-search-sp
{
    font-size: 4.6rem;

    position: absolute;
    top: 50%;
    left: 2.8%;

    transform: translateY(-50%);
}
#main-header-sp .btn-search-sp svg{
	display:block;
	position:absolute;
	top:-13px;
	left:0px;
	fill:#e6156c;
	width:26px;
	height:26px;
}

#main-header-sp .news-toppic
{
    position: absolute;
    top: 50%;
    left: 15.7vw;

    transform: translateY(-50%);
}

#main-header-sp .news-toppic a
{
    font-size: 20px;
    font-size: 2rem;

    display: inline-block;

    padding: 1.3vw 2.1vw;

    color: #fff;
    border-radius: 2.8vw;
    background: #e6156c;
}

#main-header-sp .social-btn-group
{
    position: absolute;
    top: 50%;
    right: 14%;

    transform: translateY(-50%);
}

#main-header-sp .social-btn-group .facebook
{
    font-size: 4.5rem;

    display: inline-block;

    margin-right: 5vw;

    color: #315096;
}

#main-header-sp .social-btn-group .twitter
{
    font-size: 4.5rem;

    display: inline-block;

    color: #000;
}

#main-header-sp .right-tools
{
    display: none;
}

#main-header-sp .mypagelink{
	position: absolute;
	top: 46%;
	right: 15vw;
	transform: translateY(-50%);
	outline: none;
}
#main-header-sp .mypagelink a img{
	width:34px;
	height:34px;

}

#globalmenu
{
    display: none;
}

#globalmenu ul
{
    display: none;
}

#switchBtnArea
{
    position: relative;
}

#switchBtn
{
    position: absolute;
    top: 50%;
    right: 3.6vw;

    transform: translateY(-50%);

    border-radius: 5px;
    outline: none;
}

#switchBtn .menu-trigger
{
    position: relative;

    width: 6vw;
    height: 4.8vw;
}

#switchBtn .menu-trigger span
{
    position: absolute;
    left: 0;

    width: 100%;
    height: 0.85vw;

    border-radius: 0.85vw;
    background-color: #333;
}

#switchBtn .menu-trigger,
#switchBtn .menu-trigger span
{
    display: inline-block;

    box-sizing: border-box;

    -webkit-transition: all .3s;
            transition: all .3s;
}

#switchBtn .menu-trigger span:nth-of-type(1)
{
    top: 0;
}

#switchBtn .menu-trigger span:nth-of-type(2)
{
    top: 1.7vw;
}

#switchBtn .menu-trigger span:nth-of-type(3)
{
    top: 3.4vw;
}

#switchBtn.btnClose .menu-trigger span:nth-of-type(1)
{
    -webkit-transform: translateY(0.7vw) rotate(-45deg);
            transform: translateY(0.vw) rotate(-45deg);
}

#switchBtn.btnClose .menu-trigger span:nth-of-type(2)
{
    -webkit-transform: translateY(-0.65vw) rotate(45deg);
            transform: translateY(-0.65vw) rotate(45deg);
}


#switchBtn.btnClose .menu-trigger span:nth-of-type(3)
{
    display: none;
}

#rwdMenuWrap
{
    position: absolute;
    top: 16vw;
    left: 0;

    width: 100%;
}

#rwdMenuWrap ul
{
    display: none;
    overflow: auto;

    width: 100%;
    max-height: calc(100vh - 28vh);
    margin: 0;
    padding: 0;

    background-color: #fff;
    box-shadow: 0 0 0 transparent, 0 0 0 transparent, 0 0 2.1vw rgba(0, 0, 0, .2), 0 0 0 transparent;
}

#rwdMenuWrap ul li
{
    width: 100%;

    border-bottom: #e5e5e5 1px solid;
}

#rwdMenuWrap ul li:last-child
{
    border-bottom: none;
}

#rwdMenuWrap ul li a
{
    font-size: 3.1rem;
    font-weight: bold;
    position: relative;
    display: block;

    padding: 4vw 2vw 4vw 6vw;

    text-align: left;
    text-decoration: none;
    color: #010101;
}

#rwdMenuWrap ul li a:after
{
    position: absolute;
    top: 5.5vw;
    right: 5.5vw;

    width: 2vw;
    height: 2vw;

    content: '';
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);

    border-top: 0.7vw solid #e6156c;
    border-right: 0.7vw solid #e6156c;
}

#rwdMenuWrap ul li a span
{
    color: #e6156c;
}

#rwdMenuWrap ul li .wrap
{
    display: none;
    overflow: inherit;

    width: 100%;

    transition: all .3s;
}

#rwdMenuWrap ul li .wrap .menu
{
    display: block;
    text-align: center;
    box-shadow: none;
    max-height:none;
    overflow:hidden;
}

#rwdMenuWrap ul li .wrap .menu li
{
    position: relative;

    display: inline-block;

    width: 100%;
    margin-right: 1.4vw;
}

#rwdMenuWrap ul li .wrap .menu li:first-child
{
    border-top: #aaa 1px dotted;
}

#rwdMenuWrap ul li .wrap .menu li a
{
    font-size: 2.6rem;
    position: relative;
    padding: 3.9vw 2.1vw 3.9vw 14vw;

    color: #333;
}

#rwdMenuWrap ul li .wrap .menu li a:hover
{
    text-decoration: underline;
}

#rwdMenuWrap ul li .wrap .menu li a:after
{
    display: none;
}

#rwdMenuWrap ul li .wrap .menu li a:before
{
    position: absolute;
    top: 50%;
    left: 6%;

    display: block;

    width: 4.3vw;
    height: 0.3vw;

    content: '';
    transform: translateY(-50%);

    background-color: #c8c8c8;
}

#rwdMenuWrap ul li .show
{
    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
        -ms-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;

    -webkit-backface-visibility: hidden;
}

#rwdMenuWrap ul li .show:after
{
    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
        -ms-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;
    transform: rotate(132deg);

    -webkit-backface-visibility: hidden;
}

#rwdMenuWrap ul li .show .wrap
{
    display: block !important;

    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
        -ms-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;

    -webkit-backface-visibility: hidden;
}

#rwdMenuWrap ul li .group-btn
{
    display: inline-block;

    width: 100%;
}

#rwdMenuWrap ul li .group-btn a
{
    display: inline-block;
    float: left;

    width: 50%;

    border-right: #e5e5e5 1px solid;
}

#rwdMenuWrap ul li .group-btn a:last-child
{
    border: none;
}

#rwdMenuWrap ul li .group-btn a:after
{
    display: none;
}

#rwdMenuWrap ul li .social-btn
{
    display: -webkit-box;
    display:    -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display:         flex;

    max-width: 61%;
    margin: 0 auto;
    padding:4vw 0 4.5vw  0;

    -webkit-align-items: center;
       -moz-align-items: center;
        -ms-align-items: center;
            align-items: center;
    -webkit-justify-content: space-between;
       -moz-justify-content: space-between;
        -ms-justify-content: space-between;
            justify-content: space-between;
    -ms-flex-pack: space-between;
}

#rwdMenuWrap ul li .social-btn .facebook,
#rwdMenuWrap ul li .social-btn .twitter,
#rwdMenuWrap ul li .social-btn .instagram
{
    line-height: 5.4vw;

    display: inline-block;

    width: 14vw;
    height: 14vw;
    margin: 0 0.7vw;

    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
        -ms-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;
    text-align: center;

    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;

    -webkit-backface-visibility: hidden;
}

#rwdMenuWrap ul li .social-btn .facebook:hover,
#rwdMenuWrap ul li .social-btn .twitter:hover,
#rwdMenuWrap ul li .social-btn .instagram:hover
{
    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
        -ms-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;

    opacity: .6;

    -webkit-backface-visibility: hidden;
}

#rwdMenuWrap ul li .social-btn .facebook a,
#rwdMenuWrap ul li .social-btn .twitter a,
#rwdMenuWrap ul li .social-btn .instagram a
{
    font-size: 54px;
    font-size: 5.4rem;

    display: -webkit-box;
    display:    -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display:         flex;

    width: 100%;
    height: 100%;
    padding: 0;

    text-align: center;

    color: white;

    -webkit-align-items: center;
       -moz-align-items: center;
        -ms-align-items: center;
            align-items: center;
    -webkit-justify-content: center;
       -moz-justify-content: center;
        -ms-justify-content: center;
            justify-content: center;
    -ms-flex-pack: center;
}

#rwdMenuWrap ul li .social-btn .facebook
{
    background-color: #315096;
}

#rwdMenuWrap ul li .social-btn .twitter
{
    background-color: #000;
}

#rwdMenuWrap ul li .social-btn .instagram
{
    background-color: #ed328a;
}

#rwdMenuWrap ul li .social-btn a:after
{
    display: none;
}
#rwdMenuWrap ul li .social-btn .facebook svg,
#rwdMenuWrap ul li .social-btn .twitter svg{
	display:block;
	position:absolute;
	top:12px;
	left:12px;
	fill:#FFF;
	width:35px;
	height:35px;
}
#rwdMenuWrap ul li .social-btn .twitter img{
	display:block;
	position:absolute;
	top:15px;
	left:15px;
	fill:#FFF;
	width:30px;
	height:30px;
}

/*main-sp*/
#contents-sp
{
    width: 100%;
}

#contents-sp .container,
#contents-sp #contents
{
    width: 100%;
    padding: 0 2.8vw;
}

#contents-sp #main-articles
{
    margin-top: 18.5vw;
}

#contents-sp .posts-list
{
    border-top: none;
    border-right: none;
    border-left: none;
}

#contents-sp .posts-list > li
{
    width: 100%;

    border-right: none;
}

#contents-sp .posts-list > li .img
{
}

#contents-sp .posts-list > li .detail
{
    padding-left: 3%;
}

#contents-sp .posts-list > li .detail .name
{
    font-size: 30px;
    font-size: 3rem;
}

#contents-sp .posts-list > li .detail .info
{
    font-size: 18px;
    font-size: 1.8rem;
}

#contents-sp .posts-list > li a
{
    padding: 1vw 3vw 1vw 3vw;
}

#contents-sp .posts-list.pickup-posts
{
    border-top: none;
    border-right: none;
    border-left: none;
}

#contents-sp .posts-list.pickup-posts .img
{
    width: 100%;
}

#contents-sp .posts-list.pickup-posts .detail
{
    width: 100%;
}

#contents-sp .posts-list.pickup-posts .detail .name
{
    font-size: 33px;
    font-size: 3.3rem;
    margin-top: 2.8vw;
}

#contents-sp .posts-list.pickup-posts .detail .info
{
    font-size: 1.8rem;
    margin-top: 1.8vw;
    margin-bottom: 1.2vw;
}

#contents-sp #main-sidebar .posts-ranking .ttl
{
    font-size: 33px;
    font-size: 3.3rem;

    padding: 1.2vw;
}

#contents-sp #main-sidebar .posts-ranking-fix
{
    margin-bottom: 0;

    border-bottom: none;
}

#contents-sp #main-sidebar .tags-list,
#contents-sp #main-sidebar .categories-list
{
    padding: 2.8vw;
}

#contents-sp #main-sidebar .tags-list .ttl,
#contents-sp #main-sidebar .categories-list .ttl
{
    font-size: 30px;
    font-size: 3rem;
}

#contents-sp #main-sidebar .tags-list .ttl .fa,
#contents-sp #main-sidebar .categories-list .ttl .fa
{
    color: #e6156c;
}

#contents-sp #main-sidebar .tags-list ul li,
#contents-sp #main-sidebar .categories-list ul li
{
    margin-top: 2.8vw;
    margin-right: 2.8vw;
}

#contents-sp #main-sidebar .tags-list ul li a,
#contents-sp #main-sidebar .categories-list ul li a
{
    font-size: 2rem;
    line-height: 1.5rem;

    height: 1.5rem;
    padding: 0 8px;
}
#contents-sp .tags-list .ttl svg,
#contents-sp #main-sidebar .categories-list .ttl svg{
	display:inline-block;
	fill:#e6156c;
	width:18px;
	height:18px;
	vertical-align:middle;
}

#content-sp .tag-list-css{
	margin-top:-41
}


.ranking-items-sp
{
    display: -webkit-box;
    display:    -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display:         flex;

    width: 100%;

    -webkit-flex-wrap: wrap;
       -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}

.ranking-items-sp li
{
    position: relative;

    width: 50%;
    padding: 2.8vw;

    border-right: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}

.ranking-items-sp li:nth-child(5n+1)
{
    width: 100%;
}

.ranking-items-sp li:nth-child(5n+1) .post-name
{
    font-size: 3.3rem;
}

.ranking-items-sp li:nth-child(5n+1) .info
{
    font-size: 18px;
    font-size: 1.8rem;

    margin-top: 2.8vw;
}

.ranking-items-sp li .counter
{
	font-size:2.6rem;
    line-height: 5rem;

    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 11vw;
    height: 11vw;
    padding-left: 1.4vw;

    color: #fff;
    background: url('../img/ico-ranking.png');
    background-size: 100% 100%;
}

.ranking-items-sp li .post-name
{
    font-size: 2.8rem;
    font-weight: bold;

    margin-top: 2.8vw;

    color: #000;
}

.ranking-items-sp li .post-datetime
{
    font-size: 18px;
    font-size: 1.8rem;

    display: inline-block;

    width: 100%;

    text-align: right;

    color: #828282;
}

.ranking-items-sp.style02 li:nth-child(5n+1)
{
    width: 50%;
}

.ranking-items-sp.style02 li:nth-child(5n+1) .post-name
{
    font-size: 28px;
    font-size: 2.8rem;
}

.list-post-sp
{
    display: -webkit-box;
    display:    -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display:         flex;

    width: 100%;

    -webkit-flex-wrap: wrap;
       -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}

.list-post-sp li
{
    position: relative;

    width: 50%;
}

.list-post-sp li .ttl
{
    font-size: 3rem;
    font-weight: bold;

    margin-bottom: 0.6vw;
    padding-left: 6%;

    color: #000;
}

.list-post-sp li .ttl span
{
    color: #e6156c;
}

.list-post-sp li .detail
{
    display: inline-block;

    width: 100%;
    padding: 2.8vw;

    border-top: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}

.list-post-sp li .detail .img
{
    width: 100%;
}

.list-post-sp li .detail .post-name
{
    font-size: 2.8rem;
    font-weight: bold;
    margin-top: 2.8vw;
    color: #000;}

.list-post-sp li .detail .post-datetime
{
    font-size: 18px;
    font-size: 1.8rem;

    margin-top: 0.8vw;

    color: #828282;
}

.list-post-sp li .btn-view-list
{
    display: block;

    box-sizing: border-box;
    max-width: 80%;
    margin: 1.4vw auto 4.2vw;

    text-align: center;
}

.list-post-sp li .btn-view-list a
{
    font-size: 20px;
    font-size: 2rem;
    font-weight: bold;

    position: relative;

    display: inline-block;

    width: 100%;
    padding: 1.7vw 0.7vw;

    color: #e6156c;
    border: 1px solid #e6156c;
    border-radius: 2px;
}

.list-post-sp li .btn-view-list a:after
{

    position: absolute;
    top: 50%;
    right: 8.5vw;

    display: block;

    width: 1.7vw;
    height: 2.4vw;

	content: "";
	display: inline-block;
	vertical-align: middle;
	fill:#FFF;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
	background-image: url("../img/chevron-right-icon-pink.svg");

    transform: translateY(-50%);
}

.list-post-sp li:nth-child(2n) .detail
{
    border-right: none;
}

.ad-img
{
    display: block;

    max-width: 90vw;
    margin: 0 auto 5.7vw;
}

.ad-img .img
{
    float: left;

    width: 47.5%;
    margin-right: 5%;
}

.ad-img .img img
{
    width: 100%;
}

.ad-img .img:nth-child(2n)
{
    margin-right: 0;
}

#main-footer-sp .container,
#main-footer-sp #contents
{
    width: 100%;
    max-width: 80%;
    padding: 0 1.4vw;
}

#main-footer-sp .top-row
{
    padding: 2.6vw 0;

    background-color: #f1f1f1;
}

#main-footer-sp .top-row .heading
{
    display: inline-block;

    width: 100%;

    text-align: center;
}

#main-footer-sp .top-row .heading p
{
    font-size: 17px;
    font-size: 1.7rem;
    font-weight: bold;

    color: #000;
}

#main-footer-sp .top-row ul
{
    display: -webkit-box;
    display:    -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display:         flex;

    -webkit-justify-content: center;
       -moz-justify-content: center;
        -ms-justify-content: center;
            justify-content: center;
    -ms-flex-pack: center;
    -webkit-flex-wrap: wrap;
       -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}

#main-footer-sp .top-row ul li
{
    position: relative;

    display: inline-block;

    margin-top: 0.4vw;
    margin-right: 3.6vw;
}

#main-footer-sp .top-row ul li:last-of-type
{
    margin-right: 0;
}

#main-footer-sp .top-row ul li:after
{
    position: absolute;
    top: 50%;
    right: -1.4vw;

    display: inline-block;

    width: 1px;
    height: 2.2vw;

    content: '';
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%);

    background-color: #6b6b6b;
}

#main-footer-sp .top-row ul li:last-of-type:after
{
    display: none;
}

#main-footer-sp .top-row ul li a
{
    font-size: 15px;
    font-size: 1.5rem;

    display: block;

    text-align: center;

    color: #000;
}

#main-footer-sp .bottom-row
{
    padding: 1.7vw 0;

    background-color: #464646;
}

#main-footer-sp .bottom-row .copyright p
{
    font-size: 13px;
    font-size: 1.3rem;

    text-align: center;

    color: white;
}

#main-footer-sp .middle-row
{
    padding: 1.4vw 0;
}

#main-footer-sp .middle-row .container,
#main-footer-sp .middle-row #contents
{
    display: -webkit-box;
    display:    -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display:         flex;

    -webkit-justify-content: center;
       -moz-justify-content: center;
        -ms-justify-content: center;
            justify-content: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
       -moz-align-items: center;
        -ms-align-items: center;
            align-items: center;
}

#main-footer-sp .middle-row .container .sitemap,
#main-footer-sp .middle-row #contents .sitemap
{
    display: -webkit-box;
    display:    -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display:         flex;

    -webkit-align-items: center;
       -moz-align-items: center;
        -ms-align-items: center;
            align-items: center;
}

#main-footer-sp .middle-row .container .sitemap li,
#main-footer-sp .middle-row #contents .sitemap li
{
    position: relative;

    margin-right: 2.6vw;
}

#main-footer-sp .middle-row .container .sitemap li:last-of-type,
#main-footer-sp .middle-row #contents .sitemap li:last-of-type
{
    margin-right: 0;
}

#main-footer-sp .middle-row .container .sitemap li:after,
#main-footer-sp .middle-row #contents .sitemap li:after
{
    position: absolute;
    top: 50%;
    right: -1.4vw;

    display: inline-block;

    width: 1px;
    height: 2.2vw;

    content: '';
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%);

    background-color: #6b6b6b;
}

#main-footer-sp .middle-row .container .sitemap li:last-of-type:after,
#main-footer-sp .middle-row #contents .sitemap li:last-of-type:after
{
    display: none;
}

#main-footer-sp .middle-row .container .sitemap li a,
#main-footer-sp .middle-row #contents .sitemap li a
{
    font-size: 15px;
    font-size: 1.5rem;

    display: block;

    text-align: center;

    color: #000;
}
#main-footer-sp .abj-container{
	text-align:center;
	margin-top:20px;
}
#main-footer-sp .abj-container img{
	width:20%;
}
#main-footer-sp .abj-container span{
	display:block;
	font-size: 1.5rem;
	margin-top:12px;
	padding:0 20px;
	color:#828282;
	text-align:left;
}

.search-box-sp
{
    position: relative;
    top: -0.43vw;

    display: none;

    width: 100%;
    margin: 0 auto;
    padding: 0.7vw 0 1.4vw;

    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
        -ms-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;

    background: white;
    box-shadow: 0.14vw 1vw 1.1vw 0 rgba(0, 0, 0, .23);

    -webkit-backface-visibility: hidden;
}

.search-box-sp form
{
    position: relative;

    max-width: 80%;
    margin: auto;
}

.search-box-sp input[type='text']
{
    font-size: 2.5rem;
    line-height: 5rem;

    width: 100%;
    height: 5rem;
    padding: 0 6% 0 3%;

    border: 1px solid #bbb;
    border-radius: 7.1vw;

    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}

.search-box-sp input[type='text']::placeholder
{
    color: #949494;
}

.search-box-sp input[type='text']:focus
{
    outline: none;
}

.search-box-sp button[type='submit']
{
    font-size: 2.5rem;

    position: absolute;
    top: 45%;
    right: 1.4vw;

    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%);

    color: #bbb;
    border: none;
    background: none;

    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}

.search-box-sp button[type='submit']:focus
{
    outline: none;
}

.search-box-sp button[type='submit']:hover
{
    cursor: pointer;
}
.search-box-sp button svg{
	display:block;
	position:absolute;
	top:-7px;
	left:-5px;
	fill:#ccc;
	width:15px;
	height:15px;
}

.activated
{
    display: block !important;
}

.noscroll
{
    position: fixed;
    width:100vw;
}

.detail-sp
{
    margin-bottom: 8.6vw;
    padding: 0 3%;
}

.detail-sp h1
{
    font-size: 3.5rem;
    font-weight: bold;
    margin-bottom: 2.1vw;
}

.detail-sp span.txt-follow
{
    font-size: 1.8rem;
    display: block;
    margin-bottom: 2.8vw;
}

.detail-sp img
{
    width: 100%;
}

.detail-sp .arrow-link
{
    font-size: 18px;
    font-size: 2.8rem;
    position: relative;
    display: inline-block;
    margin-bottom: 2.1vw;
    padding: 0px 4.3vw 0.3vw 2.8vw;
    border: 1px solid #ccc;
    background: #f4f4f4;
}

.detail-sp .arrow-link i
{
    position: absolute;
    top: 1.1vw;
    right: 0.7vw;
}

.detail-sp p
{
    font-size: 3.2rem;
    line-height: 1.5;

    margin-bottom: 7.1vw;

    color: #333;
}

.detail-sp .section
{
    margin: 11.4vw 0 10vw;
}

.txt-follow
{
    color: #828282;
}
.tags-detail .ttl
{
    font-size: 28px;
    font-size: 2.8rem;
    float: left;
    width: 21.4vw;
}
.tags-detail ul
{
    float: left;
    width: calc(100% - 90px);
    padding-left: 3%;
}
.tags-detail ul li a
{
    font-size: 17px;
    font-size: 1.7rem;
    font-weight: normal;
    line-height: 1;
    height: auto;
    padding: 0.7vw 2.1vw;
}

.detail-sp .categories-list .ttl{
    font-size: 28px;
    font-size: 2.8rem;
    float: left;
    width: 31.7vw;
}
.detail-sp .categories-list ul{
    float: left;
    width: calc(100% - 31.7vw);
    padding-left: 2.8vw;
	margin-left: 0;
}
.detail-sp .categories-list li{
 list-style:none;
}
.detail-sp .categories-list ul li a{
    font-size: 17px;
    font-size: 2.5rem;
    font-weight: normal;
    line-height: 1;
    height: auto;
    padding: 0.7vw 4.3vw;
}


.shade-post
{
    float:right;
    width:42%;
    text-align: center;
    margin:0 0 2.2vw 0!important;
}

.shade-post ul
{
    margin: 0;
    width:100%;
}

.shade-post ul li
{
    float: left;
    width: 17%;
    padding: 0;
    margin-right:10%;
}

.shade-post ul li:last-child{
    margin-right:0;
}

.shade-post ul li a
{
    font-size: 3.8rem;
    line-height: 1;

    display: block;
    padding: 1.4vw 0;

    color: white;
    border-radius: 16px;

	width:35px;
	height:35px;
	position:relative;
}
.shade-post ul li a.twitter
{
    background: #000;
}

.shade-post ul li a.facebook
{
    padding: 1.7vw 0 1.1vw;

    background: #315096;
}

.shade-post ul li a.line
{
    background: #1dcd00;
    padding:0;
}
.shade-post ul li a.line img
{
    height: 8.1vw;
    width: auto;
    margin: 0;
    vertical-align: top;
}
.shade-post ul li a svg{
	display:block;
	position:absolute;
	top:6px;
	left:6px;
	fill:#FFF;
	width:23px;
	height:23px;
}
.shade-post ul li a.twitter img{
	display:block;
	position:absolute;
	top:8px;
	left:7px;
	fill:#FFF;
	width:20px;
	height:20px;
}
.shade-post ul li a.clip
{
    background: #8f8f8f;
}

.shade-post ul li a.clip img{
	display:block;
	position:absolute;
	top:8px;
	left:7px;
	fill:#FFF;
	width:20px;
	height:20px;
}

.list-link-sp
{
    font-size: 30px;
    font-size: 3rem;
    font-weight: bold;
    padding-top: 2.8vw;
}

.list-link-sp h2
{
    font-weight: normal;
}

.list-link-sp h2 .txt-follow
{
    font-size: 4.3vw !important;

    display: inline-block !important;

    color: #e6156c;
}
.list-link-sp .ranking-updated{
	display:block;
	text-align:right;
	font-size:1.8rem;
	color:#828282;
	padding:0 1.4vw 1.4vw 0;
	margin-top:-1vw;
	font-weight:normal;
}
.list-link-sp .ranking-updated-abs{
	display:block;
	position:absolute;
	text-align:right;
	font-size:1.7rem;
	color:#828282;
	right:5px;
	top:16px;
	font-weight:normal;
}

.list-link-sp ul li a
{
    display: block;
    padding: 2.8vw 0;
    border-top: 1px solid #ccc;
}
.list-link-sp  ul.slider-thumnail li a{
    border:0;
}


.list-link-sp ul li a small
{
    font-size: 20px;
    font-size: 2rem;

    display: inline-block;

    margin-left: 0.7vw;
}

.posts-ranking.posts-ranking-fix
{
    border-top: 1vw solid #464646;
    border-right: none;
    border-left: none;
}

.posts-ranking.posts-ranking-fix .ttl
{
    font-size: 3.3rem;
    padding: 2.3rem 2.3rem 3.3rem 2.3rem !important;
    margin-bottom:0;
}

.posts-ranking.posts-ranking-fix .ttl img
{
    margin-right: 2%;
    height:auto;
    width:6%;;
}

.load-more
{
    margin: 2.8vw 0 8.5vw;
    padding: 0 2.8vw;
}

.load-more a
{
    font-size: 33px;
    font-size: 3.3rem;
    font-weight: bold;

    position: relative;

    display: block;

    padding: 3.1vw 0;

    text-align: center;

    color: #e6156c;
    border: 1px solid #e6156c;
    border-radius: 4px;
}

.load-more a i
{
    position: absolute;
    top: 50%;
    right: 3.5vw;

    -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
            transform: translate(0, -50%);
}
.load-more a svg{
	display:block;
	position:absolute;
	top:16px;
	right:15px;
	fill:#e6156c;
	width:20px;
	height:20px;
}

.list-item-sp li
{
    display: none;
}

#rwdMenuWrap
{
    z-index: 1;
}

.title-list
{
    font-size: 38px;
    font-size: 3.8rem;
    font-weight: bold;
    padding: 3.3vw 3vw;
    color: white;
    background: #e6156c;
}

.index_sp_list .title-list
{
    margin-top: -2.8vw;
}

.index_sp_list .posts-list
{
    border-right: none;
    border-left: none;
}

.index_sp_list .posts-list.pickup-posts .img
{
    padding: 0.7vw;
}

.index_sp_list .posts-list.pickup-posts .detail
{
    padding: 0 0.77vw;
}

.main-slider-sp .slider .slider-show.big
{
    max-width: 92vw;
}

.main-slider-sp .slider .slider-show .btn
{
    top: 45%;

    border: none;
}

.main-slider-sp .slider .slider-show .btn.btn-next
{
    right: -5.7vw;
}

.main-slider-sp .slider .slider-show .btn.btn-next:before
{
    font-size: 32px;
    font-size: 3.2rem;
}

.main-slider-sp .slider .slider-show .btn.btn-prev
{
    left: -5.7vw;
}

.main-slider-sp .slider .slider-show .btn.btn-prev:before
{
    font-size: 32px;
    font-size: 3.2rem;
}

.main-slider-sp .slider .slider-show .txt
{
    font-size: 1.8rem !important;

    margin-top: 0.7vw;
    padding-bottom: 0;
}

.main-slider-sp .slider-thumnail
{
    padding: 0 2.8vw;
}

.main-slider-sp .slider-thumnail li
{
    width: 32%;
    margin-right: 2%;
    margin-bottom: 2%;

    border: none;
}

.main-slider-sp .slider-thumnail li:nth-child(5n)
{
    margin-right: 2%;
}

.main-slider-sp .slider-thumnail li:nth-child(3n)
{
    margin-right: 0;
}

.main-slider-sp .slider-thumnail li.active
{
    border: 3px solid #e6156c;
}

.main-slider-sp .slider-thumnail li a img
{
    width: 100%;
}

.main-slider-sp .txt-list-thumnail
{
    font-size: 28px;
    font-size: 2.8rem;
    font-weight: bold;

    margin: 1.1vw 0 2.8vw;
    padding: 2.1vw 2.8vw;

    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.kasou-sp
{
    padding: 0 3%;
}


.kasou-sp .shade-post ul
{
    margin-bottom: 11.4vw;
}

#contents-sp .kasou-sp .post-group .ttl
{
    font-size: 26px;
    font-size: 2.6rem;

    margin-bottom: 2.1vw;
}

#contents-sp .kasou-sp .post-group .posts-list-col3
{
    margin-bottom: 0;

    border: none;
}

#contents-sp .kasou-sp .post-group .posts-list-col3 li
{
    width: 32%;
    margin-right: 2%;
    margin-bottom: 2%;

    border: none;
}

#contents-sp .kasou-sp .post-group .posts-list-col3 li:nth-child(3n)
{
    margin-right: 0;
}

#contents-sp .kasou-sp .post-group .posts-list-col3 li a
{
    display: block;

    padding: 0;
}

#contents-sp .kasou-sp .post-group .posts-list-col3 li a img
{
    width: 100%;
}

.btn-move.btn-block-sp
{
    max-width: 100%;
    margin-top: 0;

    background: none;
}


.detail-sp .slider-thumnail
{
	padding-top:1.4vw;
}
.detail-sp .slider-thumnail li
{
    width: 18vw;
    height: 14.5vw;
}
.detail-sp .slider-thumnail li a
{
    padding: 1vw 0;
}
.detail-sp .slider-thumnail-wrap
{
	position:relative;
	padding-bottom: 6vw;
	margin-bottom::-4vw;
}
.detail-sp .slider-thumnail.is-hide
{
	height: 23vw;
	overflow:hidden;
}

.detail-sp .slider-thumnail.is-hide::before {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 16vw;
  background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 40%, rgba(255,255,255,0.9) 60%, #fff 100%);
  background: linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 40%, rgba(255,255,255,0.9) 60%, #fff 100%);
}
.detail-sp .slider-thumnail-wrap .grad-trigger {
    z-index: 1;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    width: 80%;
    margin: auto;
    padding: .5em 0;
    border-radius: 2px;
    background: #fff;
    border: 1px solid #e6156c;
    color: #e6156c;
    text-align: center;
    cursor: pointer;
    transition: .2s ease;
    box-shadow: 0 0 3px rgba(0,0,0,.3);
}
.detail-sp .slider-thumnail-wrap .grad-item {
  position: relative;
  overflow: hidden;
}


/* ====================================================
SP/Single Pager対応
==================================================== */
.detail-sp ul.head-categories-list{
	list-style-type:none;
	float:left;
	font-size: 2.0rem;
	margin:0;
	margin-top:-0.7vw;
}
.detail-sp ul.head-categories-list li{
	display: inline-block;
	background-color:#f4f4f4;
	border-radius:4%;
	margin-left:0.7vw;
}
.detail-sp ul.head-categories-list li:first-child{
	margin-left:0px;
}
.detail-sp ul.head-categories-list li a{
	display: inline-block;
	padding:0.6vw 2.3vw;
	color:#333;
}
.detail-sp p.nexttitle{
}
.detail-sp p.nexttitle a{
	display:inline-block;
	padding:2vw 2.8vw;
	font-weight:bold;
	width:100%;
	font-size:0.80em;
	word-break: break-all;
	background-color:#E6156C;
	color:#FFFFFF;
	text-align:center;
	text-decoration:underline;
}
.detail-sp p.nexttitle a span.nextanch{
	display:inline-block;
	font-size:0.95em; 
	font-weight:bold;
	margin-top:0.8vw;
	margin-right:2.8vw;
}
.detail-sp p.nexttitle a span.nextchar{
}
.posts-list > li:last-child{
	border-bottom:none;
}
.categories-list-sp{
	padding:0 6%;
}
.categories-list-sp .ttl{
	font-size:3em;
	margin-bottom:2.8vw;
}
.categories-list-sp ul li{
	margin-bottom:3.4vw;
}
.categories-list-sp ul li a{
	font-size:2rem;
	font-weight:normal;
	padding:0px 3.6vw;
	line-height: 7.1vw;
	height: 7.1vw;
}
#sp_detail_overlay{
	position:fixed;
	bottom:2.8vw;
	width:100%;
	height:17vw;
	display: flex;
	justify-content: center;
	align-items: center;
	text-decoration: none;
	z-index:999;
}

.detail-sp .posts-list > li a{
    position: relative;
}
.detail-sp .posts-list li .counter {
    font-size: 2.6rem;
    line-height: 5rem;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 11vw;
    height: 11vw;
    padding-left: 1.4vw;
    color: #fff;
    background: url(../img/ico-ranking.png);
    background: url(/wp-content/themes/jisin-sp/img/ico-ranking.png);
    background-size: 100% 100%;
}
.ad-box2{
	margin:5.7vw 0;
	text-align:center;
}
.ad-box3{
	margin:5.7vw 0;
	text-align:center;
}
.ad-box4{
	margin:5.7vw 0;
	text-align:center;
	height:520px;
}
.ad-box4-inner{
	position: sticky;
	top: 12vw;
	text-align:center;
}

.detail-sp .link-list{
	text-align:center;
}
.detail-sp .link-list p{
	display:inline-block;
}
.detail-sp .link-list p.prevLink,
.detail-sp .link-list p.nextLink{
	border:1px solid #e5e5e5;
	width:17vw;
	padding:1.1vw 2.6vw;
	text-align:center;
	font-size:2.5rem;
}
.detail-sp .link-list p.prevLink{
	margin-right:2.8vw;
}
.detail-sp .link-list p.nextLink{
	margin-left:2.8vw;
}
.detail-sp .link-list p.pagerLink .post-page-numbers span{
	display:inline-block;
	padding:1.1vw 2.6vw;
	margin:0 0.6vw;
	border:1px solid #e5e5e5;
	font-size:0.8em;
	background-color:#FFF;
	color:#333;
}
.detail-sp .link-list p.pagerLink .post-page-numbers.current span{
	background-color:#e6156c;
	color:#FFF;
}


.post-group-new .link-list .pagination{
	margin-bottom:5.7vw;
}
.post-group-new .link-list .pagination li a,
.post-group-new .link-list .pagination li span{
	display:inline-block;
	padding:1.1vw 2.6vw;
	margin:0 0.6vw;
	border:1px solid #e5e5e5;
	font-size:2.6rem;
    line-height: 1.6;
}
.post-group-new .link-list .pagination li span{
	color:#FFF;
	background-color:#e6156c;
}
.post-group-new .link-list .pagination li a{
	color:#333333;
}
.post-group-new .link-list .pagination li a:hover{
	background-color:#ffffff;
}
.post-group-new .link-list .pagination li a.next,
.post-group-new .link-list .pagination li a.prev{
}


#contents-sp .post-group-new .posts-list.pickup-posts{
	border-bottom:none;
}
#contents-sp .post-group-new .tags-cate-pickup-list{
	margin-top:0px;
	margin-bottom:3vw;
}
#contents-sp .post-group-new .tags-cate-pickup-list a:hover{
	background-color:#ffffff;
}
.post-group-new .list-link-sp h2{
    background: none;
    margin-bottom: 0;
    border-left: none;
    padding: 1.4vw 0 1vw 1.4vw;
    font-size: 2.8rem;
    color:#828282;
}
.post-group-new .posts-list > li a{
    position: relative;
}
.post-group-new .posts-list li .counter {
    font-size: 2.6rem;
    line-height: 5rem;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 11vw;
    height: 11vw;
    padding-left: 1.4vw;
    color: #fff;
    background: url(../img/ico-ranking.png);
    background: url(/wp-content/themes/jisin-sp/img/ico-ranking.png);
    background-size: 100% 100%;
}
.post-group-new .posts-list .tags-cate-list{
	margin-top:0vw;
	margin-bottom:3vw;
}
.post-group-new .tags-cate-list ul{
	justify-content:flex-end;
}
.post-group-new .tags-cate-list ul li a{
	font-size:2.2rem;
	font-weight:normal;
	color:#828282;
	border:none;
	border-radius:0px;
	line-height:2.8vw;
    padding: 0vw 1.4vw 0vw 1.4vw!important;
}
.post-group-new .tags-cate-list ul li a:hover{
	background-color:#f3f3f3;
	color:#e6156c;
}


#contents-sp .post-group-new .posts-list > li > a,
.post-group-new .list-link-sp .posts-list > li > a{
	padding: 3vw 2.65vw 0pv 2.65vw!important;
}
#contents-sp .post-group-new .posts-list > li > a .img.posi_center,
.post-group-new .list-link-sp .posts-list > li > a .img.posi_center{
	margin-bottom:0px!important;
}
.post-group-new .list-link-sp .posts-list li .detail .info{
	margin-top:2.4vw;
}

.detail-sp p.phptotitle{
	text-align:center;
	margin-top:1.4vw;
}
.detail-sp p.phptotitle a{
	padding:2vw 2.8vw;
	font-weight:bold;
	font-size:0.80em;
	word-break: break-all;
	background-color:#E6156C;
	color:#FFFFFF;
	text-align:center;
	text-decoration:underline;
}
.detail-sp .icon_camera a{
	display:block;
	float:right;
	width:6.8vw;
	height:6.8vw;
	opacity:0.85;
}
.detail-sp .icon_camera a:hover{
	opacity:0.5;
}
.detail-sp .caption-box{
	min-height:6.8vw;
	margin-top:1.7vw;
	margin-bottom:2.1vw;
}
.detail-sp .caption-box .txt-follow{
	margin:0;
	padding-right:4.3vw;
	text-align:center;
	font-size:1.6rem
}
.detail-sp.detail-sp-cont p{
	line-height:1.5;
	font-size:3rem;
}
.detail-sp p.phptotitle,
.detail-sp p.nexttitle,
.detail-sp .link-list p{
	line-height:1.6;
	font-size:3.2rem;
}
.list-index-sp{
    position: relative;
    border: 1px solid #e6156c;
	margin:auto;
	margin-top:8vw;
	margin-bottom:8vw;
	width:90%;
}

.detail-sp .list-link-sp.list-index-sp h2 {
	margin-top:0;
	text-align:center;
	color:#e6156c;
	font-weight:bold;
	cursor:pointer;
}
.detail-sp .list-index-sp h2:after {
	position: absolute;
	top: 2vw;
	right: 5.5vw;
	width: 2vw;
	height: 2vw;
	content: '';
	-webkit-transform: rotate(132deg);
	transform: rotate(132deg);
	border-top: 0.7vw solid #e6156c;
	border-right: 0.7vw solid #e6156c;
}
.detail-sp .list-index-sp.activated h2:after {
	top: 3vw;
	transform: rotate(-42deg);
	-webkit-backface-visibility: hidden;
}
.detail-sp .list-index-sp ul {
	display:none;
	border-top: 1px solid #e6156c;
}
.detail-sp .list-index-sp ul li{
	display:flex;
	position:relative;
}
.detail-sp .list-index-sp ul li span,
.detail-sp .list-index-sp ul li a{
	display:block;
	font-size: 2.4rem;
	color:#333;
}
.detail-sp .list-link-sp.list-index-sp ul li span{
	width:32%;
	padding:2vw 1vw 2vw 8vw;
}
.detail-sp .list-link-sp.list-index-sp ul li span::before{
	content: "";
	position: absolute;
	top: 4.3vw;
	left: 4vw;
	transform: translateY(-50%);
	border: 6px solid transparent;
	border-left: 6px solid #e6156c;
}
.detail-sp .list-link-sp.list-index-sp ul li a{
	padding:2vw 5vw 2vw 2vw;
	width:68%;
	border-top:none;
}
.detail-sp .list-link-sp.list-index-sp ul li a::before{
	position: absolute;
	top: 1.7vw;
	left: 30%;
	content: '|';
	color:#CCC;
}

/* 芸能人DB情報 */
.post-group .artist_area_top
{
    padding: 3.4vw 0;
}
.post-group .artist_area_top .ph
{
    width: 100%;
    text-align: center;
}
.post-group .artist_area_top .ph img
{
    max-width: 100%;
    height: auto;
}
.post-group .artist_area_top .comment
{
    font-size: 32px;
    font-size: 3.2rem;
    padding: 1em 3% 2em;
}

/* 続きを見る */
.artist_area_top .grad-wrap {
  position: relative;
}
.artist_area_top .grad-wrap + .grad-wrap {
  margin-top: 5.7vw;
}
.artist_area_top .grad-trigger {
    z-index: 1;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    width: 80%;
    margin: auto;
    padding: .5em 0;
    border-radius: 2px;
    background: #fff;
    border: 1px solid #e6156c;
    color: #e6156c;
    text-align: center;
    cursor: pointer;
    transition: .2s ease;
    box-shadow: 0 0 3px rgba(0,0,0,.3);
}
.artist_area_top .grad-item {
  position: relative;
  overflow: hidden;
}
.artist_area_top .grad-item.is-hide {
  height: 24vw; /*隠した後の高さ*/
}
.artist_area_top .grad-item p + p {
  margin-top: 1em;
}
.artist_area_top .grad-item::before {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 6vw; /*グラデーションで隠す高さ*/
  background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
  background: linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
}
.artist_area_top .grad-trigger.is-show + .grad-item::before {
  display: none;
}



.post-group .profile table
{
    width: 100%;
    border-top: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
    font-size: 32px;
    font-size: 3.2rem;
}
.post-group .profile table th,
.post-group .profile table td {
    display: block;
    width: 100%;
    padding: 1em;
    border-right: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    font-size: 32px;
    font-size: 3.2rem;
}
.post-group .profile table th
{
    background: #f1f1f1;
}
.post-group .profile table dd
{
    margin: 0 0 1em;
}
.post-group .profile table dd:last-child
{
    margin:0;
}
.post-group .profile a
{
    font-size: 32px;
    font-size: 3.2rem;
    color: #00f;
}
.post-group .profile a:hover
{
    text-decoration: underline;
}
.post-group .artist-images_area
{
    margin: 4.3vw 0;
    padding: 0 0 4vw;
    font-size: 3rem;
    font-weight: bold;
}
.post-group .artist-images_area .ttl
{
    background: none;
    margin-bottom: 5.7vw;
    border-left: none;
    padding: 1.4vw 0 1.4vw 1.4vw;
    font-size: 2.8rem;
    font-weight:normal;
    color:#828282;
    border-bottom: 1px solid #e5e5e5;
}
.post-group .artist-images_area ul
{
    padding: 0 3%;
}
.post-group .artist-list_head .ttl
{
    background: none;
    margin-bottom: 0;
    border-left: none;
    padding: 1.4vw 0 1.4vw 1.4vw;
    font-size: 2.8rem;
    font-weight:normal;
    color:#828282;
    border-bottom: 1px solid #e5e5e5;
}
.post-group .artist-images_area ul
{
    padding: 0 3%;
}


.more_btn{
	width:95%;
	margin-top:2.3vw;
	padding:2vw 2.8vw;
	font-weight:bold;
	font-size:0.90em;
	word-break: break-all;
	background-color:#E6156C;
	color:#FFFFFF;
	text-align:center;
}

ul.ban-area{
	margin-bottom:2.8vw;
	padding:0 12%;
}
ul.ban-area li{
	padding-bottom:0.8vw;

}
ul.ban-area li img{
	width:100%;
}

.post-group .artist-images_area ul
{
    padding: 0 3%;
}
.post-group .artist-images_area ul li
{
    float: left;
    box-sizing: border-box;
    width: 19.2%;
    margin-right: 1%;
    margin-bottom: 1%;
    margin-left: 0;
    border: 1vw solid transparent;
    list-style-type: none;
}
.post-group .artist-images_area ul li:nth-child(5n)
{
    margin-right: 0;
}
.post-group .artist-images_area ul li:hover
{
    border: 0.4vw solid #e6156c;
}
.post-group .artist-images_area ul li a
{
    display: inline-block;
    width: 100%;
}
.post-group .artist-images_area ul li a:hover
{
    opacity: .5;
}
.post-group .artist-images_area ul img {
    width: 100%;
    height: auto;
    object-fit: contain;
    aspect-ratio: 3 / 2;
}




.artist-relation_area
{
    font-size: 3rem;
    font-weight: bold;
    margin-top:4vw;
}
.artist-relation_area .ttl
{
    background: none;
    margin-bottom: 5.7vw;
    border-left: none;
    padding: 1.4vw 0 1.4vw 1.4vw;
    font-size: 2.8rem;
    font-weight:normal;
    color:#828282;
    border-bottom: 1px solid #e5e5e5;
}
.artist-relation_area ul
{
    display: flex;
    flex-wrap: wrap;
    padding: 0 2.8vw;
}
.artist-relation_area ul li
{
    float: left;
    box-sizing: border-box;
    width: 32%;
    margin-right: 2%;
    margin-bottom: 1%;
    margin-left: 0;
    border: 0.4vw solid transparent;
    list-style-type: none;
}
.artist-relation_area ul li:nth-child(3n)
{
    margin-right: 0;
}
.artist-relation_area ul li a
{
    display: block;
    width: 98%;
    margin: 0 1% 0 0;
}
.artist-relation_area ul li a:hover
{
    border: 0.4vw solid #e6156c;
}
.artist-relation_area ul li a span{
    display: block;
    font-size: 100%;
    text-align: center;
    font-weight: bold;
    padding-top: 5px;
    color:#000;
}
.artist-relation_area ul li a:hover img
{
    opacity: .5;
}
.artist-relation_area ul li a:hover span
{
    color:#e6156c;
}
.artist-relation_area ul img {
    max-width: 100%;
    height: auto;
}


.artist-sns_area
{
    margin: 8.6vw 0 0 0;
    padding: 0 0 5.7vw;
    font-size: 30px;
    font-size: 3rem;
    font-weight: bold;
}

.artist-sns_area .ttl
{
    background: none;
    margin-bottom: 5.7vw;
    border-left: none;
    border-bottom: 1px solid #e5e5e5;
    padding: 1.4vw 0 1.4vw 1.4vw;
    font-size: 2.8rem;
    font-weight:normal;
    color:#828282;
}
.artist-sns_area ul
{
    height: 71.4vw;
    overflow-y: auto;
    margin: 0 2.8vw;
    border-bottom: 1px solid #e5e5e5;
}
.artist-sns_area li
{  
    font-size: 32px;
    font-size: 3.2rem;
    padding: 2.2vw;
    border-bottom: 1px dashed #e5e5e5;
}
.artist-sns_area li:last-child
{
    border: none;
}

.artist_area_works{
    font-size: 3.4rem;
}
.artist_area_works div{
	margin-top:7px;
	margin-bottom:20px;
}
.artist_area_works .ttl{
    background: none;
    margin-bottom: 0;
    border-left: none;
    padding: 1.4vw 0 1.4vw 1.4vw;
    font-size: 4rem;
    border-top: 1vw solid #464646;
    border-bottom: 1px solid #e5e5e5;
}
.artist_area_works ul {
	margin-top:20px;
}
.artist_area_works ul li {
	padding-left:6px;
	padding-bottom:8px;
	margin-left:10px;
	line-height:1.2;
}
.artist_area_works ul li::before {
  display: inline-block;
  position: relative;
  top: -4px;
  left: -6px;
  width: 4px;
  height: 4px;
  content: '';
  border-radius: 100%;
  background: #333;
}

.artist_area_works ul li a{
    color: #e6156c;
	font-weight:bold;
}
.artist_area_works ul li a:hover{
	text-decoration:underline;
}
.artist_area_works span{
	font-size:2.6rem;
	color:#8B8B8B;
	font-weight:normal;
}
.artist_area_works div > span{
	display:block;
	margin-top:10px;
}
.artist_area_works .vod_works_memo{
	padding:0 6px;
}


.hotword .ttl
{
    font-size: 30px;
    font-size: 3rem;
    margin-bottom: 1.4vw;
    text-align: center;
}
.hotword .ttl i
{
    color: #e6156c;
}

.hotword.tags-list .tags-list_center li
{
    margin-top: 2.8vw;
    margin-right: 2.8vw;
}
.hotword.tags-list .tags-list_center li a
{
    font-size: 20px;
    font-size: 2rem;
    line-height: 8.6vw;
    height: 8.6vw;
    padding: 0 4.6vw;
    line-height: 1;
    height: 100%;
    padding: 2.1vw 4.2vw;
}

.artist-relation-images_area .ttl
{
    border-bottom: 1px solid #e5e5e5;
}

.author-desc{
	float:left;
	padding-top:4px;
	max-width:60%;
}
.author-desc a{
	font-size:2.8rem;
	font-weight:bold;
	color:#E6156C;
	text-decoration:none;
}
.author-desc a:hover{
	text-decoration:underline;
}
.author-box{
	text-align:center;
	padding:5vw 4.2vw 0 4.2vw;
}
.author-box .author-img{
	margin-bottom:5.4vw;
}
.author-box .author-img img{
	width:32vw;
	height:32vw;
	border-radius:50%;
	border: 2px solid #e6156c;
}
.author-info > h1,
.author-info > div {
	margin-bottom:1.6vw;
}
.author-info h1{
	font-size: 4rem;
}
.author-info .author-alt{
	font-size: 2.4rem;
	color:#818181;
}
.author-info .author-title{
	font-size: 3.2rem;
	font-weight: bold;
}
.author-memo{
	margin-top:4.8vw;
	font-size: 3.2rem;
	color:#000;
}
.author-memo p{
	text-align:justify;
}
.author-memo a{
	color:#e6156c;
	text-decoration:none;
}
.author-memo a:hover{
	text-decoration:underline;
}
.author-box .shade-post{
	float:none;
	margin: 3.6vw auto 4.7vw auto!important;
}
.author-box .shade-post ul{
    padding-left: 3.5vw;
}
.author-box .shade-post ul li{
	width:12vw;
	height:12vw;
}

.author-box .shade-post ul li a.facebook{
}
.author-box .shade-post ul li a{
	width:100%;
	height:100%;
	border-radius:50%;
	font-size:5.2rem;
	padding-top:2.4vw;
}
.author-box .shade-post ul li a svg{
	display:block;
	position:absolute;
	top:10px;
	left:10px;
	fill:#FFF;
	width:30px;
	height:30px;
}
.author-box .shade-post ul li a img{
	display:block;
	position:absolute;
	top:12px;
	left:12px;
	fill:#FFF;
	width:25px;
	height:25px;
}

.tag-related-sp{
    position: relative;
    border-bottom: 1px solid #ccc;
}
.tag-related-sp h2:after {
    position: absolute;
    top: 2vw;
    right: 5.5vw;
    width: 2vw;
    height: 2vw;
    content: '';
    -webkit-transform: rotate(132deg);
    transform: rotate(132deg);
    border-top: 0.7vw solid #e6156c;
    border-right: 0.7vw solid #e6156c;
}
.tag-related-sp.activated h2:after {
    top: 3vw;
    transform: rotate(-42deg);
    -webkit-backface-visibility: hidden;
}
.tag-related-sp ul {
	display:none;
}

/* ====================================================
PWA対応
==================================================== */
#box-push4ios{
	display:none;
	z-index:999999;
	position:fixed;
	bottom:20px;
	width:90%;
	margin:0 5%;
	padding:3% 4%;
	border:5px solid #e6156c;
	background-color:#f9f9f9;
}
#box-push4ios p{
	font-size:4.2vw;
	color:#e6156c;
	font-weight:bold;
	margin-bottom:1.2vw;
	line-height: 7.2vw;
}
#box-push4ios span{
	display:inline-block;
	font-size:3.8vw;
	font-weight:bold;
	margin-bottom:3vw;
}
#box-push4ios ul{
	text-align:right;
}
#box-push4ios ul li{
	display:inline-block;
	font-size: 4vw;
	line-height: 10vw;
	height: 10vw;
	padding: 0 4vw;
	transition: all .3s ease;
	text-align: center;
	color: #e6156c;
	border: 1px solid #e6156c;
	border-radius: 5vw;
}
#box-push4ios ul li.off{
	margin-right:4vw;
}
#box-push4ios ul li.on{
	background-color:#e6156c;
	color:#fff;
}
#box-push4ios ul li.off,
#box-push4ios ul li.on:hover{
	background-color:#fff;
	color:#e6156c;
}

@media all and (display-mode: standalone) {
	#sp_detail_overlay,
	#sp_detail_overlay_room{
		display:none;
	}
}

/* ====================================================
Kasou Add
==================================================== */
#contents-sp.page_kasou_sp #main-articles{
	margin-top:0;
}
.txt-linkpass{
	font-size: 2.4rem;
	color:#ffffff;
	width: 95%;
	overflow-x: auto;
	white-space: nowrap;
	overflow-scrolling: touch;
	-webkit-overflow-scrolling: touch;
}
.txt-linkpass a,
.txt-linkpass a:link{
	color:#ffffff;
	display:inline-block;
	text-decoration:underline;
	text-decoration-color: #ffffff;
}
.txt-linkpass span{
	display:inline-block;
	padding:0 1vw;
}
.txt-linkpass h1,
.txt-linkpass a h1{
	font-weight:normal;
	display:inline-block;
}
.index_sp .txt-linkpass{
	color:#828282;
}
.index_sp .txt-linkpass a,
.index_sp .txt-linkpass a:link{
	color:#828282;
	text-decoration-color: #828282;
}

.float-menu{
	display:flex;
	justify-content: space-between;
	height:12vw;
	width:100%;
	background:rgba(230, 21, 108, 0.8);
	position:fixed;
	margin-top:0;
	z-index:999;
	line-height:12vw;
	padding:0 3vw;
	top:0px;
}
.float-menu a{
	color:#FFF!important;
	font-size:3.2vw;
}
.kasou-article .txt-linkpass{
	margin-bottom:2.5vw;
}
.kasou-article .image-wrap{
	margin-bottom:2.5vw;
	max-height:var(--initial-height-90vh); 
	min-height:var(--initial-height-45vh); 
}
.kasou-article .slide-img{
	border-top:1px solid #d8d8d8;
	border-bottom:1px solid #d8d8d8;
	max-height:var(--initial-height-90vh); 
	min-height:var(--initial-height-45vh); 
	object-fit:contain;
	background-color: #000;
}
.kasou-article .image-caption-warp{
	padding:0 20vw 0 3.6vw;
	position:relative;
	min-height:6.4vw;
}
.kasou-article .image-caption-warp .image-caption,
.kasou-article .related-wrap .related-title,
.kasou-article .related-wrap .related-link,
.kasou-article .related-wrap .original-title,
.kasou-article .scroll-wrap .scroll-title{
	font-size: 2.8rem;
}

.kasou-article .image-no{
	width: 15vw;
	height: 6.4vw;
	line-height: 6.4vw;
	background-color: #e6156c;
	color: #FFF;
	font-size: 2.2rem;
	text-align: center;
	border-radius: 9999px;
	position: absolute;
	top: 0;
	right: 2.8vw;
	z-index: 1;
	opacity:0.9;
}

.kasou-article .related-wrap{
	padding:0 3.6vw;
	margin-top:5vw;
	margin-bottom:10vw;
}
.kasou-article .related-wrap .related-title{
	color:#828282;
	margin-bottom: 1.4vw;
}
.kasou-article .related-wrap .related-link{
	padding: 1.6vw 0;
	border-top: 1px solid #ccc;
}
.kasou-article .related-wrap .related-link:last-child{
	border-bottom: 1px solid #ccc;
}
.kasou-article .related-wrap .related-link a{
	color:#0000CC;
	word-wrap: break-word;
	font-weight:bold;
}
.kasou-article .related-wrap .original-title{
	margin-bottom: 1.4vw;
	padding:2.4vw;
	border:2px solid #ccc;
	font-weight:bold;
}
.kasou-article .related-wrap .original-title span{
	display:inline-block:
	color:#828282;
	padding-right:2.4vw;
}
.kasou-article .related-wrap .original-title a{
	color:#00C;
}

.kasou-article .scroll-wrap {
	position:relative;
	text-align:center;
	margin-top:10vw;
	margin-bottom:10vw;
}
.kasou-article .scroll-arrow {
	display: inline-block;
	vertical-align: middle;
	color: #d9d9d9;
	line-height: 1;
	position: absolute;
	width: 1.02vw;
	height: 10vw;
	background: currentColor;
	left:15vw
}

.kasou-article .scroll-arrow::before {
	content: '';
	width: 5vw;
	height: 5vw;
	border: 1.02vw solid currentColor;
	border-top: 0;
	border-right: 0;
	transform: rotate(-45deg);
	transform-origin: bottom left;
	position: absolute;
	left: 50%;
	bottom: -0.15vw;
	box-sizing: border-box;
}

.kasou-article .scroll-title{
	color: #828282;
	padding-top:1vw;
}
.introGuide {
	position: fixed;
	width: 100vw;
	height: 100vh;
	top: 0;
	z-index: 900;
	background-color: rgba(0,0,0,.8);
	opacity: 0;
	visibility: hidden;
	transition: opacity .3s linear .2s,visibility .3s linear .5s;
	overflow: auto;
	overflow-x: hidden;
	color: #fff;
	font-size: 15px;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	padding: 15px
}
@keyframes pulse {
	0% {
		opacity: 1
	}

	50% {
		opacity: 1;
		transform: translateX(5px)
	}

	100% {
		opacity: 1
	}
}
.introGuide .image {
	margin-top: 5px;
	rotate: 90deg;
	max-width: 14px;
	animation: pulse 1.5s ease-out;
	animation-iteration-count: infinite
}
.introGuide.show {
	opacity: 1;
	visibility: visible
}