@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/

/*必要ならばここにコードを書く*/

@font-face {
  font-family: "Fugaz-One";
  font-display: swap;
  src:
  url("https://mono-post.com/wp-includes/fonts/Fugaz-One.woff2")format("woff2"),
  url("https://mono-post.com/wp-includes/fonts/Fugaz-One.woff")format("woff"),
  url("https://mono-post.com/wp-includes/fonts/Fugaz-One.eot")format("eot"),
  url("https://mono-post.com/wp-includes/fonts/FugazOne-Regular.ttf")format("truetype")
  ;
}


.ad-label {
    font-size: 25px;
    font-weight: bold;
    color: #000000;
} 

.article h1 {
text-align: center;
}

/************************************
** ナビメニュー
************************************/


#navi .navi-in a:hover {
  background-color: #ffc107;
  transition: all 0.1s ease-in-out;
  color: #000000;
}


/************************************
** アイキャッチのホバー
************************************/


/*記事一覧の画像*/
.entry-card:hover figure img{
  opacity: 0.6;
  transition: all 0.1s ease-in-out;
}

/*記事一覧画像の画像*/
.entry-card-wrap.a-wrap:hover figure img{
  opacity: 0.6;
  transition: all 0.1s ease-in-out;
}

/*カルーセル画像の画像*/
.carousel-entry-card-wrap.a-wrap:hover figure img{
  opacity: 0.6;
  transition: all 0.1s ease-in-out;
}

/*新着記事の画像*/
.new-entry-card-link.a-wrap:hover figure img{
  opacity: 0.6;
  transition: all 0.1s ease-in-out;
}

/*人気記事の画像*/
.popular-entry-card-link.a-wrap:hover figure img{
  opacity: 0.6;
  transition: all 0.1s ease-in-out;
}

/*次の記事の画像*/
.prev-post.a-wrap.cf:hover figure img{
  opacity: 0.6;
  transition: all 0.1s ease-in-out;
}

/*前の記事の画像*/
.next-post.a-wrap.cf:hover figure img{
  opacity: 0.6;
  transition: all 0.1s ease-in-out;
}

/*関連記事の画像*/
.related-entry-card-wrap.a-wrap.cf:hover figure img{
  opacity: 0.6;
  transition: all 0.1s ease-in-out;
}



/************************************
** 見出し
************************************/
.article h1 {
	border-bottom: solid 3px black; /*線の種類（実線） 太さ 色*/
	border-left:none;
	border-right:none;
	padding-left: 0px;
	padding-bottom: 16px;
	margin-bottom: 30px;
}

.article h2 {
	position: relative;
	padding: 1rem;
	text-align: center;
	font-size: 25px;
	border-top: solid 3px black;
	border-bottom: solid 3px black; /*線の種類（実線） 太さ 色*/
	border-left:none;
	border-right:none;
	padding-left: 0px;
	padding-bottom: 16px;
	margin-bottom: 20px;
}

.article h3 {
	border-top:none;
	border-bottom: solid 3px black; /*線の種類（実線） 太さ 色*/
	border-left:none;
	border-right:none;
	padding-left: 0px;
	padding-bottom: 16px;
	margin-bottom: 20px;
}

.widget-single-content-bottom-title.main-widget-label {
	border-bottom: 3px solid #000;
	font-size: 20px;
	font-weight: bold;
	padding-bottom: 5px;
	margin-bottom: 14px;
}

.widget-above-related-entries-title.main-widget-label.widget-title{
	border-bottom: 3px solid #000;
	font-size: 20px;
	font-weight: bold;
	padding-bottom: 5px;
	margin-bottom: 14px;
	font-family: "Fugaz-One";
}


.footer-title{
	font-size: 30px;
	font-family: "Fugaz-One";
}

.menu-header, .menu-footer{
	font-size: 30px;
	font-family: "Fugaz-One";
}


.widget-single-content-bottom-title.main-widget-label.widget-title{
	font-size: 20px;
	font-family: "Fugaz-One";
}

/* カテゴリーページのアイコンを消す */

/************************************
** ページネーション
************************************/

.page-numbers {
	color: #ffffff;
	font-family: "Fugaz-One";
}

.page-numbers,
.page-numbers.dots {
 border-radius: 0;
 border: 0;
 background-color: #a9a9a9;
}
.pagination .current {
 background-color: #000000;
 font-weight: bold;
}

.pagination-next {
 display: none;
}



/************************************
** パンくずリストのアイコンをまとめて非表示（Font Awesome 5）
************************************/

.breadcrumb .fa-home,
.breadcrumb .fa-folder,
.breadcrumb .fa-file {
	display: none; /*非表示*/
}


/************************************
** ■日付のカスタマイズ
************************************/
.date-tags{
  line-height: 1.4; /*行間設定*/
  color: #666; /*文字色*/
  text-align: left;
}
.post-date, .post-update{
  font-size: 14px; /*フォントサイズ*/
  padding-right: 4px; /*右余白*/
  display: inline; /*横並びで縦中央揃え*/
}

.post-date, .date-tags, .post-update{
	font-family: "Fugaz-One";
}

/* 投稿日アイコンの変更 */
.fa-clock:before {
content: "\f52d"; /*　feather　*/
}

/* 更新日アイコンの変更 */
.fa-history:before {
content: "\f2f9"; /*　rotate-right　*/
}

/*　投稿日のアイコンの変更　*/
.widget-entry-card-date::before{ 
font-family: "Font Awesome 5 Free";
content: "\f52d"; /*　feather　*/
}

/*　投稿日のアイコンの変更　*/
.widget-entry-card-update-date::before{ 
font-family: "Font Awesome 5 Free";
content: "\f2f9"; /*　rotate-right　*/
}

/*固定ページの日付を消す*/
.post-40 .date-tags,
.post-46 .date-tags,
.post-48 .date-tags,
.post-50 .date-tags,
.post-321 .date-tags,
.post-1634 .date-tags,
.post-5595 .date-tags,
.post-264 .date-tags {
display: none;
}

/************************************
** カテゴリーラベル
************************************/

/* 背景色変更 */
.cat-link {
 background-color: #000000;
 color: #ffffff;
}

/* アイコン非表示 */
.cat-link::before{
 display:none;
}

.fas.fa-folder.cat-icon.tax-icon::before{
	display:none;
}


/************************************
** SNSシェアボタン
************************************/

.sns-share-message {
	font-size: 20px;
	font-family: "Fugaz-One";
}


/* ホバー時 */
.sns-buttons .icon-twitter:hover{
color:#55acee;
}
.sns-buttons .icon-facebook:hover{
color:#3b5998;
}
.sns-buttons .icon-hatena:hover{
color:#3C7DD1;
}
.sns-buttons .icon-pocket:hover{
color:#EE4257;
}
.sns-buttons .icon-pinterest:hover{
color:#BD081C;
}
.sns-buttons .copy-button:hover{
color:#5d5d5d; 
}


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

#main .button-caption {
	display: none; /*キャプション非表示*/
}

/*全固定ページのタイトルを非表示*/
.page .entry-title {
    display: none;
}

/*PC用*/
.main{
    padding-left: 160px;
    padding-right: 160px;
}
.breadcrumb.sbp-main-before,
.breadcrumb.sbp-footer-before,
.breadcrumb.pbp-main-before,
.breadcrumb.pbp-footer-before {
    padding-left: 197px;
    padding-right: 197px;
}

.widget-entry-card-date {
  display: block;
}


.author-box .author-name a {
    text-decoration: none;
    color: #333;
} 

 

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


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

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

/*480px以下*/
@media screen and (max-width: 480px){
    .breadcrumb.sbp-main-before,
    .breadcrumb.sbp-footer-before,
    .breadcrumb.pbp-main-before,
    .breadcrumb.pbp-footer-before {
        padding-left: 1em;
        padding-right: 1em;
    }
}


/* モバイル用の設定 */
@media screen and (max-width: 599px){
    .box-menus .box-menu {
	width: calc(100%/3); /* メニューの数 */
	}
    .box-menu-label{
	font-size: 10px; /* 文字サイズ */
	}
	.box-menu{
	min-height: 50px; /* 高さ */
	}
}