@charset "UTF-8";

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

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

@import url("https://zenpurasu.com/html/template/default/assets/css/style.css");
@import url("https://zenpurasu.com/html/user_data/assets/css/customize.css");

#header,
#footer{
	display: none;
}

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

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

/*768px以下*/
@media screen and (max-width: 768px){
  /*必要ならばここにコードを書く*/
	#container{
		padding-top: 50px;
	}
}

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

/************************************
** EC-CUBE ヘッダー/フッター位置揃え (2026-05-07 追加)
************************************/

/* Cocoon の #container の safe-area-inset padding を解除し、EC-CUBE と同じ全幅に */
#container.container {
    padding-right: 0;
    padding-left: 0;
    max-width: none;
    width: 100%;
}

/* SP: 既存の padding-top: 50px が EC-CUBE 側の .ec-layoutRole__contents margin-top: 105px と二重になっていたので解除 */
@media screen and (max-width: 768px) {
    #container {
        padding-top: 0;
    }
}

/* WP のメイン本文エリアは Cocoon の wrap (1256px) に収める */
#container > main,
#container > article,
#container > .article,
#main {
    max-width: 1256px;
    margin-left: auto;
    margin-right: auto;
}

/* EC-CUBE 風ヘッダー/フッターは container の制約を受けず全幅 */
#container > .ec-layoutRole__header,
#container > .ec-footerRole,
#container > .cart_area {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
}

/************************************
** EC-CUBE 風ヘッダー/フッターのフォント揃え (2026-05-07 追加)
** Cocoon が body に設定するフォントを、ヘッダー/フッター内だけ
** 'Noto Serif JP' に上書きする(EC-CUBE と同じ見た目に)
************************************/
.ec-layoutRole__header,
.ec-layoutRole__header *,
.cart_area,
.cart_area *,
.ec-footerRole,
.ec-footerRole * {
    font-family: 'Noto Serif JP', serif !important;
}