@charset "UTF-8";

/*!
Theme Name: Hibino Yohaku
Description: 癒しの占い 日々の余白用のテーマ（Cocoon子テーマ）
Theme URI: 
Author: 
Author URI: 
Template:   cocoon-master
Version:    1.0.0
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/* フォント(しっぽり明朝/はんなり明朝) */
body {
	font-family: var(--wp--preset--font-family--shippori-mincho),var(--wp--preset--font-family--hannarimincho),sans-serif;
}
/* リンク */
a:hover {
	color: #ba55d3;
}
a.wp-block-button__link:hover {
	color: currentColor;
	background-color: #FFF !important;
}
/* ヘッダー */
.header{
	background-size: cover;
}
/* サイト名 */
#header .site-name-text {
	font-weight: 800;
	font-size: 2.5em;
	font-family: var(--wp--preset--font-family--huifontp);
}
/* キャッチコピー */
.tagline {
	/* background-color: #FFFFFF7A; */
	font-weight: 800;
	font-size: 1.2em;
}
/* ナビ */
.navi-in a:hover,
.current-menu-item a{
	/* background-color: #ECE8F7 !important; */
	background-color: #E6DEFA !important;
	transition: all 0.3s ease-in-out;
}

/* ウィジェットCTA */
.cta-box {
	background-color: #FFF;
	color: var(--cocoon-text-color);
	border: 1px solid;
	border-color: var(--cocoon-three-d-border-colors);
	border-radius: var(--cocoon-basic-border-radius);
}
.nwa .cta-heading {
	text-align: center;
}
.btn-purple, .btn-wrap.btn-wrap-purple > a {
  background-color: #f3e7e9;
	color: #6B6260;
	border-radius: 99px;
}
.btn-purple, .btn-wrap.btn-wrap-purple > a:hover {
	color: #6B6260 !important;
}
/* アーカイブ　タイトルアイコン除去 */
h1 .fas.fa-folder-open {
	display: none;
}

/* 見出し */
/* h1デザイン（ラベンダー） */
h1.archive-title,
h1.entry-title {
	border: 1px solid;
	border-color: var(--cocoon-three-d-border-colors);
	border-radius: var(--cocoon-basic-border-radius);
	padding: 15px 1em;
	margin-bottom: 50px;
	position: relative;
	background-color: #FFFFFF;
}
h1.archive-title:before,
h1.entry-title:before {
	content:"";
	position: absolute;
	margin-left: -0.8em;
	margin-top: -0.5em;
	top: 0;
	left: 0;
	width :2.2em;
	height: 3.2em;
	background: url('/wp-content/uploads/2026/09/lavender.png') no-repeat bottom left;
	background-size: auto 100%;
	z-index: 999;
}
.article h2 {
	padding: 15px 25px;
}
h3 {
	background-color: #FFFFFF;
}

/* メイン（背景を透明に） */
main.main {
	background:transparent;
}
/* お知らせ一覧の隙間（背景色に合わせる） */
.wp-block-latest-posts.wp-block-latest-posts__list li::after{
	background-color: #FFFEE8;
}
/* リストアイコン */
ul.wp-block-list li {
	background: url('/wp-content/uploads/2026/11/listicon_leaf2.png') no-repeat left 5px;
}
.iconlist-box ul.wp-block-list li {
	background:none;
}

/* TOP メインメッセージ */
#main-top-message p {
	padding-left: 0;
	padding-right: 0;
}
/* TOP お知らせ */
.wp-block-latest-posts.wp-block-latest-posts__list {
	background-color: #FFFFFF7A;
}
.wp-block-latest-posts.wp-block-latest-posts__list li {
	padding: 0.5em 0;
}
.wp-block-latest-posts.wp-block-latest-posts__list li::after{
	display: block;
	content:"";
	clear:both;
	height: 1.5em;
}
.wp-block-latest-posts.wp-block-latest-posts__list li:last-child::after{
	height: 0;
}
.wp-block-latest-posts__post-title {
	font-weight: bold;
}
/* TOP ティーセット背景 */
.bg_teaset{
	background: url('/wp-content/uploads/2026/11/teaset2.png') no-repeat right bottom;
	background-size: 25% auto;
}

/* 料金テーブル */
table {
	background-color: #FFFFFF;
}
/* ※ リストスタイル */
ul.wp-block-list {
	list-style:none;
	padding-left: 0;
}
ul.wp-block-list li {
	/*background: url('/wp-content/uploads/2026/11/listicon_leaf.png') no-repeat left top;*/
	padding-left: 30px;
}
/* お知らせアーカイブ */
.list.ect-entry-card > a{
	background-color: #FFFFFF;
}

/* 右カラム */
.sidebar {
	background-color:transparent;
}
/* 最新の投稿 */
.info-list {
	background-color: #FFFFFF;
}
/* お問合せフォーム */
.smf-item__label {
	margin-top: 1.5em;
	border-bottom: 2px solid #e3eeff88;
}
.smf-item__label .smf-item__label__text {
	background: #e3eeff88;
	margin-top: 1em;
	padding: 0.2em 0.5em;
	border-radius: 6px 6px 0 0;
}
.smf-action {
	text-align: center;
	padding: 20px;
}
.smf-action .smf-button-control__control{
	background-image: none;
	background-color: #f3e7e9;
	border: none;
	border-radius: 99px;
	padding: 1em 2.5em;
}
.smf-action .smf-button-control__control:hover {
	opacity: 0.8;
}

/* SNSフォローボタン */
.sns-follow-buttons.sns-buttons a {
	border-radius: 50px;
}
.sns-buttons {
	column-gap: 10px;
}
/* ブランドカラー */
:root {
	--cocoon-twitter-color:#000000;
	--cocoon-threads-color:#000000;
	--cocoon-instagram-color:#E1306C;
	--cocoon-note-color:#41C9B4;
	--cocoon-line-color:#06C755;
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){

}

/*834px以下*/
@media screen and (max-width: 834px){
	#header .site-name-text{
		font-size: 2em;
	}
	/* SNSフォローボタン */
	.sns-follow-buttons a {
		width: 40px;
	}
}

/*480px以下*/
@media screen and (max-width: 480px){
	#header .site-name-text{
		font-size: 2.25em;
	}
	#main-top-message {
		align-items: start;
	}
	#main-top-message p {
		font-size: 1.1em !important;
		padding: 0.5em 0 !important;
	}
	/* READ MORE */
	.wp-block-latest-posts__read-more {
		display:block;
	}
	/* TOP ティーセット背景 */
	.bg_teaset{
		background-size: 30% auto;
	}
	/* メディアとテキスト */
	.wp-block-media-text>.wp-block-media-text__content {
		padding: 0 0.5em;
	}
	.blank-box {
		padding:1em 0.5em;
	}
}

/*400px以下*/
@media screen and (max-width: 400px){
	#header .site-name-text{
		font-size: 2em;
	}
	.tagline {
		font-size: 0.82em !important;
	}
}