@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.0.6
*/

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


/* フレックスボックス */
.mod-flex{
  	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	flex-wrap:wrap;
}

/* 文字サイズ変更 */

.f11em{font-size:1.1em;}
.f12em{font-size:1.2em;}
.f14em{font-size:1.4em;}
.f16em{font-size:1.6em;}
.f18em{font-size:1.8em;}
.f20em{font-size:2em;}

.f11em-b{font-size:1.1em; font-weight:bold;}
.f12em-b{font-size:1.2em; font-weight:bold;}
.f14em-b{font-size:1.4em; font-weight:bold;}
.f16em-b{font-size:1.6em; font-weight:bold;}
.f18em-b{font-size:1.8em; font-weight:bold;}
.f20em-b{font-size:2em; font-weight:bold;}

/* グローバルメニュー */

.navi-in a {font-size:14px;}


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

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

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

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