/*====================
layout
====================*/
#sidenav{
    display:none;
}

/*====================
gallery setting
====================*/
.flex-container a:active,
.flexslider a:active {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

.flexslider{width: 100%; margin: 0; padding: 0;}
.flexslider .slides > li {display: none;}
.flexslider .slides img {display: block;}
.flex-pauseplay span {text-transform: capitalize;}

.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

.no-js .slides > li:first-child {display: block;}

.flexslider {background-color:#f1f1f1; position: relative; zoom: 1;}
.flexsliderIn{padding:0 0 20px;}
.flexslider .slides {zoom: 1;}
.flexslider .slides > li {position: relative;}
.flex-container {zoom: 1; position: relative;}

.flex-direction-nav{display:none;}

.flex-control-nav {width: 100%; position: absolute; bottom:0; text-align: center;}
.flex-control-nav li {margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-nav li:first-child {margin: 0;}
.flex-control-nav li a{width:10px; height:10px; display: block; background-color:#fff; border:1px solid #c4c4c4; cursor: pointer; text-indent: -9999px;}
.flex-control-nav li a:hover,
.flex-control-nav li a.active{background-color:#000; cursor: default;}

/*====================
編集部のつぶやき
====================*/
#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*/
/* blog */
.blog .blogBlock{
    overflow:hidden;
/*  position:relative;*/
    margin-bottom:10px; 
    width:100%;
}
.blog figure{
    float:left;
    width:100px;
    padding-right:10px;
/*  position:absolute;*/
    height:100px;
    overflow:hidden;
}

 .blogBox {
    overflow:hidden;
    padding-bottom:10px;
    margin-bottom:10px;
    border-bottom:1px solid #E4E4E4;
/*  position:relative;*/
    width:100%;
}
.blog .entry-blockin{
    margin-left:110px;
    min-height:100px;
/*  float:right;
    width:70%;*/
}

.eventBox h4{
    margin-bottom:10px;
}

/*
.eventBox h4 .shopName{
    background-color:#AA0000;
    color:#fff;
    margin-left:0.5em;
    padding:1px 5px;
    display:inline-block;
}
*/

.allgirlBlock{
    overflow:hidden;
}
/*.girlBox:nth-of-type(4n+1){
    clear:both;
}*/

.girldetail .girldetailTittlepc{
    display:none;
}
.girldetail .girldetailTittlesp{
    display:block;
}
.girldetailTittlesp h2{
    padding-top:5px;
    padding-bottom:5px;
}
.girldetail .shopName{
    background-color:#666;
    color:#fff;
    margin-right:0.5em;
    padding:1px 5px;
}

.girlBox{
/*  width:23%;
    padding:0 1% 10px;*/
    margin-bottom:10px;
    float:left;
}
.girlBox li.profile {
    display:block;
}
.archiveHidden{
    height:280px;
    overflow:hidden;
}
.eventlist{
/*  border-bottom:1px solid #E4E4E4;*/
    margin-bottom: 10px;
}
.event .eventlist .icon_shopname{
    background: #aa0000;
    color: #FFF;
    padding: 1px 2px;
    font-weight:normal;
    display:inline-block;
    margin-left:1em;
}

.blog .blogBox .icon_shopname{
    background: #aa0000;
    color: #FFF;
    padding: 1px 2px;
    font-weight:normal;
    display:inline-block;
    margin-top:5px;
}


/*News*/
.pickup-news{
    width:100px;
    border-bottom:0;
    padding:0 0 0px 0;
    float:left;
    height:100px;
    overflow:hidden;
    margin-right:10px;
}

.newsdetail .body{
    width:100%;
    margin-top:10px;
}
.newsdetail .entry-block{
    margin-bottom:10px;
}

#pickup-news{
}
#pickup-news figure{
    margin-bottom:10px;
    text-align:center;
}

#archive-news{
}
.pickup-news figure{width:100%; margin:0 auto 10px;}


.news .entry-block .icon_shopname{
    background: #aa0000;
    color: #FFF;
    padding: 1px 2px;
    font-weight:normal;
    display:inline-block;
    margin-left:1em;
    margin-top:10px;
}
.news .entry-block h4 .icon_shopname{
    display:none;
}
.newsInner{
    margin-bottom:10px;
    width:100%;
}
.news .entry-block{
    overflow:hidden;
}
.news .clear{
    border-bottom:1px solid #E4E4E4;
    margin-bottom:10px;
    padding-bottom:10px;
}
.news .view_more{
    display:none;
}
.news .newsReadText .view_more{
    display:inline;
    margin-left:1em;
}
.newsReadText .shopNameText{
    font-weight:bold;
}

.newsInner .nav-category-list{
    margin-top:10px;
}




.event .entry-block .icon_shopname{
    background: #aa0000;
    color: #FFF;
    padding: 1px 2px;
    font-weight:normal;
    display:inline-block;
    margin-left:1em;
    margin-top:10px;
}
.event .entry-block h4 .icon_shopname{
    display:none;
}
.eventBox{
    margin-bottom:10px;
    width:100%;
}
.eventBox:nth-of-type(n+2){
    border-top:1px solid #E4E4E4;
    margin-top:10px;
    padding-top:10px;
}
#shopselect{
    margin-bottom:10px;
    padding-bottom:10px;
    border-bottom:1px solid #E4E4E4;
}

.event .entry-block{
    overflow:hidden;
}
.event .clear{
    border-bottom:1px solid #E4E4E4;
    margin-bottom:10px;
    padding-bottom:10px;
}
.event .view_more{
    display:none;
}
.event .eventReadText .view_more{
    display:inline;
    margin-left:1em;
}
.eventReadText .shopNameText{
    font-weight:bold;
}

.eventBox .nav-category-list{
    margin-top:10px;
}

/*blog*/
#blog h2{background-color:#bb5ba2;}
#blog h3{font-weight:normal; padding:10px 10px 8px 10px; margin-bottom:10px; background-color:#fff; border:1px solid #e4e4e4;}
#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;}

/*recommend*/
#recommend h2{background:#333; color:#FFF;}
#recommend h3{background:#333; color:#FFF;}
#recommend .clear{margin-left:10px;}
#recommend .recommend-block{width:23%; min-height:200px; float:left; margin:0 1% 20px 1%; font-size:12px;}
#recommend figure{text-align:center; margin-bottom:5px;}
#recommend figcaption{margin-top:10px; text-align:left; color:#666;}
#recommend .shukkin_list .text {padding:0 5px 10px 5px;}
#recommend .recommend-block ul{display: block; overflow: hidden; height: 90px;}
.pl0 {margin-left: 0; overflow: hidden; display: block;}

/*newface*/
.pickup-block{padding:0; margin: 0 1%; overflow:hidden; float: left; width: 32%;}
.pickup{
  padding:0; margin-bottom:0px;
  border:none;
  text-align:center;
  position:relative;
}
.pickup h3{text-align:left;background: #333333;color: #FFFFFF;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: 120px;
}
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;
}
.scheduleBox .icon_shopname{
    background: #aa0000;
    color: #FFF;
    padding: 1px 2px;
    font-weight:normal;
    display:inline-block;
    font-size:10px;
}
.scheduleBox .topbox{
    padding: 0px 0px 4px;
}
.scheduleBox table tr td {
    border-right: 1px solid #CCCCCC;
    text-align: center;
    vertical-align: middle;
    font-size: 11px;
}
.scheduleBox {
    border-left: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
}
.scheduleBox table tr th {
    border-bottom: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    text-align: center;
    vertical-align: middle;
    font-size: 10px;
}
.scheduleBox table tr th.topbox{
    word-break: break-all;
    width: 90px;
}
.scheduleBox table tr th.week {
    background: none repeat scroll 0 0 #EEE8AA;
}
.scheduleBox table tr td div.holiday {
    background: none repeat scroll 0 0 #DDDDDD;
    display: block;
    height: 82px;
}
div.shukkin_list {
    border-bottom: 1px solid #CCCCCC;
    margin-top: 20px;
}
.scheduleBox table tr td img{
    width: 65px;
}
div.time {
    padding-bottom: 5px;
    padding-left: 5px;
}
.entry-block {
    padding: 0;
}
.event-entry-block {
    width: 100%;
}
p.blog_body {
/*    border: 1px solid #CCCCCC;
    background: #FFF;*/
    padding: 5px;
    margin-top: 5px;
    font-size: 12px;
}
/*td.spnone,th.spnone {
    display: none;
}*/
td.shukkin_img {
    width: 60px;
}
div.systemBlock {
    width: 90%;
    margin: 0 auto;
}
/*PC用*/
@media only screen and (min-width:768px){
/*contents setting*/
/*#contents{
    overflow:hidden;
}*/
#container{
    max-width:1220px;
    margin:0 auto;
    padding:0;
}
#main{
    width:100%;
    margin-left:-210px;
}
#main .mainContents{
    width:100%;
    float:left;
}
#main .mainContents .mainContentsInner{
    margin-left:210px;
}
#sidenav{
    width:200px;
    float:left;
    margin-right:10px;
}


.blogBox{
/*  margin:0 1% 10px;
    width:48%;*/
    margin-bottom:10px;
    float:left;
}
/*.blogBox:nth-of-type(2n+1){
    clear:both;
}*/
.girldetail .girldetailTittlepc{
    display:block;
}
.girldetail .girldetailTittlesp{
    display:none;
}
.girldetail.girldetailTittlepc .shopName{
    margin-left:1em;
}

#pickup-news{
    width:27%;
}
#pickup-news figure{
    margin-bottom:10px;
    text-align:center;
}

#archive-news{
    width:70%;
}

    /*gallery slider*/
    .flexsliderIn{padding:0 0 30px;}
    .flex-control-nav{bottom:5px;}
        
    /*entry layout*/
    .entry-block{width:100%;}
    
    /*編集部のつぶやき*/
    #main{padding-bottom:0; margin-bottom:0;}
    
    /*recommend*/
    #recommend .recommend-block{width:20%; float:left; margin:0 10px; display: block; overflow: hidden;}
    #recommend .recommend-block.last-child{margin-right:0; padding-right:0; border-right:0;}
    #recommend .clear{margin-left:0;}
    
    /*newface*/
    .pickup-block{padding:0; margin: 0 1% 5px 1%; overflow:hidden; width: 31%; display: block;}
    .pickup{
     margin-bottom:10px;
    border:4px solid #e3e3e3; background-color:#fff;
     text-align:center;
     position:relative;
    }
    .pickup-recipe{background:url(../img/header-pickup-recipe.png) no-repeat 0 0;}
    .pickup h3{text-align:center; padding-top:25px; padding-bottom:8px; font-weight:normal;background: none;color: #000000;margin-bottom: 0px;margin-top: 0px;padding: 25px 0 8px 8px;}
    div.newface div.profile{
    text-align:center;
    }
    div.newface figure{
        float:none;
        width:100%;
        height: 255px;
        overflow: hidden;
    }
    #recommend .recommend-block ul{display: block; overflow: hidden; height: 70px;}
    div.newface{
    clear:both;
    display:block;
    overflow:hidden;
    border-bottom: 1px dotted #666;
    padding: 10px 0;
    }
    .scheduleBox 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;
    }
    .scheduleBox table tr td img{
    width: 80px;
    }
    .scheduleBox table tr td div.holiday {
    background: none repeat scroll 0 0 #DDDDDD;
    display: block;
    height: 110px;
    }
    .scheduleBox table tr td {
    border-right: 1px solid #CCCCCC;
    text-align: center;
    vertical-align: middle;
    font-size: 12px;
    }
    td.spnone,th.spnone {
    display: table-cell;
    }
    .scheduleBox table tr th.topbox{
    word-break: break-all;
    width: 90px;
    }
    td.shukkin_img {
    width: 90px;
    }
    
    /*side navi*/
    #sidenav{}
}
