@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;}
}

/*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: left;}
	.article h2 {text-align: center;}
}