@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
*/
/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px) { /*必要ならばここにコードを書く*/ }
/*834px以下*/
@media screen and (max-width: 834px) { /*必要ならばここにコードを書く*/ }
/*480px以下*/
@media screen and (max-width: 480px) { /*必要ならばここにコードを書く*/ }
body { background-color: #ffffff; }
.slide-in { opacity: 0; transform: translateY(50px); transition: opacity 1.2s cubic-bezier(0.25, 0.1, 0.25, 1), transform 1.2s cubic-bezier(0.3, 0.2, 0.32, 0.97); }
.slide-in.visible { opacity: 1; transform: translateY(0); }
.fade-in { opacity: 0.1; transition: opacity 1.2s cubic-bezier(0.25, 0.1, 0.25, 1), filter 1.2s cubic-bezier(0.3, 0.2, 0.32, 0.97); }
.fade-in.visible { opacity: 1; }
.in-delay02 { transition-delay: 0.2s; }
.in-delay04 { transition-delay: 0.4s; }
.in-delay06 { transition-delay: 0.6s; }
.in-delay08 { transition-delay: 0.8s; }
.in-delay10 { transition-delay: 1.0s; }
.in-delay12 { transition-delay: 1.2s; }
/*サイト全体（元は追加CSS）*/
a { color:#007fbd; }
a:hover { color: #e34285; }
.slicknav_menu { -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); background-color: RGB(51, 49, 50, 0.9); }
.header, .navi { padding: 0.8em; }
.header-container { background-color: RGB(51, 49, 50, 1); }
.fixed-header { -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); background-color: RGB(51, 49, 50, 0.8); }
.navi { background-color: inherit; }
.navi-in a:hover { background-color: #777777; }
.logo-header.logo-image { transition: all .5s ease; }
.logo-header.logo-image:hover { transform: scale(1.1); }
.access_map { position:; width: 100%; aspect-ratio: 16 / 9; }
.footer-right > div { position: relative; width: 20em; right:0; }
.footer-mobile .textwidget.custom-html-widget { display: flex; align-items: center; justify-content: flex-end; gap: 2em; }
@media screen and (min-width: 835px) {
	.footer-widgets { margin: 10px auto; display: flex; align-items: flex-end; justify-content: flex-end; }
}
.footer-left, .footer-center, .footer-right { width: fit-content; }
.footer-bottom { margin-top: 0.5em; padding: 8px; position: relative; font-size: 12px; }
.article h2, .article h3, .article h4, .article h5, .article h6 { margin-bottom: 1em; }
.sns-buttons { margin-bottom: 0; }
.sns-follow-buttons a { padding: 0.5em; }
.sns-follow-buttons a:hover { color: #fff; }
.sns-follow-buttons.sns-buttons { margin: 0 auto; }
.admin-pv { display:none; }
.footer-mobile .textwidget.custom-html-widget { display: flex; align-items: center; justify-content: flex-end; gap: 2em; flex-direction: column; }
.footer-mobile span.external-icon { display: none; }
@media screen and (max-width: 834px) {
	#navi { display: none; }
}
.wp-block-button__link { color: #f1f1f1; background-color: #333132; border-radius: 5px; /* box-shadow: none; */ cursor: pointer; display: inline-block; /* font-size: 1.125em; */ padding: 0.5em 2em; text-align: center; text-decoration: none; word-break: break-word; box-sizing: border-box; transition: 0.3s ease-in-out; }
.wp-block-button__link:hover { color:#f1f1f1; opacity: 0.8; }
.no-thumbnail .card-thumb { display: block; }
.entry-card-thumb { width: 240px; }
.ect-entry-card .e-card-categorys { display:none!important; }
@media screen and (max-width: 480px) {
	.entry-card { display: flex; flex-direction: column; }
	.no-sp-snippet .entry-card-snippet { display: block; }
}
.post p { margin-bottom: 0.7em; line-height: 1.8em; }
