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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/* チェックボックスを内包する<p>要素のスタイル */
#time-info-container {
    border: 1px solid #ddd;
    padding: 20px;
    border-radius: 8px;
    margin-top: 20px;
    line-height: 1.6;
    background-color: #f9f9f9;
}

#time-info-container p {
    margin-bottom: 15px;
}

#time-info-container .copy-container {
    display: inline-block;
    background-color: #e0e0e0;
    border: 1px solid #ccc;
    padding: 5px 10px;
    border-radius: 5px;
    margin-top: 5px;
    cursor: pointer;
}

#time-info-container .copy-text {
    font-size: 16px;
}

#time-info-container .marker-under-blue,
#time-info-container .marker-under {
    text-decoration: none;
    color: black;
}

#time-info-container b {
    font-weight: bold;
}

#time-info-container .group {
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

#time-info-container .group:last-child {
    border-bottom: none;
    margin-bottom: 0;
}

#time-info-container .marker-under {
    background: linear-gradient(transparent 60%, yellow 40%);
}

#time-info-container .marker-under-blue {
    background: linear-gradient(transparent 60%, lightblue 40%);
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

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

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