@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){
  /*必要ならばここにコードを書く*/
}
/* [goto_fullcalendar] 検索UIを非表示（よくある命名に広めに対応） */
.goto-fc-search,
.goto-fullcalendar-search,
#goto-fc-search,
#goto-fullcalendar-search,
.goto-fc-filters,
.goto-fullcalendar-filters {
  display: none !important;
}
/* ゲストイベント投稿フォーム：送信ボタンを大きく見やすく */
.goto-guest-event-form button[type="submit"]{
  width: 100%;
  padding: 14px 18px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
  border-radius: 10px;
  border: 0;
}

/* タップしやすくする（スマホ） */
@media (max-width: 520px){
  .goto-guest-event-form button[type="submit"]{
    padding: 16px 18px;
    font-size: 20px;
  }
}

/* FullCalendar: スマホ横はみ出し防止（カレンダー全体） */
.goto-fullcalendar-wrap,
.goto-fullcalendar-wrap * {
  box-sizing: border-box;
}
.goto-fullcalendar-wrap {
  max-width: 100%;
  overflow-x: hidden;
}
.goto-fullcalendar-wrap .fc {
  max-width: 100%;
}

/* ツールバーを折り返してはみ出し防止 */
.goto-fullcalendar-wrap .fc-header-toolbar {
  flex-wrap: wrap;
  gap: 8px;
}
.goto-fullcalendar-wrap .fc-toolbar-chunk {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  min-width: 0;
}
.goto-fullcalendar-wrap .fc-toolbar-title {
  white-space: normal;
  line-height: 1.2;
}

/* list表示：イベント名を折り返して全文見えるように */
.goto-fullcalendar-wrap .fc .fc-list-event-title,
.goto-fullcalendar-wrap .fc .fc-list-event-title a {
  white-space: normal;
  word-break: break-word;
}
.goto-fullcalendar-wrap .fc .fc-list-table {
  width: 100%;
  table-layout: fixed; /* 折り返しを効かせて横スクロールを防ぐ */
}

/* スクロール領域が横に出ないように */
.goto-fullcalendar-wrap .fc-scroller {
  overflow-x: hidden !important;
}

/* スマホ時：ボタンやタイトルを少し小さくして収める */
@media (max-width: 520px){
  .goto-fullcalendar-wrap .fc .fc-button {
    padding: .35em .55em;
    font-size: 0.9rem;
  }
  .goto-fullcalendar-wrap .fc-toolbar-title {
    font-size: 1.2rem;
  }
}
/* list表示：終日(all-day)の表示だけ消す */
.goto-fullcalendar-wrap .fc .fc-list-event-time {
  /* まずは終日だけを対象にする（data-time="all-day" が入る実装が多い） */
}
.goto-fullcalendar-wrap .fc .fc-list-event-time[data-time="all-day"]{
  display: none !important;
}

/* 終日行の余白も詰める（不要なら削除OK） */
.goto-fullcalendar-wrap .fc .fc-list-event-time[data-time="all-day"] + td{
  padding-left: 0 !important;
}

/* 保険：終日イベント行の時刻セルを非表示 */
.goto-fullcalendar-wrap .fc .fc-list-event.fc-event-start.fc-event-end .fc-list-event-time{
  display:none !important;
}
/* 1) URLなしイベント（aタグが無い）：黒 */
.goto-fullcalendar-wrap .fc .fc-list-event-title {
  color: #000 !important;
}

/* 2) URLありイベント（aタグあり）：青 */
.goto-fullcalendar-wrap .fc .fc-list-event-title a,
.goto-fullcalendar-wrap .fc .fc-list-event-title a:link,
.goto-fullcalendar-wrap .fc .fc-list-event-title a:visited {
  color: #1e73be !important;   /* 好きな青に変更OK */
  text-decoration: underline;  /* 見分けやすく（不要なら削除OK） */
}

/* 3) （任意）日付見出しのリンク色は黒のままにしたい場合 */
.goto-fullcalendar-wrap .fc .fc-list-day-cushion a {
  color: #000 !important;
  text-decoration: none !important;
}