@charset "utf-8";

/*====================
編集部のつぶやき
====================*/
#main{position:relative; padding-bottom:0px; margin-bottom:0px;}
#editors-twitter{
    width:90%;
    position:absolute; bottom:0;
    overflow:hidden;
}
#editors-twitterin{
    padding:10px 10px 8px; margin-left:49px; background-color:#E0EEF5;
    -webkit-border-radius:3px; -moz-border-radius:3px;
    line-height:1.1em;
    overflow:hidden; position:relative;
}
#editors-twitterin ul{width:999999px;}
#editors-twitterin li{position:relative; margin:0 10px; overflow:hidden;}
#editors-twitterin li span{display:block; float:left; margin-right:30px; white-space:nowrap;}

/*====================
contents layout setting
====================*/
/*Tips*/
#tips h2{background-color:#4797d2;}
#tips figure{float:left; margin-right:10px;}

/*blog*/
#blog h2{background-color:#bb5ba2;}
#blog figure{float:left; margin-right:10px;}
#blog time{padding-left:25px; padding-bottom:2px; vertical-align:middle;}

/*スーパー読者ブログ*/
#sudoku h2{background-color:#fd6a6a;}
#sudoku h3{font-weight:normal; padding:10px 10px 8px 10px; margin-bottom:10px; background-color:#fff; border:1px solid #e4e4e4;}
#sudoku figure{float:left; margin-right:10px;}
#sudoku time{padding-left:25px; padding-bottom:2px; vertical-align:middle;}

/*present*/
#present h2{background-color:#8e8e8e;}
#present .entry-block{width:100%; padding:0 0 15px;}
#present .entry-block a{padding:0 10px;}
#present .entry-block time{
    display:inline-block; /display: inline; /zoom: 1; vertical-align:middle;
    margin-right:10px; padding-left:25px; padding-top:2px; padding-bottom:1px;
}
#present .entry-block p{display:inline-block; /display: inline; /zoom: 1; vertical-align:middle;}

/*information*/
#information h2{background-color:#464646;}
#information .entry-block{width:100%; padding:0 0 15px;}
#information .entry-block a{padding:0 10px;}
#information .entry-block time{
    display:inline-block; /display: inline; /zoom: 1; vertical-align:middle;
    margin-right:10px; padding-left:25px; padding-top:2px; padding-bottom:1px;
}
#information .entry-block p{display:inline-block; /display: inline; /zoom: 1; vertical-align:middle;}

.pl0 {margin-left: 0; overflow: hidden; display: block;}

/*newface*/
.pickup{
  padding:0; margin-bottom:0px;
  border:none;
  text-align:center;
  position:relative;
}
.pickup h3{background:#333; color:#FFF; font-weight: normal;margin-bottom: 0px;margin-top: 15px;padding: 13px 0 13px 20px;}
.pickup-recipe { background:none; }
div.newface{
    clear:both;
    display:block;
    overflow:hidden;
    border-bottom: 1px dotted #666;
    padding: 0;
}
div.newface div.profile{
    text-align:left;
}
div.newface div.profile div.comment{
    padding: 3px 8px 0 8px;
}
div.newface figure{
        float:left;
        width:30%;
        display:block;
        overflow:hidden;
        height: auto;
}
li.shukkinicon {
    color: #FFF;
    text-align: center;
    background: #F39;
    padding: 2px 0;
    margin-bottom: 3px;
}
li.make_icon {
    margin-top: 8px;
}
.make_icon span {
    background: #333;
    color: #FFF;
    padding: 2px 4px;
}
div#shukkin_list table tr td {
    border-right: 1px solid #CCCCCC;
    text-align: center;
    vertical-align: middle;
    font-size: 11px;
}
div#shukkin_list {
    border-left: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
}
div#shukkin_list table tr th {
    border-bottom: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    text-align: center;
    vertical-align: middle;
    font-size: 10px;
}
div#shukkin_list table tr th.topbox{
    word-break: break-all;
    width: 60px;
}
div#shukkin_list table tr th.week {
    background: none repeat scroll 0 0 #EEE8AA;
}
nav#sidenav {
    display: none;
}
div#shukkin_list table tr td div.holiday {
    background: none repeat scroll 0 0 #DDDDDD;
    display: block;
    height: 82px;
}
div.shukkin_container {
    border-bottom: 1px solid #CCCCCC;
    margin-top: 20px;
}
div#shukkin_list table tr td img{
    width: 65px;
}
div.time {
    padding-bottom: 5px;
    padding-left: 5px;
}
.entry-block {
    padding: 0;
}

p.blog_body {
    border: 1px solid #CCCCCC;
    background: #FFF;
    padding: 5px;
    margin-top: 5px;
    margin-left: 85px;
    font-size: 12px;
}
td.shukkin_img {
    width: 60px;
}
div.system {
    width: 90%;
    margin: 0 auto;
}

/*PC用*/
@media only screen and (min-width:768px){

    /*entry layout*/
    .entry-block{width:100%;}
    
    /*編集部のつぶやき*/
    #main{padding-bottom:0; margin-bottom:0;}
    
    /*newface*/
    .pickup{
     margin-bottom:10px;
    border:1px solid #e3e3e3; background-color:#fff;
     text-align:left;
     position:relative;
    }
    .pickup h3{background:#333; color:#FFF;font-weight:normal;margin-bottom: 10px;margin-top: 0px;}
    .pickup-recipe { background:none; }
    div.newface div.profile{
    text-align:center;
    }
    div.newface figure{
        text-align:center;
        float:none;
        width:100%;
        overflow: hidden;
    }
    div.newface{
    clear:both;
    display:block;
    overflow:hidden;
    border-bottom: 1px dotted #666;
    padding: 10px 0;
    }
    div#shukkin_list table tr th {
    border-bottom: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    text-align: center;
    vertical-align: middle;
    font-size: 12px;
    }
    nav#sidenav {
        display: block;
    }
    div#shukkin_list table tr td img{
    width: 80px;
    }
    div#shukkin_list table tr td div.holiday {
    background: none repeat scroll 0 0 #DDDDDD;
    display: block;
    height: 110px;
    }
    div#shukkin_list table tr td {
    border-right: 1px solid #CCCCCC;
    text-align: center;
    vertical-align: middle;
    font-size: 12px;
    }
    td.spnone,th.spnone {
    display: table-cell;
    }
    div#shukkin_list table tr th.topbox{
    word-break: break-all;
    width: 90px;
    }
    td.shukkin_img {
    width: 90px;
    }
    
}