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

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

@import url('https://fonts.googleapis.com/css2?family=Allura&display=swap');

/* 見出し全体のデザイン */
.sample_text23 {
    position: relative;
    font-weight: bold;
    margin: 0 0 30px; 
    border: none !important; 
    background: none !important; 
    padding: 0 !important;
}

/* 英字部分（Futura） */
.sample_text23 span {
    font-family: 'Futura', 'Trebuchet MS', Arial, sans-serif !important;
    font-size: 20px !important;
    letter-spacing: 0.15em !important;
    color: #557c70 !important;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    /* 間隔調整：ここの数字を 0〜5px の間で変えると微調整できます */
    margin-bottom: 2px !important; 
}

/* 5. 日本語・メイン文字部分（Futura） */
.sample_text23 h2 {
    font-family: 'Futura', 'Trebuchet MS', Arial, sans-serif !important; /* Futuraを指定 */
    font-size: 32px !important;
    color: #505050 !important; /* コメントの通り #505050 に固定 */
    padding: 0 0 .2em 0 !important; 
    margin: 0 !important;
    border-bottom: solid 3px #557c70 !important; /* 下線の色もspanに合わせて調整 */
    border-left: none !important;
    background: none !important;
    line-height: 1.3 !important;
}


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

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

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