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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/******************************************/
/* ルクセリタスからCocoonへ移行 2026.5.21 */
/******************************************/
 * /* サイト全体 */
.grid {padding: 0 25px;}
/* エントリータイトル */
#primary .entry-title {
	display: block;
	color: #403d39;
}
#front-page-title.entry-title,
#article-header > .entry-title,
.gnavi-desc {display: none;}
body {
	color: #403d39;
    font-family : 'honoka_antique', "Parisienne", sans-serif, cursive ;
        font-style: normal;
}
body > title {display: none;}
.meta {
	display: block !important;
	border-top: none !important;
}
.meta, .post .meta {padding: 0;}
.meta, .post .meta, .meta a {color: #9d9280 !important;}
.meta a:hover {
	color: #7b8870 !important;
	font-weight: bold;
	text-decoration: underline;
	transform: translateY(-5px) !important;
	transition: .5s ease;
}
#head-band {background: #f3ebf6;}
#head-in {padding-top: 0 !important;}
/* ヘッダー背景画像に白い半透明マスクをかける */
.header {
    position: relative;
}
.header::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255, 0.5); /* 最後の0.4が透明度です */
    pointer-events: none; /* マウス操作を透過させる */
}
/* ヘッダー内の文字（サイト名など）がマスクの背後に隠れないようにする */
.header-container {
    position: relative;
    z-index: 1;
}
/* ヘッダーロゴの背景透過 */
.site-name-text-link {
	background: rgba(255,255,255,0);
}
/* カテゴリ、タグ表示設定 */
/*.meta .far.fa-clock::before {
	content: "\f073" !important;
}*/
.clearfix > .meta {
	display: none !important;
}
.page #breadcrumb {
	margin: 0;
	background: rgba(123, 136, 112, 0.5);
}
.date.published::before {
	content: "公開日:";
	background: transparent;
	display: inline-block;
}
.date::before {
	content: "更新日:";
	background: transparent;
	display: inline-block;
}
.heading, .breadcrumb {display: none;}
/* */
.content {margin: 0;}
.l-main {padding-top: 20px;}
.entry-content a:hover {
	color: #ef9c99 !important;
	font-weight: bold;
	text-decoration: underline;	
	transform: translateY(-5px) !important;
	transition: 1s all !important;
}
.toc-content a:hover {
	color: #ef9c99 !important;
	font-weight: bold;
	text-decoration: underline;	
	transform: translateY(-5px) !important;
	transition: 1s all !important;	
}
#sidebar a:hover {
	color: #ef9c99 !important;
	font-weight: bold;
	text-decoration: underline;	
/*	transform: translateY(-5px) !important;*/
/*	transition: 1s all !important;*/
}
/* アニメーション */
@keyframes typing { from { width: 0; } } /* テキストタイピング */
@keyframes caret { 50% { border-color: transparent; } } /* タイピング縦棒 */
@keyframes fluffy { /*画像ジャンピング*/
    0% {transform: translateY(0); }
    20% {transform: translateY(-15px); }
    30% {transform: translateY(0); }
    50% {transform: translateY(-15px); }
    60% {transform: translateY(0); }
    70% {transform: translateY(-5px); }
    80% {transform: translateY(0); }
    90% {transform: translateY(-5px); }
    100% {transform: translateY(0); } 
}
 @keyframes reflection { /*画像きらり*/
    0% {
        transform: scale(0) rotate(45deg);
        opacity: 0;}
    80% {
        transform: scale(0) rotate(45deg);
        opacity: 0.5;}
    81% {
        transform: scale(4) rotate(45deg);
        opacity: 1;}
    100% {
        transform: scale(50) rotate(45deg);
        opacity: 0;}
}
/* フォント（ここから下にコメントを入れるのはOK） */
@font-face{ 
	font-family: 'comickoin';
	src: url('https://knitting.snowlilas.com/wp-includes/fonts/g_comickoin_freeR_subset.woff') format('woff'),
	url('https://knitting.snowlilas.com/wp-includes/fonts/g_comickoin_freeR_subset.eot') format('eot');
}
@font-face{ 
	font-family: 'honoka_antique';
	src: url('https://knitting.snowlilas.com/wp-includes/fonts/font_1_ant_maru_subset.woff') format('woff'),
	url('https://knitting.snowlilas.com/wp-includes/fonts/font_1_ant_maru_subset.eot') format('eot');
}
/**************/
/* 汎用的装飾 */
/**************/
ol, ul, li, dl {list-style: none;}
.content ul li:before {display: none;}
.pc_display {display: block;}
.tb_display {display: none;}
.sp_display {display: none;}
.normal_text.beige {
	color: #9d9280;
	margin-top: 0;
	margin-left: 30px;
}
figcaption {font-size: 1em;}
.text_beige {color: #9d9280;}
.text_white {color: #ffffff;}
/* フォント */
.text_vibes {font-family: 'Great Vibes', cursive !important;}
.text_comickoin {font-family: 'comickoin', cursive !important;}
/*.text_parisienne {font-family: "Parisienne", cursive !important;}*/
/* Parisienne より強力に上書きする記述に変更 */
/* 見出しや特定のテキストにParisienneを絶対に強制する設定 */
.text_parisienne, 
h2.text_parisienne, 
h2.text_parisienne a,
.site-main h2.text_parisienne,
p.text_parisienne, 
span.text_parisienne {
    font-family: 'Parisienne', cursive !important;
}
.font_36 {font-size: 36px;}
.font_30 {font-size: 30px;}
.font_28 {font-size: 28px;}
.font_26 {font-size: 26px;}
.font_24 {font-size: 24px;}
.font_22 {font-size: 22px;}
.font_20 {font-size: 20px;}
.font_18 {font-size: 18px;}
.font_16 {font-size: 16px;}
.fontweight_bold {font-weight: bold;}
/* Font Awsome html記述で対応 2026.2*/
/* fontawesome 空間処理のみ */
.fa-space {
  margin-right: 8px; /* アイコンの右側に8pxの空間を作る */
}

.color_main_orange {color: #d99e82 !important;}
.color_main_green {color: #7b8870 !important;}
.color_beige {color: #9d9280 !important;}
.color_olive {color: #403d39 !important;}
.color_cream {color: #fcf1ba !important;}
.color_white {color: #ffffff !important;}
.color_pastel_red {color: #ef9c99 !important;}
.color_plum {color: #7a4171 !important;}
.color_sepia {color: #622d18 !important;}
.color_amber_rose {color: #e6bfb2 !important;}
.color_pink {color: #f2a0a1 !important;}
.color_red {color: #ff0000; !important}
.line_height_1 {line-height: 1;}
.line_height_zero {line-height: 0;}
.line_height_minus1 {line-height: -1;}
/*.dot_text { /* テキストの上に丸（・） */
/*	text-emphasis: filled circle #ef9c99;
	-webkit-text-emphasis: filled circle #ef9c99;
}
.dot_text.blue { /* テキストの上に丸（・） */
/*	text-emphasis: filled circle #a6d388;
	-webkit-text-emphasis: filled circle #a6d388;
}*/
.border_sepia {
	border: 3px solid #622d18 !important;
	border-radius: 5px;
}
.border_sepia_double {
	border: solid 1px #622d18;    	/* 内側の線になる一本線の枠線をひく*/
	outline: solid 3px #622d18;    /* 外側の線になる一本線の枠線をひく*/
	outline-offset: 2px;        /* 外側の線と内側の線の空き具合を調整*/
	margin: 5px;                  /* outline + outline-offset */ 
}
.border_main_orange {
	border: 3px solid #d99e82 !important;
	border-radius: 5px;
}
.border_main_green {
	border: 3px solid #7b8870 !important;
	border-radius: 5px;
}
.border_purple {
	border: 2px solid #bdbdb3 !important;
	border-radius: 10px;
}
.border_point_yellow {
	border: 2px solid #fcf1ba;
	outline: 2px solid #fcf1ba;
	outline-offset: 2px;
	margin: 4px;
	border-radius: 10px;
}
.border_point_green {
	border: 2px solid #6e8d37;
	outline: 2px solid #6e8d37;
	outline-offset: 2px;
	margin: 4px;
	border-radius: 10px;
}
.border_none {border: none !important;}
/* アンダーライン */
.ul_orange {background: linear-gradient(transparent 60%, #d99e82 60%);}
.ul_green {background: linear-gradient(transparent 60%, #7b8870 60%);}
/* hover */
.hover_up:hover {
	transform: translateY(-5px) !important;
	transition:1s all;
	color: #7b8870 !important;
	font-weight: bold;
	text-decoration: underline;
	text-decoration-color: #7b8870 !important;
	cursor: pointer;
}
.hover_up_pink:hover {
	transform: translateY(-5px) !important;
	transition:1s all;
	color: #ef9c99 !important;
	font-weight: bold;
	text-decoration: underline;
	text-decoration-color: #ef9c99 !important;
}
.hover_up_sepia:hover {
	transform: translateY(-5px) !important;
	transition:1s all;
	color: #622d18 !important;
	font-weight: bold;
	text-decoration: underline;
	text-decoration-color: #622d18 !important;
}
.hover_zoom_big:hover {
	transform:scale(2,2);
	transition:1s all;
}
.hover_zoom_big_right:hover {
	transform:scale(2,2);
	transform-origin: center right;
	transition:1s all;
}
.hover_black {
	color: #999999;
	font-weight: bold;
}
.pointer {
	cursor: pointer;
}
/* margin padding */
.margin_zero {margin: 0 !important;}
.margin_10 {margin: 10px !important;}
.margin_top_zero {margin-top: 0!important;}
.margin_top_30 {margin-top: 30px !important;}
.margin_left_10 {margin-left: 10px !important;}
.margin_bottom_zero {margin-bottom: 0 !important;}
.margin_bottom_20 {margin-bottom: 20px !important;}
.padding_zero {padding: 0 !important;}
.padding_20 {padding: 20px !important;}
.padding_top_20 {padding-top: 20px !important;}
.padding_top_40 {padding-top: 40px !important;}
.padding_left_20 {padding-left: 20px !important;}
/* センター寄せ　右寄せ */
.text_aligh_center {text-align: center !important;}
span .center {
    text-align: center;/*テキストをセンターに*/
    display: block;/*追加*/
}
.text_align_right {text-align: right !important;}
span .right {
    text-align: right;/*テキストをセンターに*/
    display: block;/*追加*/
}
.message_center {
	margin: 0 auto !important;/* メッセージセンター寄せ */
}
.adjustment {height: 50px;}
.adjustment_20 {height: 20px;}
.relative {
    position: relative !important;
}
.absolute {
    position: absolute;
}
.absolute_lowleft {
	left: 10%;
	bottom: 10%;
}
.absolute_lowleft_small {
	width: 30%;
	left: 0%;
	bottom: 10%;
}
.absolute_lowright_small {
	width: 30%;
	height: auto;
	right: -5%;
	bottom: -20%;
}
.sns-msg h2 {
    border-color: #d99e82;
}
/******************/
/* アニメーション */
/******************/
.animation_fluffy {animation: fluffy 5s ease infinite;} /* fluffy */
/****** テキストタイピング ******/
.typing_22 {
	color: #622d18;
	font-family: "Parisienne" 'cursive' !important; 
	width: 50ch;
	border-right: .08em solid;
	overflow: hidden;
	font-size: 1.2em;
	white-space: nowrap;
	animation: typing 2s steps(22, end),caret .8s step-end infinite;
}
.typing_27 {
	color: #622d18;
	font-family: "Parisienne" 'cursive' !important; 
	width: 60ch;
	border-right: .08em solid;
	overflow: hidden;
	font-size: 1.2em;
	white-space: nowrap;
	animation: typing 2s steps(27, end),caret .8s step-end infinite;
}
/******  画像きらり(reflection) ******/
.reflective_effect { /*画像きらり*/position: relative;}
.reflective_effect::after {
	content: "";
	display: block;
	position: absolute;
	height: 100%;
	width: 10px;
	bottom: -330px;
	left: 0;
	background-color: #fff;
	opacity: 0;
	transform: rotate(45deg);
	animation: reflection 2s ease-in-out;
}
/* 大中小の画像配置 */
.loop_image {
	display: block;
	position: relative;
	width: calc(100vw / 3); /* 1.29 */
}  
.image-entity {
	margin: 0 5px;
	padding: 0;
	width: 100% !important;
	object-fit: cover;
	border-radius: 5px;
}
.image-entity.large {
	width: 300px;
	height: 300px;
}
.image-entity.middle {
	width: 300px;
	height: 150px;
}
.image-entity.small {
	width: 150px;
	height: 150px;
}
.image-entity:hover {
	transform: scale(1.05, 1.05);
	opacity: 0.7;
	border: 2px solid #f8e58c;
}
.image_trimming {
	object-position: 0 0;
}
.image_title {
	position: absolute;
	margin: 0;
	padding: 10px;
}
.position_center {
	top: 50%;
	left: 20%;
}
.position_lowright {
	right: 10%;
	bottom: 10%;
}  
.position_lowleft {
	left: 10%;
	bottom: 10%;
}  
.title_content {
	font-family: "さわらび明朝", sans-serif;
	font-weight: bold;
	font-size: 20px;
	color: #9d9280;
}
/****** header ******/
#nav.fixed {
	position: fixed;
	top: 0;
	z-index: 100;
	width: 100%;
}
/* カテゴリ、タグ表示設定 */
.meta .far.fa-clock::before {
	content: "\f073" !important;
}
.meta > .date.published::before {
	content: "公開日:";
	background: transparent;
	display: inline-block;
}
.meta > .date::before {
	content: "更新日:";
	background: transparent;
	display: inline-block;
}
/*タイトル画*/
/* 固定ページ */
/* 投稿ページ */
.title_screen_group {
    position: relative;
}
.title_screen_mask {
    position: absolute;
    background-color: rgba(149,114,87,0.5);    
    top: 0%;
    left: 0;
    width: 100%;
    height: 100%;
}
.frame01 {
    position: absolute;
    top: 10%;
    left: 50%;
    -webkit-transform : translate(-42%,-50%);
    transform : translate(-50%,-50%);
    width: 100%;
    height: 100%;
}
.kelly {
    position: absolute;
    top: 10%;
    right: 10%;
}
.cushion_check {
    position: absolute;
    top: 30%;
    right: 20%;
}
.logo_white {
    position: absolute;
    top: 15%;
    right: 25%;
    width: 100%;
    height: auto;
}
.title_text {
    padding-left: 50px !important;
    margin: 0 !important;
}
.logo_white_s {
    position: absolute;
    top: -20%;
    left: 65%;
    width: 50%;
    height: auto;
    z-index: 50;
}
.logo_white_d {
    position: absolute;
    top: 45%;
    left: -10%;
    width: 50%;
    height: auto;
    z-index: 50;
}
.gallery_title_image {
    width:auto;
    height: 100%;
}
.gallery_frame {
    border: solid 1px #8b4513;    	/* 内側の線になる一本線の枠線をひく*/
    outline: solid 5px #8b4513;    /* 外側の線になる一本線の枠線をひく*/
    outline-offset: 2px;        /* 外側の線と内側の線の空き具合を調整*/
    margin: 7px;                  /* outline + outline-offset */ 
}
/* ギャラリータイトル　写真２枚 */
.gallery_title {
	position: absolute;
	top: -120%;
	z-index: 50;
}
.gallery_screen01 {
	position: absolute;
	top: -100%;
	right: 30%;
	width: 70%;
	height: 80%;
	z-index: 10;
}
.gallery_screen02 {
	position: absolute;
	top: -250%;
	right: 0%;
	width: 40%;
	height: 40%;
	z-index: 20;
}
/* 見出し */
/*スタイルリセット用*/
main h2.wp-block-heading:before {
        color: inherit;
}
/* 見出し設定 */
/* ヘッダー */
#sitename {
	display: inline-block;
	font-family: "Parisienne", cursive;
	font-size: 36px;
	color: #ffffff;
        height: 100px;
        line-height: 100px; /* heightと同じ値にする */	
}
.head-cover > .info > .desc {
	color: #ffffff;
	font-family: "Parisienne" , cursive;
	font-size: 24px;
}
.navi-in > ul {
	display: flex;
    justify-content: space-around;
    width: 100%;
}
.navi-in > ul li {
    flex: 1;
    text-align: center;	
}
/* container */
/* Gemini アドバイス */
/* ===================================================
   ① 通常の記事内見出し（高さを完全自動＆余白を強制確保）
=================================================== */
.main .entry-content h2,
.entry-content h2 {
    position: relative !important;
    padding: .5em .5em .5em 1em !important;
    font-family: 'Parisienne', cursive !important;
    color: #ffffff !important;
    background: url(https://knitting.snowlilas.com/wp-content/uploads/2026/01/Blanket_back000.jpg) center center / cover no-repeat !important;
    width: auto !important;
    height: auto !important;         /* 高さを固定せず自動で伸ばす */
    min-height: 50px !important;     /* 最低限の高さは保証する */
    display: block !important;       /* 横幅いっぱいに広げて下の要素を押し出す */
    clear: both !important;          /* 前後の回り込みを完全に解除して崩れを防ぐ */
    border-left: 8px solid #7b8870 !important;
    margin-top: 40px !important;
    margin-bottom: 40px !important;  /* 下のコンテンツ（Latest Posts等）との間に大きな隙間を作る */
}

/* ===================================================
   ② 左下の折り返しリボン（ピンク）の位置固定
=================================================== */
.main .entry-content h2::before,
.entry-content h2::before {
    position: absolute !important;
    content: '' !important;
    top: 100% !important;
    left: 0 !important;
    width: 0 !important;
    height: 0 !important;
    border: none !important;
    border-bottom: solid 15px transparent !important;
    border-right: solid 20px rgba(218, 182, 171, 1) !important;
    z-index: 2 !important;
}

/* ===================================================
   ③ 背景画像にかける半透明の白マスク
=================================================== */
.main .entry-content h2::after,
.entry-content h2::after {
    position: absolute !important;
    content: '' !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background-color: rgba(255, 255, 255, 0.4) !important;
    z-index: 1 !important;
}
/***************************************************
 * LuxeritasからCocoon移行にともなう見出し微調整
 ***************************************************/

/* ③ 本文のh4の上のグレーラインを消す */
.article h4 {
    border-top: none !important;
}

/* ④ 本文のh5の下線をテキスト幅にする */
.article h5 {
    display: inline-block;    /* 横幅を100%ではなくテキスト幅にする */
    width: auto;              /* 自動幅に設定 */
    border-bottom: 2px solid #9d9280; /* 下線の太さと色（現在の色に合わせています） */
    padding-bottom: 3px;      /* 文字と下線の間の隙間 */
    margin-bottom: 1.5em;     /* 下の文章との間の余白（必要に応じて調整） */
}
/* ===================================================
   ④ 【最重要】Gallery等のグループ内H2を「超強力に完全無効化」
=================================================== */
.gallery_inner h2,
.gallery_inner .wp-block-heading,
[class*="_inner"] h2,
[class*="_inner"] .wp-block-heading {
    background: none !important;
    background-image: none !important;
    border: none !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    color: inherit !important;
    margin: 0 0 15px 0 !important;
}

/* グループ内の見出しからはリボンとマスクを「跡形もなく消去」 */
.gallery_inner h2::before,
.gallery_inner h2::after,
[class*="_inner"] h2::before,
[class*="_inner"] h2::after {
    display: none !important;
    content: none !important;
}
/* --- H4見出しのCocoon修正 --- */
.main .entry-content h4, #sideber h4, .side_h4 {
    position: relative;
    display: inline-block;
    font-family: 'Parisienne', cursive !important;
    background: transparent; /* 背景透明に */
    border-bottom: solid 3px #dab6ab;
}
.main .entry-content h4::after, #sideber h4::after, .side_h4::after {
    position: absolute;
    content: " ";
    display: block;
    border-bottom: solid 3px #f3de98;
    bottom: -3px !important;
    width: 30%;
}
/* --- H5見出しのCocoon修正 --- */
.main .entry-content h5 {
    padding: 0.25em 0.5em; /* 上下 左右の余白 */
    color: #9d9280; /* 文字色（全角になっていた♯を半角に修正） */
    font-family: 'Parisienne', cursive !important;
    background: transparent; /* 背景透明に */
    border-left: solid 5px #ef9c99; /* 左線 */
}

.main .entry-content h3,
.entry-content h3,
#sidebr h3,
.sidebar h3 {
 	position: relative;
	display: inline-block;
 	padding: 8px 52px 8px 52px;
 	background:url(https://knitting.snowlilas.com/wp-content/uploads/2026/01/1071440.png) right /cover no-repeat !important;
	font-family: 'Parisienne' cursive !important;
 	font-size: 20px;
 	color: #403d39;
	margin-left: -20px;
 	line-height: 1.3;
	border: none;
 	border-bottom: solid 3px #9d9280;
}
.main .entry-content h3::before,
.entry-content h3::before,
#sidebar h3::before,
.sidebar h3::before {
	position: absolute;
	content: '';
	left: -2px;
	top: -2px;
	width: 0;
	height: 0;
	border: none;
	border-left: solid 40px #ffffff;
	border-bottom: solid 79px transparent;
}
.main .entry-content h3::after,
.entry-content h3::after,
#sidebar h3::after,
.sidebar h3::after {
	position: absolute;
	content: '';
	right: -3px;
	top: -7px;
	width: 0;
	height: 0;
	border: none;
	border-left: solid 40px transparent;
}
/* --- H3見出しのCocoon修正 --- */
.main .entry-content h3, #side h3, .side_h3 {
    position: relative;
    display: inline-block;
    padding: 8px 52px 8px 52px;
    font-family: 'Parisienne', cursive !important;
}
/* Gemini ここまで */
/*  タイトル表示 */
.title_box {
	width: 60%;
	height: auto;
	background: url(https://knitting.snowlilas.com/wp-content/uploads/2026/01/2621576_banner02.png) center center /cover no-repeat !important;
	margin: 10px auto;
}

/* 目次(table of contents) */
.table_contents_inner {
	background: url(https://knitting.snowlilas.com/wp-content/uploads/2026/01/27220076.jpg);
	background-size: contain;
        background-repeat: repeat;	
	box-shadow: 0 10px 25px 0 rgba(123, 136, 112, 0.7) !important;
	margin-top: 30px;
	padding: 50px !important;
}
.gallery_inner {
	background: url(https://knitting.snowlilas.com/wp-content/uploads/2026/01/579872.jpg);
	background-size: cover;	
	box-shadow: 0 10px 25px 0 rgba(123, 136, 112, 0.7) !important;
	margin-top: 30px;
	padding: 10% 1em 10% 20% !important;
}
.gallery_menu a {
	color: #7b8870 !important;
}
/* リスト 用意するもの */
ul.preparation {
  position: relative;
  padding: 0.8em;
  font: 14px/1.6 'honoka_antique', sans-serif;
  width:500px;
  background:#F2EFE7;
  list-style: none;
  -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.2) inset,0 0 4px rgba(0, 0, 0, 0.2) ;
  -moz-box-shadow: 0 0 40px rgba(0, 0, 0, 0.2) inset,0 0 4px rgba(0, 0, 0, 0.2) ;
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.2) inset,0 0 4px rgba(0, 0, 0, 0.2) ;
}
ul.preparation li{
  position:relative;
  font-weight: bold;
  color: #9d9280;
  border-bottom:dashed 1px #ccc;
  padding:4px 0 4px 2em;
}
ul.preparation li:last-child{
  margin-bottom:15px;
}
ul.preparation li:before{
  content: "・";
  position: absolute;
  left: 10px;
  top: 50%;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
ul.preparation > .two_lines:before{
  top: 10%;
  -moz-transform: translateY(-12.5%);
  -webkit-transform: translateY(-12.5%);
  -o-transform: translateY(-12.5%);
  -ms-transform: translateY(-12.5%);
  transform: translateY(-12.5%);
}
ul.preparation:after{
  content:"Knitting Preparation List";  /* 右下の文字 */
  font-family: 'Parisienne';
  position: absolute;
  bottom: 8px;
  right: 1.2em;
  font-size:12px;
  color:#9d9280;
}
ul .list_none {
  list-style: none;
}
/* 吹き出し 外枠なし　画像25％ */
html :where([style*=border-color]) {
    border-style: none !important;
}
.speech-person {
    width: 25%;
    min-width: 12%;
}
/* 内部リンク（他レッスンページへ） */
.internal_link > .toggle-button {
	background: #d99e82;
	color: #fff !important;
}
.internal_link > label.toggle-button::before {
	color: #fff !important;
}
/* 手順 */
.recipe_text_container {
    position: relative;
    padding-left: 3%;
}
.recipe_number_box {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-basis: 3% !important;
}
.recipe_number {
    display: block;
}
.recipe_text_box {
    display: flex;
    align-items: center;   
}
.recipe_text {
    display: block;
}
/* 繰り返しフレーム */
/*.recipe_group {*/
/*.repeat_flame_green {
	margin: 0 1em;
	padding: 1em;
	box-shadow: 0 3px 4px rgba(0, 0, 0, 0.4);
	background-color: #fef4f4;
	border: solid 1px #7b8870;    	/* 内側の線になる一本線の枠線をひく*/
/*	outline: solid 3px #7b8870;    /* 外側の線になる一本線の枠線をひく*/
/*	outline-offset: 2px;        /* 外側の線と内側の線の空き具合を調整*/
/*	margin: 5px;                  /* outline + outline-offset */ 
/*	position: relative;
	display: flex;
	flex-direction: column;
}*/
.repeat_flame_green {
	margin: 0 1em;
	padding: 1em;
	box-shadow: 0 3px 4px rgba(0, 0, 0, 0.4);
	background-color: #fef4f4;
	border: solid 1px #7b8870;    	/* 内側の線になる一本線の枠線をひく*/
	outline: solid 3px #7b8870;    /* 外側の線になる一本線の枠線をひく*/
	outline-offset: 2px;        /* 外側の線と内側の線の空き具合を調整*/
	margin: 5px;                  /* outline + outline-offset */ 
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: flex-start;       /* ★ここを1行追加して左寄せにします Gemini */
}
.repeat_flame_green::before {
	content: "Repeat";
	position: absolute;
	color: #ffffe0;
	font-size: 16px;
	background:#7b8870 !important;
	width: 100px;
	height: 30px;
	font-weight: bolder;
	text-align: center;
	top: -1px;
	left: -1px;
	z-index: 1;
}
.repeat_flame_green.repeat1::before {
	content: "Repeat 1"
}

.repeat_flame_sepia {
	margin: 0 1em;
	padding: 1em;
	box-shadow: 0 3px 4px rgba(0, 0, 0, 0.4);
	background-color: #fef4f4;
	border: solid 1px #622d18;    	/* 内側の線になる一本線の枠線をひく*/
	outline: solid 3px #622d18;    /* 外側の線になる一本線の枠線をひく*/
	outline-offset: 2px;        /* 外側の線と内側の線の空き具合を調整*/
	margin: 5px;                  /* outline + outline-offset */ 
	position: relative;
	display: flex;
	flex-direction: column;
}
.repeat_flame_sepia::before {
	content: "Repeat";
	position: absolute;
	color: #ffffe0;
	font-size: 16px;
	background:#622d18 !important;
	width: 100px;
	height: 30px;
	font-weight: bolder;
	text-align: center;
	top: -1px;
	left: -1px;
	z-index: 1;
}
.repeat_flame_sepia.repeat2::before {
	content: "Repeat 2";
}
.repeat_flame_orange {
	margin: 0 1em;
	padding: 1em;
	box-shadow: 0 3px 4px rgba(0, 0, 0, 0.4);
	background-color: #fef4f4;
	border: solid 1px #d99e82;    	/* 内側の線になる一本線の枠線をひく*/
	outline: solid 3px #d99e82;    /* 外側の線になる一本線の枠線をひく*/
	outline-offset: 2px;        /* 外側の線と内側の線の空き具合を調整*/
	margin: 5px;                  /* outline + outline-offset */ 
	position: relative;
	display: flex;
	flex-direction: column;
}
.repeat_flame_orange::before {
	content: "Repeat";
	position: absolute;
	color: #ffffe0;
	font-size: 16px;
	background:#d99e82 !important;
	width: 100px;
	height: 30px;
	font-weight: bolder;
	text-align: center;
	top: -1px;
	left: -1px;
	z-index: 1;
}
.repeat_flame_orange.kusari_hodoku::before {
	content: "別糸をほどく";
}
/* カラムの中身を文字数に関わらず横幅いっぱいに広げる Gemini */
.repeat_flame_green .wp-block-columns,
.repeat_flame_sepia .wp-block-columns,
.repeat_flame_orange .wp-block-columns {
	width: 100% !important;
}
/* テキストが入っているカラムを自動で広げて左寄せにする　Gemini */
.repeat_flame_green .wp-block-column,
.repaet_flame_sepia .wp-block-column,
.repeat_flame_orange .wp-block-column {
	flex-grow: 1 !important;
	text-align: left !important;
}
/* ポイントフレーム */
.point_frame {
	margin: 0 1em;
	background-color: #fef4f4;
	border: solid 1px #fcf1ba;    	/* 内側の線になる一本線の枠線をひく*/
	outline: solid 5px #fcf1ba;    /* 外側の線になる一本線の枠線をひく*/
	outline-offset: 2px;        /* 外側の線と内側の線の空き具合を調整*/
	margin: 7px;                  /* outline + outline-offset */ 
	display: flex;
	flex-direction: column;
	align-items: flex-start;       /* ★この1行を追加するだけで左寄せが固定されます Gemini */
}

.point_frame02 {
	margin: 0 1em;
	background-color: #fef4f4;
	border: solid 1px #6f8d37;    	/* 内側の線になる一本線の枠線をひく*/
	outline: solid 5px #6f8d37;    /* 外側の線になる一本線の枠線をひく*/
	outline-offset: 2px;        /* 外側の線と内側の線の空き具合を調整*/
	margin: 7px;                  /* outline + outline-offset */ 
	display: flex;
	flex-direction: column;
}
/* ポイントフレームの中の段落やリストを横幅いっぱいに広げて左寄せにする Gemini */
.point_frame p,
.point_frame02 p,
.point_frame .wp-block-paragraph,
.point_frame02 .wp-block-paragraph {
	width: 100%;
	text-align: left;
}
/* Gemini アドバイス*/
/* ==========================================================
   1. 【超共通】3つのボックスすべての土台（完全一本化）
========================================================== */
.point_inner,
.topics_inner,
.tweet_inner {
	border-radius: 10px;
	position: relative;
	margin: 30px 0;
	padding: 0 !important;
	/* ↓↓↓ 【修正点】巨大化を防ぐため、ここでの background-size 指定は外します ↓↓↓ */
	overflow: hidden;
	box-sizing: border-box;
}

/* ラベル（文字を入れる旗）の共通形 */
.point_inner::before,
.topics_inner::before,
.tweet_inner::before {
	position: absolute;
	color: #ffffe0;
	font-size: 16px;
	width: 100px;
	height: 30px;
	border-radius: 5px 0 0 0;
	font-weight: bolder;
	text-align: center;
	top: -1px;
	left: -1px;	
	z-index: 2;
	line-height: 30px;
}

/* Cocoon対策：ボックス内の要素（またはマスク）の基本余白 */
.point_inner_mask,
.topics_inner > *,
.tweet_inner > * {
	padding: 2.5em 1em 0;
	box-sizing: border-box;
}

/* Cocoon対策：一番最後にある要素の下マージンを消して、綺麗な下余白を作る */
.point_inner_mask > *:last-child,
.topics_inner > *:last-child,
.tweet_inner > *:last-child {
	margin-bottom: 0 !important;
	padding-bottom: 1.5em;
}


/* ==========================================================
   2. 【個別設定】それぞれの背景画像・色・文字・★サイズ を指定
========================================================== */

/* --- ① POINT 個別 --- */
.point_inner {
	background: url(https://knitting.snowlilas.com/wp-content/uploads/2026/05/1106896.png) no-repeat;
	/* ↓↓↓ 【修正点】個別に元の小さな水玉サイズを指定します ↓↓↓ */
	background-size: 100% 100%;
	border: 3px solid #7b8870;
}
.point_inner::before {
	content: "POINT";
	background: #7b8870 !important;
}
/* POINTだけの特別ルール：半透明マスクの背景色 */
.point_inner_mask {
	width: 100% !important;
	background-color: rgba(255, 255, 224, 0.5) !important;
}

/* --- ② TOPICS 個別 --- */
.topics_inner {
	background: url(https://knitting.snowlilas.com/wp-content/uploads/2026/01/1106889.png) no-repeat;
	/* ↓↓↓ 【修正点】個別に元の小さな水玉サイズを指定します ↓↓↓ */
	background-size: 100% 100%;
	border: 3px solid #d99e82;
}
.topics_inner::before {
	content: "TOPICS";
	background: #d99e82 !important;
}

/* --- ③ Tweet 個別 --- */
.tweet_inner {
	background: url(https://knitting.snowlilas.com/wp-content/uploads/2026/01/2626283_03.png) no-repeat;
	/* ↓↓↓ 【修正点】Tweetも水玉ならサイズを指定、違うなら cover でOK。今回は cover のままにしておきます ↓↓↓ */
	background-size: cover;
	border: 3px solid #7b8870;
}
.tweet_inner::before {
	content: "Tweet";
	background: #7b8870 !important;
}
/* --- ④ amizu_inner（拡大はみ出し許可版） --- */
.amizu_inner {
	border-radius: 10px;
	position: relative;
	margin: 30px 0;
	border: 3px solid #d99e82;
	padding: 0 !important;
	/* overflow: hidden; 👈 画像がはみ出せるようにこれを削除！ */
}
.amizu_inner::before {
	content: "編み図 Knitting pattern";
	position: absolute;
	color: #ffffe0;
	font-size: 16px;
	background: #d99e82 !important;
	width: 200px;
	height: 30px;
	border-radius: 5px 0 0 0;
	font-weight: bolder;
	text-align: center;
	top: -1px;
	left: -1px;	
	z-index: 2;
	line-height: 30px;
}

/* 実際の画面で横並びを強制するおまじない */
.amizu_inner > .wp-block-columns {
	display: flex !important;
	flex-wrap: nowrap !important;
	padding: 2.5em 1em 1em !important;
	margin: 0 !important;
	box-sizing: border-box;
}

/* 枠の中に入った左右の部屋の余白を整える */
.amizu_inner > .wp-block-columns > .wp-block-column {
	padding: 0 0.5em !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	/* ★重要：これが入っていると画像が中で切れるので、はみ出しを許可する */
	overflow: visible !important; 
}

/* 📷 拡大する画像自体の重なり順（ホバーしたときに一番手前に来るようにする） */
.hover_zoom_big_right {
	position: relative;
	z-index: 1;
	transition: 1s all;
}
.hover_zoom_big_right:hover {
	transform: scale(2,2);
	transform-origin: center right;
	z-index: 10; /* ホバー時に文字や枠線よりも手前に飛び出させる */
}
/*  Geminiここまで */
/* Finished 画像とテキストレイヤー */
.finished {
	position: absolute;
	width: 50%;
	height: auto;
	top: 25%;
	left: 50%;
}
.frame_orange {
	margin: 0 1em;
	padding: 1em;
 	background:url(https://knitting.snowlilas.com/wp-content/uploads/2026/01/1071440.png) right /cover no-repeat !important;	
	border: solid 1px #d99e82;    	/* 内側の線になる一本線の枠線をひく*/
	outline: solid 3px #d99e82;    /* 外側の線になる一本線の枠線をひく*/
	outline-offset: 2px;        /* 外側の線と内側の線の空き具合を調整*/
	margin: 5px;                  /* outline + outline-offset */ 
}
.point {
	position: absolute;
	width: 50%;
	height: auto;
	top: 50%;
	left: 50%;
}
.point02 {
	position: absolute;
	width: 50%;
	height: auto;
	top: 20%;
	left: 50%;
}
.point03 {
	position: absolute;
	width: 50%;
	height: auto;
	top: 30%;
	left: 50%;
}
.point04 {
	position: absolute;
	width: 50%;
	height: auto;
	top: -15%;
	left: 60%;
}
.point05 {
	position: absolute;
	width: 50%;
	height: auto;
	top: 0%;
	left: 60%;
}
.arrow1 {
	position: absolute;
	width: 50%;
	height: auto;
	top: 40%;
	left: 40%;
}
.arrow2 {
	position: absolute;
	width: 50%;
	height: auto;
	top: 10%;
	left: 45%;
}
/* ダウンロード */
.wp-block-file__button {
	background-color: #7b8870 !important;
}
/* 休憩　カフェ写真 */
.image-inner {
    display: flex;
    justify-content: center; /* 水平中央 */
    align-items: center;     /* 垂直中央 */
}
.cafe_photo01 {
  max-width: 100%; /* 親要素の幅を超えない */
  height: auto;    /* 縦横比を維持 */
  border-radius: 10px; /*  */
}
/* other works */
.other_works {
	margin: 5px !important;
}
.other_works > figcaption {
	text-align: center;
}
/* message */
.start_knitting {
	width: 100%;
	height: auto;
        background-color: rgba(149,114,87,0.5); 
} 
/* キャットウォーク */
.walking_img {
	display: flex;
	justify-content: flex-end;
}
.walking_img img {
	width: 50px;
	height: 50px;
}

/* 外枠の基本設定 */
.text_slide_from_left {
  opacity : 1 ; /* 外枠自体は最初から見える状態にしておきます */
}

/* 猫たちの初期状態（みんな透明で、ちょっと左に隠れている） */
.cat_walker1, .cat_walker2, .cat_walker3, .cat_walker4, .cat_walker5 {
  opacity : 0 ;
  transform : translatex (-30px );
  transition : all 500ms ease ;
}

/* 時間差で「show」がついた猫から順番に現れる */
.cat_walker1.show, .cat_walker2.show, .cat_walker3.show, .cat_walker4.show, .cat_walker5.show {
  opacity : 1 ;
  transform : translatex (0 );
}
/* --- ⑤ 次回予告コンテナ（完全修正版） --- */

/* 一番外側のグループ：背景画像、影、余白を設定（ここからは hover_up を外します） */
.next_info_inner {
	box-shadow: 0 10px 25px 0 rgba(99,172,183,0.4);
	background: url(https://knitting.snowlilas.com/wp-content/uploads/2026/01/33685090_s.jpg);
	background-size: cover;
	background-position: center;
	position: relative;
	z-index: 1;
	border-radius: 10px;
	overflow: hidden;
}

/* 背景画像をふんわり白くするマスク */
.next_info_inner::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255,255,255,0.6);
	z-index: 1;
}

/* ★超重要：実際の画面で「左にリンク、右にロゴ」を完全に横並びにする強制おまじない */
.next_info_inner .wp-block-columns {
	display: flex !important;
	flex-direction: row !important; /* 横並びを絶対に維持させる */
	flex-wrap: nowrap !important;
	align-items: center !important; /* 縦の中心をピッタリ揃える */
	position: relative;
	z-index: 2;
	padding: 24px !important;
	margin: 0 !important;
	width: 100% !important;
}

/* 左右の部屋の幅を改めて強制固定（左80%、右20%） */
.next_info_inner .wp-block-columns > .wp-block-column:nth-child(1) {
	width: 80% !important;
	flex-basis: 80% !important;
}
.next_info_inner .wp-block-columns > .wp-block-column:nth-child(2) {
	width: 20% !important;
	flex-basis: 20% !important;
}

/* 上下の余計な隙間をカット */
.next_info_inner .wp-block-columns > .wp-block-column {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

/* 🔗 リンク文字（レッスン名）自体の設定 */
.next_info_inner a {
	color: #403d39;
	display: inline-block; /* 浮き上がるアニメーションを正しく効かせるため */
	text-decoration: none;
	transition: 0.5s all; /* あなたの1sを少しスッキリめの0.5sに調整（お好みで変えてね） */
}

/* ★大改造：レッスン名のリンクにマウスを乗せたとき「だけ」フワッと浮き上がらせる */
.next_info_inner.hover_up a:hover {
	transform: translateY(-5px) !important;
	color: #d99e82 !important; /* お気に入りのorange pink */
	text-decoration: underline;
	text-decoration-color: #d99e82 !important;
	cursor: pointer;
}

/* NEXTの見出し部分 */
.next_title {
	color: #999999 !important;
	border-left: 5px solid #63acb7;
	padding: 0 10px;
	margin-bottom: 8px !important;
}
.next_title_box {text-align-last: left;}
/* 他カテゴリ案内 */
.gallery_container {
    position: relative;
    border: solid 1px #8b4513;    	/* 内側の線になる一本線の枠線をひく*/
    outline: solid 5px #8b4513;    /* 外側の線になる一本線の枠線をひく*/
    outline-offset: 2px;        /* 外側の線と内側の線の空き具合を調整*/
    margin: 7px;                  /* outline + outline-offset */
    padding-top: 30px;
}
.gallery_container::before {
	content: "Gallery";
	position: absolute;
	color: #ffffe0;
	font-size: 16px;
	background:#8b4513 !important;
	width: 100px;
	height: 30px;
	border-radius: 5px 0 0 0;
	font-weight: bolder;
	text-align: center;
	top: -1px;
	left: -1px;	
}
.basic_container {
    position: relative;
    border: solid 1px #9d9280;    	/* 内側の線になる一本線の枠線をひく*/
    outline: solid 5px #9d9280;    /* 外側の線になる一本線の枠線をひく*/
    outline-offset: 2px;        /* 外側の線と内側の線の空き具合を調整*/
    margin: 7px;                  /* outline + outline-offset */ 
    padding-top: 30px;
}
.basic_container::after {
	content: "Basic Lesson";
	position: absolute;
	color: #ffffe0;
	font-size: 16px;
	background:#9d9280 !important;
	width: 200px;
	height: 30px;
	border-radius: 5px 0 0 0;
	font-weight: bolder;
	text-align: center;
	top: -1px;
	left: -1px;	
}
/* go to top ボタン */
/* トップへ戻るボタンに文字を追加する */
.go-to-top-button::after {
    content: 'TOP'; /* 表示したい文字に変更してください */
    display: block;
    font-size: 1px; /* 文字の大きさを調整 */
    font-weight: bold;
    margin-top: -5px; /* アイコンと文字の間隔を調整 */
}

/***** サイドバーウィジェット *****/
#side .widget_block {
	padding-bottom: 0 !important;
}
/* profile */
.profile_box {
	margin: 0;
	padding: 0;
	box-shadow: 0 3px 4px rgba(0, 0, 0, 0.4);
	background: url(https://knitting.snowlilas.com/wp-content/uploads/2026/01/3617081_s.jpg) no-repeat;
	background-size: cover;
	background-position: 0 40%;
	background-color: #fef4f4;
	border: solid 1px #7b8870;    	/* 内側の線になる一本線の枠線をひく*/
	outline: solid 3px #7b8870;    /* 外側の線になる一本線の枠線をひく*/
	outline-offset: 2px;        /* 外側の線と内側の線の空き具合を調整*/
	margin: 5px;                  /* outline + outline-offset */ 
}
.profile_box_mask {
	height: 100%;
	background-color: rgba(193,228,233,0.5) !important;
	padding: 1em;
}
.profile_box .box-title {
	font-size: 18px;
	line-height:1.8;
	background: #d99e82; /*タイトルの背景色*/
	padding: 4px;
	text-align: center;
	color: #FFF; /*文字色*/
	font-weight: bold;
	letter-spacing: 0.05em;
	border-radius: 8px;
}
/*内容*/
.profile_center{
	text-align: center;
	margin: 30px 15px 0 0;
}
/*プロフィール画像*/
.profile_figure {
	width:100px;
	height:100px;
	border-radius: 50%; /*丸くする*/
	border: solid 3px #d99e82; /*枠線*/
}
.profile_figure:hover {animation: fluffy 1s linear;/*アニメーション*/}
/*名前*/
.profile_name {
	padding: 15px 20px;
	font-size:24px;
	color: #9d9280;
}
.profile_text1 {
	color: #ffffff;
	font-size: 20px;
}
.profile_text2 {
	color: ＃ffffff !important;
	line-height: 1.2;
}
/* BGM ＆ beverage */
.profile_box ul {
	position: relative;
	margin-top: 30px;
}
.profile_box ul li {
	line-height: 1;
/*	padding: 0.5em 0;*/
	padding: 0 !important;
	list-style-type: none!important;
	display: flex;
}
.profile_about {
	flex-basis: 30%;
	color: #bc64a4;
	font-weight: 700;
	line-height: 1;
}
.profile_box > ul > li > span {flex-basis: 70%;}
.profile_about.responsive {flex-basis: 65% !important;}
/* message box */
.message_box {
	width: auto;
	height: 100px;
}
.message_img {
	position: absolute;
	width: 50px;
	height: 50px;
	bottom: 5%;
	right: 5%;
}
aside > div > div > h4 {
	margin-bottom: 0 !important;
}
aside > div > div > ul {
	margin-top: 0 !important;
}
#side-scroll > div > div > nav > ul {
        margin-top: 0 !important;	
}
/***** アフィリエイト *****/
.shopping_inner > a {margin: 20px 20px 0 0;}
/* サイトインフォ（姉妹ブログへの誘導） */
.site_infocard {
	width: 100%;
	display: flex;
	border: 1px solid #ef9c99;
	margin-bottom: 20px;
}
.info_text {
	width: 50%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-right: 20px;
}
.info_button {
	width: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.site_logo_card {
	width: 100%;
	height: auto;
}
/********/
/* footer */
/********/
/* フッターメニューカスタマイズ */
footer {
    width: auto;      /* widowsのスペルミスを修正 */
    height: auto !important; /* ★1000pxからautoに変更して余計な空白を削除 */
}

/* ★Cocoon独自のフッター最下部の余白を完全にリセット */
#footer, .footer-bottom {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

.col-12.col-xs-12 {
    display: none;
}

#footer-in {
    width: 100%;
    margin-top: 0;
    margin-bottom: 0; /* 下の隙間対策 */
    padding: 0;
    color: #403d39 !important; /* ＃を半角に修正 */
    background-color: #e1d1b7 !important;
    border-bottom: none !important;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

#footer-in ul {
    height: 100px !important;
    padding: 20px 20px 20px 50px;
    background-size: 100% 100% !important;
}

/* クレジット表記全体の背景や文字色の調整 */
.footer-in {
    margin-top: 0;
    background: url(https://knitting.snowlilas.com/wp-content/uploads/2026/01/knitting_footer03.jpg) right /cover no-repeat !important;
    background-size: 100% 100% !important;    
    text-align: left !important;
    width: 100%;
    height: auto;
    color: #403d39 !important; /* ＃を半角に修正 */
    border-top: none !important;
}

/* ★画像の下に発生する数ピクセルの隙間を防止 */
.footer-in img {
    vertical-align: bottom;
    display: block;
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

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

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}
/* ===================================================
   【緊急対策】移行時のフレックス横並びバグを強制解除
=================================================== */
/* 1. 外側のグループがどんな設定になっていても、強制的に100%の縦並びに戻す */
.wp-block-group.is-layout-flex,
.wp-block-group.is-layout-grid,
div[class*="_inner"],
.gallery_inner {
    display: block !important;
    flex-direction: column !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* 2. 中に閉じ込められている「見出し」と「中身」を強制的に縦に並べる */
.wp-block-group.is-layout-flex > *,
.wp-block-group.is-layout-grid > *,
div[class*="_inner"] > * {
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* 3. 「最新の投稿」ブロックが細長く潰れるのを防ぎ、3カラムを復活させる */
.wp-block-latest-posts.wp-block-latest-posts__list {
    display: flex !important;
    flex-wrap: wrap !important;
    width: 100% !important;
}
.wp-block-latest-posts__list li {
    width: 31% !important; /* パソコンで綺麗な3列に戻す */
    min-width: 250px !important; /* スマホやタブレットでも潰れないように保護 */
    margin-bottom: 20px !important;
}