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

/************************************
** 子テーマ用のスタイルを書く
************************************/
.main .date-tags, .post-47 .date-tags, .post-52 .date-tags {display: none;}

body .main {
    font-family: "San Francisco", Sans-Serif;
}

/* NH追加 */
html {
  scroll-behavior: smooth;
}

body {
/* 	background-color: var(--cocoon-white-color); */
/*	background-color: #e5e0cf; */
	background-color: #F6F6F0; 	/* 2025.11.24変更 */
}

.header-container, .main, .sidebar, .footer, .mobile-menu-buttons {
/*	background-color: #e5e0cf !important; */
	background-color: #F6F6F0 !important;	/* 2025.11.24変更 */

}

h1, .navi-menu-button span {
	color: #6C3765 !important;
}

.home .article-header, .home .article-footer, .home .sidebar {
	display: none;
}

.home .main {
	margin-top: 0px !important;
	padding-top: 0px !important;
	width: 100%;
}

.home .wp-block-columns {
	width: 100%;
}

.home .wp-block-columns {
	width: 100%;
}

.home .main, .post-8, .entry-content {
	padding-bottom: 0px !important;
	margin-bottom: 0px !important;
}

.home .footer {
	padding-top: 0px !important;
	margin-top: 0px !important;
}

.home a {
	text-decoration: none;
}

.site-logo-image {
	margin-top: 30px;
	max-width: 100%
}

.wp-block-latest-posts__list li {
	margin-left: 15px !important;
	list-style: disc;
}

.wpcf7-form input, .wpcf7-form textarea {
	background: #e5e0cf;
	border-color: #e5e0cf;
	border-right-color: #601986;
	border-bottom-color: #601986;
}

.wpcf7-form textarea {
	min-height: 100px;
	height: 100px;
}

.wpcf7-submit {
	box-shadow:
		1px 1px 0px 0px #601986,
		2px 2px 0px 0px #601986,
		3px 3px 0px 0px #601986,
		4px 4px 0px 0px #601986,
		5px 5px 0px 0px #601986;
}

.wpcf7-not-valid-tip {
	color: #601986 !important;
}

.wpcf7-response-output {
	border-color: #601986 !important;
}

.archive-title :before {
    display: none;
}


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

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

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