@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;}

@media only screen and (max-width:767px){
}
@media (min-width:576px){
.container{max-width:540px;}
}
@media (min-width:768px){
.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:768px){
.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 の　「カテゴリー名の枠」　と　「記事の日付」　のスペース
============================================================================= */
.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;justify-content:space-between;
 padding:30px 0;margin-top: -30px;}

.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;justify-content:space-between}
.article .article_meta ul li{padding-right:10px;}
.article .article_meta ul li a{line-height:1;display:inline-block;
 padding:5px 10px;font-size:14px;color:#eb6100;border:1px solid #eb6100;
 text-decoration:none;}
 /*single.php の　「「記事の日付」*/
.article .article_meta time{margin-left:auto;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;}
.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;}

/* 「記事のタイトル」 書体 *//* 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:20px;border-bottom: 2px dotted  #999999;
  margin-top:0px;}

.news a{text-decoration:none;display:inline-block;color:#777777;
font-size:13px;margin-bottom:5px}/* 「この記事を表示」 ============= */
.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}  画像は入れない　*/

/* カテゴリースペース　の設定=======#FFC7AF  #FFAD90 ===========================*/
.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;}
/* カテゴリー名前の枠　配置の設定================================================*/
.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;}
/* カテゴリーの名前　 font-size color ========================================= */
.news .news_meta ul li a{
 line-height:1;
 display:inline-block;
 padding:5px 10px;margin-left: 0px;
 font-size:14px;color:#0293AD;
 color:black;background: white;
 text-decoration:none;}
.news .news_time{
  display: block;margin:10px 0 0 0;border-bottom: 1px solid #999999;
  font-size:14px;}/* index.php の　日付 ============= */
.news .news_title{
  color:darkgreen;font-size:18px;
  padding:12px 0 0 ;
  line-height:1.5;}/* index.php の 記事のタイトル ============= */
/* 「この記事を表示」 ============= */
.news .news_desc p{font-size:13px;margin-bottom:5px;}

/* ↓　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;}
/* [この記事を表示] */
.news_desc a{color: darkgreen;font-size: 13px;padding: 2px 0px;}
.news_desc a:hover{color:#eb6100;}

/* レスポンシブ　==============================================================*/
@media only screen and (max-width:1140px){
/* 「カテゴリー名」「年月日」 ============= */
.title_space .main_title{width: 920px;}
/* 投稿スペース全体　大きさ・下線　の設定=======*/
.news{width:650px;margin-bottom:30px;}
/* カテゴリースペース　の設定=============*/
.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:10px 0 0 0;font-size:14px}/* 日付 ============= */
/* 記事のタイトル ==== */
.news .news_title{font-size:18px;padding:12px 0 0 ;line-height:1.5;}
/* [この記事を表示] */
.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: -30px 0 -10px;}/*ここから　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 20px;}
/* カテゴリースペース　の設定=====================*/
.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%;}
/* カテゴリースペース　の設定=================*/
.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:10px 0 0 0;font-size:14px;}/* 日付 ============= */
/* 記事のタイトル ============= */
.news .news_title{font-size:18px;padding:12px 0 0 ;line-height:1.5;}
/* [この記事を表示] */
.news_desc a{font-size: 13px;padding: 2px 0px;}
}/*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:30px;}
/* カテゴリースペース　の設定============*/
.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:10px 0 0 0;font-size:14px;}/* 日付 ============= */
/* 記事のタイトル ============= */
.news .news_title{font-size:18px;padding:12px 0 0 ;line-height:1.5;}
/* 投稿の本文  「カテゴリページ」「月別ページ」の本文の指定*/
.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;}
.postLinks{margin:50px -4px 0 -5px;}
.postLink-prev i,.postLink-prev svg{margin-right:3px;}
.postLink-next i,.postLink-next svg{margin-left:3px;}
}/*max-width:420px*/