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

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

/************************************
** 背景画像の共通設定
************************************/
#header, .l-header {
    background-size: cover !important;
    background-position: center top !important;
    background-repeat: no-repeat !important;
}

/************************************
** デバイス別の高さ調整
************************************/
/* パソコン用 */
@media screen and (min-width: 1024px) {
    #header, .l-header {
        height: 400px !important; /* パソコンでの高さ */
    }
}

/* タブレット用 */
@media screen and (max-width: 1023px) and (min-width: 768px) {
    #header, .l-header {
        height: 300px !important; /* タブレットでの高さ */
    }
}

/* スマートフォン用 */
@media screen and (max-width: 767px) {
    #header, .l-header {
        height: 100px !important; /* スマートフォンでの高さ */
    }
}