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

/************************************
** 子テーマ用のスタイルを書く
************************************/
.entry-content>*,
article{
	margin-bottom:0!important;
}

body .page {
  padding-left: 0!important;
  padding-right: 0!important;
}

.page .entry-content {
  max-width: 100%!important;
  margin-left: auto!important;
  margin-right: auto!important;
}

/*PCスマホ表示切り替え*/
@media screen and (min-width: 601px) {
.image_sp
	{display: none!important;}
.br_sp {display: none!important;}
.br_pc{display: block!important;}
}
@media screen and (max-width: 600px){
.image_pc
	{display: none!important;}
.br_pc {display: none!important;}
.br_sp {display: block!important;}
}

/*見出し初期化*/
.article h2,
.article h3,
.article h4,
.article h5,
.article h6{
padding: 0;
margin: 0;
background:none;
border-collapse: separate;
border-spacing: 0;
border-top: none;
border-right: none;
border-bottom: none;
border-left: none;
line-height: normal;
position:relative;
}

/*余白*/

.mt0 {margin-top:0 !important;}
.mt1 {margin-top:1em !important;}
.mt2 {margin-top:2em !important;}
.mt3 {margin-top:3em !important;}
.mt4 {margin-top:4em !important;}
.mt5 {margin-top:5em !important;}
.ml0 {margin-left:0 !important;}
.ml1 {margin-left:1em !important;}
.ml2 {margin-left:2em !important;}
.ml3 {margin-left:3em !important;}
.ml4 {margin-left:4em !important;}
.ml5 {margin-left:5em !important;}
.mr0 {margin-right:0 !important;}
.mr1 {margin-right:1em !important;}
.mr2 {margin-right:2em !important;}
.mr3 {margin-right:3em !important;}
.mr4 {margin-right:4em !important;}
.mr5 {margin-right:5em !important;}
.mb0 {margin-bottom:0 !important;}
.mb1 {margin-bottom:1em !important;}
.mb2 {margin-bottom:2em !important;}
.mb3 {margin-bottom:3em !important;}
.mb4 {margin-bottom:4em !important;}
.mb5 {margin-bottom:5em !important;}
.pt0 {padding-top:0 !important;}
.pt1 {padding-top:1em !important;}
.pt2 {padding-top:2em !important;}
.pt3 {padding-top:3em !important;}
.pt4 {padding-top:4em !important;}
.pt5 {padding-top:5em !important;}
.pt6 {padding-top:6em !important;}
.pt7 {padding-top:7em !important;}
.pl0 {padding-left:0 !important;}
.pl1 {padding-left:1em !important;}
.pl2 {padding-left:2em !important;}
.pl3 {padding-left:3em !important;}
.pl4 {padding-left:4em !important;}
.pl5 {padding-left:5em !important;}
.pr0 {padding-right:0 !important;}
.pr1 {padding-right:1em !important;}
.pr2 {padding-right:2em !important;}
.pr3 {padding-right:3em !important;}
.pr4 {padding-right:4em !important;}
.pr5 {padding-right:5em !important;}
.pb0 {padding-bottom:0 !important;}
.pb1 {padding-bottom:1em !important;}
.pb2 {padding-bottom:2em !important;}
.pb3 {padding-bottom:3em !important;}
.pb4 {padding-bottom:4em !important;}
.pb5 {padding-bottom:5em !important;}


@media screen and (max-width: 600px) {

.smt0 {margin-top:0 !important;}
.smt1 {margin-top:1em !important;}
.smt2 {margin-top:2em !important;}
.smt3 {margin-top:3em !important;}
.smt4 {margin-top:4em !important;}
.smt5 {margin-top:5em !important;}
.sml0 {margin-left:0 !important;}
.sml1 {margin-left:1em !important;}
.sml2 {margin-left:2em !important;}
.sml3 {margin-left:3em !important;}
.sml4 {margin-left:4em !important;}
.sml5 {margin-left:5em !important;}
.smr0 {margin-right:0 !important;}
.smr1 {margin-right:1em !important;}
.smr2 {margin-right:2em !important;}
.smr3 {margin-right:3em !important;}
.smr4 {margin-right:4em !important;}
.smr5 {margin-right:5em !important;}
.smb0 {margin-bottom:0 !important;}
.smb1 {margin-bottom:1em !important;}
.smb2 {margin-bottom:2em !important;}
.smb3 {margin-bottom:3em !important;}
.smb4 {margin-bottom:4em !important;}
.smb5 {margin-bottom:5em !important;}
.spt0 {padding-top:0 !important;}
.spt1 {padding-top:1em !important;}
.spt2 {padding-top:2em !important;}
.spt3 {padding-top:3em !important;}
.spt4 {padding-top:4em !important;}
.spt5 {padding-top:5em !important;}
.spt6 {padding-top:6em !important;}
.spt7 {padding-top:7em !important;}
.spl0 {padding-left:0 !important;}
.spl1 {padding-left:1em !important;}
.spl2 {padding-left:2em !important;}
.spl3 {padding-left:3em !important;}
.spl4 {padding-left:4em !important;}
.spl5 {padding-left:5em !important;}
.spr0 {padding-right:0 !important;}
.spr1 {padding-right:1em !important;}
.spr2 {padding-right:2em !important;}
.spr3 {padding-right:3em !important;}
.spr4 {padding-right:4em !important;}
.spr5 {padding-right:5em !important;}
.spb0 {padding-bottom:0 !important;}
.spb1 {padding-bottom:1em !important;}
.spb2 {padding-bottom:2em !important;}
.spb3 {padding-bottom:3em !important;}
.spb4 {padding-bottom:4em !important;}
.spb5 {padding-bottom:5em !important;}
}

/*文字サイズ*/
.fs20 {font-size: 2em;}
.fs19  {font-size: 1.9em;}
.fs18  {font-size: 1.8em;}
.fs17  {font-size: 1.7em;}
.fs16  {font-size: 1.6em;}
.fs15  {font-size: 1.5em;}
.fs14 {font-size: 1.4em;}
.fs13 {font-size: 1.3em;}
.fs12 {font-size: 1.2em;}
.fs11 {font-size: 1.1em;}
.fs105 {font-size: 1.05em;}
.fs10 {font-size: 1em;}
.fs9  {font-size: 0.9em;}
.fs8  {font-size: 0.8em;}
.fs7  {font-size: 0.7em;}
.fs6  {font-size: 0.6em;}
.fs5  {font-size: 0.5em;}

@media screen and (max-width: 600px) {
.sfs20 {font-size: 2em;}
.sfs19  {font-size: 1.9em;}
.sfs18  {font-size: 1.8em;}
.sfs17  {font-size: 1.7em;}
.sfs16  {font-size: 1.6em;}
.sfs15  {font-size: 1.5em;}
.sfs14 {font-size: 1.4em;}
.sfs13 {font-size: 1.3em;}
.sfs12 {font-size: 1.2em;}
.sfs11 {font-size: 1.1em;}
.sfs10 {font-size: 1em;}
.sfs9  {font-size: 0.9em;}
.sfs8  {font-size: 0.8em;}
.sfs7  {font-size: 0.7em;}
.sfs6  {font-size: 0.6em;}
.sfs5  {font-size: 0.5em;}
}

/*スペース*/

.space1 {height:1em !important;}
.space2 {height:2em !important;}
.space3 {height:3em !important;}
.space4 {height:4em !important;}
.space5 {height:5em !important;}
.space6 {height:6em !important;}
.space7 {height:7em !important;}
.space8 {height:8em !important;}


@media screen and (max-width: 600px) {

.sspace1 {height:1em !important;}
.sspace2 {height:2em !important;}
.sspace3 {height:3em !important;}
.sspace4 {height:4em !important;}
.sspace5 {height:5em !important;}
.sspace6 {height:6em !important;}
.sspace7 {height:7em !important;}
.sspace8 {height:8em !important;}
}

/*list*/

ul,li{
padding:0!important;
margin:0!important;
}

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

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

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