/*------------- CSS MENU -------------
繧ｪ繝ｪ繧ｸ繝翫Ν險ｭ螳壹ｒ霑ｽ蜉�縺吶ｋ譎ゅ�縺薙％縺ｫ譖ｸ縺�
--------------------------------------*/
/* Article box > Updates
/inc/template-functions.php
------------------------------*/
/* Update List -----------------------*/
#update-list .update-post{ background: #FFF;box-shadow: 2px 2px 3px rgba(0,0,0,0.2);padding: 15px 15px 5px 15px; margin: 0 0 8px 0;}
#update-list time{color:#9E4C53;display: block; }
#update-list time + p{margin-top: 0;}

/* Articles,
/template-parts/parts-articles.php
--------------------------------------*/
#tabs {margin-top: 40px;}
#tabs a{text-decoration: none;}
#tabs a.active{box-shadow: inset 0 1px 0 rgba(255,255,255,0);text-shadow: 0 1px 0 rgba(0,0,0,0);}
#tabhead,#panelbody{margin-top:0px; display: inline-block;width: 100%;}
#tabhead{-js-display: flex;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;flex-wrap: wrap;}
#tabhead li,#panelbody li{list-style: none;}

/* Category label 
--------------------*/
/*tab*/
#tabhead{flex-wrap: wrap;}
#tabhead li{margin:0 2% 10px 0; width: 49%;}
#tabhead li:nth-child(2n){margin-right: 0;}
#tabhead a{ position: relative; display: block; padding: 8px 10px; height: 100%; text-decoration: none; color: #FFF; overflow: hidden;
  text-align: center; line-height: 1.3; -js-display: flex;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;align-items: center;justify-content: center; box-shadow: inset 0 1px 0 rgba(255,255,255,0.3);}
.entry-content #tabhead a{padding:12px 10px;}
#tabhead a:hover,
#tabhead a:active { box-shadow: none; text-shadow: none;}
#tabhead a:hover::before{content: "";position: absolute;top:0;right: 0;bottom:0;left:0;margin: auto;width:100%;height:100%; background: rgba(0,0,0,0.2);}
/* label Background */
.c_label.ac1{background-color: #698ED0;}
.c_label.ac2{background-color: #B89471;}
.c_label.ac3{background-color: #B84D71;}
.c_label.ac4{background-color: #F9C385;}
.c_label.ac5{background-color: #88A872;}
.c_label.ac6{background-color: #AC75AC;}
/* Tab Body */
#panelbody li{margin:0 1% 20px 1%;width: 100%;}
#panelbody li.first{width: 100% ;}
#panelbody .thumbBox{position: relative;overflow: hidden;margin-bottom:10px;display: block; max-height: 740px; }
#panelbody .thumbBox img{width: 100%;height: auto;}
#panelbody li .tit{padding-top: 5px; display: block;font-size: 18px; font-size: 1.8rem; font-weight: 600; min-height: 60px; line-height: 1.3;margin-top:5px; }
#panelbody li.first .tit{margin-top:10px; font-size:140%;}
#panelbody a{position: relative; display: block;transition: all .3s ease-out;}
#panelbody a:hover .thumbBox::before{content: "";position: absolute; top:0; left:0; width: 100%; height: 100%; display: block; background: rgba(0,0,0,0.2);}
body[class*="paged-"] #panelbody .first .thumbBox img{width: 750px;height: 250px;}

@media screen and (min-width:481px) {
/*tab*/
#tabhead li{margin:0 1% 10px 0;width: 32.5%;}
#tabhead li:nth-child(2n){margin-right: 1%;}
#tabhead li:nth-child(3n){margin-right:0;}
/* Tab Body */
#panelbody{-js-display: flex;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex; flex-wrap: wrap;}
#panelbody li{ width: 47.9%;}
#panelbody .thumbBox img{width: 360px;height: 150px; object-fit: cover;}
}
@media screen and (min-width:769px) {
/*tab*/
#tabhead li{margin:0 1% 10px 0;width:15.8%;}
#tabhead li:nth-child(3n){margin-right:1%;}
#tabhead li:last-child{margin-right:0;}
/* Tab Body */
#panelbody{display: block;}
#panelbody li{margin:0 2.6% 20px 0;width: 31.578947368%;float: left;min-height: 430px;}
#panelbody li.first{width: 65.789473684% ;}
#panelbody li.first + li{margin-right: 0;}
#panelbody li:nth-child(3n){margin-right:0;}
#panelbody li:nth-child(4){clear: both;}
#panelbody .thumbBox img{width: 360px;height: 250px;}
#panelbody .first .thumbBox img{width: 750px;height: auto;}
/*2page~*/
body[class*="paged-"] #panelbody li.first{width:31.578947368% ;}
body[class*="paged-"] #panelbody li.first + li{margin-right: 2.6%;}
body[class*="paged-"] #panelbody .first .thumbBox img{width: 750px;height: 250px;}
}
.panel{display: none;}
#panel-ac0{display:block;}
#tabhead #ac0{font-size: 0; width:1; height: 1px;position: absolute; top:-50px; right: -100px;}

/* PageNation
PostType:Post,Cuisine
---------------------------------*/
.wp-pagenavi{padding-top: 40px;
-js-display: flex;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;justify-content:center;flex-wrap: wrap;}
.wp-pagenavi .pages,.wp-pagenavi .extend{border: none;}
.pages{font-size: 12px;text-align: center; width: 100%; color: #5E8CBB;}
.wp-pagenavi a,
.wp-pagenavi .current{
 display: flex;
 flex-wrap: wrap;
 justify-content: center;
 align-items: center;
 font-weight: 300;
 padding-top: 1px;
 text-decoration:none; 
 border: 1px solid #5E8CBB;
 border-left-width: 0;
 min-width:40px;
 min-height:44px;
 color: #336699; 
 box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,.35);
 background: #E1F6FA;
 margin: 0;
}
.wp-pagenavi a:hover,
.wp-pagenavi span.current{color: #FFF;background: #5E8CBB; border: 1px solid #5E8CBB;}
.wp-pagenavi a{border-left-width:1px !important; margin-left:-1px;}

/* Cuisine
/template-parts/parts-cuisine.php
/search-eat_guide.php
--------------------------------------*/
.c_areas{background-color:#707070 !important; margin-left:5px;}
#secondary h2.c_category,
#secondary h2.c_area{border-bottom: 4px solid #336699; margin-bottom: 10px;}
#secondary h2.c_cuisine::before{background: url("../images/ico-cuisine_b.svg") #FFF;}
#secondary h2.c_area::before{background: url("../images/search/ico-area.svg") no-repeat #FFF; background-size: 30px 30px;}
#secondary .sidearea{background-color: #EFEFEF; text-align: left;font-weight: 500;font-size: 15px; font-size: 1.5rem; padding: 10px;position: relative; margin-bottom: 0;}
#secondary .sidearea:hover{background-color: #DBDBDB;}
#secondary .sidearea::before{content: none;}
#secondary .sidearea::after{content: "\f0d7";font-family: "Font Awesome 5 Free";font-weight: 900;position: absolute; width: 10px;height: 24px;top:0;bottom:0; right: 15px;margin: auto;color: #707070;}
#secondary .sidearea.active::after{content: "\f0d8";}
#secondary .openableBox .boxshow {padding:10px;}
#secondary .boxshow ul{margin: 0; padding: 0;}
#secondary .boxshow li{margin-left: 0; border-bottom: none;}
#secondary #btn_submit{margin-top: 20px;position: relative;}
#secondary #btn_submit::before{content:"";width: 24px; height: 24px; background: url("../images/ico-search_w.svg") no-repeat 0 0;position: absolute; left:100px !important;top:0;bottom:0;margin: auto;background-size: 24px 24px;}
#secondary .openableBox #searchsubmit { text-indent: 0px; font-size: 15px; background-image: none; max-width: 320px;padding: 3px 10px;}
#secondary #sideCategory .c_label{ text-align: left; font-size: 14px; width: 100%; padding: 0; }
#secondary #sideCategory li{ width: 100%;}
#secondary #sideCategory li a{display: block;padding:15px 10px !important; position: relative;}
#secondary #sideCategory li a:hover{color:#FFF;}
#secondary #sideCategory label{ padding:15px 10px;position: relative;}
#secondary #sideCategory a:hover::before,
#secondary #sideCategory label:hover::before{ background-color: rgba(0,0,0,0.3);
 position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ' ';width: 100%; height: 100%;}

/* Sidebar
Articles List 
----------------------*/
#secondary .article-list{margin:0 auto 8px !important;margin: 0;padding: 0; border-top: 4px solid #336699; background: #F9F9F9;}
#secondary .article-list li{margin: 0 auto;}
#secondary .article-list a{-js-display: flex;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;
text-decoration: none; position: relative;padding: 8px;}
#secondary .article-list a .thumbBox {margin-right: 15px;position: relative;}
#secondary .article-list a .thumbBox img{width: 80px; height: 60px; object-fit: cover; max-width: none;}
#secondary .article-list a .c_label{clear: both;}
#secondary .article-list a .txtbox{color:#1E2134;font-size: 15px; font-size: 1.5rem; line-height: 1.5;width: 100%;-js-display: flex;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;flex-wrap: wrap;align-items:baseline;}
#secondary .article-list a .tit{display: block;font-size: 90%; line-height: 1.2; width: 100%;margin-bottom: 2px;font-weight: 600; min-height: 38px;}
#secondary .article-list a:hover::after{position: absolute; content: ""; left: 0 ;top: 0; width: 100%; height: 100%; background-color:rgba(255,255,255,0.2);}
#secondary h2.widgettitle.c_articles::before{background: url("../images/ico-articles_b.svg") #FFF;}

@media screen and (min-width:601px) {.article-box .cate-box{margin-top: 0px;}}