@charset "UTF-8";

/*/////基本設定/////*/

/*/////カレンダー/////*/
/* 表示非表示 */
.calendar-footer {
  display: none!important;
}
/* カレンダー全体の背景（任意） */
.wpsbc-calendar-1 {
  background-color: rgba(var(--color-white),1.0);
  padding: 10px;
}
.wpsbc-calendar-1 {
  text-align: center;
  margin: 1em auto;
}
/* カレンダーのタイトル */
.wpsbc-calendar-1 h2 {
  background-color: rgba(var(--color-gray),1.0)!important;
  text-align:center;
  font-weight:400;
  color:rgba(var(--color-white),1.0);
  padding:0;
}
/* 内側を左に寄せる */
.wpsbc-calendar-1 .wpsbc-calendar-wrapper {
  margin-left: -7.5px;   /* ← 左に寄せる */
  margin-right: auto;   /* ← 右側は自動で詰める */
}

/* 営業日（例: 緑） */
.wpsbc-calendar-1 .wpsbc-legend-item-1 .wpsbc-date-inner {
  background-color: rgba(var(--color-green),0.20);
}

/* 休業日（例: 赤） */
.wpsbc-calendar-1 .wpsbc-legend-item-2 .wpsbc-date-inner {
  background-color: rgba(var(--color-red),0.20);
}

/* 営業日テキスト色 */
.wpsbc-calendar-1 .wpsbc-legend-item-1 .wpsbc-date-number {
  color: rgba(var(--color-gray),1.0);
}

/* 休業日テキスト色 */
.wpsbc-calendar-1 .wpsbc-legend-item-2 .wpsbc-date-number {
  color: rgba(var(--color-white),1.0);
}
@media screen and (max-width: 480px) {
  .wpsbc-calendar-1 {
    padding: 5px;
  }
  .wpsbc-calendar-1 .wpsbc-calendar-wrapper {
    margin-left: 0;
  }
  .calendar-footer{
	display:table!important;
}
}

/*/////コンタクトフォーム/////*/
/* フォーム全体のスタイル */
.wpcf7 {
	display:bloch;
	width:100%;
	background-color: rgba(var(--color-main-c),0.20); /* ライトグレー */
	padding: 2rem 3.5rem 2rem 2rem!important;
	border-radius: 10px;
	/*max-width: 600px;*/
	margin: auto;
	}
.wpcf7 label .item{
	margin-left:-1rem;
		}
/* 必須フィールドのラベルスタイル */
.wpcf7-form .required {
	background-color: #ff0000!important; /* レッド */
	color: white;
	padding: 2px 5px;
	border-radius: 3px;
	margin-left: 10px;
	font-size: 12px;
	}
/* 送信ボタンのスタイル */
.wpcf7-form input[type="text"] ,
.wpcf7-form input[type="email"] {
	padding:0.5rem 0;
	}
/* 送信ボタンのスタイル */
.wpcf7-form input[type="submit"] {
	float:right;
	padding:0.5rem 1rem;
	background-color: rgba(var(--color-main-c),1.0)!important; /* ブルー */
	color: white;
	cursor: pointer;
	transition: background-color 0.3s ease;
	border: none;
	}
	
	.wpcf7-form input[type="submit"]:hover {
	background-color: rgba(var(--color-main-c),0.80)!important; /* 濃いブルー */
	}

/*/////投稿ページ/////*/
.mycss .single{
	width:100%;
}
.mycss .single h3{
	font-size:1.2rem;
}
.mycss .single .content-mata{
}
.mycss .single .content-mata a{
	float:right;
	font-weight:0.875rem;
	font-weight:700;
	margin-left:1rem;
}
/*本文*/
.mycss .single .body{
}
.mycss .single .body .eyecatch{
	margin:1rem auto;
}
.mycss .single .body .eyecatch img{
	width: 100%;
	border: 2px solid rgba(var(--color-main-c),1.0);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.mycss .single footer{
	width:100%;
	background-color:transparent;
}
.mycss .single footer nav{
	width:100%;
	display:flex;
	justify-content:space-between;
	background-color:rgba(var(--color-gray),0.2);
	padding:0.5rem 1rem;
}
.mycss .single footer nav a{
	font-weight:700;
	font-size:0.925rem;
}
.mycss .single footer nav a:nth-of-type(2){
	text-align:right;
}
/*ページ前後移動*/
.mycss .pagenation{
	margin-top:1rem;
	width:100%;
	display:flex;
	justify-content:space-between;
}
.mycss .pagenation dl{
	text-align:left;
	font-weight:700;
	font-size:0.95rem;
}
.mycss .pagenation dl:nth-of-type(2){
	text-align:right;
}