@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/


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

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

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

.entry-title, .archive-title {
    margin: 16px 5px;
	border-bottom: 1px solid pink;
}
/* カテゴリーラベル非表示 */
.entry-card .cat-label{
display: none;
}

/* アップデートで付いたvertical-align: middle;を無効化 */
img {
	vertical-align: baseline;
}

.ect-entry-card {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
}
.entry-card-content {
	margin: 0;
}
.ect-entry-card > div {
	width: 50%;
}
.ect-entry-card > .posts-not-found {
	width: 100%;
}
.entry-card-thumb {
	float: none;
    margin-top: 0px;
	margin-bottom: -10px;
	margin: auto;
	width: 50%;
}
.entry-card-title {
	text-align: center;
}


/* 以下基本情報用*/

#title {
	font-size: 1em;
}
.box {
    display: flex;
    flex-wrap: wrap;
}
.article-header {
	display: none;
}
.item {
	width: 60px;
	height: 60px;
	margin: 4px;
	border-radius: 10px;
	white-space: nowrap;
	text-align: center;
	font-weight: bold;
	font-size: 80%;
}
#tabTitle > .item {
	background: linear-gradient(#ece093, #d9e367);
}
#menu > .item {
	background: linear-gradient(#bbe2f1, #a2c2e6);
	width: 80px;
}

.menu {
	background: linear-gradient(#cab8d9, #c7a5cc);
	color: white;
	font-size: 18px;
	padding: 10px;
	text-align: center;
	cursor: pointer;
	user-select: none;
	border-radius: 15px;
	font-weight: bold;
	color: black;
}
.contents {
	text-align: center;
    display: none;
	line-height: 0;
	height: 0;
	overflow: hidden;
	opacity: 0;
	transition-duration: 0.4s;
}
 
.contents.is-open {
    display: block;
	line-height: normal;
	height: auto;
	opacity: 1;
	margin-top: 8px;
}
.js-menu::before {
	content: "＋";
	position: absolute;
	right: 10px;
}
.js-menu.is-active::before {
	content: "－";
}
.js-menu.is-active {
	border-bottom: 1px solid #b6b6b6;
}

.contents2 {
	line-height: 0;
	height: 0;
	overflow: hidden;
	opacity: 0;
	transition-duration: 0.4s;
}
.contents2.is-open {
	line-height: normal;
	height: auto;
	opacity: 1;
	margin-top: 8px;
}
.js-menu2::before {
	content: "＋";
	position: absolute;
	right: 30px;
	font-weight: bold;
}
.js-menu2.is-active::before {
	content: "－";
}

.machine-image {
	width: 40%;
}
.summary {
	width: 60%;
}
.normal-button {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0,rgb(250,250,250)), color-stop(0.5,rgb(230,230,230)), color-stop(0.5,rgb(210,210,210)), color-stop(1,rgb(230,230,230)));
	height: 40px;
    padding: 5px;
    text-align: center;
}
.link {
	margin-bottom: 0px;
}


.entry-card-title {
	border-left:none;
	background: white;
	color: #1558d6;
}

figure.entry-card-thumb.card-thumb {
	margin-bottom: 0px;
}
h2.entry-card-title {
	padding: 0px;
}
button.search-submit {
border-radius: 0;
}
input.search-edit {
border: 2px solid black;
}

/* 以下機種情報用 */
#main {
    padding: 0px;
}

.contents {
    margin: 0px 5px;
}

#post {
    padding-bottom: 5px;
}

.entry-content .js-menu {
    background-color: white;
    font-size: 150%;
    padding: 0px 70px 0px 10px;
    border-top: 1px solid #000000;
	margin-bottom: 0px;
}
.entry-content .js-menu:last-of-type {
	border-bottom: 1px solid #000000;
}
.update-icon {
	width: 25px;
	vertical-align: middle;
}
.js-menu > .update-icon {
	margin-right: 5px;
}
.contents .update-icon {
	margin-left: 5px;
	margin-right: 5px;
}
.setting-icon {
    vertical-align: middle;
    margin-left: 5px;
}
.update-date {
	text-align: right;
}
h3 + .update-date {
	margin-top: -7px;
}
h3 + .update-date + h4 {
    margin: 0 0 0.5em;
}

ul.update-information {
	list-style: none;
	max-height: 200px;
	overflow-y: scroll;
}
ul.update-information li {
	border-bottom: solid 1px #dcdcdc;
}
ul.update-information p {
	margin: 0px 2px;
	font-size: 11px;
}

.contents h3, #free-post h3 {
    background-color: #09BDBE;
    color: white;
    text-align: left;
    padding: 5px;
    border-left: none;
}

.contents th,
#free-post th,
#tool th {
    background-color: #4D4D4D;
    color: white;
}

.contents table th,
.contents table td,
#free-post th,
#free-post td,
#tool th, 
#tool td {
    border: 1.3px solid black;
	text-align: center;
}

.contents td:first-child,
#tool td:first-child {
    background-color: #dddddd;
}
.contents td p {
	margin-bottom: 0px;
}

.contents td:first-child:has(img) {
  background-color: #ffffff;
}

.caution {
    text-align: left;
    background-color: #ffe2e2;
    padding: 15px;
	border: 1px solid #F04267;
    margin-bottom: 5px;
}
.caution>p:first-child {
	color: #F04267;
	margin-bottom: 0px;
}
.memo {
	text-align: left;
	background-color: #f8f4e6;
	padding: 15px;
	border: 1px solid #FFB53F;
    margin: 10px 0px;
}
.memo > p:first-child {
	color: #FFB53F;
	margin-bottom: 0px;
}
.left {
    text-align: left;
}
.left > img:not(.icon) {
    display: block;
    margin: auto;
}
/* すぐ下にfigcaptionがあるtable */
.entry-content .figcaption-table {
	margin-bottom: 2px;
}
.figcaption-table + figcaption {
	margin-bottom: .7em;
}
figcaption {
	text-align: center;
}

.contents h4, #free-post h4 {
    text-align: left;
    border-left: 6px #09BDBE solid;
    border-bottom: 1px #09BDBE solid;
	padding: 4px;
}

div.subtitle1,
div.subtitle3 {
    text-align: left;
	color: #09BDBE;
    border-bottom: 2px solid #dcdcdc;
    margin: 0.7em 0 0.3em;
    font-weight: bold;
}

div.subtitle1:before {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 6px solid transparent; /* 三角形の左側 */
    border-right: 6px solid transparent; /* 三角形の右側 */
    border-top: 11px solid #09BDBE; /* 逆三角形の底辺（実際には上辺） */
    margin-right: 2px; /* テキストとの間隔を調整 */
}

div.subtitle2 {
    text-align: left;
    color: #000000;
    margin: 0.7em 0 0.3em;
    font-weight: bold;
}
div.subtitle2:before {
    content: "\f13a";
    display: inline-block;
    font-family: "FontAwesome";
    width: 0;
    height: 0;
    margin-right: 15px;
}

.contents .indent1 {
	margin-left: 15px;
}
.contents .indent2 {
	margin-left: 30px;
}

.contents > img, .contents > .left > img {
	margin-bottom: 10px;
}

.close {
    float: right;
    color: white;
    background-color: #666666;
    border-radius: 10px;
    padding: 1px;
}

caption {
    background-color: #ED1B24;
    color: white;
    padding: 3px;
}

.small-table1 th, .small-table1 td {
    padding:2px;
    font-size:80%;
}
.small-table2 th, .small-table2 td {
    padding:1px;
    font-size:70%;
}

.now {
    background-color: yellow;
}

.ART, .BB {
    background-color: orange;
}

.RB {
    background-color: aqua;
}

.contents h5 {
    font-size: 120%;
    padding: 0px;
    background: linear-gradient(transparent 60%, orange 0%);
    white-space: nowrap;
	text-align: center;
}

.yellow {
    color: yellow;
}

.purple {
    color: purple;
}

.icon {
    width: 30px;
    vertical-align: middle;
    margin-bottom: 3px;
}

.icon-small {
    width: 15px;
    vertical-align: middle;
    margin-bottom: 3px;
}
.arrow-right {
    width: 20px;
    margin-top: 1.5px;
    float: right;
}

.suggest-image {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.suggest-image>figure {
    width: 45%;
    margin: 2px;
}

.suggest-image>figure.big {
    width: 91%;
}

.suggest-image figcaption {
    background-color: black;
    color: white;
}

.entry-content h1.basic-information {
    background-color: #DA1059;
	box-shadow: 0 5px 0 #a73836;
}
.entry-content h1.hyena {
    background-color: #159912;
    color: white;
    text-align: center;
    padding: 15px 5px;
	box-shadow: 0 5px 0 #007b43;
	margin-bottom: 7px;
}
.entry-content h1.setting {
    background-color: #09BDBE;
    color: white;
    text-align: center;
    padding: 15px 5px;
	box-shadow: 0 5px 0 #2a83a2;
}
.entry-content h1.related {
    background-color: #8a2be2;
    box-shadow: 0 5px 0 rgb(125, 10, 233);
	display: flex;
    align-items: center;
    color: white;
    padding: 5px;
    text-align: center;
}



.black {
    background-color: black;
    color: white;
    padding: 4px;
}

.entry-content h1 {
    background-color: black;
    color: white;
    padding: 5px;
    text-align: center;
}

/* 消す */
.hoge {
    background-color: white;
    border-radius: 10px;
    color: black;
}
.supplement {
    background-color: white;
    border-radius: 10px;
    color: black;
}

.title {
    color: white;
    font-size: 180%;
    margin-top: 5px;
}

.title > img, h2 > img {
    width: 30px;
    vertical-align: middle;
    margin-bottom: 3px;
}

/* ロゴ周りの余白 */
.logo-image {
    padding: 0px;
	line-height: 1;
}
.logo-header img {
    height: 40px;
    width: auto;
}

.bg-red {
	background-color: #fddfdf;
}
.bg-blue {
	background-color: #D9F8FF;
}
.bg-green {
	background-color: #D8FFC9;
}
.bg-purple {
	background-color: #F2E5FF;
}
.bg-yellow {
	background-color: #FFFDC2;
}
.bg-white {
	background-color: #FFFFFF !important;
}
.bg-gray {
	background-color: #eeeeee;
}
.lv4 {
	color: #0000ff;
}
.lv5 {
	color: #ff0000;
}
.lv6 {
	color: #ff00ff;
}
.border-bottom-none {
	border-bottom: none !important;
}
.border-top-none {
	border-top: none !important;
}

.entry-content:has(#post) {
    background-color: #e7e7eb;
}
.contents > div {
    background-color: white;
    box-shadow: 5px 5px 4px 0 grey;
    padding: 10px;
    margin: 0px 5px 15px;
}
.close {
    margin: -5px 0px 5px;
}
.article h3 {
    margin-top: 0px;
}

/* ハイエナページ */
#neraimeIndex2 td {
    background-color: white;
}
#neraimeIndex2 th:nth-child(1), #yamedokiIndex2 th:nth-child(1) {
    width: 73%;
}

/* 表検索ツール */
#hosoku-list > li {
    display: none;
    list-style:none;
}
#hosoku-list {
    padding-left:0;
}

#container {
	display: none;
}
.condition th {
	width: 20%;
}
.condition select {
	padding: 5px;
}
.condition tr.not-use {
	display: none;
}

/* 期待値表自動作成ツール */
#distribution tr:last-child td {
    border-top: 1px solid;
}
#kitaichi2, #distribution {
    font-size: 80%;
}
#kitaichi2 th,
#kitaichi2 td,
#distribution th,
#distribution td {
    padding: 2px;
}
#kitaichi2 th,
#distribution th {
    border-top: none;
    border-bottom: none;
}
#kitaichi2 td,
#distribution td {
    border: none;
    font-weight: bold;
    background-color: white;
}
#kitaichi2 tr:nth-child(2n+1) td,
#distribution tr:nth-child(2n+1) td {
    background-color: #F5F9F1;
}

#condition input[type="radio"] {
    margin-left: 5px;
}
#kitaichiCalculationTool2 {
    margin-bottom: 4px;
}
#kitaichiCalculationTool2 .caption {
    background-color: #92D050;
    font-weight: bold;
    padding: 3px;
    border-bottom: none;
    margin-bottom: 0.1px;
}

#kitaichiCalculationTool2 .table-container {
    overflow-y: auto;
    position: relative;
    max-height: 470px;
}

#kitaichiCalculationTool2 .table-container {
    max-height: 470px;
}
.table-container {
    margin-bottom: 2px;
}
.table-container > table{
    margin-bottom: 0px;
}

#kitaichiCalculationTool2 thead {
    position: sticky;
    top: 0;
    z-index: 1;
}
#kitaichiCalculationTool2 #condition tr:nth-child(1) td:last-child {
    width: 20%;
}
#kitaichi2 th, 
#distribution th {
    background-color: #E2EFDA;
    color: black;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid black;
}
#distribution .bar1,
#distribution .bar2 {
    background-color: #3498db;
    height: 15px;
}
#distribution td:nth-child(2),
#distribution td:nth-child(4) {
    width: 14%;
}
#distribution td:nth-child(3),
#distribution td:nth-child(5) {
    width: 18%;
}

#distribution .over-limit {
  background-color: #1f4f7a; /* 背景色を指定 */
}
.hosoku {
	font-size: 90%;
	text-align: left;
	color: gray;
}

/* 持ちメダル閉店考慮ツール */
#kitaichiCalculationTool #condition td:nth-child(1) {
    width: 40%;
}
#kitaichiCalculationTool #condition td:nth-child(2) {
    width: 30%;
}
#kitaichiCalculationTool #condition td:nth-child(3) {
    width: 30%;
}
#kitaichiCalculationTool #condition td:nth-last-child(2) {
    border-right: none;
}
#kitaichiCalculationTool #kitaichi td:nth-child(4),
#kitaichiCalculationTool #kitaichi th:nth-child(4) {
    display: none;
}
#kitaichiCalculationTool #condition td:last-child {
    border-left: none;
}
#kitaichiCalculationTool #error {
    height: 30px;
}
.plus {
	color: blue;
}
.minus {
	color: red;
}

/* 機種トップページ */
#main-contents, #main-contents2 {
    margin: 16px;
}
#main-contents h2 {
	font-size: 170%;
	color: #fff
}
#main-contents h2::before {
  content: attr(data-text);
  position: absolute;
  -webkit-text-stroke: 1px #FFF;
}
.basic-information h2 {
	-webkit-text-stroke: 3px #DA1059;
}
.basic-information h2::before {
  color: #DA1059;
}
.hyena h2 {
	-webkit-text-stroke: 3px #159912;
}
.hyena h2::before {
  color: #159912;
}
.setting h2 {
	-webkit-text-stroke: 3px #09BDBE;
}
.setting h2::before {
  color: #09BDBE;
}
.related h2 {
	-webkit-text-stroke: 3px #8a2be2;
}
.related h2::before {
  color: #8a2be2;
}

#main-contents {
background-color: white;
padding: 5px 10px;
}
#main-contents2 {
    background-color: white;
}
#main-contents li, #main-contents2 li {
    list-style:none;
	margin: 5px 0px;
}
#main-contents ul, #main-contents2 ul {
    padding:0;
}
#main-contents h2 {
    border-left: none;
	margin: 0px;
	padding: 15px 10px 0px;
}
.a-button {
    display: table;
	width: 100%;
    text-decoration: none;
    padding: 10px;
	color: black;
}
#main-contents h3 {
	margin: 0px;
	padding: 0px;
	border: none;
	font-size: 20px;
	vertical-align: middle;
	display: table-cell;
}

.a-button figure {
	width: 50px;
	height: 50px;
	padding: 12px;
	display: table-cell;
	float: left;
	margin-right: 15px;
}
.related .a-button figure {
	padding: 9px;
}
.basic-information figure {
	background-color: #DD0E5D;
}
.hyena figure {
	background-color: #159912;;
}
.setting figure {
	background-color: #09BDBE;
}
.basic-information .a-button {
	border: 1px solid #DD0E5D;
}
.hyena .a-button {
	border: 1px solid #159912;
}
.setting .a-button {
	border: 1px solid #09BDBE;
}
.related .a-button {
	border: 1px solid #8a2be2;
}
.a-button aside {
	font-size: 12px;
	display: table-row;
}
.a-button div {
	height: 50px;
	display: table;
}

/* 自由投稿用 */
#free-post .entry-content {
	margin: 0.5em;
}

#post h1 {
    margin-bottom: 0.7em;
}

/* 戻るボタン用 */
.go-to-top {
    right: 60px;
}
.go-to-previous-position {
	position: fixed;
    right: 10px;
    bottom: 10px;
    z-index: 9999;
	width: 40px;
    height: 40px;
	display: none;
}
a.not-decoration {
	text-decoration: none;
}

/* 検索画面 */
.pagination .current {
	font-weight: bold;
}

h1:has(.wpfp-span) {
	display: flex;
    align-items: center;
    justify-content: center;
}
.wpfp-span img {
	width: 28px;
	margin-left: 4px;
}

.swpm-login-widget-form {
	padding: 10px;
}
.swpm-remember-me {
	margin-bottom: 10px;
}

/* 登録ページ */
#swpm-registration-form input[type="checkbox"],#swpm-password-toggle-checkbox,#swpm-login-form [name="rememberme"] {
	width: 20px;
    height: 20px;
    vertical-align: middle;
}
#swpm-password-toggle-checkbox {
	width: 20px;
    height: 20px;
}

.swpm-registration-recaptcha-row td:nth-child(2) {
    transform: scale(0.85);
	transform-origin: 0 0;
}
.g-recaptcha > div {
	width: 115% !important;
}

.swpm-validate-form {
	margin-top: 80px;
}
.formError div.formErrorContent {
	width: 220px;
}

/* ツール */
#tool {
    background-color: white;
    margin: 0px 16px;
	padding: 10px;
    box-shadow: 5px 5px 4px 0 grey;
}

th, td {
    background-color: #ffffff;
}

/* 新しい目次ページ */
#content h1.new-index, #content #machineImage, #content #machineImage img {
    margin: 0px;
}
#machineImage {
    text-align: center;
}
.new-index #main-contents h3 {
    font-size: 20px;
}
.new-index .a-button {
    padding: 15px 10px
}
.new-index .a-button div {
    display: block;
}
.new-index .a-button div div {
    height: 15px;
}
nav.related figure {
	background-color: #8a2be2;
}
/* 全部ページ用 */
.entry-content:has(#post.all-page) {
    background-color: white;
}
.entry-content p.js-menu.index {
    background-color: #B3B3B3;
    padding: 2px;
    color: black;
    font-size: 120%;
    display: flex;
    align-items: center;
    justify-content: center;
	font-weight: bold;
}
.js-menu.index img {
    background-color: black;
    padding: 5px;
    margin: 0px 10px;
    width: 30px;
}
.midashi1 {
    margin-bottom: 0px;
}
.midashi1>li {
    font-weight: bold;
}
.midashi1>li>p {
    font-size: 120%;
}
.index .midashi2 {
    margin-left: -16px;
}
.midashi2>li {
    font-weight: normal;
}
.all-page .js-menu::before {
    content: "";
}
.all-page .js-menu.is-active::before {
    content: "";
}
.index ul {
    list-style: none;
    text-align: left;
    margin-left: -25px;
    margin-bottom: 0px;
}
.index p {
    margin-bottom: 0px;
    border-bottom: 1px dashed black;
    padding: 3px;
}
#post .contents.index {
    background-color: white;
}
#hamburger-menu {
    position: fixed;
    bottom: 5px;
    left: 5px;
    width: 100%;
    height: 50px;
    color: white;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.menu-content2 {
    display: none;
    position: absolute;
    bottom: 100%;
    left: 0;
    width: 100%;
    color: black;
}
#hamburger-menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
}
.menu-content2 ul li,
#hamburger-menu ul li {
    border-bottom: 1px solid #ddd;
    width: 50px;
    height: 50px;
    margin: 1px;
    border: 1px solid black;
    border-radius: 5px;
    text-align: center;
    background-color: white;
    color: black;
    align-items: center;
    justify-content: center;
    display: flex;
    position: relative;
}
#hamburger-menu form {
    width: 80%;
    margin: 0px 1px;
    box-shadow: unset;
}
#hamburger-menu figure {
    width: 40px;
    height: 40px;
    padding: 7px;
}
#hamburger-menu figure.big-icon {
    width: 45px;
    height: 45px;
    padding: 2px;
}
#hamburger-menu .related figure {
    background-color: #8a2be2;
}
#hamburger-menu .related > figure.big-icon {
    width: 40px;
    height: 40px;
}
#hamburger-menu .big-icon img {
    width: 100%;
}
.tooltip {
    display: none;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.7);
    color: white;
    padding: 10px;
    border-radius: 5px;
    white-space: nowrap;
    z-index: 1;
}
#hamburger-menu {
    /* SPの長押し禁止 */
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-touch-callout: none;
    -moz-user-select: none;
    user-select: none;
}
#hamburger-menu li.not-use::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(135deg, transparent 47%, #DEDEDE 47%, #DEDEDE 53%, transparent 53%);
    z-index: 1;
}
.new-close {
    float: right;
    color: white;
    background-color: #666666;
    border-radius: 10px;
    padding: 3px;
    margin: 2px 10px 3px;
}
#post.all-page .js-menu2 {
    text-align: left;
    margin: 0px;
    padding: 8px 15px;
    background-color: white !important;
    border-top: 1px solid black;
    font-weight: bold;
}
.all-page .contents>.contents2 {
    padding: 0px;
    margin: 0px;
}
#post.all-page .contents,
.entry-content .index {
    background-color: inherit;
    margin: 0px;
}
#post.all-page .contents>div {
    background-color: inherit;
    border-bottom: 1px solid black;
}
.all-page section {
    background-color: white !important;
    padding: 10px 10px 0px;
    text-align: left;
}
#post.all-page .js-menu,
#post.all-page .js-menu2,
#post.all-page .js-menu3 {
    border-top: none;
    border-bottom: 1px solid black;
}
/* 線が太くなっていたのを修正 */
#post.all-page .js-menu3:last-of-type:not(.is-active) {
    border-bottom: none;
}
#post .js-menu3 {
    text-align: left;
    margin: 0px;
    background-color: #F2F2F2 !important;
    padding: 8px 35px;
}
#post .js-menu3 {
    position: relative;
}
#post .js-menu3::before {
    content: "└";
    position: absolute;
    left: 15px;
}
#post .js-menu3.is-active::after {
    content: "－";
}
#post .js-menu3::after {
    content: "+";
    position: absolute;
    right: 10px;
    font-weight: bold;
}
.contents3.is-open {
    line-height: normal;
    height: auto;
    opacity: 1;
}
.all-page .js-menu2::after {
    content: "＋";
    position: absolute;
    right: 10px;
    font-weight: bold;
}
.all-page .js-menu2::before {
    content: "";
}
.js-menu3::before {
    content: "";
}
.all-page .js-menu2.is-active::before {
    content: "";
}
.js-menu3.is-active::before {
    content: "";
}
.all-page .js-menu2.is-active::after {
    content: "－";
}
.js-menu3.is-active::after {
    content: "－";
}
.all-page .contents>div {
    box-shadow: none;
}
.contents3 {
    line-height: 0;
    height: 0;
    overflow: hidden;
    opacity: 0;
    transition-duration: 0.4s;
}
.js-menu4::after {
    content: "+";
    position: absolute;
    right: 30px;
    font-weight: bold;
}
.js-menu4.is-active::after {
    content: "－";
}
.contents4 {
    height: 0;
    overflow: hidden;
}
.contents4.is-open {
    height: auto;
}
.entry-content .all-page .js-menu {
    font-size: 150%;
    padding: 5px;
    border-top: 1px solid #000000;
    margin-bottom: 0px;
    background-color: #00A968;
    color: white;
    font-weight: bold;
    text-align: center;
}
.index .original {
    display: none;
}
.all-page .contents h3 {
    background-color: #915EA3;
}
.all-page section > img {
    display: block;
    margin: 0px auto 6px;
}
.updateList_neraime .original,
.updateList_zenbu .original {
    display: none;
}
.updateList_neraime ul,
.updateList_zenbu ul {
    list-style: none;
    text-align: left;
    margin-left: -30px;
    margin-bottom: 0px;
}
.updateList_neraime p,
.updateList_zenbu p {
    margin-bottom: 0px;
    border-bottom: 1px dashed black;
    padding: 3px;
}
#main-contents2 > div > p {
    border: 1px solid black;
    font-size: 20px;
    background-color: #B3B3B3;
    padding: 2px;
    display: flex;
    align-items: center;
    font-weight: bold;
    margin: 0;
    justify-content: center;
}
#main-contents2 > div > div {
    margin: 0;
}
#main-contents2 img {
    width:30px;
    margin: 0px 10px;
}
#main-contents2 li > p {
    border-bottom: 1px dashed black;
    font-size: 11px;
}
#main-contents2 ul {
    margin-bottom:0px;
    border-left: 1px solid black;
    border-right: 1px solid black;
    border-bottom: 1px solid black;
}
#latest-article ul {
    overflow-y: scroll;
    border: 1px solid black;
    font-size: 12px;
    margin: 5px;
}
/* 投稿部分 */
.comment-area {
	margin: 0px 3px;
}
.comment-form button {
	border: 1px solid var(--cocoon-thin-color);
    background-color: #f5f8fa;
}
/* 交換率のプリセット */
.rate-button {
    display: flex;
    justify-content: space-between;
}
.rate-button button {
    width: 30%;
    height: 30px;
}

/* タブとスライド */
#post .tab-label {
    display: flex;
    overflow-x: auto;
    white-space: nowrap;
    margin: 0;
    padding: 0px;
    border-bottom: 1px solid #09BDBE;
    list-style: none;
    justify-content: center;
    width: 100%;
}

#post .tab-label > div {
    flex: 0 0 auto;
    padding: 10px 0px;
    cursor: pointer;
    border: 1px solid #09BDBE;
    border-bottom: none;
    color: #09BDBE;
    transition: background 0.3s;
    text-align: center;
    box-sizing: border-box;
    margin: 0px;
}

#post .tab-label > div:nth-child(n+1) {
    margin-right: 6px;
}

#post .tab-label > div:last-child {
    margin-right: 0px;
}

#post .tab-label > div.active {
    color: white;
    background: #09BDBE;
}

#post .tab-contents {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
}

#post .tab-contents > div {
    box-sizing: border-box;
    padding: 10px 0px;
    outline: none;
    margin: 0px;
	/*height: auto !important;*/
}
.slick-slide {
   margin-bottom: 1px;
}

.graph-table {
    border: none;
}
.graph-table td {
    border: none !important;
    font-weight: bold;
    background-color: white;
}

.graph-table tr:nth-child(2n+1) td {
    background-color: #F5F9F1;
}
.graph-table th, .graph-table td {
    padding: 2px;
}
.graph-table {
    font-size: 80%;
}
.graph-table .bar {
    background-color: #3498db;
    height: 15px;
}
.graph-table .over-limit {
    background-color: #1f4f7a;
}
.graph-table tr:last-child td {
    border-top: 1px solid !important;
}
.graph-table caption {
    color: black;
    background-color: #92D050;
    font-weight: bold;
    padding: 3px;
    border-bottom: none;
    margin-bottom: 0.1px;
}
.graph-table th {
    background-color: #E2EFDA !important;
    color: black !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: 1px solid black !important;
}

/* ツールチップ */
.helptip-container {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

.helptip-icon {
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-left: 2px;
}

.helptip-fallback-icon {
    font-size: 12px;
    background-color: #f0f0f0;
    border: 1px solid #ddd;
    border-radius: 50%;
    display: inline-block;
    width: 16px;
    height: 16px;
    text-align: center;
    line-height: 14px;
    margin-left: 2px;
    font-weight: bold;
    color: #333;
}

.helptip-content {
    position: absolute;
    background-color: #333;
    color: #fff;
    padding: 8px 12px;
    border-radius: 4px;
    font-size: 14px;
    max-width: 250px;
    z-index: 1000;
    display: none;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    width: max-content;
}

.helptip-content::before {
    content: '';
    position: absolute;
    border-width: 5px;
    border-style: solid;
}

.helptip-top::before {
    bottom: -10px;
    left: 50%;
    margin-left: -5px;
    border-color: #333 transparent transparent transparent;
}

.helptip-bottom::before {
    top: -10px;
    left: 50%;
    margin-left: -5px;
    border-color: transparent transparent #333 transparent;
}

.helptip-left::before {
    right: -10px;
    top: 50%;
    margin-top: -5px;
    border-color: transparent transparent transparent #333;
}

.helptip-right::before {
    left: -10px;
    top: 50%;
    margin-top: -5px;
    border-color: transparent #333 transparent transparent;
}

/* カウントツール */
#countTool input {
    width: 30%;
    padding: 5px;
    text-align: center;
}
#countTool {
    text-align: center;
}
#countTool td div {
    display: flex;
    align-items: center;
    justify-content: center;
}
#countTool td {
    padding: 1px;
}
/* 4列用 */
#countTool td:nth-child(1):nth-last-child(4) {
    width: 25%;
}
#countTool td:nth-child(2):nth-last-child(3) {
    width: 25%;
}
#countTool td:nth-child(3):nth-last-child(2) {
    width: 35%;
}
#countTool td:nth-child(4):last-child {
    width: 15%;
}
/* 3列用 */
#countTool td:nth-child(1):nth-last-child(3) {
    width: 50%;
}
#countTool td:nth-child(2):nth-last-child(2) {
    width: 35%;
}
#countTool td:nth-child(3):last-child {
    width: 15%;
}
#countTool div.button {
    width: 30px;
    height: 30px;
    font-weight: bold;
    font-size: 200%;
    margin: 3px;
    border: 1px solid;
}
#countTool .reset {
    font-size: 120%;
}