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

/************************************
** 子テーマ用のスタイルを書く

************************************/
/*必要ならばここにコードを書く*/

/*背景全幅設定01-白*/
.full-width01 {
	margin: 0 calc(50% - 50vw) 0;
	padding: 2em calc(50vw - 50%);
	background-color:#FFFFFF;
	margin-top: -2em;
	margin-bottom: -2em;
}

/*背景全幅設定02-グレー*/
.full-width02 {
	margin: 0 calc(50% - 50vw) 0;
	padding: 2em calc(50vw - 50%);
	background-color:#fafafa;
	margin-top: -2em;
	margin-bottom: -2em;
}

/*背景全幅設定03-ピンク*/
.full-width03 {
	margin: 0 calc(50% - 50vw) 0;
	padding: 2em calc(50vw - 50%);
	background-color:#F7C7D0;
	margin-top: -2em;
	margin-bottom: -2em;
}

/*背景全幅設定04-淡いピンク*/
.full-width04 {
	margin: 0 calc(50% - 50vw) 0;
	padding: 2em calc(50vw - 50%);
	background-color:#F7ECEE;
	margin-top: -2em;
	margin-bottom: -2em;
}

/*背景全幅設定05-濃いピンク*/
.full-width05 {
	margin: 0 calc(50% - 50vw) 0;
	padding: 2em calc(50vw - 50%);
	background-color: #E55179;
	margin-top: -2em;
	margin-bottom: -2em;
}


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

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

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