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

/************************************
** 子テーマ用のスタイルを書く
************************************/
	/* 2026/05/01 編集 */
html, button, input, select, textarea, 
.ff-meiryo, .wf-loading body, .wp-admin-ff-meiryo .cocoon-block-wrap{
    font-family: "Shippori Mincho",'Noto Sans Japanese', 'YuGothic', 'Yu Gothic', '游ゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo';
    letter-spacing: 1px;
}
body.home .navi{
	background-color: transparent;
	inset: 0;
	position: absolute;
	margin: auto;
	height: fit-content;
	z-index: 9999;
	top: 30%;
}
.wp-singular .navi {
  background-color: var(--main-color);
}
.notice-area {
  font-size: 12px;
  font-weight: bold;
  white-space: inherit;
  line-height: 1.8em;
  padding: 5px;
}
.notice-area .swiper-slide {
	margin: auto;
}	
.notice-area-message a::after, .notice-area-link .swiper-slide::after, .notice-area-link:not(:has(.swiper)) .notice-area-message::after {
  display: inline-block;
  padding: 0px 10px;
}
.notice-area-message .swiper {
  height: fit-content;
}
	/* 2026/05/26 編集 */
.hvn-header .message {
  line-height: 1.5;
}
.hvn-header .submessage{
font-size: 0.8em;
}


/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

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

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