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

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

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

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

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

/*-------------------------
ブルーボックス
-------------------------*/
.bluebox{
border:dotted 1px #6C9FCE;
margin:2em 0px 2em 0px;
padding:2em;
background-color:#F8F9FF;
}
@media only screen and (max-width: 480px) {
.bluebox{
border:dotted 1px #6C9FCE;
margin:1em 0px em 0px;
padding:1.7em;
background-color:#F8F9FF;
font-size:0.9em;
}
}

/*-------------------------
グレーボックス
-------------------------*/
.graybox{
border:solid 1px #EDEDED;
margin:2em 0px 2em 0px;
padding:2em 2em 1em 2em;
background-color:#FAFAFA;
}
@media only screen and (max-width: 480px) {
.graybox{
border:dotted 1px #EDEDED;
margin:1em 0px em 0px;
padding:1.7em;
background-color:#FAFAFA;
font-size:0.9em;
}
}


/*-------------------------
オレンジボックス
-------------------------*/
.orangebox{
border:solid 1px #ffeede;
margin:2em 0px 2em 0px;
padding:2em 2em 1em 2em;
background-color:#fffaf5;
}
@media only screen and (max-width: 480px) {
.orangebox{
border:dotted 1px #ffeede;
margin:1em 0px em 0px;
padding:1.7em;
background-color:#fffaf5;
font-size:0.9em;
}
}