@charset "UTF-8";

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

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

.content {
margin-top: 0;
}

.entry-content p {
margin: 1.5em 0;
}

hr {
display:block;
width: 100%;
height: 1px;
border: 0;
border-top: 1px dashed #c0c0c0;
margin-top: 20px;
}

/* ヘッダーを変更 */
.logo-image {
  padding: 10px 0;
  font-size: inherit;
  margin-top: 10px;
  margin-bottom: -15px;
}

.fa-twitter:before {
    content: '𝕏';
    font-family: unset;
    font-weight: bold;
}

p {
word-break: break-all;
overflow-wrap: anywhere;
}

/*記事ページのタイトル*/
.entry-title {
word-break: break-all;
}

.entry-card-title {
display:block;
}

.entry-card-snippet {
display:block;
}

/*トップページタイトルカード*/
.entry-card-title.card-title.e-card-title {
word-break: break-all;
}

/*新着記事*/
.new-entry-card-title.widget-entry-card-title.card-title {
word-break: break-all;
}

/*人気記事*/
.popular-entry-card-content.widget-entry-card-content.card-content {
word-break: break-all;
}

/*関連記事*/
.related-entry-card-title.card-title.e-card-title {
word-break: break-all;
}

h1.entry-title{
line-height:1.5;
}

h2.{
line-height:1.5;
}

h3.{
line-height:1.5;
}

/************************************
** SNS ボタンをまとめて丸くする
************************************/

/*シェア・フォローボタンの枠組み*/
.sns-share.ss-top .sns-share-buttons,
.sns-share.ss-bottom .sns-share-buttons,
.sns-follow.sf-bottom .sns-follow-buttons,
.sns-follow.sf-widget .sns-follow-buttons {
	justify-content: flex-end; /*中央に寄せる*/
	flex-wrap: wrap; /*折り返す*/
}

/*シェア・フォローボタンのリンク*/
.sns-share.ss-top .sns-buttons a,
.sns-share.ss-bottom .sns-buttons a,
.sns-follow.sf-bottom .sns-buttons a,
.sns-follow.sf-widget .sns-buttons a {
	width: 40px; /*横幅*/
	height: 40px; /*高さ*/
	margin-right: 4px; /*右側の余白*/
	margin-left: 4px; /*左側の余白*/
	border-radius: 50%; /*丸み*/
}

/*プロフィールウィジェットのリンク*/
.sns-follow.sf-profile .sns-buttons a {
	border-radius: 50%; /*丸み*/
}

/*シェアボタンのアイコン*/
.sns-share.ss-top .sns-buttons a .social-icon,
.sns-share.ss-bottom .sns-buttons a .social-icon {
	font-size: 18px; /*アイコンの大きさ*/
}

/*フォローボタンのアイコン*/
.sns-follow.sf-bottom .sns-follow-buttons .follow-button,
.sns-follow.sf-widget .sns-follow-buttons .follow-button {
	font-size: 24px; /*アイコンの大きさ*/
}

/*シェアボタンのキャプション*/
.sns-share.ss-top .sns-buttons a .button-caption,
.sns-share.ss-bottom .sns-buttons a .button-caption {
	display: none; /*非表示*/
}

/*シェア・フォローボタンのシェア数*/
.sns-share.ss-top .sns-buttons a .share-count,
.sns-share.ss-bottom .sns-buttons a .share-count,
.sns-follow.sf-bottom .sns-buttons a .follow-count,
.sns-follow.sf-widget .sns-buttons a .follow-count {
	right: -2px; /*右側からの距離*/
	bottom: -2px; /*下側からの距離*/
	padding: 2px; /*内側の余白*/
	font-size: 10px; /*文字の大きさ*/
	border: solid 1px; /*線*/
	border-radius: 3px; /*丸み*/
	background-color: inherit; /*背景色*/
}

/*シェア数の表示が必要ないシェア・フォローボタン*/
.sns-share.ss-top .sns-buttons a .share-count:empty,
.sns-share.ss-bottom .sns-buttons a .share-count:empty,
.sns-follow.sf-bottom .sns-buttons a .follow-count:empty,
.sns-follow.sf-widget .sns-buttons a .follow-count:empty {
	padding: 0; /*内側の余白*/
	border: 0; /*線*/
}

/*----- グローバルメニュー -----*/
#navi {
font-weight: bold;
font-size: 8px;
}

.navi-in a {
font-size: 13px;
font-weight: bold;
/* グルーバルメニューナビ文字大きさ */}

/*----- AdSense広告フォント -----*/
.ad-label {
font-size: 0.7em;
color: #888;
margin-left:0px;
}

/*----- リンクテキスト カスタマイズ -----*/
a{ /*リンクテキスト装飾無し*/
  text-decoration: none;
}

a:hover { /*リンクテキストホバー時アンダーライン表示*/
  text-decoration: underline;
}

/*----- 次の記事／前の記事のフォント -----*/
.prev-post.a-wrap.cf,
.next-post.a-wrap.cf{
  font-size: 16px; /*フォントサイズ*/
  font-weight:bold; /*文字強調*/
}

/* スマホでのフォントサイズ */
@media screen and (max-width: 480px){
  .prev-post.a-wrap.cf,
  .next-post.a-wrap.cf{
    font-size: 12px; /*フォントサイズ*/
    font-weight:bold; /*文字強調*/
  }
}

/* エントリーカードの設定を変更 */
.card-thumb img {
  width: 900px;
}

.entry-card-snippet, .related-entry-card-snippet {
  font-size: 15px;
  max-height: 7.8em;
  line-height: 1.5;
  overflow: hidden;
}

.entry-card-title {
    margin-top: 10px; /*上に余白を付ける*/
    line-height: 1.5; /*行間を広く*/
}

/* エントリーカードラベル非表示 */
.entry-card .cat-label{
  display: none;
}

.cat-label {
  display: none;
}

.caption-wrap:hover {
    background-color: #FF0000;
    color: #ffffff;
}
.sub-menu li:hover {
    background-color: #FF0000;
    color: #ffffff;
}

#navi-menu-content ul li {
  border-bottom:1px solid #d4d4d4;
  border-radius: 0px;
}

.footer {
	margin-top: 0;
	padding-top: 0;
}

.footer-bottom {
	margin-top: 0px;/*フッター上部外側の余白を消す*/
}

/*新着トピックスフォントサイズ*/
.new-entry-card-title{
  font-size: 13px;
}
/*モバイル表示の新着トピックスフォントサイズ*/
@media screen and (max-width: 480px){
  .new-entry-card-title{
    font-size: 13px;
  }
}

/*人気トピックスフォントサイズ*/
.popular-entry-card-title{
  font-size: 13px;
}
/*モバイル表示の人気トピックスフォントサイズ*/
@media screen and (max-width: 480px){
  .popular-entry-card-title{
    font-size: 13px;
  }
}

/*!動画の最大幅を指定する*/
.video-container,
.instagram-container,
.facebook-container {
  max-width: 728px;
  margin: 30px 0;
}

/*!アフィリエイト*/
.ama_raku{
  padding:8px;
  overflow: hidden;
  background: #ffffff;
}
.ama_raku_image{
  float: left;
  margin-right: 10px;
}
.ama_raku_name{
  margin-bottom: 10px;
  font-size:  14px;
}
ul.ama_raku_link li{
  display: inline-block;
  list-style: none;
}
li.amazon_link a{
  padding:5px;
  background:#ff9900;
  color:#fff;
  text-decoration: none;
  font-size:  16px;
}
li.rakuten_link a{
  padding:5px;
  background:#bf0000;
  color:#fff;
  text-decoration: none;
  font-size:  16px;
}
li.yahoo_link a{
  padding:5px;
  background:#ff0033;
  color:#fff;
  text-decoration: none;
  font-size:  16px;
}

/*!広告*/
.ad-area {
  text-align: left;
  margin-bottom: 1.8em;
  overflow: hidden;
}

/************************************
** ■関連記事見出しカスタマイズ
************************************/
.related-entry-heading{
  font-size: 22px; /*フォントサイズ*/
  text-align: left; /*文字位置中央*/
  letter-spacing: 4px; /*文字間隔*/
  margin-top:40px; /*上余白*/
  margin-bottom:8px; /*下余白*/
}

/************************************
** ■関連記事カスタマイズ
************************************/
.related-entry-card-wrap.a-wrap.cf{ /*下余白クリア*/
  margin-bottom:0px;
  padding-bottom:0px;
}
.related-entry-card-content.card-content.e-card-content{ /*カード下余白設定*/
  padding-bottom:16px;
}
.related-entry-card-title.card-title.e-card-title{
  font-size: 16px; /*フォントサイズ*/
  height: 67px!important; /*メニュー縦幅設定*/
  display: flex;
  align-items: center; /*縦中央寄せ*/
}
/* スマホでのフォントサイズと下余白 */
@media screen and (max-width: 480px){
  .related-entry-card-title.card-title.e-card-title{
    font-size: 14px;
  }
  .related-entry-card-content.card-content.e-card-content{
    padding-bottom:0px;
  }
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1240px以下*/
@media screen and (max-width: 1240px){
  /*必要ならばここにコードを書く*/
.entry-card-snippet, .related-entry-card-snippet {
  font-size: 15px;
  max-height: 7.8em;
  line-height: 1.5;
  overflow: hidden;
}
}

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

/*768px以下*/
@media screen and (max-width: 768px){
  /*必要ならばここにコードを書く*/
.column-wrap.column-2 {
	padding: 1em 10px;
}
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
.column-wrap.column-2 {
	padding: 1em 10px;
}
}


/* 見出しカスタマイズ */
/* H2 */
.article h2{
  font-size: 18px !important;/*文字のサイズ*/
  border-left: 3px solid #E07487;/*左線*/
  padding: .5em .7em;/*余白*/
  background: rgba(224,116,135,.07);/*背景色*/
  color: #323232;
  line-height:1.5;
  margin-bottom: 15px;
  border-top: none;
  border-bottom: none;
}

.article h3 {
font-size: 18px;
line-height:1.8;
  padding: 0;
  border-top: 0;
  border-right: 0;
  border-bottom: 2px solid #c0c0c0;
  border-left: 0;
}

.article h2,
.article h3,
.article h4,
.article h5,
.article h6 {
margin: 0px 0px 10px 0px;
}

div#pic-tm {
font-size: 11px;
margin: -15px 0px 0px 0px;
}

/*** 文字間の調整 ***/
.entry-content {
letter-spacing: 0.05em;
}

ul { 
margin-left: 0px;
padding-left: 0px;
list-style-position: inside;
}

ul li, ol li {
padding-top:4px;
padding-bottom:4px;
padding-left: 0px;
}

/* フッターカスタマイズ */
    .footer {
      margin-top: 0px; /*フッターとコンテンツの間に余白追加*/
      background: #000000; /*フッター背景色*/
    }
    .footer-bottom-content { /*メニュー＆クレジットの位置調整*/
      float: none;
      text-align: center;
    }
    .navi-footer-in > .menu-footer { /*メニューの位置調整*/
	 margin-top: 15px;
      justify-content: center;
      margin-bottom: 1em;
    }
    .navi-footer-in a {
      color: #aab3b9; /*メニューの文字色*/
	  font-weight:bold; /*文字強調*/
	font-size: 13px;
    }
    .navi-footer-in a:hover { /*メニューのマウスホバー時の指定*/
      color: #aab3b9; /*文字色を通常時と同じに*/
      background: #ff0000; /*メニューのマウスホバー時の背景色*/
      text-decoration: underline; /*アンダーラインを追加*/
    }
    .footer-bottom.fnm-text-width .menu-footer li {
      line-height: 1; /*メニューの区切りボーダーの高さを1文字分にする*/
    }
    .copyright {
      color: #ffffff; /*クレジットの文字色*/
    }
    @media screen and (max-width: 834px) {
      .navi-footer-in > .menu-footer li.menu-item {
        border: none; /*モバイルでメニューのボーダーを消す*/
      }
    }
    @media screen and (max-width: 460px) {
      .navi-footer-in > .menu-footer li.menu-item { /*モバイルでメニューを1カラムにする*/
        width: 100%;
        display: block;
        flex: auto;
        padding: 0.3em 0;
      }
    }

.gallery-item {
	margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.gallery-caption {
    display: none !important;
}

/*固定ページの日付非表示*/
.post-16 .date-tags {
display: none;
}

.post-18878 .date-tags {
display: none;
}

/*モバイルメニューの色変更*/
.mobile-footer-menu-buttons .menu-button,
.mobile-footer-menu-buttons .menu-button:hover,
.mobile-footer-menu-buttons .menu-button a,
.navi-menu-content,
.menu-drawer a,
.menu-drawer a:hover{
  background-color: black;
  color: white;
}	
	
/*ヘッダーの文字と背景の色を変える*/
.mobile-header-menu-buttons, .mobile-menu-buttons, .menu-button {
color: #ffffff;
background-color: #000000;
}

.toc{
font-size: 16px;
padding: 1em 2em;
border-top:solid 10px #cccccc;
}

.toc-title:before {
font-family: 'Font Awesome 5 Free';
content : "\f0ca";
font-size: 1.2em;
font-weight:bolder;
color: #FFF;
background-color: #cccccc;
border-radius: 50%;
padding: 0.5em;
margin-right: 0.5em;
}

.navi-menu-content {
  left: auto;
  right: 0;
  transform: translateX(105%);
}

/* サイトマップカスタマイズ */

/* (1)カテゴリ先頭記号を非表示 */
.wsp-container > ul.wsp-posts-list>li {
list-style-type: none;
}

/* (2)カテゴリ背景色と位置調整 */
.wsp-container strong.wsp-category-title {
display: block;
padding: 0.2em 1.0em;
background: #e9e9e9;
font-size: 18px;
}

/* (3)全体の余白をゼロに(全体左寄せ) */
.wsp-container > ul.wsp-posts-list {
padding: 0;
}

/* (4)カテゴリごとの末尾に余白*/
ul.wsp-posts-list {
padding-bottom: 15px;
font-size: 14px;
}

/* サイトマップカスタマイズ ここまで*/