@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
*/

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

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

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

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

/* ヘッダーサイトタイトル消す */
.site-name-text {
display: none;
}



.top-title01 {
  display: flex;
  align-items: center; /* 垂直中心 */
  justify-content: center; /* 水平中心 */
	font-size: 24px;
	margin-bottom:1em;
	text-align: center
}
.top-title01:before, .top-title01:after {
  border-top: 1px solid;
  content: "";
  width: 3em; /* 線の長さ */
}
.top-title01:before {
  margin-right: 1em; /* 文字の右隣 */
}
.top-title01:after {
  margin-left: 1em; /* 文字の左隣 */
}

@media screen and (max-width:768px) {
.top-title01 {
	font-size:20px;
}
}

/* エントリーカード横に並べる */
.widget-entry-cards.card-large-image .a-wrap {
width:24.5%;
height:auto;
display: inline-flex;
}
@media screen and (max-width: 768px) {
.widget-entry-cards.card-large-image .a-wrap {
width:49%;
display: inline-flex;
}
}
@media screen and (max-width: 480px) {
.widget-entry-cards.card-large-image .a-wrap {
width:auto;
display: inline-flex;
}
}
.widget-entry-cards.not-default figure img {
padding: .5em;
}

.widget-entry-cards.card-large-image .a-wrap {
font-size: 95%;
text-align: left;
padding:.5em;
}





.top-title02{font-size: 20px;} /* カテゴリー一覧タイトル文字サイズ */

/*フロント固定ページのタイトルを非表示　*/
.home .article h1{display:none;}
/*フロント固定ページのシェアボタンを非表示*/
.home.page .sns-share{display: none;}
/*フロント固定ページのフォローボタンを非表示*/
.home.page .sns-follow{display: none;}
/*フロント固定ページの投稿者名を非表示*/
.home.page .author-info{display: none;}

/*固定ページの日付を非表示*/
.post-9 .date-tags,
.post-7 .date-tags,
.post-352 .date-tags,
.post-3 .date-tags,
.post-350 .date-tags,
.post-368 .date-tags {
display: none;
}

/* エントリーカードに日付出す */
.new-entry-card-date {
  display: block;
}
.widget-entry-card-date {
display: block;
}
.widget-entry-card-date {
display: block;
font-size: 18px;
position: absolute; right: 0; bottom: 0;
}
.widget-entry-card-post-date{
display:none;
}

/* ヘッダー画像の横幅を固定
.header {
background-size: contain;
} */
.header div.header-in {
min-height: calc( ( 100vw - var( --scrollbar-width, 17px ) ) * 455 / 2430 );
}

/* TOPページ背景色 */
.change-area {
    background: #fffcee;
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
    padding-right: calc(50vw - 50%);
    padding-left: calc(50vw - 50%);
}
/* TOPページ横スクロール削除 */
.home html, body {
	overflow-x: hidden;
}

/*通知*/
.notice-area {
text-align: center;
padding: 0.6em;
font-size: 0.7em;
}

@media screen and (max-width: 480px){
.notice-area {
text-align: center;
padding: 0.3em;
font-size: 0.6em;
}
}

/* フッターリンク用CSS */
.footer-line a {
	text-decoration: none; /* リンクの下線を消す */
  }

.footer-line {
    list-style-type: none;
}

.footer-line li {
    display: flex;
    align-items: center;
    gap: 0 10px;
    padding: .3em;
}

.footer-line li::before {
    transform: rotate(-45deg);
    width: .4em;
    height: .4em;
    border-bottom: 3px solid #ffffff;
    border-right: 3px solid #ffffff;
    content: '';
}

/* フッターカテゴリリンク用CSS */
.footer-cateline a {
	text-decoration: none; /* リンクの下線を消す */
  }

.footer-cateline ul{
  padding-left:0;
}

.footer-cateline {
    list-style-type: none;
    list-style-position: inside;
	padding-left:0;

}

.footer-cateline li {
	list-style-type: none;
    padding: .2em;
    border-bottom: 1px solid #ffffff;
}

.footer-cateline li::marker {
    color: #ffffff;
    font-size: 1.1em;
}

/* モバイルフッター縦並び２列 */
.footer-linesp {
  column-count: 2;
  width: fit-content;
  column-gap: 2em;
  padding-left:0;
  list-style: none;  
}

.footer-linesp a {
	text-decoration: none; /* リンクの下線を消す */
  }

.entry-content{
	overflow-x:hidden;  /*画像の大きさがきちんとページ内に埋まるようにする*/ 
}

.page-id-7 .entry-content{
	overflow-x:visible;
}


/* カテゴリーページCM文言表示用 */
.rnb-cm-box {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  flex-wrap: nowrap;
  max-width: 480px;
  width: 100%;
}

.rnb-cm-video {
  flex: 0 0 35%;
  width: 35%;
  max-width: 300px;
}

.rnb-cm-video video {
  display: block;
  width: 100% !important;
  height: auto !important;
}

.rnb-cm-text {
  flex: 0 0 60%;
  width: 60%;
  font-size: 14px;
  line-height: 1.45;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .rnb-cm-box {
    max-width: 720px;
    width: 720px;
    gap: 16px;
  }

  .rnb-cm-video {
    flex: 0 0 340px;
    width: 340px;
    max-width: 340px;
  }

  .rnb-cm-video video {
    width: 340px !important;
    max-width: 340px !important;
  }

  .rnb-cm-text {
    flex: 0 0 auto;
    width: auto;
    font-size: 18px;
    line-height: 1.5;
  }
}