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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
body {--wp--style--global--content-size:auto;}
.body .wp-block-columns {margin-bottom:2em;}
.white:before{color:#fff!important;}
.body .wp-block-group{margin-bottom:4em;}

.entry-title, .archive-title{font-size:32px;}
.article .title-udbar,
.home h1.entry-title,
.title-3 h1.entry-title,
.title-745 h1.entry-title,
.title-748 h1.entry-title,
.title-834 h1.entry-title,
.title-876 h1.entry-title,
h1.archive-title {
text-align:center;
position: relative;
background: linear-gradient(90deg, #669933bf 0% 50%, #ebe69f 50%);
background-repeat: no-repeat;
background-size: 8rem 0.3rem;
background-position: bottom;
color: #000;
}
.title-3 .entry-title,
.title-745 .entry-title,
.title-748 .entry-title,
.title-834 .entry-title,
.title-876 .entry-title,
.archive-title {padding:25px;margin-bottom: 1.62em;}
.article .title-udbar2 {
position: relative;
padding: 0.8rem 0;
overflow: hidden;
color: #000;
font-weight: bold;
border:none;
}
:not(.title-748) body.page .title-area:not(.title-7):not(.title-3):not(.title-745):not(.title-834):not(.title-876){width: 100%;height: 200px;position: relative;}
.title-2 h1, .title-390 h1, .title-470 h1, .title-690 h1, .title-737 h1, .title-770 h1, .title-843 h1, .title-940 h1 {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
color: #fff;
text-shadow:2px  2px 4px rgba(0, 0, 0, 0.76),
-2px  2px 4px rgba(0, 0, 0, 0.76),
 2px -2px 4px rgba(0, 0, 0, 0.76),
-2px -2px 4px rgba(0, 0, 0, 0.76),
 2px  0px 4px rgba(0, 0, 0, 0.76),
 0px  2px 4px rgba(0, 0, 0, 0.76),
-2px  0px 4px rgba(0, 0, 0, 0.76),
 0px -2px 4px rgba(0, 0, 0, 0.76);
height: 50px;
text-align: center;
font-weight: 600;
letter-spacing: 0.2em;
}
body.page #content-in.wrap { width: 100%;}
.content {margin-top: 0;}
main.main {padding:0;}
.entry-content {padding-right:29px;padding-left:29px;}
body.single .title-area {
padding:2em 0;
}
.article .title-udbar2:before,
.article .title-udbar2:after {
position: absolute;
width: 100%;
bottom: 0;
content: '';
}
.article .title-udbar2:before {border-bottom: 3px solid #8db366;}
.article .title-udbar2:after {border-bottom: 3px solid #ebe69f;}
table td {background: #fff;}
.wp-block-table td, .wp-block-table th{border-color:#ccc;}
.wp-block-table thead {border-bottom: 1px solid;}
.fas::before {color:#669933;}
/* 投稿カテゴリ */
.archive-title .fas {display:none;}
.archive-title, #footer .copyright h2 {font-family: "リュウミン R-KL" !important;}
.go-to-top-button{
background-color:#669933;
}
.go-to-top-button .fas::before{color:#fff;}
.body .mb3{margin-bottom:3em;}
.btn-mida{display:inline-block; border-radius: 0px 30px / 30px!important;}
.wp-block-table .has-fixed-layout {table-layout:auto;}
.white-bg {background:rgba(255,255,255,0.5)!important;
}
.scrollable-table th { background-color: #f4f4f4; }
.scrollable-table.stfc-sticky tr > *:first-child {background-color: #f3f8ed;}
.mb0{margin-bottom:0!important;}
mb1{margin-bottom:1em!important;}
mt1{margin-top:1em;}

::placeholder{ color:#ccc;}
input[type='submit']:hover, input[type='button']:hover {
cursor: pointer;
}
hr {border: none;border-top: 1px dotted #999;margin-bottom:1.8em;}
/* Contact Form7 */
input[type="date"], input[type="datetime"],input[type="time"], select { width:auto;}
.contact7 {
margin:auto;
max-width: 100%;
box-sizing: border-box;
}
.contact7 dd {
margin: 0 0 30px 0;
}
.contact7 dt {
font-weight: normal;
}
.contact7.date p {margin-bottom:0; display:inline-block;}

/* 必須マーク */
.contact7 .must {
background: #FF6900;
}

/* 任意マーク */
.contact7 .optional {
background: #ccc;
}

.contact7 .must,
.contact7 .optional {
color: #FFF;
border-radius: 3px;
font-size: 10px;
margin-right: 10px;
padding: 5px 10px;
letter-spacing: 2px;
}
.btn_contact7 {
text-align: center;
margin-bottom:1em!important;
}
.btn_contact7 input {
display:block;
margin:auto;
background-color: #669933;
color: #FFF;
font-size: 1.2em;
font-weight: bold;
letter-spacing: 0.2em;
border: 1px solid #669933;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
-ms-transition: 0.3s;
transition: 0.3s;
border-radius: 6px;
}
.btn_contact7 input:hover {
background-color: #FFF;
color: #005513; 
}
span.wpcf7-list-item {display: block;}
.contact7 dd dl,.contact7 dd dt,.contact7 dd dd {margin-bottom:0;}
.wp-block-button.is-style-outline >.wp-block-button__link { border:2px solid #ddd;}

.navi-footer-in > .menu-footer li:last-child,
.navi-footer-in > .menu-footer li{border-width:2px; border-color:#ebe69f;}
.navi-footer-in > .menu-footer li{background-color:#8db366;}
.footer-bottom.fnm-text-width .menu-footer li a{color:#fff!important;}
.navi-footer-in > .menu-footer li a:hover{background-color:#ebe69f;}
.footer-bottom.fnm-text-width .menu-footer li a:hover{color:#8db366!important;}
#navi .navi-in a:hover{color:#ffff99;}
#navi .navi-in a:hover{background-color:#8db366} 
.main {border:none;}
.header-container-in.hlt-top-menu .logo-header img{max-height:50px;}
.header-container-in.hlt-top-menu .logo-image {padding:5px 0}
.table-wrap table {width:auto;margin:0 auto;}

/* footer オリジナルデザイン */
footer#footer {
padding-top:54px;
background-image: url(/wp/wp-content/themes/cocoon-child-master/img/footerBG.gif);
background-repeat: repeat-x;
background-position: center top;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/

/*1314px以上*/
@media screen and (min-width: 1314px){
body.page .entry-content{width:1256px; margin: 2em auto;}
}

/*1313px以下*/
@media screen and (max-width: 1313x){

}
@media screen and (min-width: 1024px){
.navi-in > ul{display: flex;justify-content: space-evenly;}
.navi-in > ul li {width:14.2%;font-family: "リュウミン R-KL" !important;}
}

/*834px超*/
@media screen and (min-width: 834px){
}

/*834px以下*/
@media screen and (max-width: 834px){
.table-wrap { overflow-y: scroll;position: relative;width:100%;}
.table-wrap table {min-width: 700px;max-width:1256px;}
}
@media screen and (min-width: 768px) {
.wpcf7 {
margin-right:auto;
margin-left:auto;
max-width: 70%;
}
.contact7 dt {float: left;clear: left;width:12em;padding: 5px 10px 5px 0;}
.contact7 dd dt {width:3em;text-align:center;}
.contact7 dd {margin-left: 12em;}
.contact7 dd dd {margin-left: 3em;}
.contact7 dd dl{display:inline-block;}
.btn_contact7 input {
	background-color: #669933;
	color: #FFF;
	font-size: 1.2em;
	font-weight: bold;
	letter-spacing: 0.2em;
	border: 2px solid #669933;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;	
}
.btn_contact7 input:hover {
	background-color: #FFF;
	color: #669933; 
}
}

/*480px以下*/
@media screen and (max-width: 480px){
.fz-36px {font-size:30px;}
.entry-title, .archive-title, .fz-32px{font-size:26px;}
.fz-28px{font-size:24px;}
.fz-24px{font-size:20px;}
}