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

/*WordPress6.8（2025年04月16日）から下部のバーが固定化されたのを解除する*/
.editor-visual-editor {
    overflow: unset !important;
}

/*編集画面下部のメニュー画面の最前面を解除（2025年04月27日作成）*/
[aria-label="エディターコンテンツ"] [aria-label="メタボックス"] {
    z-index: -100 !important;
}

/************************************
** 子テーマ用のスタイルを書く
************************************/

table tr:nth-of-type(2n+1) {
  background-color: none;
}
table:not(.has-border-color) th, table:not(.has-border-color) td {
  border: 1px solid #666;
}

.grecaptcha-badge { visibility: hidden; }


/* 見出しカスタマイズ */

.article h1 {margin: 40px 20px;}
.article h2{background:none;padding: 0;}
.article h3{border-top:none;border-bottom:none;border-left:none;border-right:none;padding: 0;}
.article h4{border-top:none;border-bottom:none;padding: 0;}
.article h5{border-bottom:none;padding: 0;}
.article h6{border-bottom:none;padding: 0;}

/*navi*/
.navi .navi-in > .menu-header .item-label,.navi-in>ul li{height: 40px; line-height: 40px;font-size: 14px;font-size:0.8em;}

.navi-in > ul .sub-menu ul { top: -40px;}

.mobile-menu-buttons {background: rgba(240,248,255); /* RGBA形式で半透明にする */}

a{text-decoration:none;}


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

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

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


/************************************
Contact Form7 共通
************************************/
/*「送信する」ボタン */
.wpcf7 input.wpcf7-submit  {
	background-color:#0080cc;
	border:0;
	color:#fff;
	font-size:0.8em;
	font-weight:normal;
	margin:0 auto;
	width: 30%;
	border-radius:4px;
}

.wpcf7-spinner{
	display: none;}

/************************************
HBOセーフティコミュニケーション報告
************************************/
/*項目*/

.Form-Item {
    display: flex;
    align-items: center; /* 垂直方向の中央揃え */
    margin-bottom: 10px; /* 項目間の余白 */
	margin-top:10px;
	margin-left: 10px; 
	border-bottom: 1px solid #ccc;
	padding:5px;
}

/*項目ラベル*/

.Form-Item-Label {
    width: 22%; /*  項目名の幅を固定 */
    font-weight: bold; /* 項目名を太字に */
    text-align: left; /* 項目名を右揃え */
    margin-right: 20px; /* 項目名と回答の間隔 */
}

.Form-Item input,
.Form-Item textarea,
.Form-Item select {
    flex: 5; /* 回答部分が横幅いっぱいに広がる */
    padding: 5px; /* 入力フィールドの内側余白 */
    border: 1px solid #333/* 入力フィールドの枠線 */
    border-radius: 4px; /* 入力フィールドの角を丸くする */
	width:100%;
}

.Form {
	margin: auto ;
	border: 1px solid #ccc;
	padding: 1.0em;
	width: 80%;
	}

/* 必須マーク */

.Form-Item-Label-Required {display: inline-block!important;
	padding: 5px;
	margin-left: 10px;
	vertical-align: middle;
	font-size: 11px;
	line-height: 0.5;
	font-weight: normal;
	color: #fff;
	background-color:#ff0000;
	border-radius: 4px;
}

/*確認する,戻る*/

.confirm_button,.back_button{
	width: 18%;
	background-color: #eadfca;
	padding:5px;
	color:#000;
	font-size: 0.8em;
	border: 1px solid #666;
	border-radius:4px;
}

.button-wrap{text-align:center;}



/************************************
定期点検報告
************************************/
/*form(お問合せフォーム）*/

.form {
	margin: auto ;
	border: solid #999 1px;
	padding: 1.0em;
	width:80%;
	}


.form p{line-height:1.4rem;}

.contact7 {
	max-width: 90%;
	box-sizing: border-box;
	margin-top:30px;
	padding-left:5px;
}


.contact7 dd {
	margin: 5px 0 20px 0;	background-color:none;
}
.contact7 dt {
	font-weight: bold;
	text-align:justify;
}
.contact7 dl {border:none;}

.btn_contact7 {	text-align: center;}

.btn_contact7 input {
	width: 40%;
	background-color: #1172ba;
	color: #FFF;
	font-size: 1.0em;
	font-weight: normal;
	text-align: center;
	border: 1px solid #1172ba;
	-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: #f0f8ff;color: #1172ba;
}

.contact7 .wpcf7-list-item {
    display: block;
}

/************************************
モバイル
************************************/

@media screen and (min-width: 768px)  {

.contact7 dt {
	float: left;
	clear: left;
	width: 35%;
	padding: 5px 10px 5px 0;
	}
.contact7 dd {
	margin-left: 35%;
	}

.day input { width: 30%; }
	
.btn_contact7 input {
	width: 90%;
	background-color: #f0f8ff;
	color: #000;
	font-size: 1.0em;
	font-weight: bold;
	border: 1px solid #1172ba;
	-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: #f0f8ff;
	color: #1172ba; 
}
	/* 「送信する」ボタン */
.wpcf7 input.wpcf7-submit {
	background-color:#0080cc;
	border:0;
	color:#fff;
	font-size:1.0em;
	font-weight:normal;
	margin:0 auto;
	width:30%;
}
}
@media screen and (max-width: 768px)  {
	.Form{
		width:100%;
		padding-left:0;
	}
.Form-Item {
    display: flex;
    align-items: center; /* 垂直方向の中央揃え */
    margin-bottom: 10px; /* 項目間の余白 */
	border-bottom: 1px solid #ccc;
	
}

.Form-Item-Label {
    width:auto; /* 項目名の幅を固定 */
    font-weight: bold; /* 項目名を太字に */
    text-align: left; /* 項目名を右揃え */
	margin-right: 5px; /* 項目名と回答の間隔 */
	}

.Form-Item input,
.Form-Item textarea,
.Form-Item select {
    flex: 5; /* 回答部分が横幅いっぱいに広がる */
    padding: 5px; /* 入力フィールドの内側余白 */
    border: 1px solid #333/* 入力フィールドの枠線 */
    border-radius: 4px; /* 入力フィールドの角を丸くする */
	width:100%;
}
}