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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/* 「外観」の「カスタマイズcss」で設定した#mainでコンテンツの左右のpaddingがなくなるので改めて設定 */
.entry-content{
	padding: 0 50px;
	margin-top: 0; /*カバーブロックの上のすきまをなくす*/
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/

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

/*834px以下*/
@media screen and (max-width: 834px){
	#training_flexbox_1, #training_flexbox_2 {flex-direction:column; width: 100%; text-align: center;}
	#bnnr_apply, #bnnr_tantosya, #bnnr_seminar {margin-bottom: 2rem;}
	#header-container.header-container {height: 10px!important;}
}

/*480px以下*/
@media screen and (max-width: 480px){
	.btn.cocoon-block-button__width-25 {width: 80%;}
	.btn.cocoon-block-button__width-50 {width: 80%;}
	.btn.cocoon-block-button__width-75 {width: 90%;}
	#main {padding: 0px;}
	#training_flexbox_1, #training_flexbox_2 {flex-direction:column;}
	#bnnr_apply, #bnnr_tantosya, #bnnr_seminar {margin-bottom: 2rem;}
	.entry-content {padding: 0 20px;}
	.has-text-align-center {text-align: center;}
	.article h2 {text-align: center;}
	.article h3 {width: 100%;} /*オープンコースのお申込みのために指定。他で影響がでたら修正すること*/
	.input_form {width: 100%!important;}
	#open_exp {margin-left: 0px!important;}
	.behave {width: 100%!important;} /* SDGsの取り組みページの"メディアとテキスト"ブロックの幅設定*/
	#header-container.header-container {height: 10px!important;}
	.wpcf7 input[type="text"], .wpcf7 input[type="email"], .contact-textarea {width:100%!important;}
	.submit_button {margin: 10px auto!important;}
	.apply_place {flex-direction: column;}
	.responsive-flex {flex-wrap: wrap !important;} /*オープンコース講座「お申込み状況」と「お申込み締切日」 折り返しを許可 */
	.responsive-flex > div {width: 100% !important;margin-left: 0 !important;} /*オープンコース講座「お申込み状況」と「お申込み締切日」を段落ちさせるため子要素の幅を100%にする、マージンを無効化 */
}