@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.1.0
*/

/************************************
** 
************************************/

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

/************************************
** reCAPTCHA認証バーを非表示
************************************/
.grecaptcha-badge { 
	visibility: hidden;
}

/************************************
** デフォルトのフッターを非表示
************************************/
.article-footer {
    display: none;
}

/************************************
** ブログカード
************************************/
.external-blogcard-label {
    display: none;
}

.blogcard {
    transition: all 0.5s ease 0s;
}

.blogcard:hover {
    background: #fd6f28;
    transition: all 0.5s ease 0s;
}

/************************************
** 非表示
************************************/
.cat-label {
    display: none;
}

/************************************
** 横ライン
************************************/
hr {
    border: solid 1px gray;
}

/************************************
** センタリング
************************************/
.eye-catch img , .Embed {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
}

/************************************
** デバイス別表示設定
************************************/
ul.footer_nav.top_level ul li a{ color: #000 !important;}
/* #footer .footer-title .footer_subnav_wrap, #footer .footer-title .copyright{ color: #fff !important;} */
#footer{background-color: #F0F0F0 !important;}
.display-none, #page-top {
    display: none;
  }
 .hmm h2{color:#000}

/************************************
** 目次
************************************/
div#toc {
	padding: 2em;
	border: 0px;
	background: #F5F5F5;
    background-image: linear-gradient(-45deg, #fff 25%, #F5F5F5 25%, #F5F5F5 50%, #fff 50%, #fff 75%, #F5F5F5 75%, #F5F5F5);
	background-size: 4px 4px;
	background-clip: padding-box;
	border-bottom: 4px double #E2E2E2;
    border-top: 4px double #E2E2E2;
	width: 90%;
	margin: 0 auto;
	text-align: center;
}

.toc-content {
    text-align: left;
}

div#toc a {
    color: #333333;
}

/************************************
** パンくずリスト
************************************/
.breadcrumb {
    margin: 0 0 10px 0;
    display: inline-flex;
}

.breadcrumb a {
    position: relative;
    display: block;
    min-height: 30px;
    background: #FFFFFF;
    padding: 6px 20px 6px 25px;
    line-height: 1.5;
    color: #666666;
    -webkit-transition: 250ms;
    transition: 250ms;
}

.breadcrumb a::after {
    content: "";
    position: absolute;
    top: 0;
    right: -16px;
    z-index: 1;
    display: block;
    width: 16px;
    height: 100%;
	background: url("/wp-content/themes/cocoon-child-master/image/breadcrumb/pankuzu_head.png") no-repeat top right;
}

span.post.post-page.current-item , span.post.post-post.current-item , span.archive.taxonomy.category.current-item {
    position: relative;
    display: block;
    min-height: 30px;
    background: #FFFFFF;
    padding: 6px 20px 6px 25px;
    line-height: 1.5;
    color: #666666;
    -webkit-transition: 250ms;
    transition: 250ms;
}

span.post.post-page.current-item::after , span.post.post-post.current-item::after , span.archive.taxonomy.category.current-item::after {
    content: "";
    position: absolute;
    top: 0;
    right: -10px;
    z-index: 1;
    display: block;
    width: 10px;
    height: 100%;
    background: url("/wp-content/themes/cocoon-child-master/image/breadcrumb/pankuzu_tail.png") no-repeat top right;
}

/************************************
** 引用
************************************/
blockquote {
    border: 0px;
    background: #F5F5F5;
	font-size: .9em;
    padding: 1.4em 1.8em;
	margin-bottom: 1.4em;
    position: relative;
}

blockquote::before {
    content: "";
    display: block;
	position: absolute;
    width: 5px;
    height: calc(100% - 1em);
    top: 0.5em;
    left: 1.5em;
    border-left: solid 1px rgba(180,180,180,.75);
    border-right: solid 1px rgba(180,180,180,.75);
}

blockquote::after {
    content: "";
}

blockquote p {
    padding: 0px 0px 0px 20px;
}

/************************************
** 投稿ページ下の余計なやつ
************************************/
nav.navigation.post-navigation {
    display: none;
}

/************************************
** テーブル（投稿ページのみ反映）
************************************/
.post table th, .post table td {
    border: 1px solid #eee;
    padding: 6px;
}

.post table th{
  background: #04384C;
  color: #fff;
}
  
.post table td {
	background: white;
}

.post .scrollable-table th {
    background-color: #04384C;
}

/************************************
** カテゴリー別にパスワードかけているプラグインの認証画面
************************************/
.acpwd-pass {
    border: solid 1px #333333;
    margin-right: 1em;
}

.acpwd-submit {
    border: solid 1px #333333;
    padding: 0px 10px;
}

/************************************
** メイン
************************************/
main {
  font-family: "Yu Gothic",Meiryo,"Hiragino Kaku Gothic ProN","Hiragino Sans",sans-serif;
  display: block;
  font-size: 16px;
  background: white;
  background: #FFFFFF;
  box-shadow: -1px 1px 1px 0 rgba(0,0,0,.2);
  padding-top: 50px;
  margin-bottom: 6px;
  padding: 60px 70px;
  margin: 0 auto;  
}

main img{
	max-width: 100%;
}

main p {
  margin-bottom: 2rem;
}

main a {
    display: inline;
    color: #0000ee;
    text-decoration: underline;
}

main ul {
    list-style: none;
    margin-bottom: 1.4em;
    list-style-type: disc !important;
    padding-left: 40px !important;
}

main ol {
    list-style: none;
    margin-bottom: 1.4em;
    list-style-type: decimal !important;
    padding-left: 40px !important;
}

.post-312 ul {
    list-style-type: none !important;
	padding-left: 0 !important;
}

@media screen and (max-width: 834px){
main ul , main ol {
    padding-left: 26px !important;
}}

.aligncenter {
	display: block;
    margin-left: auto;
    margin-right: auto;
}

/************************************
** スタイル
************************************/
.bold {
	font-weight: 700;
}

.marker-under {
    background: linear-gradient(transparent 60%,#ffd900 60%);
	font-weight: 700;
}

.marker-under-red {
    background: linear-gradient(transparent 60%,#ffd0d1 60%);
	font-weight: 700;
}

.ok-box {
    background: #f2fafb;
    border: 1px solid #3cb2cc;
}

.ok-box::before {
    content: "◯";
    color: #3cb2cc;
    border-right: 1px solid #3cb2cc;
    font-size: 36px;
}

.ok-box::before {
    content: "◯";
}

.ng-box {
    background: #ffe7e7;
    border: 1px solid #dd5454;
}

.ng-box::before {
	content: "✕";
    color: #dd5454;
    border-right: 1px solid #dd5454;
    font-size: 36px;
}

.alert-box {
    background: #fdf2f2;
    border: 1px solid #f6b9b9;
}

.alert-box::before {
	content: "※";
    color: #f3aca9;
    border-right: 1px solid #f6b9b9;
}

.alert-box::before {
	content: "※";
}

.common-icon-box {
    padding: 20px 20px 20px 72px;
    position: relative;
    display: block;
	margin-bottom: 1.4em;
}

.common-icon-box::before {
    font-size: 34px;
    position: absolute;
    padding-right: 0.15em;
    line-height: 1em;
    top: 50%;
    margin-top: -0.5em;
    left: 10px;
    width: 44px;
    text-align: center;
}

@media screen and (max-width: 480px){
.common-icon-box {
    padding: 26px 6px 6px;
}

.common-icon-box::before {
    padding: 0;
    top: 0.7em;
    left: 50%;
    margin-left: -0.5em;
    font-size: 18px;
    border: 0;
    width: auto;
}}

.keyboard-key {
    background-color: #f9f9f9;
    border: 1px solid #333333;
    box-shadow: 1px 2px 2px #ddd;
    font-family: inherit;
    font-size: .85em;
    padding: 1px 3px;
}

.ok-box ul , .ng-box ul , .alert-box ul , .common-icon-box ul {
	margin-bottom: 0;
}

.ok-box ol , .ng-box ol , .alert-box ol , .common-icon-box ol {
	margin-bottom: 0;
}

/************************************
** ビジネス
************************************/
@media screen and (min-width: 768px){
.contents1 , .contents2{
width: 50%;
	    margin: 0 10px;	
}

.col{
display: flex;
}}

.contents1 {
	margin-bottom: 2rem;
}

/************************************
** お問い合わせフォーム
************************************/
input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required , input.wpcf7-form-control.wpcf7-text , textarea.wpcf7-form-control.wpcf7-textarea {
    border: solid 1px #999999;
	width: 100%;
}

input.wpcf7-form-control.has-spinner.wpcf7-submit , .winglink{
	position: relative;
    z-index: 5;
    display: block;
    border: 1px solid #CCCCCC;
    padding: 10px;
    color: #000000;
    -webkit-transition: .6s;
    transition: .6s;
	width: 70%;
    max-width: 500px;
    margin: 0 auto 20px;
    text-align: center;
	color: #222222 !important;
    text-decoration: none !important;
	cursor: pointer;
}

/************************************
** オレンジボタン
************************************/
.winglink:hover::before {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    transition: -webkit-transform .6s cubic-bezier(.08, .35, .13, 1.02), opacity .4s;
    transition: transform .6s cubic-bezier(.08, .35, .13, 1.02), opacity .4s;
}

.winglink::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    display: block;
    width: 100%;
    height: 100%;
    background: #FD6F28;
    -webkit-transform: scaleX(.3);
    transform: scaleX(.3);
    opacity: 0;
    transition: all .3s;
}

/************************************
** グレーアウトボタン
************************************/
.winglink-none {
    position: relative;
    z-index: 5;
    display: block;
    border: 1px solid #CCCCCC;
    padding: 10px;
    transition: .6s;
    width: 70%;
    max-width: 500px;
    margin: 0 auto 20px;
    text-align: center;
    color: #222222 !important;
    cursor: default;
    background: #CCCCCC;
	text-decoration: line-through !important;
}

/************************************
** 見出し
************************************/
header.entry-header {
    max-width: 1200px;
}

main h1 {	
    padding: 20px 0;
    background: url("/wp-content/themes/cocoon-child-master/image/h/bg.png") no-repeat center bottom;
    background-size: contain;
    font-family: "游明朝体", "Yu Mincho", YuMincho, serif;
    font-size: 3.6rem;
    font-weight: normal;
    line-height: 1.2;
    letter-spacing: .2rem;
    margin-bottom: 20px;
    margin-inline: auto;
    max-inline-size: max-content;
}

@media screen and (max-width: 767px){
main h1 {
	width: 100%;
}}

h2 {
  position: relative;
  background: #04384C;
  padding: 0.75em 1em;
  color: #fff;
  margin: 3em 0 1em;
  font-size: 24px;
}

h2::before {
  position: absolute;
  display: block;
  pointer-events: none;
  content: "";
  top: -4px;
  left: 0;
  width: 100%;
  height: calc(100% + 4px);
  box-sizing: content-box;
  border-top: solid 2px #04384C;
  border-bottom: solid 2px #04384C;
}


h3 {
  margin: 3em 0 2em;
  position: relative;
  padding: 0 0.5em 0em;
  display: grid;
  font-size: 22px;
}

h3::before {
  position: absolute;
  bottom: -10px;
  content: "";
  width: 100%;
  height: 2px;
  background: repeating-linear-gradient(90deg, #04384C 0%, #04384C 29.3%, rgba(150,150,150,.2) 29.3%, rgba(150,150,150,.2) 100%);
}

h4 {
  padding: 0 0 0 16px;
  border-left: solid 2px #04384C;
  margin: 3em 0 1.5em;
  font-size: 20px;
}

.entry-meta {
  display: none;
}

  @media screen and (max-width: 767px){
    main {
      padding: 60px 6px;
    }
    
    h1.entry-title {
      padding: 20px 6px;
      font-size: 24px;
    }
  
    h2 {
      font-size: 20px;
    }
  
    h3 {
      font-size: 18px;
    }
  
    h4 {
      font-size: 18px;
    }
    
  }

/************************************
** サイトマップ
************************************/
.section-box {
	padding-bottom: 100px;
}

.sitemap {
	max-width: 1130px;
	margin: 0 auto;
}

.sitemap::after {
	content: "";
	display: block;
	height: 0;
	clear: both;
}

.sitemap section {
	display: table;
	float: left;
	width: 100%;
	background: url("/wp-content/themes/cocoon-child-master/image/sitemap/section_break_bg.gif");
	padding-top: 20px;
	margin-bottom: 70px;
	line-height: 2.0;
}

.sitemap section.harf {
	width: 47.7%;
	margin-right: 30px;
}

.sitemap section.harf:nth-child(2n) {
	margin-right: 0;
}

.sitemap section::after {
	content: "";
	display: block;
	height: 0;
	clear: both;
}

.sitemap .vertical_text {
	position: relative;
	display: table-cell;
	width: 100px;
	background: #FFFFFF;
	color: #000;
}

.sitemap h2::before {
    position: fixed;
}
.sitemap a {
    text-decoration: none !important;
    color: #333333 !important;
}
.sitemap .vertical_text span {
	position: absolute;
	top: 30px;
	left: 50%;
	display: inline;
	min-height: 160px;
	font-family: "游明朝体", "Yu Mincho", YuMincho, serif;
	font-size: 2.8rem;
	line-height: 1.2;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl; /* for MS IE8+ */
    writing-mode: vertical-rl;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

.sitemap section .sitemap_inner {
	display: table-cell;
	background: #FFFFFF;
	padding-top: 30px;
    font-size: 0;
    line-height: 1.8;
}

.sitemap section .sitemap_inner>ul {
	display: inline-block;
	width: 50%;
	padding-left: 4.8%;
	font-size: 1.8rem;
	vertical-align: top;
}

.sitemap section.harf .sitemap_inner>ul {
	width: 100%;
}

.sitemap section .sitemap_inner>ul>li {
	margin-bottom: 15px;
}

.sitemap .sitemap_inner>ul>li>span,
.sitemap .sitemap_inner>ul>li>a {
	display: block;
	background: url("/wp-content/themes/cocoon-child-master/image/sitemap/mark_icon.png") no-repeat left 12px;
	padding-left: 18px;
    margin-bottom: 5px;
}

.sitemap li>ul {
	background: url("/wp-content/themes/cocoon-child-master/image/sitemap/vertical_line_bg.gif") repeat-y left top;
	padding: 10px 0;
	margin-bottom: 20px;
	margin-left: 3px;
	font-size: 1.6rem;
}

.sitemap li>ul>li {
	background: url("/wp-content/themes/cocoon-child-master/image/sitemap/horizontal_line_bg.gif") no-repeat left 12px;
	padding-left: 25px;
	margin-bottom: 20px;
	margin-left: 10px;
}

.sitemap li>ul>li:last-child {
	margin-bottom: 0;
}

.outlink {
	display: inline-block;
}

.outlink::after {
	content: "";
	display: inline-block;
	width: 14px;
	height: 14px;
	background: url("/wp-content/themes/cocoon-child-master/image/sitemap/outlink_icon.png") no-repeat;
	margin-left: 8px; 
}


@media screen and (max-width: 1023px) {
	.sitemap section .sitemap_inner>ul {
		width: 100%;
	}
}

@media screen and (max-width: 767px) {
	.sitemap section.harf {
		width: 100%;
	}
}

@media screen and (max-width: 639px) {
	.sitemap .vertical_text {
		width: 60px;
	}

	.sitemap .vertical_text span {
		font-size: 2.4rem;
	}

	.sitemap section .sitemap_inner>ul {
		font-size: 1.6rem;
	}

	.sitemap li>ul {
		font-size: 1.4rem;
	}
}

@media screen and (max-width: 479px) {
	.sitemap section {
		display: block;
	}

	.sitemap .vertical_text {
		display: block;
		width: 100%;
		padding: 15px 10px;
	}

	.sitemap .vertical_text span {
		position: static;
		-webkit-writing-mode: horizontal-tb;
		-ms-writing-mode: lr-tb;
		writing-mode: horizontal-tb;
	}

	.sitemap section .sitemap_inner {
		display: block;
		padding-top: 0;
	}
}

/************************************
** 沿革
************************************/
.cp_timeline04 {
	position: relative;
	margin: 3em auto;
	padding-bottom: 2em;
}
.cp_timeline04:before {
	position: absolute;
	top: 0px;
	left: 45px;
	width: 3px;
	height: 100%;
	content: '';
	background: #D9D9D9;
}
.cp_timeline04 .timeline_item {
	margin: 0px 0px 0px 80px;
}
.cp_timeline04 .timeline_item .time_date .time {
	font-family: serif;
	font-size: 6em;
	font-weight: 700;
	position: relative;
	margin: 0;
	letter-spacing: 3px;
	color: #04384c;
}
.cp_timeline04 .timeline_item .time_date .time:before {
  position: absolute;
  top: 50%;
  left: -42px;
  width: 17px;
  height: 17px;
  content: '';
	-webkit-transform: rotate(45deg);
	        transform: rotate(45deg);
	border: 3px solid #D9D9D9;
	background: #fff;
}
.cp_timeline04 .timeline_item .time_date .flag {
	font-size: 1.4em;
	font-weight: 700;
	margin: 0;
	color: #04384C;
}
.cp_timeline04 .timeline_item .desc {
	font-size: 15px;
	line-height: 20px;
	margin: 10px 0px 60px 0px;
	padding-left: 20px;
	border-left: 1px solid #999999;
}
@media only screen and (max-width: 767px) {
	.cp_timeline04:before {
		left: 15px;
	}
	.cp_timeline04 .timeline_item .time_date .time:before {
		left: -32px;
	}
	.cp_timeline04 .timeline_item {
		margin: 0px 0px 0px 40px;
	}
	.cp_timeline04 .timeline_item .desc {
		padding-top: 1em;
		padding-left: 0px;
		border-top: 1px solid #999999;
		border-left: none;
	}
}

/************************************
** カテゴリーページ
************************************/
.categorycard-category , .categorycard-datetime , .categorypage-navigation h2 , main .categorycard  a[href^="https://"]:after , .nav-links a[href^="https://"]:after   {
    display: none;
}

.categorycard a:link {
    text-decoration: none !important;
}

.categorycard {
    border: solid 1px #333333;
    list-style: none;
    margin: 0 0 32px;
    padding: 1.5em;
}

.categorycard h2 {
    background: white;
    color: #333333;
    font-size: 20px;
	margin: 0;
	padding: 0;
	margin-bottom: 0.4em;
}

.categorycard h2::before {
	display: none;
}

.categorycard-excerpt {
    font-size: 0.8em;
    color: #333333;
}
@media(max-width:425px){
.sidebar{width:100%}
}

/************************************
** 猫百科
************************************/
/* =========================================
   猫百科：字幕・テロップ用CSS（ラフ確認版）
   ========================================= */

/* どのspanでも見やすく */
[class^="neko-"],
[class*=" neko-"]{
  display: inline;
  padding: 0.08em 0.28em;
  border-radius: 0.35em;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  line-height: 1.65;
  letter-spacing: 0.02em;
  font-weight: 700;
  font-family: system-ui, -apple-system, "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", sans-serif;
}

/* 章見出し行など “単独行” で出すものはブロック表示 */
.neko-title-Main1line,
.neko-title-Main2lines,
.neko-title-StepBlue,
.neko-title-Subwhite1line,
.neko-subtitle-Usually1line,
.neko-subtitle-Usually2lines,
.neko-subtitle-Usually3lines,
.neko-subtitle-Horror1Line,
.neko-subtitle-Horror2lines,
.neko-subtitle-Horror3Lines{
  display: block;
  margin: 0.45em 0;
}

/* -------------------------
   通常字幕（赤）1〜3行
------------------------- */
.neko-subtitle-Usually1line,
.neko-subtitle-Usually2lines,
.neko-subtitle-Usually3lines{
  color: #ff0000;
  background: rgba(255, 255, 255, 0.92);
  border: 2px solid rgba(255, 0, 0, 0.22);
  text-shadow: 0 1px 0 rgba(255,255,255,0.6);
}

.neko-subtitle-Usually1line{
  font-size: 1.05rem;
  max-width: 34em;
}

.neko-subtitle-Usually2lines{
  font-size: 1.08rem;
  max-width: 34em;
}

.neko-subtitle-Usually3lines{
  font-size: 1.06rem;
  max-width: 34em;
}

/* -------------------------
   ホラー字幕（赤）1〜3行
------------------------- */
.neko-subtitle-Horror1Line,
.neko-subtitle-Horror2lines,
.neko-subtitle-Horror3Lines{
  color: #ff0000;
  background: rgba(30, 0, 0, 0.86);
  border: 2px solid rgba(255, 0, 0, 0.38);
  text-shadow:
    0 1px 0 rgba(0,0,0,0.6),
    0 0 14px rgba(255, 0, 0, 0.45);
}

.neko-subtitle-Horror1Line{ font-size: 1.08rem; max-width: 34em; }
.neko-subtitle-Horror2lines{ font-size: 1.10rem; max-width: 34em; }
.neko-subtitle-Horror3Lines{ font-size: 1.08rem; max-width: 34em; }

/* -------------------------
   タイトル（緑）
------------------------- */
.neko-title-Main1line,
.neko-title-Main2lines{
  color: #008000;
  background: rgba(255, 255, 255, 0.96);
  border-left: 8px solid rgba(0, 128, 0, 0.75);
  border-top: 2px solid rgba(0, 128, 0, 0.18);
  border-bottom: 2px solid rgba(0, 128, 0, 0.18);
  padding: 0.25em 0.55em;
  border-radius: 0.6em;
  text-shadow: 0 1px 0 rgba(255,255,255,0.7);
}
.neko-title-Main1line{ font-size: 1.28rem; }
.neko-title-Main2lines{ font-size: 1.22rem; }

/* 章タイトル（StepBlueは名前にBlueだが、指定に合わせ緑系で） */
.neko-title-StepBlue{
  color: #008000;
  background: rgba(230, 255, 240, 0.85);
  border: 2px solid rgba(0, 128, 0, 0.30);
  padding: 0.22em 0.55em;
  font-size: 1.18rem;
}

/* 小見出し（白系） */
.neko-title-Subwhite1line{
  color: #008000;
  background: rgba(255, 255, 255, 0.90);
  border: 2px dashed rgba(0, 128, 0, 0.35);
  padding: 0.18em 0.5em;
  font-size: 1.08rem;
}

/* -------------------------
   グループA：基本文字（色違い）
------------------------- */
.neko-basiccharacters-yellow{ color:#0000ff; background: rgba(255, 230, 120, 0.75); }
.neko-basiccharacters-blue{ color:#0000ff; background: rgba(140, 200, 255, 0.70); }
.neko-basiccharacters-peach{ color:#0000ff; background: rgba(255, 190, 165, 0.72); }
.neko-basiccharacters-green{ color:#0000ff; background: rgba(150, 235, 175, 0.70); }

/* -------------------------
   グループB：黒影
------------------------- */
.neko-BlackShadow-yellow,
.neko-BlackShadow-blue,
.neko-BlackShadow-red,
.neko-BlackShadow-green{
  color:#0000ff;
  background: rgba(255,255,255,0.92);
  border: 2px solid rgba(0,0,0,0.15);
  text-shadow:
    2px 2px 0 rgba(0,0,0,0.55),
    0 0 6px rgba(0,0,0,0.20);
}
.neko-BlackShadow-yellow{ outline: 3px solid rgba(255, 210, 60, 0.45); }
.neko-BlackShadow-blue{ outline: 3px solid rgba(80, 160, 255, 0.45); }
.neko-BlackShadow-red{ outline: 3px solid rgba(255, 80, 80, 0.45); }
.neko-BlackShadow-green{ outline: 3px solid rgba(80, 210, 140, 0.45); }

/* -------------------------
   グループC：発光
------------------------- */
.neko-Illumination-yellow,
.neko-Illumination-blue,
.neko-Illumination-peach,
.neko-Illumination-green{
  color:#0000ff;
  background: rgba(255,255,255,0.90);
  border: 2px solid rgba(0,0,0,0.10);
  text-shadow: 0 0 14px rgba(255,255,255,0.95);
}
.neko-Illumination-yellow{ box-shadow: 0 0 18px rgba(255, 215, 90, 0.65); }
.neko-Illumination-blue{ box-shadow: 0 0 18px rgba(110, 190, 255, 0.65); }
.neko-Illumination-peach{ box-shadow: 0 0 18px rgba(255, 175, 155, 0.65); }
.neko-Illumination-green{ box-shadow: 0 0 18px rgba(120, 235, 165, 0.65); }

/* -------------------------
   グループD/E：キーフレーム（単語向け）
------------------------- */
.neko-Keyframes-lowerblue,
.neko-Keyframes-Upperpeach,
.neko-Keyframes-UpperAkagane,
.neko-Keyframes-lowerbluegold{
  display: inline-block;
  color:#0000ff;
  border: 2px solid rgba(0,0,0,0.12);
  background: rgba(255,255,255,0.92);
  padding: 0.05em 0.32em;
  border-radius: 0.45em;
  animation: nekoPulse 1.8s ease-in-out infinite;
}

@keyframes nekoPulse{
  0%,100%{ transform: translateY(0); filter: saturate(1); }
  50%{ transform: translateY(-1px); filter: saturate(1.25); }
}

.neko-Keyframes-lowerblue{ box-shadow: 0 0 12px rgba(90, 170, 255, 0.55); }
.neko-Keyframes-Upperpeach{ box-shadow: 0 0 12px rgba(255, 170, 150, 0.55); }
.neko-Keyframes-UpperAkagane{ box-shadow: 0 0 12px rgba(255, 120, 90, 0.50), 0 0 6px rgba(255, 215, 120, 0.35); }
.neko-Keyframes-lowerbluegold{ box-shadow: 0 0 12px rgba(90, 170, 255, 0.45), 0 0 6px rgba(255, 215, 120, 0.40); }

/* -------------------------
   グループF：ゴールド（単語向け）
------------------------- */
.neko-gold-blue,
.neko-gold-red,
.neko-gold-yellow,
.neko-gold-green{
  display:inline-block;
  color:#0000ff;
  background: linear-gradient(135deg, rgba(255, 245, 200, 0.95), rgba(255, 215, 120, 0.80));
  border: 2px solid rgba(180, 120, 30, 0.35);
  text-shadow: 0 1px 0 rgba(255,255,255,0.65);
  padding: 0.05em 0.34em;
  border-radius: 0.45em;
}

.neko-gold-blue{ outline: 3px solid rgba(80, 160, 255, 0.35); }
.neko-gold-red{ outline: 3px solid rgba(255, 90, 90, 0.35); }
.neko-gold-yellow{ outline: 3px solid rgba(255, 210, 60, 0.35); }
.neko-gold-green{ outline: 3px solid rgba(80, 220, 140, 0.35); }

/* -------------------------
   グループG：TikTok赤青（単語向け）
------------------------- */
.neko-others-TikTokRedBlue{
  display:inline-block;
  color:#0000ff;
  background: rgba(255,255,255,0.92);
  border: 2px solid rgba(0,0,0,0.10);
  text-shadow:
    -1px 0 rgba(255, 60, 60, 0.9),
    1px 0 rgba(80, 160, 255, 0.9);
  padding: 0.05em 0.34em;
}

/* -------------------------
   グループH：カラフル（文章/フレーズ）
------------------------- */
.neko-others-colorful{
  color:#0000ff;
  background: linear-gradient(90deg,
    rgba(255, 160, 160, 0.50),
    rgba(255, 235, 140, 0.50),
    rgba(160, 255, 200, 0.50),
    rgba(160, 210, 255, 0.50),
    rgba(255, 190, 245, 0.50)
  );
  border: 2px solid rgba(0,0,0,0.08);
}

/* -------------------------
   グループI：グラデ桃（感動寄り）
------------------------- */
.neko-others-GradientPeach{
  color:#0000ff;
  background: linear-gradient(135deg, rgba(255, 210, 190, 0.85), rgba(255, 240, 230, 0.85));
  border: 2px solid rgba(255, 160, 130, 0.22);
}

/* -------------------------
   グループJ：順番（文章のみ）
------------------------- */
.neko-others-order{
  display:inline-block;
  color:#0000ff;
  background: rgba(255,255,255,0.92);
  border-bottom: 4px solid rgba(0,0,0,0.15);
  padding: 0.08em 0.22em;
  border-radius: 0.25em;
  animation: nekoSlideIn 0.9s ease both;
}

@keyframes nekoSlideIn{
  from{ transform: translateY(6px); opacity: 0; }
  to{ transform: translateY(0); opacity: 1; }
}

/* -------------------------
   グループK：透過赤（危険寄り）
------------------------- */
.neko-others-TransparentRed{
  color:#0000ff;
  background: rgba(255, 0, 0, 0.13);
  border: 2px solid rgba(255, 0, 0, 0.22);
  box-shadow: 0 0 0 3px rgba(255, 0, 0, 0.06) inset;
}

/* -------------------------
   グループL：緑＋黒シャドウ
------------------------- */
.neko-others-Greenwithblackshadow{
  color:#0000ff;
  background: rgba(210, 255, 225, 0.75);
  border: 2px solid rgba(0, 128, 0, 0.25);
  text-shadow:
    2px 2px 0 rgba(0,0,0,0.55),
    0 0 6px rgba(0,0,0,0.20);
}

/* hr の見た目（区切り確認用） */
hr{
  border: none;
  border-top: 1px solid rgba(0,0,0,0.18);
  margin: 1.2em 0;
}