@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.0.7
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/************************************************************************
** ●●この stylesheet(styl.css)ファイルを共用して、神名火山の会 令和プライズ 浜田スキークラブの stylesheet(styl.css)ファイルとする
https://008nw.com/pcdiary/wordpress/wp-content/themes/cocoon-child-master/style.css
************************************************************************/

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1240px以下*/
@media screen and (max-width: 1240px) {
  /*必要ならばここにコードを書く*/
}

/*1030px以下*/
@media screen and (max-width: 1030px) {
  /*必要ならばここにコードを書く*/
}

/*768px以下*/
@media screen and (max-width: 768px) {
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px) {
  /*必要ならばここにコードを書く*/
}

/************************************
** ●見出し(h1-6)
************************************/
.article h1,
.article h2,
.article h3,
.article h4,
.article h5,
.article h6 {/*見出し初期化*/
  border-bottom: none;
  border-collapse: separate;
  border-left: none;
  border-right: none;
  border-spacing: 0;
  border-top: none;
  font-size: medium;
  line-height: normal;
  margin: 0;
  padding: 0;
  position: relative;
}
.article h1 {
  /*見出し１*/
  background: #45546c;
  border-radius: 6px;
  box-shadow: 2px 2px 2px 0 rgba(0,0,0,.3);
  color: #fff;
  font-size: 22px;
  letter-spacing: .4px;
  line-height: normal;
  margin: 0 0 10px 0;
  padding: 10px 7px 10px 10px;
}
@media screen and (max-width: 480px) {
  .article h1 {
    /*見出し１*/
    font-size: 20px;
    line-height: normal;
    margin: 5px 0 5px 0;
  }
}
.article h2 {
  /*見出し２*/
  background: #e5f2ff;
  border-bottom: 1.5px solid #0071a1;
  border-left: 10px solid #0071a1;
  border-radius: 0 6px 6px 0;
  box-shadow: 2px 2px 2px 0 rgba(0,0,0,.3);
  color: #333;
  font-size: 20px;
  letter-spacing: .4px;
  line-height: normal;
  margin: 76px 0 5px 0;
  padding: 10px 7px 10px 10px;
}
@media screen and (max-width: 480px) {
  .article h2 {
    /*見出し２*/
    font-size: 18px;
    line-height: normal;
    margin: 56px 0 5px 0;
  }
}
.article h3 {
  /*見出し３*/
  background: #f3f3f3;
  border-radius: 0 6px 6px 0;
  box-shadow: 2px 2px 2px 0 rgba(0,0,0,.2);
  color: #333;
  font-size: 18px;
  letter-spacing: .4px;
  line-height: normal;
  margin: 24px 0 20px 0;
  padding: 9px 7px 9px 10px;
}
@media screen and (max-width: 480px) {
  .article h3 {
    /*見出し３*/
    font-size: 18px;
    line-height: normal;
    margin: 22px 0 5px 0;
  }
}
.article h4 {
  /*見出し４*/
  background: #61a1d7;
  border-left: 5px solid #61a1d7;
  border-radius: 0 6px 6px 0;
  box-shadow: 2px 2px 2px 0 rgba(0,0,0,.2);
  font-size: 16px;
  letter-spacing: 2px;
  line-height: 23px;
  margin: 35px -8px 20px -8px;
  padding: 8px 7px 8px 10px;
}
.article h5 {
  /*見出し５*/
  background: #61a1d7;
  border: 1px solid #61a1d7;
  border-radius: 6px;
  box-shadow: 3px 3px 2px rgba(0,0,0,.3);
  font-size: 16px;
  letter-spacing: 2px;
  line-height: 27px;
  margin: 35px 20px 20px 20px;
  padding: 5px 5px 5px 5px;
  text-align: center;
}
.article h6 {
  /*見出し６*/  
  background-color: #61a1d7;
  border-radius: 10px;
  box-shadow: 2px 2px 2px 0 rgba(0,0,0,.2);
  font-size: 16px;
  letter-spacing: 2px;
  line-height: 25px;
  margin: 35px 0 20px 0;
  padding: 8px 16px 8px 25px;
  position: relative;
}
.article h6::after {
  /*見出し６*/  
  border: 12px solid transparent;
  border-top: 13px solid #61a1d7;
  content: "";
  height: 0;
  left: 20px;  
  position: absolute;
  top: 100%;
  width: 0;
}
/************************************
** ●メインとサイドバー
************************************/
.main {
  background-color: #fff;
  border: 2px solid #b7b7b7;
  border-radius: 6px;
  margin-top: 10px;
  padding: 20px 40px;
}
.sidebar {
  background-color: #f2f2f2;
  border-radius: 0;
  border-right: solid 2px #b7b7b7;
}

@media screen and (max-width: 840px) {
  main.main,
  div.sidebar {
    background-color: #fff;
    margin-bottom: 0;
    margin-top: 0;
    padding: 20px 40px!important;
  }
  .sidebar {
    background-color: #fff;
  }
}
@media screen and (max-width: 480px) {
  .main {
    padding: 15px;
  }
  main.main,
  div.sidebar {
    padding: 1px 15px!important;
  }
}
/************************************
** ●コンテンツ領域の上下間調整
************************************/
.content {
  margin-bottom: 10px; /*フッターとコンテンツ間の縦幅*/
  margin-top: 10px; /*ヘッダーとコンテンツ間の縦幅*/
}
@media screen and (max-width: 1030px) {
  #content-in {
    display: flex;
    flex-wrap: nowrap;
    margin: 0 0 0 10px;
  }
}
@media screen and (max-width: 840px) {
  .content {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
  }
  #content-in {
    display: block;
    margin: 0 0 0 0;
  }
}
/************************************
** ●ヘッダーとグローバルメニュー間余白
************************************/
.logo-image {
  padding: 0;
}
.logo-image * {
  display: block;
  margin: auto;
}
/************************************
** ●サイドバー
************************************/
#sidebar .widget {
  line-height: 120%;
  margin-bottom: 10px;
  margin-top: 6px;
}
.sidebar.nwa.cf {
  padding-top: 10px; /*Googleアドセンス表示時（無いときは0px設定）*/
}
/* ウェジェット マージン */
.widget_categories ul li a,
.widget_wp-monthchunks-widget ul li,
.widget_links ul li,
.widget_countperday_widget ul li {
  line-height: 1.3;
  margin: 10px;
  padding: 0 10px 0;
}
/************************************
** ●サイドバータイトル
************************************/
#sidebar h3 {
  background: transparent;
  border-bottom: 5px solid rgba(69, 84, 108, .7);
  color: #333;
  font-size: 17px;
  letter-spacing: .4px;
  margin: 0 0 10px 0;
  padding: 10px 10px 10px 10px;
  width: 100%;
}
/************************************
** ●サイドバータイトル スライドインボタン設定時
************************************/
#sidebar-menu-content h3 {
  background: #0071a1;
  border-bottom: 1px solid #0071a1;
  border-left: 6px solid #0071a1;
  border-radius: 0 6px 6px 0;
  color: #fff;
  font-size: 16px;
  letter-spacing: 8px;
  line-height: 100%;
  margin: 10px 0 20px 0;
  padding: 10px 10px 10px 10px;
  text-align: center;
}
/************************************
** ●トップページ
************************************/
.home main,
.archive main {
  /* margin-top: 0px; /*記事一覧上マージン*/
  /* padding-top: 10px; /*記事一覧下マージン*/
  /* background-color: #f2f2f2; */
  /* border: none!important; /*man枠非表示*/
}
.entry-card-wrap {
  border-radius: 4px;
  box-shadow: 0 0 0 1px rgba(148,148,148,0);
  margin-bottom: .0em!important;
  margin-left: 0!important;
  margin-right: 0!important;
  padding-bottom: 0;
  padding-top: 10px;
  transition: all .5s ease;
}	
.entry-card-thumb-image.card-thumb-image.wp-post-image {
  border-radius: 4px;
}
.entry-card-wrap.a-wrap:hover {
  background-color: #eaeaea;
}
.entry-card:hover {
  background-color: #eaeaea;
}
.entry-card-snippet.card-snippet.e-card-snippet {
  color: #333;
  font-size: 14px;
  margin-bottom: 2px;
}
.entry-card-title {
  border-radius: 3px;
  color: #666;
  font-family: "Noto Sans JP" ,sans-serif;
  font-size: 17px;
  line-height: 1.4;
  margin-bottom: 6px;
  margin-top: 2px;
  padding: 3px 3px 3px 3px;
}
.entry-card-title:hover {
  color: #333;
}
.e-card-info {
  color: #666;
}
@media screen and (max-width: 1030px) {
  .entry-card-title {
    font-size: 16px;
    line-height: 1.4;
    margin-top: 6px;
  }
}
.entry-category {
  display: none;
}
@media screen and (max-width: 768px) {
  .home main,
  .archive main {
    background-color: #fff;
  }
}
@media screen and (max-width: 480px) {
  .home main,
  .archive main {
    padding: 0 15px;
  }
  .entry-card-wrap {
    margin-left: 0!important;
    margin-right: 0!important;
    padding-left: 0;
    padding-right: 0;
  }
  .entry-card-title {
    color: #333;
    margin-left: 51px!important;
  }
}
/************************************
** ●カテゴリー
************************************/
.widget_categories ul li a {
  border-bottom: 1px dashed #dbdbdb;
  color: #333;
  display: block;
  font-size: 14px;
  font-weight: normal ;
  margin: 10px 50px;
  padding: 4px 20px 2px 20px;
  text-decoration: none;
  width: 80%;
}
.widget_categories ul li a::before {
  content: "\f07c";
  font-family: FontAwesome;
  padding-right: 12px;
}
.widget_categories > ul > li > a:first-child {
  border-top: none;
}
.widget_categories ul li ul li a {
  border-bottom: 1px dashed #dbdbdb;
  color: #333;
  display: block;
  padding: 4px 4px 2px 10px;
  text-decoration: none;
}
.widget_categories ul li ul li a::before {
  color: #949494;
  content: "\f115";
  font-family: FontAwesome;
  padding: 0 6px 0 2px;
}
.widget_categories ul li a .post-count {
  border-radius: 2px;
  display: inline-block;
  float: right;
  font-size: 14px;
  line-height: 1.4;
  margin-left: 8px;
  padding: 0 10px 0 10px;
  text-decoration: none;
  white-space: nowrap;
}
.widget_categories ul li a:hover {
  background: #eaeaea;
  color: #333;
  transition: all .8s ease;
}
.widget_categories ul li a:hover .post-count {
  background: #949494;
  color: #fff;
  transition: all .8s ease;
}
/************************************
** ●カテゴリの行間とフォントを小さくする
************************************/
.widget_categories ul li a {
  font-size: 14px;
  line-height: 1.0;
}
/************************************
** ●カテゴリー／アーカイブ見出し
************************************/
#archive-title {
  background-color: #45546c;
  border-radius: 4px;
  color: white;
  display: inline-block;
  font-size: 18px;
  letter-spacing: 4px;
  margin-bottom: 10px;
  padding: 6px 15px;
  padding-bottom: 8px;
  text-align: center;
}
/************************************
** ●関連記事見出し
************************************/
.related-entry-heading {
  font-size: 22px;
  letter-spacing: 4px;
  margin-bottom: 8px;
  margin-top: 40px;
  text-align: center;
}
/************************************
** ●関連記事
************************************/
.related-entry-card-wrap.a-wrap.cf {
  padding-bottom: 0;
}
.related-entry-card-content.card-content.e-card-content {
  padding-bottom: 16px;
}
.related-entry-card-title.card-title.e-card-title {
  align-items: center;
  display: flex;
  font-size: 16px;
  height: 67px!important;
}
@media screen and (max-width: 1030px) {
  .related-entry-card-title.card-title.e-card-title {
    font-size: 14px;
  }
  .related-entry-card-content.card-content.e-card-content {
    padding-bottom: 0;
  }
}
/************************************
** ●関連記事のサムネイル画像
************************************/
.related-entry-card-thumb-image.card-thumb-image.wp-post-image {
  border-radius: 4px!important;
  box-shadow: 2px 2px 2px 0 rgba(0,0,0,.3)!important;
}
/*****************************
** ●エントリー記事内の画像に影を付ける
*****************************/
.shadow1 {
  box-shadow: 5px 5px 5px #999;
}
/*****************************
** ●記事中の画像に枠を表示する場合は、class="border"を指定する
*****************************/
.border {
  border: 1px solid #ccc!important;
}
/************************************
** ●記事本文左右マージン
************************************/
.entry-content p {
  padding-left: 0;
  padding-right: 0;
}
@media screen and  (max-width: 480px) {
  .entry-content p {
    padding-left: 0;
    padding-right: 0;
  }
}
/*****************************
** ●キーボードキー風の影を消す
*****************************/
.keyboard-key {
  box-shadow: none;
}
/************************************
** ●リンクテキスト カスタマイズ
************************************/
a {
  /*リンクテキスト装飾無し*/
  text-decoration: none;
}
.post a:hover {
  /*リンクテキストホバー時アンダーライン表示*/
  text-decoration: underline;
}
.share-button {
  /*シェアボタン装飾無し*/
  text-decoration: none!important;
}
.follow-button {
  /*フォローボタン装飾無し*/
  text-decoration: none!important;
}
.cat-link {
  /*カテゴリーラベル装飾無し*/
  text-decoration: none!important;
}
.tag-link {
  /*タグラベル装飾無し*/
  text-decoration: none!important;
}
.blogcard-wrap.external-blogcard-wrap.a-wrap.cf,
.blogcard-wrap.internal-blogcard-wrap.a-wrap.cf {
  /*ブログカード装飾無し*/
  text-decoration: none!important;
}
/*****************************
** ■目次カスタマイズ
*****************************/
.toc {
  background: #fbfbfb;
  border: 2px solid #949494;
  border-radius: 6px;
  box-shadow: 2px 2px 2px 0 rgba(0,0,0,.2);
  font-size: 15px;
  line-height: 1.5;
  margin-bottom: 1em;
  margin-top: 1em;
  min-width: 65%;
  padding: 1em 1em 1em 1em;
}
@media screen and (max-width: 1030px) {
  .toc {
    min-width: 100%;
  }
}
.toc-title {
  background: #949494;
  color: #fff;
  font-size: 16px;
  font-style: oblique;
  font-weight: bold;
  padding: 6px 16px;
  text-align: center;
}
.toc-title::before {
  content: "\f0f6";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: 500;
  margin-right: .3em;
}
.toc-content {
  padding: 6px 20px;
}
.toc-content li a:hover {
  background: #e7e7e7;
  text-decoration: none;
  transition: all .8s ease;
}
.toc ul.toc-list > li,
.toc ol.toc-list > li {
  margin-top: .4em;
}
.toc ul.toc-list > li > a,
.toc ol.toc-list > li > a {
  border-bottom: 1px dashed #dadada;
  font-weight: bold;
}
.toc ul li a,
.toc ol li a {
  border-bottom: 1px dashed #dadada;
  display: block;
  margin-left: -20px;
  padding-left: 20px;
}
/************************************
** ●インデックスのサムネイル画像のサイズを変更
************************************/
.entry-card-thumb {
  width: 22%;
}
.entry-card-content {
  margin-bottom: .3em;
  margin-left: 55px;
}	
@media screen and  (max-width: 480px) {
  .entry-card-thumb {
    width: 42%;
  }
}	 
/************************************
** ●インデックスの日付サイズを変更
************************************/
.post-date,
.post-update {
  font-size: 12px;
}
/************************************
** ●インデックスのスニペット（説明文）
************************************/
.entry-card-snippet.card-snippet.e-card-snippet {
  color: #888;
  font-size: 12px;
  margin-bottom: 10px;
  padding-left: 10px;
}
/************************************
** ●エントリーカードラベル
************************************/
.entry-card .cat-label {
  background-color: #696969;
  color: #fff;
}
.related-entry-card .cat-label {
  background-color: #696969;
  color: #fff;
}
.entry-card,
.related-entry-card {
  border-bottom: 2px dotted #ddd;
  position: relative;
}
@media screen and (max-width: 768px) {
  .entry-card {
    border-bottom: 2px dotted #ccc;
  }
} 
/************************************
** ●カテゴリーラベル
************************************/
.cat-link {
  background-color: #949494;
  border: 0;
  border-radius: 9px 3px;
  color: #fff;
  display: inline-block;
  font-size: 12px;
  margin-right: 5px;
  padding: 2px 6px 0 6px;
  text-decoration: none;
  word-break: break-all;
}
.cat-link:hover {
  background-color: #949494;
  color: #fff;
  opacity: .6;
  transition: all .8s ease;
}
/************************************
** ●タグラベル
************************************/
.tag-link {
  background-color: #949494;
  border: 0;
  border-radius: 9px 3px;
  color: #fff;
  display: inline-block;
  font-size: 12px;
  margin-right: 5px;
  padding: 2px 6px 0 6px;
  text-decoration: none;
  word-break: break-all;
}
.tag-link:hover {
  background-color: #949494;
  color: #fff;
  opacity: .6;
  transition: all .8s ease;
}
/************************************
** ●日付
************************************/
.date-tags {
  color: #333;
  line-height: 1.4;
}
.post-date,
.post-update {
  display: inline;
  font-size: 14px;
  margin-bottom: 7px;
  padding-right: 4px;
}
@media screen and (max-width: 480px) {
  .post-date,
  .post-update {
    font-size: 13px;
  }
}
.post-date::before {
  content: "\f093";
  font-family: FontAwesome;
  padding-right: 4px;
}
.post-update::before {
  content: "\f148";
  font-family: FontAwesome;
  padding-right: 4px;
}
/************************************
** ●ページ送りボタン／戻りボタン
************************************/
.pagination-next,
.pager-prev-next {
  background-color: #fff;
  border: solid 1px #45546c;
  border-radius: 6px;
  margin-left: auto;
  margin-right: auto;
  transition: all .8s ease;
  width: 80%;
}
.page-numbers {
  background-color: #fff;
  border: solid 2px #45546c;
  border-radius: 6px;
  box-shadow: 3px 3px 2px 0 rgba(0,0,0,.3);
  color: #949494;
  font-family: sans-serif;
  font-size: 90%;
  font-weight: bold;
  transition: all .8s ease;
}
.pagination a.page-numbers:hover {
  background-color: #45546c;
  color: #fff;
}
.pagination .current {
  background-color: #45546c;
  border: solid 2px #45546c;
  border-radius: 6px;
  box-shadow: 3px 3px 2px 0 rgba(0,0,0,.3);
  color: #fff;
  font-family: sans-serif;
  font-size: 120%;
  font-weight: bold;
}
.pagination-next-link.key-btn {
  color: #fff;
  font-size: 1em;
  padding: 0;
}
.key-btn {
  background-color: #45546c;
  border-color: #45546c;
} 
.page-numbers.dots {
  border-color: #45546c;
  opacity: 1;
}
.pagination {
  margin: 10px 0;
}
.page-numbers {
  height: 30px;
  line-height: 30px;
}
/************************************
** ●人気記事ランキング表示
************************************/
/*順位数表示のカスタマイズ*/
.widget-entry-cards.ranking-visible .card-thumb::before {
  background: #89c3eb;
  border: 2px solid #fff;
}
.widget-entry-cards.ranking-visible .widget-entry-card-thumb::before {
  border-radius: 50%;
  font-style: oblique;
  font-weight: bold;
  height: 12px;
  left: -4px;
  line-height: 12px;
  padding: 3px 5px;
  top: -4px;
  width: 15px;
  z-index: 1;
}
/*タイトル縦中央*/
.popular-entry-card-title.widget-entry-card-title.card-title {
  align-items: center;
  display: table;
  height: 67px!important;
}
.popular-entry-card-title {
  font-size: 14px;
  font-weight: bold;
}
@media screen and (max-width: 480px) {
  .popular-entry-card-title {
    font-size: 12px;
  }
}
/*ランキング間の隔幅調整*/
.popular-entry-card-link.a-wrap {
  margin-bottom: 2px;
  margin-top: 2px;
  padding-bottom: 2px;
  padding-top: 2px;
}
.attachment-thumb120.size-thumb120.wp-post-image {
  border-radius: 3px;
  box-shadow: 2px 2px 2px 0 rgba(0,0,0,.3);
}
/************************************
** ●人気記事ランキング表示
************************************/
.popular-entry-card-title.widget-entry-card-title.card-title {
  font-family: "Noto Sans JP" ,sans-serif;
  font-size: 14px;
  font-weight: normal;
  height: 50px!important;
}
.attachment-popular_entries_thumb.size-popular_entries_thumb.wp-post-image {
  border-radius: 3px;
  box-shadow: 2px 2px 2px 0 rgba(0,0,0,.3);
  width: 40%;
}
/************************************
** ●人気記事ランキング PV表示
************************************/
.widget-entry-card-pv {
  font-size: .7em;
  font-style: italic;
  margin-left: 10px;
} 
/************************************
** ●サムネイル画像のホバー時エフェクト処理
************************************/
/*記事一覧の画像*/
.entry-card:hover figure img {
  opacity: .6;
  transition: all .8s ease;
}
/*記事一覧画像の画像*/
.entry-card-wrap.a-wrap:hover figure img {
  opacity: .6;
  transition: all .8s ease;
}
/*人気記事の画像*/
.popular-entry-card-link.a-wrap:hover figure img {
  opacity: .6;
  transition: all .8s ease;
}
/*関連記事の画像*/
.related-entry-card-wrap.a-wrap.cf:hover figure img {
  opacity: .6;
  transition: all .8s ease;
}
/*次の記事の画像*/
.prev-post.a-wrap.cf:hover figure img {
  opacity: .6;
  transition: all .8s ease;
}
/*前の記事の画像*/
.next-post.a-wrap.cf:hover figure img {
  opacity: .6;
  transition: all .8s ease;
}
/*ブログカードの画像*/
.blogcard:hover figure img {
  opacity: .6;
  transition: all .8s ease;
}
/*ブログカード画像の画像*/
.blogcard-thumbnail:hover figure img {
  opacity: .6;
  transition: all .8s ease;
}
/*タイトル画像*/
.site-name-text:hover img {
  opacity: .6;
  transition: all .8s ease;
}
/************************************
** ●検索
************************************/
.sidebar .search-box,
.search-menu-content .search-box {
  border-radius: 6px;
  display: flex;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1em;
  position: relative;
  width: 80%;
}
.search-menu-content .search-box {
  box-shadow: 0 4px 6px 0 #333;
}
.sidebar .search-edit,
.search-menu-content .search-edit {
  background: #fff;
  border: 2px solid #0071a1;
  border-radius: 6px 0 0 6px;
  font-size: 16px;
  padding: 0 10px;
  width: 80%;
}
.search-submit {
  background: #0071a1;
  border: none;
  border-radius: 0 6px 6px 0;
  color: #fff;
  cursor: pointer;
  font-size: 20px;
  line-height: 40px;
  padding: 0;
  position: static;
  right: auto;
  top: auto;
  width: 20%;
}
.search-box input::placeholder {
  color: #bbb;
}
.search-box input:focus,
.search-box button:focus {
  outline: 0;
}
/************************************
** ●検索ウィンドウと月選択ウィンドウの枠線のカラー（フォーカス時）
************************************/
.search-edit:focus {
  border-color: #949494;
  outline: none;
}
#archives-dropdown-3:focus {
  border-color: #949494;
  outline: none;
}
.goog-te-combo:focus {
  border-color: #949494;
  outline: none;
}
/************************************
** ●ホバー時の背景色設定
************************************/
.widget_recent_entries ul li a:hover,
.widget_categories ul li a:hover,
.widget_archive ul li a:hover,
.widget_pages ul li a:hover,
.widget_meta ul li a:hover,
.widget_rss ul li a:hover,
.widget_nav_menu ul li a:hover,
.navi-in a:hover,
.navi-footer-in a:hover,
.a-wrap:hover,
.comment-reply-link:hover,
.recent-comments .a-wrap:hover .recent-comment-content,
.pagination a:hover,
.pagination-next-link:hover,
.comment-btn:hover,
.pager-links a:hover span,
.pager-links a:hover span,
.mobile-menu-buttons .menu-button:hover,
.menu-drawer a:hover,
.wpp-list li:hover,
/*人気記事ランキング WordPress Popular Posts*/
.bp-login-widget-register-link a:hover {
  background-color: #eaeaea;
  border-radius: 6px;
  color: #333;
  transition: all .8s ease;
}
/************************************
** ●ヘッダーメニュー
************************************/
.navi.cf {
  background: url(https://008nw.com/sas/wordpress/images/menu_backgroundimage_b.png) center repeat;
}
.caption-wrap {
  align-items: center;
  display: flex;
  font-weight: bold;
  height: 44px!important;
  justify-content: center;
}
/************************************
** ●フッターメニュー
************************************/
.footer.footer-container.nwa,
.footer-in.wrap.cf,
.footer-bottom.fdt-up-and-down.fnm-text-width.cf {
  align-items: flex-end;
  display: flex;
  justify-content: center;
}
.footer-bottom {
  margin-bottom: 25px;
}
@media screen and (max-width: 834px) {
  .navi-footer-in > .menu-footer li.menu-item {
    display: none;
  }
}
/************************************
** ●モバイルメニュー（メニューバーに表示）
************************************/
@media screen and (max-width: 1030px) {
  #header-container .menu-mobile {
    display: none;
  }
  .navi-in > .menu-mobile {
    -webkit-box-pack: start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        flex-wrap: nowrap;
    justify-content: flex-start;
    overflow-x: scroll;
    white-space: nowrap;
  }
  #header-container #navi a {
    font-size: .8em;
    padding: 0 1.2em;
  }
  #header-container .navi-in > ul > .menu-item-has-children > a::after {
    display: none;
  }
  #navi .navi-in > .menu-mobile li {
    height: auto;
    line-height: 1.8;
  }
  .mblt-header-mobile-buttons {
    margin-top: 53px;
  }
}
/************************************
** ●次の記事／前の記事のフォント
************************************/
.prev-post.a-wrap.cf,
.next-post.a-wrap.cf {
  font-size: 16px;
  font-weight: bold;
}
@media screen and (max-width: 1030px) {
  .prev-post.a-wrap.cf,
  .next-post.a-wrap.cf {
    font-size: 14px;
    font-weight: bold;
  }
}
/************************************
** ●コメントを書き込むの強調
************************************/
.comment-btn.key-btn {
  border: solid 2px #949494;
  border-radius: 6px;
  font-size: 18px;
  font-weight: bold;
}
/************************************
** ●タグクラウド
************************************/
.tagcloud {
  padding: 0 2px 0 2px;
}
.tagcloud a {
  background-color: #949494;
  border: 0;
  border-radius: 9px 3px;
  color: #fff;
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 2px;
  margin-right: 2px;
  padding: 2px 6px 0 6px;
  text-decoration: none;
  word-break: break-all;
}
.tagcloud a:hover {
  background: #eaeaea;
  color: #646464;
  transition: all .6s ease;
}
/************************************
** ●広告ラベル
************************************/
.ad-label {
  background-color: #45546c;
  border-radius: 6px;
  color: white;
  display: inline-block;
  margin-bottom: 10px;
  margin-top: 10px;
  padding: 4px 8px;
  width: 70%;
}
/************************************
** ●エントリーカードのアイキャッチ画像左上のカテゴリー非表示
************************************/
.cat-label {
  /* display: none; */
}
/************************************
** ●インデックスカード集　外枠
************************************/
.ect-entry-card {
  background-color: #fff;
  margin-bottom: 1em;
  margin-left: auto;
  margin-right: auto;
  padding: .3em 0 .3em 0;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .ect-entry-card {
    background-color: #fff;
    border: 0 solid #0071a1;
  }
}
/************************************
** ●投稿ページ　外枠
************************************/
.entry-content {
  background-color: #fff;
  padding: 1.0em 0 1.0em 0;
  width: 100%;
}
@media screen and  (max-width: 768px) {
  .entry-content {
    border: 1px solid #fff;
  }
}
/************************************
** ●おすすめ記事
************************************/
.navi-entry-card-thumb img {
  border-radius: 6px;
  width: 42px;
}
.navi-entry-card-title {
  font-family: "Noto Sans JP" ,sans-serif;
  font-size: 14px;
}	
/************************************
** ●おすすめ記事 リボン
************************************/
.ribbon-top-left span {
  right: -35px;
  top: 18px;
  transform: rotate(-45deg);
}
.ribbon span {
  padding: 3px 0;
}
.ribbon-top-left:before {
  right: 18px;
  top: -1px;
}
.ribbon-top-left::after {
  bottom: 18px;
  left: 1px;
}
.ribbon-color-1 span {
  /*「おすすめ」リボン色変更*/
}
.ribbon-color-2 span {
  /*「新着」リボン色変更*/
}
/************************************
** ●目次　表示
************************************/
.article .toc {
  border-color: rgba(148,148,148,.5);
}
/************************************
** ●ページ送りナビサムネイルサイズ
************************************/
.pager-post-navi a figure {
  max-width: 55px;
  min-width: 55px;
}
/************************************
** ●サイドバー（ホームページ）外枠
************************************/
.kakomi-box3 {
  border-radius: 6px;
  margin: 0 0 .5em 0;
  padding: .7em .7em .7em 1em;
}
/************************************
** ●サイドバー（おすすめ記事）外枠
************************************/
.navi-entry-cards {
  border-radius: 6px;
  margin: 0 0 .5em 0;
  padding: .5em 1em .5em .7em;
}
/************************************
** ●サイドバー（Cocoon 人気記事）外枠
************************************/
.popular-entry-cards {
  border-radius: 6px;
  margin: 0 0 .5em 0;
  padding: .5em 0 .5em 0;
}
/************************************
** ●サイドバー（アクセスカウンター）外枠
************************************/
.cpd {
  border-radius: 6px;
  margin: 0 0 .5em 0;
}
/************************************
** ●インデックス新しい記事に「new」表示
Cocoon Child tmp entry-card.phpに（ 新しい記事に「NEW」表示カスタマイズ）追加 20241008 削除
************************************/
/* .new {
  position: absolute;
}
.new {
  background: #dc143c;
  border-radius: 4px;
  color: #fff;
  display: inline-block;
  font-size: 65%;
  font-weight: bold;
  line-height: 1.2;
  margin: 30px 5px 5px 12px;
  padding: 1px 0 1px 0;
  text-align: center;
  white-space: nowrap;
  width: 40px;
  z-index: 2;
}
@media screen and  (max-width: 480px) {
  .new {
    margin: 22px 5px 5px 8px;
  }
} */
/************************************
** ●新着記事　タイトルへNEW!マーク表示
************************************/
.new-txt { /* newマーク */
    background: #dc143c;
    border-radius: 4px;
    /* color: #fff; */
	color: #f5f4f3;
	display: inline;
    font-size: 80%;
	font-size: 75%;
    font-weight: bold;
    /* line-height: 1.2; */
	line-height: 2.0;
	margin: 4px 7px 0 0;
	padding: 2px 4px 2px 4px;
    text-align: center;
    white-space: nowrap;
    z-index: 2;
	height: 19px;
}
/************************************
** ●固定ページの日時を非表示
************************************/
.page .date-tags {
  /*投稿日・更新日*/
  display: none;
}
/************************************
** ●インデックスリストトップ　インフォメーション 見出し
************************************/
.kakomi-box5 {
  margin-bottom: 0;
  margin-left: .5em;
  margin-right: auto;
  margin-top: 1.0em;
  padding: 0 0 0 0;
  width: 100%;
}
@media screen and  (max-width: 480px) {
  .kakomi-box5 {
    margin-left: auto;
    margin-right: auto;
    width: 91%;
  }
}	
/************************************
** ●アピールエリア
************************************/
/* 背景画像に透過色を被せる */
/* タイトル */
.appeal-title {
  color: #f66;
  text-align: center;
}
/* メッセージ */
.appeal-message {
  font-size: 15px;
}
/* 枠 */
.appeal-content {
  background-color: #ebf8f4;
  border: 2px solid #8dd7c1;
  border-radius: 6px;
  padding: .5em 1em 0 1em;
  text-align: left;
}
p,
.paragraph {
  margin: 0 0;
}	
@media screen and (max-width:768px) {
  .appeal-title {
    font-size: 16px;
  }
  .appeal-message {
    font-size: 13px;
  }
  .appeal-content {
    width: 95%;
  }
}
/* アピールエリア ボタン カラー*/
.appeal-content .appeal-button {
  border: solid 1px #fff;
  color: #ffff;
  padding: 4px 5px;
}
/************************************
** ●アピールエリア　テキスト表示無し時の画像表示
************************************/
#appeal,
.appeal .appeal-in {
  min-height: 24vw;
}
@media screen and (min-width: 480px) {
  #appeal,
  .appeal .appeal-in {
    min-height: 200px;
  }
}
/************************************
** ●固定ページ おすすめ記事 人気記事 タイトルバーカスタマイズ　（インデックスリストボトムからリンク）
************************************/
.widget-page-content-top-title {
  background: #0071a1;
  border-bottom: 1.5px solid #0071a1;
  border-left: 6px solid #0071a1;
  border-radius: 0 6px 6px 0;
  box-shadow: 2px 2px 2px 0 rgba(0,0,0,.3);
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  letter-spacing: 8px;
  line-height: 100%;
  margin: 5px 0 5px 0;
  margin-top: 2.5em;
  padding: 10px 10px 10px 10px;
  text-align: center;
  width: 340px;
}
/************************************
** ●SNSボタンコンパクト
************************************/
#main .button-caption {
  display: none;
}
#main .sns-share a {
  margin-left: .2em;
  width: 2.5em;
}
.sns-share-buttons {
  justify-content: center;
}
#main .social-icon {
  font-size: 25px;
}	
/************************************
** ● お問い合わせフォーム
************************************/
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
select,
textarea,
.field {
  background-color: #eff1f5;
  border: 0;
  border-radius: 3px;
  box-shadow: none;
  color: #5c6b80;
  display: block;
  font-size: 1em;
  height: 45px;
  line-height: 45px;
  margin-bottom: 0;
  padding: 0 12px;
  transition: background-color .24s ease-in-out;
  vertical-align: middle;
  width: 100%;
}
textarea {
  line-height: 1.5em;
  max-width: 100%;
  min-height: 120px;
  overflow: auto;
  padding: .5em;
}
@media(max-width:500px) {
  .inquiry td,
  .inquiry th {
    border-top: none !important;
    -webkit-box-sizing: border-box !important;
       -moz-box-sizing: border-box !important;
            box-sizing: border-box !important;
    display: block !important;
    width: 100% !important;
  }
  .inquiry tr:first-child th {
    border-top: 1px solid #d7d7d7 !important;
  }
  .inquiry .any,
  .inquiry .haveto {
    font-size: 10px;
  }
}
.inquiry th {
  background: #f7f7f7;
  border: solid 1px #d7d7d7;
  color: #444;
  font-size: 14px;
  padding-right: 5px;
  text-align: left;
  width: 30%;
}
.inquiry td {
  border: solid 1px #d7d7d7;
  font-size: 13px;
}
.entry-content .inquiry tr,
.entry-content table {
  border: solid 1px #d7d7d7;
}
.haveto {
  background: #ff9393;
  border-radius: 2px;
  bottom: 1px;
  color: #fff;
  font-size: 7px;
  margin-right: 5px;
  padding: 5px;
  position: relative;
}
.any {
  background: #93c9ff;
  border-radius: 2px;
  bottom: 1px;
  color: #fff;
  font-size: 7px;
  margin-right: 5px;
  padding: 5px;
  position: relative;
}
.verticallist .wpcf7-list-item {
  display: block;
}
#formbtn {
  background: #ffaa56;
  border-radius: 2px;
  color: #fff;
  display: block;
  font-size: 18px;
  font-weight: 700;
  margin: 25px auto 0;
  padding: 15px;
  width: 350px;
}
#formbtn:hover {
  background: #fff;
  border: 2px solid #ffaa56;
  color: #ffaa56;
}
th {
  font-weight: 700;
  padding: 13px;
  text-transform: uppercase;
}
td {
  border-top: 1px solid #ededed;
  padding: 12px;
}
input,
select,
textarea {
  border: 1px solid #dfdfdf;
  letter-spacing: 1px;
  margin: 0;
  max-width: 100%;
  resize: none;
}
.article p{
  margin-bottom: 0em;
}
.inquiry td p{
  padding-left: 0px;
}
/************************************
** ●Adsenseレスポンシブ広告のモバイル表示はみ出し修正
************************************/
.ad-area {
  overflow: visible;
}
/************************************
** ● アクセスカウンター wp_statistics
************************************/
.widget_wp_statistics_widget li {
  font-size: 14px;
  line-height: 1.3;
  list-style: none;
  margin: 10px 10px 10px auto;
  padding-right: 40px;
  text-align: right;
}
.widget_wp_statistics_widget label {
  float: left;
  padding-left: 20px;
}