@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:0px;margin-bottom:0px;}

@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%;}
}
/* ↑　10/3 追記　ここまで　*/

/* =============================================================================
    サイドバー  カテゴリー
============================================================================= */
.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:20px 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:20px 15px 20px 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:15px 10px;}
.archive .archive_list li a{
  padding:10px 15px 10px 10px;}
}

/*==============================================================================
 　サイドバー　　階層アーカイブリスト　
 ============================================================================ */
/* 年度別階層アーカイブ */
.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;}
/* あとで消してあとで消してあとで消してあとで消してあとで消してあとで消してあとで消して　*/.article .article_meta{border: 1px solid red}
/* 「カテゴリータイトル」個別のマージン　*/
.article .article_meta ul li{padding:0px 3px 0 0;}
/* 「カテゴリータイトル」カテゴリ名の指定　*/
.article .article_meta ul li a{line-height:1;display:inline-block;
  padding:5px 10px 3px;font-size:14px;color:#eb6100;border:1px solid #eb6100;
  text-decoration:none;}

 /*single.php の　「「記事の日付」*/
.article .article_meta time{
  margin-left:auto;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;n}

/* 「記事のタイトル」 書体 *//* 10/7 変更「"メイリオ",Meiryo,sans-seri」 削除 　　10/7 変更*/
.title_space .main_title{
font-weight:bold;
font-family:Helvetica Neue,Helvetica,Hiragino Sans,
"ヒラギノ角ゴ ProN W3",Hiragino Kaku Gothic ProN;}
/* 「記事のタイトル」 文字の指定　サイズ、位置など */
/* 「9/22変更　元 margin: 85px auto 10px;　*/
.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:darkgreen;opacity:0.7;}
/*.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;font-size:14px;}

/* index.php の 記事のタイトル（見出し） =================================== */
.news .news_title{
 color:darkgreen;font-size:24px;padding:5px 0 0 ;
 line-height:1.3;}

.article_meta{display: flex;justify-content: space-between;}

/* カテゴリーの名前　 font-size color ======================================== */
.news .news_meta ul li a{
 line-height:1;
 display:flex;
 padding:5px 10px;margin-left: 0px;
 font-size:14px;color:#0293AD;
 color:black;background: white;
 text-decoration:none;}
.category_name{padding: 0px 0 0px;}
.article_meta .category_name a{
  color:#eb6100;border: 1px solid #eb6100;
  font-size: 14px;
  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;}

/* レスポンシブ　==============================================================*/
@media only screen and (max-width:1140px){
/* 「カテゴリータイトル」全体のマージン　*/
.article .article_meta{padding:0px 0;}
.article .article_meta{margin: 10px 0 0px;}
/* 「カテゴリータイトル」個別のマージン　*/
.article .article_meta ul li{padding:0px 3px 0 0;}
/* 「カテゴリータイトル」カテゴリ名の指定　*/
.article .article_meta ul li a{padding:6px 10px 3px;font-size:14px;}

/* 「カテゴリー名」「年月日」 ============= */
.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;}
/* カテゴリーの名前　 font-size color =============== */
.news .news_meta ul li a{padding:5px 10px;margin-left: 0px;font-size:14px;}
.news .news_time{margin:0;font-size:14px}/* 日付 ============= */
/* 記事のタイトル ==== */
.news .news_title{font-size:24px;padding:5px 0 0;line-height:1.3;}
/* [この記事を表示] */
.news_desc a{font-size: 13px;padding: 2px 0px;}
}/*max-width:1140px*/


@media only screen and (max-width:960px){
.article .article_meta{flex-direction: column;align-items: flex-start;
  margin: 10px 0 0px;}/*ここから　2段に変更*/
.article .article_meta time{margin-left:0;}/*single.php の　「「記事の日付」*/
/* 「カテゴリー名」「年月日」 ============= */
.title_space .main_title{
width: 680px;
font-size:20px;
line-height: 30px;
padding: 10px 26px;}

/* 投稿スペース全体　大きさ・下線　の設定===================*/
.news{width:500px;margin: 10px auto 10px;}
/* カテゴリースペース　の設定=====================*/
.news .news_meta{width:500px;padding:10px 0 0;margin: 0 auto 0;}
}/*max-width:960px*/

@media only screen and (max-width:767px){
/* 「カテゴリー名」「年月日」 9/22変更　元 margin-top:80px; ========== */
.title_space .main_title{
width:500px;margin-top:104px;
font-size:20px;line-height: 30px;
padding: 12px 30px;}
/* 投稿スペース全体　大きさ・下線　margin-bottom: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;}
/* カテゴリーの名前　 font-size color =========== */
.news .news_meta ul li a{padding:5px 10px;margin-left: 0px;font-size:14px;}
.news .news_time{margin:0;font-size:14px;}/* 日付 ============= */
/* 記事のタイトル ============= */
.news .news_title{font-size:22px;padding:5px 0 0 ;line-height:1.3;}
/* [この記事を表示] */
.news_desc a{font-size: 13px;padding: 2px 0px;}
/*　副題　======================== */
.entry-subtitle{
 font-family:Helvetica Neue,Helvetica,Hiragino Sans,
 "ヒラギノ角ゴ ProN W3",Hiragino Kaku Gothic ProN;
 font-size:16px;text-align: justify;
 color:#666;
 line-height:1.5;
 margin-top:3px;}

}/*max-width:767px*/

@media only screen and (max-width:555px){
/* 「カテゴリー名」「年月日」 9/22変更　元 margin: 96px auto 10px; ===== */
.title_space .main_title{
width:92%;margin: 104px auto 10px;
font-size:20px;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;}
/* カテゴリーの名前　 font-size color ========= */
.news .news_meta ul li a{padding:5px 10px;margin-left: 0px;font-size:14px;}
.news .news_time{margin:0 0;font-size:14px;}/* 日付 ============= */
/* 記事のタイトル ============= */
.news .news_title{font-size:20px;padding:5px 0 0;line-height:1.3;}
/* 投稿の本文  「カテゴリページ」「月別ページ」の本文の指定*/
.news_desc{font-size: 13px;line-height: 20px;padding:0px 0 0px 0px;}
/* [この記事を表示] */
.news_desc a{font-size: 13px;padding: 2px 0px;}
}/*max-width:555px*/

@media only screen and (max-width:420px){
/* 「記事のタイトル」 9/22変更　元 margin: 90px auto 10px;　*/
.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;}
.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{
 font-family:Helvetica Neue,Helvetica,Hiragino Sans,
 "ヒラギノ角ゴ ProN W3",Hiragino Kaku Gothic ProN;
 font-size:14px;text-align: justify;
 color:#666;
 line-height:1.5;
 margin-top:5px;}
}/*max-width:420px*/