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

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





/*見出しデザインのリセット*/
.article h2,
.article h3,
.article h4,
.article h5,
.article h6 {
background-color: transparent; / 背景色を透明に /
border: none; / 枠線なし /
border-radius: 0; / 角の丸みなし */
}

/*フォント設定*/
body, p {
font-family: "Poppins", sans-serif;
font-weight: 500;
font-style: normal;
}

/*字間*/
p, body {
letter-spacing: 2px;
}

h1, h2, h3 {
letter-spacing: 2px;
}

/*ヘッダーフッターまわりの調整*/
.breadcrumb,
.article-header,
.article-footer{
display: none;
}

.header-container-in {
padding-top: 10px;
padding-bottom: 10px;
}

/*セクションまわりの細々とした余白の調整*/
.main {
padding-bottom:0!important;
margin-bottom:0!important;
margin-left:0!important;
margin-right:0!important;
}

/*フルワイドと余白の調整*/
.wp-block-cover, .n2-section-smartslider {
margin-bottom:0!important;
margin-top:0!important;
padding-bottom:0!important;
bottom: 0;
}

.wp-block-columns {
margin-bottom:0!important;
}

.entry-content, .content {
padding-top:0!important;
padding-bottom:0!important;
margin-top:0;!important;
margin-bottom:0!important;
}

.content-bottom {
margin:0;
}

.article {
padding-bottom:0px!important;
margin-bottom:0px!important;
}

/*フッター*/
.footer {
margin-top:0px;
}

/*SNSシェア非表示*/
.page .sns-share,
.page .sns-follow {
display: none;
}

/*水平スクロールバー非表示*/
body {
overflow-x:clip;
font-size: 12px;
}

/*フルワイド*/
.fullwide {
width: 100vw;
margin: 0 calc(50% - 50vw);
padding: 0 calc(50vw - 50%);
}

/*グローバルメニュー*/
/*メニュー項目の左右の余白*/
#navi .navi-in>ul>li>a{
padding: 0 0em;
}

/*ホバー時にメニューの色が薄くなるのをやめる*/
#navi .navi-in a:hover {
background-color: rgb(255 255 255 / 0);
}

/*ホバー時にメニューにアンダーラインを出す*/
#navi .navi-in a:after{
position: absolute;/*線の位置を絶対配置に*/
content: "";/*文字はなし*/
opacity: .5;
left: 0px;/*線の位置*/
bottom: 0;/*線の位置*/
height: 100%;/*線の高さ*/
width: 100%;/*幅いっぱいに線を引く*/
background: #dddddd ;/*線の色*/
transform: scale(0,1);/*ホバー前は線を消す*/
transition: 0.3s;/*線が0→100%になるまでの秒数*/
}

#navi .navi-in a:hover:after{
transform: scale(1);/*マウスオーバー後、線を100%出す*/
}

/*フォントサイズ等変更*/
.navi-in .menu-header .item-label{
letter-spacing: 2px;
font-size: 13px;
font-weight: 600;
}

/*メニュー項目の幅*/
.menu-item {
width: 10px;
}
/*グローバルメニュー終わり*/


/*ContactForm7カスタマイズ*/

table.CF7_table{ 
	width:80%; margin:0 auto; border: 3px solid #e5e5e5;
}

table.CF7_table tr{ border-top: 1px solid #e5e5e5;
}
.single .entry-content table.CF7_table, .page .entry-content table.CF7_table {
	display:table;
}


/*入力欄*/ 
.CF7_table input, .CF7_table textarea {
	border: 1px solid #d8d8d8;
} 

.CF7_table ::placeholder {
	color:#797979;
} 


/*「必須」文字*/
.CF7_req{ font-size:.9em; padding: 5px; background: #99C4C3; /*オレンジ*/
	color: #fff ; border-radius: 3px; margin-right:1em;
}

/*「任意」文字*/
.CF7_unreq {
	font-size:.9em; padding: 5px; background: #bdbdbd; /*グレー*/
	color: #fff; border-radius: 3px; margin-right:1em;
}

/*ボタンサイズ*/
.wpcf7-form-control.wpcf7-submit.has-spinner {
	width: 50%;
}


/*項目名*/
th {
  text-align: left;
}

/* レスポンシブ*/

@media screen and (min-width: 768px){ .CF7_table th{ width:30%;/*横幅*/ background-color:#ebedf5;/*ブルーグレー*/ } } /* レスポンシブ */ @media screen and (max-width: 768px){ table.CF7_table{ width:95%; } .CF7_table tr, .CF7_table td, .CF7_table th{ display: block; width: 100%; line-height:2.5em; } .CF7_table th{ background-color:#ebedf5; } } /* 「送信する」ボタン */ .wpcf7 input.wpcf7-submit { background-color:#99C4C3;/* オレンジ*/ border:0; color:#fff; font-size:1.2em; font-weight:bold; margin:0 auto; } .CF7_btn{ text-align:center; margin-top:20px; } .wpcf7-spinner{ width:0; margin:0; }
table.CF7_table{ width:80%; margin:0 auto; border: 3px solid #e5e5e5 ; } table.CF7_table tr{ border-top: 1px solid #e5e5e5 ; } .single .entry-content table.CF7_table, .page .entry-content table.CF7_table{ display:table; } /*入力欄*/ .CF7_table input, .CF7_table textarea { border: 1px solid #d8d8d8 ; } .CF7_table ::placeholder { color:#797979; } /*「必須」文字*/ .CF7_req{ font-size:.9em; padding: 5px; background: #99C4C3 ;/*オレンジ*/ color: #fff ; border-radius: 3px; margin-right:1em; } /*「任意」文字*/ .CF7_unreq{ font-size:.9em; padding: 5px; background: #bdbdbd ;/*グレー*/ color: #fff ; border-radius: 3px; margin-right:1em; } /* タイトル列 */ @media screen and (min-width: 768px){ .CF7_table th{ width:30%;/*横幅*/ background-color:#ebedf5;/*ブルーグレー*/ } } /* レスポンシブ */ @media screen and (max-width: 768px){ table.CF7_table{ width:95%; } .CF7_table tr, .CF7_table td, .CF7_table th{ display: block; width: 100%; line-height:2.5em; } .CF7_table th{ background-color:#ebedf5; } } /* 「送信する」ボタン */ .wpcf7 input.wpcf7-submit { background-color:#99C4C3;/* オレンジ*/ border:0; color:#fff; font-size:1.2em; font-weight:bold; margin:0 auto; } .CF7_btn{ text-align:center; margin-top:20px; } .wpcf7-spinner{ width:0; margin:0; }


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

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

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