@charset "UTF-8";

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

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

/* ----------------------------------------------------------------------
全体
---------------------------------------------------------------------- */
.center {
text-align: center;
}
.font200 {
font-size: 200%;
}
.font150 {
font-size: 150%;
}
.font80 {
font-size: 80%;
}
.margin80 {
margin: 80px 0;
}

/* ----------------------------------------------------------------------
サイトタイトル
---------------------------------------------------------------------- */
.site-name-text {
font-family: 'Baloo Bhai', cursive;
}
.logo-text {
padding: 0px;
}
.mobile-menu-buttons .menu-button > a {
font-family: 'Baloo Bhai', cursive;
}


/* ----------------------------------------------------------------------
グローバルナビメニュー
---------------------------------------------------------------------- */
.item-label {
font-family: 'Baloo Bhai', cursive;
}
.sub-caption {
font-size: 0.6em;;
}

/* ----------------------------------------------------------------------
サイドバー
---------------------------------------------------------------------- */
#sidebar {
font-size: 13px;
}

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

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

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

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