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

 .img.entry-card-thumb-image.card-thumb-image.wp-post-image {
    aspect-ratio: 0.7 / 1;
}
/************************************
****　全体のバランス
************************************/
.author-info {/*記事右下に出てくる管理人の文字の削除*/
    display: none;
}

.site-name-text,.copyright,.balloon1 p{
	font-family: 'Zen Kurenaido', sans-serif!important;
	font-weight: bold;
}
.site-name-text {
    font-size: 20px;
}
.site-name-text-link{
	padding:0;
}
main#main.main {
    padding: 0;
}
/*-------------リンク-------------*/
a {
  text-decoration: none;
}
/*--------------------------------*/
@media screen and (max-width: 880px){
.content {
    margin: 60px 20px;
}
}

/*-------------新着レビュー----------------*/
.entry-card-thumb {
	width: 100px;
}
.entry-card-content {
	margin-left: 110px;
}
/*-------------TOPページカルーセル----------------*/
/**カルーセルとサイト名の間のマージン**/
.carousel {
    margin-top: 35px;
}
@media screen and (max-width: 880px){
.carousel {
    margin-top: 85px;
}}

/**カルーセル画像センターへ**/
.carousel-entry-card-thumb {
    float: none;
    display: table;
    margin: 0 auto;
}
/**カルーセル画像高さ/functionでは出力サイズを設定中*/
.carousel-entry-card-thumb img{
height:200px;
width:150px;
}
/**カルーセル帯*/
.slick-track article figure .cat-label {
    top: initial;
    bottom:0;
    left: 0;
    background-color: rgb(255 33 97 / 70%);
    max-width: 100%;
    text-align: center;
    padding: 5px;
    width: 100%;
    border: none;
}
/**カルーセル矢印*/
.carousel .slick-arrow:before {
    color: #fe2464;
}

/*トップページの新着コンテンツ*/
.new-entry-card-thumb widget-entry-card-thumb card-thumb img{
	height:200px;
	width:500px;
}

/**カルーセル背景透明**/ .carousel-in{
background-color:transparent;
}
/**カルーセル左右矢印の色・大きさ**/
.carousel .slick-arrow:before{
color:#1b325f;
font-size:28px;
}
/**カルーセル記事タイトル文字**/
.carousel-entry-card-title{
margin-top:10px;
color:#ff4500;
font-weight:normal;
max-height: 5.2em;
text-align: center;
}
@media (max-width: 673px){
	.new-entry-card-thumb widget-entry-card-thumb card-thumb img{
	height:auto;
}
}
/*----投稿一覧のサムネトリミング無効-----*/
.blogcard-thumbnail img, .card-thumb img {
    aspect-ratio: auto;
}
/*-------------TOPページのウェジェットタイトル----------------*/
.widget-above-page-content-title-title.main-widget-label {
    border-bottom: 3px #f62176 solid;
    padding-bottom: 5px;
}

/*------------TOPの新着コンテンツ---------------*/
/*div#custom_html-6 div.new-entry-card-title.widget-entry-card-title.card-title,.new-entry-card-content.widget-entry-card-content.card-content {
	display:none;/*タイトル帯削除*/
/*}*/


/*---------セレクトボックス--------*/
select {
	border:none;
    background-color: #ffebee;
}

/*---------TOPのオススメコンテンツ内ピックアップのサムネサイズ-----------------*/
.widget-entry-cards.card-large-image .a-wrap {
    max-width: 1000px;
}
@media screen and (max-width: 880px){
.new-entry-cards.widget-entry-cards.no-icon.cf.card-large-image.large-thumb.card-title-bold.pik-up.cover-img {
    text-align: -webkit-center;
    display: block;
	}}
@media screen and (max-width: 768px){
.wp-block-columns.is-layout-flex.wp-container-core-columns-layout-1.wp-block-columns-is-layout-flex {
    display: grid !important;
    grid-template-columns: repeat(2, auto);
}
}
@media screen and (max-width: 430px){
	.wp-block-columns.is-layout-flex.wp-container-core-columns-layout-1.wp-block-columns-is-layout-flex {
	 display:block !important;
	}
}
/*---------TOPのBLまとめい一覧のｻﾑﾈ-----------------*/
/*BLまとめコンテンツのタイトル表示*/
div.bl-summary .card-title-bold .card-title {
    display: block;
}

div.bl-summary figure.new-entry-card-thumb.widget-entry-card-thumb.card-thumb {
    width: 250px;/*サムネサイズ*/
}

.bl-summary div.new-entry-card-title.widget-entry-card-title.card-title {/*TOPのカード上タイトル箇所*/
	background: linear-gradient(transparent 70%, #ff64bc4a 70%);}
/*BLまとめコンテンツのmore上の空間*/
.new-entry-cards.widget-entry-cards.no-icon.cf.card-title-bold.card-arrow.bl-summary {
    margin-bottom: 0px;
}
.card-arrow .card-content {
    margin-right:0;
}
	@media (max-width: 673px){
		.widget-entry-cards .widget-entry-card-content,.font-awesome-5 .card-arrow .a-wrap::after{
		display:none;
		}
		div.bl-summary figure.new-entry-card-thumb.widget-entry-card-thumb.card-thumb{
			width:100%;
		}
		.new-entry-cards.widget-entry-cards.no-icon.cf.card-title-bold.card-arrow.bl-summary {
    margin-bottom: 0px;
    display: grid;
    grid-template-columns: repeat(2, 50%);
}
}

@media screen and (max-width: 400px){
	.new-entry-card-content.widget-entry-card-content.card-content {
    display: none;
}
	div.bl-summary figure.new-entry-card-thumb.widget-entry-card-thumb.card-thumb {
    width: 100%;/*サムネサイズ*/
}
	.card-arrow .a-wrap::after {
    right: -10px;
}
}
/*---------息子紹介ページの一番下の関連記事一覧のｻﾑﾈ-----------------*/
/*BLまとめコンテンツのタイトル表示*/
div.sonspeage .card-title-bold .card-title {
    display: block;
}
div.sonspeage figure.new-entry-card-thumb.widget-entry-card-thumb.card-thumb {
    width: 250px;/*サムネサイズ*/
}
.sonspeage div.new-entry-card-title.widget-entry-card-title.card-title {/*TOPのカード上タイトル箇所*/
	background: linear-gradient(transparent 70%, #ff64bc4a 70%);}
/*BLまとめコンテンツのmore上の空間*/
.new-entry-cards.widget-entry-cards.no-icon.cf.card-title-bold.card-arrow.sonspeage {
    margin-bottom: 0px;
}
@media screen and (max-width: 400px){
	div.sonspeage figure.new-entry-card-thumb.widget-entry-card-thumb.card-thumb {
    width: 100%;/*サムネサイズ*/
}
}
/*--------------------------------*/
header{
	    padding: 0 30px;
}
.content{
	margin: 50px;
}
.entry-content {/*本文下の空白を削除*/
padding-bottom: 0;
margin-bottom: 0;
margin-top:30px;
}
.footer {
    margin-top: 20px;
    padding: 0px;
}
@media (max-width: 1023px){
article > .entry-content, aritcle > footer.article-footer {/*本文左右の空白*/
padding: 0 20px;
}
}
@media screen and (max-width: 880px){
.page-body {
font-size: 16px;
}
	.content{
	margin: 20px;
}
	.entry-content {/*本文下の空白を削除*/
margin-top:0px;
}
}
@media screen and (max-width: 480px){
.page-body {
font-size: 15px;
}
	.content{
	margin: 0px;
}
	article > .entry-content, aritcle > footer.article-footer {
    padding: 0;
}
}
img{
box-shadow: 0px 2px 5px 0 rgba(0,0,0,.2);
}
a {
 -webkit-tap-highlight-color:rgba(0,0,0,0);
}
.body .article {/*本文SNSフォロー下の空白*/
margin-bottom: 0;
}
/************************************
****　プロフィール欄
************************************/
/*吹き出し*/
.balloon1 {
position: relative;
display: inline-block;
margin: 1.5em 0;
padding: 7px 15px;
min-width: 120px;
max-width: 100%;
/*color: #c85179;*/
font-size: 16px;
background: #ffe0ef;
border-radius: 40px;
}
.balloon1:before{
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -15px;
border: 15px solid transparent;
border-top: 15px solid #ffe0ef;
}
.balloon1 p {
margin: 0;
padding: 0;
}
/*余白*/
/*aside{
	padding: 0 30px;
}*/
/*-------------自作プロフ----------------*/
.profil-wrap{
	text-align:center;
	padding:0 30px
}
aside#text-2 {
    border: 1px black solid;/*枠*/
    padding-bottom: 10px;
}

.profil-img{
	width:100px;
	height:100px;
	border-radius:50%;
	box-shadow: none;
}
.profil-text-bold{
	color: #545454;
    font-family: sans-serif;
	font-size: 1.1em;
	margin:0;
	padding:0;
}
.profil-text{
	text-align:left;
	color:gray;
	line-height: 1.3;
	font-size: .9em;
	margin-top:10px;
}
a.profil-sns {/*twitter*/
    display: block;
    background-color: pink;
    border-radius: 5px;
    margin-top: 10px;
    color: white;
}
a.profil-sns:hover {
    opacity: 0.8;
}
/*--------------------------------*/
/************************************
****　ヘッダーメニュー
************************************/
.navi-in>ul li {
line-height: 40px;
height: 40px;
}
.navi-in a{
font-size:15px;
}
#navi .navi-in a:hover {
transform: none!important;
}
.navi-in > ul .sub-menu a {
padding: 0;
}
.navi-in > ul .sub-menu{
box-shadow: 0px 2px 5px 0 rgba(0,0,0,.26);
}
.sub-menu .caption-wrap {
color:#333;/*サブメニューの文字色*/
font-weight: normal;
border-top: 1px dashed  #cc3366;
background:#ffc6c6;/*サブメニューの背景色*/
padding:0 0 0 2em;
margin:0;
}

div#header-container {
box-shadow: none;
margin-bottom: 30px;
}
div.item-label{
font-weight:bold;
}
li.logo-menu-button.menu-button a {
	font-family: 'Zen Kurenaido', sans-serif!important;
	font-weight: bold;}

@media screen and (max-width: 834px){
li.logo-menu-button.menu-button a {
    font-size: 20px;
	}}
@media screen and (max-width: 400px){
li.logo-menu-button.menu-button a {
    font-size: 15px;
	}}
/*--------ヘッダ固定---------------*/
div#header-container-in {
    /* position: fixed; */
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 2;
	background: white;
	box-shadow: 0 3px 6px rgb(87 88 88 / 17%);
}
div#container {
    padding-top: 110px;
}
@media screen and (max-width: 1023px) {
div#container {
    padding-top: 0px;
}
}
/*--------ヘッダタイトルカスタマ---*/
.logo-text {
    padding: 30px 0 0;
	text-align:left;
}
/*-------------サイト名テキスの場合------------*/
span.site-title-text-b{
	color:black;
}
span.site-title-text-love{
	color:#e73562;
}
.text-b{
    font-weight: bold;
}
/*------タイトルロゴの場合----------------*/
.logo-header img,img.site-logo-image{
box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
	height:30px;
	width:auto;
}
.logo{
	text-align: left!important;
}

.logo-image {
    padding: 10px 0 0!important;
}
@media screen and (max-width: 1023px) {
.logo-menu-button img {
    max-height: 35px;
	}
.mobile-menu-buttons > li {
    padding: 10px 0;
}
}
@media screen and (max-width: 390px) {
.logo-menu-button img {
    max-height: 30px;
	}
}
/*--------------------------------*/
/*--------キャッチフレーズカスタマ---*/
.tagline {
    text-align: left;
    margin:0 0 5px;
	font-size: 12px;
}

@media screen and (max-width: 1023px) {
  .tagline {
    display: none!important;
  }
}
/*----------ヘッダに検索窓-------------------*/
/*検索窓*/
.search-box {
width:315px;
margin:0 1.5px 0.5em; 
position: absolute;
top: 30px;
right: 30px;
}
.search-edit {
width:auto; /*入力部分の長さ*/
height:35px ;/*検索窓の高さ*/ 
background: #fff; /*入力部分の背景色#aeab92*/
 font-size: 15px;
	border:1px solid #000 !important;
}	
.search-box input::placeholder {
font-size: 14px;
	color: #000;/*プレースホルダーのフォント大きさと色*/
}

.main form.search-box.input-box{
	display: none;
}


/*1023px以下*/
@media screen and (max-width: 1023px){
.header-in {
	display: none;
	}
}
/*768px以下*/
@media screen and (max-width: 768px){
/*タブレット・スマホの時は非表示*/
.add-header-contents {
	display: none;
	}
}
/*--------検索ボックスカスタマ-----------*/
/*input.search-edit{
  border-bottom: solid 1px #000;
box-shadow: 0 4px 4px rgb(0 0 0 / 2%), 0 2px 3px -2px rgb(0 0 0 / 5%);
background-color: #fff;
}*/
input.search-edit::placeholder {
  color:#ddd;
}
aside#search-2{
	padding:30px 30px 20px;
}
.search-submit {
    border: solid 1px #000 ;/*虫眼鏡ボタンの枠色*/
    border-radius: 0 3px 3px 0;
    color: #000 ;/*虫眼鏡の色*/
    background-color: #fff;/*お好みの色に*/
    width: 35x;
    height: 35px;
    top: 0px;
    right: 0px;
}
/*************************************
 * アーカイブの並び
 * ************************************/
.ect-3-columns {
    justify-content: start;
}
/*帯消し*/
.ect-vertical-card a article figure .cat-label{
    display: none;
}
.ect-vertical-card a article div .entry-card-title {
	font-size:15px !important;
}
/*************************************
 * 新着一覧横並び
 * ************************************/
/*-------ウェジェット　新着画像の横のタイトル削除-------------*/
#new_entries-4 .new-entry-card-title.widget-entry-card-title.card-title {
    display: none;
}
#new_entries-4 .swiper-slide {
    width: auto;
}
#new_entries-4 img{
	width:150px;
	height:170px;
}
/*-------------------------------------------*/
/*************************************
 * 新着一覧縦並び　カスタム投稿
 * ************************************/
.widget-entry-cards.card-large-image .a-wrap {
width:100%;
height:auto;
/*display: inline-flex;*/
}
.widget-entry-cards.card-large-image .card-content{/*タイトル非表示*/
    display:none;
}
.widget-entry-cards.card-large-image .card-content {
    margin:0;
    padding:0;
}
.widget-entry-cards.card-large-image figure img {
    width: 100%;
    display: block;
    border: 1px solid #ffd8eb;
}

.new-entry-card-title.widget-entry-card-title.card-title {/*カード上タイトル箇所*/
    display: inline-block;
    padding-top: 10px;
}

.widget-entry-cards.large-thumb-on .card-content {
    top:60%;
    text-align: center;
    padding: 0;
    max-height: 100%;
	bottom: none;
	background-color: #ff3e88a6;
}
.new-entry-cards.widget-entry-cards.no-icon.cf.card-large-image.large-thumb-on {
    text-align: center;
}
.widget-entry-card-content {
    margin-left: 135px;
}
@media screen and (max-width: 800px) {
.widget-entry-cards.card-large-image .a-wrap {
width:auto;
/*display: inline-flex;*/
	display:block;
}
}

.widget-entry-cards.not-default figure img {
padding: .5em;
}

.widget-entry-cards.card-large-image .a-wrap {
font-size: 95%;
text-align: left;
}
/*--------コンテンツ上ウェジェット共通--------*/
.content-top.wwa aside.widget_text.widget.widget-content-top.widget_custom_html{
	margin-bottom:0px;
}
/*----------------------------------/
/************************************
****　サイドバー
************************************/
#sidebar>.widget{
border-radius:10px;
}
.sidebar {
    padding: 0 20px;
}
/*--------サイト背景白用---------------*/
aside#archives-2,aside#categories-2,aside#custom_html-2,aside#custom_html-3,aside#custom_html-4,aside#custom_html-5,aside#common_ad-2,aside#new_entries-4,aside#pc_ad-3,aside#custom_html-8 {
    padding: 0;
}


h3.widget-sidebar-title.widget-title{
    padding:0;
}
.sidebar h3{
color:#7b7b7b;
border-radius: 0%;
background-color:transparent;
border-bottom:3px dotted;
border-color:#ff8da6;/*タイトル下のライン色変更はこちら*/
padding-bottom:0.3em;
margin-top:-0.5em;
margin-bottom:1em;
}
.widget_recent_entries ul li a, .widget_categories ul li a, .widget_archive ul li a, .widget_pages ul li a, .widget_meta ul li a, .widget_rss ul li a, .widget_nav_menu ul li a {
background-color:#f7f7f7;
margin: 6px 0;
padding: 4px 10px;
border-radius:20px;
transition: 0.4s
}
.widget_recent_entries ul li a:hover, .widget_categories ul li a:hover, .widget_archive ul li a:hover, .widget_pages ul li a:hover, .widget_meta ul li a:hover, .widget_rss ul li a:hover, .widget_nav_menu ul li a:hover{
background-color:#90C31F;/*マウスオーバー時の背景色変更はこちら*/
color:#fff!important;
}
.tagcloud a{
background-color:#f7f7f7;
}
.tagcloud a:hover{
background-color:#90C31F;/*マウスオーバー時の背景色変更はこちら*/
color:#fff!important;
transition: 0.4s ;
}
.nwa .recommended.rcs-card-margin a {
margin: 0 0 1em;
width: 90%;
}
.widget-entry-cards .widget-entry-card-content{
color: #565656;
}
@media screen and (max-width: 834px){
aside#new_entries-4 {
    display: none;
	}
aside#new_entries-5 {
    display: none;
}
}


/**サイドバーのまとめ記事のランキングをセンターで表示**/

.popular-entry-cards.widget-entry-cards.no-icon.cf.card-large-image.large-thumb.card-title-bold.wej-summary {
    text-align: -webkit-center;
}
/*－－－－－－－－－タググループーーーーーーーーー*/
.tagcloud-group1,.tagcloud-group2,.tagcloud-group3{
	display: flex;
	justify-content: flex-start!important;
}
span.fas.fa-folder.cat-icon.tax-icon {/*記事タイトル上のタグのアイコン横のマージン*/
    margin-right: 0.4em;
}

.tagcloud-group1 a:before{
 font-family:"Font Awesome 5 Free";
 content:"\f1ad"; 
 font-weight:400;
 color:#008db7;
 padding-right:6px;
}
.tagcloud-group2 a:before{
 font-family: "Font Awesome 5 Free";
 content:'\f069'; 
 font-weight:900;
 color:#008db7;
 padding-right:6px;
}
.tagcloud-group3 a:before{
 font-family: "Font Awesome 5 Free";
 content:'\f007'; 
 font-weight:900;
 color:#008db7;
 padding-right:6px;
}
.tagcloud-group4  a:before{
 font-family: "Font Awesome 5 Free";
 content:'\f518'; 
 font-weight:900;
 color:#008db7;
 padding-right:6px;
}
/************************************
****　記事　タイトル周り
************************************/
/*タイトル周りは基本、記事種類にて設定だけど下記は通常投稿用*/
h1.entry-title.post-title {
    display: inline;
    background: linear-gradient(transparent 70%, #ffebb1 70%);
    line-height: 60px;
	font-size: 30px;
}
@media screen and (max-width: 880px){
		h1.entry-title.post-title {
	line-height: 50px;
	}
}
@media screen and (max-width: 400px){
	h1.entry-title.post-title {
	line-height: 30px;
    font-size: 20px !important;
	}
}

/*下記にてカテゴリーとタグ表示の装飾*/
/************/
    .cat-link { /* カテゴリー */
        color: #fff;
        text-decoration: none;
        display: inline-block;
        margin-right: 5px;
        padding: 2px 8px;
        font-size: 12px;
        background-color: #e6729c;
        border-top-right-radius: 10px; /* 右上の角だけ丸く */
        border-bottom-left-radius: 10px; /* 左下の角だけ丸く */
        word-break: break-all;
    }
    .cat-link:hover { /* マウスホバー時 */
        opacity: 1;
        background: #49add1;
        transition: all .5s ease; /* ふわっと変化するアニメーション */
        color: #fff;
    }
    .tag-link { /* タグ */
color: #e6729c;
    text-decoration: none;
    display: inline-block;
    margin-right: 5px;
    padding: 2px 8px;
    font-size: 12px;
    background-color: #fff;
    border: #e6729c 1px dashed;
    word-break: break-all;
    }
    .tag-link:hover {
        background: #49add1;
        transition: all .5s ease;
        color: #fff;
    }
/************/
    .date-tags {
        line-height: .8;
        position: relative;
        color: #aaa; /* 文字色を薄くする */
        display: flex;
        flex-direction: row;  /* 左揃えにする */
    }
    .post-date {
        order: 1; /* 投稿日の表示順を1番目に */
    }
    .post-update {
        order: 2; /* 更新日の表示順を2番目に */
    }
    .post-date, .post-update {
        padding: 2px;
        display: inline;
        font-size: .8em; /* 少しだけ文字サイズを大きく */
    }
.new-entry-card-update-date.widget-entry-card-update-date.post-update {
    display: inline !important;
}
.new-entry-card-content .new-entry-card-date {
    display: none;
    position: absolute;
    bottom: 4px;
    left: 266px;
}
  .post-update .fa-history, .post-date .fa {
        display: none; /* Cocoon バージョン2以降のデフォルトアイコンを非表示に */
 }
span.far.fa-clock {/*デフォルトの時計マーク非表示*/
    display: none;
}
    .post-date::before { /* 投稿日のアイコンの変更 */
	font-family: "Font Awesome 5 Free";
    content: "\f303";
    padding-right: 3px;
    font-weight: 900;
    }
    .post-update::before { /* 更新日のアイコンの変更 */
	font-family: "Font Awesome 5 Free";
        content: "\f021";
        padding-right: 3px;
		font-weight: 900;
    }
/************************************
****　記事本文　ブログカード
************************************/
.blogcard-wrap {
    margin-left: 0;
	width:auto;
    max-width: 800px;
}
.blogcard {
padding-bottom:.8%;
border: 1px solid #ff006d;
border-radius:4px;
/*box-shadow: 0 1px 3px 0 rgb(0 0 0 / 30%);*/
}
a.blogcard-wrap.internal-blogcard-wrap.a-wrap.cf,
a.blogcard-wrap.external-blogcard-wrap.a-wrap.cf{
transition: all 200ms;
}
a.blogcard-wrap.internal-blogcard-wrap.a-wrap.cf:hover,
a.blogcard-wrap.external-blogcard-wrap.a-wrap.cf:hover{
background-color: #fafafa;
box-shadow:none;
transform: none;
}
.blogcard-footer {
padding-top: 2%;
}
.blogcard:before {
display:none;
}
.internal-blogcard::after,
.external-blogcard::after{
content: "続きを読む ≫"; 
position: absolute;
bottom: 0.7em;
right: 1em;
font-size: 0.7em;
background-color: #87cefa;/*続きを読むの背景色変更はこちら*/
padding: .4em 3em;
font-weight: bold;
color: #fff;
border-radius: 2px;
}
.blogcard-content{
max-height: none;
}
.blogcard-date{
display:none;
}
.blogcard-title {
font-size:1em;
padding:.2em .2em 0;
line-height:1.4em;
text-align: justify;
}
.blogcard-snippet {
padding:0em .5em;
color:#7b7b7b;
text-align: justify;
}
@media screen and (max-width: 1023px){
.blogcard-title {
padding:.3em .3em 0em .2em;
line-height:1.5em;
}
.blogcard-snippet {
font-size:.9em;
margin-top:.3em;
}
}
@media screen and (max-width: 960px){
.blogcard-title {
padding:.3em .3em .2em .2em;
line-height:1.5em;
}
.blogcard-snippet{
font-size:.8em;
max-height:15em;
}
}
@media screen and (max-width: 834px){
.blogcard-title {
font-size:1.1em;
padding:.2em .3em .5em .2em;
}
.blogcard-snippet {
font-size:.9em;
}
}
@media screen and (max-width: 740px){
.blogcard-title {
padding:.3em;
}
}
@media screen and (max-width: 673px){
.blogcard-title {
padding:.3em .5em 1em .2em;
line-height:1.8em;
}
.blogcard-snippet {
display:none;
}
}
@media screen and (max-width: 480px){
.blogcard {
padding-bottom: 2%;
}
.blogcard-title {
padding:.1em .4em 0em .1em;
line-height:1.5em;
}
.blogcard-footer {
padding-top: 5%;
}
}
@media screen and (max-width: 410px){
.blogcard-domain{
max-width: 11em;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}}
@media screen and (max-width: 375px){
.blogcard-domain{
max-width: 9em;
}}
/************************************
****　目次
************************************/
/************************************
** 記事内目次
************************************/

.toc {
	border-top: 2px solid #ff7fa1;
    border-bottom: 2px solid #ff7fa1;
    position: relative;
	padding: 20px 32px 7px 32px!important;
	margin-bottom: 5%!important;
	width:95%!important;
}





/*
.toc {
  background: #fff!important;
  border: 0!important;
  display: block!important;
  border-top: 5px solid!important;
  border-top-color: #f8c678!important;/*お好みの色に*/
  /*box-shadow: 0 2px 2px rgba(0,0,0,.2)!important;
  padding: 20px 32px 7px 32px!important;
  margin-bottom: 5%!important;
  width:95%;
  border-radius:10px;
}
*/

.toc-list.open {
  list-style: none;
}

@media screen and (min-width:600px){
.toc {
  padding: 20px 35px 15px 35px!important;
  width:70%;
}
}
.toc-title{
  margin: 0 20px 20px -10px!important;
  font-size: 23px!important;
  font-weight: 700!important;
  color: #ff7fa1!important;/*お好みの色に*/
  background-color: initial;
}
.toc-title:before{
    font-family: "Font Awesome 5 Free";
    content: "\f03a";
    font-weight: 900 !important;
    font-size: 20px;
    color: #fff;
    background-color: #ff7fa1;/*お好みの色に*/
    border-radius: 10%;
    padding: 7px;
    margin-right: 5px;
}
.toc a{
  color:#877179;
  display: block;
  border-bottom: dashed 1px silver;
  padding-bottom: 3px;/*下の点線との間*/
  padding-top: 0em!important;/*下の点線との間*/
}
.toc ul li{
  font-weight: 700;
  line-height: 1.5;
  padding: 0 0 .4em 1.4em;
  position: relative;
}
.toc ul li:before{
  font-family: "Font Awesome 5 Free"!important;
  content: "\f138";
  position: absolute!important;
  left: -0.3em!important;
  color: #f8c678;/*お好みの色に*/
  font-weight: 900;
}
.toc li li{
  font-weight: 400;
  padding-top:.5em;
  margin-top:0!important;
}
.toc_list li{
  margin-top:-5%!important;
}
@media screen and (min-width:834px){
.toc_list li{/*PCでは目次のh2同士の間隔は抑えめに*/
  margin-top:-1.8%!important;
}
}
@media screen and (max-width:400px){

.toc-title{
font-size: 16px!important;
}
.toc-title:before{
  font-size: 16px;
    margin-right: 10px;
}
	.toc {
		padding: 20px 20px 7px 20px!important;
	}
}
/************************************
****　本文記事見出し H2 H3 H4 H5 H6
************************************/
.article h2:before {
background-image: none;
}
.article h2{
line-height:1.5;
background-color:#fff;
font-size: 25px;
color:#333333;
border-bottom: solid 1px #ff2778;
border-left: solid 14px #ff2778;/*H2の色の変更はこちら*/
padding: 0.4em 0.8em;
margin-top:70px
/*margin-bottom:2em;*/
}

.article h3{
line-height:2;
background-color:#f8f4e6;
font-size:17px;
border:none;
color:#333333;
border-radius:2px;
border-left:10px solid #5a544b;/*H3の色の変更はこちら*/
padding: 0.4em 0.8em;
margin-top:10px;
}
.article h3:before {
width: 0em;
}
.article h4 {
    position: relative;
    padding: 0.5rem;
    margin: 20px 0;
    border-top: 3px dashed #ff8a00;
    border-bottom: 3px dashed #ff8a00;
    color: #616161;
    font-weight: bold;
    font-size: 18px;
}

.article h5 { /*基本デザイン*/
 font-size: 22px;  /*フォントサイズ*/
 margin: 20px 0;
 padding: 0px;  /*余白*/
 border-bottom:none;/*一重下線、太さ、色*/
 background-color: #ffffff; /*背景*/
}
.article h5::before { /*h2の先頭*/
 font-family:"Font Awesome 5 Free"; /*フォント指定*/
 content:"\f14a"; /*記号*/
 color:#008db7;
 margin-right:9px; /*記号右側の余白*/
}
.article h6 { /*基本デザイン*/
 font-size: 22px;  /*フォントサイズ*/
 margin: 20px 0;
 padding: 0px;  /*余白*/
 border-bottom:none;/*一重下線、太さ、色*/
 background-color: #ffffff; /*背景*/
}
.article h6::before { /*h6の先頭*/
 font-family:"Font Awesome 5 Free"; /*フォント指定*/
 content:"\f0c8"; /*記号*/
 color:#008db7;
 margin-right:9px; /*記号右側の余白*/
font-weight : 400; /*中塗は900*/
}

@media (max-width:880px){
.article h2{
	margin-top: 50px;
    margin-bottom: 30px;
}}
@media (max-width:480px){
.article h2{
font-size:18px;
padding:1.5em 1em 1.5em 0.5em;
}
.article h3{
font-weight:bold;
font-size:17px!important;
}
.article h4, .article h5{
font-size:15px!important;
}
}
@media screen and (max-width:400px){
.article h2 {
padding: 0.5em 1em;
}
}
/************************************
****　SNSシェアボタン
************************************/
.sns-share{
margin: 0 0 24px ;
}
.sns-share-message:before, .sns-follow-message:before, span.related-entry-main-heading.main-caption:before, .comment-title:before {
letter-spacing:.3em;
border-radius:20px;
border: 0;
padding: 0;
background-color:#000;/*SHARE 背景色の変更はこちら*/
color:#fff;
display: inline-block;
width: 40%;
}
.sns-share-message, .sns-follow-message, span.related-entry-main-heading.main-caption, .comment-title {
margin:20px 0 10px 0;
}
.sns-share.ss-high-and-low-lc a .button-caption.button-caption{
display:none!important;
}
/*.sns-share-buttons {
padding-right:10%;
padding-left:10%;	
}
.sns-share-buttons a {		
transition:0.5s;
}*/
.sns-share.ss-top.ss-col-6 a, .sns-share.ss-bottom.ss-col-3 a {/*設定したカラム数に応じて数字を変更してください(例：カラム6列→6)*/
width: 13%;
}
.sns-share.ss-high-and-low-lc a .social-icon{
font-size: 25px;
}
@media (max-width:480px){
.sns-share-message:before, .sns-follow-message:before, span.related-entry-main-heading.main-caption:before, .comment-title:before {
width: 55%;
}
/*.sns-share-buttons {
padding-right:5%;
padding-left:5%;
}*/
.sns-share.ss-top.ss-col-6 a, .sns-share.ss-bottom.ss-col-3 a {/*設定したカラム数に応じて数字を変更してください(例：カラム6列→6)*/
width: 15%;
}
.sns-share.ss-high-and-low-lc a .social-icon{
font-size: 20px;
}
}
/************************************
** トップシェアボタン
************************************/
.sns-share.ss-high-and-low-lc a .social-icon {
  font-size: 22px;
}
/************************************
** ボトムシェアボタン
************************************/

.sns-share-buttons a {
    border-radius: 20%!important;;
    width: 50px!important;
	margin-right: 10px!important;
}
	.sns-share-buttons a .button-caption {
  display: none!important;
}

@media screen and (min-width:481px) {
  .sns-share, .sns-follow {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
  }
}
.sns-share-buttons {
  justify-content: start;
	padding: 0px;
}
.sns-share-buttons a {
  font-size: 1.25em;
  border-radius: 50%;
  width: 50px!important;
  height: 50px;
  opacity: .6;
}
@media screen and (max-width:834px) {
  .ss-bottom .sns-share-buttons a {
    font-size: 1.3em;
  }
}

.sns-share-message, .sns-follow-message {
  color: #bbb;
  position: relative;
	text-align: left;
}
.sns-share-message:before, .sns-follow-message:before {
    position: absolute;
    left: 20%;
    bottom: -5px;
    width: 40%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: 3px;
    background-color: #c0c0c0;
}

/************************************
** ボトムフォローボタン
************************************/
.sns-follow-buttons {
  justify-content: start;
}
.sns-follow-buttons a {
  font-size: 1.7em;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  opacity: .6;
}
@media screen and (max-width:834px) {
  .ss-bottom .sns-follow-buttons a {
    font-size: 1.3em;
  }
}
/************************************
** 記事内調整
************************************/
.article-header h1 {
    padding-top: 10px;
}
header.article-header.entry-header{
	padding:0;
}
@media screen and (max-width: 1023px){
.mblt-header-mobile-buttons {
    margin-top: 80px;
	}
	}
@media (max-width: 880px){
h1.entry-title{
	padding-top:40px;
	}
}
@media screen and (max-width: 880px){
.content {
    margin: 30px;
}
.article-header h1 {
    padding-top: 30px;
}
}
/************************************
** 記事内のアイキャッチ
************************************/
.eye-catch img{
	height: auto;
    width: 100%;
}
.article-header h1{
	position:initial;
}
div.date-tags{
	position:absolute;
	top: 10px;
    right: 0px;
}
	@media screen and (max-width: 880px){
		div.date-tags{
	top: -10px;
		}
	}
	@media screen and (max-width: 400px){
	div.date-tags {
    top: -15px;
}
}
/************************************
** 記事内のタグ
************************************/
.fa-tag:before {
    content: "\f02b";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}
.fa-folder:before {
    content: "\f07b";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}
.sns-buttons a{
	background-color: #ff89b0;
}
/***************************************
 * はじめに　のページ
 * ****************************************/
.wp-block-media-text .wp-block-media-text__content{
	padding: 30px;
}

a.profil-start {
    padding: 10px 20px 5px 20px;
    display: inline;
    background-color:#7ecef5;
    border-radius: 5px;
	color: white;}
a.profil-start:hover {
    opacity: 0.8;
}

@media (max-width: 880px){
.wp-block-media-text .wp-block-media-text__content{
	padding: 10px;
	}}

/*********************************
 * カテゴリー別ページ
 ************************************/

/************************************
 * フッター　ロゴ画像
 * ******************************/
	
.footer-bottom-logo img{
box-shadow: none!important;
	}


/************************************
 * 修正レベルのページ
 * ******************************/
.entry-card-snippet {
color: #7b7b7b;
line-height: 1.8;
text-align: center;
}

.widget-entry-card-snippet{
		font-size:16px;
	}
.new-entry-card-snippet.widget-entry-card-snippet.card-snippet {
    padding-right: 30px;
}
@media (max-width: 673px){
	.widget-entry-card-snippet{
		font-size:12px;}
}
@media (max-width: 673px){/*通常のブログカードと合わせた*/
.widget-entry-card-snippet{
		display:none;/*説明文を消す*/
	}
}
/************************************
 * アーカイブの並び
 * ******************************/
.ect-3-columns {
    justify-content: start;
}
.entry-card-meta, .related-entry-card-meta {/*アーカイブページの投稿日*/
display:none;
}
.ect-3-columns .entry-card-wrap {
    width: 100%;
    padding: 7px;
}
.ect-vertical-card {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
}
.front-page-type-index{
	    display: grid;
	grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 673px){
.ect-vertical-card {
    grid-template-columns: repeat(2, 1fr);
}
	.ect-3-columns .entry-card-snippet ,.entry-card-title, .related-entry-card-title{
		display:none;
}
}
/************************************
 * 問い合わせフォーム
 * ******************************/
/*page-contact
-----------------------------------------------------------------------------------------*/
.flex-wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
}
.privacy-agreement {
    margin: 30px auto;
}
.text-center {
    text-align: center;
}
.submit-space {
    display: inline;
    cursor: not-allowed !important;
}
/*----↑main.cssにあったやつ-----------------*/
.cform{
text-align:center;	
}
.form-td{
	padding: 20px 0 0 20px;
	text-align: left;
	font-size: 130%;
	border-width: 2px 0px;
	vertical-align: top;
	width: 100%;
}

tr.form-tr{
	display: flex;
	padding-top: 10px;
}

tr.form-tr:first-child{
	padding-top: 0%;
}
.form-item1{
	width: 300px;
	font-weight: bold;
	justify-content: space-between;
	align-items: center;
	border: none;
	color: #7b7b7b;
}

.form-item2{
	width: 100%;
	border: none;
}

tr.contact-table-tr{
	margin-bottom: 10px;
}

span.form-pb {
	padding: 5px 20px;
	margin-left: 20px;
	font-size: 80%;
	border-radius: 5px;
	color: rgb(255, 255, 255);
}

span.contact-redbg{
    background-color: rgb(255 162 162);
}

span.contact-graybg{
	background-color: rgb(151, 151, 151)
}

.wpcf7-form-control-wrap{
	display: block;
	width: 100%;
}
.formtext-common{
	padding: 10px;
	margin-bottom: 5px;
	border: 1px solid;
	width: 100%;
	border-radius: 3px;
	background-color: rgb(255, 255, 255);
	vertical-align: bottom;
}

.submit-space{
	display: inline;
	cursor: not-allowed !important;/*チェックボックス用*/
}

.privacy-agreement{
	margin: 30px auto;
}

input.wpcf7-submit {
	padding: 5px 50px !important;/* ボタン内の余白 */
	margin-bottom: 2px;
	background: linear-gradient(180deg,rgb(255 155 173) 0%,rgb(255 155 172) 50%,rgb(255 116 140)50%,rgb(255 117 139)100%) !important;
	opacity: 0.3;/*チェックボックス用*/
	pointer-events: none;/*チェックボックス用*/
	border-radius: 5px !important;
	color: #fff !important;
	font-size: 18px !important;
	font-weight: bold !important;
	width: 40%;
	transition: 0.5s;/* 背景色が変わるまでの時間*/
	border: none !important;
	box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.10);/* 薄っすらとボタンにドロップシャドウをかける*/
}

input.wpcf7-submit:hover{
	cursor: not-allowed;/*チェックボックス用*/
	pointer-events: none;/*チェックボックス用*/
}

input.wpcf7-submit.active{
	opacity: 1;/*チェックボックス用*/
	/*cursor: pointer;/**/
	pointer-events: auto;/*チェックボックス用*/
	cursor: auto;
}

input.wpcf7-submit.active:hover {
background: linear-gradient(180deg,rgb(253 132 154) 0%,rgb(248 125 146) 50%,rgb(246 88 115)50%,rgb(255 84 111)100%) !important;
	color: #fff !important;
}

input.wpcf7-submit.active:active {
	margin: 2px auto 0 !important;
	box-shadow: 0px 0px 0px 0px !important;
}

form.sent div.cform {
	display: none !important;
}

.wpcf7 .wpcf7-not-valid {
	background: rgb(255, 199, 203) !important;
}

/*必須項目未記入時の注意書き*/
.wpcf7-not-valid-tip{
	font-size: 80%;
	text-align: left;
}
/*なかったからいれてみる*/

.wpcf7 form .wpcf7-response-output{
	padding: 10px;
	margin-bottom: 0;
}

.wpcf7 span.wpcf7-spinner{
	display: none;
}

@media screen and (max-width:1023px) {
	/* 768pxで確認タブレット縦*/
.form-item1{
	width: 100%;
	justify-content: inherit;
}

span.form-pb {
	padding: 3px 15px;
	margin-left: 20px;
	font-size: 80%;
	border-radius: 0;
}

.form-td{
	display: flex;
	padding: 5px;
	font-size: 110%;
}

th.form-td.form-item1{
	padding: 20px 0 0 0;
}

tr:first-child th.form-td.form-item1{
	padding: 0;
}

td.form-td.form-item2{
	padding: 5px 0 0 0;
}
}
@media screen and (max-width:767px) {
	/* 375pxで確認スマホ*/
div.bg-white {
	padding: 0;
	background: none;
}

.form-td{
	padding: 0;
	font-size: 100%;
}

input.wpcf7-submit {
	width: 100%;
}

.formtext-common{
	margin: 5px 0;
}
}

@media screen and (max-width:374px) {
	/* 320pxで確認*/
.form-td{
	font-size: 90%;
}
}