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

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

@font-face{font-family:"efont";src:url("/wp-content/uploads/fonts/font_e.woff") format("woff"),url("/wp-content/uploads/fonts/font_e.woff2") format("woff2");}
@font-face{font-family:"jfont";src:url("/wp-content/uploads/fonts/font_j.woff") format("woff"),url("/wp-content/uploads/fonts/font_j.woff2") format("woff2");}
@font-face{font-family:"mask";src:url("/wp-content/uploads/fonts/mask.woff") format("woff"),url("/wp-content/uploads/fonts/mask.woff2") format("woff2");}


:root{
	--MAINCOLOR:rgb(238, 99, 99);
	--SUBCOLOR:rgb(163, 190, 140);
	--COLOR1:rgb(51,102,204);
	--COLOR2:rgb(186,200,198);
	--WHITE:rgb(255,255,255);
	--FONT:rgb(21,12,21);
}

body{font-family:"efont", "jfont";}

.navi,  .main, .footer{background:transparent!important;}
.footer-bottom-logo .logo-footer .site-name-text{display:none!important;}

.small{font-size:75%!important;}
.smaller{font-size:85%!important;}
.big{font-size:125%!important;}
.bigger{font-size:110%!important;}
.bolder{font-weight:bolder;}
.bold{font-weight:700;}
.red{color:rgb(255,0,70);}
.white{color:rgb(255,255,255);}
.blue{color:rgb(102,153,255);}
.royalblue{color:rgb(65,105,225);}
.black{color:rgb(21,12,21);}
.green{color:rgb(50,205,50);}
.dgreen{color:rgb(0,100,0);}
.yellow{color:rgb(255,255,224);}
.pink{color:rgb(242,98,132);}
.apricot{color:rgb(247,185,119);}
.mintgreen{color:rgb(120,204,198);}
.lefts{text-align:left!important;}
.centers{text-align:center!important;}
.rights{text-align:right!important;}
.bgnone{background:transparent!important;}
.noborder{border:0!important;border-radius:0!important;box-shadow:none!important;}
.br05{border-radius:0.5em!important;}
.mb01{margin-bottom:0.1em!important;}
.mb02{margin-bottom:0.2em!important;}
.mb03{margin-bottom:0.3em!important;}
.mb05{margin-bottom:0.5em!important;}
.mb2{margin-bottom:2em!important;}
.mb5{margin-bottom:5em!important;}
.mt05{margin-top:0.5em!important;}
.mt02{margin-top:0.2em!important;}
.mt1{margin-top:1em!important;}
.mr1{margin-right:1em!important;}
.mb1{margin-bottom:1em!important;}
.ml1{margin-left:1em!important;}
.m0{margin:0!important;}
.mt0{margin-top:0!important;}
.mr0{margin-right:0!important;}
.mb0{margin-bottom:0;}
.ml0{margin-left:0!important;}
.p0{padding:0!important;}
.pt0{padding-top:0!important;}
.pr0{padding-right:0!important;}
.pb0{padding-bottom:0!important;}
.pl0{padding-left:0!important;}
.pt05{padding-top:0.5em!important;}
.pr05{padding-right:0.5em!important;}
.pb05{padding-bottom:0.5em!important;}
.pl05{padding-left:0.5em!important;}
.pt1{padding-top:1em!important;}
.pb1{padding-bottom:1em!important;}
.pr1{padding-right:1em!important;}
.pl1{padding-top:1em!important;}
.prl05{padding-right:0.5em!important;padding-left:0.5em!important;}
.prl1{padding-right:1em!important;padding-left:1em!important;}
.ptb05{padding-top:0.5em!important;padding-bottom:0.5em!important;}
.ptb1{padding-top:1em!important;padding-bottom:1em!important;}
.pa05{padding:0.5em!important;}
.pa1{padding:1em!important;}
.all0{margin:0!important;padding:0!important;}
.br05{border-radius:0.5em!important;}
.block{display:block!important;}
.decimalinput{text-align:right;}
.pointer{cursor:pointer!important;}
.none{display:none!important;}

div.imageblock{position:relative;text-align:center;width:100%;}
div.imageblock div{display:inline-block;margin:0.5rem;vertical-align:top;}
div.imageblock div img{width:100%;height:auto;}
div.imageblock.pc div.two{width:45%;}
div.imageblock.sp div.two{width:90%;}



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

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

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