@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){
  /*必要ならばここにコードを書く*/
}	
	

h1 {
  position: relative;
  margin: 1rem -10px;
  padding: 1rem 2rem;
  background: #a6f7e3;
}

h1:before,
h1:after {
  position: absolute;
  content: '';
}

h1:before {
  bottom: -10px;
  left: 0;
  width: 0;
  height: 0;
  border-top: 10px solid #26ae9a;
  border-left: 10px solid transparent;
}

h1:after {
  right: 0;
  bottom: -10px;
  width: 0;
  height: 0;
  border-top: 10px solid #26ae9a;
  border-right: 10px solid transparent;
}	
	
h1.entry-title {
	font-size: 25px;
}

	
}

@media screen and (max-width: 480px){
/*h4の装飾*/
.article h4 {
	border-top: 2px solid #37e2c9;
	border-bottom:2px solid #37e2c9;
	font-size: 19px;
}
}

/*投稿の中身*/
.article ul li, .article ol li {
	background-color: #f3fffe;
   padding:12px 10px 12px 10px; 
}
/*中黒消す*/
ul {
  list-style: none;
}

/*投稿の上部にアイキャッチを表示する*/
.eye-catch-wrap {
	display:none;
}

/*googlefont設定*/
.site-name-text  {
   font-family: 'M PLUS Rounded 1c', sans-serif;
   font-size: 35px;
	font-weight: 700;
}

/*ヘッダー の上の文字位置調整*/
.tagline {
margin-top: 2em;
margin-bottom: -1em;
}

.entry-title{
	 font-size: 32px;
}

/*h2の装飾*/
.article h2 {
   background-color: #e3fff8;/*背景色*/
	padding: .5em .8em .4em 1em;/*文字周りの余白*/
  color: #474747;/*文字色*/
  border-bottom: solid 3px #a6f7e3;/*下線*/
	font-size: 23px;
	margin-bottom: 1em;
}

/*h3の装飾*/
.article h3 {
   background-color: #f3fffe;/*背景色*/
	padding: 0.4em;/*文字周りの余白*/
  color: #474747;/*文字色*/
	font-size: 20px;
	border: solid 1px #a6f7e3 !important;
	border-left: 3px solid var(--cocoon-middle-thickness-color);
	margin-bottom: 1em;
}

/*h4の装飾*/
.article h4 {
	border-top: 2px solid #a6f7e3;
	border-bottom:2px solid #a6f7e3;
   font-size: 17px;
	font-weight: 600;
	margin-bottom: 1em;
}

/*h5の装飾*/
.article h5 {
  padding: 0.25em 0.5em;/*上下 左右の余白*/
  background: transparent;/*背景透明に*/
  border-left: solid 5px #888888;/*左線*/
  border-bottom: none;/*下線非表示*/
  font-size: 15px;
  margin-bottom: 1em;
}

/*h6の装飾*/
.article h6 {
	font-size: 14px;
	margin-bottom: 1em;
}

.sidebar h2, .sidebar h3 {
	background-color: #e3fff8;
}

/*ブログカードのサイトアイコンとサイト名を非表示*/
.blogcard-site{
	display:none;
}


/* H3以下のタイトルナンバリング消去 */
.article .toc-list > li li {
  list-style: none;
}

.toc .toc-list {
  border: solid 1px #E9F5F3; /*枠線の種類　太さ　色*/
}

/* 地域別ボタンの装飾 */
.wp-block-buttons.has-custom-font-size .wp-block-button__link {
	border-radius: 5px;
	background-color: #ff5aa1;
	font-size: 13px;
}

/* サイドバー掲載のボタン２つの間隔*/
aside#media_image-2.widget.widget-sidebar.widget-sidebar-scroll.widget_media_image {
	margin-bottom: 0.3em;
}

/* スマホ表示掲載のボタン２つの間隔*/
@media screen and (max-width: 834px) {
.wp-block-cocoon-blocks-column-left.column-left, .wp-block-cocoon-blocks-column-right.column-right{
	margin-bottom: 1em;
}
}



/* サムネのサイズ*/
.widget-entry-cards figure {
	width: 200px;
}

/* サムネのタイトル文字サイズ*/
.card-title-bold .card-title {
	font-size: 20px;
}

/* サムネのタイトル本文サイズ*/
.widget-entry-card-snippet {
		font-size: 15px;
}

@media screen and (max-width: 834px){
	.widget-entry-cards figure {
	width: 150px;
}
}


/* 各ページの見出し下に来る地域のボタンの間隔調整*/
.wp-container-core-buttons-is-layout-1 {
	gap: var(--wp--preset--spacing--20);
	padding-bottom: 10px !important;
}


@media screen and (min-width: 835px) {
	/* PC表示のH1下の高さ調整-835px以上の表示*/
div.entry-content.cf {
	margin-bottom: -1em !important;
	margin-right: 1em;
	margin-left: 1em;
	}
}

	/* SP表示のH1下の高さ調整-834px以下の表示*/
@media screen and (max-width: 834px){
div.entry-content.cf {
	margin-bottom: -1em !important;}
}


@media screen and (min-width: 835px) {
	/* PC表示の投稿のカード横並び-835px以上の表示*/
.new-entry-cards {
　display: flex;
  flex-wrap: wrap;
}
	
.new-entry-cards .a-wrap {
    width: 50%; 
}

	
div.new-entry-cards.widget-entry-cards.no-icon.cf.border-square.card-title-bold  {
	display: flex;
	flex-wrap: wrap;
}
}


	/* SP表示の投稿のカードPR枠の横並び-834px以下の表示*/
@media screen and (max-width: 834px){
	
.navi-entry-cards .a-wrap {
    width: 100%;
}
}

@media screen and (min-width: 835px) {
	/* PC表示の投稿のカードPR枠の横並び-834px以上の表示*/
.navi-entry-cards {
　display: flex;
  flex-wrap: wrap;
}
.navi-entry-cards .a-wrap {
    width: 50%; //ボックスの幅
}
	
div.navi-entry-cards.widget-entry-cards.no-icon.border-square.card-title-bold  {
	display: flex;
	flex-wrap: wrap;
}
}


	/* ヘッダー部分の広告枠*/

	/*-- sp版表示CSS  --*/
@media screen and (max-width: 768px){
.head-bar1, .head-bar2{
   display: flex;
 }
}

/*-- pc版表示CSS  --*/
.head-bar3{
   display: flex;
}

	
	
/*-- pc版表示CSS  --*/
.sp-1{
  display: none;
}
.pc-1{
  display: block;
}

/*-- sp版表示CSS  --*/
@media screen and (max-width: 768px){
.sp-1{
  display: block;
}
.pc-1{
  display: none;
}
}

/*-- プライバシーマークは、カスタマイズのcssの欄に --*/

/*-- 目次の行間隔 
 .toc{
		line-height: 0.8em;
	}
--*/

/*-- 目次の枠消し --*/
.toc-list.open {
		border: none;
	}

/*-- 目次の行間詰めた --*/
.article ul li, .article ol li {
	padding: 3px 10px 3px 10px;
}

	/* 投稿の中の２枚の画像サイズ */
	.attachment-thumbnail.size-thumbnail {
		width: 300px;
		height: auto;
	}


.wp-block-button__link.wp-element-button{
	background-color: #ff5aa1;
}


/*-- ショップ情報入力欄の画像周辺のキャプション欄など削除
body ul.wpuf-form li .wpuf-fields ul.wpuf-attachment-list li .wpuf-file-input-wrap input, body ul.wpuf-form li .wpuf-fields ul.wpuf-attachment-list li .wpuf-file-input-wrap textarea {
	display: none;
} --*/


/*モバイルメニューヘッダーボタン それとサイドバーのh2の色*/
@media screen and (max-width: 768px){

	.mobile-menu-buttons .menu-button > a,
	.menu-button{
		color:#ff5aa1;
	}
	.mobile-menu-buttons .menu-button:hover{
		background-color: transparent;
		color:#ff5aa1;
	}
	.sidebar h2, .sidebar h3{
		color:#333333;
	}
}

/*モバイル掲載ボタンの間隔*/
@media screen and (max-width: 768px){
	.container .column-wrap{
		gap: 0;
	}
}