@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){
.mobile-header-menu-buttons {
    background-color: #174b2e;
	padding:1em 0;
	box-shadow:unset;
}
.mobile-menu-buttons .menu-icon,
.mobile-menu-buttons .menu-button{
    color: #FFF;
}

/* ************************************* */
/*834px以下*/
/* ************************************* */
@media screen and (max-width: 834px){

/* 記事ページ枠 */
.single .main {
    padding-left: none;
	padding-right:none;
}
/* ハンバーガーメニューと検索 */
	.mobile-header-menu-buttons {
    background-color: #174b2e;
	padding-bottom: 10px ;
	padding-top: 10px ;
}
.mobile-menu-buttons .menu-icon,
.mobile-menu-buttons .menu-button{
    color: #FFF;
}
}
/* ************************************* */
/*480px以下*/
/* ************************************* */
@media screen and (max-width: 480px){

/* 記事ページ枠 */
	.single .main {
    padding-left:none;
	padding-right:none;
}
	/* ハンバーガーメニューと検索 */
	.mobile-header-menu-buttons {
    background-color: #174b2e;
	padding-bottom: 10px ;
	padding-top: 10px ;
}
.mobile-menu-buttons .menu-icon,
.mobile-menu-buttons .menu-button{
    color: #FFF;
}
}
	

/*---------トップページカスタマイズ-----------*/
/* メインビジュアル上余白 */
.logo-image{
	padding-top: 0 ;
}
/*フロント固定ページのタイトルを非表示*/
.home.page .entry-title{
  display: none; } 

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

	
/* ヘッダーメニュー */
.navi .item-label{
	font-family:Arial Black;
	font-weight:bold;
}
.navi .item-description{
	display:none;
}

/*-----よく読まれている記事・新着記事-----*/




/* もっとみるボタン */
.home a.btn{
	margin-top: 5px ;
  color: #fff;
  background-color: #eb6100;
  border-bottom: 5px solid #b84c00;
}
.home a.btn:hover {
  margin-top: 3px;
  color: #fff;
  background: #f56500;
  border-bottom: 2px solid #b84c00;
}
.home a.btn--shadow {
  -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
  box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
}
	

/* -----プライバシーポリシーページ----- */
/* ページタイトル中央 */
.page-id-3 .entry-title{
		margin-top: 20px ;
	margin-bottom: 40px ;
}
/* 日時非表示 */
.page-id-3 .post-update{
	display: none ;
}

/* -----お問い合わせページ----- */
/* タイトルh1 */
.page-id-84 .entry-title{
	margin-top: 20px ;
	margin-bottom: 40px ;
}
/*投稿日を非表示*/ 
.page-id-84 .post-update{
  display: none; } 

/* -----プロフィールページ----- */
/* タイトル */
.page-id-594 .entry-title{
	margin-top: 20px ;
	margin-bottom: 40px ;
}
/* 日時非表示 */
.page-id-594 .post-update{
	display: none ;
}

/* --------サイドウィジェット-------- */
/* プロフィールボックス */
.author-box{
	background-color:#fff;
	color:#000;
	border: #000;
}
	
	/* サイドバー見出し */
.sidebar h3 {
	padding-bottom:5px;
	margin-bottom:15px;
  border-bottom:3px dotted #d03e25;/*下線の太さ、種類、色*/
  background:transparent;/*背景を透明に*/
	color:#000;
}
/* --------サイドウィジェットおわり-------- */


/* -------記事ページブロックカスタマイズ-------- */

/* 記事ページ枠 */
.single .main {
    padding-left: 30px ;
	padding-right: 30px ;
}


/* h2 */
.single .article h2{
	margin-bottom: 30px ;
    position: relative;
   padding-top: 15px ;
	padding-bottom: 20px ;
	padding-left: 20px ;
	padding-top: 20px ;
    border-radius: 10px;
    background-color: #d03e25;
    color: #fff;
}

.single .article h2::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 30px;
    width: 0;
    height: 0;
    border: 11px solid transparent;
    border-top: 11px solid #d03e25;
}

/* h3とh4は文字のみ */
/* .single .article h3{
	border:none;
}
.single .article h4{
	border:none;
} */


/* 画像上下余白 */
.single .wp-block-image size-large is-resized img{
		margin-top: 40px ;
	margin-bottom: 40px ;
	margin-left: auto ;
	margin-right: auto ;
}
/* 画像中央寄せ */
.single .wp-block-image img{
	margin:0 auto;
}


/* ------記事ページ追加ブロックカスタマイズ------ */


/* アイコンリスト（背景イエローのときのみ有効） */
.iconlist-title{
	padding-bottom: 10px ;
    font-size: 1.2em;
    padding: 4px;
    text-align: center;
    font-weight: bold;
    letter-spacing: 0.05em;
}
html .body .has-watery-yellow-background-color{
	max-width: 650px ;
    margin: 2em 0;
    background:#ffff9e80;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
		margin-right:auto;
	margin-left:auto;
}

/* タイムラインボックス */
.timeline-box {
	max-width: 650px ;
}
/* 吹き出し */
.speech-wrap{
	max-width: 650px;
	padding-left: 10px ;
}
.speech-balloon{
	padding: 20px ;
	background-color: #ccc ;
}

/* グーグルマップ */
.gm-style{
	margin-left: auto ;
	margin-right: auto ;
}

/* 記事中のポイントとなる */
.box_point_02 {
    position: relative;
    padding: .5rem 1.1rem 1.2rem;
    background: #fff9e5;
    margin: 2rem 0;
    border: solid 3px #f7931e;
    border-radius: .5rem;
}