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

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

html {
  scroll-behavior: smooth;
}

/*全てをまとめて非表示*/
.home.page .entry-title,
.home.page .sns-share,
.home.page .sns-follow,
.home.page .date-tags,
.home.page .author-info{
  display: none;
}

/*グローバルメニューのフォントサイズ等変更*/
.navi-in .menu-header .item-label{
font-size: 14px;
}

/*カフェについてアピールエリア*/
.page-id-27 .appeal {
  background-image: url('https://happy-terrace.tokyo/wp-content/uploads/2025/04/5.jpg');
}

/*ブログアピールエリア*/
.page-id-29 .appeal {
  background-image: url('https://happy-terrace.tokyo/wp-content/uploads/2025/04/A-31-scaled.jpg');
}

/*お問合せアピールエリア*/
.page-id-31 .appeal {
  background-image: url('https://happy-terrace.tokyo/wp-content/uploads/2025/04/A-27-scaled.jpg');
}

/*イベントアピールエリア*/
.page-id-476 .appeal {
  background-image: url('https://happy-terrace.tokyo/wp-content/uploads/2025/04/7.jpg');
}


/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*480px以上*/
@media screen and (min-width: 481px){
  /*必要ならばここにコードを書く*/
.for-sp{
        display: none !important;
    }
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
	
	.for-pc{
        display: none !important;
    }
	
	body::before {
	content: "";
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100vh;
	background: url("http://happy-terrace.tokyo/wp-content/uploads/2025/03/8f132933d71ac553991e7cad3b913d00.png") center no-repeat;
	background-size: auto;
	background-size: cover;q
} 
}