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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/* サイト全体 */
/* 2022.4.26 10:06 */
.grid {
	padding: 0 25px;
}
body {
	color: #403d39;
	font-family: 'honoka_antique' , sans-serif;
}
h1.entry-title {
	display: none;
}
/* cocoon 設定変更 */
.entry-content p  {
/*	line-height: 1.5;*/
	margin-bottom: 1em;
}
.entry-content i {
	margin: 0;
}
img {
	vertical-align: bottom;
	margin: 0;
	padding: 0;
}
figcaption {
	font-size: 1em;
}
a {
	text-decoration: none;
}
a:hover {
	color: #a73836 !important;
	transform: translateY(-5px) !important;
	transition:1s all;
	text-decoration: underline #a73836;
}
.sidebar ul {
	padding: 0;
}
.image_loop img {
	max-width: none;
	border: none;
}
.content ul li:before {
	display: inline-block !important;
}
.article-header.entry-header { /* 更新日、カテゴリ、タグ 並列*/
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
	align-items: flex-start;
	align-content: flex-start;
}
.date-tags .far.fa-clock::before { /* カテゴリ、タグ表示設定 */
	content: "\f073" !important;
}
.date-tags .date.published::before {
	content: "公開日:";
	background: transparent;
	display: inline-block;
}
.date-tags .date::before {
	content: "更新日:";
	background: transparent;
	display: inline-block;
}
/* アニメーション設定 */
 @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;}
}
@keyframes rotate_y { /* 横方向に回転 */
	0% {transform: rotateY(0deg);}
	100%{transform: rotateY(360deg);}
}
@keyframes rotate_x { /* 縦方向に回転 */
	0%{transform: rotateX(0deg);}
	100%{transform: rotateX(360deg);}
}
@keyframes swing_x {
	0% {transform: rotatex(0deg);}
	20% {transform: rotatex(45deg);}
	40% {transform: rotatex(-45deg);}
	50% {transform: rotatex(20deg);}
	60% {transform: rotatex(-20deg);}
	70% {transform: rotatex(10deg);}
	80% {transform: rotatex(-10deg);}
	90% {transform: rotatex(10deg);}
	95% {transform: rotatex(-10deg);}
}
@keyframes fadeIn { /*  フェードイン */
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@keyframes typing { from { width: 0; } } /* テキストタイピング */
@keyframes caret { 50% { border-color: transparent; } } /* タイピング縦棒 */
@keyframes moveInLeft { /*ムーブインレフト・ムーブインライト*/
	0% {
	opacity: 0;
	transform: translateX(-200px);
	}
	80% {
	transform: translateX(10px);
	}
	100% {
	opacity: 1;
	transform: translate(0);
	}
}
@keyframes moveInRight {
	0% {
	opacity: 0;
	transform: translateX(200px);
	} 
	80% {
	transform: translateX(-10px);
	}
	100% {
	opacity: 1;
	transform: translate(0);
	}
}
/* 無限ループ */
@-webkit-keyframes loop1 {
	0% {
		transform: translateX(100%);
	}
	100% {
		transform: translateX(-100%);
	}
}  
@keyframes loop1 {
	0% {
		transform: translateX(100%);
	}
	100% {
		transform: translateX(-100%);
	}
}  
@-webkit-keyframes loop2 {
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translateX(-200%);
	}
}  
@keyframes loop2 {
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translateX(-200%);
	}
}
@keyframes stampOn {
	0% {
    	visibility:visible;
		opacity: 0;
		transform:  rotate(-120deg) scale(2.5);
  	}
	30% {
    	visibility:visible;
		opacity: 0.8;
		transform:  rotate(5deg) scale(1.04);
	}
	100% {
    	visibility:visible;
		opacity: 1.0;
		transform: rotate(0deg);
	}
}
@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); } 
}
@keyframe rotate_right { /* 右回転 */
	0%   { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }	
}
/* フォント */
@font-face{ /* コミック古印 */
	font-family: 'comickoin';
	src: url('https://cafe.snowlilas.com/wp-includes/fonts/g_comickoin_freeR_subset.woff') format('woff'),
	url('https://cafe.snowlilas.com/wp-includes/fonts/g_comickoin_freeR_subset.eot') format('eot');
}
@font-face{ /* GENJIと同じ　ゴシック　丸文字っぽい */ 
	font-family: 'honoka_antique';
	src: url('https://snowlila.com/public_html/cafe.snowlilas.com/wp-includes/fonts/font_1_ant_maru_subset.woff') format('woff'),
	url('https://snowlila.com/public_html//cafe.snowlilas.com/wp-includes/fonts/font_1_ant_maru_subset.eot') format('eot');
}
@font-face{  /* 新ほのかアンティーク（かなが小さくかな明朝とゴシック漢字） */
	font-family: 'honoka_antique_mix';
	src: url('https://cafe.snowlilas.com/wp-includes/fonts/Honoka-Shin-Antique-Maru_R_subset.woff') format('woff');
}
@font-face{ /* ほのか明朝 */
	font-family: 'honoka_mincho';
	src: url('https://cafe.snowlilas.com/wp-includes/fonts/Honoka_Shin_Mincho_L_subset.woff') format('woff');
}
/* font awesome */
.fa_icon::before {
	background: transparent;
	display: inline-block;
	font-weight: 900;
	font-style: normal;
	font-size: 1em;
	font-variant: normal;
	padding-right : 5px;/*文字との隙間*/
	text-rendering: auto;
	line-height: 1;
}
.fa_icon.blue {
	color: #64bdb1;
}
.fa_icon.fa_2w::before {
	font-size: 2em;	
}
.fa_icon.fa-fw {
	margin-right: 10px;
}
.fa_icon.pointup::before {
    font-family: "Font Awesome 5 Free" !important;
    content: "\f0a6" !important;
}
.fa_icon.book_open::before {
	font-family: "Font Awesome 5 Free" !important;
	content: "\f518" !important;
}
.fa-icon.bookmark::before {
	font-family: "Font Awesome 5 Free" !important;
	content: "\f02e" !important;
}
.fa_icon.people::before {
	font-family: "Font Awesome 5 Free" !important;
	content: "\f406" !important;
}
/**************/
/* 汎用的装飾 */
/**************/
ol, ul, li, dl {
	list-style: none;
}
.content ul li:before {
	display: none;
}
.pc_display {
	display: block;
}
.sp_display {
	display: none;
}
.responsive_br {
	display: none;
}
.relative {
	position: relative;
}
.adjustment_30 {
	height: 30px;
	margin-bottom: 0;
}
.adjustment_70 {
	height: 70px;
	margin-bottom: 0;
}
.text_english {
	font-family: 'Lobster', cursive !important;
}
.text_comickoin {
	font-family: 'comickoin', cursive !important;
}
.color_main {
	color: #f8e58c;
}
.color_submain {
	color: #2f5d50;
}
.color_pistachio {
	color: #93ca76;
}
.color_ecru {
	color: #ceb36f;
}
.color_pink {
	color: #f3bdbd;
}
.color_dark_pink {
	color: #ee827c;
}
.color_purple {
	color: #68699b;
}
.color_blue {
	color: #64bdb1;
}
.font_36 {
	font-size: 36px;
}
.font_30 {
	font-size: 30px;
}
.font_24 {
	font-size: 24px;
}
.font_20 {
	font-size: 20px;
}
.fontweight_bold {
	font-weight: bold;
}
.vertical_writing {
	writing-mode: vertical-rl;
	text-orientation: upright;
}
.lineheight1 {
	line-height: 1;
}
.dot_text { /* テキストの上に丸（・）メインカラー */
	text-emphasis: filled circle #bc64a4;
	-webkit-text-emphasis: filled circle #bc64a4;
}
.bg_gradiation.white_blue {
	background: rgb(255,255,255);
	background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 30%, rgba(162,215,221,1) 100%);
}
.bg_gradiation.white_pink {
	background: rgb(255,255,255);
	background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 30%, rgba(238,187,203,1) 100%);
}
.bg_gradiation.blue_white {
	background: rgb(255,255,255);
	background: linear-gradient(180deg, rgba(162,215,221,1) 0%, rgba(255,255,255,1) 70%, rgba(255,255,255,1) 100%);
}
.bg_gradiation.pink_white {
	background: rgb(255,255,255);
	background: linear-gradient(180deg, rgba(238,187,203,1) 0%, rgba(255,255,255,1) 70%, rgba(255,255,255,1) 100%);
}
.bg_gradiation.blue {
	background: rgb(255,255,255);
	background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(162,215,221,1) 30%, rgba(162,215,221,1) 70%, rgba(255,255,255,1) 100%);
}
.bg_gradiation.pink {
	background: rgb(255,255,255);
	background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(238,187,203,1) 30%, rgba(238,187,203,1) 70%, rgba(255,255,255,1) 100%);
}
.bg_gradiation.cream_to_blue {
	background: linear-gradient(135deg, rgba(255,255,224,0.5) 0%, rgba(214,233,202,0.5) 50%, rgba(0,175,204,0.5) 100%);
}
.bg_gradiation.cream_blue_purple {
	background: rgb(255,255,224);
	background: linear-gradient(135deg, rgba(255,255,224,1) 0%, rgba(100,189,177,1) 40%, rgba(188,100,164,1) 80%);
}
.bg_transparent {
	background: 0 0 !important;
}
.border_dubble.main_color { /* 枠線の二重線 */
    border: solid 1px #f8e58c;     /* 内側の線になる一本線の枠線をひく*/
    outline: solid 3px #f8e58c;     /* 外側の線になる一本線の枠線をひく*/
    outline-offset: 2px;        /* 外側の線と内側の線の空き具合を調整*/
}
.border_dubble.submain_color { /* 枠線の二重線 */
    border: solid 1px #2f5d50;   /* 内側の線になる一本線の枠線をひく*/
    outline: solid 3px #2f5d50; /* 外側の線になる一本線の枠線をひく*/
    outline-offset: 2px;        /* 外側の線と内側の線の空き具合を調整*/
}
.border_dubble.plum { /* 枠線の二重線 */
     border: solid 1px #7a4171;   /* 内側の線になる一本線の枠線をひく*/
     outline: solid 3px #7a4171;  /* 外側の線になる一本線の枠線をひく*/
     outline-offset: 2px;        /* 外側の線と内側の線の空き具合を調整*/
}
.border_pink {
	border: 1px solid #ef9c99;
}
.border_none {
	border: none;
}
.border_pistachio {
	border: 2px solid #93ca76;
}
.border_bottom_double.pistachio {
	border-bottom: double 6px #93ca76;
}
.text_align_center {
	text-align: center;
}
.text_align_right {
	text-align: right;
}
.text_align_left {
	text-align: left;
}
.margin_zero {
	margin: 0;
}
.margin_30 {
    margin: 30px;
}
.margin_top_zero {
	margin-top: 0;
}
.margin_top_30 {
	margin-top: 30px;
}
.margin_right_5 {
	margin-right: 5px;
}
.margin_right_20 {
	margin-right: 20%;
}
.margin_top_30 {
	margin-top: 30px;
}
.margin_left_20 {
	margin-left: 20%;
}
.margin_left_30 {
	margin-left: 30px;
}
.margin_bottom_zero {
	margin-bottom: 0;
}
.margin_bottom_30 {
	margin-bottom: 30px;
}
.padding_zero {
	padding: 0;
}
.padding_10 {
	padding: 10px;
}
.padding_30 {
	padding: 30px;
}
.padding_bottom_10 {
	padding-bottom: 10px;
}
.flex_box {display: flex;}
.flex_box_wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}
.flex_wrap_start {
 	display: flex;
	justify-content: space-between;
	align-content: flex-start;
	flex-wrap: wrap;
}
.flex_center_center {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-content: center;
	align-items: center;
}
.flex_center {
	display: flex;
	flex-direction:column;
	justify-content: center;
}
.flex_center_row {
	display: flex;
	flex-direction:row;
	justify-content: center;
}
.flex_bottom {
	display: flex;
	flex-direction:column;
	justify-content: flex-end;
}
.flex_basis_30 {flex-basis: 30%;}
.flex_basis_70 {flex-basis: 70%;}
/* hover (a:hoverが効かない部分) */
.hover_up:hover,
.tag_style:hover,
.list_inner li:hover,
.list_inner tr:hover,
.internal_link_inner li:hover {
	color: #a73836;
	transform: translateY(-5px);
	transition:1s all;
	text-decoration: underline #a73836;
}
.hover_zoom:hover {
	transform:scale(1.1,1.1) !important;
	transition:1s all;
}
.hover_zoom_big_right:hover {
	transform:scale(2,2);
	transform-origin: center right;
	transition:1s all;
}
.thanks_message:hover {
	animation: fluffy 5s ease infinite;
}
.rpwe-li.rpwe-clearfix:hover,
.recentviewed_post li:hover {
	transform: scale(1.05,1.05);
	transition: 1s all;
}
ul.recentviewed_post {
	padding: 0;
	font-size: 12px;
}
/****** ムーブインライト＆ムーブインレフト ******/
.movein-heading {
	margin: 50px 0 20px;
}
.movein-heading-primary,
.movein-heading-secondary,
.movein_left,
.movein_right {
	opacity: 0;
}
.movein-heading-primary.show {
	display: block;
	animation: moveInLeft 1s ease-out forwards;
}
.movein-heading-primary.kami1.show {
	animation: moveInLeft 1s 2s ease-out forwards;
}
.movein-heading-primary.kami2.show {
	animation: moveInLeft 1s 2.3s ease-out forwards;
}
.movein-heading-primary.kami3.show {
	animation: moveInLeft 1s 2.6s ease-out forwards;
}
.movein-heading-secondary.show {
	display: block;
	animation: moveInRight 1s .5s ease-out forwards;
}
.movein-heading-secondary.shimo1.show {
	animation: moveInRight 1s 3s ease-out forwards;
}
.movein-heading-secondary.shimo2.show {
	animation: moveInRight 1s 3.3s ease-out forwards;
}
.movein_right.show {
	animation: moveInRight 1S .3s ease-out forwards;
}
.movein_left.show {
	animation: moveInLeft 1S .3s ease-out forwards;
}
/******  画像きらり(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;
}
/****** ローテーション ******/
.rotation_y {
	margin-bottom: 0 !important;
	animation: rotate_y 2s cubic-bezier(0.550,0.085,0.680,0.530) both;
}
.rotation_y_delay {
	margin-bottom: 0 !important;
	animation: rotate_y 2s 2s cubic-bezier(0.550,0.085,0.680,0.530) both;
}
.rotation_x.show {
	animation: rotate_x 2s linear forwards;
}
.rotation_right {
	animation: rotate_right 3s linear infinite;
}
/* スウィング */
.swing_x.show {
	transform-origin: center top;
	animation: swing_x 2s linear forwards;
}
/****** テキストタイピング ******/
.typing {
	color: #622d18;
	font-family: 'comickoin' !important; 
	width: 39ch;
	border-right: .08em solid;
	overflow: hidden;
	font-size: 1.2em;
	white-space: nowrap;
	margin: 30px auto;
}
.typing.letter39 {
	width: 39ch;
}
.typing.letter26 {
	width: 26ch;
}
.typing.letter39.show {
	animation: typing 5s steps(39, end),caret .5s step-end infinite;
}
.typing.letter26.show {
	animation: typing 5s steps(26, end),caret .5s step-end infinite;
}
/******* テキストフェードイン ******/
.text_fade_in {
	opacity: 0;
}
.text_fade_in.show {
	animation: fadeIn 2.5s ease .2s 1 normal forwards;
}
/******* テキストスライドイン ******/
.text_slide_in {
	opacity: 0;
	transform: translatey(45px);
	transition: all 300ms;
}
.text_slide_in.show {
	opacity: 1;
	transform: translatey(0);
	transition: all 500ms 1000ms;
}
.text_slide_in.delay.show {
	transition: all 500ms 1200ms;
}
.text_slide_from_left {
	opacity: 0;
	transform: translatex(-45px);
	transition: all 300ms;
}
.text_slide_from_left.show {
	opacity: 1;
	transform: translatex(0);
	transition: all 500ms 300ms;
}
.text_slide_from_left_big {
	opacity: 0;
	transform: translatex(-500px);
	transition: all 300ms;
}
.text_slide_from_left_big.show {
	opacity: 1;
	transform: translatex(0);
	transition: all 800ms 1500ms;
}
/* clip-path ぴろんと表示 */
.clip_path.left_top {
	clip-path: inset(0 100% 100% 0);
}
.clip_path.left_top.show {
	clip-path: inset(0);
	transition: all 2s .5s ease-in-out;
}
/* fluffy jumping shake etc. */
.animation_fluffy {
	animation: fluffy 5s ease infinite;
}
/* 画像無限ループ */
/* htmlで同じ画像群を２回読み込む */
/* animation-durarationは同じ秒数 */
/* 片方のアニメーションにanimation-durarationの半分のanimation-delayを設定 */
/* 無限ループinfinite */
/* 一定変化のlinear指定 */
.loop_images:first-child {
	-webkit-animation: loop1 50s -25s linear infinite;
	animation: loop1 50s -25s linear infinite;
} 
.loop_images:last-child {
	-webkit-animation: loop2 50s linear infinite;
	animation: loop2 50s linear infinite;
}
.image_loop ul li {
	margin: 0;
}
.image_loop .external-icon {
	display: none;
}
.image_loop {
	position: relative;
	height: 300px;
} 
.loop_heading {
	position: absolute;
	width: 248px;
	height: 248px;
	top: 50%;
	left: 15%;
	transform: translateY(-50%);
	display: table;
	text-align: center;
	z-index: 2;
	border-radius: 50%;
	background: rgb(248,229,140);
	background: linear-gradient(135deg, rgba(248,229,140,1) 0%, rgba(147,202,118,1) 50%, rgba(47,93,80,1) 100%);
	opacity: 0.8;
}  
.heading_text {
	color: #2f5d50;
	font-size: 28px;
	font-weight: bold;
	display: table-cell;
	vertical-align: middle;
}  
.loop_wrap {
	display: flex;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.loop_images {
	width: auto;
	height: 100%;
	display: flex;
	margin: 0;
	padding: 0;
}
.loop_item {
	display: inline-block;
}
/* 大中小の画像配置 */
.loop_image {
	display: block;
	position: relative;
}  
.image-entity {
	margin: 0 5px;
	padding: 0;
	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;
}
/****** and more （続きを見るボタン）*****/
.cp_box *, .cp_box *:before, .cp_box *:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.cp_box {
	width: auto;
	margin: 2em auto;
}
.cp_box label,
.label_title {
	font-weight: bold;
	position: relative;
	display: block;
	width: 80%;
	margin: auto;
	padding: 0.3em 1em;
	cursor: pointer;
	transition: all 0.3s;
	text-align: center;
	color: #64bdb1;
	border: 2px solid #64bdb1;
	border-radius: 5px;
}
.cp_box label.width_60 {
	width: 60% !important;
}
.cp_box label:hover { /* ホバー時にグラデーション */
	transition: all 0.3s;
	color: #ffffff;
	background: rgb(255,255,224);
	background: linear-gradient(135deg, rgba(255,255,224,1) 0%, rgba(214,233,202,1) 50%, rgba(47,93,80,1) 100%);
}
.cp_box label::before {
	font-family: 'Lobster', cursive !important;
	content: ' open ';
	color: #64bdb1;
}
.cp_box label::after {
	font-family: "Font Awesome 5 Free" !important;
	content: ' \f067';
	color: #64bdb1;
	padding-left : 5px;/*文字との隙間*/
}
.cp_box label:hover::before,
.cp_box label:hover::after {
	color: #ffffff;
}
.cp_box input:checked ~ label::before {
	font-family: 'Lobster', cursive !important;
	content: ' close ';
	color: #64bdb1;
}
.cp_box input:checked ~ label::after {
	font-family: "Font Awesome 5 Free" !important;
	content: ' \f068';
	color: #64bdb1;
	padding-left : 5px;/*文字との隙間*/
}
.cp_box input:checked ~ label:hover::before,
.cp_box input:checked ~ label:hover::after {
	color: #ffffff;
}
.cp_box input {
	display: none;
}
.cp_box .cp_container {
	position: relative;
	z-index: 10;
	overflow: hidden;
	height: 0;
	margin-top: -1px;
	transition: height 0.3s ease-in-out,box-shadow 0.6s linear;
	background: transparent;
}
.cp_box input:checked ~ div {
	transition: height 0.5s ease-in-out,box-shadow 0.1s linear;
}
.cp_box .cp_container.link_info_box {
	margin: 30px;
}
/* 続きを読むを押すと表示されるテキストの高さ */
.cp_box input:checked ~ div.cp_container {
	height: auto !important;
}
/* アピールエリア　スライダー */
#metaslider_158 > ul > li > .caption-wrap {
	position: relative;
	margin: 30px 0 0;
	background: transparent;
	bottom: 80%;
	text-align: center;
	color: #ceb36f;
}
#metaslider_158 > ul > li > .caption-wrap::before {
    position: absolute;
    top: 50%;
    z-index: 1;
    content: '';
    display: block;
    width: 100%;
    height: 5px;
    background: #f8e58c;
    background: linear-gradient(-45deg, transparent, #2f5d50 20%, #2f5d50 80%, transparent);
}
#metaslider_158 > ul > li > .caption-wrap > .caption {
	position: relative;
	font-size: 36px;
	font-weight: bold;
    font-family: "ほのかアンティーク", serif;
	display: inline-block;
	margin: 0 4em;
    padding: 0 1em;
	background: #f4f5f7;
	z-index: 2;
}
/* header */
.header {
	height: 220px;
}
/* グローバルナビ */
#navi .navi-in a {
	position: relative;
}
#navi .navi-in a:hover {
	height: 110%;
	top: -10%;
	background: #93ca76;
	transition: background 1s;
}
#navi .navi-in a > .caption-wrap {
	transition: opacity .5s,transform .5s;
}
#navi .navi-in a > .caption-wrap:hover {
	opacity: 1;
	transform: translateY(-5px);
}
#navi .navi-in > ul.sub-menu {
	top: 100%;
}
#navi .navi-in > ul.sub-menu > li > ul.sub-menu {
	top: -70px;
}
#navi .navi-in > ul li {
	border-bottom: 1px solid #fff9dc;
}
#menu-item-140,
#menu-item-852,
#menu-item-2008,
#menu-item-2009 {
	border-bottom: none !important;
}
#menu-item-2008 .sub-menu .caption-wrap {
	position: relative;
}
#menu-item-2008 .sub-menu .item-label {
	position: absolute;
	top: 50%;
	transform: translatey(50%);
	line-height: 1.2;
}
#menu-item-2008 > ul >li {
	width: 350px;
}
#navi.fixed { /* スティッキーヘッダー */
	position: fixed;
	top: 0;
	z-index: 100;
	width: 100%;
}
/* main */
/* 見出し */
.article h4, .article h5 {
	margin-top: 1.2rem;
}
.entry-content h2:after {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	width: 10px;
	height: 100%;
	background: #2f5d50;
}
.entry-content h2,
.sidebar h2 {
	position: relative;
	padding: .5em .5em .5em 1em;
	font-size: 24px;
	color: #2f5d50;
	background: url(https://cafe.snowlilas.com/wp-content/uploads/2022/04/7e2c95427ad56e2a67092b3f630536b6.png) center /cover no-repeat !important;
	width: 100%;
	height: auto;
}
.sidebar h2 {
	padding: .2em .2em .2em 1em;
}
.entry-content h2::before {
 	position: absolute;
	content: '';
	top: 100%;
	left: 0;
	border: none;
	border-bottom: solid 15px transparent;
	border-right: solid 20px #93ca76;
}
.entry-content h3 {
 	position: relative;
	display: inline-block;
 	padding: 8px 52px 8px 52px;
 	background:url(https://cafe.snowlilas.com/wp-content/uploads/2022/04/ff230dae63d2331eb8ebe95910aeb20c-e1649428450751.jpg) right /cover no-repeat !important;
 	font-size: 20px;
 	color: #403d39;
	margin-left: -20px;
 	line-height: 1.3;
	border: none;
 	border-bottom: solid 3px #f8e58c;
}
.entry-content h3:before {
	position: absolute;
	content: '';
	left: -2px;
	top: -2px;
	width: 0;
	height: 0;
	border: none;
	border-left: solid 40px white;
	border-bottom: solid 79px transparent;
}
.entry-content h3:after {
	position: absolute;
	content: '';
	right: -3px;
	top: -7px;
	width: 0;
	height: 0;
	border: none;
	border-left: solid 40px transparent;
	border-bottom: solid 79px white;
}
.entry-content h4 {
	position: relative;
	width: 50%;
	padding: 0 0 5px 20px;
	border-top: none;
	border-bottom: solid 3px #2f5d50;
	display: inline-block;
}
.entry-content h4:before {
	position: absolute;
	content: '';
	bottom: -2px;
	left: -2px;
	width: 0;
	height: 0;
	border: none;
	border-left: solid 15px transparent;
	border-bottom: solid 15px #f8e58c;
}
.entry-content h4:after {
 	position: absolute;
	content: " ";
	display: block;
	left: 0;
	border-bottom: solid 3px #f8e58c;
	bottom: -3px !important;
	width: 30%;
}
.entry-content h5,
.sidebar h3,
.next_title {
	padding: 0.25em 0.5em;
	color: #403d39;
	font-size: 18px;
	line-height: 1.2;
	background: transparent;
	border-left: solid 10px #f8e58c;
	border-bottom: none;
}
/* メインイメージ （フロントページ、エピソードページ）*/
#front_top_view {
	background: #fefbec;
}
#front_top_view .movein-heading,
#front_top_view p {
	margin: 0;
}
#front_top_view .blog_title_wrapper {
	position: absolute;
	left: 50%;
	width: 45%;
	height: 35%;
	background: url(https://cafe.snowlilas.com/wp-content/uploads/2022/04/7e2c95427ad56e2a67092b3f630536b6.png) center right;
}
.blog_title_wrapper.extra_issue {
	position: absolute;
	width: 70%;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	background: url(https://cafe.snowlilas.com/wp-content/uploads/2022/04/7e2c95427ad56e2a67092b3f630536b6.png) center right;
	background-color: radial-gradient(circle at center, transparent 0%,rgba(255,255,224,0.5) 100%);
}
#top_view .image_section1 {
	position: relative;
	overflow: hidden;
	max-height: 600px;
}
#top_view .image_section1::before {
	content: '';
	position: absolute;
	bottom: 0;
	right: 0;
	border-top: 10vw solid transparent;
	border-right: 100vw solid rgba(248,192,119,0.5);
	border-bottom: 10vw solid rgba(252,128,119,0.5);
}
#top_view .image_section1::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}
#top_view .image_section1.white::after {
	background: rgba(255,255,255,0.2);
}
#top_view .image_section1.white_dark::after {
	background: rgba(255,255,255,0.5);
}
#top_view .image_section1.cream::after {
	background: rgba(255,255,224,0.5);
}
#top_view .image_section1.orange::after {
	background: rgba(246,173,73,0.5);
}
#top_view .image_section1 > img {
	width: 100%;
	min-height: 540px;
}
#top_view .main_title_wrapper {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	padding: 30px;
}
#top_view .episode_title {
	font-size: 24px;
	font-weight: bold;
}
#front_top_view .blog_title,
#top_view .waka {
	font-size: 36px;
	font-weight: bold;
    font-family: "ほのか明朝", serif;
}
#nenpyo_top .cover_title_wrapper {
	position: absolute;
	width: 50%;
	height: 40%;
	background: url(https://cafe.snowlilas.com/wp-content/uploads/2022/04/7e2c95427ad56e2a67092b3f630536b6.png) bottom center /cover no-repeat;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
}
#top_view .kamino_ku > p,
#top_view .shimono_ku > p {
	margin-bottom: 0;
}
#top_view .kamino_ku {
	position: absolute;
	top: 20%;
	left: 10%;
}
#top_view .shimono_ku {
	position: absolute;
	top: 55%;
	left: 40%;
}
#top_view .yomibito {
	position: absolute;
	top: 80%;
	right: 15%;
	font-size: 24px;
	font-weight: bold;
}
#top_view .yomibito.top70 {
	top: 70%;
}
#top_view .extra_issue_topics_no,
#top_view .extra_issue_title_sub {
	margin-top: 20px !important;
}
#top_view .extra_issue_title_sub,
#top_view .extra_issue_title_main {
	margin-bottom: 0;
}
#front_top_view .message,
#top_view .message,
#nenpyo_top .message {
	position: absolute;
	width: 500px;
	bottom: 5%;
	left: 50%;
    transform: translateX(-40%);
	font-size: 20px;
	margin: 0 auto;
}
#top_view .text_slide_from_left_big.show {
	transition: all 800ms 1200ms;
}
#front_top_view .logo_stamp.top_left{
	position: absolute;
	top: 3%;
	left: 3%;
}
#top_view .logo_stamp.top_right,
#nenpyo_top .logo_stamp.top_right {
	position: absolute;
	top: -3%;
	right: -3%;
}
#top_view .logo_stamp.bottom_left {
	position: absolute;
	bottom: -5%;
	left: -5%;
}
.logo_stamp.bottom_right {
	position: absolute;
	bottom: -2%;
	right: -5%;
}
#front_top_view .stamp_on,
#top_view .stamp_on,
#nenpyo_top .stamp_on {
	position: relative;
	width: 100px;
	height: 100px;
}
#front_top_view .blog_logo,
#top_view .blog_logo,
#nenpyo_top .blog_logo {
	display: inline-block;
	width: 100%;
	height: 100%;
	border: none;
	/* スタンプアニメーションのための初期値 */
	visibility:hidden;
    animation: stampOn 2s 1S paused both;
}
#top_view .blog_logo { 
	visibility: hidden;
	animation: stampOn 2s 5s paused both;
}
#nenpyo_top .blog_logo { 
	visibility: hidden;
	animation: stampOn 2s paused both;
}
#front_top_view .blog_logo.show,
#top_view .blog_logo.show,
#nenpyo_top .blog_logo.show {
 	animation-play-state: running;
}
/* 手札 */
.tefuda_box.border_dubble {
	border: solid 2px #2f5d50; /* 内側の線になる一本線の枠線をひく*/
	outline: solid 4px #2f5d50; /* 外側の線になる一本線の枠線をひく*/
	outline-offset: 3px; /* 外側の線と内側の線の空き具合を調整*/
}
.tefuda_shimo {
	width: 195px;
	height: 265px;
	font-size: 37px;
	writing-mode: vertical-rl;
	letter-spacing: 0.2em;
	line-height: 1.5 !important;
	margin-bottom: 0 !important;
	padding: 20px;
}
.tefuda_kimari {
	width: 195px;
	height: 265px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: rgba(100,189,177,0.5);
	font-size: 80px;
	font-weight: bold;
	writing-mode: vertical-rl;
	line-height: 1.2 !important;
	letter-spacing: 0em;
	margin: 0 auto !important;
	padding: 10px;
}
.tefuda_kimari.letter1 {
	font-size: 140px;
}
.tefuda_kimari.letter2 {
	font-size: 110px;
	line-height: 1 !important;
}
.fusen_tag { /* 付箋風テキスト */
	position: relative;
	display: inline-block;
	padding: 0.5em;
	font-size: 20px;
	font-weight: bold; 
	margin: 10px !important;
}
.fusen_tag:after {
	width: 120px;
	height: 50px;
	content: "";
	position: absolute;
	top: 0;
	right: 5px;
	box-shadow: 10px 10px 5px rgba(153,153,153,0.5);
	transform: rotate(5deg);
	z-index: -1;
}
.fusen_tag.purple {
	color: #bc64a4;
	border-left: 30px solid #bc64a4;
	background: #ebf6f7;
}
.fusen_tag.blue {
	color: #64bdb1;
	border-left: 30px solid #64bdb1;
	background: #f8f4e6;
}
.fusen_tag.dark_pink {
	color: #ee827c;
	border-left: 30px solid #ee827c;
	background: #fef4f4;
}
.tag_style_box { /* タグ風テキスト */
	display: flex;
	justify-content: flex-start;
	align-content: flex-start;
	flex-wrap: wrap;
	padding-left: 0;
}
.tag_style {
	color: #ceb36f;
	font-size: 20px;
	padding: 0.5em;
	margin-right: 1em;
	display: inline-block;
	line-height: 1.3;
	vertical-align: middle;
	border-radius: 25px 0 0 25px;
}
.tag_style::before {
	content: '●';
	color: #fff;
	margin-right: 8px;
}
.tag_style.pink {
	background: #fdeff2;
}
.tag_style.purple {
	background: #dccce0;
}
.tag_style.yellow {
	background: #f2f2b0;
}
.tag_style.orange {
	background: #fad09e;
}
.tag_style.blue {
	background: #c1e4e9;
}
.tag_style.green {
	background: #cee4ae;
}
/* ドロップキャップ（先頭１文字だけ大きくする）*/
.d_cap:first-letter {
	font-size: 2.5em;
	line-height: 1;
	float: left;
	padding: .2em;
}
.d_cap.d_color_main:first-letter {
	color: #fff;
	background: #f8e58c;
	margin: .1em .2em 0 0;
}
.d_cap.d_color_main_inversion:first-letter {
	color: #f8e58c;
	background: transparent;
	margin: .1em .2em 0 0;
}
.d_cap.d_color_blue:first-letter {
	color: #fff9dc;
	background: #00a381;
	margin: .1em .2em 0 0;
}
.d_cap.d_color_blue_inversion:first-letter {
	color: #00a381;
	background: transparent;
	margin: .1em .2em 0 0;
}
.d_cap.d_color_pistachio:first-letter {
	color: #fff9dc;
	background: #93ca76;
	margin: .1em .2em 0 0;
}
.d_cap.d_color_pistachio_inversion:first-letter {
	color: #93ca76;
	background: transparent;
	margin: .1em .2em 0 0;
}
.choyaku_title {
	font-size: 24px;
	font-weight: bold;
	color: #2f5d50;
	border: 1px dubble #2f5d50;
}
/* inner topics_inner ラベル付き */
.topics_inner { /* 【超訳】 */
	border-radius: 0 10px 0 10px;
	position: relative;
	display: flex;
	flex-direction: column;
	margin: 30px 0;
}
.topics_inner.choyaku_spring {
	background: url(https://cafe.snowlilas.com/wp-content/uploads/2022/04/2626283_06.jpg) no-repeat;
	background-size: cover;
	border: 2px solid #f8e58c;
}
.topics_inner.choyaku_summer {
	background: url(https://cafe.snowlilas.com/wp-content/uploads/2022/04/2626283_05.png) no-repeat;
	background-size: cover;
	border: 2px solid #f8e58c;
}
.topics_inner.choyaku_autumn {
	background: url(https://cafe.snowlilas.com/wp-content/uploads/2022/04/2626283_01.png) no-repeat;
	background-size: cover;
	border: 2px solid #f8e58c;
}
.topics_inner.choyaku_winter {
	background: url(https://cafe.snowlilas.com/wp-content/uploads/2022/04/2626283_03.png) no-repeat;
	background-size: cover;
	border: 2px solid #f8e58c;
}
.topics_inner.choyaku_love {
	background: url(https://cafe.snowlilas.com/wp-content/uploads/2022/04/2621576_btn03.png) no-repeat;
	background-size: cover;
	border: 2px solid #f8e58c;
}
.topics_inner.choyaku_lost_love {
	background: url(https://cafe.snowlilas.com/wp-content/uploads/2022/04/2621576_banner03.png) no-repeat;
	background-size: cover;
	border: 2px solid #f8e58c;
}
.topics_inner.choyaku_life {
	background: url(https://cafe.snowlilas.com/wp-content/uploads/2022/04/22653929_02.jpg) no-repeat;
	background-size: cover;
	border: 2px solid #f8e58c;
}
.topics_inner.choyaku_farewell {
	background: url(https://cafe.snowlilas.com/wp-content/uploads/2022/04/22653929_01.jpg) no-repeat;
	background-size: cover;
	border: 2px solid #f8e58c;
}
.topics_inner::before {
	content: "Modern style";
	position: absolute;
	color: #2f5d50;
	font-size: 16px;
	background:#f8e58c !important;
	width: 100px;
	height: 30px;
	border-radius: 0 0 5px 0;
	font-family: 'Lobster', cursive;
	font-weight: bolder;
	text-align: center;
	top: -1px;
	left: -1px;
}
.topics_inner.topics::before { /* topics */
	content: "Topics";
	color: #ffffe0;
	background:#64bdb1 !important;
}
.topics_inner.topics {
	background: url(https://cafe.snowlilas.com/wp-content/uploads/2022/04/1544558-2.png) no-repeat;
	background-size: cover;
	border: 2px solid #64bdb1;
}
.topics_inner.reference,
.topics_inner.historical_fact,
.topics_inner.by_the_way {
	flex-basis: 70%;
}
.topics_inner.reference::before { /* reference */
	content: "参考 Reference";
	color: #ffffe0;
	background:#f3bdbd !important;
}
.topics_inner.reference {
	background: url(https://cafe.snowlilas.com/wp-content/uploads/2022/04/204c33ec3f3e28d99da6d3a079a72679.png) no-repeat;
	background-size: cover;
	border: 2px solid #f3bdbd;
}
.topics_inner.historical_fact::before { /* 故事 */
	content: "故事 Historical fact";
	color: #ffffe0;
	background:#f3bdbd !important;
	width: 150px;
}
.topics_inner.historical_fact {
	background: url(https://cafe.snowlilas.com/wp-content/uploads/2022/07/22812544.png) no-repeat;
	background-size: cover;
	border: 2px solid #f3bdbd;
}
.topics_inner.by_the_way::before { /* reference */
	content: "By the way ";
	color: #ffffe0;
	background:#64bdb1 !important;
}
.topics_inner.by_the_way {
	background: url(https://cafe.snowlilas.com/wp-content/uploads/2022/04/2291867.jpg) no-repeat;
	background-size: cover;
	border: 2px solid #64bdb1;
}
.topics_inner.link_waka::before { /* 関連エピにリンク */
	content: "【超訳】OGURA episode ";
	color: #ffffe0;
	background:#bc64a4 !important;
	width: 200px;
}
.topics_inner.link_waka {
	background: url(https://cafe.snowlilas.com/wp-content/uploads/2022/04/c2b15df044bbb28f425f1210f3dba39c.png) no-repeat;
	background-size: cover;
	border: 2px solid #bc64a4;
}
.link_guidance {
	width: 100%;
	padding: 0;
}
.link_guidance:active { /*押したとき*/
	transform: translateY(2px);/*沈むように*/
	transition: .3s;
}
.link_guidance.main {
	background: transparent;
	box-shadow: 5px 5px 5px rgba(188,100,164,0.5);
}
.link_guidance.main:hover {
	background: rgb(254,244,244);
	background: linear-gradient(135deg, rgba(254,244,244,1) 0%, rgba(188,100,164,1) 100%);
}
.link_guidance.main:active { /*押したとき*/
	box-shadow: 0 0 3px rgba(188,100,164,0.5);
	background: rgb(254,244,244);
	background: linear-gradient(135deg, rgba(254,244,244,1) 0%, rgba(188,100,164,1) 100%);
}
.button_gradation {
	position: relative;
	display: flex;
	padding: 1.6em 1.6em;
	text-decoration: none;
	user-select: none;
	background: transparent !important;
	transition: 0.3s;
	text-align: center;
}
a.button_gradation { /* ボタンのクリック範囲を親要素まで広げる */
	display: block !important;
	height: 100%;
}
.link_guidance .novel_title {
	font-size: 16px !important;
}
.link_guidance .episode_title {
	font-size: 18px !important;
	font-weight: bold !important;
}
.link_guidance .yomibito {
	vertical-align: baseline;
}
.button_gradation:hover {
	color: #fff !important;
	text-decoration: none;
}
.link_guidance .external-icon {
	display: none;
}
/* inner_mask */
.inner_mask_cream {
	height: 100%;
	background-color: rgba(255,255,224,0.5);/* cream */
	border-radius: 0 10px 0 10px;
	padding: 40px 20px 20px;
}
.inner_mask_cream.dark {
	background-color: rgba(255,255,224,0.7);/* cream dark */
}
.inner_mask_sakura {
	height: 100%;
	background-color: rgba(254,244,244,0.5);/* sakura */ 
	padding: 40px 20px 20px;
}
.inner_mask_beige {
	height: 100%;
	background-color: rgba(240,234,218,0.5);/* beige */ 
	padding: 40px 20px 20px;
}
.inner_mask_blue {
	height: 100%;
	background-color: rgba(193,228,233,0.5);/* water blue */ 
	padding: 40px 20px 20px;
}
.inner_mask_white {
	height: 100%;
	background-color: rgba(255,255,255,0.5) !important;/* white */
}
/* つぶやきブロック */
.tweet_inner.cream_to_blue .speech-balloon {
	background: linear-gradient(135deg, rgba(255,255,224,0.5) 0%, rgba(214,233,202,0.5) 50%, rgba(0,175,204,0.5) 100%);
}
.tweet_inner.cream_to_blue img {
	border-color: #f8e58c;
}
.tweet_inner.pink .speech-balloon {
	background: linear-gradient(135deg, rgba(253,239,242,1) 0%, rgba(243,189,189,1) 100%);
}
.tweet_inner.purple .speech-balloon {
background: linear-gradient(135deg, rgba(219,208,230,1) 0%, rgba(188,100,164,1) 100%);
}
.tweet_inner.pink img,
.tweet_inner.purple img {
	border-color: #e95295;
}
/* 内部リンク */
.internal_link_inner {
	display: flex;
	justify-content: flex-end;
}
.sidebar .internal_link_inner {
	display: block;
}
.go_to_info_box {
	width: 100%;
	padding: 0;
	box-shadow: 0 0 3px rgba(188,100,164,0.5);
	border: 3px solid #bc64a4;
	border-radius: 0 10px 0 10px;
	margin: 0 20px 20px 0;
}
.go_to_info_box.books {
	background: url(https://cafe.snowlilas.com/wp-content/uploads/2022/04/413369_s.jpg) no-repeat center;
	border: 3px solid #2f5d50;
}
.go_to_info_box.chronology {
	background: url(https://cafe.snowlilas.com/wp-content/uploads/2022/04/2624329.png) repeat;
	background-size: cover;
	border: 3px solid #f8e58c;
}
.internal_link_inner .go_to_info_box {
	width: 70% !important;
}
.sidebar .go_to_info_box {
	width: 100% !important;
}
.internal_link_inner > .go_to_info_box.summary > .go_to_info_box_mask {
	padding: 30px;
}
.go_to_info_box a {
	color: #2f5d50;
	font-size: 18px !important;
	font-weight: bold !important;
	width: 100%;
	height: 100%;
}
li.go_to_info_box:hover {
	color: #a73836;
	transform:scale(1.1,1.1) !important;
	transition:1s all;
}
a.link_button { /* ボタンのクリック範囲を親要素まで広げる */
	display: block !important;
	height: 100%;
	text-align: center;
}
.go_to_info_box a:active {
	color: #fff9dc !important;
	transform: translateY(2px);/*沈むように*/
	transition: .3s;
	box-shadow: 0 0 3px rgba(188,100,164,0.5);
}
/* episode 雑感 */
.episode_inner {
	position: relative;
	margin: 30px 0;
}
.margin_left {
	margin: 0 0 0 20% !important;
}
.margin_right {
	margin: 0 20% 0 0 !important;
}
.insert_left {
	position: absolute;
	width: 20%;
	left: 0;
	bottom: 0;
	text-align: center;
	padding-right: 10px;
}
.insert_right {
	position: absolute;
	width: 20%;
	left: 80%;
	bottom: 0;
	text-align: center;
	padding-left: 10px;
}
.insert_right_top {
	position: absolute;
	width: 20%;
	left: 80%;
	top: 0;
	text-align: center;
	padding-left: 10px;	
}
.insert_left_top {
	position: absolute;
	width: 20%;
	left: 0;
	top: 0;
	text-align: center;
	padding-right: 10px;	
}
.insert_image1 {
	position: absolute;
	width: 100px;
	height: auto;
	right: 10%;
	bottom: 20%;
}
.insert_image2 {
	width: 60px;
	height: auto;
}
.four_season {
	height: 100px;
}
/* 詠み人 character */
.character_name_inner {
	position: relative;
	width: 60%;
	height: 300px;
	padding: 0;
	margin: 0 auto;
}
.character_name_inner.male {
	background: linear-gradient(135deg, rgba(255,255,255,1) 0 10%, rgba(255,255,255,0.3) 100%), url(https://cafe.snowlilas.com/wp-content/uploads/2022/04/22617049.png);
	background-size: cover;
	background-position: bottom right;
	box-shadow: 0 10px 20px 0 rgba(248,229,140,0.5);
	border-right: 3px solid #a8bf93;
	border-bottom: 3px solid #a8bf93;
}
.character_name_inner.female {
	background: linear-gradient(135deg, rgba(255,255,255,1) 0 10%, rgba(255,255,255,0.3) 100%), url(https://cafe.snowlilas.com/wp-content/uploads/2022/04/22617192.png);
	background-size: cover;
	background-position: bottom left;
	box-shadow: 0 10px 20px 0 rgba(253,235,212,0.5);
	border-right: 3px solid #f3bdbd;
	border-bottom: 3px solid #f3bdbd;
}
.character_name_main {
	position: absolute;
	height: 450px;
	top: -20%;
	left: 15%;
	display: flex;
	justify-content: center;
	font-size: 50px;
	writing-mode: vertical-rl;
	margin: 0;
	clip-path: inset(100% 0 0 0);
}
.character_name_main.flex_start {
	justify-content: flex-start;
}
.character_name_main.br {
	flex-direction: column;
	justify-content: flex-end;
}
.character_name_main.first {
	left: 25%;
	top: 0%
}
.character_name_main.second {
	left: 10%;
	top: 0%;
}
.character_name_main.show{
	clip-path: inset(0);
	transition: all 1s 2.5s ease-in-out;
}
.character_name_main.small {
	font-size: 40px;
}
.character_name_main.big {
	height: 450px;
	font-size: 60px;
}
.character_name_main.biggest {
	height: 450px;
	font-size: 80px;
}
.character_name_main.gradient {
	color: #2f5d50;
	background: rgb(248,229,140);
	background: linear-gradient(180deg, rgba(248,229,140,1) 0%, rgba(147,202,118,1) 30%, rgba(47,93,80,1) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.character_name_english {
	position: absolute;
	top: 50%;
	right: 20%;
	font-family: 'Lobster', cursive !important;
	border-bottom: solid 3px #2f5d50;
}
.character_name_english.top40 {
	top: 40%;
}
.character_lifetime {
	position: absolute;
	top: 60%;
	right: 20%;
	font-family: 'Lobster', cursive !important;
}
.character_name_english.long,
.character_name_english.top40.long,
.character_lifetime.long {
	right: 10%;
}
/* 今回の一首 */
.waka_caption {
	text-align: center;
	font-size: 14px;
}
.waka_box {
	padding: 0 0 0 30px;
}
.waka_number {
	color: #f8e58c;
	font-size: 36px;
	margin-bottom: 0 !important;
}
.waka_text {
	color: #2f5d50;
	font-size: 20px;
	margin-bottom: 0 !important;
}
/* You Tube */
.video-container {
	margin: 0 auto;
}
/* 次回予告 */
.next_title {
	border-left: 5px solid #63acb7;
	padding: 10px;
}
.next_info_inner {
	box-shadow: 0 10px 25px 0 rgba(99,172,183,0.4);
	background: url(https://cafe.snowlilas.com/wp-content/uploads/2022/04/22596679.png) no-repeat;
	background-size:cover;
	width: 80%;
}
.next_info_inner a {
	color: #403d39;
	display: block;
	height: 100%;
}
.next_info_inner a:hover {
	color: #bc64a4 !important;
	text-decoration: underline;
	border-color: #bc64a4;
}
.next_title_box {
	text-align-last: left;
}
.next_contents {
	flex-basis: 80%;
}
.next_info_inner blank_box {
	flex-basis: 20%;
}
/* ブログカード */
.blogcard {
	border: 2px solid #f8e58c;
	background: rgba(255,249,220,.2);
}
.blogcard-label {
	left: auto;
	right: 16px;
}
/* 検索 */
.search-form div.sbtn {
	color: #ceb36f;
	background: #2f5d50;
}
/* 和歌一覧 list_inner */
.list_inner {
	border: 2px solid #f8e58c;	
}
.list_inner.number {
	background: url(https://cafe.snowlilas.com/wp-content/uploads/2022/04/2291066-1.jpg);
	background-size: cover;
}
.list_inner.number2 {
	background: url(https://cafe.snowlilas.com/wp-content/uploads/2022/04/2291068-1.jpg);
	background-size: cover;
}
.list_inner.choyaku_table {
	background: url(https://cafe.snowlilas.com/wp-content/uploads/2022/04/1544558-2.png) no-repeat;
	background-size: cover;
}
.list_inner.background01 {
	background: url(https://cafe.snowlilas.com/wp-content/uploads/2022/04/22683840.jpg);
	background-size: contain;
}
.list_inner.background02 {
	background: url(https://cafe.snowlilas.com/wp-content/uploads/2022/04/22683836.jpg);
	background-size: contain;
}
.list_inner.background03 {
	background: url(https://cafe.snowlilas.com/wp-content/uploads/2022/04/22683837.jpg);
	background-size: contain;
}
.list_inner.background04 {
	background: url(https://cafe.snowlilas.com/wp-content/uploads/2022/04/22553844.jpg);
	background-size: contain;
}
.list_inner.background05 {
	background: url(https://cafe.snowlilas.com/wp-content/uploads/2022/04/22616140.png);
	background-size: contain;
}
.list_inner.number a {
	color: #93ca76;
}
.lise_inner.number a:hover {
	color: #a73836;
}
.list_inner.number .su-spoiler-title {
	font-size: 16px;
}
.list_inner.waka {
	background: url(https://cafe.snowlilas.com/wp-content/uploads/2022/04/b0e2e5584fd64e14868d8c9e001786a8-scaled.jpg);
	background-position: right;
	background-size: contain;
}
.list_inner.yomibito {
	background: url(https://cafe.snowlilas.com/wp-content/uploads/2022/04/d6c191e271199e732c2db4f3d86989d1.jpg);
	background-position: left;
	background-size: contain;
}
.list_inner.kimariji {
	background: url(https://cafe.snowlilas.com/wp-content/uploads/2022/04/2008009.jpg);
	background-size: contain;
}
.list_inner table{
    border-collapse:separate;
    border-spacing: 5px;
    width: 100%;
}
.list_inner table th,
.cp_box.topics table th {
    text-align: center;
    background-color: #d6e9ca;
    border:solid 1px #93ca76;
}
.list_inner th.width_70, td.width_70 {
	width: 70%;
}
.list_inner th.width_60, td.width_60 {
	width: 60%;
}
.list_inner th.width_15, td.width_15 {
	width: 15%;
}
.list_inner th.width_10, td.width_10 {
	width: 10%;
}
.list_inner th.width_5, td.width_5 {
	width: 5%;
}
.list_inner .cp_box label {
	margin: 0;
	width: 40%;
}
.list_inner .cp_box .cp_container {
	height: 70px;
}
.list_inner .cp_box .cp_container.first,
.sidebar_category.cp_box .cp_container,
.cp_box.topics .cp_container {
	height: 120px;
}
.list_inner.genji_choyaku {
	background: url(https://cafe.snowlilas.com/wp-content/uploads/2022/07/22753693.png);
	background-size: cover;
}
.list_inner.genji_bessatsu {
	background: url(https://cafe.snowlilas.com/wp-content/uploads/2022/04/03af337330fe97e7ae21386d0eead367.png);
	background-size: contain;
}
.list_inner.genji_choyaku .blog_banner,
.list_inner.genji_bessatsu .blog_banner,
.list_inner.ogura_choyaku .blog_banner {
	width: 60%;
	height: auto;
}
.list_inner_image {
	width: 150px;
	height: 150px;
	padding-bottom: 20px;
}
.list_inner .link_box {
	background: rgb(156,192,94);
	background: radial-gradient(circle, rgba(156,192,94,1) 0%, rgba(100,189,177,1) 50%, rgba(232,193,143,1) 100%);
	opacity: 0.8;
	border: solid 2px #64bdb1;
	border-radius: 5px;
	margin: 10px;
}
.list_inner.genji_choyaku .blog_logo.genji,
.list_inner.genji_bessatsu .blog_logo.genji,
.list_inner.ogura_choyaku .blog_logo.ogura {
	width: 100px;
	height: 100px;
}
.list_inner .genji_message {
	width: 60%;
	background: mintcream;
	border-bottom: 5px solid;
	margin: 0 auto;
}
.sidebar_category.cp_box .cp_container.gr_trans {
	position: relative;
	overflow: hidden;
	height: 120px; /*隠した状態の高さ*/
}
.sidebar_category.cp_box .cp_container.gr_trans::before {
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 50px; /*グラデーションで隠す高さ*/
	background: rgb(255,255,255);
	background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 70%,  rgba(255,255,255,1) 100%);
}
.cp_trigger:checked ~ .cp_container.gr_trans {
  height: auto; /*チェックされていたら、高さを戻す*/
}
.cp_trigger:checked ~ .cp_container.gr_trans::before {
  display: none; /*チェックされていたら、gr_transのbeforeを非表示にする*/
}
.sidebar_category label {
	margin-top: 30px;
}
.list_inner span.external-icon {
	display: none;
}
/* 年表 */
.fixed01{
  position: sticky;
  left: 0;
/*  color: #fff;
  background: #333;*/
}
.fixed01:before{
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    width: 100%;
    height: 100%;
    border: 1px solid #ccc;
}
/* 三十六歌仙（歌人をホバーしたら和歌表示）*/
.hover_fukidashi {
	display: none;
	width: 350px;
	position: absolute;
	top: -70%;
	left: 60%;
	padding: 16px;
	border-radius: 5px;
	background: rgba(47,93,80,0.5);
	color: #fff;
	font-weight: bold;
	z-index: 10;
}
.hover_fukidashi.no_link {
	top: -30%;
}
.hover_fukidashi.bottom {
	top: 70%;
	left: -20%;
}
.hover_fukidashi:after {
	position: absolute;
	width: 0;
	height: 0;
	left: 0;
	bottom: -19px;
	margin-left: 10px;
	border: solid transparent;
	border-color: rgba(51, 204, 153, 0);
	border-top-color: rgba(47,93,80,0.5);
	border-width: 10px;
	pointer-events: none;
	content: " ";
}
.hover_fukidashi.bottom:after {
	border-top-color: transparent;
	content: " ";
}
.link_box.yomibito:hover + .hover_fukidashi,
.fukidashi_text:hover + .hover_fukidashi {
	display: block;
}
.hover_fukidashi p {
	margin-bottom: 0 !important;
}
/* トップへ戻るボタン */
.go-to-top {
	right: 20px;
	bottom: 30px;
}
.go-to-top-button {
	border-radius: 10%;
	width: 80px;
	height: 80px;
	background: #f8e58c;
	display: block;
	padding: 5px;
	font-size: 30px; /*アイコンフォントのサイズ*/
	opacity:0.7; /*透明度*/
	box-shadow: 2px 2px 4px rgba(0, 0, 0, .2); /*影*/
}
.go-to-top-button::after {
	content: 'GO TO TOP';
	display: block;
	color: #2f5d50;
	font-size: 20px;
}
.go-to-top-button:hover {
	text-decoration: none;
	background: #93ca76;
	opacity: 0.7;
}
/* エッセイページのみヴィンテージ壁紙 */
body.essay {
	background: url(https://cafe.snowlilas.com/wp-content/uploads/2022/06/4406968_l-scaled.jpg);
	background-size: contain;
	background-color: rgba(255, 255, 255, 0.5);
}
.essay .grid,
.essay .widget_text,
.essay .widget {
	background: transparent !important;
}
.essay .main,
.essay .sidebar{
	background-color: rgba(255, 255, 255, .5) !important;
}
/* エッセイページフロント画面 */
.essay_top_frame {
	width: 100%;
	height: auto;
	background: transparent;
	padding: 30%;
}
.essay_img01 {
	position: absolute;
	top: 5%;
	left: 5%;
}
.essay_img02 {
	position: absolute;
	top: 30%;
	right: 5%;
}
.blog_title_wrapper.essay {
	position: absolute;
	top: 15%;
	right:10%;
	width: 45%;
	height: 35%;
	background: url(https://cafe.snowlilas.com/wp-content/uploads/2022/04/7e2c95427ad56e2a67092b3f630536b6.png) center right;
}
.essay_top_frame .movein-heading {
	margin: 0;
}
.essay_title_box {
	position: absolute;
	top: 60%;
	left: 50%;
	transform: translatex(-50%);
	width: 60%;
/* タイトルが長い場合は個別ページcssで対応 */
}
.essay_title {
	padding: 5px 30px;
	background: rgba(47,93,80,0.5);
	border-bottom: solid 5px #2f5d50;
}
/* footer */
#footer {
	background: url(https://cafe.snowlilas.com/wp-content/uploads/2022/04/OGURA_footer03.png) no-repeat bottom left/cover;
	height: 300px;
}
.footer-bottom-logo img {
	height: 100px;
}
/* sideber widget */
/* profile */
.profile_box{
	margin: 0;
	padding: 0;
	box-shadow: 0 3px 4px rgba(0, 0, 0, 0.4);
	background: url(https://cafe.snowlilas.com/wp-content/uploads/2022/04/281382_s.jpg) no-repeat;
	background-size: contain;
	background-position: 0 30%;
	background-color: rgba(147,202,118,0.45);
	border: solid 2px #f8e58c; 	/* 内側の線になる一本線の枠線をひく*/
    outline:  solid 3px #f8e58e;    /* 外側の線になる一本線の枠線をひく*/
	outline-offset: 3px;        /* 外側の線と内側の線の空き具合を調整*/
	margin: 5px;	/* outline + outline-offset */ 
	border-radius: 5px;
}
.profile_box.blog {
	background: url(https://cafe.snowlilas.com/wp-content/uploads/2022/04/77f69ace787cf4f2ae74ed9a92f2758e_t.jpeg) no-repeat left center;
	background-size: cover;
}
.profile_box .box-title {
	font-size: 18px;
	line-height:1.8;
	background: #f8e58c; /*タイトルの背景色*/
	padding: 4px;
	text-align: center;
	color: #FFF; /*文字色*/
	font-weight: bold;
	letter-spacing: 0.05em;
	border-radius: 8px;
}
.profile_box_mask {
	height: 100%;
	background-color: rgba(193,228,233,0.5) !important;
	padding: 1em;
}
.profile_box_mask.blog {
    background-color: rgba(254,244,244,0.5)
}
/*内容*/
.profile_center{
	text-align: center;
	margin: 20px 0 -50px;
}
/*プロフィール画像*/
.profile_figure {
	width:100px;
	height:100px;
	border-radius: 50%; /*丸くする*/
	border: solid 3px #f8e58c; /*枠線*/
	background: #fff;
}
.profile_figure:hover {
	animation: fluffy 1s linear;/*アニメーション*/
}
/*名前*/
.profile_name {
	padding: 15px 20px;
	font-size:24px;
	color: #ffffff;
}
.profile_name.blog {color: #ee827c;}
/*自己紹介文*/
.profile_box p {
	padding: 0 0 10px;
	margin: 0;
}
.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;
	list-style-type: none!important;
	display: flex;
}
.profile_about {
	flex-basis: 30%;
	color: #fff9dc;
	font-weight: 700;
	line-height: 1;
}
.profile_box > ul > li > span {
	flex-basis: 70%;
}
.profile_about.responsive {
    flex-basis: 65% !important;
}
/* 人気記事 */
.popular-posts {
	font-size: 12px;
}
/* 表示ページタイトルピンク */
li.current {
	border: 2px solid #e16871;
	border-radius: 5px;
	padding: 0 10px;
}
li.current > a {
	color: #ef9c99;
}
.sidebar_category li,
.waka_no_list li {
	margin: 10px 0;
}
/* サイトインフォ（サマリへの誘導） */
.site_infocard {
	width: 100%;
	display: flex;
	border: 1px solid #ef9c99;
}
.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;
}
body {
	color: #403d39;
	font-family: 'honoka_antique_mix' , sans-serif;
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1285px以下*/
@media screen and (max-width: 1285px){
  /*必要ならばここにコードを書く*/
	.list_inner .cp_box label {
		width: 60%;
	}
}
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
	.list_inner .cp_box label {
		width: 40%;
	}
}
/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
	#metaslider_158 > ul > li > .caption-wrap > .caption {
		margin: 10px 0 0;
		font-size: 24px; 
	}
	#top_view .waka {
		font-size: 28px;
	}
	.list_inner .cp_box label {
		width: 60%;
	}
	.topics_inner.reference {
		flex-basis: 100%;
	}
}
/*599px以下*/
@media screen and (max-width: 599px){
	.pc_display {display: none;}
	.sp_display {display: block;}
	#top_view .episode_title,
	#top_view .yomibito {
		font-size: 20px;
	}
	#front_top_view .stamp_on,
	#top_view .stamp_on {
		width: 75px;
		height: 75px;
	}
	.entry-content p {
		line-height: 1.2 !important;
	}
	.flex_box {
		flex-direction: column;
	}
	.loop_heading {
	width: 124px;
	height: 124px;
	}
	.list_inner .cp_box label,
	.next_info_inner {
		width: 80%;
	}
	.next_info_inner {
		width: 100%;
	}
		.site_infocard {
		flex-direction: column;
		align-items: center;
	}
	.info_text,
	.info_button {
		width: 100%;
	}
}
/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
	#metaslider_158 > ul > li > .caption-wrap > .caption {
		font-size: 20px; 
	}
	#top_view .episode_title,
	#top_view .yomibito,
	.entry-content p {
		font-size: 16px;
	}
	#top_view .message {
		width: 400px;
		font-size: 16px;	
	}
	.flex_box {
		flex-direction: column;
	}
	.tefuda_shimo {
		font-size: 36px !important;
	}
	.tefuda_kimari {
		font-size: 80px !important;
	}
	.tefuda_kimari.letter1 {
		font-size: 140px;
	}
	.tefuda_kimari.letter2 {
		font-size: 110px;
	}
	.list_inner .cp_box label {
		width: 100%;
	}
}