@charset "UTF-8";



/* -----------------------------------------------------------------------

 css file for CNET Japan responsive setteing

--------------------------------------------------------------------------*/

body{
    min-width:100%;
}

img{
    max-width:100%;
    height:auto;
}


#page-wrap-resp,
#header-wrap-resp,
#nav-wrap-resp,
#footer-wrap-resp
{display: none;}



/* -----------------------------------------------------------------------
 responsive 960px
--------------------------------------------------------------------------*/


@media screen and (max-width: 960px) {

/* common ----------------------------------------------------------------*/


body{font-family:"メイリオ", "Meiryo", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック Medium", Yu Gothic Medium, YuGothicM, "游ゴシック体", YuGothic, sans-serif !important;}

    #header-wrap,
    #footer-wrap{
        display:none;
    }
    
    
    #header-wrap-resp,
    #header-wrap-resp .logo,
    #nav-wrap-resp,
    #footer-wrap-resp,
    #page-wrap,
    #column-content-block
    {
        width: 100%;
        display:block;
    }
    
 


 /* header ----------------------------------------------------------------*/
    
    #header-wrap-resp{
        width: 100%;
        height:60px;
        padding:0;
        background-color:#aa1801;
        position:relative;
        z-index: 10000;
    }   
    
    #header-wrap-resp .header-logo-resp img{
        text-align:left;
        /*position:absolute;
        top:7%;
        left:2%;*/
float:left;
margin-top:1%;
margin-left:2.5%;
    }
    
    
    #header-wrap-resp .header-nav-id{
        float:right;
        width:12%;
        background-color:#444;
        text-align:center;
        margin:0 auto;
    }
    
    #header-wrap-resp .header-nav-search{
        float:right;
        width:12%;
        background-color:#7e1807;
        text-align:center;
        margin:0 auto;
    }
    
    #header-wrap-resp .header-nav-id span{
        display:block;
        height:60px;
        background:url(/media/c/2012/images/responsive/spritesheet_resp.png) center 0;
    }

    
    #header-wrap-resp .header-nav-search span{
        display:block;
        height:60px;
        background:url(/media/c/2012/images/responsive/spritesheet_resp.png) center -70px;
    }
    
    #header-wrap-resp .header-nav-id span:hover,
    #header-wrap-resp .header-nav-search span:hover{
        cursor:pointer;
    }
    
    #header-wrap-resp .header-nav-id span a,
    #header-wrap-resp .header-nav-search span a{
        color:#fff;
        display:block;
        position:relative;
        top:42px;
        text-align:center;
        font-size:90%;
    }
    
    
    /*#header-wrap-resp .header-nav-id ul.menu-id{display:none;}
    
    #header-wrap-resp .header-nav-id span a:hover > ul.menu-id,
    #header-wrap-resp .header-nav-id a:hover > ul.menu-id{display:block;}*/
    
    
    /*id*/
    #header-wrap-resp .header-nav-id .menu-id{
    width:100%;
    background-color:#444;
    margin:0 auto;
    text-align:center;
    z-index:9999;
    position:absolute;
    top:60px;
    left:0;
    }
    
    #header-wrap-resp .header-nav-id .menu-id li{
    width:100%;
    border-bottom:1px solid #666;
    box-shadow:0 1px 0 #d0d0d0;
    padding:3% 0;
    }
    
    #header-wrap-resp .header-nav-id .menu-id li a{
        color:#fff;
    }
    
    
/*search*/
    /*#header-wrap-resp .header-nav-search a:hover > div.search-box-resp{
        display:block;
    }*/
    
#header-wrap-resp .header-nav-search .search-box-resp{
    width:100%;
    background-color:#aa1801;
    //padding:3% 0;
    position:absolute;
    top:60px;
    left:0;
    z-index:9999;
    }
    
.search-box-resp .searchBtn {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    background: #ffffff;
    border: none !important;
    /*margin:0 25px;*/
    padding: 15px;
    background: url(//www.google.com/cse/static/ja/google_custom_search_watermark.gif) 3px center no-repeat rgb(255, 255, 255);
    width:90%;
}
 

.search-box-resp .hcd_btn_scope {
    background: url(/media/c/2012/images/responsive/spritesheet.png) no-repeat;
    background-position: -5px -5px;
    border: none;
    cursor: pointer;
    line-height: 0;
    text-indent: -9999px;
    position: absolute;
    top: 35%;
    right: 3%;
    width: 30px;
    height: 30px;
}
    

    
/* navigation ----------------------------------------------------------------*/

    #nav-wrap-resp {
    background-color:#909090;
    height:60px;
    position:relative;
z-index:9999;
    }
    
    #nav-wrap-resp .nav-content{
        width:100%;
        position:relative;
        display: -webkit-box; /*Android4.3*/
        display: -ms-flexbox; /*IE10*/
        display: -webkit-flex; /*Safari,iOS*/
        display: flex;
        padding:0; 
        z-index:1;
        background-color:#909090;
    }
    
    
    #nav-wrap-resp .nav-content li{
        width: 25%;
        margin: 0;
        padding:0;
        color: #fff;
        font-size: 12px;
        text-align: center;
        z-index:100;
    }
    
    #nav-wrap-resp .nav-content li:hover{
        cursor:pointer;
    } 
    
    
   #nav-wrap-resp .nav-content li span{
        display:block;
        position:relative;
        text-align:center;
        height:60px;
        margin:0 auto;
        background:url(/media/c/2012/images/responsive/spritesheet_resp.png) center center no-repeat;
    }
   
    
    #nav-wrap-resp .nav-content li span a{
        color:#fff;
        display:block;
        position:relative;
        top:41px;
    }
    
    #nav-wrap-resp .nav-content li.nav-menu span{
        background-position:center -140px;
    }
    #nav-wrap-resp .nav-content li.nav-category span{
        background-position:center -200px;
    }
    #nav-wrap-resp .nav-content li.nav-marketers span{
        background-position:center -260px;
    }
    #nav-wrap-resp .nav-content li.nav-share span{
        background-position:center -320px;
    }
    
    
    #nav-wrap-resp .nav-content li ul{
        display:none;
    }
    
    
    /*#nav-wrap-resp .nav-content li:hover > ul, #nav-wrap-resp .nav-content li span a:hover > ul{
        display:block;
    }*/
    
    #nav-wrap-resp .nav-content li > ul.menu-primary,
    #nav-wrap-resp .nav-content li span a > ul.menu-primary,
    #nav-wrap-resp .nav-content li > ul.menu-category,
    #nav-wrap-resp .nav-content li span a > ul.menu-category,
    #nav-wrap-resp .nav-content li > ul.menu-share,
    #nav-wrap-resp .nav-content li span a > ul.menu-share
    {
        display:block;
    }
    

#nav-wrap-resp .menu-primary,
#nav-wrap-resp .menu-category,
#nav-wrap-resp .menu-share{
    width:100%;
    height:auto;
    background-color:#909090;
    margin:0 auto;
    text-align:center;
    position:absolute;
    top:100%;
    left:0;
    transition:all 0.2s ease;
    z-index:9999;
}
    
#nav-wrap-resp .menu-primary li,
#nav-wrap-resp .menu-category li,
#nav-wrap-resp .menu-share li{
    width:100%;
    border-bottom:1px solid #666;
    box-shadow:0 1px 0 #d0d0d0;
    padding:3% 0;
    }

    
#nav-wrap-resp .menu-category li{
    width:50%;
    float:left;
}
    
 
#nav-wrap-resp .menu-primary li a,
#nav-wrap-resp .menu-category li a,
#nav-wrap-resp .menu-share li a{
    width:100%;
    color:#fff;
    font-size:130% !important;
    display:block;
}
 
    
#nav-wrap-resp .menu-share .menu-fb{
        background-color:#3564A2;
}
    
#nav-wrap-resp .menu-share .menu-tw{
        background-color:#1DA1F2;
}
    
#nav-wrap-resp .menu-share .menu-rss{
        background-color:#EB6207;
}
    
#nav-wrap-resp .menu-share a:hover{color:#000 !important;}
    
/* expand navi */
.menu-id,
.search-box-resp,
#nav-wrap-resp .menu-primary,
#nav-wrap-resp .menu-category,
#nav-wrap-resp .menu-share{
  max-height:0px;
  transition: all 300ms 0s ease;
  overflow:hidden;
}


.active_search{max-height:420px !important; padding:3% 0 !important;}
.active_id{max-height:420px !important;}
.active_primary{max-height:620px !important;}
.active_category{max-height:550px !important;}
.active_share{max-height:300px !important;}



    
/* footer ----------------------------------------------------------------*/
    
    #footer-wrap-resp span{
        margin-bottom:3%;
        display:block;
        font-size:90%;
        text-align:left;
    }

    
    #footer-wrap-resp .footer-terms{
        background-color:#a4a4a4;
        color:#fff;
        padding:5% 3%;
        line-height:1.4;
    }
    
    #footer-wrap-resp .footer-terms a{
        display:block;
        text-align:center;
        color:#fff;
        border-top: 1px solid #ccc;
        padding:3% 0 0 0;
text-align:center !important;
    }
    
    #footer-wrap-resp .footer-copy{
        background-color:#000;
        color:#fff;
        padding:3%;
    }





/* contents ----------------------------------------------------------------*/


/* parts */


#content-bottom-block{
min-width:100%;
}

.content-ttl,
.content-ttl-s,
.content-list-date,
.event-date,
.relase-date
{
/*text-align: center;*/
text-align:left;
padding-left:10px !important;
position:relative;
}


.content-ttl,
.content-ttl-s{
text-align:center;
}


#content-navigation-block ul{
display:block;
}


#content-navigation-block ul li a, #content-navigation-block .content-menu-more {
    display: block;
    width: 100%;
    margin: 0 auto;
    padding: 20px 0;
    text-align: center;
    border-bottom: 1px solid #ccc;
}



#pagination{
display:inline-block;
}

#pagination ul{
width:100%;
margin:0 auto !important;
overflow:hidden;
display:flex;
justify-content: center;
align-items: center;
}

#pagination li{
width:15%;
height:30px;
line-height:30px;
font-size:110%;
float:none;
padding:5px 0 !important;
border:1px solid #ccc;
}

#pagination li a{
padding:0;
border:none;
}

#pagination li.next {
width:30% !important;
background-color:#999;
}

#pagination li.next a{
padding:0;
background:none;
}



#pagination .pre a:after, #pagination .next a:after{
display:none;
}


.content-more a, .content-article-more a {
    border-radius: 4px;
    text-align: center;
    background-color: #454545;
    border: 1px solid #454545;
    box-shadow: 0 0 1px rgba(0,0,0,0.1);
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    cursor: pointer;
    padding: 25px 0;
    display: block;
    width: 98%;
    margin: 0 auto 5%;
}



.content-ttl .pr{
position:absolute;
top:10px;
right:2px;
}



/*layout*/

#page-wrap .ad-item{
width:100%;
}
    
#content-top-block .item, #content-bottom-block .item{
width:100%;
}
    
#page-wrap .ad-item img{
max-width:100%;
}
    
#content-top-block .item img, #content-bottom-block .item img{
max-width:100%;
} 
    
#leftside-column, #center-column, #rightside-column{
width:100%;
order:0 !important;
margin:0 auto;
}


/*#leftside-column > div, #center-column > div, #rightside-column > div{
    margin:5% 2%;
}*/
    
    
    
#leftside-column ul, #center-column ul, #rightside-column ul{
margin:0 2%;
padding:15px 0;
}


.inner-bg, .inner-pr{
margin:0 0 2% 0;
/*padding:2%;*/        
}


.inner-bg{
padding:15px 0;
}

.inner-pr{
padding:2%;
}


#leftside-column .left-navigation-block li a{
text-align:center;
/*text-align:left;*/
padding-left:0;
}

    
    
#rightside-column .right-ad-block{
width:100%;
margin:3% auto;
}
    
#rightside-column .right-ad-block img{
text-align:center;
}


#rightside-column iframe{
/*width:100%;*/
margin:0 auto;
}

#rightside-column ul.photorepo-inner{
margin:0 auto !important;
width:70%;
}

#rightside-column ul.photorepo-inner img{
width:100%;
}


#column-content-block #leaf-column{
width:100%;
order:0;
margin:0 auto;
}


#leaf-column{
width:100%;
order:0;
margin:0 auto;
}


#leaf-column ul{
margin:0 2%;
padding:0;
} 

#leaf-column .leaf-article-inner{
margin:0 2% 20px;
}



.leaf-item-inner .item-word{
//width:100%;
padding:2% !important;
}



.content-article-inner .content-article-full, .content-article-inner .content-article-left, .content-article-inner .content-article-right {
    width: 100%;
    max-width: 580px;
    float: none;
    text-align: center;
    margin: 0 auto;
}


.content-article-full .content-article-img {
    width: 100%;
    /* height: auto; */
    margin: 0 auto 5%;
}

.content-article-left .content-article-img,
.content-article-right .content-article-img,
.content-article-center .content-article-img{
margin:0 auto;
}



.content-article-inner{margin-bottom:0;}
.content-article-inner div:last-child{margin-bottom:3%;}

.content-article-full .content-article-img, .content-article-left .content-article-img, .content-article-right .content-article-img, .content-article-center .content-article-img {
    width: 100%;
    height: auto;
    margin:0 auto;
}

.content-article-img img {
    position: relative;
    top: 0;
    left: 0;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    width: 100%;
    height: auto;
    margin-top: 20px;
}

.content-article-full .content-article-img a::after{
display:none;
}




.content-article-left .content-article-text,
.content-article-right .content-article-text {
    width: 98%;
    padding: 0 1%;
  position:relative;
}


.content-article-full .content-article-text{
  position:relative;
  /*background-color:#ffffff;*/
  width:100%;
}


.content-article-full .content-article-text .text-main {
padding:0;
    font-size: 18px;
    line-height: 1.4;
    color: #252525;
    letter-spacing: 0.05em;
    text-align:left;
    margin:0 2%;
}
.content-article-full .content-article-text span.date{
    position:static;
margin-top:0;
}

.content-article-left .content-article-text .text-main,
.content-article-right .content-article-text .text-main,
.content-article-center .content-article-text .text-main{
text-align:left;
margin:0 2%;
}



.content-media-inner{padding:0 2%;}


#tieup_control_sp {display:block;}


#l_img_main img{
max-width:100% !important;
}



#leaf-column .leaf-article-inner .leaf_body_foot p{
text-align:left;
}



/*index*/


#content-navigation-block{display:none}


#content-top-block{
padding:10px 0;
}



/*index slider*/

#slider{display:none}
#mini_slider{display:block !important}

#mini_slider{
/*border-bottom:10px solid #e0e0e0;*/
background-color:#f0f0f0;
padding-bottom:10px;
}



/*leaf*/

#leaf-column #social_bkm_wrap_top{
padding:10px 0;
}

#leaf-column .leaf-social-inner .social-item{
margin:0 2%;
}




/*archive*/

a.nav-archive{
width:100%;
margin:20px auto;
text-align:center;
background-color:#f4f4f4;
padding:30px 0;
}


a.nav-archive::after{
top:70%;
left:50%;
}



/*marketers*/

#marketers_header .marketers_header_inner{
width:100%;
width:728px;
margin:0 auto;
}

#marketers_header .sub_logo{
display:none;
}

#marketers_header #leaderboard-top{
text-align:center;
}

.content-sp-inner .sp-relation{
margin:2% 0 !important;
padding:2% !important;
}


.content-sp-inner .sp-relation li{
margin-bottom:2% !important;
}



/*blog*/


.leaf-blog-inner{
margin:0 2%;
}

#blogger_profile .author_img{
display:block;
text-align:center;
margin:0 auto;
}

#blogger_profile h4{
text-align:center;
}

#blogger_profile > div{
margin:0 2%;
}

/*panel*/

.paneler-block{
margin:0 auto 15px !important;
}

.panel_top_list li{
padding:15px 0;
}





/*cnet どっち 960*/


.list-docchi-top{
display:block;
margin:0 auto !important;
text-align:center;
width:70%;
}

.list-docchi-top li{
display:block;
margin:0 0 0 10%;
text-align:center;
overflow:hidden;
}


.docchi_q{
font-size:140%;
}



h4.docchi_a{
margin:0 auto !important;
text-align:center;
}



.docchi_yellow .img_area, .docchi_blue .img_area{
background:none;
/*width:184px;*/
margin:25px auto 0;
text-align:center;
display:block;
max-width:100%;
}



.yellow_win .docchi_a{
margin-left:20% !important;
margin-bottom:20px !important;
}

.blue_win .docchi_a{
margin-right:20% !important;
margin-bottom:20px !important;
}


.yellow_win p, .blue_win p{
/*width:50%;*/
margin:0 auto;
}

.yellow_win .docchi_center > div,
.blue_win .docchi_center > div,
.even .docchi_center > div{
width:60%;
margin:0 auto;
overflow:hidden;
}


.yellow_win, .blue_win{
width:100% !important;
}

.docchi_yellow, .docchi_blue{
width:25%;
}



.btn-vote .btn{
/*width:98%;*/
margin:2%;
padding:4% 0 !important;
}


.btn-yellow{
float:left;
}

.btn-blue{
float:right;
}

.yellow_qtext,.blue_qtext{
display:none;
}

.comment .yellow p{
float:right;
margin:0;
}

.comment .blue p{
float:left;
margin:0;
}


.docchi_yellow .people1,
.docchi_yellow .people2,
.docchi_yellow .people3,
.docchi_yellow .people4,
.docchi_yellow .people5,
.docchi_yellow .people6,
.docchi_yellow .people7,
.docchi_yellow .people8,
.docchi_yellow .people9,
.docchi_yellow .people10,
.docchi_blue .people1,
.docchi_blue .people2,
.docchi_blue .people3,
.docchi_blue .people4,
.docchi_blue .people5,
.docchi_blue .people6,
.docchi_blue .people7,
.docchi_blue .people8,
.docchi_blue .people9,
.docchi_blue .people10 {
display:none;
}




/*どっち 投稿*/
.container{
width:98%;
margin:0 auto;
}

.sns_link a{
width:100%;
margin:0 auto;
}

.sns_link img{
float: none;
text-align: center;
display: block;
margin: 0 auto;
}

.span3 h5{
width:100%;
text-align:left;
}




/*digital*/

.content-digital-inner img{
float:none;
text-align:center;
margin:3% auto;
display:block;
}


.content-digital-inner p, .content-digital-inner dl{
margin-left:0;
}

.content-digital-inner .prod_name{
line-height:1.4;
}


.case-box{
width:40%;
margin:0 5px 10px !important;
}




/*stream*/

.header_stream .left_area{
float:none;
width:100%;
overflow:hidden;
}

.header_stream .left_area a{
display:block;
margin:10px auto;
}

.header_stream .tumnb{
margin:10px auto;
}

.header_stream .tumnb a{
float:none;
}

.header_stream .link_fb, 
.header_stream .link_twitter{
width:100%;
padding:2%;
clear:both;
}

#shareBarHolder{
width:100%;
}  


.video-container {
    position: relative;
    padding-bottom: 56.25%;  /* ビデオの画面が16:9 */
    padding-top: 30px;    
    height: 0; 
    overflow: hidden;  
}
.video-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}
ul.tieup-inner{
    margin:0 2%;
}
ul.tieup-inner li{
    width: 49%;
    margin-right: 1%;
    float:left;
}
ul.tieup-inner li b a{
  font-size:14px;    
}

ul.tieup-inner li p{
  font-size:12px;
  padding-left:0;    
}

ul.tieup-inner  li:nth-child(even) {
    margin: 0 0 21px 0;
}



/*cnet id member etc*/


.cnet_id_guide .nav_point img{
max-width:40%;
}

.block_nlinfo{
background-size:contain;
}


.block_nlinfo .regist .inner .button_wrap{
width:100%;
}

.block_nlinfo .login_button a,
.block_nlinfo .regist_button a{
float:none;
margin:10px auto;
display:block;
}

.block_nlinfo .header h1{
width:100%;
    height:87px;
    float: none;
background: url(/media/c/2012/images/bg/icon_nl.png) no-repeat center center;
background-size:contain;
margin:10px auto;
}

.block_nlinfo .header h2 {
width:100%;
    height:87px;
    float: none;
background: url(/media/2007/info/newsletter/cnet_nl_headline.gif) no-repeat center center;
background-size:contain;
margin:10px auto;
}

.block_nlinfo .other_nl .arrow{
width:100%;
background-size:contain;
margin:10px auto;
}

.block_nlinfo .other_nl a.zdnet{
width:100%;
background-size:contain;
margin:10px auto;
}


.feed_main ul.feed_list li{
float:none;
width:95%;
}



/*登録*/

.sitemap_page_wrap .resister_flow li{
float:none;
width:95%;
}

.btn-id-regist{
width:90%;
padding:5% 3%;
}


/*マイページ　どっち*/

#mypage_top .list_docchi h3 a{
clear:both;
display:block;
}



/*ログイン*/


.member fieldset{
padding:20px 5px;
}

.id-login-left, .id-login-right{
width:95%;
margin:0 auto;
text-align:center;
float:none;
}


/*マイページ*/


@media screen and (max-width: 790px) {/*微調整*/

.sub_nav {
  /*height: 75px;*/
  height: 200px;
}

}

@media screen and (max-width: 380px) {/*微調整*/

.sub_nav {
  /*height: 75px;*/
  height: 300px;
}

}


.box_service{
width:30%;
}


.box_service img{
text-align:center;
display:block;
margin:10px auto;
}

}

@media screen and (max-width: 640px) {/*微調整*/
.box_service{
width:95%;
}

.box_service h3, 
.box_service p{
text-align:center;
}




}


/* -----------------------------------------------------------------------
 responsive 768px
--------------------------------------------------------------------------*/

/*cnet どっち 768px*/

@media screen and (min-width: 480px) and (max-width: 768px) {

.list-docchi-top{
width:85%;
margin:0 auto !important;
}

.docchi_center{
width:100%;
margin:0 auto;
float:none;
}

.docchi_yellow, .docchi_blue{
width:30%;
position:relative;
margin:15px;
}

.docchi_yellow{
margin-top:293px;
margin-left:5%
}

.docchi_blue{
margin-left:18%;
}

.even .docchi_yellow, .novote .docchi_yellow{
margin-top:212px;
}


.yellow_win .docchi_center .yellow{
left:55px;
}

.yellow_win .docchi_center .blue{
left:170px;
}


.blue_win .docchi_center .yellow{
left:50px;
}

.blue_win .docchi_center .blue{
left:130px;
}

}


@media screen and (min-width: 480px) and (max-width: 640px) {


.docchi_yellow{
margin-top:50%;
margin-left:5%
}

}
    
    


/* -----------------------------------------------------------------------
 responsive 480px
--------------------------------------------------------------------------*/


@media screen and (max-width: 480px) {
 
    
/* header  ----------------------------------------------------------------*/

    #header-wrap-resp{
        height:40px;
    }   
    
    #header-wrap-resp .header-logo-resp img{
        max-width:30%;
    }

    #header-wrap-resp .header-nav-id{
        width:20%;
        height:40px;
    }
    
    #header-wrap-resp .header-nav-search{
        width:20%;
        height:40px;
    }

    #header-wrap-resp .header-nav-id span{
        display:block;
        height:40px;
        background:url(/media/c/2012/images/responsive/spritesheet_resp.png) center -380px;
    }

    #header-wrap-resp .header-nav-search span{
        display:block;
        height:40px;
        background:url(/media/c/2012/images/responsive/spritesheet_resp.png) center -420px;
    }
    
    #header-wrap-resp .header-nav-id span a, #header-wrap-resp .header-nav-search span a{
        top:22px;
        font-size:80%;
}

#header-wrap-resp .header-nav-id .menu-id, #header-wrap-resp .header-nav-search .search-box-resp{
top:40px;
}
    


/* navigation  ----------------------------------------------------------------*/

    #nav-wrap-resp{
        height:40px;
}

    #nav-wrap-resp .nav-content{
        padding:0;
}

   #nav-wrap-resp .nav-content li span{
        height:40px;
    }

    #nav-wrap-resp .nav-content li span a{
        top:22px;
       font-size:85%;
    }

    #nav-wrap-resp .nav-content li.nav-menu span{
        background-position:center -460px;
    }
    #nav-wrap-resp .nav-content li.nav-category span{
        background-position:center -500px;
    }
    #nav-wrap-resp .nav-content li.nav-marketers span{
        background-position:center -540px;
    }
    #nav-wrap-resp .nav-content li.nav-share span{
        background-position:center -580px;
    }


.search-box-resp .hcd_btn_scope{
top:30%
}

#nav-wrap-resp .menu-primary li a,
#nav-wrap-resp .menu-category li a,
#nav-wrap-resp .menu-share li a{
    font-size:110% !important;
}




/* contents ----------------------------------------------------------------*/



#pagination li{
width:7.5%;
font-size:100%;
}


.content-category-inner{
margin:0;
}




/*leaf*/


#leaf-column .leaf-headline-ttl{
padding:10px;
}

#leaf-column .leaf-headline-thumb{
width:100px;
height:56px;
margin:15px 10px 0 10px;
}

#leaf-column .leaf-icon-tags{
padding:3px;
}


#leaf-column .leaf-social-inner{
display:block;
}


.leaf-social-inner #social_bkm_wrap_top,
.leaf-social-inner .social-item{
/*width:100%;*/
width:auto;
}

#leaf-column .leaf-social-inner ul{
/*width:100%;*/
width:96%;
overflow:hidden;
}

#leaf-column #social_bkm_wrap_top{
height:auto !important;
}

#leaf-column .leaf-social-inner .social-item{
margin:2% 2% 0;
}
    #leaf-column .leaf-social-inner .social-item-bottom{
        margin:2% 2% 0;
        justify-content:flex-end;
    }


#leaf-column .leaf-social-inner .social-item li{
/*padding:4px 10px 4px 5px;*/
padding:2px 4px;
}



#leaf-column .leaf-article-inner .left,
#leaf-column .leaf-article-inner .right{
text-align:center;
float:none;
width:100%;
margin:0 auto;
display:block;
}

.profile10 .authorarea {background-size: auto !important;}

.leaf_style .ad_large > div{
  min-height:50px;
}

.ad_text_top a:before, .ad_text_bottom a:before{/*pr*/
//border-right:none;
text-align:center;
//display:block;
}

.ad_text_top, .ad_text_bottom{
border-bottom:1px solid #fff;
}



#slideShowThumbNav{/*フォトレポ*/
display:none;
}

#slideShowMain .galleryImage a.mediaPrev, #slideShowMain .galleryImage a.mediaNext{
margin-top:0;
}



#layout3media{/*サムネイル*/
width:98%;
margin:0 auto;
}

#layoutmedia_wrap ul#layoutmedia li {
float: none;
text-align:center;
margin:0 auto;
width:100%;
}

#layoutmedia_wrap ul#layoutmedia li a.media_l{
width:150px;
margin:0 auto;
}


ul.tieup-inner li{
    width: 100%;
    float:none;
}
ul.tieup-inner  li:nth-child(even) {
    margin: 0;
}



/*marketers*/

#marketers_header{
width:100%;
}

#marketers_header .marketers_header_inner{
width:100%;
margin:0 auto;
}

#marketers_header .sub_logo{
text-align:center;
margin:0 auto;
float:none;

}

#marketers_header #leaderboard-top{
display:none;
}



/*sp*/


.content-sp-inner img{
max-width:30%;
margin-top:1%;
}




/*tag*/

.tag_list{
margin:0 !important;
}

.tag_list li{
width:40%;
}


/*blog*/

.content-inner .box-blogger li{
float:none;
width:100%;
padding:0 2%;
}


.leaf-blog-inner embed{
width:100% !important;
}

/*panel*/

.paneler-box img{
float:none;
margin:0 auto;
text-align:center;
display:block;
}


.panel_question .more a{
float:none;
display:block;
width:90%;
margin:0 auto;
text-align:center;
background-color:#d0d0d0;
}

.paneler-block{
margin:0 !important;
}



/*cnet どっち 480*/


.list-docchi-top{
text-align:center;
display:block;
margin:0 0 0 7% !important;
width:93%;
}


.list-docchi-top li{
margin:0 auto 15px;
text-align:center;
width:100%;
}


.list-docchi-top .item-docchi{
/*float:none;*/
overflow:hidden;
float:left;
width:35%;
}

.list-docchi-top .versus{
text-align:center;
/*padding-top:10%;*/
}



.list-docchi li {
    padding: 2% 5%;
}


.list-docchi h3{
display:inline-block;
padding-left:0;
}

.list-docchi p{
padding-left:0;
}

.list-docchi-top .pic_184{
float:left;
}

.list-docchi-top .versus{
margin:15px;
}


.docchi_q{
padding:4% 2.5%;
}

.docchi_a{
font-size:180%;
}


/*.yellow_win .docchi_a, .blue_win .docchi_a, .yellow_win p, .blue_win p{
width:100%;
width:auto;
}*/



.yellow_win .docchi_center > div,
.blue_win .docchi_center > div,
.even .docchi_center > div{
width:98%;
margin:0 auto;
}


.docchi_center{
width:100%;
margin:0 auto;
float:none;
}

.docchi_yellow, .docchi_blue{
width:40%;
position:relative;
}

.docchi_yellow{
margin-top:263px;
margin-left:2%;
}

.docchi_blue{
margin-left:8%;
}

.even .docchi_yellow, .novote .docchi_yellow{
margin-top:180px;
}

.yellow_win .docchi_center .yellow{
left:55px;
}

.yellow_win .docchi_center .blue{
left:170px;
}


.blue_win .docchi_center .yellow{
left:50px;
}

.blue_win .docchi_center .blue{
left:130px;
}



.btn-vote .btn{
width:45%;
padding:10% 0 !important;
}

.account_area{
position:static !important;
margin-bottom:10px !important;
}

.account_area li{
float:right;
margin-top:15px;
margin-right:10px;
}


.row-fluid .span3 .sns_link{
float:none;
width:100% !important;
margin:0 0 3% 25%;
}



/*digital*/

.product-box{
text-align:center;
}

@media screen and (max-width: 320px) {/*微調整*/
.case-box{
width:90%;
}
}


/*app review*/

.app_info_temp .download_btn,
.app_info_area .download_btn{
position:static;
/*float:none;*/
width:100%;
margin:15px auto 0;
text-align:center;
}



/*cnet id member etc*/

h2.t_category{
font-size:120%;
}

.cnet_id_guide .nav_point{
flex-direction:column;
}

.cnet_id_guide .nav_point li{
border-bottom:1px dotted #ccc;
padding:7px 0;
}

.cnet_id_guide .nav_point li:last-child{
border-bottom:none;
}

.cnet_id_guide .nav_point li a{
text-align:center;
margin:0 auto;
}

.cnet_id_guide .nav_point img{
display:none;
}


#mypage_top,
#mypage_sub{
margin-bottom:25px;
}


#profile_form .form_table th,
#profile_form .form_table td,
#profile_form .table_mail th,
#profile_form .table_mail td{
display:block;
}

#profile_form .form_table th,
#profile_form .table_mail th{
width:95%;
font-size:120%;
}

#mypage_top .form_table select{
width:80%;
}
#profile_form form input,
#profile_form input,
#profile_form select{
width:90%;
}


.resign_info textarea{
width:100%;
}




/*sitemap*/


.sitemap_page_wrap .sitemap_page_left,
.sitemap_page_wrap .sitemap_page_middle,
.sitemap_page_wrap .sitemap_page_right {
float: none;
width:96%;
padding:0 2%;
}

.sitemap_page_wrap dl.contact dt{
width:90%;
}

/*company*/

.leaf_ttl_link{
padding:3%;
font-size:120%;
line-height:1.8;
}


/* leaf-photo */


#leaf-column .leaf-item-inner .leaf_layout_3box .photo_box{
width:95%;
float:none;
overflow:hidden;
margin:0 0 10px;
font-size:110%;
}
    
#leaf-column .leaf-item-inner .leaf_layout_3box img{
max-width:30%;
float:left;
margin-right:15px;
}


/* 2018.11 sp renew -----------------------------------------------------------*/
#mini_slider{
    background-color: #FFFFFF;
}


.content-ttl{
padding:3%;
text-align: center;
}

.content-article-inner{
padding:0 3%;
text-align:center;
}

.content-article-inner div:last-child{
margin-bottom:0;
}

.content-article-inner .content-article-full,
.content-article-inner .sp_full,{
position:relative;
overflow:hidden;
}

.content-article-inner .content-article-center{
width:100%;
}

.content-article-inner .sp_full .content-article-img a:after{
content: "";
position: absolute;
top: 0;
left: 0;
background: -webkit-linear-gradient(top, rgba(0,0,0,0.0) 40%, rgba(0,0,0,0.9) 100%);
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.0) 40%), to(rgba(0,0,0,0.9) 100%));
background: linear-gradient(rgba(0,0,0,0.0) 40%, rgba(0,0,0,0.9) 100%);
width: 100%;
height: 98%;
display:block;
}



.content-article-inner .sp_full,
.content-article-inner .sp_mini_list{
padding:15px 0 10px;
border-bottom:1px solid #ccc;
}


.content-article-inner .sp_full .content-article-text .text-main a{
position:absolute;
bottom:40px;
color:#fff;
}


.content-article-inner .sp_full > .content-article-text > span{
    margin-top: 0 !important;
}





.content-article-inner .sp_mini_list .content-article-img{
    width:35%;
    float:left;
    margin-right:10px;
}

.content-article-inner .sp_full .content-article-img img,
.content-article-inner .sp_mini_list .content-article-img img{
    margin-top:0;
}

.content-article-inner  .sp_mini_list .content-article-img{
    z-index:2;
}

.content-article-inner .sp_mini_list .content-article-text .text-main{
    font-size:14px;
}


.content-article-inner .sp_mini_list .content-article-text .text-main a{
position:static !important;
color:inherit;
}


.content-article-more{
margin:10px auto 0;
width:95%;
}


.content-article-text span.date,
.sp_mini_list .content-article-text span.date{
margin-top:10px;
}

.content-article-pr{
background-color: #f0f0f0;
margin:15px auto 0;
padding-bottom:10px;
}

.content-article-full .content-article-text span.pr,
.content-article-center .content-article-text span.pr,
.content-article-left .content-article-text span.pr,
.content-article-right .content-article-text span.pr{
color:#aa1801;
text-align:left !important;
font-weight:normal;
}






/*leaf*/

#leaf-column .breadcrumbs-block{
padding:0 15px;
}

/*
#leaf-column .leaf-headline-block{
padding:0 15px;
}
*/

#leaf-column .leaf-head-wrap{
padding:0 15px;
}

#leaf-column .leaf-headline-ttl{
font-size:160%;
padding:0;
}


#leaf-column .leaf-headline-thumb{
display:none;
}


#leaf-column .leaf-headline-thumb-sp{
display:block;
}


#leaf-column .leaf-article-inner{
padding:0 3% 20px;
}





}