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


/* リンクのアンダーバーを消す */
a{
  text-decoration: none;
}

/* リンクのホバー色 */
.entry-content a:hover {
  color: #1111cc;
}

/* スマホだけ全幅表示 */
@media screen and (max-width: 768px) {
  .responsive-full-mobile {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(-50vw + 50%) !important;
  }
}

/* カラム間の隙間をなくす */
.wp-block-columns{
  gap: 0px;
}

/* 見出し2 */
.article h2{
  background:none;
  padding:0;
  color:#827a78;
  font-size:14px;
  font-weight:bold;
  border:none;
  line-height:1.6;
}

/* 見出し3 */
.article h3{
  background:none;
  padding:0;
  color:#827a78;
  font-size:14px;
  font-weight:bold;
  border:none;
  line-height:1.6;
}

/* =========================
Marriage Ring
世界観写真 フェードイン
========================= */

.fade-photo{
  opacity:0;
  animation:fadePhoto 2.8s ease forwards;
}

.fade-photo-1{
  animation-delay:0.3s;
}

.fade-photo-2{
  animation-delay:1.8s;
}

.fade-photo-3{
  animation-delay:3.8s;
}

@keyframes fadePhoto{
  from{
    opacity:0;
  }
  to{
    opacity:1;
  }
}



/* =========================
Marriage Ringページ（ページID 24）
スマホで本文上部の余白を詰める
========================= */

@media screen and (max-width: 834px) {
  body.page-id-24 main.main {
    padding-top: 0 !important;
    margin-top: 0 !important;
  }
}




/* =========================
モバイルヘッダー
影と線を削除・半透明化
========================= */

.mobile-header-menu-buttons{
	background: rgba(250,252,251,0.82) !important;
	box-shadow: none !important;
	border: none !important;
}

/* 検索文字を透明化 */
.search-menu-button span{
  display:none !important;
}

/*=========================
カスタムテキスト
=========================*/
.cocoon-custom-text-1{
	color: #353287
;
}
.cocoon-custom-text-2{
	color: pink;
}

/* =========================
アコーディオン
========================= */


.toggle-button{
    background: #f7f7f5;
    text-align: left;
    font-weight: 600;
    box-shadow: none;
    border: none;
    border-radius: 0 !important;
    padding: 1.5em;
    position: relative;
}

.toggle-button::before {
    content: ''; /* デフォルトのbeforeは空に */
}
.toggle-button::before {
    content: '';
    display: none; /* 何も表示しない */
}
/* ▼部分*/
.toggle-button::after {
    content: '▼';
    color: #353287;
    font-size: 1.2.em;
    font-weight: normal;
    position: absolute;
    right: 2em;
    top: 50%;
    transform: translateY(-50%) rotate(0deg);
    transition: transform 0.25s ease;
}

.toggle-checkbox:checked + .toggle-button::after {
    transform: translateY(-50%) rotate(180deg);
}

.toggle-checkbox:checked~.toggle-content {
    background: #f2f5f7;
    margin-top: 10px;
    border: none;
    padding: 1em;
}

.toggle-text {
    color: #333; /* デフォルトの色 */
}