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

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

.home .entry-title { display: none; }
.page-id-8 .entry-title { display: none; }
.page-id-201 .entry-title { display: none; }
.page-id-6 .entry-title { display: none; }
.page-id-13 .entry-title { display: none; }
.page-id-11 .entry-title { display: none; }
.page-id-48 .entry-title { display: none; }
.page-id-195 .entry-title { display: none; }
.page-id-205 .entry-title { display: none; }
.page-id-189 .entry-title { display: none; }
.page-id-209 .entry-title { display: none; }
.page-id-207 .entry-title { display: none; }


.article {
    width: 800px;
    margin: 0 auto;
}

.entry-content.cf {
    width: 100%
    margin: 0 auto;
	}

/*ボタンデザイン*/
.btn-circle, .btn-wrap-circle > a {
    border-radius: 99px;
    margin: 1em;
}


/************************************
****　本文記事見出し H2 H3 H4 H5
************************************/
.article h2:before {
background-image: none;
}
.article h2{
background-color:#FAFAFA;
font-size: 1.2em;
color:#333333;
border-radius:1px;
border-left:solid 5px #009944;/*H2の色の変更はこちら*/
padding:1em;
margin-top:70px;
margin-bottom:2em;
}
.article h3{
font-size:1.2em;
border:none;
color:#333333;
border-radius:2px;
border-left:10px solid #8b968d;/*H3の色の変更はこちら*/
padding: 0.4em 0.8em;
margin-top:90px;
}
.article h3:before {
width: 0em;
}
.article h4{
font-size: 1.2em;
font-weight:normal;
color:#333333;
border-radius:1px;
margin-top:3.0em;
margin-bottom:1.0em;
}
.article h5{
background: #F7F7F7;/*H5背景色の変更はこちら*/
font-size: 17px;
font-weight:normal;
line-height:2;
color:#333333;
border-bottom: none;
border-radius: 4px;
padding: 1.5em;
margin-left:0 auto;
border:1.5px dashed;
border-color:#93b69c;/*H5枠色の変更はこちら*/
margin-top:1.5em;
margin-bottom:1.5em;
}
@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;
}
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
	width: 100%;
}

/*834px以下*/
@media screen and (max-width: 834px){
	body{
		margin: auto 0;
	}	
	.wp-block-image img {
    display: block;
    width: 100%;
}

}

/*480px以下*/
@media screen and (max-width: 480px){
	.is-layout-flow wp-block-column: 100%;
}

/*ヘッダーの文字と背景の色を変える*/

.mobile-menu-buttons .menu-button > a {
    display: block;
    color: #fff;
    text-decoration: none;
}

.search-menu-button.menu-button,
.navi-menu-button.menu-button{
	background-color: #AEBC33;
	color: #FFFFFF;
	padding-top: 2%;
}

.logo-menu-button.menu-button{
	background-color: #AEBC33;
	color: #FFFFFF !important;
}

.navi-menu-content{
	left: auto;
	right: 0;
	background-color: #AEBC33;
	transform: translateX(101%);
}

/*スライドインメニューをカスタマイズ*/
.navi-menu-content{
	left: auto;
	right: 0;
	background-color: #AEBC33;
	transform: translateX(101%);
}

.menu-drawer a{
	font-size: 1.1em;/*文字の大きさ*/
	color: #fff;/*文字の色*/
	height: 3em;/*行の高さ*/
}

.menu-drawer a:hover{
	color: rgba(255,255,255,0.7);
	background-color: rgba(0,153,68,0);
}

/*コンタクトフォーム７　横幅*/
.wpcf7 input[name="your-name"] { /* 名前入力欄 */
	width: 60%;
}
.wpcf7 input[name="your-email"] { /* メール入力欄 */
	width: 60%;
}
.wpcf7 input[name="your-subject"] { /* タイトル入力欄 */
	width: 60%;
}
.wpcf7 input[name="text-888"] { /* 本文入力欄 */
	width: 60%;
}
.wpcf7 textarea[name="your-message"] { /* 本文入力欄 */
	width: 60%;
}
.wpcf7 input[name="tel-159"] { /* 電話番号入力欄 */
	width: 60%;
}
input[type='submit'], #bbp_reply_submit, .bp-login-widget-register-link a {
    padding: 15px;
    width: 100%;
    margin: 0;
    cursor: pointer;
    font-size: 1.1em;
}