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

/************************************
** 子テーマ用のスタイルを書く
************************************/
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed&display=swap');
/*@import url('https://fonts.googleapis.com/css2?family=Oswald&family=Roboto+Condensed&display=swap');*/

.grecaptcha-badge {
	visibility: hidden;
}

body {
	line-break: normal;
}

.tag-link,
.comment-reply-link {
	color: #69644e;
}

.entry-card-thumb {
	/*    width: 27%;*/
	width: 34%;
}

.entry-card-content {
	/*.entry-card-thumbの+2%位にする*/
	margin-left: 36%;
}

a {
	text-decoration: none;
}

textarea {
	min-height: 200px;
}

hr {
	margin: 20px 0;
	display: block;
	width: 100%;
	height: 1px;
	border: 0;
	border-top: 1px dashed #cccccc;
}

.container {
	background-color: #f7f5ea;
}

.header-container:after {
	content: '';
	display: block;
	height: 10px;
	background-image: repeating-linear-gradient(-45deg, #4a3f2b, #342c1e 1px, #5e5e5e 0, #5e5e5e 6px);
}

#header-container .navi,
#navi .navi-in > .menu-header .sub-menu {
	height: auto !important;
}

.flex {
	display: flex;
}

img.ch2 {
	max-width: none;
	margin-top: 14px;
}

.column-right {
	padding-left: 2% !important;
}

.entry-content {
	margin-bottom: 0em;
}

/**  **/
.entry-card-snippet,
.related-entry-card-snippet {
	font-size: 0.9em;
	line-height: 1.6;
	max-height: inherit;
	overflow: visible;
}

.entry-card-meta,
.related-entry-card-meta {
	color: #999;
	font-size: 0.85em;
}

.entry-card-info > * {
	font-size: 0.85em;
}

.page-numbers {
	height: 36px;
	width: 3em;
	line-height: 36px;
	border-radius: 8px;
}

.entry-title,
.entry-card-title,
.related-entry-card-title,
.card-title {
	color: #008fa8;
}

.entry-card-title,
.related-entry-card-title {
	font-size: 20px;
	line-height: 1.3;
}

.list h2 {
	color: #008fa8 !important;
	line-height: 1.3 !important;
	background-color: inherit;
	margin: 0;
	padding: 0;
}

/* マージン */
.mt-1em {
	margin-top: 1em;
}

.mb-1em {
	margin-bottom: 1em;
}

.ml-1em {
	margin-left: 1em;
}

.mr-1em {
	margin-right: 1em;
}

.mx-1em {
	margin-left: 1em;
	margin-right: 1em;
}

.my-1em {
	margin-top: 1em;
	margin-bottom: 1em;
}

.m-0 {
	margin: 0;
}

.p-0 {
	padding: 0;
}

/* グローバルメニュー */
.cl-slim .navi-in > ul li {
	margin: 10px 0 12px;
}

/* パンくず */
.breadcrumb.sbp-main-before,
.breadcrumb.sbp-footer-before,
.breadcrumb.pbp-main-before,
.breadcrumb.pbp-footer-before {
	background-color: inherit;
}

/**/

.item-label {
	/*    font-family: 'Oswald', Tahoma, Arial, Sans-serif;*/
	font-family: 'Roboto Condensed', Tahoma, Arial, sans-serif;
	font-size: 19px;
	line-height: 25px;
}

.pre_title {
	display: block;
	font-size: 0.75em;
	line-height: 1.3em;
	font-weight: normal;
}

.eye-catch-wrap {
	margin-bottom: 10px;
}

/**/
.kanren-games {
	margin-bottom: 20px;
}

.kanren-games ul {
	margin: 0;
	padding: 0;
}

.kanren-games li {
	display: inline-flex;
	list-style-type: none;

	margin: 0 8px 0.2em 1px !important;
	padding: 0;
	width: calc(25% - 10px);
}

/* .kanren-games li figure {
	   width:calc(25% - 10px);
} */

.kanren-games li figure img {
	width: 225px;
}

.kanren-games .title {
	font-size: 14px;
	line-height: 1.3em;
	margin-right: 4px;
}

/**/
.btn_play {
	background-color: #f7f5ea;
	border: 1px solid #d3ccb1;
	border-radius: 5px;
	font-size: 13px;
	font-weight: bold;
	line-height: 25px;
	letter-spacing: 0.5em;
	margin: 1em 0 2em;
	text-align: center;
	padding: 0.5em;
}

h4.kanren {
	font-size: 16px !important;
	border-top: none !important;
	border-bottom: 1px solid #c33 !important;
}

/** トップページの上メニュー **/
.waku_caution {
	padding: 10px;
	color: #c33;
	border: 2px solid #c33;
	background-color: #ff9;
	border-radius: 8px;
	margin-bottom: 3em;
}

.underline {
	text-decoration: underline;
}

.ad-label {
	font-size: 0.8em;
}

.notice-area {
	font-size: 1rem;
}

a.notice-area-link {
	text-decoration: underline !important;
	text-decoration-color: #fff !important;
}

#cate_menu {
	margin-bottom: 15px;
	margin-right: 6px;
	width: 100%;
}
#cate_menu h2 {
	font-size: 13px !important;
	line-height: 1 !important;
	color: #fac100 !important;
	background-color: #342c1e;
	border-style: none;
	margin: 0px;
	padding: 6px 0 4px 10px;
	border-radius: 5px 5px 0 0;
}
#cate_menu ul {
	background-color: #342c1e;
	display: inline-block;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 4px;
	border-radius: 0 0 5px 5px;
}
#cate_menu li {
	display: block;
	float: left;
	width: calc(20% - 3px);
	height: 38px;
	margin: 1px;
	font-size: 14px;
	line-height: 1;
	background-color: #fcf5cd;
	border-radius: 2px;
	border-color: #ffffff #e0bdb2 #e0bdb2 #ffffff;
	border-width: 1px;
	border-style: solid;
}
#cate_menu li:nth-child(odd) {
	background-color: #fdd5d5;
}
#cate_menu li a {
	display: block;
	color: #342c1e;
	width: 100%;
	height: 38px;
	margin: 0;
	padding: 5px;
}
#cate_menu li a:hover {
	background-color: #fac100;
	color: #342c1e;
	border-radius: 2px;
}

/** for Rate my Post WordPress（星評価） *****************/
.rating {
	font-size: 0.8em;
	padding: 5px 0;
}

.rating .stars {
	margin-right: 5px;
	vertical-align: middle;
}

.rating .text {
	vertical-align: middle;
}

.rmp-widgets-container.rmp-wp-plugin.rmp-main-container .rmp-heading.rmp-heading--title {
	font-weight: bold;
	margin-top: 10px;
}

.rmp-widgets-container.rmp-wp-plugin.rmp-main-container .rmp-rating-widget__results {
	font-size: 12px;
}

.rmp-widgets-container.rmp-wp-plugin.rmp-main-container .rmp-rating-widget__icons,
.rmp-widgets-container.rmp-wp-plugin.rmp-main-container .rmp-rating-widget__hover-text {
	margin: 0 !important;
}

.js-rmp-msg {
	color: #fff;
	font-weight: bold;
	background-color: #c33;
}

/** お気に入り追加ボタン　**/
.favo_area {
	display: flex;
	text-align: center;
}

.favo_show,
.favo_in {
	float: left;
	background-color: #fde3a8;
	border: 1px solid #d3ccb1;
	text-align: center;
	margin-top: 4px;
	border-radius: 5px;
	width: 48%;
	margin: 2px;
}
.favo_in a:hover,
.favo_show a:hover {
	background-color: #ffd779;
	color: #c94700;
}
.favo_show a,
.favo_in a {
	display: block;
	font-size: 90%;
}
.favo_show a:hover,
.favo_in a:hover {
	box-shadow: 0px 0px 3px #dedcd2;
}
/*********************/
.display_none {
	display: none;
}

.width_auto {
	width: auto;
}

.icon_child {
	position: absolute;
	right: 2px;
	top: 2px;
	z-index: 0;
	opacity: 0.8;
}
.icon_osusume {
	position: absolute;
	left: 2px;
	top: 2px;
	z-index: 0;
	opacity: 0.8;
}

/** タグラベル **/
.cat-label {
	position: inherit;
	display: inline-block;
	padding: 1px 4px;
	border: 0;
	border-radius: 7px;
}

.list-comment {
	border-bottom: 1px solid #c00;
	margin-bottom: 14px;
}
.list-comment .entry-card-content {
	padding-bottom: 0.4em;
}

/* ヘッダーロゴ */
img.header-site-logo-image {
	width: 400px;
}

/*----------------------------
コメント
------------------------------*/

.comment-form-url,
.comment-form-email,
.form-allowed-tags,
.comment-notes {
	display: none;
}
#comments p a {
	color: #999;
}
#comments p {
	font-size: 14px;
}
#comments label {
	display: block;
}
.metadata dd a {
	color: #999;
}
.metadata {
	font-size: 13px;
	line-height: 20px;
}
.comment-list {
	padding: 10px 0 10px 20px;
	margin: 0 0 5px -20px;
	border-left: 2px solid #cc0000;
}

.comment-list img {
	max-width: 200px;
}

.comment-body {
	padding: 10px;
	margin-bottom: 20px;
}
.fn {
	color: #090;
	font-weight: bold;
}
.says {
	font-size: 0.8em;
}

.reply {
	padding: 5px;
	font-size: 13px;
}
.trip {
	color: #999;
	margin-left: 1em;
	font-size: 0.8em;
}

.small {
	font-size: 0.8em;
}

input#submit {
	margin: 0 auto 0;
	color: #fff;
	font-weight: bold;
	background-color: #cc3333;
	border-radius: 6px;
	border: 0;
}

input#author,
textarea#comment {
	padding: 8px;
	font-size: 16px;
}

input#author,
textarea#comment {
	border: 2px solid #c33;
	background-color: #fff9f9;
}

.comment-listCon {
	margin-bottom: 0.75em;
}
.comment_area {
	display: flex;
}

.comment_text {
	position: relative;
	background-color: #fff;
	border: 1px solid #d3ccb1;
	margin-left: 10px;
	padding: 0.5em 0.5em 0.5em 0.5em;
	border-radius: 10px;
	box-shadow: 0px 0px 3px #dedcd2;
	line-height: 1.5;
}
.comment_text:before {
	border: 8px solid transparent;
	border-right-color: #fff;
	border-left-width: 0;
	left: -6px;
	content: '';
	display: block;
	top: 10px;
	position: absolute;
	width: 0;
	z-index: 1;
}
.comment_text:after {
	border: 8px solid transparent;
	border-right-color: #d3ccb1;
	border-left-width: 0;
	left: -8px;
	content: '';
	display: block;
	top: 10px;
	position: absolute;
	width: 0;
}
.no_comment_box {
	color: #fff;
	background-color: #ffa2a2;
	padding: 8px;
	margin-right: 1em;
	border-radius: 6px;
}

.comment-page-link .page-numbers {
	background-color: #fff;
}

.comment-page-link .current {
	background-color: inherit;
	border: none;
}

.comment-page-link {
	margin-top: 40px;
	padding: 20px 0;
}

form#commentform input#submit {
	margin-top: 1em;
}

.comment_author {
	font-size: 0.9em;
	line-height: 1.4em;
	margin-bottom: 0.5em;
}

textarea#comment {
	height: 9em;
	min-height: 9em;
}

.comment-sub-heading {
	display: block;
	font-size: 1em;
	margin: 1em 0 2em;
}

ul#recentcomments,
.custom-html-widget ul {
	margin-left: -1em !important;
}

/**/
.finished_game {
	display: inline-block;
	color: #fff;
	background-color: #999;
	padding: 2px 1em;
	margin-top: 1em;
}

.color_red {
	color: #c33;
}

.bold {
	font-weight: bold;
}

.grid-wrap {
	display: grid;
	grid-gap: 10px;
}

/*
.comment_list {
    display: flex;
}

.comment_list .hidari {
    width: 240px;
}

.comment_list .migi {
    background-color: #FCC;
}
*/
/* フキダシ */
.balloon1-left {
	position: relative;
	display: inline-block;
	margin: 0 0 1.5em 15px;
	padding: 7px 10px;
	min-width: 120px;
	max-width: 100%;
	color: #555;
	font-size: 15px;
	background: #e0edff;
}

.balloon1-left:before {
	content: '';
	position: absolute;
	top: 50%;
	left: -16px;
	margin-top: -8px;
	border: 8px solid transparent;
	border-right: 8px solid #e0edff;
}

.balloon1-left p {
	margin: 0;
	padding: 0;
}
/*for favorite post plug-in*/
.remove-parent {
	background-color: #b385af;
	padding: 1px 10px;
	line-height: 2;
	color: #fff;
	font-size: 0.8em;
	border-radius: 3px;
}

/* for Simple GA Ranking plug-in */
.sga-ranking-list figure {
	float: left;
	margin-right: 10px;
	width: 120px;
	height: 80px;
	overflow: hidden;
}

.sga-ranking-list figure img {
	width: 120px;
	height: auto;
}

.sga-ranking-list {
	margin: 0.8rem 0;
	padding-bottom: 0.8rem;
	border-bottom: 1px solid #e1e1e1;
	text-align: left;
}
.sga-ranking-list::after {
	clear: both;
	content: '';
	display: block;
}
.sga-ranking-list:last-child {
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
}
.sga-ranking-list figure a {
	display: inline;
}
.sga-ranking-list a {
	overflow: hidden;
	line-height: 1.4;
}
/*******/
.sga-ranking {
	padding: 0;
	counter-reset: number;
	font-size: 15px;
	line-height: 1.2;
}
.sga-ranking li {
	position: relative;
	list-style: none;
}
.sga-ranking li:before {
	counter-increment: number;
	content: counter(number);
	position: absolute;
	top: 0;
	left: 0;
	width: 1.6em;
	height: 1.6em;
	line-height: 1.6em;
	font-size: 14px;
	color: #fff;
	text-align: center;
	background: rgba(204, 51, 51, 0.8);
	z-index: 1;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px) {
}

/*/*834px以下*/
@media screen and (max-width: 834px) {
	.br-sp {
		display: none;
	}

	#cate_menu li {
		width: calc(33.333% - 3px);
	}

	#cate_menu li {
		font-size: 12px;
	}

	#cate_menu li a {
		padding: 2px;
	}

	main.main,
	div.sidebar {
		padding: 16px 15px;
	}

	.entry-card-title,
	.related-entry-card-title {
		font-size: 17px;
	}

	.cat-label {
		padding: 2px 4px;
	}

	.entry-categories-tags {
		margin-bottom: 8px;
	}

	/* コメント */
	.comment-list img {
		max-width: 40px;
	}
}

/*480px以下*/
@media screen and (max-width: 480px) {
	/* ヘッダーロゴ */
	img.header-site-logo-image {
		width: 250px;
	}

	/**/
	.breadcrumb.sbp-main-before {
		margin: 9px auto 9px;
		padding: 0 1em;
		height: 18px;
	}

	main.main,
	div.sidebar {
		padding: 16px 10px;
	}

	.entry-card-title,
	.related-entry-card-title {
		font-size: 15px;
	}

	.comment-reply-title {
		font-size: 16px;
	}

	.header-container:after {
		content: '';
		display: none;
		height: 10px;
	}

	.entry-title,
	.article h2 {
		padding: 0;
	}

	.post-date {
		margin-right: 0;
	}

	.no-sp-snippet .entry-card-snippet {
		display: inherit;
	}

	.kanren-games li {
		display: inline-table;
		width: calc(50% - 5px);
	}

	.kanren-games li:nth-child(even) {
		margin-right: 0 !important;
	}

	.kanren-games .title {
		font-size: 12px;
	}
}