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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/* サイドバーカテゴリーの装飾 */
.widget_categories ul li a{ 
  border-bottom: 1px dashed #CCCCCC; /* 下線の種類 */
}

.widget_categories ul li a::before{
  font-family: FontAwesome;
  content: "\f07b"; /* FontAwesomeのユニコード */
  color: #5FB3F5; /* アイコンの色 */
  padding-right: 6px;
}

.widget_categories > ul > li > a:first-child{ 
  border-top: none;
}

/* サイドバーアーカイブの装飾 */
.widget_archive ul li a{ 
  border-bottom: 1px dashed #CCCCCC; /* 下線の種類 */
}


.widget_archive > ul > li > a:first-child{ 
  border-top: none;
}


/* スクロールバーの常時表示*/
body {
    overflow-y: scroll;
}

/* ハイパーリンクの下線削除*/
a {text-decoration: none;}

/* 管理画面 評価依頼削除　*/
#njt-FileBird-review{ display:none; } 

/* 固定ページの日付を非表示 */
.page .date-tags {
	display: none;
}


/* bbPress アバターと投稿者名の間隔調整*/
.bbp-reply-author {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  font-size: 14px; /* 投稿者名のフォントサイズを調整 */
}

.bbp-reply-author img {
  margin-bottom: 10px; /* アバターの下に適切な間隔を設定 */
}

/* bbPress 不要箇所非表示 */	
.bbp-template-notice{ display:none; }
.wp-element-caption{ display:none; }
.entry-card-snippet{ display:none; }
.bbp-reply-ip{ display:none; }
.form-allowed-tags{ display:none; }
.bbp-reply-permalink{ display:none; }
/*.bbp-reply-author{display:none;}*/
#bbpress-forums div.bbp-the-content-wrapper textarea.bbp-the-content {
  font-size: 16px;
}

/*bbPress 送信ボタン 文字サイズ変更*/
#bbp_reply_submit {font-size:15px;}

/* 投稿数表示にマージンを追加 */
.bbp-pagination-count{ margin:20px 0 0 0; }

/*管理バーの背景色を変更、画面上部への固定解除*/
#wpadminbar{ background-color: #1d73be; position: absolute;}

/* CF7チェックボックスとラジオボタンを縦並びに */
span.wpcf7-list-item {
margin-top:5px;
display: block;
}

/*勤怠申請フォーム*/
/*Contact Form 7カスタマイズ*/
/*スマホContact Form 7カスタマイズ*/

.wpcf7 input.width_1{
	display:inline;
	width:55px;
}

.wpcf7 input.width_2{
	display:inline;
	width:150px;
}

.wpcf7 input.width_3{
	display:inline;
	width:200px;
}

.wpcf7 input.width_4{
	display:inline;
	width:275px;
}

.wpcf7 select.width_1{
	width:100px;
}
.wpcf7 select.width_2{
	width:150px;
}

.wpcf7 select.width_3{
	width:200px;
}


table.app_form th{
	text-align: right;
}


@media(max-width:700px){
	.inquiry th,.inquiry td {
		 display:block!important;
		 width:100%!important;
		 border-top:none!important;
		 -webkit-box-sizing:border-box!important;
		 -moz-box-sizing:border-box!important;
		 box-sizing:border-box!important;
	}
.inquiry tr:first-child th{
 border-top:1px solid #d7d7d7!important;
}
/* 必須・任意のサイズ調整 */	
.inquiry .haveto,.inquiry .any {	
font-size:14px;
}}
/*見出し欄*/
.inquiry th{
 text-align:left;
 font-size:16px;
 color:#444;
 padding-right:5px;
 width:30%;
 background:#f7f7f7;
 border:solid 1px #d7d7d7;
}
/*通常欄*/
.inquiry td{
 font-size:16px;
 border:solid 1px #d7d7d7;	
}
/*横の行とテーブル全体*/
.entry-content .inquiry tr,.entry-content table{
 border:solid 1px #d7d7d7;	
}
/*必須の調整*/
.haveto{
 font-size:14px;
 padding:5px;
 background:#ff9393;
 color:#fff;
 border-radius:2px;
 margin-right:5px;
 position:relative;
 bottom:1px;
}
/*任意の調整*/
.any{
 font-size:14px;
 padding:5px;
 background:#93c9ff;
 color:#fff;
 border-radius:2px;
 margin-right:5px;
 position:relative;
 bottom:1px;
}
/*ラジオボタンを縦並び指定*/
.verticallist .wpcf7-list-item{
 display:block;
}
/*送信ボタンのデザイン変更*/
#formbtn{
 display: block;
 padding:1em 0;
 margin-top:30px;
 width:100%;
 background:#1d73be;
 color:#fff;
 font-size:18px;
 font-weight:bold;	 
 border-radius:2px;
 border: none;
}
/*送信ボタンマウスホバー時*/
#formbtn:hover{
 background:#4d8abf;
 color:#fff;
}

/*送信完了後に入力欄非表示*/
form.sent table{
display:none;
}
form.sent p{
display:none;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
	#navi .navi-in > .menu-mobile li {
		width: 25%;
	}


}

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

}



/*480px以下*/
@media screen and (max-width: 480px){
  	#navi .navi-in > .menu-mobile li {
		width: 25%;
	}
	#navi .navi-in > .menu-mobile li a {
		font-size: 14px; /*場合によってフォントサイズを小さく*/
	}
}

 
/* Contact Form7 */
 
.contact7 {
	max-width: 100%;
	box-sizing: border-box;
}

.contact7 dt {
	font-weight:bold;
}

.contact7 dd {
	margin: 0 0 30px 0;
	background-color:
}
 
/* 必須マーク */
.contact7 .must {
	background: #ff9393;
}
 
/* 任意マーク */
.contact7 .optional {
	background: #999;
}
 
.contact7 .must,
.contact7 .optional {
	color: #FFF;
	border-radius: 0px;
	font-size: 14px;
	margin: 0 10px 0px 0;
	padding: 9px 10px;
	letter-spacing: 2px;
}
.btn_contact7 {
	text-align: center;
}
.btn_contact7 input {
	width: 70%;
	background-color: #005513;
	color: #FFF;
	font-size: 14px
	font-weight: bold;
	letter-spacing: 0.2em;
	border: 1px solid #005513;
	-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: #005513; 
}
@media screen and (min-width: 768px) {
.contact7 dt {
	float: left;
	clear: left;
	width: 35%;
	padding: 5px 10px 5px 0;
	}
.contact7 dd {
	margin-left: 35%;
	}
 
.btn_contact7 input {
	width: 100%;
	background-color: #005513;
	color: #FFF;
	font-size: 1.1em;
	font-weight: bold;
	letter-spacing: 0.2em;
	border: 1px solid #005513;
	-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: #005513; 
}
}

.wpcf7 input.width_1{
	display:inline;
	width:55px;
}

.contact7 input.width_2{
	display:inline;
	width:150px;
}

.contact7 input.width_3{
	display:inline;
	width:200px;
}

.contact7 input.width_4{
	display:inline;
	width:275px;
}

.contact7 select.width_1{
	width:100px;
}
.contact7 select.width_2{
	width:150px;
}

.contact7 select.width_3{
	width:157px;
}

.contact7 select {
background-color:white;
	height:50px;
}
   

.contact7 input {
	background-color:white;
	height:50px;
	line-height: 2.5;
}

.contact7 .wave {
	line-height: 1.0
}


/*ボタン影付与*/
.btn{
	box-shadow:0 10px 8px -6px #8d8c8c;
}

/*ボタンマウスオーバー時拡大→縮小*/
.btn {
	overflow:hidden;
}
.btn {
    transition: all .2s ease-out 0.1s;
}
.btn:hover {
    transform: scale(1.01);
    transition: all .2s ease-out 0.1s;
}

/*ボタンマウスオーバー時透明度変更*/
.btn:hover {
  opacity: 0.9;
  transition: 0.2s;
}


/* 投稿ページのタクソノミー */
.entry-title {
    position: relative;
}

.taxonomy-label {
    display: block;
    text-align: right;
    margin-top: 5px;
}

.taxonomy-label .term {
    display: inline-block;
    font-size: 14px;
    background: #eee;
    padding: 2px 6px;
    margin-left: 5px;
    border-radius: 4px;
}


/* 検索ページへ戻るボタン */
.back-to-list {
    position: fixed;
    bottom: 100px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9999;
    margin: 0;
}

.back-btn {
    display: inline-block;
    padding: 12px 24px;
    background-color: #0073aa;
    color: #fff;
    text-decoration: none;
    border-radius: 6px;
    font-weight: bold;
}

 .back-btn:hover { 
   background-color: #255e91; 
   color: #fff !important;
 } 


/* トップへ戻るボタン */
.back-to-home {
    position: fixed;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9999;
    margin: 0;
}

.home-btn {
    display: inline-block;
    padding: 12px 24px;
    background-color: #0073aa;
    color: #fff;
    text-decoration: none;
    border-radius: 6px;
    font-weight: bold;
}

.home-btn:hover { 
   background-color: #255e91; 
   color: #fff !important;
}