@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){
  /*必要ならばここにコードを書く*/
}
/* カテゴリーラベルを非表示 */
.cat-label {
display: none;
}

/*---------------------------------
カテゴリーに線だけを入れる
--------------------------------*/
.widget_categories ul li a{ 
  border-bottom: 1px dashed #267f1e; /* 下線の種類 */
}

.widget_categories > ul > li > a:first-child{ 
  border-top: none;
}
.mobile-header-menu-buttons.mobile-menu-buttons .menu-button {
  color: #474747;
  background-color: #ffffff;
}
.author-box .sns-follow-buttons a.follow-button{
  width: 48px;
  height: 48px;
  font-size: 36px;
} 
.box4-blue {
	position: relative;	/* 配置に関するもの(ここを基準に) */
	max-width:600px; /* ボックスの横幅 */
	margin: 2em auto;	/* ボックスの外側余白(上下:2em　左右:auto) */
	padding: 1.7em 2em;	/* ボックスの内側余白(上下:1.7em　左右:2em) */
	border: 2px dotted #267f1e;	/* ボックスの線 (太さ　線の種類　線の色)*/
	border-radius: 4px;	/* ボックスの角丸 */
}
.box4-blue .box-title {
	position: absolute; /* 配置に関するもの(ここを動かす) */
	top: -10px; /* 上から（-10px）移動*/
	left: 30px; /* 左から(30px)移動 */
	background: #fff; /* タイトル背景色 */
	color: #267f1e; /* タイトル文字色 */
	padding: 0 10px;/* タイトルの余白 */
	line-height: 1;/* タイトルの行の高さ */
	font-size: 20px;/* タイトル文字の大きさ */
	font-weight: bold;/* タイトル文字の太さ */
}
.box4-blue p {
	margin: 0; /* 文字の外側余白リセット*/
	padding: 0; /* 文字の内側余白リセット*/
}

.nomadBox8 {
  position: relative;
  margin: 15px 0;
  padding: 1.5em;
  color: #323232;
  border-top: solid 2px #5E8B6D;
  border-bottom: solid 2px #5E8B6D;
}
.nomadBox8:before,
.nomadBox8:after {
  content: '';
  position: absolute;
  top: -10px;
  width: 2px;
  height: -webkit-calc(100% + 20px);
  height: calc(100% + 20px);
  background-color: #5E8B6D;
}
.nomadBox8:before {left: 10px;}
.nomadBox8:after {right: 10px;}
.nomadBox8 p {
    margin: 0;
    padding: 0;
}

.nomadBox_deco9 {
  position: relative;
  padding: 1.5em;
  margin: 15px 0;
  background: rgba(94,139,109,.09);
  color: #323232;
}
.nomadBox_deco9:after {
  position: absolute;
  content: '';
  top: 100%;
  left: 30px;
  border: 10px solid transparent;
  border-top: 15px solid rgba(94,139,109,.09);
  width: 0;
  height: 0;
}
.nomadBox_deco9 p {
  padding: 0;
  margin: 0;
}



/*---------------------------------
カテゴリーに線だけを入れる
--------------------------------*/
.widget_nav_menu ul li a{ 
  border-bottom: 1px dashed #267f1e; /* 下線の種類 */
}

.widget_nav_menu > ul > li > a:first-child{ 
  border-top: none;
}


#appeal {
    height: calc(100vw * calc(300 / 1600));
}
/*アピールエリアの高さ設定　スマホ*/
@media (max-width: 767px){
#appeal {
height: 25vw; 
}
	

/*投稿本文上のアフィリエイト広告PR表記の文字サイズ変更*/
 .pr-text { font-size: 12px; text-align: center; }