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

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

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

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

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


/*---------------------------------------
 * ヘッダーサイト名のロゴに影を付ける
 *---------------------------------------*/

/* スマホビュー */

/* サイト名ロゴに影 */
.logo-text,
.tagline {
	text-shadow: 1px 1px 0 #5f5e5e; /* 背景が白だからテキストに影を */
    font-size: 20px; /* ヘッダーサイト名のロゴを大きくする */
}

/* PC閲覧時：タブレットサイズで上書きされるstyle */

@media screen and (min-width: 769px) {
	text-shadow: 1px 1px 0 #5f5e5e; /* 背景が白だからテキストに影を */
}
/* PC大画面領域だけで上書きされるstyle */
@media screen and (min-width: 1024px) {
	text-shadow: 1px 1px 0 #5f5e5e; /* 背景が白だからテキストに影を */
}


/*---------------------------------------
 * ヘッダーサイト名のロゴを大きくする
 *---------------------------------------*/

.site-name-text-link {
   font-size: 36px;
}


/*---------------------------------------
 * 記事の見出しを変更する
 *---------------------------------------*/

/*オリジナルスタイルの参照のためのコピペ
.article h1,
.article h2,
.article h3,
.article h4,
.article h5,
.article h6 {
  line-height: 1.25;
  font-weight: bold;
}
.article h2,
.article h3,
.article h4,
.article h5,
.article h6 {
  margin: 2.4em 0 1em;
}
.article h4,
.article h5,
.article h6 {
  font-size: 20px;
  padding: 9px 10px;
}
.article h2 {
  font-size: 24px;
  padding: 25px;
  background-color: #f5f6f7;
  border-radius: 2px;
}
.article h3 {
  border-left: 7px solid #888;
  border-right: 1px solid #ddd;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  font-size: 22px;
  padding: 12px 20px;
}
.article h4 {
  border-top: 2px solid #ddd;
  border-bottom: 2px solid #ddd;
}
.article h5 {
  border-bottom: 2px solid #ddd;
}
.article h6 {
  border-bottom: 1px solid #ddd;
}
.article .column-wrap h1, .article .column-wrap h2, .article .column-wrap h3, .article .column-wrap h4, .article .column-wrap h5, .article .column-wrap h6 {
  margin-top: 0;
}
*/


/************************/
/* 見出しタグ */
/************************/

.entry-content h2 {
	background: #fff;
	color: #1a1a1a;
	font-size: 23px;
	line-height: 130%;
	margin-top: 45px !important;
	margin-bottom: 20px !important;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 10px;
	border-top:2px none;
    border-left:10px solid #B92A2C !important;
    border-bottom:2px solid #B92A2C !important;
}

.entry-content h3 {
	font-size: 22px ;
	color: #1a1a1a;
    border-left:6px solid #B92A2C ;
	border-bottom: none;	
    padding-left:8px; 
    padding-top:5px; 
    padding-bottom:2px;
	line-height: 25px;	
	font-weight: bold;
	margin-top: 35px !important;
	margin-bottom: 20px !important;
}

.entry-content h4 {
	font-size: 22px !important;
	margin-bottom: 20px !important;
	margin-top: 20px !important;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 4px;
	padding-left: 10px;
	color: #1a1a1a;
	line-height: 25px;
	background-repeat: no-repeat;
	background-position: left center;
	background-color: #fff !important;
	margin-left: 0px;
	border-bottom: 2px #B92A2C solid;
	border-left: none;
}


/* オリジナルスタイルsmartphone */
.oomozi {
	font-size: 18pt;
	line-height: 35px;
	font-weight:bold;
}

.komozi {
	font-size: 80%;
}

.yellowbox {
	padding:20px;
	border:solid 1px #8b4513;
	background-color:#ffffe0;
	margin-bottom:20px;
}

.redbox {
	padding:20px;
	border:solid 1px #ef5350;
	background-color:#ffebee;
	margin-bottom:20px;
}

.graybox {
	padding:20px;
	border:solid 1px #ccc;
	background-color:#f3f3f3;
	margin-bottom:20px;
}

.post .yellowbox p:last-child,
.post .yellowbox ol:last-child,
.post .yellowbox ul:last-child {
	margin-bottom:0;
	padding-bottom:0;
}

.post .graybox p:last-child,
.post .graybox ol:last-child,
.post .graybox ul:last-child {
	margin-bottom:0;
	padding-bottom:0;
}

.post .redbox p:last-child,
.post .redbox ol:last-child,
.post .redbox ul:last-child {
	margin-bottom:0;
	padding-bottom:0;
}

.inyoumodoki {
	background-color: #f3f3f3;
	background-image: url(images/quote.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 50px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 20px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCC;
}


.post .inyoumodoki p:last-child,
.post .inyoumodoki ol:last-child,
.post .inyoumodoki ul:last-child {
	margin-bottom:0;
	padding-bottom:0;
}

.sankou {
	font-size:11px;
	background-color:#F57C00;
	color:#fff;
	padding:2px 3px;
	margin:0 5px;
}

/************************/
/* サムネイル画像のカテゴリ非表示 */
/************************/

.cat-label {
display: none;
}

/*---------------------------------
背景と枠の色を変える
--------------------------------*/
.toc {
  background-color: #EDF6FF; /*背景の色*/
  border: solid 3px #4169e1; /*枠線の種類　太さ　色*/　
}


/*---------------------------------
目次の文字色を変える
--------------------------------*/
.toc-title {
  color: #333333; /*目次の文字の色*/
}

.toc .toc-list li a {
  color: #333333; /*見出しの文字の色*/
}

.toc .toc-list li{
  color: #1E73BF; /*数字部分の文字色*/
}


/*---------------------------------
オリジナルスタイル
--------------------------------*/

/*
角丸枠水色
*/
.kadomaruwakumizuiro {
	  margin:5px 1px 15px 1px;
	  padding:5px 5px 0px 5px;
    background-color:#fff;
    border:3px
			     solid
			     #6495ed;
	  border-radius: 10px;
}

/*
角丸枠えんじ
*/
.kadomaruwakuenji {
	  margin:5px 1px 15px 1px;
	  padding:5px 5px 0px 5px;
    background-color:#fff;
    border:3px
			     solid
			     #cd5c5c;
	  border-radius: 10px;
}


/*
リード文
*/
.leadsentence {
  margin:5px 1px 15px 1px;
	padding:11px 7px 2px 14px;
  border:3px
			     solid
			     #6495ed;
	border-radius: 10px;
}

/*
影付き文字
*/
.shadowfont {
	  text-shadow:
			0 1px 0 #bbb,
      0 2px 0 #b0b0b0,
			0 3px 0 #aaa,
			0 4px 0 #a0a0a0,
			0 5px 0 #888,
			0 6px 1px rgba(0, 0, 0, .1),
      0 0 5px rgba(0, 0, 0, .1),
      0 1px 3px rgba(0, 0, 0, .3),
      0 3px 5px rgba(0, 0, 0, .2),
      0 5px 10px rgba(0, 0, 0, .25),
      0 10px 10px rgba(0, 0, 0, .2),
      0 20px 20px rgba(0, 0, 0, .15);
}


/*
角丸ボックス・オレンジ
*/
.kadomaruboxo {
	  margin: 15px 0px;
    padding: 6px 8px;
    font-weight: bold;
	  background: #cd5c5c;
	  border-radius: 10px;
	  text-align: center;
	  color: #fff;
}

/*
角丸ボックス・水色
*/
.kadomaruboxm {
      margin: 15px 0px;
	  padding: 6px 8px;
	  font-weight: bold;
	  background: #6495ed;
	  border-radius: 10px;
	  text-align: center;
	  color: #fff;
}

/*
ラベル付き角丸ボックス・赤
*/
.boxarticle {
	  position: relative;
	  margin: 2.5em 0;
	  padding: 0 1em 0.4em 1em;
	  border: solid 3px #b30000;
	  border-radius: 0 5px 5px 5px;
	  line-height: 20px;
}

.boxarticle .box-title {
	  position: absolute;
	  display: inline-block;
	  top: -30px;
	  left: -3px;
	  bottom: -3px;
	  margin: 2px 2px 2px 0px;	
      padding: 2px 10px 2px 10px;
	  height: 25px;
	  line-height: 25px;
		vertical-align: middle;
	  font-size: 15px;
	  background: #b30000;
	  color: #fff;
	  font-weight: bold;
	  border-radius: 5px 5px 0 0;
}
.boxarticle p {
	  margin: 0;
	  padding: 0;
}

/*
ラベル付き角丸ボックス・青
*/
.boxarticleb {
	  position: relative;
	  margin: 2.5em 0;
	  padding: 0 1em 0.4em 1em;
	  border: solid 3px #6495ed;
	  border-radius: 0 5px 5px 5px;
	  line-height: 20px;
}
.boxarticleb .box-title {
	  position: absolute;
	  display: inline-block;
	  top: -30px;
	  left: -3px;
	  bottom: -3px;	
	  margin: 2px 2px 2px 0px;
	  padding: 2px 10px 2px 10px;
	  height: 25px;
	  line-height: 25px;
		vertical-align: middle;
	  font-size: 15px;
	  background: #6495ed;
	  color: #fff;
	  font-weight: bold;
	  border-radius: 5px 5px 0 0;
}
.boxarticleb p {
	  margin: 0;
	  padding: 0;
}


/*
successボックス(緑)行間詰め
*/
.success-box {
	  line-height: 25px;
}


/*
info ボックス(水色)行間詰め
*/
.info-box {
	  line-height: 25px;
}


/*
ダウンロードボタン
*/

.downroadbtnblue {
      margin: 15px 0px;
	  padding: 6px 8px;
	  font-weight: bold;
	  background: #6495ed;
	  border-radius: 10px;
	  text-align: center;
	  color: #fff;
}



/*
リンク文字のアンダーラインを消す
*/

a{
  text-decoration: none;
}

/************************/
/* ヘッダー　ブログタイトル　非表示 */
/************************/

.site-name-text{
  display: none;
}

/*ヘッダーレイアウトがトップメニューのとき*/
.header-container-in.hlt-top-menu .site-name-text{
  display: none;
}

/*ヘッダーレイアウトがトップメニュー（小）のとき*/
.header-container-in.hlt-top-menu.hlt-tm-small .site-name-text{
  display: none;
}

/*端末幅が768px以下のとき*/
@media screen and (max-width: 768px){
  #header .site-name-text{
    display: none;
  }
}

/*端末幅が480px以下のとき*/
@media screen and (max-width: 480px){
  #header .site-name-text{
    display: none;
  }
}

/************************/
/* ボタンで表示・非表示切り替え */
/************************/


/*全体*/
.hidden2_box {
    margin: 2em 0;/*前後の余白*/
    padding: 0;
}

/*ボタン装飾*/
.hidden2_box label {
    padding: 15px;
    font-weight: bold;
    border: none;
	background: #fffacd;
	color: #000
    cursor :pointer;
}

/*ボタンホバー時*/
.hidden2_box label:hover {
    background: #efefef;
}

/*チェックは見えなくする*/
.hidden2_box input {
    display: none;
}

/*中身を非表示にしておく*/
.hidden2_box .hidden2_show {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

/*クリックで中身表示*/
.hidden2_box input:checked ~ .hidden2_show {
    padding: 10px 0;
    height: auto;
    opacity: 1;
}