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

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

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

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

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

.page .date-tags {
display: none;
}

/************************************
** サイトタイトル非表示
************************************/
 
/*端末幅が768px以下のとき*/
@media screen and (max-width: 768px){
  #header .site-name-text{
    display: none;
  }
}
 
/*端末幅が480px以下のとき*/
@media screen and (max-width: 480px){
  #header .site-name-text{
    display: none;
  }
}

.new-entry-cards .display-none {
	display: none;
	padding-top: 0.2em;
	text-align: right;
	
}
.new-entry-card-update-date {
	display: none;
}

/* main背景 */
.home .main,
.archive .main {
	background: transparent;
}
/* サイド背景 */
.home .sidebar,
.archive .sidebar {
	background: transparent;
}

/*メニュー太字*/
nav#navi, .menu-header .sub-menu{
	font-weight: bold;
}


/*******************************
* 固定ページ記事タイトル非表示
********************************/
.page 
.entry-title {
  display: none;
}

.content-top {
margin: 0px;
padding: 0px;
}

.entry-content {
    margin-top: 0;
}

.widget-title{
   color:#5B8DE3;
}

/*ヘッダーの文字と背景の色を変える*/
.search-menu-button.menu-button,
.navi-menu-button.menu-button{
	background-color: #ffffff;
	color: #5B8DE3;
}

.logo-menu-button.menu-button{
	background-color: #ffffff;
}

/*ヘッダーの文字と背景の色を変える追加CSS*/
.menu-button-in{
	color: #000000!important;
	background-color: #ffffff!important;
}

/* ▼▼▼ wpcf7 フォームのデザイン修正（ここから下を全部入れ替え） ▼▼▼ */

/* 1. 入力欄（プルダウン、日付、テキスト）を全部統一して大きく・綺麗にする */
.wpcf7-form .mousikomi select,
.wpcf7-form .mousikomi input[type="text"],
.wpcf7-form .mousikomi input[type="email"],
.wpcf7-form .mousikomi input[type="tel"],
.wpcf7-form .mousikomi input[type="date"],
.wpcf7-form .mousikomi textarea {
    box-sizing: border-box;
    width: 100%;
    max-width: 400px;
    height: auto;
    padding: 12px;
    font-size: 16px !important; /* iOSの自動拡大防止のため16px */
    border: 1px solid #ccc;
    border-radius: 5px;
    margin-bottom: 5px;
    background-color: #fff;
}

/* iPhoneで日付入力欄がはみ出る問題の対策 */
.wpcf7-form .mousikomi input[type="date"] {
    -webkit-appearance: none;
    appearance: none;
    min-height: 48px;
    min-width: 160px;
    display: inline-block;
    vertical-align: middle;
}

/* スマホ表示時は日付と時間を縦並びにして見やすく（iPhone 15 Pro Max対応） */
@media only screen and (max-width: 600px) {
    .wpcf7-form .mousikomi input[type="date"],
    .wpcf7-form .mousikomi select[name^="menu-time"] {
        display: block;
        width: 100%;
        max-width: 100%;
        margin-bottom: 8px;
    }
}

/* 2. ラジオボタン・チェックボックスの並び */
.wpcf7-list-item-label {
    margin-left: 5px;
    font-size: 18px;
}
.wpcf7-radio span.wpcf7-list-item,
.wpcf7-checkbox span.wpcf7-list-item {
    display: block;
    margin-bottom: 5px;
}

/* 3. 送信ボタン：グラデーションで立体的・クリックしたくなる色に */
#mail_submit2 {
    background: linear-gradient(to bottom, #26499d, #1a3575);
    border: 1px solid #1a3575;
    color: #ffffff;
    font-size: 20px;
    font-weight: bold;
    margin: 30px 0 20px;
    padding: 15px 60px;
    text-decoration: none;
    border-radius: 5px;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    transition: 0.3s;
}
#mail_submit2:hover {
    opacity: 0.8;
    transform: translateY(2px);
    box-shadow: none;
}

/* 4. 必須・任意マーク */
.sankou {
    font-size: 11px;
    background-color: #e74c3c;
    color: #fff;
    padding: 2px 6px;
    margin: 0 5px;
    border-radius: 3px;
    vertical-align: middle;
}
.sankou.blue {
    background-color: #95a5a6;
}

/* 5. 左側の項目欄 */
.yoyaku {
    background: #f4f8fb;
    color: #333;
    font-size: 15px;
    font-weight: bold;
    width: 30%;
    vertical-align: middle;
    border-bottom: 2px solid #fff;
}

/* 右側の入力・説明欄だけ黒く */
.mousikomi td:not(.yoyaku) {
    color: #000;
}
table .mousikomi { width: 100%;} 

/* スマホ表示でテーブルを縦並びに（iPhone 15 Pro Max対応） */
@media only screen and (max-width:600px){
    .mousikomi tbody tr{
        display: block;
        border: none;
        margin-bottom: 0.8em;
    }
    .mousikomi tbody td{
        display: block;
        border: none;
        padding: 5px;
    }
    .wpcf7-textarea {width: 100%; }
    .mousikomi table tr td,
    .mousikomi {border: none; }
    .mousikomi td { width: auto;}
}

.contact-check .wpcf7-list-item-label {
  color: #000;
}

/**メニュー仕切り線**/
.sidebar h3 {
    text-align: center;
}
#navi .navi-in > ul > li{
  border-left: 1px solid #fff;
}

#navi .navi-in > ul > li:last-child{
  border-right: 1px solid #fff;
}

.navi-in > ul > .menu-item-has-children > a::after{ 
  right: 10px; 
}

#navi .navi-in > ul li{
	height: 50px;
	line-height: 50px;
}


/*メニュー下線*/
.navi-in a:hover {
	border-bottom:solid 4px #B4B4B4;
}
/*サブメニューの仕切り線無し*/
#navi .navi-in > ul ul li{
	border-right: none;
	border-left: none;
}
/*メニュー高さ*/
#navi .navi-in > ul li{
	height: 70px;
	line-height: 70px;
}
/*メニュー文字サイズ*/
#navi .navi-in > .menu-header .item-label{
	font-size: 14px;
}

/*メニューマウスオーバー*/
#navi .navi-in a:hover{
	color: #5B8DE3!important;
	background: #fff;
	transition: all 0.5s ease;
}

 div.header-container-in.hlt-top-menu .logo-header img {
 height: auto;
 max-height: none;
 width: 290px;
}

/************************************
**モバイルスライドインメニュー
************************************/
span.fas.fa-times::before{
font-family: "Font Awesome 5 Free";
content: "\f060";
color:#5B8DE3;/*矢印色変更*/
}
ul.menu-drawer:before{
font-size:1.2em;
background: white;
color:#333;
margin-bottom:1em;
border-bottom:3px solid #5B8DE3; /*点線の色変更*/
content: "メニュー";
}
ul.menu-drawer:after {
background: white;
}
.menu-drawer li {
padding:0;
}
.menu-drawer li{
font-weight: bold;
}
.menu-drawer a{
font-size:1.3em;
background-color:#ffffff;
border-bottom:3px dotted #5B8DE3; /*点線の色変更*/color:#545454;
margin: .5em 0;
}
.menu-drawer a:hover{
background-color:#f7f7f7;
}
.menu-drawer .sub-menu {
padding:0;
}
.menu-drawer .sub-menu li{
font-size: .9em;
}
.menu-drawer .sub-menu li a::before {
font-family: "Font Awesome 5 Free";
content : "\f105";
color:#7b7b7b;
margin:0 .5em 0 1em;
}
@media (max-width:834px){
.sub-menu{
box-shadow: none;
}
}