/*全体のスタイル*/

/* .editor-styles-wrapper .wp-block {
	margin-top: 0;
	margin-bottom: 60px;
} */

.theContentWrap-ccc h1,.editor-styles-wrapper h1 {
	width:96%;
	margin:0 auto 1rem;
	padding:0;
	font-size:1.22rem;
	line-height:1.4;
	text-align:center;
}
.theContentWrap-ccc h2,.editor-styles-wrapper h2 {
	padding:.45rem .45rem .45rem .45rem;
	background: #f7f7f7;
	font-size:1.33rem;
	line-height:1.51282;
	margin-top:3.6rem;
	margin-bottom:2.2rem;
	border-left: solid 5px #cd162c;
}
.theContentWrap-ccc h3,.editor-styles-wrapper h3 {
	font-size:1.11rem;
	border-bottom:solid 4px #ddd;
	border-left:none;
	padding:0 0 0 1rem;
	margin-top:3rem;
	margin-bottom:1.3rem;
	letter-spacing:0.2em;
	font-weight:700;
}
.theContentWrap-ccc h4,.editor-styles-wrapper h4 {
	font-size:1rem;
	margin-top:2rem;
	margin-bottom:0.9rem;
	font-family:"Montserrat",sans-serif;
	font-weight:700;
	color:#333;
	letter-spacing:0.2em;
	padding:0 0 0 1.5rem;
	border-left:none;
	line-height:1.6rem;
	position:relative;
}
.theContentWrap-ccc h4::before,.editor-styles-wrapper h4::before {
	content:"";
	display:block;
	position:relative;
	width:1rem;
	height:0.5rem;
	border-bottom:0.2em solid #04295a;
	border-left:0.2em solid #04295a;
	transform:rotate(-5deg);
	-webkit-transform:rotate(-45deg);
	margin-right:0.5rem;
	position:absolute;
	top:0.3rem;
	left:0;
}
.rentracks img {
	width:auto;
}
.rentracks a {
	font-weight:700;
}

ruby rt {
	font-size: 60%;
}
.c-postContent table.td_center {
	text-align: center;
}

.l-main__body>.c-postContent {
	margin-top: 1em;
}

@media only screen and (min-width: 768px) {
  .theContentWrap-ccc p {
		margin-top: 0;
		margin-bottom: 40px;
  }
  .theContentWrap-ccc ul {
		margin-top: 0;
    margin-bottom: 60px;
  }
  .YoutubeWrapper{
    margin-bottom: 60px;
  }
  .ap_container {
    margin-bottom: 60px;
  }
  .wp-block-image{
    margin-bottom: 60px;
  }
	iframe {
		margin-bottom: 60px;
	}
	.table-responsive {
		margin-bottom: 60px;
	}
	.wp-block-columns {
		margin-bottom: 60px;
	}
}
@media only screen and (max-width: 767px) {
	.p-postList__excerpt{
		font-size: 1rem;
	}
	.theContentWrap-ccc {
		font-size: 16px;
		letter-spacing: 0.1em;
	}
  .theContentWrap-ccc p {
    margin-bottom: 40px;
  }
  .theContentWrap-ccc ul {
    margin-bottom: 40px;
  }
  .YoutubeWrapper{
    margin-bottom: 40px;
  }
  .ap_container {
    margin-bottom: 40px;
  }
  .theContentWrap-ccc h1,.theContentWrap-ccc h2,.theContentWrap-ccc h3,.theContentWrap-ccc h4 {
		letter-spacing:0.05em;
	}
	.theContentWrap-ccc h1,.theContentWrap-ccc h2{
		font-size:1.22em;
	}
	.theContentWrap-ccc h3  {
		font-size:1.11em;
	}
	.theContentWrap-ccc h4 {
		font-size:1em;
	}
  .wp-block-image {
    margin-bottom: 40px;
  }
	iframe {
		margin-bottom:40px;
	}
	.table-responsive {
		margin-bottom: 40px;
	}
	.wp-block-columns {
		margin-bottom: 40px;
	}
}


/*TOC目次*/
#toc_container {
  box-sizing: border-box;
  border: dotted 1px #999;
  padding: 1em;
}
.theContentWrap-ccc .toc_title {
  font-weight: 700;
  margin-bottom: 1em;
}
.theContentWrap-ccc .toc_list {
  margin-bottom: 0;
}
@media only screen and (min-width: 768px){
  #toc_container {
    width: 96%;
    margin: 0 auto 60px;
  }
}
@media only screen and (max-width: 767px){
  #toc_container {
    margin: 0 auto 40px;
  }
}

/*吹き出し（プラグイン）*/
.liquid-speech-balloon-text p {
  margin-bottom: 0;
}
@media only screen and (min-width: 768px){
  .liquid-speech-balloon-wrap {
    margin-bottom: 60px;
  }
  .liquid-speech-balloon-text {
    padding: 1em;
  }
}
@media only screen and (max-width: 767px){
  .liquid-speech-balloon-wrap {
    margin-bottom: 40px;
  }
  .liquid-speech-balloon-text {
    padding: 0.5em;
  }
}

/* テキスト装飾　*/
.background-color {
	font-weight:bold;
	background:linear-gradient(to bottom,#fff,#fff 40%,transparent 60%,transparent 80%,#fff);
	padding:0 0.2em 0.2em;
}
span.color {
	font-weight:bold;
}

/*　チェックボックスリスト　*/
.theContentWrap-ccc ul.checkbox,.editor-styles-wrapper .wp-block ul.checkbox {
	background-color: #f3fafe;
	padding:20px 20px 10px;
}
.theContentWrap-ccc ul.checkbox li,.editor-styles-wrapper .wp-block ul.checkbox li {
	list-style:none;
	padding-left:22px;
	background:url("https://cdn-ak.f.st-hatena.com/images/fotolife/m/monbuu01/20180711/20180711180551.png") no-repeat left 0.35rem;
	background-size:16px 16px;
	margin-bottom:10px;
}

/*関連記事ボックス*/
div.relation {
	background:#e5feea;
	border: dotted 1px #11e73e;
	border-radius: 10px;
}
.theContentWrap-ccc .relation p,.editor-styles-wrapper .wp-block .relation p {
	margin: 0 0 1em;
	padding: 0;
}
div.relation p.title {
	font-weight:700;
	font-size:1.1em;
}
@media only screen and (min-width: 768px){
  div.relation {
    width: 98%;
    margin: 0 auto 60px;
    padding: 1em 1em 0;
  }
}
@media only screen and (max-width: 767px){
  div.relation {
    margin: 0 auto 40px;
    padding: 0.5em 0.5em 0;
  }
}


/*セパレーター*/
hr {
	width:80%;
	border:dotted 1px #999;
}

/*注意ブロック*/
.caution_block {
	box-sizing: border-box;
	margin: 0 40px 60px;
	padding: 1rem 1rem 0;
	border: dotted 1px #999;
	border-radius: 10px;
	background: #fff3ed;
}
@media only screen and (max-device-width: 479px) {
	.caution_block {
		width: 96%;
		margin: 0 auto 40px;
		padding: 0.5rem 0.5rem -0.5rem;
	}
}
.theContentWrap-ccc .caution_block p,.editor-styles-wrapper .wp-block .caution_block p {
	padding: 0;
	margin: 0 0 1rem;
}
.theContentWrap-ccc p.caution_mark,.editor-styles-wrapper .wp-block p.caution_mark {
	padding-left: 1.2rem;
	font-weight: 700;
	position: relative;
}
.caution_mark::before {
	content: "";
	width: 1rem;
	height: 1rem;
	display: block;
	border: solid 2px #333;
	border-radius: 50%;
	position: absolute;
	top:0.3rem;
	left: 0;
}
.caution_mark::after {
	content: "i";
	position: absolute;
	top: 2.25px;
	left: 6.75px;
	color: #333;
	font-weight: 700;
	font-size: 0.8rem;
}

/*引用ブロック*/
.c-postContent blockquote p {
  margin-bottom: 1em;
}
@media only screen and (min-width: 768px){
  .c-postContent blockquote {
    margin-bottom: 60px;
  }
}
@media only screen and (max-width: 767px){
  .c-postContent blockquote {
    margin-bottom: 40px;
  }
}




/* -------------------------------------------------------------
サイドバー部のデザイン
------------------------------------------------------------- */
.wpp-plus-widget,.side-bar-area {
  box-sizing: border-box;
  border: solid 1px #999;
  padding: 10px;
}
.c-widget__title,.side-bar-area .title {
  text-align: center;
  margin-bottom: 1em;
  font-weight: 700;
}
.author-info .img {
  width: 50%;
  margin: 0 auto 15px;
}
.side-bar-area .name {
  text-align: center;
  margin-bottom: 5px;
}
.side-bar-area .discription {
  margin-bottom: 5px;
}
.blogmura .img {
  text-align: center;
  margin-bottom: 5px;
}
.followme ul::after {
  content: "";
  display: table;
  clear: both;
}
.followme li {
  width: 24%;
  float: left;
  margin-left: 1.333%;
}
.followme li:first-child {
  margin-left: 0;
}
@media only screen and (min-width: 768px){
  .wpp-plus-widget,.side-bar-area {
    margin-bottom: 40px;
  }
  .wpp-list li {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px){
  .wpp-plus-widget,.side-bar-area {
    margin-bottom: 20px;
  }
  .wpp-list::after {
    content: "";
    display: table;
    clear: both;
  }
  .wpp-list li {
    width: 48%;
    float: left;
    margin: 0 0 15px 4%;
  }
  .wpp-list li:nth-child(2n+1) {
    margin: 0 0 15px 0;
  }

}


/*スペシャルスタイル*/
.theContentWrap-ccc .nmb {
  margin-bottom: 0.5em;
}

/* Google Adsense設置用 */

.adsense-app {
	padding: 1em;
	border: solid 1px #666;
	text-align: center;
}
.adsense-comment {
	text-align: left;
	font-size: 80%;
	margin-bottom: 1em;
}
.adsense-error {
	padding: 1em;
	border: solid 1px #666;
	font-size: 100%;
	color: red;
}