@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;
}

.body{
font-family: "Zen Kaku Gothic New", sans-serif;
}

#main {
  margin-top: 0;
}
.content {
  margin-top: 0;
}
.article h1 {
  margin-top: 0;
  padding-top: 0;
}

.front-top-page .main {
  padding-top: 0;
}

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

.mobile-header-menu-buttons{
font-family: "Josefin Sans", sans-serif;
}

.menu-footer{
font-family: "Josefin Sans", sans-serif;
}

/*アピールエリアの写真表示制御*/
/*HISTORY*/
.page-id-68 .appeal {
  background-image: url('https://asobone.jp/wp-content/uploads/2024/08/histori上画像-scaled.jpg');
}
.page-id-672 .appeal {
  background-image: url('https://asobone.jp/wp-content/uploads/2024/08/histori上画像-scaled.jpg');
}
/*TOPIC*/
.page-id-66 .appeal {
  background-image: url('https://asobone.jp/wp-content/uploads/2024/08/240628-135-scaled.jpg');
}
.page-id-679 .appeal {
  background-image: url('https://asobone.jp/wp-content/uploads/2024/08/240628-135-scaled.jpg');
}
/*FAQ*/
.page-id-64 .appeal {
  background-image: url('https://asobone.jp/wp-content/uploads/2024/07/2-1-scaled.jpg');
}
.page-id-684 .appeal {
  background-image: url('https://asobone.jp/wp-content/uploads/2024/07/2-1-scaled.jpg');
}
/*CONTACT*/
.page-id-38 .appeal {
  background-image: url('https://asobone.jp/wp-content/uploads/2024/08/contact上画像-3-scaled.jpg');
}
.page-id-688 .appeal {
  background-image: url('https://asobone.jp/wp-content/uploads/2024/08/contact上画像-3-scaled.jpg');
}
/*shoplist*/
.page-id-910 .appeal {
  background-image: url('https://asobone.jp/wp-content/uploads/2024/08/1-1-scaled.jpg');
}

/** モバイルヘッダーロゴが中央になっていたので左に直した 2024-04-26*/
.mobile-menu-buttons .menu-button.logo-menu-button {
	justify-content: flex-start;
}

/*モバイルメニューを右から*/
.navi-menu-content {
  left: auto;
  right: 0;
  transform: translateX(105%);
}

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

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
.for-pc{
        display: none !important;
    }
}

@media screen and (min-width: 1px){
  /*必要ならばここにコードを書く*/
.hihyouji{
        display: none !important;
    }
}