@charset "UTF-8";

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

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

/*カラー変数セット*/
:root {
	--stk-color-gry-light: #ccc;
	--stk-color-gry: #666;
	--stk-color-grn: #a6d3c4;
	--stk-color-grn-light: #e6fcf5;
	--stk-color-ylw-light: #fffed6;
}

/*サイト1カラム化および横幅設定*/
main#main {
	max-width: 800px;
	margin-right: auto;
	margin-left: auto;
}

.stk-top-ad {
	text-align: center;
	max-width: 800px;
	margin: 24px auto;
}
.stk-mid-ad {
	text-align: center;
}

/* フロントページ、各トップページに関して
 *********************************************/
article.post-13903 .entry-content,
article.post-13980 .entry-content {
	display: flex;
	flex-wrap: wrap;
}
.stk-fp-card {
	text-decoration: none;
	color: #888;
	border-bottom: solid 2px #cdd;
	font-weight: bold;
	font-size: 85%;
}
.stk-card-m {
	width: 42%;
}
.stk-card-m:nth-child(2n+1) {
	margin: 2% 6% 6% 2%;
}
.stk-card-m:nth-child(2n) {
	margin: 2% 2% 6% 6%;
}
.stk-card-m img {
	border: solid 1px #eee;
}
.entry-content .stk-card-m:hover {
	transition: 0.2s ease;
	transform: translate(-1px, -2px);
	filter: drop-shadow(2px 2px 3px #bbb);
}

body.page-id-13106 header.article-header h1,
body.page-id-13106 header.article-header div.date-tags,
body.page-id-13106 footer.article-footer div.sns-share,
body.page-id-13106 footer.article-footer div.footer-meta,
body.page-id-13903 header.article-header h1,
body.page-id-13903 header.article-header div.date-tags,
body.page-id-13903 footer.article-footer div.sns-share,
body.page-id-13903 footer.article-footer div.footer-meta,
body.page-id-13980 header.article-header h1,
body.page-id-13980 header.article-header div.date-tags,
body.page-id-13980 footer.article-footer div.sns-share,
body.page-id-13980 footer.article-footer div.footer-meta {
	display: none;
}
/**********************************************
会員メニュー
**********************************************/
div.stk-member-menu {
	width: 800px;
	margin: 0px auto;
	text-align: right;
}
/**********************************************
見出しデザイン修正
**********************************************/
.entry-content h2, .entry-content h3, .entry-content h4 {
	color: #444;
	font-weight: bold;
}
.entry-content h2 {
	margin-top: 2em;
	background-color: #f7f7f7;
	padding: 0.6em 0em 0.3em 0.5em;
	border-bottom: 3px solid #a6d3c4;
}
.entry-content h3 {
	padding: 0.5em 0em 0.3em 0.4em;
	border-top: none;
	border-right: none;
	border-bottom: 3px solid #a6d3c4;
	border-left: none;
	font-size: 110%;
}
.entry-content h4 {
	margin-top: 2em;
	margin-bottom: 1.3em;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: 3px solid #a6d3c4;
	padding: 0.5em 0em 0.4em 0.7em;
	font-size: 100%;
}
.entry-content h5 {
	padding-left: 0px;
	border: none;
	font-size: 100%;
}
/**********************************************
H1画像
**********************************************/
/*
article.category-koubo-post.category-novel-post h1.entry-title::before {
	content: "";
	display: inline-block;
	width: 739px;
	height: 60px;
	background: url(https://saiteki.me/wp-content/uploads/2022/03/koubo-novel-contest-2022.png) no-repeat;
	background-size: contain;
}
*/

/*SNS埋め込み中央揃え*/
.video-container, 
.instagram-container, 
.facebook-container,
.twitter-tweet,
.instagram-media {
    margin: 30px auto !important;
}

img[src*="amazon"],
img[src*="rakuten"] {
	display: block;
	margin-right: auto !important;
	margin-left: auto !important;
}

/*
img[src*="moshimo"] {
	margin: 0px;
	position: absolute;
}
*/

.fa-twitter {color: #1da1f2}
.fa-instagram {color: #cf2e92}
.fa-facebook {color: #3c5a99}

figure.app-req-tbl table td:nth-of-type(2){
	white-space: normal;
}

/*アフィテキストデコレーション*/
.entry-content .ad-btn {
	margin: 50px auto;
	display: block;
	max-width: 550.5px;
	min-width: 75%;
	border-radius: 4px;
	text-align: center;
	font-size: 90%;
	background-color: #fff;
	box-shadow: 2px 3px 6px #aaa;
}
.entry-content .ad-btn a {
	display: block;
	width: 100%;
	border-radius: 4px;
	margin: 0 auto;
	padding: 30px 50px;
}
.entry-content .ad-btn:hover {
	transition: 0.2s ease;
	transform: translate(-1px, -2px);
	box-shadow: 3px 5px 8px #ccc;
}
.entry-content .ad-btn:hover a {
	transition: 0.2s ease;
	filter: opacity(80%);
}
.entry-content .ad-btn-amzn a {
	color: #fff;
	background: linear-gradient(90deg, #333e48 0%, #333e48 8%, #ff9900 8%, #ff9900 100%);
}
.entry-content .ad-btn-prime a {
	color: #fff;
	background: linear-gradient(90deg, #333e48 0%, #333e48 8%, #00a8e1 8%, #00a8e1 100%);
}
.entry-content .ad-btn-rktn a {
	color: #fff;
	background: linear-gradient(90deg, #000000 0%, #000000 8%, #bf0000 8%, #bf0000 100%);
}
.entry-content .ad-btn-rktn-f a {
	color: #bf0000;
	border: 3px solid #bf0000;
	background: linear-gradient(90deg, #fff 0%, #fff 8%, #fff 8%, #fff 100%);
}
.entry-content .ad-btn-grn a {
	color: #fff;
	background: linear-gradient(-13deg, #7fa88f 0%, #7fa88f 55%, #96c8aa 55%, #96c8aa 100%);
}
.entry-content .ad-btn-blu a {
	color: #fff;
	background: linear-gradient(-13deg, #7fa2a8 0%, #7fa2a8 55%, #96c0c8 55%, #96c0c8 100%);
}
.entry-content .ad-btn-pnk a {
	color: #fff;
	background: linear-gradient(-13deg, #c78b8b 0%, #c78b8b 55%, #e6a1a1 55%, #e6a1a1 100%);
}
.entry-content .ad-btn-yel a {
	color: #fff;
	background: linear-gradient(-13deg, #a89843 0%, #a89843 55%, #c7b350 55%, #c7b350 100%);
}
.entry-content .ad-btn-blk a {
	color: #fff;
	background: linear-gradient(-13deg, #464646 0%, #464646 55%, #646464 55%, #646464 100%);
}
/*テーブル設定*/
/*ポストリスト&イベントリスト*/
article div.entry-content .stk-post-list table tr td:nth-of-type(2),
article div.entry-content .stk-event-list table tr td:nth-of-type(2) {
	white-space: normal;
}
article div.entry-content .stk-post-list table tr td:nth-of-type(2) {
	max-width: 17em;
	min-width: 12em;
}
article div.entry-content .stk-event-list table tr td:nth-of-type(2) {
	max-width: 26em;
	min-width: 10em;
}
.entry-content figure.tbl-1n-2w tr td:nth-of-type(2) {
	white-space: normal;
	max-width: 100%;
	min-width: 14em;
}
.entry-content figure.stk-tbl-1n2w3w4w tr td:nth-of-type(2),
.entry-content figure.stk-tbl-1n2w3w4w tr td:nth-of-type(3),
.entry-content figure.stk-tbl-1n2w3w4w tr td:nth-of-type(4){
	white-space: normal;
}
/*タグ：公募情報一覧の記事のテーブル設定*/
article.tag-23-post .entry-content figure table {
	width: 90%;
}
article.tag-23-post .entry-content figure table td:nth-of-type(1) {
	width: 3.5em;
}
article.tag-23-post .entry-content figure table td:nth-of-type(2) {
	white-space: normal;
}

/*タグ：募集詳細のヘッダに表示するメニュー*/
.stk-koubo-menu {
	max-width: 800px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	margin: 20px auto 10px;
	padding: 0.5em 0.5em;
	background-color: #fff;
	font-size: 0.8em;
}

.stk-koubo-menu a {
	display: block;
	width: 18%;
	margin: 0.3em 0.3em;
	line-height: 3;
	text-align: center;
	color: #fff;
	text-decoration: none;
}
@media screen and (max-width: 480px){
	.stk-koubo-menu a {
		font-size: 90%;
	}
}
.stk-koubo-menu div {
	width: 100%;
	text-align: center;
}
.stk-koubo-menu div a {
	display: inline;
	background-color: #fff;
	color: #555;
}
/**********************************************
サブジャンルメニュー
**********************************************/
.stk-sub-genre-menu span {
	display: block;
	margin-bottom: 0.5em;
	color: #aaa;
	font-size: 80%;
	font-weight: bold;
}
.stk-sub-genre-menu a {
	display: inline-block;
	background-color: var(--stk-color-grn);
	margin-right: 1em;
	margin-bottom: 0.5em;
	padding: 0.5em 1.2em;
	border-radius: 1.3em;
	font-size: 90%;
	color: #fff;
}
@media screen and (max-width: 480px){
	.stk-sub-genre-menu a {
		padding: 0.4em 1.1em;
		font-size: 85%;
	}
}
/**********************************************
短歌カレンダーのリストの形成
**********************************************/
p.stk-calendar-list {
	margin-bottom: 0.7em;
	background: linear-gradient(to bottom, #fff 60%, var(--stk-color-grn-light));
}
.stk-calendar-list a {
	display: flex;
	width: 100%;
	padding: 0.7em;
	border: 1px solid #ccc;
	box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, .1);
	color: #555;
	text-decoration: none;
	font-size: 94%;
}
.stk-calendar-deadline {
	display: block;
	width: 3.5em;
	padding-right: 0.5em;
	border-right: 1px solid #ccc;
	text-align: right;
}
.stk-calendar-title {
	display: block;
	padding-left: 0.5em;
	font-weight: bold;
}

p.stk-tanka-event-list {
	margin-bottom: 0.7em;
	background: linear-gradient(to bottom, #fff 60%, var(--stk-color-ylw-light));
}
.stk-tanka-event-list a {
	display: flex;
	align-items: center;
	width: 100%;
	padding: 0.7em;
	border: 1px solid #ccc;
	box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, .1);
	color: #555;
	text-decoration: none;
	font-size: 94%;
}
.stk-tanka-event-start {
	display: block;
	width: 3.5em;
	padding-right: 0.5em;
	border-right: 1px solid #ccc;
	text-align: right;
}
.stk-tanka-event-title {
	display: block;
	padding-left: 0.5em;
	font-weight: bold;
}
p.stk-past-day {
	background: #eee;
}
p.stk-past-day a {
	color: #999;
}
/**********************************************
公募情報のリストの形成
**********************************************/
.stk-koubo-list a {
	display: block;
	width: 100%;
	border: 1px solid #ccc;
	padding: 8px 10px 4px 10px;
	text-decoration: none;
	color: #555;
	box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, .1);
}
.stk-koubo-list a span.stk-koubo-tags {
	display: block;
	width: 100%;
	font-size: 50%;
}
.stk-koubo-list a span.stk-koubo-tags span {
	margin-right: 1em;
}
.stk-koubo-list a span.stk-koubo-comment {
	position: relative;
	display: inline-block;
	padding: 10px 40px;
}
.stk-koubo-list a span.stk-koubo-comment:before,
.stk-koubo-list a span.stk-koubo-comment:after {
	content: '';
	position: absolute;
	top: 50%;
	display: inline-block;
	width: 30px;
	height: 1px;
	background-color: #999;
}
.stk-koubo-list a span.stk-koubo-comment:before {
	left: 0;
	-webkit-transform: rotate(60deg);
	transform: rotate(60deg);
}
.stk-koubo-list a span.stk-koubo-comment:after {
	right: 0;
	-webkit-transform: rotate(-60deg);
	transform: rotate(-60deg);
}
.stk-koubo-list a span.stk-koubo-title {
	display: block;
	width: 100%;
	border-bottom: solid 1px #ccc;
	font-weight: bold;
}
.stk-koubo-list a span.stk-koubo-deadline {
	margin-right: 1.5em;
	font-size: 80%;
}
.stk-koubo-list a span.stk-koubo-prize {
	font-size: 80%;
}

.stk-novel {
	background-color: #ff7d7d;
}
.stk-essay {
	background-color: #ffad5a;
}
.stk-poem {
	background-color: #64aab3;
}
.stk-tanka {
	background-color: #4da5e8;
}
.stk-haiku {
	background-color: #a1a1a1;
}
.stk-douwa {
	background-color: #ffa1a4;
}
.stk-light-novel {
	background-color: #35d0ba;
}
.stk-short-story {
	background-color: #ec9b3b;
}
.stk-senryu {
	background-color: #97bf88;
}
.stk-manga {
	background-color: #50A7CC;
}
.stk-illustration {
	background-color: #6BD1B2;
}
.stk-bungei {
	background-color: #5E7583;
}
.stk-tanshi {
	background-color: #d28adb;
}
.stk-art {
	background-color: #665b5f;
}
.stk-high-school {
	background-color: #5ed1f7
}
/*募集詳細ページの広告上のリード文*/
p.stk-pre-ad-comment {
	font-size: 0.75em;
}
/*公募コンテスト募集詳細ページの募集元公式サイトリンク*/
p.stk-contest-source-link a {
	display: block;
	width: 80%;
	margin: 0 auto;
	padding: 1em;
	border: 1px solid var(--stk-color-gry-light);
	border-radius: 3px;
	background-color: var(--stk-color-ylw-light);
	box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, .1);
	color: var(--stk-color-gry);
	font-weight: bold;
	text-align: center;
}
/*テーブルの指定列を可変（自動改行）にする*/
.entry-content figure.stk-tbl-1w tr td:nth-of-type(1),
.entry-content figure.stk-tbl-2w tr td:nth-of-type(2),
.entry-content figure.stk-tbl-3w tr td:nth-of-type(3),
.entry-content figure.stk-tbl-4w tr td:nth-of-type(4) {
	white-space: normal;
}
/*テーブルタイプ1 コンテスト一覧タイプ(1列日付、2列タイトル)*/
.entry-content figure.stk-tbl-type01 table {
	width: 90%;
}
.entry-content figure.stk-tbl-type01 table td:nth-of-type(1) {
	width: 3.5em;
}
.entry-content figure.stk-tbl-type01 table td:nth-of-type(2) {
	white-space: normal;
}
/*テーブルの幅を80%にする*/
.entry-content figure.stk-tbl-wide table {
	width: 90%;
}
/*テーブルの1行目の幅を15%にする*/
.entry-content figure.stk-tbl-1c-narrow tr td:nth-of-type(1) {
	width: 3.5em;
}
.entry-content figure.stk-historic-books tr td:nth-of-type(2) {
	width: 18em;
}
.entry-content figure.stk-historic-books tr td:nth-of-type(3) {
	width: 8em;
}
.entry-content figure.stk-historic-books tr td:nth-of-type(4) {
	width: 7em;
}
/*公募情報一覧における接頭辞*/
.entry-content .fa-star {
	color: #ffb265;
}
.entry-content .fa-yen-sign {
	color: #92d292;
	transform: scale(1.1, 1.0);
}

/*ヘッドラインニュース*/
.stk-headline {
	padding: 5px 10px;
	background-color: #fff5f5;
	font-size: 0.8em;
}
/*Zines（最適習慣）の広告を消す*/
body.single-zine .stk-bottom-ad {
    display: none;
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*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){
  /*必要ならばここにコードを書く*/
  /*モバイル用にサイトタイトルロゴ縮小*/
	#header .logo img {
		width: 150px !important;
	}
	.entry-content .ad-btn {
		margin: 30px 0px;
		font-size: 85%;
	}
	.entry-content .ad-btn a {
		padding: 20px 50px;
	}
	/*会員メニュー*/
	div.stk-member-menu {
		width: 100%;
		text-align: right;
	}
}