@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:"font1";src:url("/wp-content/uploads/fonts/font.eot?") format("oldIE"),url("/wp-content/uploads/fonts/font.eot") format("embedded-opentype"),url("/wp-content/uploads/fonts/font.ttf") format("tunetype"),url("/wp-content/uploads/fonts/font.woff") format("woff"),url("/wp-content/uploads/fonts/font.woff2") format("woff2");}

:root{
	--MAINCOLOR:rgb(0,0,0);
	--COLOR:rgb(255,255,255);
}

body{font-family:"font1";}

.header-container,.main,.sidebar,.footer{background:var(--MAINCOLOR);}

h1,h2,h3,h4,h5,h6{padding:0!important;background:transparent!important;color:inherit!important;}

h1.heading, h2.heading{padding:0.2em;margin-bottom:1em;border-bottom:0.15em solid var(--COLOR);}
h1.entry-title{display:none!important;}

input, textarea, select,input::placeholder, textarea::placeholder{font-family:inherit!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!important;}
.bold{font-weight:700!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;}.bgwhite{background:rgb(255,255,255);}
.cursors{cursor:pointer;}
.lefts{text-align:left!important;}
.centers{text-align:center!important;}
.rights{text-align:right!important;}
.half{width:50%!important;}
.w30{width:30%!important;}
.bgnone{background:transparent!important;}
.noborder{border:0!important;border-radius:0!important;box-shadow:none!important;}
.h10{height:10em!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;}
.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;}
.vatop{vertical-align:top!important;}
.vamiddle{vertical-align:middle!important;}
.vabottom{vertical-align:bottom!important;}

div.texts{margin-bottom:1em;padding:0 1em 0 1em;text-align:left;line-height:1.05em;}

div.boxlayout{margin-bottom:0!importnat;padding:0.3em 0 0 0!important;text-align:center;}
div.boxlayout.bg{background:url("/wp-content/uploads/2023/06/bg1.jpg") center/cover;}
div.boxlayout.bg2{background:url("/wp-content/uploads/2023/06/bg1-1.jpg") right bottom/cover;}
div.boxlayout.bg3{background:url("/wp-content/uploads/2023/06/bg1-1.jpg") top left/cover;}
div.boxlayout div{display:inline-block;vertical-align:top;width:46%;}
div.boxlayout div.texts{padding:0.2em!important;line-height:1.05em!important;text-align:left;}
div.boxlayout div.images{padding:0!important;}
div.boxlayout div img{width:100%;height:auto;}
div.boxlayout div div{display:block;width:100%;}

div.imageblock{text-align:center;}
div.imageblock div{display:inline-block;}
div.imageblock div img{width:100%;height:auto;}
div.imageblock p{display:block:width:100%;margin:0;padding:0.2em!important;text-align:left;font-size:1.25em;}
div.imageblock div.one{width:80%;}

div.infowrap{text-align:center;padding:0.5em;border:0.15em solid var(--COLOR);}
div.infowrap div{display:inline-block;}
div.infowrap div div{display:block;}
div.infowrap div.infoimage{margin-bottom:1em;width:60%;}
div.infowrap div.infoimage img{width:100%;height:auto;}
div.infowrap div.infotext{text-align:left;width:90%;;}
div.infowrap div.infotext div.infotitle span{padding:0 0.5em 0 0.5em;border-right:1em solid var(--COLOR);border-left:1em solid var(--COLOR);font-size:120%;}

div.rowset div.title{margin-bottom:-0.25em!important;padding:0!important;}
div.rowset div.title span{padding:0.15em;border-left:1em solid var(--COLOR);}
div.rowset div.content{padding:0 1em 0 1em;color:var(--COLOR);}

div.snsbutton{z-index:9999;position:fixed;top:2em;right:0.1em;width:2em;text-align:center;vertical-align:top;background:rgba(255,255,255,0.2);}
div.snsbutton div{display:inline-block;width:1.6em;margin:0.2em;}
div.snsbutton div img{width:100%:height:auto;}

div.linkbutton{margin:0 auto;width:50%;background:rgba(255,255,255,0.7);border-radius:0.5em;}
div.linkbutton:hover{cursor:pointer;background:var(--COLOR);}
div.linkbutton img{width:100%;height:auto;}

div.formbutton{margin:0 auto;width:50%!important;text-align:center;}
div.formbutton input[type=submit]{border-radius:0.5em;background:rgba(240,240,200, 0.8)!important;}
div.formbutton input[type=submit]:hover{background:rgb(240,240,200)!important;}

div.formwrap input,div.formwrap select, div.formwrap textarea{background:rgb(220,220,240);}
div.formwrap input:focus,div.formwrap select:focus, div.formwrap textarea:focus{background:rgb(250,250,250);}

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

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
	div.boxlayout div{width:95%;}
	div.imageblock div.one{width:95%;}
	div.infowrap div.infoimage{width:90%;}
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
	div.boxlayout div{width:95%;}
	div.imageblock div.one{width:95%;}
	div.infowrap div.infoimage{width:90%;}
}