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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
.logo-header, .logo-footer{display:none;}
.header-container{margin-bottom:0!important;}
.content{margin-top:0;padding-top:0;}
.tablepress-table-name{border:0;background:none!important;padding:0.25em!important;font-size:1.1em!important;font-weight:normal!important;}
.entry-card-title{border:0!important;font-size:1.1em!important;}
.navi-footer-in a:hover{background:rgb(129,167,58)}
.video-container{margin:0 auto!important;text-align:center!important;}

.navi-menu-content{height:85%!important;background:rgba(254,238,238,0.8);overflow-y:auto;}
.mobile-menu-buttons{background:rgb(254,238,238);}

button{border:0;border-radius:0.5em;}
button:hover{opacity:0.7;}

iframe{margin:0 auto!important;}

h1{font-size:1.25em;font-weight:bolder;border-top:0.15em solid rgb(90,153,2);background:rgb(247,247,240);padding:0.4em 0.2em 0.4em 0.2em;}
h2{font-size:1.15em!important;font-weight:normal!important;border-bottom:0.15em solid rgb(90,153,2)!important;border-left:1em solid rgb(90,153,2)!important;padding:0.25em!important;background:transparent!important;}
h3{font-size:1em!important;font-weight:normal!important;border:0!important;border-bottom:0.15em solid rgb(90,153,2)!important;padding:0.25em!important;background:transparent!important;color:rgb(90,153,2)!important;}
h4,h5,h6{font-size:1em!important;font-weight:normal!important;border:0!important;padding:0.25em!important;background:transparent!important;color:rgb(90,153,2)!important;}

.red{color:rgb(255,0,70)!important;}
.white{color:rgb(255,255,255)!important;}
.blue{color:rgb(102,153,255)!important;}
.royalblue{color:rgb(65,105,225)!important;}
.black{color:rgb(8,8,8)!important;}
.green{color:rgb(50,205,50)!important;}
.dgreen{color:rgb(0,100,0)!important;}
.yellow{color:rgb(255,255,224)!important;}
.pink{color:rgb(242,98,132)!important;}
.apricot{color:rgb(247,185,119)!important;}
.mintgreen{color:rgb(120,204,198)!important;}

.f30{font-size:30%;}
.f50{font-size:50%;}
.f60{font-size:60%;}
.f70{font-size:70%;}
.f80{font-size:80%;}
.bigfont{font-size:1.8em;}
.small{font-size:75%!important;}
.smaller{font-size:85%!important;}
.big{font-size:125%!important;}
.bigger{font-size:110%!important;}
.bgnone{background:transparent!important;}
.noborder{border:0!important;border-radius:0!important;box-shadow:none!important;}
.mb02{margin-bottom:0.2em!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!important;}
.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;}
.pa05{padding:0.5em!important;}
.all0{margin:0!important;padding:0!important;}
.br05{border-radius:0.5em!important;}
.br1{border-radius:1em!important;}
.cursors{cursor:pointer;}
.lefts{text-align:left!important;}
.centers{text-align:center!important;}
.rights{text-align:right!important;}
.bgnone{background:transparent!important;}

div.commonlink{width:100%;text-align:center;}
div.commonlink div.left, div.commonlink div.right{display:inline-block;vertical-align:middle;padding:0.25em;text-align:left;}
div.commonlink div.left, div.commonlink div.right{width:47%!important;}
div.commonlink div.left{font-size:1.8em;}
div.commonlink div.left div, div.commonlink div.right div{display:block;width:100%;}

div.callset{width:100%;text-align:center;}
div.callset div{border-radius:0.5em;color:rgb(255,255,255);margin:0.25em 0 0.25em 0;padding:0.4em 0.2em 0.4em 0.2em;}
div.callset div:hover{opacity:0.8;}
div.callset div.tel{background:rgb(90,153,2);}
div.callset div.mail{background:rgb(251,130,69);}

div.textswrapper{border-radius:0.5em!important;padding:0.5em;margin-bottom:1em;}
div.texts{text-align:left;padding:0 0.5em 0 0.5em ;}

div.dualbox{margin:0 auto;width:100%;text-align:center;}
div.dualbox div{display:inline-block;margin:0.25em;padding:0.25em;vertical-align:top;width:46%;}
div.dualbox div div{display:block;width:100%;text-align:left;}
div.dualbox div img{width:100%;height:auto;}

div.headline{margin:0 auto;margin-bottom:1em;border-radius:0.5em;border:0.15em solid rgb(251,98,100);text-align:left;width:80%;}
div.headline div.title{padding:0.5em 0.25em 0.5em 0.25em;background:rgb(251,98,100);color:rgb(255,255,255);margin-bottom:1em;font-size:1.6em;}
div.headline div.content{padding:0 1em 0 1em;font-size:1.8em;text-align:center;}

div.infoframe{margin:0 auto;margin-bottom:1em;width:80%;border-radius:0.5em;border:0.15em solid rgb(251,98,100);color:rgb(251,98,100);text-align:center;padding:0.5em;font-size:1.8em;}

div.info{border-radius:0.5em;padding:1em 0.25em 1em 0.25em!important;background:rgb(254,238,238);text-align:center;margin-bottom:1em;}

div.formbutton{margin:0 auto;width:60%;}
div.formbutton button{width:100%;padding:0.5em 0.25em 0.5em 0.25em;background:rgb(252,213,0);}
div.formbutton button:hover{cursor:pointer;}

div.imageblock{width:100%;padding:0.25em;text-align:center;}
div.imageblock div{display:inline-block;margin:0.25em;vertical-align:top;}
div.imageblock div img{display:block;width:100%;margin-bottom:0.5em;}
div.imageblock div div{display:block;width:100%;text-align:left;}
div.imageblock div.one{width:96%;}
div.imageblock div.two{width:46%;}
div.imageblock div.three{width:30%;}

div.namelabel{margin-bottom:1em;}
div.namelabel span{padding:0.25em 1em 0.25em 1em;font-size:1.1em;border-radius:0.5em;background:rgb(129,167,58);color:rgb(255,255,255);}

div.flowbox{padding:0 0 0.25em 0;font-size:1.1em;border-radius:0.5em;border:0.15em solid rgb(129,167,58);}
div.flowbox div.header{padding:0.25em;background:rgb(129,167,58);color:rgb(255,255,255);}
div.flowbox div.content{padding:0.5em 0.5em 0.25em 0.5em;}
div.arrow{font-size:1.5em;font-weight:500;color:rgb(255,50,50);padding:0 0 0 1.5em;}

ol.numbering{margin:0 auto!important;}
ol.numbering li{padding:0eimportant;margin:0 -0.5em 0.5em -1em!important;}
ul.bulletpoint{margin:0 auto!important;}
ul.bulletpoint li{padding:0!important;margin:0 -0.5em 0.5em -1em!important;}

div.formset{margin:0 auto;margin-bottom:1em;width:100%;text-align:left;}
div.formset div.title{margin-bottom:1em;}
div.formset div.title span{padding:0.15em 0.5em 0.15em 0.5em;border-radius:0.25em 1em 1em 0.25em / 0.25em 1em 1em 0.25em;color:rgb(255,255,255);background:rgb(129,167,58);}
div.formset div.content{padding:0 1em 0 1em;}
div.formset div input[type=text],div.formset div input[type=number],div.formset div input[type=tel], div.formset div input[type=email],div.formset div input[type=date], div.formset div select, div.formset div textarea{padding:0.25em!important;width:100%;appearance:none;-moz-appearance:none;-webkit-appearance:none;border:0;outline:none!important;background:rgb(245,245,245);}
div.formset div input[type=text],div.formset div input[type=number],div.formset div input[type=tel], div.formset div input[type=email],div.formset div input[type=date], div.formset div select{border-radius:0;border-bottom:0.15em solid rgb(129,167,58);}
div.formset div textarea{border:0.15em solid rgb(129,167,58);}
div.formset div input[type=text]:focus,div.formset div input[type=number]:focus,div.formset div input[type=tel]:focus, div.formset div input[type=email]:focus, div input[type=date]:focus, div.formset div select:focus, div.formset div textarea:focus{background:rgb(255,255,255);}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
.bigfont{font-size:1.3em;}
div.commonlink div.left, div.commonlink div.right{width:95%!important;}
div.headline{width:100%;}
div.headline div.title{font-size:1.1em;}
div.headline div.content{font-size:1.25em;text-align:left;}
div.infoframe{font-size:1.15em;width:100%;}
div.imageblock div.three{width:95%;}
div.dualbox div{width:96%;}
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
.bigfont{font-size:1.3em;}
div.commonlink div.left, div.commonlink div.right{width:95%!important;}
div.headline{width:100%;}
div.headline div.title{font-size:1.1em;}
div.headline div.content{font-size:1.25em;text-align:left;}
div.infoframe{font-size:1.15em;width:100%;}
div.imageblock div.three{width:95%;}
div.dualbox div{width:96%;}
}
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
.bigfont{font-size:1.3em;}
div.commonlink div.left, div.commonlink div.right{width:95%!important;}
div.headline{width:100%;}
div.headline div.title{font-size:1.1em;}
div.headline div.content{font-size:1.25em;text-align:left;}
div.infoframe{font-size:1.15em;width:100%;}
div.imageblock div.three{width:95%;}
div.dualbox div{width:96%;}
}