@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:"mainfont";src:url("/wp-content/_fonts_/font1.woff") format("woff"),url("/wp-content/_fonts_/font1.woff2") format("woff2");}
@font-face{font-family:"efont";src:url("/wp-content/_fonts_/font2.woff") format("woff"),url("/wp-content/_fonts_/font2.woff2") format("woff2");}
@font-face{font-family:"headingfont";src:url("/wp-content/_fonts_/font3.woff") format("woff"),url("/wp-content/_fonts_/font3.woff2") format("woff2");}
:root{
	--MAINCOLOR:rgb(13,192,224);
	--MAINCOLORT:rgba(13,192,224,0.7);
	--SUBCOLOR:rgb(220,220,220);
	--WHITE:rgb(253,253,253);
	--FONT:rgb(21,12,21);
}

body{font-family:"mainfont"!important;color:var(--FONT);}
.navi,  .main, .footer{background:transparent!important;}
.header-container{padding:0.5em 0 0.5em 0;box-shadow:none!important;}
.header-container.pc{background:rgb(255,255,255);}
.header-container.sp{display:none;}
.header-container-in.wrap {width:auto;}
.site-logo-image.pc{position:absolute;top:0.5em;left:0.5em;height:1.5em!important;width:auto;}
.site-logo-image.sp{display:none!important;height:10em!important;width:auto;}
.item-label{font-size:0.8em;padding:;margin:0;}
.menu-pc li a{font-size:1.1em!important;}
.content.pc{padding:0;}
/*.content.sp{margin-top:-1em;}*/
.content-in{padding-bottom:0;margin-bottom:-2em;}
.content-in.pc{margin-top:-4.5em;}
.content-in.sp{margin-top:-1.5em;}
.footer-bottom-logo{display:none!important;}
.footer-in.pc{width:auto;}
.footer-in.sp{width:100vw;margin-left: calc(-50vw + 50%);}
.info-list{padding:0;}
.info-list .info-list-item{padding:0.5em;}
.info-list-item-content .info-list-item-content-link{display:block!important;padding:0;margin-bottom:-0.5em;}
.pager-post-navi{display:none;}
.archive-title{display:none!important;}
.error404 .entry-title{text-align:center;}
.not-found, .posts-not-found{display:block;margin:0 auto;text-align:center;}

.small{font-size:75%!important;}
.smaller{font-size:85%!important;}
.big{font-size:125%!important;}
.bigger{font-size:110%!important;}
.font2x{font-size:200%!important;}
.font2x.sp{font-size:175%!important;}
.bolder{font-weight:bolder!important;}
.intro.pc{font-size:1.6em;}
.intro.sp{font-size:1.25em;}
.bold{font-weight:700!important;}
.tdark{color:var(--COLOR1)!important;font-family:"egfont"!important;}
.tlight{color:var(--COLOR2)!important;font-family:"egfont"!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(21,12,21)!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;}
.lefts, .pleft.pc{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!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;}
.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;}
.pa0{padding:0!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;}
.texts{position:relative;text-align:left;padding:0 0.75em 0 0.75em!important;margin-bottom:1.5em;}

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;margin-bottom:2em;border-bottom:0.15em solid rgb(220,220,220)!important;color:rgb(150,150,150)!important;font-family:"headingfont";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(--MAINCOLORT);}
h2.heading{padding:0 0.5em 0.25em 0.5em;margin-bottom:1em;border-bottom:0.15em solid var(--SUBCOLOR)!important;color:rgb(150,150,150)!important;font-family:"headingfont";}
h2.heading.pc{font-size:1.5em!important;}
h2.heading.sp{font-size:1.15em!important;}
h2.heading:before{content:attr(data-en);font-family:"efont";font-size:0.7em!important;display:block;margin-bottom:0.15em;margin-left:-0.5em;padding:0!important;color:var(--MAINCOLOR)!important;}
h2.heading:after{content:"";position:absolute;right:0;bottom:-0.15em;width:50%;height:0.15em;background:var(--MAINCOLORT);}
h3.heading{border-left:1em solid var(--MAINCOLORT)!important;margin-bottom:1em;padding:0.2em;}

div.imageblock{margin-bottom:1em;text-align:center;}
div.imageblock div{display:inline-block;}
div.imageblock div img{width:100%;height:auto;}
div.imageblock.pc div.one{width:70%;}
div.imageblock.pc div.one.narrow{width:30%;}
div.imageblock.sp div.one{width:80%;}
div.imageblock div.one.full{width:100%;}

iframe.map{border:0;margin-bottom:1em;position:relative;margin:0 auto;}
iframe.map.pc{width:75%;height:30em;}
iframe.map.sp{width:90%;height:15em;}
iframe.map.company{width:100%;margin-bottom:0;}

video.topmv.pc{width:70%;height:auto;}
video.topmv.sp{width:100%;height:auto;}

div.pagebutton{position:relative;margin:0 auto;text-align:center!important;padding:0.3em;border:0.1em solid var(--MAINCOLOR);-webkit-transform-style:preserve-3d;transform-style:preserve-3d;color:var(--MAINCOLOR);}
div.pagebutton.pc{width:20em;}
div.pagebutton.sp{width:15em;}
div.pagebutton:before{content:"";position:absolute;top:0;left:0;width:0.5em ;height:100%;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translateX(0) translateY(0);transform: translateX(0) translateY(0);border-radius:0 50% 50% 0;background:var(--MAINCOLOR);}
div.pagebutton:hover:before{font-family:'Font Awesome 5 Free';font-weight:bold;line-height:1.2em;width:1.2em;height:1.2em;content:'\f061';color:var(--WHITE);border-radius:50%;}
div.pagebutton.pc:hover:before{-webkit-transform:translateX(19em) translateY(.5rem);transform:translateX(19em) translateY(.5rem);}
div.pagebutton.sp:hover:before{-webkit-transform:translateX(14em) translateY(.5rem);transform:translateX(14em) translateY(.5rem);}
div.pagebutton:hover{border-radius:1em;transition:0.5s;background:var(--MAINCOLORT);color:var(--WHITE);border:0.1em solid var(--MAINCOLORT);cursor:pointer;}

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

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

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