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

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

/*-----------  font style -------------- */
.t01em{
    text-indent:1em;
}
.t-bolder{
    font-weight:bolder;
}
.f_size70{
    font-size:70%;
}
.f_size80{
    font-size:80%;
}
.f_size90{
    font-size:90%;
}
.f_size110{
    font-size:110%;
}
.f_size120{
    font-size:120%;
}
.f_size130{
    font-size:130%;
}
.f_size140{
    font-size:140%;
}
.f_size150{
    font-size:150%;
}
.f_size200{
    font-size:200%;
}


/*----------- position -------------- */
.mt005{
    margin-top:0.5em;
}
.mt010{
    margin-top:1em;
}
.mt015{
    margin-top:1.5em;
}
.mt020{
    margin-top:2.0em;
}
.mt030{
    margin-top:3.0em;
}
.mt050{
    margin-top:5.0em;
}
.mt060{
    margin-top:6.0em;
}

.mb005{
    margin-bottom:0.5em;
}
.mb010{
    margin-bottom:1em;
}
.mb015{
    margin-bottom:1.5em;
}
.mb020{
    margin-bottom:2em;
}
.mb030{
    margin-bottom:3em;
}
.mb050{
    margin-bottom:5em;
}
.mb060{
    margin-bottom:6em;
}

.mr005{
    margin-right:0.5em;
}
.mr010{
    margin-right:1em;
}
.mr020{
    margin-right:2em;
}
.mr030{
    margin-right:3em;
}
.mr050{
    margin-right:5em;
}

.ml005{
    margin-left:0.5em;
}
.ml010{
    margin-left:1em;
}
.ml020{
    margin-left:2em;
}
.ml030{
    margin-left:3em;
}
.ml050{
    margin-left:5em;
}


.mlr005{
    margin:0 0.5em;
}
.mlr010{
    margin:0 1em;
}

.pt050{
    padding-top: 5em;
}
.pb030{
    padding-bottom: 3em;
}
.pb050{
    padding-bottom: 5em;
}
.pr005{
    padding-right: 0.5em;
}
.pl005{
    padding-left: 0.5em;
}

.t-center {
    text-align:center;
}
.t-left {
    text-align:left;
}
.t-right {
    text-align:right;
}

.t-ind01,
.kome01{
    text-indent:-1em;
    margin-left:1em;
}
.t-ind02,
.kome02{
    text-indent:-2em;
    margin-left:2em;
}
.t-center img{
    margin:0 auto;
}


.fl_left{
    float:left;
}
.fl_right{
    float:right;
}
.clear_b{
    clear:both;
}

.iblock span{
    display: inline-block;
}
.link_return span{
	display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
	text-indent: -1em;
	padding-left: 1em;
	line-height: 1.4;
}
.link_return span:before{
	content: "\f104";
}

/*----------- header -------------- */

.header .header-in{
	padding:1.5em 1em;
}
.tagline{
	color: #444;
}
.breadcrumb.sbp-main-before, .breadcrumb.sbp-footer-before, .breadcrumb.pbp-main-before, .breadcrumb.pbp-footer-before{
	background-color: inherit;
}
.nwa .author-box .author-content{
	padding:1em 0;
}
.author-box p{
	line-height:1.5;
}

.carousel-entry-card-title {
	font-size: 80%;
	line-height: 1.5;
}


.border-partition .a-wrap {
	font-size:85%;
	border-bottom:1px dashed var(--cocoon-basic-border-color);
}
.border-partition .a-wrap:first-of-type{
	border-top: none;
    /*border-top: 1px dashed var(--cocoon-x-thin-color);*/
}
.border-partition .a-wrap:last-of-type{
	border-bottom: none;
}

.popular-entry-cards{
	border:1px solid #e3e3e3;
	border-radius:4px;
	padding:0.75em 1em;
}

.widget-entry-cards .a-wrap{
	margin-bottom: 0;
	padding: 0.5em 0;
	line-height:1.6;
}
.widget-entry-cards .a-wrap:hover{
	background-color: inherit;
	text-decoration: underline;
	color: #e53900;
}
.widget-entry-cards figure {
	display: none;
    width: 0;
	margin-right:0;
}
.widget-entry-card-content {
    margin-left: 0;
}

.info-list{
	padding: 0.75em 1em;
}
.info-list-item{
	padding:0.5em 0;
}
.info-list-item-date{
	display: none;
}
.info-list-item-categorys{
	display: none;
}
.info-list-item-content{
	margin-bottom: 0;
}
.cat-label{
	background-color: #f56a51;
}
/*html .body .btn-wrap{
	display: inline-block;
	padding : 0.25em 0.5em;
	font-size: 90%;
	margin-right: 1em;
}
html .body .btn-wrap-m{
	font-size: 100%;
}
html .body .btn-wrap-l{
	font-size: 120%;
}
html .body .btn-wrap.btn-wrap-black{
	border: 1px solid #111 !important;
}
html .body .btn-wrap.btn-wrap-red{
	border: 1px solid var(--cocoon-red-color) !important;
}
html .body .btn-wrap.btn-wrap-pink{
	border: 1px solid var(--cocoon-pink-color) !important;
}
html .body .btn-wrap.btn-wrap-grey{
	border: 1px solid #444 !important;
}
html .body .btn-wrap.btn-wrap-purple{
	border: 1px solid var(--cocoon-purple-color) !important;align-content
}
html .body .btn-wrap.btn-wrap-deep{
	border: 1px solid var(--cocoon-deep-color) !important;align-content
}*/
#sidebar .bnr_box01{
	margin-bottom: 1em;
}
.footer-bottom-logo{
	width: 300px;
	bottom: 2em;
}
.footer-bottom-logo img{
	height: auto;
}

/*----------- 記事ページ -------------- */
.entry-title{
	border-bottom: solid 1px #444;
	padding-bottom: 0.75em;
}
.date-tags{
	margin-bottom: 2em;
}
.toc{
	width: 100%;
}
.article h2{
	padding: 0.65em 1em;
	font-size: 160%;
}
.article h3{
	background-color: #fffaf9;
	border-top: none;
	border-right: none;
	border-left: none;
	border-bottom: 4px solid #f89d8b;
	font-size: 140%;
	color: #f89d8b;
}
.article h4{
	font-size: 130%;
}
.article h5{
	font-size: 120;%
}
.article h6{
	border-bottom: none;
	margin-bottom: 0.5em;
	padding: 0;
	font-size: 110%;
}

/*----------- カテゴリページ -------------- */
.category-content.article.is-code-row-number-enable{
	position: relative;
}
.article-header.category-header h1#archive-title.archive-title{
	width: 60%;
	position: absolute;
	top: 4em;
	left: 1em;
	margin: 0;
}
.article-header.category-header h1#archive-title.archive-title span{
	margin-right: 0;
}
.article-header.category-header h1#archive-title.archive-title .fa.fa-folder-open:before{
	display: none;
}
.category-page-content.entry-content{
	margin-top: 0;
}
.category-page-content.entry-content .main_ttl_area{
	border-left: 4px solid #cca995;
	padding: 0;
}
.category-page-content.entry-content .main_ttl_area h2{
	background-color: #cca995;
	font-size: 20px;
	color: #fff;
	margin: 0;
}
.category-page-content.entry-content .main_ttl_area .ttl_img{
	margin-bottom: 0;
}
.category-page-content.entry-content .cat_link_ttl{
	margin-bottom: 0.75em;
}
@media screen and (max-width: 834px){
.article-header.category-header h1#archive-title.archive-title{
	top: 3em;
}
}
@media screen and (max-width: 768px){
.article-header.category-header h1#archive-title.archive-title{
	top: 2.5em;
}
}
@media screen and (max-width: 600px){
.article-header.category-header h1#archive-title.archive-title{
	top: 2em;
}
}
@media screen and (max-width: 480px){
.article-header.category-header h1#archive-title.archive-title{
	top: 1.7em;
	font-size: 20px;
}
.category-page-content.entry-content .main_ttl_area h2{
	font-size: 16px;
}
}
@media screen and (max-width: 400px){
.article-header.category-header h1#archive-title.archive-title{
	top: 1.5em;
}
}

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

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

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