@charset "UTF-8";
/* CSS Document */

.div_blogarea{background:#FFF; border-radius:5px;padding:20px;}
.div_blogarea_flex{display:flex;flex-wrap:nowrap;gap: 10px;}

@media screen and (max-width: 720px) {.div_blogarea_flex{display:block;}}

.h1_blog_index{font-size:25px !important;font-weight:bold; margin-bottom:20px;}
a.cat_btn{background: #194b6f;color: #FFF; border-radius: 15px;padding: 0px 5px;text-decoration: none; margin-right: 5px;}
a.cat_btn:hover{opacity: 0.7;}




/*------------------------------------------------------------------------
左側
------------------------------------------------------------------------*/
.div_blog_lside{width: calc( 100% - 240px ); }
@media screen and (max-width: 720px) {.div_blog_lside{width:100% ; }}

.div_blog_lside > article{
    border: solid 1px #2b76cc;
    padding: 25px; margin-bottom: 20px;}

.div_blog_lside h2.h2_blog_title{ font-size: 35px; margin-bottom: 5px; font-weight: normal;padding-bottom: 15px;border-bottom: solid 3px #005999; }
.div_blog_lside h2.h2_blog_title a{ text-decoration: none; color: #000; }

/*------------------------------------------------------------------------
投稿内表示
------------------------------------------------------------------------*/
/*投稿表示テキストスタイル front-page.cssにも同様に設定*/
.div_blog_lside h2{font-size: 29px; margin-bottom: 0;font-weight: bold;}
.div_blog_lside h3{ font-size: 25px; margin-top: 40px;margin-bottom: 40px; font-weight: bold;}
.div_blog_lside p{font-size: 18px;line-height: 1.7;margin-bottom: 1.7em;}
.div_blog_lside ul{ margin: 15px 5px 45px 35px;list-style-type: disc;font-size: 18px;line-height: 1.7}
.div_blog_lside ul li{ margin-bottom: 10px;}
.div_blog_lside ul > li > p { margin: 0; padding: 0;  }
.div_blog_lside ol{font-size: 18px;line-height: 1.7; list-style-type: decimal; margin: 15px 5px 45px 35px;}
.div_blog_lside ol li{ margin-bottom: 10px;}
.div_blog_lside strong {font-weight: bold !important;}
.div_blog_lside table{ font-size: 18px;line-height: 1.7}
.div_blog_lside th { font-weight: bold;}
figcaption.wp-element-caption{ font-size:14px;font-weight: bold; color: #8e95a6;margin-top: 2px; margin-bottom: 0; line-height: 1.3;}


.contents_info_div{background: #f3f3f3;padding: 20px;font-size: 14px;margin-top: 40px;clear: both;}
.contents_info_div > div:nth-child(1){ margin-bottom: 10px;}
.div_cat{display: flex; flex-wrap: nowrap;}
.div_cat > div:nth-child(1){ width:85px;}
.div_cat > div:nth-child(2){ width:calc( 100% - 85px );}



/*------------------------------------------------------------------------
右側
------------------------------------------------------------------------*/

.div_blog_rside{width:230px;}
@media screen and (max-width: 720px) {.div_blog_rside{width:100% ; }}


.div_blog_rside h2{background-color: #005999;
    font-size: 16px;
    color: white;
    padding: 6px 8px;
    margin:0 0 10px 0;font-weight: bold;}
.div_blog_rside > li > div > div > ul{ padding-left: 25px; font-size: 14px; margin-bottom: 10px;}
.div_blog_rside > li > div > div > ul > li { list-style-type: disc; margin-bottom: 4px;}

.div_blog_rside > li { list-style-type: none !important;}

.wp-block-calendar{ margin-bottom: 10px;}

/*------------------------------------------------------------------------
RSS
------------------------------------------------------------------------*/
.ssi-rss > a{box-sizing: content-box !important;}


/*------------------------------------------------------------------------
ページナビ
------------------------------------------------------------------------*/
/*投稿ページ*/
.p-single-content-pager{ margin-bottom: 20px;}
.p-single-content-pager__inner{ display: flex;justify-content:space-between; gap:40px;}
.p-single-content-pager__inner div{ display: block; width: calc(( 100% - 40px ) / 2);}
.p-single-content-pager__inner div:nth-child(1){ text-align: left;}
.p-single-content-pager__inner div:nth-child(2){ text-align: right;}

/*archive*/
.archive-pagination{margin-bottom: 20px;}
ul.page-numbers{ margin: 0; list-style-type: none; display: flex;justify-content:center;}
ul.page-numbers li{ margin: 0 10px;}