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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
body{font-size:1em!important;}
main.main{background:transparent;padding:0 1em 0 1em;}
div.header-container,footer.footer{background:transparent;}
nav.navi{background:transparent;}
.green{color:rgb(102,153,51);}
.blue{color:rgb(0,79,125);}
.smaller{font-size:0.8em;}
.bigger{font-size:1.2em;}
.big{font-size:1.8em;}
.narrow{line-height:1em;}
.marker1{padding-bottom:0.1em;border-bottom:0.15em solid rgb(40,46,137);}
.marker2{padding-bottom:0.1em;border-bottom:0.15em solid rgb(218,0,110);}
div.go-to-top{position:fixed;top:3em;right:0.5em;}
div.postal input{width:25%;}
.bottom0{margin-bottom:0;}
.lefts{text-align:left;}
.centers{text-align:center;}
.rights{text-align:right;}
.mb1{margin-bottom:1em!important;}
div.topset{position:relative;text-align:center!important;width:100%;}
div.topset img{width:100%;height:auto;}
div.headbanner{padding:1em;margin-bottom:1em;-webkit-border-radius:1em;-moz-border-radius:1em;border-radius:1em;background:rgb(0,79,125);text-align:center;font-size:125%;color:rgb(253,253,253);}
div.heading{text-align:left;margin-bottom:1em;border-bottom:0.2em solid rgb(102,153,51);color:rgb(102,153,51);}
div.heading2{text-align:left;margin-bottom:1em;border-bottom:0.2em solid rgb(0,79,125);color:rgb(0,79,125);}
div.heading3{text-align:left;padding:0.5em;-webkit-border-radius:0.5em;-moz-border-radius:0.5em;border-radius:0.5em;background:rgb(95,217,120);color:rgb(255,255,255);}
div.heading4{text-align:center;padding:0.5em;-webkit-border-radius:0.5em;-moz-border-radius:0.5em;border-radius:0.5em;background:rgb(100,188,228);color:rgb(255,255,255);font-size:1.5em;}
div.texts{text-align:left;margin-bottom:1em;padding:0 1em 0 1em;}
div.imageblock{text-align:center;}
div.imageblock div{display:inline-block;margin:0.2em;text-align:center;}
div.imageblock div img{width:100%;height:auto;}
div.imageblock div.one{width:100%;}
div.imageblock div.one.narrow{width:90%;}
div.imageblock div.two{width:45%;}
div.imageblock div.mixed{width:45%;}
div.wraps{padding:1em;margin-bottom:1em;-webkit-border-radius:0.5em;-moz-border-radius:0.5em;border-radius:0.5em;border:0.2em solid rgb(255,153,51);}
div.wraps.colblue{border:0.2em solid rgb(0,79,125);}
div.rowset{margin-bottom:1em;text-align:left;}
div.rowset div.title span{border-bottom:0.15em solid rgb(0,79,125);color:rgb(0,79,125);}
div.rowset div.content{padding:0 1em 0 1em;}
div.eyecatch{margin-bottom:1em;padding:0.5em;-webkit-border-radius:0.5em;-moz-border-radius:0.5em;border-radius:0.5em;text-align:center;font-size:110%;border:0.2em solid rgb(0,79,125);color:rgb(0,79,125);}
table.custc,table.custc tr td{border:0.15em solid rgb(220,220,220);}
table.custc tbody tr td.column-1{width:25%;}
table.custc tbody tr td.column-2{width:75%;}
div.person{width:100%;text-align:center;}
div.person div.left, div.person div.right{display:inline-block;vertical-align:top;}
div.person div.left{width:20%;}
div.person div.left img{width:100%;height:auto;}
div.person div.right{width:95%;text-align:left;padding:0 0.5em 0 0.5em;}
input[type=submit].wpcf7-form-control.wpcf7-submit{width:65%;-webkit-border-radius:0.5em;-moz-border-radius:0.5em;border-radius:0.5em;border:0.15em solid rgb(0,79,125);background:rgb(0,79,125);color:rgb(253,253,253);}
input[type=submit].wpcf7-form-control.wpcf7-submit:hover{width:65%;-webkit-border-radius:0.5em;-moz-border-radius:0.5em;border-radius:0.5em;border:0.15em solid rgb(0,79,125);background:rgba(0,79,125,0.2);color:rgb(0,79,125);}
.widesize{display:block;}
.narrowsize{display:none;}
div.presentframe{-webkit-border-radius:0.5em;-moz-border-radius:0.5em;border-radius:0.5em;border:0.2em solid rgb(63,204,153);padding:1em 1em 0 1em;font-size:125%;}
div.presentform{text-align:center;-webkit-border-radius:0.5em;-moz-border-radius:0.5em;border-radius:0.5em;border:0.2em solid rgb(255,147,46);}
div.presentform div.header{margin-bottom:1em;padding:0.5em;background:rgb(255,147,46);color:rgb(255,255,255);font-weight:400;}
div.innerframe{margin:0 auto;margin-bottom:1em;padding:0.5em;-webkit-border-radius:0.5em;-moz-border-radius:0.5em;border-radius:0.5em;background:rgb(255,255,221);color:rgb(0,0,0);}
.white_s{color:rgb(253,253,253);}
.yellow_s{color:rgb(255,251,124);}
.green_s{color:rgb(95,217,120);}
.orange_s{color:rgb(255,147,46);}
div.narrows div{display:inline-block;width:40%;}
.video-container{margin:0 auto;}
div.movieouterblock{margin-bottom:1em;text-align:center;}
div.copyright_s{text-align:center;font-size:0.75em;}
div.inputhidden{height:0;width:0;}
div.mailformname input{width:30%;margin:0 0.2em 0 0.2em;}
div.mailformname,div.mailformmail{margin-bottom:1.5em;}
div.mailformbutton{margin-top:1.5em;text-align:center;}
div.mailformbutton input{width:90%;-webkit-border-radius:0.5em;-moz-border-radius:0.5em;border-radius:0.5em;background:rgb(63,204,153);font-size:1.15em;color:rgb(255,255,255);}
div.mailformbutton2{text-align:center;}
div.mailformbutton2 input{-webkit-border-radius:0.5em;-moz-border-radius:0.5em;border-radius:0.5em;width:90%;background:rgb(100,188,228);color:rgb(255,255,255);font-size:1.15em;}
div.mailformbutton input:hover,div.mailformbutton2 input:hover{opacity:0.8;}
br.bar{display:none;}
table.mailformtable{width:100%;border:0;background:transparent;}
table.mailformtable tr,table.mailformtable tr td{background:transparent;border:0;}
table.mailformtable tr td{vertical-align:top;}
table.mailformtable tr td.left{width:25%;border-top:0.15em solid rgb(100,188,228);padding:0.2em;color:rgb(100,188,228);}
table.mailformtable tr td.right{width:75%;padding:0 0.2em 0.5em 0;}
table.mailformtable tr td.right.lastrow{padding:0 0.2em 0 0;}
div.dlbutton{text-align:center;}
div.dlbutton button{padding:0.3em;font-size:1.15em;background:rgb(0,79,125);color:rgb(255,255,255);border:0;-webkit-border-radius:0.5em;-moz-border-radius:0.5em;border-radius:0.5em;width:90%;border:0.15em solid rgb(0,79,125);}
div.dlbutton button:hover{cursor:pointer;background:rgba(0,79,125,0.2);color:rgb(0,79,125);border:0.15em solid rgb(0,79,125);}
table.infotable{width:100%;border:0;background:transparent;}
table.infotable tr,table.infotable tr td{background:transparent;border:0;}
table.infotable tr td{vertical-align:top;}
table.infotable tr td.left{width:25%;border-top:0.15em solid rgb(100,188,228);padding:0.2em;color:rgb(100,188,228);}
table.infotable tr td.right{width:75%;padding:0.2em;}
.outerlink:hover{cursor:pointer;opacity:0.8;}
.cursors:hover{cursor:pointer;}
.pagelink{cursor:pointer;}
.pagelink:hover{text-decoration:underline;}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
	div.person div.left{width:50%;}
	.widesize{display:none;}
	.narrowsize{display:block;}
	br.bar{display:block;}
	div.imageblock div.mixed{width:100%;}
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
	div.person div.left{width:50%;}
	.widesize{display:none;}
	.narrowsize{display:block;}
	br.bar{display:block;}
	div.imageblock div.mixed{width:100%;}
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
	div.person div.left{width:50%;}
	.widesize{display:none;}
	.narrowsize{display:block;}
	br.bar{display:block;}
	div.imageblock div.mixed{width:100%;}
}