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

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

/*左右の余白*/
.main {
	padding-right: 10px;
padding-left: 10px;
}

/*見出しデザインのリセット*/
.article h2,
.article h3,
.article h4,
.article h5,
.article h6 {
background-color: transparent; /* 背景色を透明に*/
border: none; /*枠線なし*/
border-radius: 0; /*角の丸みなし*/
padding-left: 0px;
padding-right: 0px;
	padding-bottom: 0px;
}



/*字間*/
p, body {
letter-spacing: 1px;
}

h1, h2, h3 {
letter-spacing: 1px;
}
	
/*ヘッダーフッターまわりの調整*/
.breadcrumb,
.article-header,
.article-footer{
display: none;
}

.header-container-in {
padding-top: 10px;
padding-bottom: 10px;
}

/*セクションまわりの細々とした余白の調整*/
.main {
padding-bottom:0!important;
margin-bottom:0!important;
margin-left:0!important;
margin-right:0!important;
}

/*フルワイドと余白の調整*/
.wp-block-cover, .n2-section-smartslider {
margin-bottom:0!important;
margin-top:0!important;
padding-bottom:0!important;
bottom: 0;
}

.wp-block-columns {
margin-bottom:0!important;
}

.entry-content, .content {
padding-top:0!important;
padding-bottom:0!important;

margin-bottom:0!important;
}

.content-bottom {
margin:0;
}

.article {
padding-bottom:0px!important;
margin-bottom:0px!important;
}

/*フッター*/
.footer {
margin-top:0px;
}

/*SNSシェア非表示*/
.page .sns-share,
.page .sns-follow {
display: none;
}

/*水平スクロールバー非表示*/
body {
overflow-x:clip;
font-size: 12px;
}

/*フルワイド*/
.fullwide {
width: 100vw;
margin: 0 calc(50% - 50vw);
padding: 0 calc(50vw - 50%);
}


/*グローバルメニュー*/
/*メニュー項目の左右の余白*/
#navi .navi-in>ul>li>a{
padding: 0 0em;
}

/*ホバー時にメニューの色が薄くなるのをやめる*/
#navi .navi-in a:hover {
background-color: rgb(255 255 255 / 0);
}

/*ホバー時にメニューにアンダーラインを出す*/
#navi .navi-in a:after{
position: absolute;/*線の位置を絶対配置に*/
content: "";/*文字はなし*/
opacity: 1;
left: 0px;/*線の位置*/
bottom: 0;/*線の位置*/
height: 10%;/*線の高さ*/
width: 100%;/*幅いっぱいに線を引く*/
background: #008080 ;/*線の色*/
transform: scale(0,1);/*ホバー前は線を消す*/
transition: 0.3s;/*線が0→100%になるまでの秒数*/
}

.item-label {
	z-index: 999;
	height: 25px;
	vertical-align: center;
}

.item-label:hover {
	z-index: 999;
	color: #008080;
	height: 25px;
	vertical-align: center;
}


#navi .navi-in a:hover:after{
transform: scale(1);/*マウスオーバー後、線を100%出す*/
}

/*フォントサイズ等変更*/
.navi-in .menu-header .item-label{
letter-spacing: 2px;
font-size: 13px;
font-weight: 600;
}

/*メニュー項目の幅*/
.menu-item {
width: 10px;
}
/*グローバルメニュー終わり*/

/*ブログ記事一覧のカスタマイズ*/
.new-entry-cards {
margin: auto;
width: 110vh;
}

.new-entry-card-thumb {
transition-duration: 0.3s; /*アニメーションの時間*/ box-shadow: 0px 10px 10px -5px rgba(85,85,85,0.75); /*通常時の画像の影*/
}

.new-entry-card-thumb:hover {
transform: translateY(-6px); /*マウスホバーで上に移動*/
box-shadow: 0px 5px 5px -5px rgba(85,85,85,0.75); /*マウスホバー時の画像の影*/
}

.new-entry-card-thumb img { /*画像下の隙間を消す*/
vertical-align: bottom;
}

.widget-entry-card-thumb {
width: 200px !important;
}

.new-entry-card-title {
margin-top: 5px; /*上に余白を付ける*/
line-height: 1; /*行間を広く*/
font-size: 14px !important;
padding-bottom: 0px!important;
}

.is-list-horizontal.large-thumb .card-title, .is-list-horizontal.large-thumb-on .card-title {
height: 1.5em;
}

/*タイトルと日付の間の調整*/
.new-entry-card-title:hover {
color: #85A4B5 ;/*マウスホバー時の色*/
}
@media screen and (max-width: 768px){
.new-entry-cards {
margin: auto;
width: 45vh;
}
.new-entry-card-title {
font-size: 12px; /*スマホでの文字の大きさ*/
padding-left:5px;
line-height: 1.2; /*スマホでの行間*/
}

.e-card-info {
color: #666 ; /*色を薄く*/
}

.new-entry-card-snippet { padding-left: 5px; font-size: 10px; } 
.e-card-info {font-size: 11px; /*スマホでの文字サイズ*/}
}

/*記事一覧の投稿日表示カスタム*/
/*ウィジェット記事の投稿日・更新日を表示*/
.widget-entry-card-date {
display:block;
text-align: right;/*右寄せ*/
}

/*更新日を非表示にする*/
.widget-entry-card-update-date{
display: none;
}

/*日付にアイコン追加*/
.widget-entry-card-post-date::before,

.widget-entry-card-update-date::before{
font-family: "Font Awesome 5 Free";
padding-right: 3px; /*右余白*/
font-size:10px;
}

/*更新日アイコン*/
.widget-entry-card-update-date::before{
font-weight:bold;
content: "\f1da"; /*fa-historyアイコン*/
}

/*記事一覧カスタマイズ終わり*/

	
	
	
	
	



/* 基本 */
table.CF7_table { 
  width: 100%; 
  max-width: 700px;
  margin: 0 auto; 
  border: 3px solid #e5e5e5;
  border-collapse: collapse;
  color: #333; /* 全体文字色 */
}

/* 行 */
table.CF7_table tr { 
  border-top: 1px solid #e5e5e5; 
} 

/* 入力欄 */
.CF7_table input,
.CF7_table textarea,
.CF7_table select { 
  border: 1px solid #d8d8d8; 
  width: 100%;
  box-sizing: border-box;
  background-color: #fff; /* 回答欄背景 */
  color: #333;
  margin-bottom: 0; /* 余白削除 */
}

/* プレースホルダ */
.CF7_table ::placeholder { 
  color: #797979; 
}

/* 必須・任意ラベル */
.CF7_req, .CF7_unreq {
  font-size: .8em;
  padding: 5px 8px;
  color: #fff;
  border-radius: 3px;
  margin-right: 1em;
}
.CF7_req { background: #118383; }  /* 指定色 */
.CF7_unreq { background: #bdbdbd; }

/* PCのタイトル列 */
@media screen and (min-width: 769px) { 
  .CF7_table th { 
    width: 35%;
    background-color: #ECEDF5; /* 項目背景 */
    color: #333;
    font-size: 14px;
    text-align: left;
    vertical-align: middle;
    padding: 10px;
  }
  .CF7_table td {
    padding: 10px;
    background-color: #fff; /* 回答欄を完全白に */
  }
}

/* 📱スマホ対応 */
@media screen and (max-width: 768px) { 
  table.CF7_table {
    width: 100%;
    border-width: 2px;
  }

  .CF7_table tr {
    display: block;
    border: none;
    margin-bottom: 20px;
  }

  .CF7_table th, .CF7_table td {
    display: block;
    width: 100%;
    box-sizing: border-box;
    border: none;
    padding: 8px 10px;
  }

  .CF7_table th {
    background-color: #ECEDF5;
    color: #333;
    border-radius: 3px 3px 0 0;
    font-size: 16px; /* フォント少し大きく */
    text-align: left; /* 左寄せ */
  }

  .CF7_table td {
    background-color: #fff;
    border-radius: 0 0 3px 3px;
  }

  .CF7_table input,
  .CF7_table textarea,
  .CF7_table select {
    margin-bottom: 0; /* 下の余白削除 */
  }
}

/* 送信ボタン */
.wpcf7 input.wpcf7-submit { 
  display: block;
  width: 100%; /* フォーム幅と同じ */
  background-color: #118383; /* 指定色 */
  border: none;
  color: #fff;
  font-size: 1.2em;
  font-weight: bold;
  padding: 12px 0;
  border-radius: 4px;
  transition: opacity 0.3s ease;
}
.wpcf7 input.wpcf7-submit:hover {
  opacity: 0.8;
}

/* ボタン中央配置 */
.CF7_btn { 
  text-align: center; 
  margin-top: 20px; 
}

/* ローディングスピナー非表示 */
.wpcf7-spinner { 
  width: 0; 
  margin: 0; 
  display: none;
}

/* --------------------------------------------------
   お問い合わせページ（ID:57）専用：pタグの余白削除
   -------------------------------------------------- */
.page-id-11 .CF7_table p {
  margin-bottom: 0 !important;
}


	/* --------------------------------------------------
   お問い合わせページ（page-id-57）専用：送信ボタン幅
   -------------------------------------------------- */
.page-id-11 .wpcf7 input.wpcf7-submit {
  width: 120px !important;   /* ← 幅100pxに */
  margin: 0 auto;            /* 中央配置 */
  display: block;            /* 中央寄せ用にブロック化 */
}

	
	/* --------------------------------------------------
   お問い合わせフォーム（page-id-11）仕切り線カラー統一
   -------------------------------------------------- */
.page-id-11 table.CF7_table {
  border-color: #E5E5E5 !important;
}

.page-id-11 table.CF7_table tr {
  border-top: 1px solid #E5E5E5 !important;
}

.page-id-11 table.CF7_table td,
.page-id-11 table.CF7_table th {
  border-bottom: 1px solid #E5E5E5 !important;
}









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

	

	
}

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

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