@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.1.1
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

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

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


/* カラム背景 */
.header-container, 
.main, 
.sidebar, 
.footer {
  background-color: #fffff9;
}


/************************************
** ■カルーセル カスタマイズ
************************************/
.carousel .carousel-entry-card .carousel-entry-card-title.card-title {
  font-size: 14px; /*フォントサイズ*/
  font-weight:bold!important; /*文字強調*/
  word-break: break-all; /*表示範囲に合わせて改行*/
}
.carousel .carousel-entry-card .cat-label {
  color: #fff; /*ラベル 文字色*/
  border: none; /*枠削除*/
  display: none; /*ラベルを表示したい場合はコメントアウト*/
}
.carousel .carousel-in {
  margin-top: 40px; /*上マージン調整*/
  background-color: #fff9fc; /*カルーセル全体背景色*/
}
.carousel .carousel-entry-card-thumb.card-thumb img {
  border-radius: 6px; /*角丸コーナー*/
}








/************************************
** ■ウィジェットの見出しのカスタマイズ
************************************/
#main .main-widget-label {
  margin-top: 20px; /*上マージン*/
  margin-bottom: 11px; /*下マージン*/
  border-radius: 6px; /*角丸コーナー*/
  color: #fff; /*フォントカラー*/
  font-size: 16px; /*フォントサイズ*/
  font-weight: 700; /*フォント太さ*/
  position: relative;
  background:linear-gradient(160deg, #1e90ff, #1e90ff, #1e90ff); /*タイトル背景カラー*/
  padding-top: 11px; /*上内側余白設定*/
  padding-bottom: 8px; /*下内側余白設定*/
  padding-left: 24px; /*左内側余白設定*/
}
#main .main-widget-label::after {
  position: absolute;
  top: 0.4em;
  left: 0.6em;
  content: '';
  width: 6px;
  height: -webkit-calc(100% - 0.8em);
  height: calc(100% - 0.8em);
  background-color: #fff;
  border-radius: 6px;
}
.recommended.cf.rcs-large-thumb-on { /*ウィジェット[C]おすすめカード*/
  margin-top:0; /*上マージンクリア*/
}
#main .main-widget-label::after { /*ウィジェット カスタムHTMLタイトル*/
  animation:blink 1.8s ease-in-out infinite alternate; /*点滅間隔1.8秒設定*/
}
@keyframes blink {
  0% {
    opacity: 0.2;
  }
  81% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}



/*---------------------------------
ボックス（白抜き）の枠の太さを変える
--------------------------------*/



.dotted-box{
    border-style: dotted; /* 線の種類 */
    border-width: 1px; /* 線の太さ */
    border-radius: 1px; /* 角の丸み */
	background-color:#E5F2F1;/*背景の色*/
}