/*
Theme Name:     24-02-minori
Description:    twentyfourの子テーマ
Author:         minori
Template:       twentytwentyfour
*/

/* ==========================================================================
   Base styles and global settings
   ========================================================================== */

body {
	--wp--style--global--content-size: 760px !important;
	--wp--style--global--wide-size: 700px !important;
}

.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-50 {
	opacity: 0.5;
}

p {
color: #7f7f7f;
}

.important {
font-weight: bold;
color: #f09;
}

.important2 {
color: #19a323;
}

.big {
font-size: 1.8em;
}

.normal {
color: gray;
	font-weight: normal;
	font-style: normal;
}

.notes {
font-size: 0.85em;
	color: #5f5fa7;
}

.centering {
text-align: center;
}

.after30px {
padding-bottom: 30px;
}

a .anchor {
  display: block;
  position: relative;
/* top: -50px; */
  visibility: hidden;
}

/* ==========================================================================
   リンクカラー設定
   ========================================================================== */

a {
color: #506699;
	outline: none;
	text-decoration: none;
	box-shadow: none;
}

a:focus {
color: white;
	box-shadow: none;
}

a:hover,
a:active {
color: #506699;
	font-weight: bold;
}

.entry-content a {
color: #fe0377;
	text-decoration: none;
	box-shadow: none;
}

.entry-content a:focus,
.entry-content a:hover,
.entry-content a:active {
color: #bc8fff;
	font-weight: bold;
}

.widget-area ul li a {
	color: #506699;
	outline: none 0px #ffffff;
	text-decoration: none;
	text-decoration-line: none;
}

.widget-area ul li a:focus {
outline: none 0px #ffffff;
	color: #506699;
	text-decoration-line: none;
	text-decoration: none;
	-webkit-box-shadow: inset 0 -1px 0 rgba(15, 15, 15, 0);
	box-shadow: none;
}

.widget-area ul li a:hover,
.widget-area ul li a:active {
color: #506699;
	outline: none 0px #ffffff;
	text-decoration-line: none;
	text-decoration-style: none;
	-webkit-box-shadow: inset 0 -1px 0 rgba(15, 15, 15, 0);
	box-shadow: none;
	background-color: #fcffde;
	font-weight: bold;
}

/* =リンク画像_一部に使用するならクラス化すること
----------------------------------------------- */
a:hover img {
opacity: 0.4;
	transition: opacity 0.3s ease;
}

/* ==========================================================================
   リスト系
   ========================================================================== */
ul {
padding: 0.5em 1em 0.5em 2.3em;
	position: relative;
}

ul li {
line-height: 1.5;
	padding: 0.5em 0;
list-style-type: none !important;
	/*ポチ消す*/
}

.list ul,
.list ul li,
.list ul li li {
display: list-item;
	list-style-type: none;
	margin: 0;
	padding-left: 0;
}

.list_blok {
	list-style-type: none !important;
}

.guide.micro .interaction-area {
list-style-type: none;
}

ol {
margin-left: 1em;
}

/*ol,*/
ol li,
ol li li {
line-height: 1.7em;
	padding: 0.3em 0 0.3em 1em;
	margin-top: 0.3em;
	margin-bottom: 0.3em;
}

/* ==========================================================================
   Clearfix and Float Utilities
   ========================================================================== */

.float-clear,
content p .float-clear {
clear: both;
	height: 0;
	line-height: 0;
	font-size: 1px;
}

/* ==========================================================================
   Breadcrumb Navigation
   ========================================================================== */

.breadcrumb,
.bread_crumb {
line-height: 1.2em;
	height: 40px;
	margin: 0 0 10px -4.9em;
	padding: 0;
	font-size: 0.8em;
}

.breadcrumb ul li {
list-style: none;
	float: left;
	margin-left: 0;
}

div.breadcrumb ol li {
list-style: none;
	float: left;
	/* margin-right: 1em; */
	margin-left: 0;
}

div.breadcrumb div {
font-size: 12px;
	background-color: transparent;
	display: inline;
}

div.breadcrumb li a {
color: #0388aa;
	background-color: transparent;
	text-decoration: none;
}

div.breadcrumb li a:hover {
color: #9074de;
}

.breadcrumb .c_title {
	color: #aeadad;
	background-color: transparent;
}

/* ==========================================================================
   上への矢印
   ========================================================================== */

.arrow_u {
/*margin-left: 40%;*/
	font-size: 0.7em;
	display: block;
	margin-top: 20px;
	font-weight: bold;
	float: right;
	margin-right: 4em;
}

.arrow_u img {
float: left;
	margin-top: 5px;
	margin-right: 3px;
}

.arrow_u a {
color: #831cfe;
	text-decoration: none;
	background-color: transparent;
}

.arrow_u a:hover,
.arrow_u a:focus,
.arrow_u a:active {
color: #00b3a2;
	/*21759b*/
	background-color: transparent;
	text-decoration: none;
}

/** 記事本文 * * */

.entry-content,
.entry-summary,
.content-list {
color: #737373;
	background-color: transparent;
}

.entry-content,
.entry-content p,
.entry-summary,
.entry-summary p,
.content-list p {
line-height: 2.2em;
	margin-bottom: 1.2em;
	font-size: 1rem;
}

/* ==========================================================================
   Menu部分
   ========================================================================== */

/* ==========================================================================
   Table of Contents Plus_自動メニュープラグイン
   ========================================================================== */
#toc_container {
	border-radius: 15px;
}


#toc_container.no_bullets ul,
#toc_container.no_bullets li {
	list-style: square !important;
	padding-top: 0.8rem;
	padding-bottom: 0.8rem;
	margin-left: 1.5rem;
}
/* ==========================================================================
   ブログカード　関連記事用
   ========================================================================== */

.blog-card_1 {
border: 1px solid #ddd;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.05);
	word-wrap: break-word;
	max-width: 100%;
	margin-bottom: 30px;
}

.blog-card_1:hover {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.blog-card_1 a {
	font-weight: bold;
	color: #666b6c;
font-family: "Helvetica", "ヒラギノ丸ゴ ProN", sans-serif;
	background: #fff;
	display: block;
	text-decoration: none;
	-webkit-transition: box-shadow 0.2s ease-in-out;
	-moz-transition: box-shadow 0.2s ease-in-out;
	-o-transition: box-shadow 0.2s ease-in-out;
	transition: box-shadow 0.2s ease-in-out;
}
.blog-card-thumbnail_1 {
float: left;
	padding: 10px;
}

.blog-card-thumbnail_1 img {
	display: block;
	padding: 0;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
margin-top: 0 !important;
}
.cb {
	/* floatを解除 */
	clear: both;
}
.blog-card-content_1 {
line-height: 120%;
}

.blog-card_1 .blog-card-category_1 {
	padding: 1em 0.2em 0.2em;
font-size: 80%;
}

.blog-card-category_1::before {
content: "関連記事";
	font-size: 0.7em;
	font-weight: bold;
	color: #fff;
	background: #bd46fc;
	/*background: #0a8181;*/
	width: 5em;
	display: inline-block;
	position: relative;
	top: -2px;
	text-align: center;
	margin-right: 0.5em;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
.blog-card-title_1 {
	padding: 0.6em 0.2em 0.2em;
font-size: 100%;
}
.blog-card-date_1 {
	color: lighten(#38383e, 10%);
font-size: 75%;
	margin-right: 10px;
}

/* ==========================================================================
   ブログカード　抜粋文付き
   ========================================================================== */

.blog-card_2 {
border: 1px solid #ddd;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.05);
	word-wrap: break-word;
	max-width: 100%;
	margin-bottom: 5px;
position: relative;
}
.blog-card_2:hover {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.blog-card_2 a {
	font-weight: bold;
	color: #666b6c;
font-family: "Helvetica", "ヒラギノ丸ゴ ProN", sans-serif;
	background: #fff;
	display: block;
	text-decoration: none;
	-webkit-transition: box-shadow 0.2s ease-in-out;
	-moz-transition: box-shadow 0.2s ease-in-out;
	-o-transition: box-shadow 0.2s ease-in-out;
	transition: box-shadow 0.2s ease-in-out;
}
.blog-card-thumbnail_2 {
float: left;
	padding: 10px;
}

.blog-card-thumbnail_2 img {
	display: block;
	padding: 0;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
margin-top: 0 !important;
}
.blog-card-excerpt_2 {
font-size: 0.73em;
	color: #8a8888;
	margin: 0 10px 5px 0;
	line-height: 1.5;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	line-clamp: 4;
	/* ← これを追加 */
	overflow: hidden;
	text-overflow: ellipsis;
}
.blog-card-content_2 {
line-height: 120%;
}

.blog-card-title_2 {
	padding: 13px 10px 10px 0;
	font-size: 90%;
	background-color: transparent;
	color: teal;
}
.blog-card-title_2::before {
content: "続きを読む";
	font-size: 0.7em;
	font-weight: bold;
	color: #fff;
	background: #eecd21;
	width: 7em;
	display: inline-block;
	padding: 0.2em;
	position: absolute;
	text-align: center;
	margin-right: 1em;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 3px;
	bottom: 10px;
	right: 0px;
}
.blog-card-date_2 {
	color: #333;
	font-size: 90%;
margin-right: 10px;
	font-family: GillSans;
}

/* ==========================================================================
   ブログカード　抜粋文付き
   ========================================================================== */

.post_toppage {
list-style-type: none;
	margin-bottom: 0;
	margin-left: -1.8em;
	padding-right: 0.5em;
	padding-left: 0.5em;
	width: 100%;
}

.home .blog-card_3,
.home .blog-card_3 a {
  text-decoration: none;
  color: #ffffff;
  background-color: rgb(255, 255, 255);
  border: 2px solid #ffffff;
box-shadow: 0 0 6px rgba(0, 0, 0, 0.02);
	word-wrap: break-word;
	max-width: 100%;
	position: relative;
	list-style-type: none;
  padding-top: 0;
  margin-top: 0.1em;
  margin-bottom: -0.6em;
  border-radius: 15px;
}

.home .blog-card_3 a:focus {
box-shadow: 0 0 6px rgba(0, 0, 0, 0.02);
}

.home .blog-card_3 a:hover,
.home .blog-card_3 a:active {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.home .blog-card-thumbnail_3 {
float: left;
}

.home .blog-card-thumbnail_3 img,
.home .blog-card-thumbnail_3 img a,
.home .blog-card-thumbnail_3 img:hover,
.home .blog-card-thumbnail_3 img:focus,
.home .blog-card-thumbnail_3 img:active {
display: block;
	transition: 0.3s ease-in-out;
	margin-top: -0.3em !important;
	margin-left: 0.5em;
}

.home .blog-card-excerpt_3 {
  color: #8a8888;
  margin: 0 10px 5px 0;
  line-height: 1.7;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
line-clamp: 4;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: normal;
  font-style: normal;
font-family: "Times New Roman", Times, serif;
  padding-bottom: 0;
  padding-left: 1.5em;
}
.home .blog-card-content_3,
.home .blog-card-content_3 a,
.home .blog-card-content_3 a:hover,
.home .blog-card-content_3 a:active {
text-decoration: none;
}

.home .blog-card-title_3 {
font-weight: 400;
	margin-bottom: 0.5em;
	line-height: 1.7em;
	font-size: 1.1em;
	color: #ff258b;
	margin-top: 0.5em;
	padding-top: 0.1em;
	padding-left: 0.5em;
	border-left: 0.05em solid #ff258b;
}

.home .blog-card-date_3 {
	color: #333;
	font-size: 90%;
margin-right: 10px;
	font-family: GillSans;
}

.home h6 a {
text-decoration: none;
	font-weight: 400;
	margin-bottom: 0.5em;
	line-height: 1.7em;
	font-size: 1.1em;
	color: #ff258b;
	margin-top: 1em;
	padding-top: 0.1em;
	padding-left: 0.5em;
	border-left: 0.05em solid #ff258b;
}

/* ==========================================================================
   外部リンク部分
   ========================================================================== */

/* ==========================================================================
   MinoriArtトップページ
   ========================================================================== */

.home {
font-family: "Times New Roman", Times, serif;
}

/*タイトル部分*/

.wp-block-site-title a {
font-size: 1.9rem;
	font-weight: bold;
	color: #fb006d;
	outline: 0;
	text-decoration: none;
	text-decoration: none;
	box-shadow: none;
}

.wp-block-site-title a:focus {
outline: 0;
	color: #0ccbc2;
	text-decoration: none;
	box-shadow: none;
}

.wp-block-site-title a:hover,
.wp-block-site-title a:active {
color: #0ccbc2;
	outline: 0;
	text-decoration: none;
	text-decoration: none;
	box-shadow: none;
}

.wp-block-post-title {
line-height: 1.6;
	text-align: center;
	margin-bottom: 1em;
}

.top_lead {
font-family: "Times New Roman", Times, serif;
	font-size: 1.1em;
	font-weight: 500;
	color: #505050;
	line-height: 1.9;
}

/*footer部分*/

footer.wp-block-template-part a {
	font-size: 1.0rem !important;
	font-weight: bold;
	color: #fb006d;
}

footer.wp-block-template-part a:focus {
	outline: 0;
	color: #0ccbc2;
	text-decoration: none;
	box-shadow: none;
}

footer.wp-block-template-part a:hover,
footer.wp-block-template-part a:active {
	color: #0ccbc2;
	outline: 0;
}

/* フッターナビを縦並びに */
.my-footer-nav {
	display: flex;
	/* Flexbox を有効化 */
	flex-direction: column;
	/* ←縦方向に並べる */
	gap: 0.4rem;
	/* 各項目の間隔（お好みで調整） */
	list-style: none;
	/* 行頭の点を消す */
	margin: 0;
	padding: 0;
}
/*new部分*/

#top_news_side li {
list-style: none;
}

#top_news_side li ul li {
margin-left: -2.5em;
}

#top_news_side .widget-title {
background-color: #ff4290;
	font-weight: bold;
	padding-top: 3px;
	padding-bottom: 3px;
	color: white;
	padding-left: 0.7em;
}

#top_news_side .content-sidenews_title {
font-weight: bold;
	background: white;
	font-size: 1.05em;
	-moz-box-shadow: 2px 2px 6px #c2dad9;
	box-shadow: 1px 1px 19px 5px rgba(0, 0, 0, 0.09);
	opacity: 0.87;
	border-width: 0;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 0.5em;
}

/*new部分*/

/* background-color: rgb(255, 255, 255);
border: 2px solid #ffffff;
box-shadow: 0 0 6px rgba(0,0,0,0.02);
word-wrap:break-word;
max-width:100%;
position:relative;
list-style-type : none;
padding-top: 0;
margin-top: 0.1em;
margin-bottom: -0.6em;
border-radius: 15px; */

h2.top_title,
h2.top_title_2 {
background: white;
	color: #505050;
	font-size: 1.55em;
	-moz-box-shadow: 2px 2px 6px #c2dad9;
	box-shadow: 1px 1px 19px 5px rgba(0, 0, 0, 0.09);
	opacity: 0.87;
	border-width: 0;
	border-radius: 8px;
	padding-top: 0.5em;
	padding-bottom: 0.3em;
	padding-left: 0.5em;
	margin-bottom: 15px;
}

.description p {
color: teal;
}

#top_page ul {
padding: 0.5em 1em 0.5em 0;
}

#top_page .post {
width: 100%;
	background: white;
	color: gray;
	float: left;
	margin-top: 0.6em;
	margin-bottom: 1.2em;
	padding-left: 0;
	padding-bottom: 10;
	-moz-box-shadow: 2px 2px 6px #c2dad9;
	box-shadow: 1px 1px 19px 5px rgba(0, 0, 0, 0.09);
	opacity: 0.87;
	border-width: 0;
	height: auto;
	/*width: 440px;*/
	padding-right: 0;
	margin-right: 0;
}

#top_page .link_image {
float: left;
	margin-top: 10px;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
	width: 70px;
	height: 70px;
	margin-right: 0.6em;
	box-shadow: 0px 0px 0px rgba(255, 255, 255, 0.5);
}

.post_text {
padding-right: 15px;
	padding-left: 20px;
	padding-bottom: 5px;
}

h4.post_title a {
font-weight: bold;
	margin-bottom: 0.5em;
	padding-top: 0.3em;
	line-height: 1.3em;
	font-size: 1.1em;
	color: #ff258b;
}

h4.post_title a:focus,
h4.post_title a:hover,
h4.post_title a:active {
	color: #d990ff;
	background-color: transparent;
}

#top_page .post_discription {
margin-top: 0;
	display: block;
	font-weight: normal;
	font-style: normal;
	color: #444444;
	padding-top: 0;
	margin-bottom: 0.5em;
	font-size: 0.85em;
	line-height: 1.7em;
}

#top_page .post p {
padding-left: 0px;
	margin-bottom: 0;
	margin-top: 0;
	color: #444444;
	background-color: transparent;
}

/* ==========================================================================
   プロフィール
   ========================================================================== */

.page_profile {
width: 92%;
	margin-left: 1.3em;
}

.page_profile h2 {
font-size: 1.1em;
	padding-left: 0.5em;
	border-left: 4px solid #fe13d7;
	margin-top: 1em;
}

.page_profile .lead {
font-family: "Times New Roman", Times, serif;
	margin-top: 2em;
	margin-bottom: 3em;
	font-size: 0.95em;
	margin-left: 1em;
	line-height: 2.4em;
}

.page_profile table {
font-size: 0.85em;
	margin-left: 1.1em;
	border-style: none;
}

.page_profile table tr,
.page_profile table td {
	border-style: none;
}

.page_profile .table_title {
font-weight: bold;
	text-align: center;
	font-size: 1.1em;
background: #f0f0f0 url(//www.cieloni.com/g-common/images/pattern-light.gif) repeat fixed;
	color: #525252;
}

/* ==========================================================================
   カテゴリートップページ
   ========================================================================== */

.category_top-template-default h2 {
font-size: 1.6em;
	margin-top: 2em;
	padding-left: 0.5em;
	padding-top: 7px;
	padding-bottom: 5px;
	color: #b46ceb;
box-shadow: 0 5px 15px 1px rgb(177 177 177 / 0.2);
}

h2 .small_h2 {
font-size: 0.9em;
	text-decoration: underline;
}

.small_h3 {
font-size: 0.87em;
	font-weight: bold;
}

.single-category_top .entry-content .sub_cate_list h2 {
background-color: transparent;
	color: #9074de;
	letter-spacing: 0.1em;
	margin: 1.5em 0px 0.5em -20px;
	font-size: 1.1em;
	padding: 0.5em 0px 0.5em 1.5em;
	-moz-box-shadow: 2px 2px 5px #b7b4b4;
	box-shadow: 2px 2px 5px #b7b4b4;
	opacity: 1;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
}

.single-category_top .entry-content .sub_cate_list h2 a {
color: #ff0066;
}

.single-category_top .entry-content .sub_cate_list h2 a:hover,
.single-category_top .entry-content .sub_cate_list h2 a:focus,
.single-category_top .entry-content .sub_cate_list h2 a:active {
text-decoration: none;
	color: #bc8fff;
}

.single-category_top .entry-content .sub_cate_plateSign h3 {
color: #a23fe0;
	font-size: 16px;
	margin: 2em 0 0.7em 0.1em;
	padding: 0.1em 0px -0em 0;
	line-height: 1.5em;
	background-color: #eff8f5;
}

.sub_cate_list img {
margin-bottom: 3em;
}

.sub_cate_list .sub_cate_discription {
width: 96%;
	margin: -3em 0px 2.5em;
	list-style: none;
	font-size: 0.95em;
}

/* ==========================================================================
   投稿記事の本文領域_minoriCC
   ========================================================================== */

   .kaseki-template-default h3 {
   	color: rgb(114, 113, 113);
   	border-left: 6px solid #814fff;
   	padding-left: 0.5em;
   	padding-top: 0.2em;
   	margin-top: 3em;
   	border-bottom: 0px;
   	margin-bottom: 0.3em;
   }

   .kaseki-template-default h4 {
   	color: gray;
   	border-left: 3px solid #ff0078;
   	padding-left: 0.5em;
   	padding-top: 0.2em;
   	margin-top: 5em;
   	border-bottom: 1px solid #ff0078;
   	padding-bottom: 0.1em;
   }
.kaseki-template-default h4 {
color: gray;
	border-left: 3px solid #ff0078;
	padding-left: 0.5em;
	padding-top: 0.2em;
	margin-top: 5em;
	border-bottom: 1px solid #ff0078;
	padding-bottom: 0.1em;
}

.archive .post-thumbnail {
margin-top: -30px;
}

.top_photo {
margin-right: 1em;
	margin-left: 1em;
}

.poem {
padding-left: 0.5em;
	font-size: 0.9em;
font-family: "Courier New", Courier, monospace;
	background-color: transparent;
	display: block;
min-width: 100px;
	padding-bottom: 0;
	margin: 2em;
}

.poem p {
	color: #2a9eb5;
	line-height: 2.8em;
}

.poem .poem_title {
font-size: 1.3em;
	color: #007f8f;
	background-color: transparent;
	margin-left: 0;
	margin-top: 1em;
	padding-bottom: 0;
	margin-bottom: 0.5em;
}

.lead {
	margin-top: 0em;
	margin-right: auto;
	display: block;
	margin-left: auto;
	width: 95%;
}

.lead_text,
.lead_text p {
font-size: 1.05em;
	line-height: 2.5em;
	color: #4f776a;
	background-color: transparent;
	margin-bottom: 1.5em;
	margin-top: 0em;
}

.lead_text2,
.lead_text2 p {
font-size: 1.05em;
	line-height: 2.5em;
	color: #4f776a;
	background-color: transparent;
	padding-top: 2em;
	margin-bottom: 4.5em;
	margin-top: 0em;
}

.lead_text3,
.poem .lead_text3 {
font-size: 0.9em;
	line-height: 2.2em;
	color: #996666;
	background-color: transparent;
	padding-top: 1.5em;
	padding-left: 1em;
	margin-bottom: 1.5em;
	margin-top: 0em;
	width: 80%;
	padding-right: 1em;
	text-align: left;
	text-decoration: none;
}

.shop_link {
font-size: 0.8em;
	color: #846d6d;
	background-color: transparent;
	clear: left;
}

#jp-relatedposts .jp-relatedposts-post-date,
#jp-relatedposts .jp-relatedposts-post-context {
color: #ffffff;
	/* 	display: none; */
}

.postscript {
color: #3e7e7e;
	text-align: right;
}

/* 絵・おはなし　*/

.lead_text_book {
font-size: 1.05em;
	line-height: 2.5em;
	color: #4f776a;
	background-color: transparent;
	padding-top: 1em;
	margin-bottom: 2em;
	margin-top: 0em;
}

.book {
/*width: 85%;*/
	/*margin: auto;*/
	background-color: white;
	color: grey;
	padding: 1em;
}

.book li {
list-style: none;
	margin-bottom: 1.5em;
}

.book dt {
font-size: 2em;
	line-height: 1.4em;
	margin-bottom: 1em;
	border-bottom: 1px solid silver;
	border-left: 4px solid silver;
	padding-left: 0.5em;
}

.book dd {
padding-bottom: 2em;
}

.book .img {
float: left;
	margin-right: 2em;
}

.book .chapter {
/*padding-bottom: 2.5em;*/
	padding-top: 1.5em;
}

.book .chapter p {
line-height: 2.5em;
	margin-bottom: 2.2em;
}

/* ==========================================================================
   更新履歴表　
   ========================================================================== */

.history {
border-collapse: separate;
	border-style: none;
	width: 85%;
}

.history table {
line-height: 2em;
}

.history tr {
font-size: 85%;
}

.entry-content .history th {
color: #fff;
	background-color: #69c;
	border-bottom-color: #fff;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	width: 25%;
	padding-left: 3em;
}

.entry-content .history td {
background-color: #e8e8e8;
	color: #039;
border-bottom-color: #fff;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	line-height: 1.6em;
}

/* 作品説明　*/
/* ----------------------------*/

.description {
font-size: 0.9em;
	line-height: 2.5em;
	color: #4f796b;
	background-color: transparent;
	padding-top: 0;
	margin-bottom: 1em;
	margin-top: 0em;
	margin-left: 0;
	width: 98%;
}

.lead_explanation {
/*font-size: 0.9em;*/
	line-height: 2.5em;
	color: #9a9a9a;
}

/* ----------------------------*/
/* 作品リスト　*/
/* ----------------------------*/

a:hover img {
opacity: 0.4;
	filter: alpha(opacity=40);
	/*IE6用*/
}

.list h2 {
line-height: 1.4em;
	font-size: 1.2em;
	width: 100%;
	color: #9d9d9d;
	background-color: #ffffff;
	font-weight: normal;
	font-style: normal;
	margin-top: 2em;
	padding-left: 1em;
	padding-top: 5px;
	padding-bottom: 5px;
	border-radius: 10px;
	box-shadow: 0px 5px 15px 1px rgba(177, 177, 177, 0.2);
}

.list_block {
list-style-type: none;
	float: left;
	text-align: center;
	width: 229px;
	margin: auto;
}

.list_block h3 {
font-size: 13px;
	padding-top: 10px;
	margin-top: -0.3em;
	margin-right: 0.1em;
	margin-left: 0.1em;
}

.work_number {
font-style: oblique;
	color: #369;
	background-color: transparent;
	font-size: 0.72em;
	margin-bottom: 2em;
	padding-bottom: 0;
	margin-top: -1em;
}

.list_block p {
font-size: 0.85em;
	margin-right: 1em;
	margin-left: 1em;
}

.list_block img {
margin: auto;
}

.explain {
font-size: 0.85em;
	float: left;
	margin-right: 0.5em;
	margin-left: 1em;
	display: block;
}

.detail_link_block {
list-style-type: none;
	margin-top: 2em;
	margin-left: 2em;
	color: #aeaeae;
	background-color: white;
	-moz-box-shadow: 0 0 1px #9e9999;
	box-shadow: 0 0 1px #9e9999;
	opacity: 0.88;
	padding: 1em;
	width: 85%;
}

.detail_link_block h2 {
font-weight: normal;
	font-style: normal;
	font-size: 1.2em;
}

.detail_link_block p {
float: left;
	font-size: 0.9em;
}

.detail_link_block button_img {
float: right;
}

.detail_link_block ul,
.detail_link_block li,
.detail_link_block ul li {
list-style-type: none;
}

.detail_link_block ul li:after {
display: block;
	clear: both;
	height: 0;
	line-height: 0;
}

.detail_link_block dl {
margin-right: 1em;
}

.detail_link_block dd {
font-size: 0.85em;
	float: left;
	margin-right: 0.5em;
}

/*catregory_top　ペンギン*/

.list_block_2 {
list-style-type: none;
	float: left;
	text-align: center;
	width: 220px;
	margin: auto auto 2em;
}

.list_block_2 h2,
.list_block_2 h3 {
font-size: 12px;
	padding-top: 0;
	margin-top: -0.3em;
	margin-right: 0.1em;
	margin-left: 0.1em;
}

.work_number_2 {
font-style: oblique;
	font-weight: bold;
	color: #369;
	background-color: transparent;
	padding-top: 0;
	font-size: 0.72em;
	margin-bottom: 2em;
	padding-bottom: 0;
	margin-top: -0.3em;
}

.Introduction_2 {
color: #369;
	background-color: transparent;
	padding-top: 0;
	font-size: 0.7em;
	margin-bottom: 2em;
	padding-bottom: 0;
	margin-top: -0.3em;
}

.list_block_2 p {
font-size: 0.8em;
	margin-right: 1em;
	margin-left: 1em;
	text-align: left;
}

.list_block_2 img {
margin: auto;
}

/* ==========================================================================
   ブログトップページ　一覧表示＿＿＿固定ページでのテンプレート[myBlog Template]使用
   ========================================================================== */

/* ==========================================================================
   arrow 
   ========================================================================== */

.arrow_top {
position: fixed;
	bottom: 2em;
	right: 10em;
	z-index: 100;
}

.arrow_top a img {
background-color: transparent;
	box-shadow: none;
	transition: opacity 0.3s ease;
}

/* ==========================================================================
   menu by ChatGPT 
   ========================================================================== */

/* メニュー表示用のカスタムCSS */
.wp-block-navigation__container {
background-color: #fff;
	display: flex;
	justify-content: flex-start;
	gap: 1em;
	padding: 10px 20px;
	border-bottom: 1px solid #ccc;
}

/* 各リンクスタイル */
.wp-block-navigation-item__content {
font-family: sans-serif;
	font-size: 16px;
	padding: 8px;
	text-decoration: none;
}

/* ナビゲーションテキスト小さめ・ノーマル太さ */
.wp-block-navigation-item__content .wp-block-navigation-item__label {
  font-size: 0.9em;
  font-weight: normal;
}

/* ホバー時の装飾 */
.wp-block-navigation-item__content:hover {
text-decoration: underline;
}

/* ドロップダウンメニュー対応 */
.wp-block-navigation__container .has-child {
position: relative;
}

.wp-block-navigation__container .has-child > ul {
display: none;
	position: absolute;
	top: 100%;
	left: 0;
	background: white;
	border: 1px solid #ccc;
	z-index: 10;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.wp-block-navigation__container .has-child:hover > ul {
display: block;
}
/* Navigation Container */
.wp-block-navigation__container {
flex-direction: var(--navigation-layout-direction, initial);
}

/* ナビゲーションメニューのフォーカス時のスタイル */
:where(.wp-site-blocks *:focus) {
outline: none !important;
}

.wp-block-navigation .wp-block-navigation-item__content:focus,
.wp-block-navigation__submenu-container .wp-block-navigation-item__content:focus,
.wp-block-navigation-item__content.wp-block-navigation-item__content:focus {
outline: none !important;
	box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.2) !important;
}

/* フォーカス時のアウトラインを完全に無効化 */
.wp-block-navigation *:focus,
.wp-block-navigation-item *:focus {
outline: none !important;
	border: none !important;
}

/* Twenty Twenty-Fiveテーマのフォーカススタイルを上書き */
.wp-block-navigation :where(a:focus) {
outline: none !important;
	text-decoration: none !important;
	box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.2) !important;
}

br + .wp-block-image img {
max-width: 100% !important;
	height: auto !important;
}

/*アイキャッチ画像のサイズを制限*/
.wp-block-post-featured-image img {
max-width: 100% !important;
	height: auto !important;
}

.post-thumbnail img {
max-width: 100%;
	height: auto;
}

/* Hide leftover "詳細へ" outside the card */
.home .blog-card-title_3::before {
display: none !important;
	content: none !important;
}

/* Add "詳細へ" button with proper positioning */
.home .blog-card-content_3 {
position: relative;
	padding-bottom: 2.5em;
	/* Space for the button */
}

.home .blog-card-content_3::after {
content: "詳細へ";
	display: inline-block;
	font-size: 0.6em;
	font-weight: bold;
	color: #fff;
	background: #94b2bf;
	padding: 0.3em 0.6em;
	line-height: 1.4em;
	text-align: center;
	border-radius: 3px;
	position: absolute;
	bottom: 0.8em;
	right: 1em;
	width: 5.5em;
}

footer .my-footer-nav a {
	font-size: 1.0rem !important;
	line-height: 0.5em !important;
	height: 0.5em !important;
	padding: 0em !important;
	margin: 0.5em !important;
	font-weight: 500 !important;
	color: #828181 !important;
}

/* ─────────────────────────────────
   Post Navigation 内の “contrast” 色を base に差し替え
───────────────────────────────── */
.wp-block-post-navigation {
	/* var(--wp--preset--color--contrast) の値を
	   既定の base 色に書き換え */
	--wp--preset--color--contrast: var(--wp--preset--color--base) !important;
}

/* より特異性を上げた例 */
html body .wp-block-post-navigation a:where(:not(.wp-element-button)) {
	color: inherit !important;
	text-decoration: none !important;
}
/* ─────────────────────────────────
   メニュー全体の位置調整
───────────────────────────────── */

.wp-block-navigation__responsive-container-content {
	padding: 1em;
	text-align: left;
	/* または center に調整 */
}

/* メニューのアイテムが右寄りすぎるのを防止 */
.wp-block-navigation__container {
	justify-content: flex-start !important;
	/* or center */
	padding-left: 1.5em;
}

/* メニュー内のテキスト整列 */
.wp-block-navigation-item__content {
	text-align: left;
}

/* ——————————————————————————————
   Safari デスクトップでのメニューちらつき防止
   ヘッダーを .jp-carousel-overlay より前面に固定
——————————————————————————————— */

/* すべてのメニュー関連要素のグローバル設定 */
.wp-block-navigation,
.wp-block-navigation__container,
.wp-block-navigation__responsive-container,
.wp-block-navigation-item,
.primary-navigation,
.primary-menu-container,
.header-navigation-wrapper {
	position: static !important;
}

/* デスクトップ幅のメニュー表示に対する全体設定 */
@media screen and (min-width: 48em) {

	/* ヘッダーを常に最前面に保つ */
	header.header-footer-group,
	.site-header {
		position: relative;
		z-index: 999999;
	}

	/* 親メニューを適切な位置に固定 */
	.wp-block-navigation {
		position: relative !important;
		z-index: 999998 !important;
		display: block !important;
	}

	/* ドロップダウンメニューの位置基準を絶対化 */
	.wp-block-navigation-item {
		position: relative !important;
		display: inline-block !important;
	}

	/* ドロップダウンを親メニューの下に固定 */
	.wp-block-navigation__submenu-container {
		position: absolute !important;
		top: 100% !important;
		left: 0 !important;
		z-index: 999997 !important;
		min-width: 200px !important;
		background-color: #fff !important;
		border: 1px solid #eee !important;
		box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1) !important;
		padding: 0.5em 0 !important;
	}

	/* 非ホバー時にドロップダウンを非表示 */
	.wp-block-navigation-item:not(:hover):not(:focus-within)>.wp-block-navigation__submenu-container {
		display: none !important;
	}

	/* ホバー時にドロップダウンを表示 */
	.wp-block-navigation-item:hover>.wp-block-navigation__submenu-container,
	.wp-block-navigation-item:focus-within>.wp-block-navigation__submenu-container {
		display: block !important;
	}

	/* Jetpackカルーセル要素のみを背面に */
	.jp-carousel-overlay,
	#jp-carousel-loading-overlay,
	.jp-carousel-loading-spinner {
		z-index: -1 !important;
		pointer-events: none !important;
	}

	/* スマートスライダーに対する介入を停止 */
	/* Smart Sliderプラグインが機能するように設定を削除 */
}

/* Safari特有の設定 */
@media screen and (min-width: 48em) and (hover: hover) {
	@supports (-webkit-appearance: none) {

		/* 3Dトランスフォームでハードウェアアクセラレーションを強制 */
		.wp-block-navigation,
		.wp-block-navigation__container,
		.wp-block-navigation-item,
		.primary-navigation {
			transform: translateZ(0) !important;
			backface-visibility: hidden !important;
			-webkit-font-smoothing: antialiased !important;
			will-change: transform !important;
		}

		/* ホバー時のドロップダウン表示を安定化 */
		.wp-block-navigation__submenu-container {
			transform: translateZ(0) !important;
			backface-visibility: hidden !important;
			transition: none !important;
			/* トランジションの無効化 */
			animation: none !important;
		}

		/* Jetpackカルーセルのオーバーレイのみを完全に無効化 */
		.jp-carousel-overlay,
		.jp-carousel-overlay::before,
		#jp-carousel-loading-overlay,
		.jp-carousel-loading-spinner {
			display: none !important;
			visibility: hidden !important;
			opacity: 0 !important;
			pointer-events: none !important;
			z-index: -9999 !important;
		}
		/* Smart Sliderの動作を妨げないよう不要な設定を削除 */
		}
	}
/* テンプレートで削除できない文字列を非表示 */
.critical-content {
	display: none !important;
}