/*====================
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;margin-left:auto; margin-right:auto;}
.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; border:1px solid #e4e4e4; position: relative; zoom: 1;}
.flexsliderIn{padding:0 0 20px; background-color:#fff;}
.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;
    margin:10px 10px 0; background:url(../images/bg-title-twitter2.png) no-repeat 0 center;
    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
====================*/
/*Shopdata*/
section#shopdata .clear{ visibility: visible; height: auto; width: auto; }
#shopdata {
    display: block;
}
#shopdata h2{background-color:#FF6699; margin-bottom: 0;/*background-image:url(../images/bg-title-news.png);*/}
#sldr_03 {
    border: 1px solid #CCCCCC;
    box-shadow: 0 2px 4px #999999;
    margin: 10px auto;
    width: 92%;
}
#sldr_03 dd.shopdata_02 {
    background: none repeat scroll 0 0 #FFFFFF;
    display: block;
    font-size: 14px;
    height: auto;
    width: 100%;
}
ul.list-data li {
    border-bottom: 1px solid #CCCCCC;
}
.pad_5px {
    padding: 5px 0;
}
.box_100 {
    display: block;
    height: auto;
    width: 100%;
}
#sldr_03 dd.shopdata_02 .sd_title {
    color: #000000;
    display: block;
    float: left;
    height: auto;
    margin-bottom: 8px;
    width: 25%;
}
#sldr_03 dd.shopdata_02 .sd_title .sd_title_inner {
    background-color:#FF6699;
    color: #FFFFFF;
    display: block;
    height: auto;
    margin: 0 5px;
    padding: 2px 0;
    text-align: center;
    width: 60px;
}
#sldr_03 dd.shopdata_02 .sd_naiyou {
    color: #000000;
    display: block;
    float: left;
    height: auto;
    width: 73%;
}
#sldr_03 dd.shopdata_02 .sd_naiyou .sd_naiyou_inner {
    display: block;
    height: auto;
    margin: 0 5px;
    width: 100%;
}
/*Tips*/
#tips h2{background-color:#4797d2;/*background-image:url(../images/bg-title-tips.png);*/}
#tips figure{float:left; margin-right:10px;}

/*News*/

/*#news h2{background-color:#FF6699;*/ /*background-image:url(../images/bg-title-news.png);*/}
/*
#pickup-news{padding:0 10px 15px; margin-bottom:15px; border-bottom:1px solid #e4e4e4;}
#pickup-news figure{width:200px; margin:0 auto 10px;}
#archive-news{height:280px;overflow:hidden;}
*/

/*blog*/
#blog h2{background-color:#bb5ba2;/*background-image:url(../images/bg-title-blog.png);*/}
/*#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{background:url(../images/icn-arrow.png) no-repeat 0 0; padding-left:25px; padding-bottom:2px; vertical-align:middle;}*/

/*スーパー読者ブログ*/
#sudoku h2{background-color:#fd6a6a;/*background-image:url(../images/bg-title-blog.png);*/}
#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{background:url(../images/icn-arrow.png) no-repeat 0 0; padding-left:25px; padding-bottom:2px; vertical-align:middle;}

/*present*/
#present h2{background-color:#8e8e8e;/*background-image:url(../images/bg-title-info.png);*/}
#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;
    background:url(../images/icn-arrow.png) no-repeat 0 0;
    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;/*background-image:url(../images/bg-title-info.png);*/}
#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;
    background:url(../images/icn-arrow.png) no-repeat 0 0;
    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:#FF6699; color:#FFF;}
#recommend h3{background:#FF6699; color:#FFF;}
#recommend .clear{margin-left:10px;}
#recommend .recommend-block{width:23%; min-height:120px; float:left; margin:0 1% 5px 1%; font-size:12px;}
#recommend figure{text-align:center; margin-bottom:5px; margin-top: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: 36px;}
*/

/*newface*/
/*.pickup-block{padding:0; margin: 0 1% 5px 1%; overflow:hidden; float: left; width: 31%;}*/
.pickup{
  padding:0; margin-bottom:0px;
  border:none;
  text-align:center;
  position:relative;
}
.pickup h3{background:#FF6699; color:#FFF; font-weight: normal;margin-bottom: 0px;margin-top: 15px;padding: 13px 0 13px 20px;}
.pickup-recipe { background:none; }
/*.pickup h3{text-align:left;background: #333333;color: #FFFFFF;font-weight: normal;margin-bottom: 0px;margin-top: 15px;padding: 13px 0 13px 20px;}*/
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;
}
li.make_icon span {
    background:#d29a5e;
    color: #FFF;
    padding: 0px 2px 0px 2px;
}
li.profile {
    display: none;
    font-size: 11px;
}
li.make_icon {
        display: none;
}
/*PC用*/
@media only screen and (min-width:768px){
    /*gallery slider
    .flex-control-nav li a {width:18px; height:18px;}
    .flexsliderIn{padding:0 0 30px;}
    .flex-control-nav{bottom:5px;}
    */
        
    /*entry layout*/
    .entry-block{width:98%;}
    
    /*編集部のつぶやき*/
    #main{padding-bottom:0; margin-bottom:0;}
    #editors-twitter{width:98%;position:static;padding:10px 0;margin-top:15px; background:url(../images/bg-title-twitter.png) no-repeat 0 center;}
    #editors-twitterin{margin-left:134px; padding:16px 0;}
    
    /*news layout*/
    /*
    #pickup-news{width:31.25%; border-bottom:0; padding:0 10px 0px 0;}
    #pickup-news figure{width:100%; margin:0 auto 10px;}
    #archive-news{width:66.5%;}
    #archive-news .entry-block{width:100%;}
    */
    
    /*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;}
    #recommend .recommend-block ul{display: block; overflow: hidden; height: 77px;}
    */
    
    /*newface*/
    /*.pickup-block{padding:0; margin: 0 1% 5px 1%; overflow:hidden; width: 31%; display: block;}*/
    .pickup{
     margin-bottom:10px;
    border:1px solid #CCC; background-color:#fff;
     text-align:left;
     position:relative;
    }
    .pickup h3{background:#FF6699; color:#FFF;font-weight:normal;margin-bottom: 10px;margin-top: 0px;}
    .pickup-recipe { background:none; }
/*    .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{
        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;
    }
    #shopdata {
    display: none;
    }
    li.profile {
    display: block;
    }
    li.make_icon {
        display: block;
    }
    
    /*side navi*/
    #sidenav{}
}

/* -----↓sugunaviBox----- */

/* PC表示 */
@media only screen and (min-width:768px){
    .sugunaviSP {
        display: none;
    }
}
/* スマートフォーン表示 */
@media only screen and (max-width:767px){
    .sugunaviSP {
        display: block;
    }
    .ipWidget-HpbSugunavi {
        display: none;
    }
}
/* -----↑sugunaviBox----- */
