/*
	Theme Name: diver_child
	Template: diver
	Description:  Diverの子テーマです。
	Theme URI: http://tan-taka.com/diver/
	Author: Takato Takagi
 */

/* カスタマイズする場合にはこれより下に追記してください  */

/******************************************************
* サイト全体
******************************************************/
/* フォント */
body {
  font-family: Meiryo,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    sans-serif;
}

/* 非表示アイテム */
body.hidden-title h1 {
	display: none;
}

.widget_post_list a:hover {
  color: #335;
}

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

.widget_post_list .meta ul li:before {
	content: '\f005';
	font-family: 'Font Awesome 6 Free';
	font-weight: 900;
	padding: 0 3px 0 0;
	color: #006ccc;
}

/******************************************************
* メインカラム
******************************************************/

/* 全体 */

.type-post .single-post-main {
  padding: 3em 20px;
}

.type-page .single-post-main {
  padding: 1em 20px;
}

/* トップページ */
#main .widget_post_list.grid {
  width: 50%;
  vertical-align: top;
  margin: 0;
  border-bottom: none;
  background: #fff;
  padding: 4px;
  position: relative;
  letter-spacing: normal;
  border: none;
}
.widget_post_list a {
  padding: 8px 0;
}
.widget_post_list .meta {
  padding: 10px;
}
#main .widget_post_list.grid .meta ul,
#main .widget_post_list.grid .meta li {
	margin: 0;
	padding: 0;
	border: none;
	width: 100%;
}
.home .wrap-mini-post-box {
	margin-bottom: 20px;
}

.device-mobile #main .widget_post_list.grid {
  width: 100%;
}

/* h2 */
.home .wrap-post-title {
  position: relative;
  color: white;
  background: #313131!important;
  line-height: 1.4;
  padding: 0.5em 0.5em 0.5em 1.8em;
}

.home .wrap-post-title:before {
  font: var(--fa-font-solid);
  content: "\f14a";
  position: absolute;
  left: 0.5em; /*左端からのアイコンまでの距離*/
  top: 0.68em;
  color: #fff;
}

/* 見出し */

/* h2 */
.content h2 {
  position: relative;
  color: white;
  background: #313131;
  line-height: 1.4;
  padding: 0.5em 0.5em 0.5em 1.8em;
}

.content h2:before {
  font: var(--fa-font-solid);
  content: "\f14a";
  position: absolute;
  left: 0.5em; /*左端からのアイコンまでの距離*/
  top: 0.68em;
  color: #fff;
}

/* h3 */
.content h3 {
font-size: 1.2rem;
  line-height: 1.8rem;
  display: block;
  margin: 20px 0;
  padding: 5px 10px;
  font-weight: bold;
  color: #313131;
  border-left: 4px solid #313131;
  border-bottom: 2px solid #313131;
  -o-border-image: linear-gradient(to right, #313131 0% 50%, transparent 100%);
  border-image: linear-gradient(to right, #313131 0% 50%, transparent 100%);
    border-image-slice: 100%;
  border-image-slice: 1;
}
/* h4 */
.content h4 {
    padding: 0 10px 0 25px;;  /*内側の余白*/
    font-size:1em;
    font-weight:bold;
    position:relative;
	margin: 0 0 0.5em 0;
}

.content h4:before {
   font: var(--fa-font-solid);
   content: "\f219";
	color: #333;
    position:absolute;
    top:8px;                 /*アイコンの位置(上)*/
    left:0;                     /*アイコンの位置(左)*/
}
/* カスタム方法のh3に数字を振る */
.content .method-step h3 {
  counter-increment: number;  /* カウンタの値を計算していく */
}
.content .method-step h3::before {
  content: "STEP"counter(number)". "; /* 数字出力 */
}

/* 画像 */
@media(max-width:599px) {
	a.fancybox.image {
		pointer-events: none;
	}
}

/* 目次 */
#fix_sidebar .ez-toc-widget-container {
	overflow: visible;
}
#fix_sidebar .ez-toc-btn {
	display: none;
}
.widget ul.ez-toc-list:first-child > li {
  border-bottom: none;
}
div.ez-toc-widget-container ul.ez-toc-list {
  font-size: 0.9em;
}
.ez-toc-widget-container ul li a {
  padding-bottom: 3px;
}

@media(min-width:600px) {
	.post #ez-toc-container{
		padding: 1em 2em;
		width: 90%!important;
	}
	.post .ez-toc-title-toggle{
		top: 16px;
		right: 40px
	}
}

/* ブログカード */

.sc_getpost .substr {
  display: none;
}
.lkc-content {
  width: 100%;
  position: relative;
}
.lkc-title {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit- transform: translateY(-50%);
  padding-left: 170px;
}
@media screen and (max-width: 480px) {
.lkc-title {
  padding-left: 120px;
}
}
.lkc-internal-wrap {
  border: #c4c4c4 1px solid;
  padding-top: 31px;
}
.lkc-internal-wrap::before {
  content: "関連記事";
  position: absolute;
  top: 0px;
  width: 100%;
  padding: 0 2px 0 20px;
  color: #fff;
  background-color: #333;
}
.lkc-internal-wrap .lkc-info {
  display: none !important;
}
.lkc-thumbnail {
  margin: 0 12px 4px 4px;
}

/* 引用 */

blockquote {
  padding: 2em 1.5em 2.5em;
}

blockquote p {
  margin: 0;
}

/* 画像引用 */

.cite {
  width: 400px;
  text-align: right;
  display: block;
  margin-top: -3.6em;
  margin-bottom: 1.5em;
  font-size: 0.7em;
  color: #999;
}
.cite::before {
  content: "引用元：";
}
.cite a,
.cite::before {
  color: #999;
  font-size: 0.8em;
}
@media screen and (max-width: 540px) {
  .cite {
    width: 100%;
    padding-right: 0.5em;
  }
}

/* 広告 */
.assets-banner {
	text-align: center;
}

/* 吹き出し */

.voice .icon img, .voice .icon amp-img {
  border: 0;
}
.sc_balloon {
  border: 2px solid #666;
}
.voice .sc_balloon {
  margin-top: 20px;
}
.voice .icon img, .voice .icon amp-img {
  width: 100px;
  height: 100px;
  border-radius: 0;
}

/* Pz リンク */

.linkcard {
  margin-bottom: 1.6em;
}

/* 特殊能力素材計算機 */
#abilitiesbox input[type="radio"] {
  transform: scale(1.5);
}
.calc_body th {
  background-color: #333;
  color: #fff;
}

/* シェアボタン */


/******************************************************
* サイドバー
******************************************************/

/* ウィジェット */
#sidebar .diver_widget_adarea,
#sidebar .widget {
	margin-bottom: 30px;
}
#diver_widget_newpost-3 .meta {

}

/************************************
** ■ステップブロック
************************************/
.content .wp-block-sgb-timeline div {
	margin: 0;
}
.wp-block-sgb-timeline p {
	display: none;
}
.sgb-tl-item__main p {
	display: block;
	margin-top: 1em;
}
.sgb-tl {
	margin: 1em 0 !important;
	counter-reset: item;
}
.sgb-tl-item::before {
	content: '';
	width: 3px;
	background: #ccd5db;
	display: block;
	position: absolute;
	top: 24px;
	bottom: 0;
	left: 6px;
}
.sgb-tl-item {
	position: relative;
	padding: 0 0 1.5em 1.8em;
}
.sgb-tl-item:not(:first-of-type):not(:last-of-type) .sgb-tl-item__marker {
	background: 0 0;
}
.sgb-tl-item:last-of-type::before {
	content: none;
}
.sgb-tl-item__label--default::before {
	content: '';
	counter-increment: item;
	content: "STEP." counter(item);
}
.sgb-tl-item__label, .sgb-tl-item__label--default {
	line-height: 1.3;
	font-size: 14px;
	color: #90969a;
	font-weight: 700;
	padding-top: 3.5px;
}
.sgb-tl-item__title {
	margin-top: 5px !important;
	font-size: 1.1em;
	font-weight: 700;
	line-height: 1.5;
}
.sgb-tl-item__main {
	margin-top: .5em !important;
	padding: 0 0 1.5em;
	font-size: .9em;
	line-height: 1.6;
	border-bottom: dashed 1px #ccd5db;
}
.sgb-tl-item__main img {
	margin-bottom: 7px;
}
.content .wp-block-sgb-timeline div.sgb-tl-item__main p {
	margin: 0;
	padding: 0;
}
.content .wp-block-sgb-timeline div.sgb-tl-item__main div {
	margin: 0 0 15px;
	padding: 0;
}
.sgb-tl-item__marker {
	content: '';
	display: block;
	position: absolute;
	top: 6px;
	left: 0.9px;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	border: solid 3px;
	border-top-color: currentcolor;
	border-right-color: currentcolor;
	border-bottom-color: currentcolor;
	border-left-color: currentcolor;
}
.main-bdr, #inner-content .main-bdr {
	border-color: #d7dae0;
}
.main-bc, .has-sango-main-background-color {
	background-color: #d7dae0;
}
.wp-block-sgb-timeline ul {
	margin-bottom: 0;
}

/******************************************************
* 球団系コンボ管理表
******************************************************/

#detail .detail_body {
  display: none;
}
#detail .detail_body.selected {
  display: block;
}

#detail input[type="checkbox"] {
	backface-visibility: hidden;/* animation時のにじみ防止 */
	-webkit-backface-visibility: hidden;/* animation時のにじみ防止 */
	-webkit-font-smoothing: antialiased/* animation時の文字にじみ防止 */
	-moz-osx-font-smoothing: grayscale;/* animation時の文字にじみ防止 */
  transform: scale(1.2);
}

#detail table {
  border-collapse: collapse;
  border: 1px solid #333;
}
#detail th,
#detail td {
  border: 1px solid #333;
}

#teams_tab ul {
  padding: 0;
  margin: 0;
}

#teams_tab li {
  list-style: none;
  margin: 0;
}

#teams_tab {
  max-width: 100%;
  margin: 0 0 1.6em 0;
}
.table-title {
  background-color: #333;
  color: #fff;
}
.tab-menu {
display: grid; /* Grid Layoutを利用 */
justify-content: center;

grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; /* rowの配分/columnの配分 */
}

.tab-item {
  list-style: none;
  display: inline-block;
  text-align: center;
  padding: 10px 0;
  cursor: pointer;
  
  /* widthを同じ比率で分けあう */
  flex-grow: 1;

  /* 下線以外をつける */
  border: 1px solid #333;
}
    
.tab-item:not(:first-child):not(:nth-of-type(7)) {
  border-left: none;
}
.tab-item:nth-of-type(-n+6) {
  border-bottom: none;
}

/* アクティブなタブはデザインを変えて選択中であることが解るようにする */
.tab-item.selected {
  background: red;
  color: white;
}

#detail .orderTable th,
#detail .orderTable tr,
#detail .orderTable td {
	height: 45px;
	text-align: center;
}
#detail .orderTable td input {
	margin-right: 5px;
}

button.resetBtn {
  margin-left: 10px;
}

/******************************************************
* コンボ発動状況管理表
******************************************************/
.comboList th,
.comboList td {
	padding: 3px 10px;
	height: 35px;
}
.searchArea th,
.comboList th {
	background-color: #2662b626;
}
.comboList .chkBox {
	width: 0;
	white-space: nowrap;
}
.comboList .tdGroup {
	width: 13%;
	white-space: nowrap;
}
.comboList .bTop {
	border-top: 1px solid #333;
}
.comboList .bBottom {
	border-bottom: 1px solid #333;
}
.comboList .bLeft {
	border-left: 1px solid #333;
}
.comboList .bRight {
	border-right: 1px solid #333;
}
.comboList tbody.hidden {
	display: none;
}

.thInput {
	padding: 17px 12px;
}
.searchArea table {
	margin-bottom: 10px;
}
.resetButtonWrap {
	text-align: right;
	margin-bottom: 10px;
}
.resetButtonWrap button {
	background-color: #fff;
	padding: 0;
	border: none;
	color: #3a7bd5;
	font-weight: bold;
}
.comboList input[type="checkbox"] {
  padding: 0;
  height: 16px;
  width: 16px;
}
.noMatch {
	text-align: center;
	background-color: #3a7bd5;
	border: 1px solid #333;
	color: #fff;
	padding: 20px 0;
	font-weight: bold;
	margin-bottom: 30px;
}
.comboList .tdText {
	line-height: 1.5;
}
.comboList input[type="radio"]:checked + .chkboxLabel,
.searchArea input[type="checkbox"]:checked + .chkboxLabel {
  background-color: #3a7bd5;
  border-color: #2e6891;
  color: #fff;
  box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1);
}
.comboList .chkboxLabel,
.searchArea .chkboxLabel {
  display: inline-block;
  padding: 15px 5px;
  background-color: #fff;
  border: 1px solid #333;
  cursor: pointer;
  width: 30%;
  line-height: 8px;
  margin: 2px;
  font-size: 1.2rem;
  border-radius: 3px;
  color: #333;
  font-weight: bold;
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}
.searchArea input[type="text"]#searchText {
	padding: 10px;
	font-size: 1.2rem;
	font-weight: bold;
	background-color: #fff;
	outline: none;
	border: 1px solid #333;
	color: #333;
}
.searchArea input[type="text"]#searchText:focus {
	border: 2px solid #3a7bd5;
	outline: none; /* フォーカス時の枠線を削除 */
}

.searchArea th {
  width: 0;
  white-space: nowrap;
}
.searchArea table,
.searchArea th,
.searchArea td {
	border: 1px solid #333;
	border-collapse: collapse;
}

input#searchText {
	width: 100%;
}

@media screen and (max-width: 480px) {
.searchArea,
.comboList {
	font-size: 0.8em;
}
.comboList .chkboxLabel,
.searchArea .chkboxLabel {
	font-size: 0.9em;
}
.tdComboName {
	font-size: 1.1em;
}
.comboList td.tdComboName {
  padding: 0 10px;
}
}

/******************************************************
* WEBアプリ共通パーツ
******************************************************/
/* 野手・投手タブ */
.tab-content {
	display: none;
}
.tab-content.show {
	display: block;
}
table.position-tab-container {
	border-collapse: separate;
}
table.position-tab-container .position-tab {
	border: 1px solid #333;
}
.position-tab-container td {
	text-align: center;
	padding: 8px;
	width: 50%;
}
.position-tab-container .position-tab.active {
	background-color: #cc0033;
	border: 2px solid #cc0033;
	color: #fff;
	font-weight: bold;
}
.position-tab-container .position-tab:not(.active) {
	cursor : pointer;
}

/* 計算・リセットボタン */
.btn-area {
	margin-bottom: 15px;
}
.blueBtn {
  display: inline-block;
  padding: 15px 5px;
   background-color: #3a7bd5;
  border: 1px solid #2e6891;
  cursor: pointer;
  line-height: 8px;
  margin: 2px;
  border-radius: 3px;
  color: #fff;
  font-weight: bold;
  box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1);
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}

/******************************************************
* おすすめ称号計算機
******************************************************/
.input-error {
	font-weight: bold;
	color: #ff0000;
}
.degree-content-container {
	margin-bottom: 60px;
}
.degree-content-container .input-area {
	margin-bottom: 15px;
}
.degree-content-container .input-area th {
	text-align: center;
	padding: 8px;
}
.degree-content-container .input-area.mobile th {
	padding: 6px;
}
.degree-content-container .input-area td {
	text-align: center;
	padding: 10px 10px 12px;
}
.degree-content-container .input-area td .status-input {
	text-align: center;
	font-size: 1.2rem;
	border: 1px solid #333;
	background-color: #fff;
	width: 40%;
}
.degree-content-container .input-area.mobile td .status-input {
	width: 80%;
}
.degree-content-container .input-area td.status-select {
	text-align: left;
}
.degree-content-container .input-area td.status-select select {
	padding: 4px;
	border: 1px solid #333;
	background-color: #fff;
}
.degree-content-container .degree-table .chkbox {
	transform: scale(1.2);
}
.degree-content-container .degree-table th,
.degree-content-container .degree-table td {
	text-align: center;
	padding: 0 3px;
}
.calc-result.mobile th,
.calc-result.mobile td,
.input-area.mobile th,
.input-area.mobile td,
.degree-content-container .degree-table.mobile th,
.degree-content-container .degree-table.mobile td {
	padding: 5px 3px;
	font-size: 0.8em;
	line-height: 1.3;
}
.degree-content-container .degree-table th:first-child {
	width: 5%;
}
.degree-content-container .degree-table th:nth-child(2),
.degree-content-container .degree-table th:nth-child(4),
.degree-content-container .degree-table th:nth-child(5),
.degree-content-container .degree-table th:nth-child(6),
.degree-content-container .degree-table th:nth-child(7) {
	width: 10%;
}
.degree-content-container .degree-table.mobile th:first-child {
	width: 6%;
}
.degree-content-container .degree-table.mobile th:nth-child(2),
.degree-content-container .degree-table.mobile th:nth-child(4),
.degree-content-container .degree-table.mobile th:nth-child(5),
.degree-content-container .degree-table.mobile th:nth-child(6),
.degree-content-container .degree-table.mobile th:nth-child(7) {
	width: 8%;
}
.degree-tab-container th,
.degree-content-container th {
	background-color: #333;
	color: #fff;
}
table.degree-table td.b-win,
table.degree-table td.p-win,
table.degree-table td.recommended {
	background-color: #cc0033;
	color: #fff;
}
.calc-result tr:nth-child(2) th,
.calc-result tr:nth-child(2) td,
.calc-result tr:nth-child(3) th,
.calc-result tr:nth-child(3) td {
	width: 14.28571428571429%;
	text-align: center;
}
input[type="number"],
.no-spin::-webkit-inner-spin-button,
.no-spin::-webkit-outer-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
    -moz-appearance:textfield !important;
}

/******************************************************
* ステータス系コンボ管理表
******************************************************/
.stCombo-content th {
	background-color: #333;
	color: #fff;
}
.stCombo-content th,
.stCombo-content td {
	padding: 5px 10px;
	text-align: center;
}
.stCombo-content th.narrow {
	width: 10%;
}
.stCombo-content th.min {
	width: 0%;
}
.stCombo-content input[name="stComboInput"] {
	width: 100%;
	padding: 5px;
	vertical-align: middle;
	text-align: center;
	font-size: 1.0em;
	color: #000;
	border: 1px solid #333;
	background-color: #fff;
}
.stCombo-content select {
	font-size: 1.0em;
	padding: 4px;
	border: 1px solid #333;
	background-color: #fff;
}
.stCombo-content.mobile .stComboDegree,
.stCombo-content input.stComboName-input {
	text-align: left;
}
.stCombo-content.mobile td.stComboDegree {
	padding-left: 10px;
}
.stCombo-input-area {
	margin-bottom: 15px;
}
td.pMaxClass {
	background-color: #ffeeee;
}
td.pAClass {
	background-color: #ccccff;
}
td.special {
	color: #ff0000;
}
.stCombo-Result th,
.stCombo-Result td,
.stCombo-combo-table th,
.stCombo-combo-table td {
	padding: 2px 5px;
}
.stCombo-input-area th,
.stCombo-input-area td {
	padding: 5px;
}
.stCombo-Result.mobile th,
.stCombo-Result.mobile td,
.stCombo-combo-table.mobile th,
.stCombo-combo-table.mobile td,
.stCombo-input-area.mobile th,
.stCombo-input-area.mobile td {
	font-size: 0.9em;
}
.stCombo-input-area.mobile tbody tr td:first-child {
	width: 1%;
}
.stCombo-input-area.mobile td.stComboName {
	width: 26%;
}
.stCombo-Result tr:last-child {
	border-top: 3px double #ccc;
}
.btn-area .blueBtn {
	width: 30%;
}

/******************************************************
* データバックアップ
******************************************************/
.backup-btn-area {
	width: 100%;
	text-align: center;
}
.backup-btn-area th {
	background: #333;
	color: #fff;
}
.backup-btn-area .blueBtn {
	padding: 13px 15px;
}
#file-select {
  border: 1px solid #333;
  cursor: pointer;
  display: inline-block;
  width: 50%;
  margin-bottom: 0;
}
.csv-report {
	color: #ff0000;
	font-weight: bold;
}