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

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

.article h3 {border-bottom:5px solid #f9f1f0; background-color:#fafafa;}

/*位置・文字*/
.center {text-align:center;}
.bold {font-weight:bold;}
.px12 {font-size:0.75em;}
.px14 {font-size:0.875em;}
.px16 {font-size:1em;}
.px20 {font-size:1.25em;}

/*背景・枠*/
.waku {border:solid 1px #ccc;}
.bc-gray {background-color:#fafafa;}
.bd-b {border-bottom:solid 1px #ccc;}

/*余白*/
.p1em {padding:1em;}
.pb1em {padding-bottom:1em;}
.pl1em {padding-left:1em;}
.p2em {padding:2em;}
.m1em {margin:1em;}
.mb1em {margin-bottom:1em;}
.m2em {margin:2em;}
.mb2em {margin-bottom:2em;}
.mb3em {margin-bottom:3em;}

/*角丸*/
.maru {border-radius:6px;}

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

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

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