@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){
  /*必要ならばここにコードを書く*/
}

/*トップページの画像削除*/
.no-sidebar .content-in {
  padding-top: 20px;
}

.skin-grayish.front-top-page .header {
  display: none;
}

@media screen and (max-width: 1023px) {
  .skin-grayish.front-top-page .container .header-container .header {
    display: none;
  }
}

/*トップページのカルーセル調整*/
.carousel {
  padding-top: 30px;
}

 /* 通知エリアのパディング調整 */
  .notice-area-wrap {
    padding-top: calc(calc(120 / 750) * 100vw + 16px);
  }
  @media only screen and (min-width:851px) {
    .notice-area-wrap {
      padding-top: calc(calc(78 / 1220)* 100vw* 0.7 + 24px);
    }
  }

/*CF7デザイン*/
/*Contact Form 7カスタマイズ*/
/*スマホContact Form 7カスタマイズ*/
@media(max-width:500px){
  .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:10px;
  }}
  /*見出し欄*/
  .inquiry th{
   text-align:left;
   font-size:14px;
   color:#444;
   padding-right:5px;
   width:30%;
   background:#f7f7f7;
   border:solid 1px #d7d7d7;
  }
  /*通常欄*/
  .inquiry td{
   font-size:13px;
   border:solid 1px #d7d7d7;
  }
  /*横の行とテーブル全体*/
  .entry-content .inquiry tr,.entry-content table{
   border:solid 1px #d7d7d7;
  }
  /*必須の調整*/
  .haveto{
   font-size:10px;
   padding:5px;
   background:#ff9393;
   color:#fff;
   border-radius:2px;
   margin-right:5px;
   position:relative;
   bottom:1px;
  }
  /*任意の調整*/
  .any{
   font-size:10px;
   padding:5px;
   background:#93c9ff;
   color:#fff;
   border-radius:2px;
   margin-right:5px;
   position:relative;
   bottom:1px;
  }
  /*ラジオボタンを縦並び指定*/
  .verticallist .wpcf7-list-item{
   display:block;
  }
  
  /*テーブルの下部マージン*/
  .article-body .wrapping-inquiry table{
    margin-bottom: 0px;
  }
  
  /*送信後フォーム非表示*/
  .sent .wrapping-inquiry, .sent .wrapping-inquiry p{
    display:none;
  }
  
  /*エラーメッセージデザイン変更 */
  .wpcf7 span.wpcf7-not-valid-tip {
    display: none;
  }
  .wpcf7 .wpcf7-not-valid {
    background: pink;
  }
  
  .wpcf7 .wpcf7-response-output {
    margin: 10px 0 0;
    padding: 8px 35px 8px 14px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
  }
  .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {
    color: #721c24;
    background-color: #f8d7da;
    border: 1px solid #f5c6cb;
  }
  .wpcf7 form.sent .wpcf7-response-output {
    color:#155724;
    background-color: #d4edda;
    border: 1px solid #c3e6cb;
  }

  .CF7_btn .wpcf7-submit:hover {
    color: var(--white);
    background-color: var(--skin-grayish-cat-back);
    border: solid 1px var(--skin-grayish-cat-back);
    transition: all 0.3s ease-in-out;
  }
  .article .inquiry table{
    margin-bottom: 0em;
  }

.CF7_btn input[type=submit]{
    font-size: 16px;
  }

  /* reCapthca非表示*/
  .grecaptcha-badge { visibility: hidden; }

   /* 送信成功メッセージ非表示　*/
  .wpcf7-form.sent .wpcf7-response-output {
    display: none;
  }

   /* パンくずが2個表示されるのを制御*/
  #breadcrumb .breadcrumb-page{
    display: none !important;
  } 

/* リストスタイルキャンセルの削除*/
  ol, ul {
  list-style: disc !important;
  }

/* メニューのリストスタイルキャンセル*/
#menu ul,
#menu li,
.gnavi,
.gnavi li,
.dropDown,
.dropDown li {
  list-style: none !important;
  list-style-type: none !important;
}

/* リストマーカーそのものを強制非表示にする */
#menu li::marker,
.gnavi li::marker,
.dropDown li::marker {
  content: "" !important; /* マーカーの中身を空にする */
  display: none !important;
  font-size: 0 !important;
  color: transparent !important;
}

/* 念のため li 要素自体のスタイルも再度強力にリセット */
#menu li,
.gnavi li,
.dropDown li {
  list-style: none !important;
  list-style-type: none !important;
}

/* 黒丸が消えた後に左側に不自然な余白が残るのを防ぐ */
#menu ul,
.gnavi,
.dropDown {
  padding-left: 0 !important;
  margin-left: 0 !important;
}