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

/************************************
** 子テーマ用のスタイルを書く
************************************/
.header-in{flex-direction:row-reverse;align-items: center;}
.header-in .tagline{font-size:24px;font-weight:700;}
.header-in .logo, .header-in .logo a, .header-in .site-name-text{line-height:1;}
.w100,figure.w100 table{width:100%;}
.tbdf th,.tbdf td{border:1px solid #333;}
.wp-block-table th,.wp-block-table td{padding:.5em;}
.article h1{font-size:32px;}
.article h2{margin:2em 0 1em;}
.article h2:before,.article h2:after{display:none;}
.article h3{padding:8px 16px;border-bottom:0;border-left:4px solid #333;background:#eee;}
.entry-content p{margin-bottom:1.5em;line-height:1.5em;}
.entry-content ol,.entry-content ul{padding-top:0;}
.note{font-size:.75em;color:#666;}
#sidebar .widget_block ul li a{padding:4px;font-size:16px;}
.btn-primary{
	width:400px;
	margin:1em auto 2em;
}
.btn-primary a{
	position:relative;
	display:block;
	padding:1em 0;
	text-align:center;
	font-size:20px;
	font-weight:700;
	text-decoration:none;
	color:#fff;
	background:#FF9900;
	border-radius:50px;
	transition:.3s;
}
.btn-primary a::after{
	position:absolute;
	top:0;bottom:0;
	right:1.5em;
	margin:auto;
	content:"";
	width:10px;height:10px;
	border-top:3px solid #fff;
	border-right:3px solid #fff;
	transform:rotate(45deg);
	transition:.3s;
}

.btn-primary a:hover{text-shadow:0 0 20px rgba(255,255,255,.8);}
.btn-primary a:hover::after{right:1em;}

/*--- スコアボード記事 ---*/
.post .wp-block-table table{margin-bottom:0;width:100%;}
.score table{width:100%;border-collapse:collapse;}
.score table thead{border:none;}
.score table th{background:#444;color:#fff;}
.score table th,.score table td{width:10%;border:1px solid #222;text-align:center;}
.score table th:first-child,.score table td:first-child{width:20%;}
.sns-msg h2{display:none;}

@media(max-width: 575px){
	.score table th,.score table td{width:9%;}
	.score table th:first-child,.score table td:first-child{width:28%;}
}

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

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

/*480px以下*/
@media screen and (max-width: 480px){
  .logo-header img{width:120px;}
  .header-in .tagline{width:9em;margin-left:0;font-size:16px;line-height:1.3em;}
  .article h1{font-size:26px;}
  .btn-primary{width:90%;}
}