@charset "utf-8";
/* ===================================================
	NEWS CSS
====================================================== */
/* ---------------------------------------------------
	Layout
------------------------------------------------------ */
#contents{ max-width: 1100px; width: 90%; margin: 0 auto; padding: 50px 0 150px; display: flex; justify-content: space-between;}
#contents main{ display: block; width: 800px;}
#contents aside{ display: block; width: 260px;}

@media screen and (max-width: 600px) {
#contents{ width: 90%; margin: 0 auto; padding: 30px 0 100px; flex-direction: column;}
#contents main{ width: 100%;}
#contents aside{ width: 100%; padding: 30px 0 0;}
}


/* ---------------------------------------------------
	アーカイブ／カテゴリー（インデックス）
------------------------------------------------------ */
.archive_tit{ margin: 0 0 15px; font-size: 22px;}

.sec_post{ margin: 0 0 80px;}
.post_tit{ margin: 0 0 35px; font-size: 26px;}
.post_tit a { text-decoration: underline; }
.post_tit a:hover { text-decoration: none; }
.post_body{ margin: 0 0 15px; line-height: 1.6;}
.post_body>p { margin: 10px 0; }
.post_body figure { margin: 15px 0; }
.postmeta_txt { clear: both; margin: 0; padding: 5px 10px; font-size: 13px; text-align: right; color: #787878; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0;}

@media screen and (max-width: 600px) {
.sec_post{ margin: 0 0 40px;}
.post_tit{margin: 0 0 20px; font-size: 20px;}
.post_body{ margin: 0 0 10px; line-height: 1.6;}
}


/* ---------------------------------------------------
	ページ送り（プラグイン）
------------------------------------------------------ */
.wp-pagenavi{ display: flex; justify-content: center; padding: 20px 0 0; align-items: flex-start; flex-wrap: wrap; font-size: 16px; line-height: 1;}
.wp-pagenavi span,
.wp-pagenavi a{ padding: 12px 15px; margin: 0 5px;}
.wp-pagenavi span.current{ background: #f6f6f6;}

@media screen and (max-width: 600px) {
.wp-pagenavi{ padding: 20px 0 0; font-size: 12px;}
.wp-pagenavi span,
.wp-pagenavi a{ padding: 8px 10px; margin: 0 2px;}
}


/* ---------------------------------------------------
	ページ送り（前後）
------------------------------------------------------ */
.article_nav{ padding: 30px 0 0;}
.article_nav ul{ display: flex; justify-content: center; align-items: center; font-size: 16px; line-height: 1.2; color: #777;}
.article_nav ul li.prev,
.article_nav ul li.next{ width: 50%;}
.article_nav ul li.prev{ text-align: left;}
.article_nav ul li.next{ text-align: right;}

@media screen and (max-width: 600px) {
.article_nav{ padding: 20px 0 0;}
.article_nav ul{ font-size: 14px; line-height: 1.2;}
}


/* ---------------------------------------------------
	サイド領域
------------------------------------------------------ */
.widget_box{ padding: 0 0 35px;}
.widget_box .side_tit{ clear: both; margin: 0 0 15px; padding: 3px 0 3px 10px; font-size: 22px; border-left: 5px solid var(--cmn-btn); border-top: 0; border-bottom: 0; background: none;}
.widget_box ul li { margin: 0; padding: 10px 0 10px 15px; font-size: 15px; line-height: 1.4; vertical-align: middle; position: relative; border-bottom: 1px solid #ccc; }
.widget_box ul li:before { content: ""; top: 16px; left: 5px; position: absolute; width: 4px; height: 4px; vertical-align: middle; border: 4px solid transparent; border-left: 4px solid var(--cmn-color3); box-sizing: border-box; }
.widget_box .post-date{ font-size: 11px; display: block; padding: 5px 0 0 0;}
.widget_box select{ width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius:0; border:solid 1px #000; padding: 10px; background:url( "../img/ico_select_01.svg") no-repeat right 10px center #fff; background-size:15px; margin: 20px 0 0; outline: none; font-size: 15px; color: #000;}
.widget_box select::-ms-expand {	display: none;}

@media screen and (max-width: 600px) {
.widget_box{ padding: 0 0 20px;}
.widget_box .side_tit{ margin: 0 0 10px; padding: 3px 0 3px 10px; font-size: 18px;}
.widget_box ul li { padding: 10px 0 10px 15px; font-size: 14px; line-height: 1.4; }
.widget_box ul li:before { top: 16px; left: 5px;}
.widget_box .post-date{ font-size: 11px; padding: 5px 0 0 0;}
.widget_box select{ margin: 10px 0 0; font-size: 16px;}
}


/* ------------------------------------------------------
	Calendar
------------------------------------------------------ */
#wp-calendar{ margin: 0; width: 100%; text-align: center;}
#wp-calendar caption{ padding: 0 0 10px; font-size: 16px;}
#wp-calendar th,
#wp-calendar td{ padding: 5px 0; border: 1px solid #ddd; font-size: 14px;}
#wp-calendar th{ background-color: #ddd; font-weight: normal;}
#wp-calendar td a{ color: var(--cmn-btn); font-weight: bold;}
#wp-calendar #today{ background: #f0f0f0;}
.wp-calendar-nav{ padding-top: 10px; display: flex; justify-content: space-between; font-size: 14px;}
.wp-calendar-nav-prev{ width: 45%; text-align: left;}
.wp-calendar-nav-next{ width: 45%; text-align: right;}

@media screen and (max-width: 600px) {
#wp-calendar caption{ padding: 0 0 10px; font-size: 15px;}
#wp-calendar th,
#wp-calendar td{ font-size: 12px;}
.wp-calendar-nav{ font-size: 13px;}
}