@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(0,83,62);
	--SUBCOLOR:rgb(0,153,255);
	--SUBCOLOR2:rgb(150,150,150);
	--WHITE:rgb(255,255,255);
	--WHITE2:rgba(255,255,255,0.6);
	--FONT:rgb(21,12,21);
}

body{font-family:"efont", "jfont";color:var(--FONT);}

.navi,  .main, .footer{background:transparent!important;}
.footer-bottom-logo .logo-footer .site-name-text{display:none!important;}
/*.logo-text.pc .site-name-text{font-size:1.6em;}
.logo-text.sp .site-name-text{font-size:1.8em;}*/
.error404{text-align:center!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.5rem!important;}
.mb01{margin-bottom:0.1rem!important;}
.mb02{margin-bottom:0.2rem!important;}
.mb03{margin-bottom:0.3rem!important;}
.mb05{margin-bottom:0.5rem!important;}
.mb2{margin-bottom:2rem!important;}
.mb5{margin-bottom:5rem!important;}
.mt05{margin-top:0.5rem!important;}
.mt02{margin-top:0.2rem!important;}
.mt1{margin-top:1rem!important;}
.mr1{margin-right:1rem!important;}
.mb1{margin-bottom:1rem!important;}
.ml1{margin-left:1rem!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.5rem!important;}
.pr05{padding-right:0.5rem!important;}
.pb05{padding-bottom:0.5rem!important;}
.pl05{padding-left:0.5rem!important;}
.pt1{padding-top:1rem!important;}
.pb1{padding-bottom:1rem!important;}
.pr1{padding-right:1rem!important;}
.pl1{padding-top:1rem!important;}
.prl05{padding-right:0.5rem!important;padding-left:0.5rem!important;}
.prl1{padding-right:1rem!important;padding-left:1rem!important;}
.ptb05{padding-top:0.5em!important;padding-bottom:0.5rem!important;}
.ptb1{padding-top:1em!important;padding-bottom:1rem!important;}
.pa05{padding:0.5rem!important;}
.pa1{padding:1rem!important;}
.all0{margin:0!important;padding:0!important;}
.br05{border-radius:0.5rem!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%;}

h1,h2,h3{position:relative;border:0!important;;background:transparent!important;padding:0.25em;font-weight:normal!important;}
h1.heading{padding:0 0.5em 0.25em 0.5em;border-bottom:0.15em solid var(--SUBCOLOR2)!important;color:var(--MAINCOLOR)!important;font-size:1.6em;text-align:center;}
h1.heading:after{content:"";position:absolute;right:25%;bottom:-0.15em;width:50%;height:0.15em;background:var(--MAINCOLOR);}
h2.heading{padding:0 0.5em 0.25em 0.5em;border-bottom:0.15em solid var(--SUBCOLOR2)!important;color:var(--MAINCOLOR)!important;}
h2.heading.pc{font-size:1.5em!important;}
h2.heading.sp{font-size:1.15em!important;}
h2.heading:before{content:attr(data-en);font-size:0.8em!important;display:block;margin-bottom:0.15em;margin-left:-0.5em;padding:0!important;color:var(--SUBCOLOR2)!important;}
h2.heading:after{content:"";position:absolute;right:50%;bottom:-0.15em;width:50%;height:0.15em;background:var(--MAINCOLOR);}
h3.heading{border-left:1em solid var(--MAINCOLOR)!important;padding:0.2em;color:var(--MAINCOLOR);}

div.devide{padding:0.2rem;border-left:1rem solid var(--SUBCOLOR);color:var(--SUBCOLOR);margin-bottom:1rem;}

div.texts{position:relative;padding:0.5rem 1rem 0.5rem 1rem;text-align:left;background:var(--WHITE2);border-radius:0.5rem;}

ul.price{margin-left:-1rem;}

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

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

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