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

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

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

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

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

/*フォントサイズもばいる*/
@media (max-width: 767px) {
.entry-content {
font-size: 16px;
}
}


/* フロートのバツ消す */
.inner_bfb .bfb_closed{
display:none;
}


/*recaptchaの位置*/
.grecaptcha-badge {
  bottom: 80px !important;
}



audio {
  -webkit-touch-callout: none; /* iPhoneなどでの長押しメニュー無効 */
  -webkit-user-select: none;   /* テキスト選択無効 */
  user-select: none;           /* その他ブラウザ用 フッターにもjavaいれてる！cocoon設定→アクセス解析*/
}







/**送信ボタン **/
input[type="submit"] {
  appearance: none;/*まずデフォルトにする*/
  -webkit-appearance: none;/*まずデフォルトにする*/
  -moz-appearance: none;/*まずデフォルトにする*/
  font-size: 20px;
  font-weight: bold;
  width: 200px;
  padding: 10px;
  border-radius: 10px;
  border: none;
  color: #fff;/*文字の色*/
  cursor: pointer;
  background-color: #0cc0df;/*ボタンの色*/
}


span.wpcf7-spinner {
  display: none;/*まずデフォルトにする*/
}


.required {/*必須を目立たせる*/
font-size: 0.8em;
padding: 3px;
background: #cc0000;
color: #ffffff;
border-radius: 2px;
margin-right: 10px;
margin-bottom: 2px;
display: inline-block;
}


/**固定ページ　日付非表示 **/
.page .date-tags {
display: none;
}

/**スマホ画像　縦のび **/
.wp-block-image img {
    max-width: 100%;
    height: auto!important;
}

/*ヘッダーモバイルボタンの色と高さを変更*/
.search-menu-button.menu-button,
.navi-menu-button.menu-button{
	color: #7f73e3;
	padding-top: 10px;/*メニューと検索ボタンの高さを変更*/
}



/*スライドインメニューをカスタマイズ*/
.navi-menu-content{
	background-color: rgba(12,192,208,0.9);/*最後の数字が透明度0.1~1.0*/
}
.menu-drawer a{
	font-size: 1.1em;/*文字の大きさ*/
	height: 2em;/*行の高さ*/
	color: #ffffff;/*文字の色*/
}



/* アピールエリアコンテンツ背景色 */
.appeal-content {
	background: rgba(255,255,255,0.8);
	margin-top:30px;
	color: #444444;/*文字の色*/
}

/*フルワイドとセクションいろわけ */
.section-wrap{
	margin: 0 calc(50% - 50vw); /*左右の余白調整*/
 	padding:0  calc(50vw - 50%);/*左右の内側余白調整*/
	padding-top:3em;/*セクションの上部余白（ここはお好みで調整可能）*/
	padding-bottom:5em;/*セクションの下部余白（ここはお好みで調整可能）*/
}
.color-section-1{/*オーダーメイド〜背景色1を指定*/
	background-image: linear-gradient(to bottom, #68e0cf 0%, #0cc0df 100%);
	color: #fff;/*文字の色*/
}
.color-section-2{
	background:#fff;/*背景色2*/
}
.color-section-3{
	background:#f4f0eb;/*背景色3 f5f6f7でもいい*/
}
.color-section-4{
	background:#fff;/*背景色4*/
}
.color-section-5{
	background:#f4f0eb;/*背景色5*/
}
.color-section-6{
	background:#fff;/*背景色6*/
}
.color-section-7{
	background:#f4f0eb;/*背景色7*/
}
.color-section-8{
	background:#fff;/*背景色8*/
}
.color-section-9{
	background:#f4f0eb;/*背景色9*/
}
.color-section-10{
	background:#fff;/*背景色10*/
}
.color-section-11{
	background:#f4f0eb;/*背景色11*/
}
.color-section-12{
	background:#fff;/*背景色12*/
}
.color-section-13{
	background:#f4f0eb;/*背景色13*/
}




	
	
/*セクションまわりの余白を消す*/
.content {
	margin-top:0;
}
.main {
	padding-top:0!important;
	padding-bottom:0!important;
}
.entry-content{
	margin-top:0;
	margin-bottom:0;
}
.article{
	margin-bottom:0!important;
}
.footer {
	margin-top: 0;
}