@charset "UTF-8";

/*-------------------------
__blog_list_style
-------------------------*/

/*=== 一覧・詳細ページ共通 ===*/
#blog{}
#blog .category_ttl{font-weight:700;margin:0 0 30px;}
#blog #main_contents{display:flex;}
#blog #main_contents #main_contents_inner{flex:1;}
#blog #main_contents #main_contents_inner article + article{margin-top:50px;}
#blog #main_contents #main_contents_inner article a{text-decoration:none;}
#blog #main_contents #main_contents_inner .post{text-align:left;padding:20px 25px 25px;background-color:#f8f1e3;}
#blog #main_contents #main_contents_inner .post .date{font-size:1.7rem;font-weight:700;}
#blog #main_contents #main_contents_inner .post .category{display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:5px 0 0;}
#blog #main_contents #main_contents_inner .post .category dt{font-weight:700;padding:8px 10px;color:#5d330d;background-color:#FFF;}
#blog #main_contents #main_contents_inner .post .category dd{flex:1;padding:0 15px;}
#blog #main_contents #main_contents_inner .post .category dd a{display:inline-block;vertical-align:middle;text-decoration:underline;}
#blog #main_contents #main_contents_inner .post .category dd a + a{margin-left:10px;}
#blog #main_contents #main_contents_inner .post .entry_ttl{font-size:2.5rem;margin:20px 0 10px;padding:0 0 10px;border-bottom:2px solid #5d330d;}
#blog #main_contents #main_contents_inner .post .more_btn{text-align:right;padding:10px 0 0;}
#blog #main_contents #main_contents_inner .post .more_btn a{display:inline-block;padding:10px 20px 7px 30px;box-sizing:border-box;color:#FFF;background-color:#5d330d;border:1px solid #5d330d;}
#blog #main_contents #main_contents_inner .post .more_btn a::after{content:"\EA02";display:inline-block;font-family:'iconfont'!important;height:1em;font-size:2rem;vertical-align:top;margin:-4px 0 0 10px;}

#blog #main_contents #side{width:250px;margin:0 0 0 30px;}
#blog #main_contents #side .widget{text-align:left;}
#blog #main_contents #side .widget.sph_widget{display:none;}
#blog #main_contents #side .widget + .widget{margin-top:30px;}
#blog #main_contents #side .widget .widget_ttl{font-size:1.6rem;padding:12px 15px;color:#FFF;background:#5d330d;}
#blog #main_contents #side .widget ul{padding:10px 0 0;}
#blog #main_contents #side .widget ul li{}
#blog #main_contents #side .widget ul li + li{margin:8px 0 0;}
#blog #main_contents #side .widget ul li a{display:inline-block;padding:5px 0;}
#blog #main_contents #side .widget ul li a::before{content:"";display:inline-block;width:6px;height:6px;vertical-align:middle;margin:0 10px 0 0;border-top:solid 2px #5d330d;border-right:solid 2px #5d330d;transform:rotate(45deg);}
/* セレクトボタン */
#blog #main_contents #side .widget select{font-family:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;background:transparent;}
#blog #main_contents #side .widget .select_box{display:block;vertical-align:middle;margin:10px 0 0;overflow:hidden;box-sizing:border-box;position:relative;border:solid 1px #CCC;}
#blog #main_contents #side .widget .select_box::after{content:"";display:inline-block;width:0;height:0;margin:auto;position:absolute;top:5px;bottom:0;right:10px;border:5px solid transparent;border-top:5px solid #693A08;}
#blog #main_contents #side .widget select{width:100%;font-size:16px;padding:8px 1.5em 8px 8px;box-sizing:border-box;cursor:pointer;position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:#121212;background-color:#FFF;}
#blog #main_contents #side .widget select::-ms-expand{display:none;}
#blog #main_contents #side .widget select:not(:target){width:120% \9;}/*ie9対策*/

/* ブログ詳細ページのみ、前と次のボタンの位置を入れ替え */
#blog #main_contents .pagination .page_back{right:0;left:auto;}
#blog #main_contents .pagination .page_next{right:auto;left:0;}
#blog #main_contents .pagination .page_back::before{transform:rotate(45deg);margin:0 0 0 -5px;}
#blog #main_contents .pagination .page_next::before{transform:rotate(-135deg);margin:0 -5px 0 0;}
#blog #main_contents .pagination .wp-pagenavi{margin:0 0 30px;}
#blog #main_contents .pagination .go_top{display:inline-block;height:45px;line-height:45px;text-decoration:none;margin:0 auto;padding:0 20px;color:#FFF;background-color:#5d330d;}

@media screen and (min-width:768px) {
#blog #main_contents #main_contents_inner .post .category dd a{transition:all 0.3s;}
#blog #main_contents #main_contents_inner .post .category dd a:hover{opacity:0.5;}
#blog #main_contents #main_contents_inner .post .more_btn a,
#blog #main_contents #main_contents_inner .post .more_btn a::after{transition:all 0.3s;}
#blog #main_contents #main_contents_inner .post .more_btn a:hover{color:#5d330d;background-color:#f8f1e3;border:1px solid #5d330d;}
#blog #main_contents #main_contents_inner .post .more_btn a:hover::after{transform:translateX(5px);}
#blog #main_contents #side .widget ul li a,
#blog #main_contents #side .widget ul li a::before{transition:all 0.3s;}
#blog #main_contents #side .widget ul li a:hover{opacity:0.5;}
#blog #main_contents #side .widget ul li a:hover::before{transform:rotate(45deg) translateX(3px) translateY(-3px);}
#blog #main_contents .pagination .page_next:hover::before{transform:rotate(-135deg) translateX(5px) translateY(-5px);}
#blog #main_contents .pagination .page_back:hover::before{transform:rotate(45deg) translateX(5px) translateY(-5px);}
#blog #main_contents .pagination .go_top{transition:all 0.3s;}
#blog #main_contents .pagination .go_top:hover{opacity:0.5;}
}

@media screen and (max-width:767px) {
#blog .category_ttl{margin:0 0 15px;}
#blog #main_contents{display:block;}

#blog #main_contents #main_contents_inner article + article{margin-top:25px;}
#blog #main_contents #main_contents_inner .post{padding:10px 15px 15px;}
#blog #main_contents #main_contents_inner .post .date{font-size:4.5vw;}
#blog #main_contents #main_contents_inner .post .category{display:block;}
#blog #main_contents #main_contents_inner .post .category dd{padding:8px 0 0;}
#blog #main_contents #main_contents_inner .post .entry_ttl{font-size:6.5vw;}
#blog #main_contents #main_contents_inner .post .more_btn{text-align:center;}

#blog #main_contents #side{width:100%;margin:40px 0 0;}
#blog #main_contents #side .widget.pc_widget{display:none;}
#blog #main_contents #side .widget.sph_widget{display:block;}

#blog #main_contents .pagination .wp-pagenavi{margin:0 0 15px;}
#blog #main_contents .pagination .go_top{height:35px;line-height:35px;margin:0 auto;padding:0 15px;}
}

/*=== 詳細ページ ===*/
#blog #main_contents #main_contents_inner .post .entry_content{margin:20px 0 0;}
#blog #main_contents #main_contents_inner .post .entry_content figure{margin:1.8em 0 0;}