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

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

/*shige追記*/
/*ヘッダー*/
.header{
	display:none;
}
.header-container{
	display:none;
}
.header_logo_img{

}
.header_img{
		object-fit: cover;
		text-align:center;
}
.header_img img{
		width:750px;
    height:300px !important;
	 	max-height: none;
		object-fit: cover;
}
/*.header_logo{
	display:none;
}*/
.header_logo{
	width:100%;
	text-align:center;
}
.header_logo_flex{
	width:60%;
	display:flex;
	justify-content:center;
	margin:0 auto;
}
.header_logo_blank{
	width:33%;
}
.header_logo_main{
	width:23%;
	text-align:center;
}
.header_logo_title{
	width:33%;
	color:#333;
	padding-top:35px;
}
.header_logo_title p{
	color:#666;
	font-size:15px;
	font-family: serif;
   padding-bottom:-3px;
}
.header_logo img{
		width:150px;
		height:auto;
		margin:0 auto;
}
.main{

}
.sidebar{
	border-left : solid 1px #d3d3d3;
}
.entry-card{
   text-decoration: none;
   border-bottom: 1px solid #d3d3d3;
   padding-bottom: 2px;
}
.widget-sidebar-title{
	text-decoration: none;
   border-bottom: 1px solid #d3d3d3;
   padding-bottom: 2px;
}
.main figure.wp-block-table{
	display:initial;
}
.ranking_block-main a img {
    width: 100%;
    max-height: 270px;
    margin-top: 4rem;
    object-fit: contain;
}
.ranking_block-main a img {
    width: 100%;
    max-width: none !important;
    max-height: 270px;
    margin-top: 4rem;
    object-fit: contain;
}
.item-info p:nth-of-type(2) {
	background-color:#FFFFDB;
	border : solid 2px #ff381a;
	padding:8px;
}
.ranking1_end-block{
		border : solid 5px black;
}
.ranking1_end-block p.rank_head{
	color:#D06A87 !important;
}
.ranking1_end-block font{
	color:#D06A87 !important;
}
article.article .wp-block-buttons .wp-block-button__link{
	border-radius: 8px;
    background: #E2421F;
    background-image: linear-gradient(to bottom, #E2421F 0%, #C32A08 100%);
	border: 8px double white;
}
article.article .wp-block-buttons .microcopy .wp-block-button__link{
	 background: rgba(0, 0, 0, 0) !important;
	border: none;
}
article.article .button-white .wp-block-button__link{
	background: white !important;
    background-image: linear-gradient(to bottom, white 0%, white 100%) !important;
    border: solid 2px #333 !important;
    color: #333 !important;
}

.site-logo-image {
	margin:0 auto;
	text-align:center;
}

.header-site-logo-image{
		margin:0 auto;
		text-align:center;
}

/*投稿ページ*/
.single .header_img{
  display: none;
} 
.single .header_img{
  height: 0px;/*好みの高さ*/
	display: none;
}  


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

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
		.header_logo_title p{
	color:#666;
	font-size:10px;
	font-family: serif;
   padding-bottom:-3px;
}
	.ranking_block-main a img {
    width: auto;
    max-width: 60px;
    max-height: 120px !important; 
    margin-top: 3rem;
}
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
	.header_logo_flex{
	width:70%;
	display:block;
	margin:0 auto;
	margin-top:20px;
	display:none;
}
	.header_logo_blank{
	display:none;
}
.header_logo_main{
	margin:0 auto;
	text-align:center;
}
	.header_logo_title{
	width:100%;
	color:#333;
	padding-top:0px;
		vertical-align:middle;
}
	.header_logo_title p{
	color:#666;
	font-size:7px;
	font-family: serif;
   padding-bottom:-3px;
}
	
article.article .wp-block-table table tr:first-child td {
    background-size: 　!important; 
  }
}


article.article .wp-block-table table tr td:first-child {
    background: #f3f3f3;
    max-width: 5px !important;
}
.td .storong{
		overflow-wrap: break-word　!important;
}

.has-text-align-center td{
	width:100px !important;
}
@media screen and (max-width: 834px){
table th, table td {
    padding: 3px;
    font-size: 0.8em !important;
}
	}

.scrollable-table th, .scrollable-table td {
    padding: 3px 5px;
    white-space: normal !important; 
}