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

/* 女子旅ピンクBOX */
.course-info-box{
  background:#fff0f6;
  border-left:5px solid #ff7eb6;
  padding:15px;
  margin:20px 0;
  font-weight:bold;
}

/* 予約CTA */
.course-cta{
  background:#ff7eb6;
  color:#fff;
  padding:15px;
  text-align:center;
  border-radius:10px;
  font-size:18px;
  margin:30px 0;
}
.course-cta a{
  color:#fff;
  font-weight:bold;
  text-decoration:underline;
}

/* Tabiiro風タイムライン */
.timeline{
  border-left:3px solid #ff7eb6;
  padding-left:20px;
}
.timeline h3{
  background:#fff;
  padding:10px 15px;
  border-radius:8px;
  box-shadow:0 2px 8px rgba(0,0,0,0.05);
  margin:20px 0;
}