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




/************************************
** メインカラー：00a54f
** アイテム背景：c8e4a4
************************************/

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


/* TOPヘッダー画像調整 */
.content {
    margin-top: 0px;
}
#header{
	display: none;
}

/*固定ページ上部調整*/
body .content{
    margin-top: -30px;
}


/* 固定ページタイトル非表示 */
.home header h1,
.site-name-text,
.entry-title{
display:none;
}
.logo-image {
    padding: 0;
}

/*トップ画像フルワイド設定*/
.entry-content .wp-block-image.alignfull,
.entry-content .wp-block-image.alignwide{
margin: 0 calc((100% - 100vw)/2) 1.5em;
width: auto;
}


/* 目次 */
.toc {
  padding: 1em 1.5em 1.5em;
  width: 80%;
  border-width: 0 0 0;
　border: 1px solid;
  border-radius: 4px;
  box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14),
    0 1px 3px 0 rgba(0, 0, 0, 0.12);
}

.toc a,
.toc a:hover {
  color: #0f75bb;
}

.toc-title {
  position: relative;
  padding: 0 5px;
  text-align: left;
  font-weight: bold;
}

.toc-title i {
  margin-right: 0.5em;
}

div.toc-title + .toc-content,
.toc .toc-checkbox:checked ~ .toc-content {
  padding-top: 1em;
  border-top: 1px solid #ddd;
}

ul.toc-list,
ol.toc-list {
  margin: 0;
  line-height: 1.4;
}

ul.toc-list > li > ul,
ol.toc-list > li > ol {
  font-size: 0.9em;
}

.article ul.toc-list li,
.article ol.toc-list li {
  margin: 0.6em 0 0 0;
}

.article ul.toc-list > li:first-child,
.article ol.toc-list > li:first-child {
  margin: 0;
}

.toc-list a:hover {
  text-decoration: none;
}

.toc + h2 {
  margin-top: 1em;
}

.tnt-number .toc-content {
  counter-reset: li;
}

.toc.tnt-number ol.toc-list {
  list-style: none;
  padding: 0;
}

.tnt-number ol.toc-list > li::before {
  display: inline-block;
  content: counter(li, decimal);
  counter-increment: li;
  margin-right: 0.5em;
  width: 20px;
  height: 20px;
  line-height: 20px;
  font-size: 0.8em;
  border-radius: 10px;
  text-align: center;
  background-color: #00a54f;
  color: #fff;	
}

.toc.tnt-number .toc-list ol {
  list-style: none;
}

.tnt-number ol.toc-list ol li::before {
  display: inline-block;
  content: "";
  width: 5px;
  height: 5px;
  margin: 0 5px 1px 0;
  background: currentColor;
  border-radius: 4px;
  opacity: 0.7;
  color:#0f75bb;
}

.toc.tnt-number-detail ol {
  padding-left: 0.8em;
}

.tnt-number-detail ol.toc-list > li:before {
  display: inline-block;
  content: counter(toc, decimal);
  width: 30px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  border-radius: 4px;
}

.tnt-none ul.toc-list > li:before {
  content: "\00a7";
  margin-right: 3px;
  font-weight: bold;
}

.tnt-none ul.toc-list ul li::before {
  content: "\002731";
  margin-right: 3px;
  opacity: 0.7;
}

.nwa .toc {
  width: 100%;
  padding: 0 1em 1em;
  box-shadow: none;
}

.nwa .toc .toc-list li {
  margin-top: 0.6em;
}



/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以上*/
@media screen and (min-width: 1024px){

.pc-text{
	font-size: 1.7em;
}
.pc-text2{
	font-size: 1.5em;
	}
.pc-text3{
	font-size: 1.2em;
	}
}


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

/* 画像横幅いっぱい */
.wp-block-group{
    margin-left: -16px;
    margin-right:-16px;
	}
}

/*480px以下*/
@media screen and (max-width: 480px){
.header {
    background-size: 100%;
}
.sp-text > span > span{
font-size:180%;
}
.box-border.sp-text > span > mark > span{
font-size:160%;
	}
	
	
/* メディアブロック調整 */
.wp-block-media-text__media img {
    width: 70%;
}
.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media {
    text-align: center;
}
}


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



/************************************
** 記事内装飾
************************************/
.speech-icon img, .speech-icon amp-img {
    border-radius: 50%;
    border: 1px solid #956537;
    width: 100%;
}
.speech-person {
    width: 16%;
    min-width: 16%;
}
@media screen and (max-width:425px){
.speech-person {
    width: 20%;
    min-width: 20%;
}
.is-layout-flex {
    gap: 0rem;
}
}
div.speech-balloon{
padding: 20px;
width: 100%;
}
@media screen and (max-width: 480px){
.speech-wrap .speech-balloon {
    padding: 14px;
}
}

/* 見出し非表示*/
.wp-block-heading{
visibility: hidden;
margin-top: -4em; 
}


.item{
background-color: #c8e4a4;
}

/* 下線*/
.box-border{
border-bottom: dotted 3px  #00a54f;
}

/* カラム調整 */
.column.wp-block-columns{
margin-bottom: -0.6em;
}
@media screen and (max-width: 480px){
.column.wp-block-columns{
margin-bottom: -1em;
}
}
.column{
border-bottom: dotted 2px #ccc;
}

@media screen and (min-width: 1024px){
.column{
font-size: 22px;
}
}

/* ボックスラベル */
.label-box-label span{
background-color: #23ac38;
text-shadow:none;
padding: 0.2em 1em 0 ;
}


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

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

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