@charset "UTF-8";

/*#eb6100 基本のオレンジ　======================== */

.container{
  width:100%;padding-right:20px;padding-left:20px;
  margin-right:auto;margin-left:auto;}
/* ↓　全体の枠とのアキ　*/
.row{
  display:-webkit-box;display:-ms-flexbox;
  display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;
  margin-right:-15px;margin-left:-15px;}

.main{margin:0px 0;}

/*　副題　======================== */
.entry-subtitle{
 font-family:Helvetica Neue,Helvetica,Hiragino Sans,
 "ヒラギノ角ゴ ProN W3",Hiragino Kaku Gothic ProN;
 font-size:18px;text-align: justify;
 color:#666;
 line-height:1.5;
 margin-top:-5px;margin-bottom:10px;
 border:1px solid #666;border-radius:8px;
 padding:10px 15px;
}

@media (min-width:555px){
.container{max-width:540px;}
}
@media (min-width:767px){
.container{max-width:720px;}
}
@media (min-width:960px){
.container{max-width:960px;}
}
@media (min-width:1140px){
.container{max-width:1040px;}
}
@media only screen and (max-width:420px){
.container{width:94%;}
}

/* =============================================================================
    サイドバー  カテゴリー
============================================================================= */
.col-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;}

@media (min-width:767px){
.col-md-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%;}
.col-md-9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%;}
}
/*カテゴリー別　のスペース======================== */
.archive{margin-top:0px;margin-bottom: 20px;}
.archive:last-child{margin-bottom:0}
.archive .archive_title{
  font-size:16px;padding:15px 10px;line-height:1;margin-top: 10px;
  background: #FF773E;color: white;
  border-top:1px solid #999999;
  border-left:1px solid #999999;
  border-right:1px solid #999999;}
.archive .archive_list li{
  margin:0;
  border-top:1px solid #999999;
  border-left:1px solid #999999;
  border-right:1px solid #999999;
  line-height:1}
.archive .archive_list li:last-child{
  border-bottom:1px solid #999999;}
.archive .archive_list li a{
  padding:8px 15px 8px 10px;
  display:block;text-decoration:none;position:relative;
  line-height:1;-webkit-transition:all 300ms 0s ease;line-height: normal;
  -o-transition:all 300ms 0s ease;transition:all 300ms 0s ease;}
/*　矢印　〉　は入れないことにする
.archive .archive_list li a:after{
font-weight:900;position:absolute;top:50%;right:10px;display:block;
margin-top:-0.5em;font-size:14px;content:"";
font-family:"Font Awesome 5 Free";color:#bbb;}*/
.archive .archive_list li a:hover{background-color:#FFDBC9;}

@media only screen and (max-width:767px){
.archive{margin-top:40px;margin-bottom: 20px;}
}
@media only screen and (max-width:420px){
.archive .archive_title{font-size:16px;padding:10px 10px;}
.archive .archive_list li a{padding:6px 15px 6px 10px;}
}

/*==============================================================================
 　サイドバー　　階層アーカイブリスト　#eb6100 基本のオレンジ
 ============================================================================ */
/* 年度別階層アーカイブ */
.archive-accordion{margin: 0;padding: 0;}
.archive-year{margin-bottom: 2px;}
.year-toggle{
 width: 100%;
 background:#90EE90;color:#444444;
 padding: 10px 10px 10px 10px;
 font-size: 15px;
 text-align: left;cursor: pointer;
 display: flex;justify-content: space-between;
 align-items: center;}
.year-toggle:hover{background:darkgreen;color:white;}
.year-icon {transition: transform 0.3s ease;}
.year-icon.open {transform: rotate(180deg);color:white;}
.archive-months {display: none;margin: 0;padding: 0 0 0 15px;}
.archive-months li a{display: block;list-style: none;margin: 10px 0;}

@media only screen and (max-width:767px){
.year-toggle{padding: 10px 10px 10px 16px;}
}
@media only screen and (max-width:420px){
.year-toggle{padding: 6px;font-size: 15px;padding: 8px 10px 8px 16px;}
.archive-months li {list-style: none;margin: 10px 0;}
}
/* =============================================================================
    single.php の　「カテゴリー名の枠」　と　「記事の日付」　のスペース
============================================================================= */
/* 「カテゴリータイトル」flex & 折り返す　*/
.article .article_meta ul{
  display:-webkit-box;display:-ms-flexbox;display:flex;-js-display:flex;
  -webkit-box-align:center;-ms-flex-align:center;align-items:center;
  -webkit-box-pack:justify;-ms-flex-pack:justify;flex-wrap: wrap;}
/* 「カテゴリータイトル」全体のマージン　*/
.article .article_meta{
  display:-webkit-box;display:-ms-flexbox;display:flex;
  -js-display:flex;-webkit-box-align:center;-ms-flex-align:center;
  align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;
  flex-wrap: wrap;justify-content:space-between;
  padding:12px 0;}
/* 「カテゴリータイトル」個別のマージン　   single.php index.ph*/
.article .article_meta ul li{padding:0px 3px 0 0;margin-top:-5px;}
/* 「カテゴリータイトル」カテゴリ名の指定　single.php index.php*/
.article .article_meta ul li a{line-height:1;display:inline-block;
  padding:5px 10px 3px;font-size:14px;color:#eb6100;
  text-decoration:none;border:1px solid #eb6100;}
.article .article_meta ul li a:hover{background:#eb6100;color:white;}
 /*single.php の　「「記事の日付」*/
.article .article_meta time{
  margin-left:0;margin-bottom:-10px;
  border-bottom: 1px dotted black;
  font-size:14px;}
.article .article_pic img{max-width:100%;height:auto;}
.article-menu .article_title{text-align:left;margin-bottom:30px;}

/*=============================================================================
     記事のスペース
==============================================================================*/
/*　見出し　の　フォント　の設定　==================================== */
.content .news .news_desc p{font-size:13px;margin-bottom:5px;n}
.content .news .news_body .news_desc p{font-size:16px;}

/*メインのスペース　削除後　*/
.col-11,.col-12,.col-md-2,.col-md-3,.col-md-9,.col-md-12,
.col-xl-auto.col-lg-auto,.col-md-4,.col-xl-12{
 position:relative;width:100%;min-height:1px;
 padding-right:15px;padding-left:15px;}

/* 「記事のタイトル」 書体 */
.title_space .main_title{
font-weight:bold;
font-family:Helvetica Neue,Helvetica,Hiragino Sans,
"ヒラギノ角ゴ ProN W3",Hiragino Kaku Gothic ProN;}
/* 「記事のタイトル」 文字の指定　サイズ、位置など */
.title_space .main_title{
display:block;
color:darkgreen;border-top: 1px solid darkgreen;
border-bottom: 1px solid darkgreen;
width: 1000px;margin: 106px auto 10px;
font-size:24px;line-height: 30px;background:white;
padding: 15px 24px;}

.main .main_title span{
display:block;text-align:center;font-weight:normal;font-size:14px;}
/* 投稿スペース全体　大きさ・下線　の設定======================================*/
.news{
  width:700px;margin-bottom:10px;margin-top:0px;
  border-bottom: 3px solid silver;}
/* 「この記事を表示」 ============= */
.news a{text-decoration:none;display:inline-block;color:darkgreen;
font-size:13px;margin-bottom:10px;}
.news a:hover{color:#eb6100;}
/*.news .news_pic{margin-bottom:10px}
.news .news_pic img{height:auto;max-width:100%;display:block}  画像は入れない　*/

/* カテゴリースペース　表示させない　一応復帰できるようにdisplay: noneで対応　*/
.news .news_meta{
 display:-webkit-box;display:-ms-flexbox;
 display:flex;-js-display:flex;-webkit-box-align:center;-ms-flex-align:center;
 align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;
 justify-content:space-between;
 background:#eb6100;
 padding:10px 0px 0;
 width:700px;
 margin: 10px auto 0;display: none;}/* ← display: none*/
/* カテゴリー名前の枠　配置の設定=============================================*/
.news .news_meta ul{
 list-style:none;padding:0;display:-webkit-box;display:-ms-flexbox;
 display:flex;-js-display:flex;-webkit-box-align:center;-ms-flex-align:center;
 align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;
 justify-content:space-between;
 margin-left:10px;padding:2px 0 0px 0px;}
.news .news_meta ul li{padding-right:10px;}

/* 日時 index.php の　日付　======================================== */
.news .news_time{
  display: block;margin:0 0 5px;font-size:14px;}

/* index.php の 記事のタイトル（見出し） =========================== */
h2.news_title{
font-weight:bold;
font-family:Helvetica Neue,Helvetica,Hiragino Sans,
"ヒラギノ角ゴ ProN W3",Hiragino Kaku Gothic ProN;}
h2.news_title{
 color:darkgreen;
 font-size:24px;margin:-10px 0 10px;
 line-height:1.2;}

.article_meta{display: flex;justify-content: space-between;}
.category_name{padding: 0px 0 0px;}
.article_meta .category_name a{
  color:#eb6100;border: 1px solid #eb6100;
  font-size: 14px;font-weight: normal;
  padding: 3px 10px 2px;margin:0px 0px -10px;}
.article_meta .category_name a:hover{background: #eb6100;color:white;}

/* ↓　html 記事の本文の指定 ============= */
html{
width:100%;overflow-y:scroll;font-size:100;
margin:0;padding:0;font-weight:normal;
font-style:normal;-webkit-box-sizing:border-box;
-o-box-sizing:border-box;-ms-box-sizing:border-box;
box-sizing:border-box;-ms-text-size-adjust:100%;
-webkit-text-size-adjust:100%;text-align: justify;}

/* 「新着記事」　前のページへ　次のページへ　 ============= */
.postLinks{
margin-top:50px;padding:10px 0px 0 0px;border-top:1px solid #ccc;
display:-webkit-box;display:-ms-flexbox;display:flex;-js-display:flex;}
.postLink{width:50%;padding:0px 0;}
.postLink a{text-decoration:none;padding-bottom:2px;font-size:13px;}
.postLink-prev i,.postLink-prev svg{margin-right:5px;color:#eb6100;}
.postLink-next{text-align:right;}
.postLink-next i,.postLink-next svg{margin-left:5px;color:#eb6100;}

/* 投稿の本文  「カテゴリページ」「月別ページ」の本文の指定*/
.news_desc{
text-align: justify;font-size: 15px;line-height: 22px;
padding:0px 0 0px 0px;}
/* [この記事を表示] */
a.konokiji{text-decoration:none;color:darkgreen;font-size:14px;padding:2px 0px;}
a.konokiji:hover{color:#eb6100;}

.line{border-bottom: 4px solid #DCDCDC;margin: 5px 0 14px;}
.post-categories{display:flex;flex-wrap:balance;}
.article_meta .category_name a{
  font-size:14px;color:#eb6100;padding:1px 10px 1px;margin:0px 2px 10px;}

/* レスポンシブ　=============================================================*/
@media only screen and (max-width:1140px){
.article .article_meta{padding:0px 0;}
.article .article_meta{margin: 10px 0 0px;}
.article .article_meta time{margin-left:0;margin-bottom:0px;font-size:14px;}
.article .article_meta ul li{padding:0px 3px 0 0;}
.article .article_meta ul li a{padding:6px 10px 3px;font-size:14px;}
.article_meta .category_name a{
  font-size:14px;color:#eb6100;padding:1px 10px 1px;margin:0px 2px -15px;}
.title_space .main_title{width: 920px;}
.news{width:650px;margin-bottom:10px;}
.news .news_meta{padding:10px 0 0;width:650px;margin: 10px auto 0;}
.news .news_meta ul{margin-left:10px;padding:2px 0 0px 0px;}
.news .news_meta ul li{padding-right:10px;}
.news .news_meta ul li a{padding:5px 10px;margin-left: 0px;font-size:14px;}
.news .news_time{margin:0px 0px 5px;font-size:14px;}
h2.news_title{font-size:24px;margin:3px 0 10px;line-height:1.2;}
.entry-subtitle{
  font-size:18px;text-align: justify;
  line-height:1.5;
  margin-top:5px;margin-bottom:10px;
  padding:10px 15px;}
.news_desc a{font-size: 13px;padding: 2px 0px;}
}

@media only screen and (max-width:960px){
.title_space .main_title{
width: 680px;font-size:20px;line-height: 30px;padding: 10px 26px;}
.entry-subtitle{font-size:16px;line-height:1.5;margin-top:-5px;}
.news{width:500px;margin: 10px auto 10px;}
.news .news_meta{width:500px;padding:10px 0 0;margin: 0 auto 0;}
h2.news_title{font-size:22px;margin:3px 0 10px ;line-height:1.2;}
}

@media only screen and (max-width:767px){
.title_space .main_title{
width:500px;margin-top:104px;line-height: 30px;padding: 12px 30px;}
.news{width:100%;margin: 10px auto 10px;}
.news .news_meta{width:100%;padding:10px 0 0;margin: 0px auto 0px;}
.news .news_meta ul{margin-left:10px;padding:2px 0 0px 0px;}
.news .news_meta ul li{padding-right:10px;}
.news .news_meta ul li a{padding:5px 10px;margin-left: 0px;font-size:14px;}
.news .news_time{margin:0px 0px 5px;font-size:14px;}
.news .news_title{font-size:22px;padding:5px 0 10px ;line-height:1.2;}
h2.news_title{font-size:22px;margin:3px 0 0px;line-height:1.2;}
.news_desc a{font-size: 13px;padding: 2px 0px;}
.entry-subtitle{font-size:16px;line-height:1.5;margin-top:5px;}
}

@media only screen and (max-width:555px){
.title_space .main_title{
width:92%;margin: 104px auto 10px;line-height: 30px;padding: 10px 20px;}
.news{width:100%;margin-bottom:10px;}
.news .news_meta{width:100%;padding:10px 0 0;margin: 0 auto 0;}
.news .news_meta ul{margin-left:10px;padding:2px 0 0px 0px;}
.news .news_meta ul li{padding-right:10px;}
.news .news_meta ul li a{padding:5px 10px;margin-left: 0px;font-size:14px;}
.news .news_time{margin:0px 0px 5px;font-size:14px;}
.news .news_title{font-size:20px;padding:5px 0 10px;line-height:1.2;}
.news_desc{font-size: 13px;line-height: 20px;padding:0px 0 0px 0px;}
.news_desc a{font-size: 13px;padding: 2px 0px;}
}

@media only screen and (max-width:420px){
.title_space .main_title{
width:88%;margin: 110px auto 10px;font-size:18px;line-height: 26px;
padding: 10px 6px;}
.news .news_title{font-size:18px;padding:5px 0 0;line-height:1.3;}
h2.news_title{font-size:18px;margin:3px 0 -3px;line-height:1.2;}
.postLinks{margin:50px -4px 0 -5px;}
.postLink-prev i,.postLink-prev svg{margin-right:3px;}
.postLink-next i,.postLink-next svg{margin-left:3px;}
.entry-subtitle{line-height:1.5;margin-top:7px;margin-bottom:0px;}
.article .article_meta ul li a{padding:3px 5px 3px;}
.news .news_time{margin:0px 0px 5px;}
.article .article_meta time{margin-top:-10px;}
a.konokiji{display: block;font-size: 14px;margin: 5px 0px 2px;}
.line{border-bottom: 4px solid #DCDCDC;margin: 5px 0 25px;}
}

/*======================================================================= */
/*                serch.php 用　　                                         */
/*======================================================================= */
.article_meta time{
margin-left:0;margin-bottom:5px;
border-bottom: 1px dotted black;font-size:14px;}
.article_a a{text-decoration: none;
 font-size:14px;color:#eb6100;margin:0px 2px 0px;}
/* 「カテゴリータイトル」個別のマージン　   serch.php*/
.article_a a{
padding:0px 0px 0 0;margin-top:0px;
line-height:1;display:inline-block;
padding:5px 10px 3px;font-size:14px;
text-decoration:none;border:1px solid #eb6100;}
.article_a a:hover{background:#eb6100;color:white;}
/* serch.php の 記事のタイトル（見出し） =================================== */
h2.news_title_serach{
font-weight:bold;
font-family:Helvetica Neue,Helvetica,Hiragino Sans,
"ヒラギノ角ゴ ProN W3",Hiragino Kaku Gothic ProN;}
h2.news_title_serach{
 color:darkgreen;font-size:24px;margin:-1px 0 10px;line-height:1.2;}

@media only screen and (max-width:420px){
h2.news_title_serach{font-size:20px;margin:-1px 0 10px;line-height:1.2;}
.article_a a{display:none;}
}