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

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

/*トップページの調整*/
.content-top, .content-bottom {
	margin: 24px 0;
}
/*タイトルの調整*/
.body .entry-title {
	font-size: 14px!important;
	border-bottom: 1px solid #dee0e4;
	padding-bottom: 1.5em;
	margin: 0 0 16px;
}
.related-entry-heading {
	font-size: 14px!important;
}
/*見出しの調整*/
.article h2, .article h3, .article h4, .article h5, .article h6 {
	margin-top: 0.8em!important;
	margin-bottom: 1.5em!important;
	font-size:14px;
	background: none!important;
	padding: 0!important;
}
/*ポスト時間の調整*/
.post-date, .post-update, .rss-date, .body .post-comment-count {
	font-size: 12px;
}
.entry-content {
	margin-top: 10px!important;
}
.body:not(.archive) .article-header {
	margin-bottom: 10px!important;
}
.date-tags {
	margin-bottom: 10px!important;
}
/*サムネイル画像の調整*/
.card-thumb img {
	border-radius: 0.5rem;
}
/*おすすめカードの調整*/
.related-entry-card-title, .entry-card-title {
	font-size: 14px;
}

/*ブログカードの調整*/
.blogcard {
	border: none!important;	
}
.blogcard-wrap {
	width: 100%!important;
}
.blogcard-title {
	font-size: 14px;
}
.blogcard-snippet {
	color: #999;
}
.blogcard-footer {
	font-size: 12px;
}
.blogcard-thumbnail img {
	border-radius: 0.25rem;
}
/*グローバルナビの調整*/
.search-edit {
  border-radius: 30px!important;  /* 検索フォームの角を丸くする */
	font-size: 14px!important;
	padding: 10px 20px!important;
	border: 1px solid #dee0e4!important;
}
.search-submit {
	padding: 0 10px;
}
.search-box .fas {
	line-height: 1.2;
}
.header-search {
	padding: 0 0 0 1em;
	display: flex!important;
	align-items: center;
}
.header-search .search-box {
	margin: 0;
	width: 160px;
}
.header-search .search-edit {
	padding: 8px 14px!important;
	font-size: 12px!important;
	xbackground: #f4f5f7!important;
	border: none!important;
}
.header-search .search-edit:hover {
	background: #f0f1f2!important;
}
.header-search .search-edit:focus {
	outline: 2px solid #8fb8cb;
}
.header-search .search-submit {
	font-size: 14px;
}
.header-search .search-submit .fas {
	line-height: 1.9;
}
.navi {
	xpadding-top: 30px;
}
.navi-in > ul {
	gap: 0 12px;
}
.navi-in > ul li {
	xheight: 50px!important;
	xline-height: 50px!important;
}
#navi .navi-in>ul>li>a {
	padding: 0 2em;
}
.navi-in a {
	xborder-radius: 20px;
	font-size: 12px;
	font-weight: normal!important;
	xbackground-color: #fff;
	transition: none!important;
}
#navi .navi-in a:hover {
	xbackground-color: rgba(255, 255, 255, .3);
	background-color: #fff;
}
.navi-in .has-icon {
	right: 12px;
}
.navi-in > ul .sub-menu {
	border-radius: 0 0 3px 3px;
	background-color: #fff!important;
	box-shadow:	0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);
}
#navi-in .sub-menu a {
	xbackground-color: rgba(255, 255, 255, .3);
}
#navi-in .sub-menu a:hover {
	background-color: #f4f5f7;
}
#navi .navi-in>ul .sub-menu ul {
	left: 151px;
}
/*インデックスのカテゴリータイトル調整*/
.list-title {
	font-size: 14px;
}
/*インデックスの新着タブ調整*/
.main {
	padding 1.6em;
}
.index-tab-buttons {
	margin: 0 0 1.4em;
}
.index-tab-buttons .index-tab-button {
	background: #f2f2f2;
    border: none;
	font-size: 13px;
}
.index-tab-buttons .index-tab-button:hover {
	background: #ddd !important;
}
#index-tab-1:checked ~ .index-tab-buttons .index-tab-button[for=index-tab-1]:hover, #index-tab-2:checked ~ .index-tab-buttons .index-tab-button[for=index-tab-2]:hover, #index-tab-3:checked ~ .index-tab-buttons .index-tab-button[for=index-tab-3]:hover, #index-tab-4:checked ~ .index-tab-buttons .index-tab-button[for=index-tab-4]:hover {
	background: none var(--cocoon-tab-label-active-color)!important;
}
.cat-label {
	top: 0;
    left: 0;
    border: none;
}
/*インデックスのサイド調整*/
.widget-sidebar-title {
	font-size: 14px !important;
	margin: 0!important;
	background: none!important;
}
.widget-entry-card {
	font-size: 13px;
}
.widget-entry-card-title {
	padding: 10px;
}
/*目次の調整*/
.toc-title {
	display: none;
}
.toc {
	border: none;
	display: block;
	font-size: 13px!important
}
.toc .toc-list li {
	margin: 0.4em;
}
.toc a {
	padding: 0.5em 1em;
    font-size: 12px!important;
}
.ss-toc-list {
	margin-bottom: 3em;
}
.ss-toc-list .toc {
	padding: 0 0.2em!important;
}
.ss-toc-list .toc .toc-list {
	display: flex;
    gap: 0.5em 0;
    flex-wrap: wrap;
}
.ss-toc-list .toc .toc-list a {
	padding: 0.5em 1.5em;
	font-size: 12px!important;
	background: #f2f2f2;
    border-radius: 3px !important;
}
.ss-toc-list .toc .toc-list a:hover {
	text-decoration: none!important;
	background: #ddd!important;
}
.ss-toc-list .toc-center {
	margin: 0 0 0!important;
}

/*ランキングカルーセルの調整*/
x.body aside.widget:is(.widget-content-top) {
	background-color: transparent!important;
}
.custom-html-widget {
	background-color: #fff;
	border-radius: 3px;
	padding: 1.6em;
}
.custom-html-widget h2 {
	margin-bottom: 20px;
	font-size: 14px;
	border-bottom: 1px solid #dee0e4;
	padding-bottom: 1.3em;
	padding-top: 0.5em;
}
.rank-text-box {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
}
.rank-text-box .rank-text, .rank-text-box .rank-text-more {
	display: flex;
}
.rank-text-box .rank-text {
	font-size: 12px;
	font-weight: bold;
}
.rank-text-box .rank-text-more {
	font-size: 12px;
}
.rank-text-box .rank-text-more a {
	font-size: 12px;
	color: #0268d6;
	text-decoration: none;
}
.rank-text-box .rank-text-more a:hover {
	text-decoration: underline;
}
.owl-carousel .owl-item img {
	border-radius: 50%;
}
.badge-blue {
	background-color: #8fb8cb!important;
}
.badge-red {
	background-color: #cb8f8f!important;
}
.badge-green {
	background-color: #87c294!important;
}
.badge-yellow {
	background-color: #e1cf37!important;
}
.appeal-button, .ranking-item-link-buttons a, .cta-button a, .comment-btn, .comment-form .submit, .list-more-button, .pagination-next-link {
	border: 1px solid #dddddd;
	border: 1px solid #dee0e4;
	box-shadow: none;
	font-size: 14px;
}
.custom-html-widget .list-more-button {
	margin: 0!important;
}

/*ランキングテーブルの調整*/
.tab-label-group {
	gap: 10px;
}
.tab-label-group .tab-label {
	border-radius: 3px!important;
}
.tab-label-group li:not(.is-active):hover {
	background: #f0f1f2!important;
	background: #ddd!important;
}
.tab-content-group {
	border: none!important;
	padding: 1em 0 0 0!important;
}
.is-style-default .scrollable-table {
	margin-bottom: 0!important;
}
.is-style-default th {
	background-color: #f0f1f2!important;
	font-size: 10px;
	padding: 10px;
	text-align: center;
	border: none;
}
.is-style-default tbody tr:nth-child(even) {
	background-color: #F7F7F8!important;
	background-color: #FFF!important;
	border-bottom: 1px solid #f0f1f2;
}
.is-style-default tbody tr:nth-child(odd) {
	background-color: #FFF!important;
	border-bottom: 1px solid #f0f1f2;
}
.is-style-default tbody tr td {
	font-size: 13px;
	padding: 10px;
	border-width: 0;
	text-align: center;
}
.is-style-default.is-style-default-left tbody tr td {
	text-align: left;
	vertical-align: middle;
}
.is-style-default tbody tr td:nth-child(2),
.is-style-default tbody tr td:nth-child(3) {
	xtext-align: left;
}
.is-style-default tbody tr:hover td {
	xbackground-color: #f4f5f7!important;
}
.is-style-default img {
	border-radius: 50%;
}
.is-style-default a {
	color: #333;
	text-decoration: none;
}
/*スタッツ用語解説の調整*/
.popup-text {
	margin-top: 0.8em!important;
}
.popup-text a {
	font-size: 12px;
	color: #0268d6;
	text-decoration: none;
}
.popup-text a:hover {
	text-decoration: underline;
}
/*大会ページの調整*/
.tour-text a {
	color: #333;	
	text-decoration: none;
}
.tour-text a:hover {
	text-decoration: underline;
}
.more-text a {
	font-size: 12px;
	color: #0268d6;
	text-decoration: none;
}
.more-text a:hover {
	text-decoration: underline;
}
/*選手プロフィールの調整*/
.pf-box {
	xborder-top: 1px solid #dddddd;
	xborder-bottom: 1px solid #dddddd;
	padding: 1.2em 0;
}
.pf-box table tr:nth-of-type(2n+1) {
	background: none!important;
}
.pf-box img {
	border-radius: 50%;
}
.pf-box .badge-grey {
	font-size: 10px;
}
.pf-box .badge-blue {
	font-size: 10px;
}
.pf-box .green {
	color: #999999;
}
.pf-box .is-layout-flex{
	gap: 0.5rem;
	margin-bottom: 10px;
}
.is-layout-flex{
	gap: 0.5rem;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-instagram {
	background: #f0f0f0;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-youtube {
	background: #f0f0f0;
}
.stats-box {
	xborder-bottom: 1px solid #dddddd;
}
.win-avebox p {
	margin-bottom: -50px;
}
.pf-video .video-container {
	margin: 0 0 0;
}
.pf-video .video-container .video {
	margin: 0!important;
}
.pf-video p {
	margin: 0!important;
}
/*大会のヒート調整*/
.heat-box .heat-header-box {
	padding: 0 0 0.5em;
	border-bottom: 1px solid #dee0e4;	
}
.heat-header-box {
	padding: 0 0 0.5em;
	border-bottom: 1px solid #dee0e4;	
}
.green {
	color: #999;
}
.heat-box .is-style-default {
	margin: 1em 0 0!important;	
}
.heat-box .is-style-default tbody tr:last-child {
	border: none;
}
.heat-white img {
	border: 2px solid #949495!important;
}
.heat-blue img {
	border: 3px solid #8fb8cb!important;
	border: 2px solid #1d53be!important;	
}
.heat-red img {
	border: 3px solid #cb8f8f!important;	
	border: 2px solid #d41f26!important;
}
.heat-green img {
	border: 3px solid #8fb8cb!important;
	border: 2px solid #35be1c!important;
}
/*大会のランキング調整*/
.lank-box {
	margin-bottom: 0.5em!important;
}
.lank-box a {
	text-decoration: none;
	color: #333;
}
.lank-box a:hover {
	color: #333;
}
.lank-box img {
	border-radius: 50%;
	margin-top: 0.5em;
}
/*大会ハイエストヒートスコア調整*/
.hhs-style-default .scrollable-table {
	margin-bottom: 0!important;
}
.hhs-style-default th {
	background-color: #f0f1f2!important;
	background-color: #FFF!important;
}
.hhs-style-default tbody tr:nth-child(even) {
	background-color: #FFF!important;
	xborder-bottom: 1px solid #f0f1f2;
}
.hhs-style-default tbody tr:nth-child(odd) {
	background-color: #FFF!important;
	xborder-bottom: 1px solid #f0f1f2;
}
.hhs-style-default tbody tr td:hover {
	xbackground-color: #f4f5f7!important;
}
.hhs-style-default img {
	border-radius: 50%;
}
.hhs-style-default a {
	color: #333;
	text-decoration: none;
}

/*モーダル表示*/
.pum-trigger {
	xdisplay: inline-block;
	color: #0268d6!important;
}
.pum-trigger:hover {
	text-decoration: underline;
}
/*年間スタッツ調整*/
.is-layout-flex {
	gap: 2rem!important;
}
.dt-length {
	font-size: 12px;
}
/*YouTube調整*/
.video-container {
	max-width:100%;
}
.result-ttl {
	margin:0 0 0.4em!important;	
}
/*関連記事調整*/
.related-entry-card-snippet {
	color: #999;
}

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

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
/*グローバルナビの調整*/
.navi {
	padding-top: 0;
}
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
/*表の調整*/
.is-style-default tbody tr td {
	font-size: 12px;
}
.ss-toc-list {
	margin-bottom: 3em;
}
.ss-toc-list .toc {
	padding: 0 0.2em!important;
}
.ss-toc-list .toc .toc-list {
	display: flex;
    gap: 0.5em 0;
    flex-wrap: wrap;
}
.ss-toc-list .toc .toc-list a {
	padding: 0.5em 1em 0.5em 0;
	padding: 0.6em 1.5em!important;
	font-size: 12px!important;
	background: #f2f2f2;
	border-radius: 3px;
}
/*関連記事調整*/
.related-entry-card-snippet {
	font-size: 0.74em;
}
}