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

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

/* ************ Googlefont ****************** */

.sawarabi-gothic-regular {
  font-family: "Sawarabi Gothic", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.zen-maru-gothic-regular {
  font-family: "Zen Maru Gothic", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.m-plus-rounded-1c-regular {
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-weight: 400;
  font-style: normal;
}

/* ************ サイト共通 ****************** */

.ff-meiryo {
  font-family: -apple-system, BlinkMacSystemFont, "Sawarabi Gothic", "Helvetica Neue", "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
}
.entry-content>*,
 .demo .entry-content p {
	 line-height: 1.5;
 }
.article :is(h2) {
	text-align: center;
	letter-spacing: .3em;
	color: #059f71;
}
.article :is(h3) {
	text-align: center;
	letter-spacing: .3em;
}
.body .article :is(h2, h3, h4, h5, h6) {
	margin: 0;
}
.article :is(h2).pagetitle {
	width: 90%;
	border-bottom: 1px solid #999;
	margin: 0 auto 1em;
	padding-bottom: 1em;
}
.letterspace {	
	letter-spacing: .3em;
}
p + p {
	margin-top: 1em !important;
	margin-bottom: 0 !important;
}
.mb0 {
	margin-bottom: 0 !important;
}
.mb30 {
	margin-bottom: 30px !important;
}
.sidebar-menu-button {
	display: none !important;
}
.article-header,
.entry-header {
	display:none;
}
article-footer,
.entry-footer {
	display:none;
}

#breadcrumb {
	display: none;
}
.logo-header img {
	width: 200px;
}
.pricelist p {
	margin-top: 0 !important;
	margin-bottom: .3em !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

/*************  ワイド対応全体 ********************/
.body .content,
.body .main,
.body .article,
.body .entry-content {
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

#footer {
  margin-top: 0;
}
/* ワイドカラム */
.body .wide {
  margin: 0 calc(50% - 50vw) !important;
  padding: 30px calc(50vw - 50%);
  position: relative;
}
/* ワイドカラム（コンテンツ含む） */
.body .allwide {
  margin: 0 calc(50% - 50vw) !important;
  position: relative;
}
/* カバーブロック */
.body .wide:has(.wp-block-cover) {
  padding: 0;
}

/* ************ フロントページ ****************** */
.shop-exp {
	width: 90%;
	box-shadow: 5px 5px 5px 0 #ccc;
	background: url(/wp-content/uploads/2026/04/bg_info.png) center top no-repeat #fff;
	background-size: contain;
}
.text-green a {
	color: #059f71 !important;
}
.text-pink a {
	color: #d87975 !important;
}
.text-orange a {
	color: #e9aa73 !important;
}
.border-pink {
	border-color: #d87975 !important;
}

.metaslider.ms-theme-draxler .flexslider .slides>li>a {
	position: absolute !important;
}
.location-info {
	max-width: 800px !important;
	background: url(/wp-content/uploads/2026/04/bg_address.png) center bottom no-repeat #f7f6f2;
	background-size: contain;
}
.location-bg {
	background: url(/wp-content/uploads/2026/04/bgcover_address.jpg) center center no-repeat #f7f6f2;
	background-size: cover;
}
.parking-info {
	width: 90%;
	max-width: 500px !important;
}
.btn-a a {
	font-size: 18px !important;
}
.btn-b a {
	font-size: 18px !important;
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
	.textleft {
		text-align: left!important;
	}
	.sphidden {
	 display: none;
	}	
	.logo-header img {
		width: 160px;
	}
}

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

/*834px以上*/
@media screen and (min-width: 835px){
  /*必要ならばここにコードを書く*/
	
	.pchidden {
	 display: none;
 }
}