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

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



/************************************
** リンクの下線を消す
************************************/
a{
text-decoration: none;
}





/************************************
** 見出し
************************************/
.article h2{
 background: transparent;
/*text-align: center;*/
}

.article h3{
 background: transparent;
border: none;
}

.article h4{
 background: transparent;
border: none;
}

.article h5{
 background: transparent;
border: none;
}

.article h6{
 background: transparent;
border: none;
}



/************************************
** フルワイド
************************************/
/* Full画面幅（カバー等をフルワイドに設定） */
.full-width {
	margin: 0 calc(50% - 50vw);
	padding: 0 calc(50vw - 50%);
	padding-top: 10px; /* 不要なら削除または、任意の数値を設定してください */
	padding-bottom: 10px; /* 不要なら削除または、任意の数値を設定してください */
}








/************************************
** アピールエリアの背景画像がきちんと可変する設定【大事】
************************************/

#appeal { 
height: calc(100vw * calc(900 / 2000)); 
}










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

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

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