@charset "UTF-8";

/*      [サイドメニュー]
-----------------------------------------------*/
#side{
    width: 276px;
}

aside .recent-posts ul,
aside .post-cats ul{
    border-bottom: dashed 1px #000; 
    border-top: dashed 1px #000;
    padding: 12px 0 10px;
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap;
}
aside .recent-posts ul li{
    width:26%;
    margin-bottom:3px;
}
aside .recent-posts ul::after{
  content:"";
  display: block;
  width:26%;
}
aside h1 {
    background: url(../img/shokuzai/menu04.png) no-repeat center bottom;
    background-size: contain;
    text-indent: -9999px;
    display: block;
    width: 276px;
    height: 32px;
    margin-bottom: 20px;
}
aside .link a{
    width:100%;
    height:100%;
    display:block;
    text-indent:-9999px;
    position:absolute;
    left:0;top:0;
}
aside .cat{
    background:#fff;
    color:#000;
    font-size:12px;
    line-height:1em;
    margin-right:7px;
    padding:4px 5px;
    min-width:64px;
    text-align:center;
    font-weight:bold;
}
aside #cts-nav .date,
aside #news-list .date,
aside .date{
    font-size:13px;
}
#side .news .date{
    margin-bottom:5px;
}
aside #news-list .box ul{
    margin-bottom:5px;
}

aside .popular{
    margin-bottom: 15px;
}
aside .news{
    margin-bottom: 20px;
}
aside .chachato{
    margin-bottom: 30px;
}
aside .popular .item,
aside .news .item,
aside .popular .item{
    display:flex;
    justify-content:space-between;
    padding:15px 0;
    border-bottom:dashed 1px #000;
    position:relative;
}
aside .popular .pic,
aside .news .pic{
    width:78px;
    height:78px;
    overflow:hidden;
}
aside .popular .pic img,
aside .news .pic img{
    width:auto;
    height:78px;
}
aside .popular .pic img.sample,
aside .news .pic img.sample{
    width:78px;
}
aside .popular .txt-wrap,
aside .news .txt-wrap{
    width:calc(100% - 92px);
}
aside .cat{
    display:inline-block;
    color:#fff;
}
aside .cat-shop{background:#008242;}
aside .cat-sales{background:#6FB92C;}
aside .cat-agricultural{background:#EF8200;}
aside .cat-cooking{background:#231815;}
aside .cat-newfood{background:#00B8EE;}
aside .cat-news{background:#231815;}
aside .cat-chachato{background:#E75297;}
aside .cat-manga{background:#004DA0;}
aside .popular .item,
aside .news .item{
    min-height:86px;
    line-height:1.4em;
}
aside h3{
    font-size:14px;
    line-height:1.4em;
}
aside .chachato{
    background:url(../img/shokuzai/chachato_box.png) no-repeat center top;
    background-size:auto 366px;
    height:396px;
    margin-bottom:5px;
    position:relative;
    top:-8px;
}
aside .chachato .title{
    height:114px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
aside .chachato .item{
    padding:0 30px;
}
aside .chachato .item .movie,
aside .sales-cm .movie,
#side .shops-cm .movie{
     position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
     margin-bottom:10px;
}
aside .chachato .item .movie iframe,
aside .sales-cm .movie iframe,
#side .shops-cm .movie iframe{
    position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}
aside .chachato .item .movie img{
    width:100%;
    height:auto;
    position: absolute;
     top: 0;
     left: 0;
}
#side .chachato .date{
    margin-bottom:4px;
}
aside .chachato .txt-wrap{
    padding-bottom:6px;
    border-bottom:dashed 1px #000;
    line-height:1.3em;
    font-size: 11px;
}
aside .social{
    display:flex;
    justify-content:center;
    margin-top:15px;
}
aside .social path{
    fill:#333;
}
aside .social li:nth-child(2){
    margin:0 35px;
}
aside .chachato .more{
    margin-top:14px;    
    margin-right: 10px;
}
aside .more {
    text-align: right;
    margin-top: 5px;
}
aside .more a {
    display: inline-block;
    background: url(../img/common/arrow-more.svg) no-repeat left center;
    padding-left: 21px;
    font-size: 13px;
}
aside .side-bnr-box{
    padding: 10px;
    }
aside .side-bnr-box img{
    width: 100%;
}
#side .post-cats{
    margin-bottom:22px;
}
#side .post-cats li::before{
    content:"・";
}
#side .post-cats h2,
#side .recent-posts h2{
    margin-bottom:8px;
}
#side .recent-posts{
    margin-bottom:35px;
}
#side .popular h2,
#side .news h2{
    line-height:0;
}
#side{
    padding-top:117px;
}
.single #side,
.post-type-archive-shops #side,
.tax-shop_area #side,
.tax-shop_cooking #side,
.tax-shop_facility #side{
    padding-top:0;
}
#side .shops-cm{
    margin-bottom:30px;
}
#side .shops-cm h2,
#side .sales-cm h2{
    line-height:0;
    margin-bottom:15px;
}
#side .shops-cm .movie{
    margin-bottom:10px;
}
#side .popular.shops .cat-shops{
    display:none;
}
.tax-shop_area #side .chachato,
.tax-shop_cooking #side .chachato,
.tax-shop_facility #side .chachato{
    display:none;
}

#side .sales-cm{
    margin-bottom:35px;
}

.post-type-archive-sales #side,
.tax-sales_area #side{
    padding-top:32px;
}
.single-agricultural #side{
    padding-top:58px;
}
.single-cooking #side{
    padding-top:75px;
}
.single-manga #side{
    padding-top:40px;
}
.page-id-26 #side,
.page-id-28 #side,
.tax-area #side,
.tax-product #side,
.tax-harvest #side,
.tax-fname #side,
.tax-genre #side,
.post-type-archive-recipe #side,
.tax-recipe_cat #side{
    padding-top:0;
}
.side-agri1 ol li{
    list-style:none;
    color:#EF8200;
    font-size:14px;
    font-weight:bold;
    margin-bottom:3px;
}
.side-agri1 ol li span{
    font-weight:normal;
    font-size:12px;
    display:inline-block;
    margin-right:2px;
}
.side-agri1 .more{
    font-size:13px;
}
.side-agri1 h2,
.side-agri2 h2,
.side-agri3 h2{
    border-bottom:dashed 1px #000;
    padding-bottom:3px;
    margin-bottom:12px;
}
.side-agri1 ol{
    border-bottom:dashed 1px #000;
    padding-bottom:7px;
    margin-bottom:7px;
}
.side-agri1{
    margin-bottom:25px;
}
.side-agri2,
.side-agri3{
    border-bottom:dashed 1px #000;
    padding-bottom:5px;
    margin-bottom:24px;
}
.side-agri3{
    margin-bottom:30px;
}
.side-agri2 .search-list,
.side-agri3 .search-list{
    display:flex;
    margin-bottom:8px;
}
.side-agri2 .search-list h3,
.side-agri3 .search-list h3{
    font-size:14px;
    width:5em;
    text-align:right;
    color:#EF8200;
    margin-right:10px;
}
.side-agri2 .search-list select,
.side-agri3 .search-list select{
    width:calc(100% - 70px - 10px);
    font-size:12px;
    color:#717071;
}
.side-agri3 .note{
    font-size:11px;
    color:#717071;
    display:flex;
    justify-content:space-between;
}
.side-agri3 .btn input{
    background:#717071;
    color:#fff;
    border:none;
    border-radius:5px;
}
.single-newfood #side{
    padding-top:60px;
}
#side .past-articles{
    margin-bottom:75px;
}
#side .past-articles ul{
    border-top: dashed 1px #000;
    border-bottom: dashed 1px #000;
    padding: 10px 0 7px;
    display:flex;
    flex-wrap:wrap;
    justify-content: space-between;
}
#side .past-articles ul li{
    margin-bottom:7px;
    width:45%;
    font-size:14px;
}
.single .past-articles ul li a{
    color:#9E9E9F;
}
.single-newfood .past-articles ul li.current a,
.single-newfood .past-articles ul li a:hover{
    color:#00B8EE;
}
.single-cooking .past-articles ul li.current a,
.single-cooking .past-articles ul li a:hover{
    color:#000;
}
.single-cooking .past-articles h2{
    margin-bottom:11px;
}
.single-chachato .past-articles ul li.current a,
.single-chachato .past-articles ul li a:hover{
    color:#E75297;
}
.single-chachato .categoly-lifestyle .past-articles ul li.current a,
.single-chachato .categoly-lifestyle .past-articles ul li a:hover{
    color:#231815;
}
.single-chachato .categoly-moms .past-articles ul li.current a,
.single-chachato .categoly-moms .past-articles ul li a:hover{
    color:#9c2d23;
}

.single-chachato #side .past-articles ul{
    display:block;
}
.single-chachato #side .past-articles ul li{
    width:auto;
}
.single-chachato #side .past-articles{
    margin-bottom:50px;
}
.single-manga .past-articles ul li.current a,
.single-manga .past-articles ul li a:hover{
    color:#004DA0;
}
.page-id-28 #side{
    padding-top:76px;
}
.page-id-15 #side,
.page-id-313 #side,
.page-id-4110 #side{
    padding-top:0;
}
/*      [ PC small ]
-----------------------------------------------*/
@media screen and (max-width: 960px) {
}

/*      [ Tablet large]
-----------------------------------------------*/
@media screen and (max-width: 768px) {
    #side{
        width: 100%;
        padding-top:0;
    }
    aside .popular,
    aside .news,
    aside .chachato{
        width: 100%;
    }
    aside .chachato{
        width:322px;
        background-size: 100%;
        height: inherit;
        padding: 140px 0 0;
        margin:0 auto;
    }
    aside .chachato .item{
        padding: 0 10% 28px;
    }
    aside .chachato .title{
        height: 0;
    }
    aside .chachato .txt-wrap{
        line-height: 1.6em;
        font-size: 15px;
        padding-top: 5%;
        margin-bottom: 5%;
    }
    aside .chachato .more {
        margin-top: 0;
        margin-right: 4%;
    }
    aside .side-bnr-box{
        max-width:310px;
        margin:0 auto;
    }
aside .recent-posts ul,
aside .post-cats ul{
    justify-content:flex-start;
}
aside .recent-posts ul li,
aside .post-cats ul li{
    width:auto;
    margin-right:15px;
}
.single-newfood #side,
.single-chachato #side,
.single-cooking #side,
.single-manga #side{
    padding-top:0;
}
}
/*      [ Tablet small]
-----------------------------------------------*/
@media screen and (max-width: 600px) {

}
/*      [ Smartphone ]
-----------------------------------------------*/
@media screen and (max-width: 480px) {
    aside .chachato .txt-wrap{
        line-height: 1.5em;
        font-size: 13px;
        padding-top: 5%;
        margin-bottom: 5%;
    }
    aside .chachato .item{
        padding: 0 10% 8%;
    }
}