@charset "UTF-8";

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

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

/* header */
.logo-image{
	padding: 0;
	line-height: 1em;
}

.logo-text {
	padding: 10px 0 10px;
}

/* グローバルメニュー */
.navi-in > ul {
	flex-wrap: nowrap;
}
/* 834px以下 */
@media screen and (max-width: 834px){
	.navi-in > ul {
		justify-content: space-around;
	}
	#navi .navi-in > .menu-mobile li {
		width: unset;
	}
}

/* General */
table {
	width: auto;
}

/* SNSシェアボタン */
.sns-buttons {
    flex-wrap: nowrap;
    justify-content: center;
    .button-caption {
        display: none;
    }
    a {
        width: 12% !important;
	    height: 34px;
	    font-size: 20px;
	    margin-left: 4px;
	    margin-right: 4px;
    }
}
/* コメントボタンは単体ページのみで表示 */
body:not(.wp-singular) {
	.sns-buttons .comment-button {
		display:none;
	}
}

/* sticky post */
/**/
article.sticky .entry-card-thumb::after{
    content: "\f08d";
    font-family: "FontAwesome";
    display: inline-block;
    position: absolute;
	top: 1px;
    right: 1px;
    width: 24px;
    height: 24px;
    background: #f00;
    color: #fff;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    border-radius: 24px;
	box-shadow: 1px 1px 1px rgba(0,0,0,0.5);
}
/*
article.sticky {
	border-bottom: 3px solid #f90;
}
*/

/* mini heading */
.entry-content>.dt{
	margin-bottom: 0.3em;
	font-weight: bold;
}
.entry-content>.dt:before{
	content: "■";
}
.entry-content>.dd{
	margin-top: 0.3em;
}
.entry-content>.dimg{
	margin-bottom: 0.3em;
}

/* 記事単位 */
body.tagid-99 .wp-block-table td /* 強いデッキ2305 */
{
	text-align: center;
}

/* Entry Card */
.entry-card-thumb {
/*    width: 100px;*/
}
.entry-card-content {
/*    margin-left: 110px;*/
}
.cat-label {
/*display: none;*/
}
.entry-card-title{
    font-size: 22px;
}

/* SideBar */

.widget_recent_comments ul {
	list-style: none;
	padding-left: 0;
}

.widget_recent_entries ul li a,
.widget_categories ul li a,
.widget_archive ul li a,
.widget_pages ul li a,
.widget_meta ul li a,
.widget_rss ul li a,
.widget_nav_menu ul li a {
	padding: 4px;
}

/* Cocoon Popular Posts */
.widget-entry-cards figure {
	width: 75px;
}
.widget-entry-card-content {
	margin-left: 81px;
}


/* WordPress Popular Posts */
ul.wpp-list {
    padding-left: 0;
}
ul.wpp-list li {
    margin-bottom: 0.5em;
}
ul.wpp-list a, ul.wpp-list a:link, ul.wpp-list a:visited {
    color: #333333;
    text-decoration: none;
}
ul.wpp-list a:hover {
    color: #e53900;
    text-decoration: underline;
}

/* SNSシェアボタン */
#main .sns-share-buttons .button-caption {
    display: none;
}
.sns-share-buttons {
    flex-wrap: nowrap;
    justify-content: center;
}
.sns-share-buttons a {
	font-size: 20px;
	margin-left: 2px;
	margin-right: 2px;
}
#main .sns-share a {
	height: 40px;
}

/* タグクラウドテスト */
/*
a.tag-link-position-1 {
	font-size: 18px;
}
*/

/* TikTokの埋め込み */
blockquote.tiktok-embed {
	padding: 0;
	border: 0;
}
blockquote.tiktok-embed:before {
	display: none;
}
/* Misc */

.article h2.site-link {
}
.blue {
	color: #00f;
}
.bold-purple {
	color: #d0f;
	font-weight:bold;
}
img.vm {
	vertical-align: middle;
}
.entry-content>.vm img{
	vertical-align: middle;
}

tr.nowrap td {
	white-space: nowrap;
}

figure.border-img img {
	border: 2px dashed #999;
}

.entry-content>.allcenter th, .entry-content>.allcenter td {
	text-align: center;
}

/* 枠付き */
.entry-content>.frame-block{
	border: 4px solid #dddddd;
	padding: 10px;
	border-radius: 10px;
}
/* 枠付き */
.entry-content>.frame-block-notice{
	border: 4px solid #ffdddd;
	padding: 10px;
	border-radius: 10px;
}

/* 動画 */
/* widthが100%になっているのを止める */
.wp-block-video.movie-size-auto video {
	width: auto;
}

/* tableセルにサムネ画像を配置 */
.entry-content .thumbnail-links table {
	min-width: 300px;
}
.entry-content .thumbnail-links td {
    background-color: #ffffff;
    border: 0px;
    text-align: center;
	vertical-align: top;
}

/* copy禁止 */
.entry-content.nosel>* {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/**
 * クラロワ
 */
.cr-news {
    border: 0;
    height: 6px;
    background: #E02945;
    background: linear-gradient(to right, #E02945, #E02945 50%, #0061B0 50%);
	margin-left: auto;
	margin-right: auto;
}
.cr-decks img {
	vertical-align: middle;
}

/* バランス調整 カード見出し */
.cr-balance-card {
	font-weight: bold;
	img {
		vertical-align: middle;
		width: 48px !important;
		margin-right: 4px;
	}
}

/* BSC  */
.entry-content>.bsc-team {
	font-weight: bold;
	margin-bottom: 0.3em;
}
ul.bsc-players {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	padding: 0;
	margin-top: 0.3em;
}
ul.bsc-players li {
	padding: 0 5px;
}
ul.bsc-players li:before {
	content: "●";
	color: #666666;
}

/* dmw - Dr.MARIO WORLD */
.dmw_doctor_list .item {
	margin-top: 2em;
	margin-bottom: 2em;
	padding-top: 1em;
	border-top: 1px solid #999;
}
.dmw_doctor_list .name {
	font-weight: bold;
}
.dmw_doctor_list .name:before {
	content: '■'
}


/* FLO */
.flo_life{
	width: 100%;
}
.flo_life td {
	padding: 0;
	border: 0px solid #fff;
}
.flo_life .title {
	font-size: 22px;
	font-weight: bold;
}
.flo_life .life_ico {
	width: 70px;
}
.flo_life .soubi_ico, .flo_life .life_fig {
	text-align: right;
	width: 112px;
}
@media screen and (max-width: 500px){
	.flo_life .title {
		font-size: 120%;
	}
	.flo_life .life_ico, .flo_life .soubi_ico, .flo_life .life_fig {
		width: auto;
	}
}

/* collapse-area */
.collapse-area.hide div.collapse {
	display: none;
}
.collapse-area a.collapse:before {
	content: '▲'
}
.collapse-area.hide a.collapse:before {
	content: '▼'
}

/* ads */
.wy_ads {
	margin-top: 4em;
}

/* comment-info-bar  */
.comment-info-bar{
	background-color: #eee;
	padding: 3px 3px;
	margin: 3px 0;
	font-size: 90%;
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1240px以下*/
@media screen and (max-width: 1240px){
  /*必要ならばここにコードを書く*/
}

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

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

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
  .entry-card-title{
      font-size: 18px;
  }

}

/* 834px以下 */
/* スマホでtable内文字が小さくなるのを防ぐ */
@media screen and (max-width: 834px){
	table th, table td {
		font-size: 16px;
	}
}