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

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

/*BOXメニュー　*/
.box-menu  {
width: 33%;
}
.box-menus a  {
    pointer-events: none;
}
.box-menu-icon * {
    max-width: 200px;
    max-height: 200px;
}
/*834px以下*/
@media screen and (max-width: 834px){
	.box-menu-icon * {
    max-width: 170px;
    max-height: 170px;
}
}	
/*BOXメニュー-end　*/

/*ヘッダー高さ　*/
.header-container-in.hlt-top-menu .logo-header {
   max-height: 120px;
}
.header-container-in.hlt-top-menu .logo-header img {
   max-height: 120px;
}
#header {
   flex-shrink: 0;
}
/*ヘッダー高さ-end　*/

/*ロゴ左右空き　*/
.site-name-text-link {
    padding: 0 3em;
}
/*ロゴ左右空き-end　*/

/*Gナビフォントサイズ*/
.navi-in a {
font-size: 14px;
}

/*Gナビ区切り線*/
#navi .navi-in > ul > li{
border-left: 1px dotted #000000;
}
#navi .navi-in > ul > li:last-child{
border-right: 1px dotted #000000;
}
/*Gナビ区切り線-end*/

.navi-in > ul > .menu-item-has-children > a::after{
right: 10px;
}
/*Gナビ区切り線-end*/

/*フッターエリア設定　*/
/*テキスト*/
.ft-tex1 {
font-size:14px;	
}
.ft-tex1 a {
text-decoration: none;	
}	
.ft-tex2 {
font-size:12px;	
}
.footer-bottom {
    margin-top: 0px;
    /* padding: 8px;
    position: relative;*/
    font-size: 12px;
}
/*フッターエリア設定-end　*/

/*アピールエリアの設定　PC*/
#appeal { 
height: calc(100vw * calc(900 / 1920)); 
position: relative;	
}
/*アピールエリアの高さ設定　スマホ*/
@media (max-width: 767px){ 
#appeal { 
height: 180vw; 
}
.appeal {
background-image: url(https://www.yamagari.com/wp-content/uploads/heroimg-sp.jpg);
	background-position: center center;		
	}
}
/*アピールエリアの設定-end*/

/*Flexテーブル*/
.wp-block-flexible-table-block-table.wp-block-flexible-table-block-table > table tr td {
border-color: #64ac90;
background-color: #fff;
padding-left: 1.5em;
font-size: 16px;	
}

.wp-block-flexible-table-block-table.wp-block-flexible-table-block-table > table tr th {
border-color: #64ac90;
background-color: #f8fbf8;
}

/*固定ページの投稿日、更新日、投稿者名を非表示にする*/
.page .date-tags,
.page .author-info {
    display: none;
}
/*固定ページの投稿日、更新日、投稿者名を非表示にする-end*/

/* 案内ボックス白色影 */
.light-box {
	box-shadow: 0 0 8px rgb(62 62 62 / 25%);
}
/* 案内ボックス白色影-end */

/* タブ */
.wp-block-group-is-layout-grid p {
margin-bottom:0;
}
/*.tab-label {
	font-size: 18px;
}	*/
/* タブ-end */

/* タブボックス */
.tab-content-group {
    background-color: #FFFFFF;
}
/* 選択しているタブ色を変更する */
.cocoon-block-tab .tab-label-group .tab-label.is-active {
	background-color: #1D2327;
	color: #ffffff;
}
/* 非選択時のタブ色を変更する */
.cocoon-block-tab .tab-label-group .tab-label {
	background-color: #ffffff;
}
/* タブブロックの枠線の色を変更する */
.cocoon-block-tab .tab-content-group {
	border-color:  #1D2327;
}

/* タブボックス-end */
/* 見出しリセット */
/* 見出し2 */
.article h2{
background:none;
padding: 0;
}

/* 見出し4 */
.article h4{
border-top:none;
border-bottom:none;
padding: 0;
}
/* 見出しリセット-end */

/* h2カスタマイズ */
.article h2 {
	    position: relative;
    padding: 0.8rem 0;
    margin-bottom: 0.2rem;
  border-bottom: 6px double #1B293E;
    color: #1B293E;
    font-weight: bold;
    font-size: 32px;
    text-align: center;
	margin: 0 auto;
	width: 60%;
}
/*834px以下*/
@media screen and (max-width: 834px){
.article h2 {	
position: relative;
padding: 0.8rem 0;
margin-bottom: 0.2rem;
border-bottom: 6px double #1B293E;
color: #1B293E;
font-weight: bold;
    font-size: 32px;
text-align: center;
margin: 0 auto;
	width: 100%;
	}
	}
/* h2カスタマイズ-end */
/* h3カスタマイズ */

/* h3カスタマイズ-end */
/* h4カスタマイズ */
.article h4 {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 18px;
	text-align: center;
	color: #1c293f;
    font-weight: bold;
}

.article h4::before,
.article h4::after {
	content: '';
	width: 3px;
	height: 40px;
	background-color: #1c293f;
}

.article h4::before {
	margin-right: 30px;
	transform: rotate(-35deg)
}
.article h4::after {
	margin-left: 30px;
	transform: rotate(35deg)
}
/* h4カスタマイズ-end */

/* h5カスタマイズ */
/* h5カスタマイズ-end */

/* h6カスタマイズ */
/* h6カスタマイズ-end */

/* 吹き出しカスタマイズ */
.speech-person {
  width: 130px;
  min-width: 130px;
}
.speech-wrap {
	align-items: center;
}
@media screen and (max-width: 480px){
.speech-person {
    width: 70px;
    min-width: 70px;
  }
}
/* 吹き出しカスタマイズ-end */

/*セクションごと背景色*/	
.change-area {
   background: #deebf5;
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
    padding-right: calc(50vw - 50%);
    padding-left: calc(50vw - 50%);
    padding-top: 5%;
    padding-bottom: 10%;
}
/*セクションごと背景色-end*/	

/*topチェック色*/	
[class*=is-style-icon-list-] > li::before {
  color: var(--cocoon-red-color);
}
/*topチェック色-end*/

/*タイムラインカスタム*/	
.timeline-item::before {
  top: 22px;
  left: 103px;
  width: 17px;
  height: 17px;
  background: #f8c678; /* 任意の色に */
}

.timeline-item-content {
  border-left: 3px rgb(25 25 25 / 12%) solid;
}

.timeline-box {
  border: initial;
}

.timeline-item-label {
  color: rgb(25 25 25 / 70%);
}
@media screen and (max-width: 480px) {
  .timeline-item-content {
    border-left: initial;
  }

  .timeline > li.timeline-item {
    border-left: 3px rgb(25 25 25 / 12%) solid;
  }

  .timeline-item::before {
    left: -10px;
  }
}
/*タイムラインカスタム-end*/
	

/* Contact Form7スマホ・タブレット用カスタマイズ */
@media(max-width:850px){
/* テーブルの見出しとフォーム */
table.inquiry th,table.inquiry td {
   display:block;
   padding:1em 0!important;
   width:100%;
   border:0;
}

/* 送信ボタン */
input.wpcf7-submit{
   margin-bottom:30px;
   width:100%;
}
}

/* 日付タグ上のテキストをPCとスマホで変更 */
@media(max-width:900px){
.pcdate{
   display: none;
}
}
@media(min-width:1000px){
.spdate{
   display: none;
}
/* 日付タグの幅を調整 */
.wpcf7-date.dateform{
   width: 25%;
}
}

/* Contact Form7全体カスタマイズ */

/* 自動入力されるPタグを無効にする */
.inquiry p {
   display: inline;
}

/*テーブル下に余白.枠線・テキストの行間 */
table.inquiry {
   margin-bottom: 30px;
   border: 1px solid #949495;
	border-color:#949495 !important;
   line-height:1.2;
   vertical-align:middle;
}

/* テーブルの行 */
.inquiry tr {
   border:0!important;
}

/* テーブルの見出し側 */
.inquiry th{
   text-align:left;
   font-size:14px;
   color:#FFFFFF;
   padding: 1em 1.5em;
    width: 15%;
   background:#1D2327;
	border-color:#949495 !important;
   white-space: nowrap;
   vertical-align: middle;
}

/* 必須と任意タグ */
.haveto,.any{
   font-size:13px;
   padding:5px;
   background:#ff9393;
   color:#fff;
   border-radius:2px;
   margin-right:5px;
   font-weight:normal;
}

/* 任意タグの背景カラー */
.any{
   background:#93c9ff;
}

/* テーブルフォーム側 */
.inquiry td{
   font-size:13px;
	border-color:#949495 !important;
		 background:#fff;
padding-left:1.5em;
	padding-right:1.5em;
}

/* 入力エリア幅最大 */
.wpcf7-form-control {
   width: 100%;
}

/* フォーム入力欄の余白・背景カラー・枠線消す指定 */
.inquiry input,.inquiry select,.inquiry textarea {
   margin: 5px 0;
   background:#eff1f5;
   border: none;
   padding:0.7em;
}
.inquiry textarea {
   padding-bottom:10em;
}

/* チェックボックスとラジオボタンの位置調整 */
.wpcf7-list-item-label,.wpcf7-checkbox,input[type=checkbox],input[type=radio]{
   vertical-align:middle;
}
.wpcf7-list-item-label{
   padding:0 5px 0 2px;
}
/*ラジオボタンを縦並び指定*/
.verticallist{
   display:inline-grid;
}
/* 送信ボタンセンター */
.p-center{
text-align: center;		
}
/* 送信ボタンのデザイン */
.wpcf7-submit{
   display: bloc;
   margin:10px auto !important;
   padding:1em 0 !important;
   width:60% !important;
   background:#aea531 !important;
   color:#fff !important;
   font-size:18px !important;
   font-weight:bold !important;	 
   border-radius:4px !important;
   border: none !important;
}

/* 送信ボタンマウスホバー時 */
.wpcf7-submit:hover{
   opacity: 0.9 !important;
   transition: 0.3s !important;
}

/* 送信ボタンスピナー非表示 */
.wpcf7-spinner {
    display: none;
}
/* フォーム上部に表示されるエラーメッセージを非表示 */
.screen-reader-response {
    display: none;
}

/* フォーム内エラーメッセージを赤色に指定 */
.wpcf7-not-valid-tip {
    color: #e92323;
}
/* スクロールボックス */
.box-scroll {
width:100%;
  height:200px;
  overflow-y: scroll;
  border: 1px solid #949495;
  padding: 30px;
}
.box-scroll p {
	margin-bottom:1em;
	font-size:16px;
}
.box-scroll .p1 {
	margin-bottom:1em;
	font-size:20px;
}
.grecaptcha-badge { 
	visibility: hidden;
}
/* zipaddr-jp ハイフンなしで入力 非表示*/

#autozip {
   display: none !important;
}

/* Contact Form7全体カスタマイズ-end */
/*reCAPTCHAのロゴを非表示にする*/
.grecaptcha-badge { visibility: hidden; 
}


/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
	
/*モバイルGナビ*/
.mobile-menu-buttons {
min-height: 70px;	
}	
.mobile-menu-buttons .search-menu-button {
display:none;
}		
.navi-menu-content {
  left: auto;
  right: 0;
  transform: translateX(105%);
}		
.menu-drawer a {
padding: 16px;
border-bottom: dotted 1px #64ac90;	
}			
/*モバイルGナビ-end*/	
/*ロゴサイズ*/	
.logo-menu-button img {
    max-height: 60px;
}
/*ロゴサイズ-end*/	
}

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

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