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


/************************************/
/* 	全ページに適用　*/
/************************************/

/* リンクボタン */
/*1700px以下*/
@media screen and (max-width: 1700px){
.link_button {
	white-space: nowrap;
	margin:0 auto;
}
.wp-element-button{
	width:300px;
	}
}
/*500px以下*/
@media screen and (max-width: 500px){
	.link_button {
		flex-wrap: nowrap;
		}
	.wp-element-button{
		width:180;
		flex-wrap: nowrap;
		}
}

/* 全ページのタイトルを非表示 */
	.entry-title{
	 display: none;
}

/*フロント固定ページの上下余白消し*/
#main,content,#content-in,.content-in wrap,#content,
.article h1, .article h2, .article h3, .article h4, .article h5, .article h6,
.article h1, .article h2, .article h3, .article h4, .article h5, .article h6:first-child{
	margin-top: 0;
	margin-bottom:0;
	padding-top:0;
}
/* フッター余白消し */
#footer.footer.footer-container.nwa{
	margin-top:0;
	padding-top: 0;
	padding-right:30px;
	padding:left:30px;
}
#custom_html-8,
.footer-bottom {
	margin-top: 0;
	padding-top:0;
	padding-right:25px;
}

/*ヘッダーを中央寄せ*/
.header-container-in.hlt-top-menu .logo-header img {
	vertical-align: middle;
}

/*カラム背景色と文字色変更*/
.header-container,.main,.sidebar,.footer {
	background-color: #505050;
	color:#fff;
}

/*フォント変更　.yomogi-regularr */
#main{
	font-family: "Yomogi", cursive;
	font-weight: 400;
	font-style: normal;
}

/* ページ下のホームアイコン消し */
#breadcrumb {
	display: none
}

/* ヘッダのメニュー変更 */
.navi-in .menu-header .item-label{
	font-size: 14px;
}
.navi-in > ul .sub-menu{
	font-size;0.3rem;
	text-align:center;
}

/* オープニング　アニメ */
/* 800px以上 */
@media screen and (min-width: 800px){
	.loading{
		display:none;
	}
}
/*800px以下*/
@media screen and (max-width: 800px){
	.loading {
		position: fixed;
		width: 100%;
		height: 100%;
	 /* 背景色の設定 */
		background-color: #000;
		z-index: 9999;
		top: 0;
		left: 0;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	#main {
	z-index: 1;
	}
	#sidebar {
	z-index: 0;
	}
}

/* Whatsnewをレスポンシブ */
@media screen and (max-width: 800px){
.whatsnew {
	padding:2rem;
	margin:2rem;
	}
}

/*************************/
/* FAQページ */
/**************************/
.toggle-button {
 background: #fff;
 text-align: left;
 border: none;
 padding: 5px;
}
.toggle-button::before,
.toggle-checkbox:checked~.toggle-button::before {
 content: ' ';
 color: #505050;
 font-size: 1;
 margin-right: 1em;
}
.toggle-button::after,
.toggle-checkbox:checked~.toggle-button::after {
 font-family: "Font Awesome 5 Free";
 content: '\f107';
 color: #505050;
 font-size: 14px;
 font-weight: bold;
 position: absolute;
 right: 2em;
 transition: 0.1s;
}
.toggle-checkbox:checked~.toggle-button::after {
 transition: 0.1s;
 transform: rotate(180deg) translateY(3px);
}
.toggle-checkbox:checked~.toggle-content {
 background: #fff;	
 margin-top: 5px;
 border: none;
 padding: 0.5em;
}
.toggle-checkbox:checked~.toggle-content p:first-of-type::before {
 content: none;
 font-size: 14px;
 margin-right: 1em;
}

/**********************/
/*　サイドバー */
/*********************/
#sidebar>.widget{
 font-size:11px;
}
.sidebar {
 padding-left:10px;
 font-size:12px;
 border-right:2px #505050;
 border-top:2px #505050;
 border-bottom:2px #505050;
}

@media screen and (max-width: 1205px){
.sidebar {
 padding: 7%;
 padding-right: 1.5%;
}}

/*検索マーク色変更*/
.widget_search{
 padding:3px;
}
span.fas.fa-search::before{
 color:#eebbcb;
}

.sidebar h3{
 color:#fff;
 font-size:12px;
 padding-bottom:0.3em;
 margin-top:3em;
 margin-bottom:1em;
 background: transparent;
 border-bottom: 2px solid #67b5b7;
 text-align: center;
}

.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:#fff;
 font-size:12px;
 margin: 6px 0;
 padding: 4px 10px;
 border-radius:10px;
 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:#eebbcb;/*マウスオーバー時の背景色変更はこちら*/
 color:#fff!important;
}
.tagcloud a{
 background-color:#878787;
}
.tagcloud a:hover{
 background-color:#3cb5c6;/*マウスオーバー時の背景色変更*/
 color:#fff!important;
 transition: 0.4s ;
}

/*カレンダーの当日のバックカラー 色変え*/
.wp-calendar-table #today {
 background-color:#eebbcb;
}

/********************/
/* metaslider 調整 */
/*******************/
#metaslider_container_587 {
	margin-left: auto;
	margin-right: auto;
	width: 90%;
}

/*全リンクの線削除*/
a{
	text-decoration: none;
}

/*クエリ下のページ送り番号消し*/
.wp-block-query-pagination-numbers{
	display:none;
}

/*Topページ　文字アニメの下削除*/
.wp-image-612{
	margin-bottom:-20px;
}

.wp-image-613,.wp-image-614{
	margin-bottom:-35px;
}

/*最新情報ブログカードの文字変更*/
.card-title{
 color:#FFF;
 font-size:11px;
 background-color:#878787;
 line-height:4em;
 padding-left:5px;
}

/*******************************/
/**** 問い合わせフォーム *****/
/*******************************/
/**** 送信ボタン *****/
#wpcf7-f71-p19-o1 > form > p:nth-child(5) > input,
#wpcf7-f639-p647-o1 > form > p:nth-child(5) > input.wpcf7-form-control.wpcf7-submit.has-spinner,
#wpcf7-f630-p631-o1 > form > p:nth-child(6) > input.wpcf7-form-control.wpcf7-submit.has-spinner,
#wpcf7-f636-p634-o1 > form > p:nth-child(6) > input.wpcf7-form-control.wpcf7-submit.has-spinner,
#wpcf7-f367-p470-o1 > form > p:nth-child(6) > input.wpcf7-form-control.wpcf7-submit.has-spinner,
#wpcf7-f464-p369-o1 > form > p:nth-child(13) > input.wpcf7-form-control.wpcf7-submit.has-spinner{
	background-color:#f29db6;
	color: #ffff;
	border-radius: 4px;
	border:none;
	font-size: 0.8em;
	padding: 10px 20px;
	width:17em;
}
#wpcf7-f71-p19-o1 > form > p:nth-child(5) > input:hover,
#wpcf7-f639-p647-o1 > form > p:nth-child(5) > input.wpcf7-form-control.wpcf7-submit.has-spinner:hover,
#wpcf7-f636-p634-o1 > form > p:nth-child(6) > input.wpcf7-form-control.wpcf7-submit.has-spinner:hover,
#wpcf7-f367-p470-o1 > form > p:nth-child(6) > input.wpcf7-form-control.wpcf7-submit.has-spinner:hover,
#wpcf7-f464-p369-o1 > form > p:nth-child(13) > input.wpcf7-form-control.wpcf7-submit.has-spinner:hover{
	background: #0cc0df;
	font-weight: bold;
	color: #fff;
}
#wpcf7-f71-p19-o1 > form > p:nth-child(5),
p#wpcf7-f639-p647-o1 > form > p:nth-child(5) > input.wpcf7-form-control.wpcf7-previous,
#wpcf7-f630-p631-o1 > form > p:nth-child(6){
	text-align:center;
}
#wpcf7-f71-p19-o1 > form > p:nth-child(5) > span,
#wpcf7-f630-p631-o1 > form > p:nth-child(6) > span{
	display:none;
}
/**** 確認画面フォームのほう *****/
#wpcf7-f639-p647-o1 > form > p:nth-child(5) > input.wpcf7-form-control.wpcf7-previous{
	background-color:gray;
	color: #ffff;
	border-radius: 4px;
	border:none;
	font-size: 0.8em;
	padding: 10px 20px;
	width:17em;
}
#wpcf7-f639-p647-o1 > form > p:nth-child(5) > input.wpcf7-form-control.wpcf7-previous:hover{
	background:#566c73;
	font-weight: bold;
	color: #fff;
}

/**** 確認画面　入力内容を修正するボタン *****/
input.wpcf7-form-control.wpcf7-previous,
#wpcf7-f636-p634-o1 > form > p:nth-child(6) > input.wpcf7-form-control.wpcf7-previous{
	background-color:#c0c0c0;
	color: #ffff;
	border-radius: 4px;
	border:none;
	font-size: 0.8em;
	padding: 10px 20px;
	width:17em;
	margin-bottom:2em;
}
input.wpcf7-form-control.wpcf7-previous:hover,
#wpcf7-f636-p634-o1 > form > p:nth-child(6) > input.wpcf7-form-control.wpcf7-previous:hover{
	background: #a6a6a6;
	font-weight: bold;
	color: #fff;
}

/*問い合わせ入力項目色かえ*/
.wpcf7 {
 color:#000222;	
}

/*クエリループのメニュー変更*/
.new-entry-card-title {
	color: #000222;
}
.wp-block-post-title{
	height:40px;
}
h2{
	text-align:center;
}
:root :where(a:where(:not(.wp-element-button))){
	text-decoration:none;
}
.article h2 {
	padding-top:10px;
}
	@media screen and (max-width: 800px){
		li.wp-block-post {
			margin:0;
		}
	.article h2 {
		padding-top:10px;
		height:60px;
	}
		h2{
			line-height:60px;
		}
		#post-601 > div > div.wp-block-columns.is-layout-flex.wp-container-core-columns-is-layout-5.wp-block-columns-is-layout-flex > div > div > div:nth-child(2) > div.wp-block-cover.is-light > div > div.wp-block-query.is-layout-flow.wp-block-query-is-layout-flow > ul{
			padding-left:0;
		}
	}