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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここ以下にコードを書く*/
.front-top-page .main{
  padding-top: 0;
  border: 0;
}

/******
トップのH2見出しにおいて、上の余白をなくす
*******/
 .article h2:first-child {
    margin-top: 0;
}
/************************************
****　固定ページ全体の背景色を変更
************************************/
/***** 背景色の設定******/
body.page-id-91 {
	background-color:#ffffff;
}
/*****メインカラムの透明化******/
.main, 
.sidebar {
  background-color: transparent;
}


/*****パンくずリストの透明化******/
#breadcrumb {
 background-color: transparent;
}
/************************************
****　カバーブロック
************************************/
/* カバーブロック用：インナーブロックの中央寄せを追加 */
.cstm-blk-fullwide-inner {
    width: 100vw;
    margin: 0 calc(50% - 50vw);
    padding: 0 calc(50vw - 50%);
}
/* 画像ブロックは以下で画面幅に */
.cstm-blk-fullwide {
    width: 100vw;
    margin: 0 calc(50% - 50vw);
}
/*カバーブロック上下を斜めに切り落とす*/
.cstm-clip-top-bottom {
  clip-path: polygon(0 0, 100% 7vmin, 100% 100%, 0 calc(100% - 7vmin));
}
/************************************
****　FAQ　アコーディオン
************************************/
/*Qの文字色変更*/
.is-style-accordion .faq-question-content.faq-item-content {
color: #1a4366;
}

/************************************
****　アピールエリア画像
************************************/
/* アピールエリアの最小高さを解除 */
.appeal .appeal-in {
  min-height: unset;
}
/*フロントページ（表示しない）*/
.page-id-219 .appeal {
display:none;
}
/*AOUT USページ*/
.page-id-1197 .appeal {
  background-image: url('http://niijimakayak.com/wp-content/uploads/2025/05/HP_アピールエリア_ABOUT-US.jpg');
}
/*INFORMATIONページ*/
.page-id-2162 .appeal {
  background-image: url('http://niijimakayak.com/wp-content/uploads/2025/05/86105c3ac62fc45565176fb9a3f4c536.jpg');
}

/*STAFFページ（表示しない）*/
.page-id-1387 .appeal {
display:none;
}

/*TOURページ*/
.page-id-222 .appeal {
  background-image: url('http://niijimakayak.com/wp-content/uploads/2025/05/HP_アピールエリア_TOUR_ver1.2.jpg');
}
/*クリアSUPページ*/
.page-id-91 .appeal {
  background-image: url('http://niijimakayak.com/wp-content/uploads/2025/05/HP_アピールエリア_CLEAR-SUP.jpg');
}
/*レギュラーSUPページ*/
.page-id-63 .appeal {
  background-image: url('http://niijimakayak.com/wp-content/uploads/2025/05/f6ca89a40b21b13761e2d98716fa5844.jpg');
}
/*ファミリーSUPページ*/
.page-id-1451 .appeal {
  background-image: url('http://niijimakayak.com/wp-content/uploads/2025/05/a86428adfe5951656ed6f9f4cd08cadf.jpg');
}
/*サンセットSUPページ*/
.page-id-1455 .appeal {
  background-image: url('http://niijimakayak.com/wp-content/uploads/2025/05/7a14f88a36767a2b8d52061bff88e661.jpg');
}
/*団体様ツアーページ*/
.page-id-1897 .appeal {
  background-image: url('http://niijimakayak.com/wp-content/uploads/2025/05/94d5ec286faff2a69e412dec929a65af.jpg');
}
/*SUP & シュノーケリングページ*/
.page-id-2393 .appeal {
  background-image: url('http://niijimakayak.com/wp-content/uploads/2026/05/057e51e8a10dd012706ed27bb3e9abdc.jpg');
}
/*RESERVATIONページ（表示しない）*/
.page-id-248 .appeal {
  background-image: url('http://niijimakayak.com/wp-content/uploads/2026/05/964cd88c80aa439dbaa5a32d10946368.jpg');
}
/*GALLERYページ*/
.page-id-135 .appeal {
  background-image: url('http://niijimakayak.com/wp-content/uploads/2025/05/0be73ab5099f65d35b8d66a81ad1f8b0.jpg');
}
/*RESERVATIONページ（表示しない）*/
.page-id-510 .appeal {
display:none;
}
/*アクセスページ（表示しない）*/
.page-id-270 .appeal {
display:none;
}
/*Q&Aページ*/
.page-id-1423 .appeal {
  background-image: url('http://niijimakayak.com/wp-content/uploads/2025/05/41e25d35e5ed90b41f2077b25afc096c-1.jpg');
}
/************************************
****　リンク挿入時の下線を消す
************************************/
a{
text-decoration: none;
}
/************************************
****　Contact Form7
************************************/
/* フォーム全体のスタイル */
.wpcf7 {
background-color: #f0f0f0; /* ライトグレー */
padding: 20px;
border-radius: 10px;
max-width: 600px;
margin: auto;
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

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

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