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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
.material-icons {
	width: 1em;
	height: 1em;
}

.navi-in a,
.navi-in a:hover,
.navi-footer-in a,
.navi-footer-in a:hover,
.a-wrap,
.a-wrap:hover,
.sns-buttons a:hover,
.tag-link:hover,
.comment-reply-link:hover,
.tagcloud a,
.tagcloud a:hover,
.widget_recent_entries ul li a:hover,
.widget_categories ul li a:hover,
.widget_archive ul li a:hover,
.widget_pages ul li a:hover,
.widget_meta ul li a:hover,
.widget_rss ul li a:hover,
.widget_nav_menu ul li a:hover,
.btn:hover, .ranking-item-link-buttons a:hover,
.btn-wrap > a:hover,
.btn:hover::after, .ranking-item-link-buttons a:hover::after,
.btn-wrap > a:hover::after,
.pagination a:hover,
.pagination-next-link:hover, .comment-btn:hover,
.pager-links a:hover span,
.menu-drawer a:hover,
.bp-login-widget-register-link a:hover {
  transition: 0s;
}
#index-tab-1:checked ~ .tab-cont.tb1,
#index-tab-2:checked ~ .tab-cont.tb2,
#index-tab-3:checked ~ .tab-cont.tb3,
#index-tab-4:checked ~ .tab-cont.tb4 {
	animation: none;
}

#carousel {
	opacity: 1;
	transition: unset;
}

.body .wp-block-image {
	margin-bottom: 1em;
}
.red, .bold-red {
	color: #F00;
}
.wp-block-column ul, .article ul {	/* リストの余白 */
	padding-left: 1em;
}

.alert-box {
	border-radius: 8px;
}

.ad-index-top {
	margin-top: 8px;
}

.carousel {
    margin-top: 0px;
}

/* アイキャッチの高さ揃える */
.entry-card-thumb.card-thumb{
  position: relative;
  padding-top: 75%; /*4:3の比率*/
  margin-bottom:8px;
}
.entry-card-thumb.card-thumb img{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

/* 新着情報 */
#funkyland_news_header {
	font-size: 1.2em;
	font-weight: bold;
	color: #fff;
	margin-top: .8em;
	padding: .3em .8em .2em .8em;
	border-top: 1px solid #06f;
	border-left: 1px solid #06f;
	border-right: 1px solid #06f;
	border-radius: 10px 10px 0 0;
	background: linear-gradient(to right, #06f, #6cf);
	text-shadow: 1px 1px 0px #03c;
}
#funkyland_news_header .material-icons-outlined {
	font-size: 1.2em;
	font-weight: normal;
	color: #fc0;
	margin-right: 8px;
	display: inline-flex;
	vertical-align: middle;
	top: -1px;
	position: relative;
}
#funkyland_news_body {
	margin: 0;
	padding: .3em .8em .5em .8em;
	border-left: 1px solid #06f;
	border-right: 1px solid #06f;
	border-bottom: 1px solid #06f;
	border-radius: 0 0 10px 10px;
	margin-bottom: .5em;
}
#funkyland_news_body ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#funkyland_news_body ul li em::before {
	font-family: "Font Awesome 5 Free";
	content: "\f005";
	font-weight: 900;
	color: #fc0;
	margin-right: .3em;
}
#funkyland_news_body ul li em {
	position: absolute;
	left: 0;
	font-style: normal;
}
#funkyland_news_body li {
	line-height: 1.5;
	padding: 3px 0 3px 5.5em;
	border-bottom: 1px dotted #06f;
	position: relative;
}

/* スマホアプリページ */
.app_btn_android a {
	background: linear-gradient(to bottom, #79B940, #689f38 70%);
	border: 0;
}
.app_btn_android a::before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f3cd";
	font-size: 24px;
}
.app_btn_ios a {
	background: linear-gradient(to bottom, #666, #333 70%);
	border: 0;
}
.app_btn_ios a::before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f3cd";
	font-size: 24px;
}
.app_btn_android a::after, .app_btn_ios a::after {
	content: "";
}

.app_list_feature {
	list-style: none;
	padding: 0 !important;
	margin: 0;
}
.app_list_feature li {
	margin-left: 0 !important;
	padding-left: 1.4em;
	position: relative;
}
.app_list_feature li::before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f0eb";
	color: #FC0;
	position: absolute;
	left: 0;
}

/* ゲームページ */
.funkyland_game_copy {
	margin-bottom: 1em !important;
	text-align: center;
}
.funkyland_game_copy img {
	margin-left: auto;
	margin-right: auto;
}
.funkyland_align_left {
	float: left;
	display: inline;
	padding: 4px;
	margin: 0 10px 0 0;
}
.funkyland_align_right {
	float: right;
	display: inline;
	padding: 4px;
	margin: 0 0 0 10px;
}

/* reCAPTCHA */
.grecaptcha-badge {
	visibility: hidden;
}
.recaptcha_badge {
	text-align: center;
	font-size: 12px;
	line-height: 1.4;
	background-color: #D0E8FF;
}
.recaptcha_badge a {
	font-size: 10px;
}

/* 支援者一覧 */
.funkyland_supporter_list {
	width: 90%;
	margin: 0 auto;
	position: relative;
    background: #fce8b8;
    box-shadow: 0px 0px 0px 8px #fce8b8;
    border: dashed 3px white;
    padding: 0.5em 1em;
    color: #454545;
}
.funkyland_supporter_list:after {
    position: absolute;
    content: '';
    right: -12px;
    top: -12px;
    border-width: 0 20px 20px 0;
    border-style: solid;
    border-color: #F2CB82 #fff #F2CB82;
}
.funkyland_supporter_list ul {
	line-height: 1.6;
	margin: 0.5em 0 0 0;
	padding: 0;
    list-style: none;
	letter-spacing: -.4em;
	
}
.funkyland_supporter_list ul li {
	margin: 0 .1em 0 .2em;
	padding: 0;
	display: inline-block;
	letter-spacing: normal;
}
.funkyland_supporter_list li::after {
	content: " ／";
}
.fl_supporter_keisho {
	font-size: .8em;
	margin-left: 0.2em;
}
.funkyland_supporter_list p {
	margin: 0;
	padding: 0;
}
p.fl_supporter_title {
	font-weight: bold;
	text-align: center;
	border-bottom: 2px dotted #960;
	padding: .2em 0;
}
.fl_supporter_title .fa-thumbs-up {
	font-size: 1.3em;
	color: #f69;
	margin-right: .4em;
}
.fl_supporter_update {
	font-size: .8em;
	text-align: right;
}
p.fl_supporter_link {
	margin-top: .2em;
}
.fl_supporter_link .fa-share {
	font-size: 1.2em;
	margin-left: .4em;
}
.fl_supporter_info {
	font-size: .8em;
}

/* Ruffle注意書き */
.ruffle_support {
	font-size: 13px;
	text-align: center;
}
.ruffle_support_ok, .ruffle_support_ng, .ruffle_support_beta {
	text-align: left;
	position: relative;
	padding: .4em .5em .4em .7em;
	border-left-style: solid;
	border-left-width: 2.4em;
	border-radius: 4px;
	display: inline-block;
}
.ruffle_support_ok::before, .ruffle_support_ng::before, .ruffle_support_beta::before {
	font-family: "Font Awesome 5 Free";
	position: absolute;
	color: #FFF;
	font-weight: 900;
	top: 50%;
	transform: translateY(-50%);
}
.ruffle_support_ok {
	color: #090;
	background: #DFD;
	border-left-color: #0C0;
}
.ruffle_support_ok::before {
	content: "\f00c";
	left: -1.7em;
}
.ruffle_support_ng {
	color: #D33;
	background: #FEE;
	border-left-color: #D33;
}
.ruffle_support_ng::before {
	content: "\f00d";
	left: -1.55em;
}
.ruffle_support_beta {
	color: #F70;
	background: #FED;
	border-left-color: #F90;
}
.ruffle_support_beta::before {
	content: "\f071";
	font-size: 14px;
	left: -1.7em;
}

/* ボタン類 */
.game_back_btn a {
	font-size: 20px;
	text-decoration: none;
}
.game_back_btn a::before {
	font-family: "Font Awesome 5 Free";
	content: "\f3e5";
	font-weight: 900;
	margin-right: 8px;
}
.game_hint_btn {
	text-align: center;
}
.game_hint_btn a {
	text-decoration: none;
}
.game_hint_btn a::after {
	font-family: "Font Awesome 5 Free";
	content: "\f064";
	font-weight: 900;
	margin-left: 8px;
}

/* 本体 */
.header {
	background: linear-gradient(to bottom, #6CF, #FFF 90%);
}

.logo-image {
	padding: 0;
	line-height: 0;
}

.content, .footer {
	margin-top: 10px;
}

.main, .sidebar {
	padding-top: 10px;
}

/* サイドバー */
.sidebar {
	background-color: #D0E8FF;
}

.sidebar h3 {
	color: #FFF;
	margin-bottom: 0;
	padding: 8px 14px 7px 14px;
	background: linear-gradient(to bottom, #39F,#06F 85%);
	border-radius: 6px 6px 0 0;
}
.sidebar h3::before{
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	display: inline-block;
	width: 1em;
	height: 1em;
	line-height: 1;
	text-transform: none;
	letter-spacing: normal;
	Word-wrap: normal;
	white-space: nowrap;
	direction: ltr;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	-moz-osx-font-smoothing: grayscale;
	font-feature-settings: 'liga';

	color: #FF6;
	content: 'star';
	font-size: 24px;
	vertical-align: middle;
	margin-right: 3px;
}

.sidebar ul {
	font-size: 16px;
	padding: 5px 10px 10px 10px;
}
.sidebar ul li {
	line-height: 1.3;
	display: flex;
	align-items: center;
	border-bottom: dotted 2px #999;
}
.sidebar ul li::before {
	font-family: "Font Awesome 5 Free";
	content: "\f101";
	font-weight: bold;
	color: #666;
	margin-right: 2px;
}

.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 {
	color: #06F;
	width: 100%;
}
.widget_recent_entries ul li a:hover, .widget_categories ul li a:hover, .widget_archive ul li a:hover, .widget_pages ul li a:hover, .widget_meta ul li a:hover, .widget_rss ul li a:hover, .widget_nav_menu ul li a:hover {
	color: #F00;
	text-decoration: underline;
	background: #FFF9E3;
}
.widget-sidebar {
	background: #FFF;
	border-radius: 6px;
}

.tagcloud {
	padding: 10px 5px;
}
.tagcloud a {
	border-color: #CCC;
	border-radius: 6px;
}
.tagcloud a:hover {
	background-color: #FEE;
}

/* サイドバーのウィジェット */
.new-entry-card-title, .popular-entry-card-title {
	color: #06F;
}
.new-entry-card-content, .popular-entry-card-content {
	padding-top: 2px;
}
.widget-entry-cards a:first-child {
	border-top: none;
	padding-top: 8px;
}
.widget-entry-cards a:last-child {
	border-bottom: none;
	padding-bottom: 8px;
}

/* エントリーカード */
#index-tab-1:checked ~ .index-tab-buttons .index-tab-button[for="index-tab-1"], #index-tab-2:checked ~ .index-tab-buttons .index-tab-button[for="index-tab-2"], #index-tab-3:checked ~ .index-tab-buttons .index-tab-button[for="index-tab-3"], #index-tab-4:checked ~ .index-tab-buttons .index-tab-button[for="index-tab-4"] {
	background: linear-gradient(to bottom, #5C9DFF,#1C82FF 3%, #06F 50%, #004CCC 50%, #039);
	border-color: #333;
}

.blogcard, .ecb-entry-border .entry-card-wrap, .page-numbers, .pagination-next-link, .comment-btn, .index-tab-buttons .index-tab-button, .border-square a, .author-box {
	border-color: #CCC;
}

.index-tab-buttons .index-tab-button {
	border-radius: 5px;
}

.ecb-entry-border .entry-card-wrap {
	border: solid 1px #CCC;
	border-radius: 10px;
}

.a-wrap:hover {
	background-color: #FFF9E3;
}

.entry-card-title, .related-entry-card-title {
	font-size: 22px;
	line-height: 1.3;
	padding: 5px 0;
	margin-bottom: 10px;
	border-bottom: dotted 3px #CCC;
}

/* 次のページボタン */
.pagination-next-link, .page-numbers {
	color: #39C;
	background: #FFF;
	border: 1px solid #39C;
}
.pagination-next-link {
	border-radius: 8px;
}
.pagination-next-link:hover, .pagination a:hover {
	color: #FFF;
	background: #A7D3E9;
}
.pagination .current {
	color: #FFF;
	background: #39C;
}
.page-numbers.dots {
	opacity: 1;
	background: none;
}

/* 公開＆更新日 */
.post-date {
	color: #333;
}
.post-update {
	color: #66C;
}

.fa-clock, .fa-history {
	font-family: "Material Icons Outlined";
	font-weight: normal;
	font-style: normal;
	display: inline-block;
	width: 1em;
	height: 1em;
	line-height: 1;
	text-transform: none;
	letter-spacing: normal;
	Word-wrap: normal;
	white-space: nowrap;
	direction: ltr;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	-moz-osx-font-smoothing: grayscale;
	font-feature-settings: 'liga';

	font-size: 18px;
	vertical-align: middle;
}
.fa-clock::before {
	content: 'alarm';
}
.fa-history::before {
	content: 'refresh';
}

/* 本文見出し */
.article h1 {
	position: relative;
	padding: .4em 0 .5em .7em;
	border-left: 10px solid #6CF;
}
.article h1::before {
	position: absolute;
	left: -10px;
	bottom: 0;
	content: '';
	width: 10px;
	height: 50%;
	background-color: #09F;
}
.article h1::after {
	position: absolute;
	left: 0;
	bottom: 0;
	content: '';
	width: 100%;
	height: 0;
	border-bottom: 2px dotted #999;
}

.article h2 {
	position: relative;
	margin-top: 2em;
	margin-bottom: 1em;
	padding: 12px 0 8px 0;
	background: none;
	border-bottom: 4px solid #CCC;
}
.article h2::before {
	font-family: "Font Awesome 5 Free";
	content: "\f0ab";
	font-weight: 900;
	color: #09F;
	margin-right: .3em;
}
.article h2::after {
	position: absolute;
	bottom: -4px;
	left: 0;
	z-index: 2;
	content: '';
	width: 25%;
	height: 4px;
	background-color: #09F;
}

.article h3 {
	position: relative;
	margin: 1.8em 0 1em 0;
	padding: .9em 1.1em;
	color: #900;
	border: 0;
	border-radius: 8px;
	background: #FCC;
}
.article h3::after {
	position: absolute;
	bottom: -9px;
	left: 1em;
	width: 0;
	height: 0;
	content: '';
	border-width: 10px 10px 0 10px;
	border-style: solid;
	border-color: #FCC transparent transparent transparent;
}

.article h4 {
	border-top: 0;
	border-bottom: solid #CCC 2px;
}
.article h4::before {
	font-family: "Font Awesome 5 Free";
	content: "\f7e4";
	font-weight: 900;
	color: #F90;
	margin-right: .4em;
}

.toc {
	margin-top: 2.4em;
	line-height: 1.6;
	background: #FFE;
	border-color: #C96;
	border-radius: 8px;
}
.toc-title {
    font-weight: bold;
	color: #C96;
}
.toc-title::before {
	font-family: "Font Awesome 5 Free";
	content : "\f5ad";
	font-weight: 900;
	color: #FFF;
	margin-right: 10px;
	padding: 8px;
	background-color: #C96;
	border-radius: 4px;
}
.toc .toc-content li {
	color: #C96;
}
.article .toc-list > li li {
	list-style: circle;
}

/* リストタグ */
.howto_numbering {
	padding: 0 !important;
	list-style: none;
}
.howto_numbering li {
	counter-increment: CountListNum;
	position: relative;
	padding-left: 2em;
}
.howto_numbering li:nth-of-type(n+10) {
	padding-left: 2.5em;
}
.howto_numbering > li::before {
	content: "(" counter(CountListNum) ")";
	position: absolute;
	top: 0;
	left: 0;
}

/* ゲームページの更新情報 */
.entry-content .game_history {
	padding-left: 0;
	list-style-type: none;
}
.entry-content .game_history li {
	margin-left: 6.5em;
	padding: 0;
	position: relative;
}
.entry-content .game_history li em {
	position: absolute;
	left: -6.5em;
	font-style: normal;
}

/* ヘッダー-ナビメニュー */
#header-container .navi {
	padding: 5px 0 0 0;
	background: linear-gradient(to bottom, #5C9DFF,#1C82FF 3%, #06F 50%, #004CCC 50%, #039);
	border-top: solid 1px #000;
	border-bottom: solid 2px #000;
}

.navi-in > ul li {
	margin:0 2px;
	background: linear-gradient(to bottom, #FFF 25%, #D8D8D8 70%, #BBB 70%, #D8D8D8);
	box-shadow: 1px 1px 1px 1px rgba(255,255,255,0.75) inset, -1px 0px 0px 0px rgba(0,0,0,0.5) inset;
	border-radius: 8px 8px 0 0;
	border-top: solid 1px #039;
	border-left: solid 1px #039;
	border-right: solid 1px #039;
}

#navi .navi-in a:hover {
	color: #F00;
	background-color: rgba(255,255,255,0.4);
	border-radius: 8px 8px 0 0;
}

/* ヘッダー-メニューアイコン */
.header-menu-icon {
	font-size: 24px;
	margin: 0 4px 0 -8px;
	display: inline-flex;
	vertical-align: middle;
}
.sub-menu .header-menu-icon {
	margin-left: 0;
}
.my-menu-home {
	color: #F00;
}
.my-menu-supporter {
	color: #F69;
}
.my-menu-games {
	color: #06F;
}
.my-menu-apps {
	color: #F66;
}
.my-menu-about {
	color: #F90;
}
.my-menu-contact {
	color: #090;
}
.my-menu-faq, .my-menu-backup, .my-menu-stream {
	color: #333;
}

/* ヘッダー-サブメニュー */
#navi .navi-in ul .sub-menu li {
	margin:0 0 0 -1px;
	background: linear-gradient(to bottom, #D8D8D8, #FFF);
	box-shadow: none;
	border-top: 0;
	border-left: solid 1px #000;
	border-right: solid 1px #000;
	border-bottom: solid 1px #000;
	border-radius: 0;
}
#navi .navi-in ul .sub-menu li a:hover {
	border-radius: 0;
}

/* フッター-メニュー */
.navi-footer-in > .menu-footer li {
	border-left: dotted 3px #FFEFCE;
}
.navi-footer-in > .menu-footer li:last-child {
	border-right: dotted 3px #FFEFCE;
}
.navi-footer-in a:hover {
	background-color: #FFE2A6;
}

/* カテゴリーラベル */
.cat-label, .eye-catch .cat-label {
	top: .5em;
	left: -2px;
	display: inline-block;
	height: 28px;
	line-height: 28px;
	text-align: center;
	padding: 0 16px 0 16px;
	font-size: 12px;
	background: #39F;
	border: 0px;
	border-left: solid 6px #06C;
	color: #FFF;
	box-sizing: border-box;
	overflow: visible;
	opacity: 1.0;
}
.cat-label::after, .eye-catch .cat-label::after {
	top: 0;
	right: -12px;
	position: absolute;
	content: '';
	width: 0px;
	height: 0px;
	z-index: 1;
	border-width: 14px 12px 14px 0px;
	border-color: #39F transparent #39F transparent;
	border-style: solid;
}

.related-entry-card .cat-label {
	top: .2em;
	height: 18px;
	line-height: 18px;
	font-size: 9px;
	padding: 0 5px 0 5px;
	border-left: solid 4px #06C;
}
.related-entry-card .cat-label::after {
	right: -5px;
	border-width: 9px 5px 9px 0px;
}
.cat-label-5 {
	background: #F66;
	border-color: #C30 !important;
}
.cat-label-5::after {
	border-color: #F66 transparent #F66 transparent;
}
.cat-label-21 {
	background: #090;
	border-color: #060 !important;
}
.cat-label-21::after {
	border-color: #090 transparent #090 transparent;
}
.cat-label-14 {
	background: #777;
	border-color: #444 !important;
}
.cat-label-14::after {
	border-color: #777 transparent #777 transparent;
}
.cat-label-24 {
	background: #F80;
	border-color: #C50 !important;
}
.cat-label-24::after {
	border-color: #F80 transparent #F80 transparent;
}

/* パンくずリスト */
.breadcrumb a:hover {
	color: #BBB;
}

.fa-home, .fa-folder, .fa-file-o {
	font-weight: normal;
	font-style: normal;
	display: inline-block;
	height: 1em;
	line-height: 1;
	text-transform: none;
	letter-spacing: normal;
	Word-wrap: normal;
	white-space: nowrap;
	direction: ltr;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	-moz-osx-font-smoothing: grayscale;
	font-feature-settings: 'liga';

	font-size: 18px;
	width: 1.1em;
	vertical-align: middle;
}
.fa-home::before, .fa-folder::before {
	font-family: "Material Icons";
}
.fa-file-o::before {
	font-family: "Material Icons Outlined";
}
.fa-home::before {
	content: 'home';
}
.fa-folder::before {
	content: 'folder';
}
.fa-file-o::before {
	content: 'insert_drive_file';
}
.mobile-footer-menu-buttons .fa-home {
	font-size: 24px;
}

.fa-tag {
	font-size: 16px;
	width: 1.1em;
	display: inline-flex;
	vertical-align: middle;
}
.fa-tag::before {
	font-family: "Font Awesome 5 Free";
	content: "\f02b";
	font-weight: 900;
}

/* シェア */
.sns-buttons a {
	border-radius: 100vh;
}
.sns-share-message, .sns-follow-message {
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	margin-bottom: 6px;
}
.sns-share-message::before, .sns-follow-message::before,
.sns-share-message::after, .sns-follow-message::after {
	content: '';
	width: 20%;
	height: 2px;
	background-color: #CCC;
}
.sns-share-message::before, .sns-follow-message::before {
	margin-right: 1.5em;
}
.sns-share-message::after, .sns-follow-message::after {
	margin-left: 1.5em;
}

.cat-link, .tag-link, .comment-reply-link {
	padding-left: 8px;
	padding-right: 12px;
	border-radius: 5px;
}
.cat-link .fa-folder {
	color: #FD0;
}
.entry-categories-tags .tax-icon {
	margin-right: .2em;
}
.tag-link:hover {
	background: #FEE;
}

/* お問い合わせフォーム */
.entry-content .contact_check {
	margin-left: .5em;
	padding: 0;
	list-style: none;
}
.entry-content .contact_check li {
	margin-left: 1.4em;
	position:relative;
}
.entry-content .contact_check li::before {
	font-family: "Font Awesome 5 Free";
	content : "\f0a4";
	font-weight: 400;
	color: #555;
	left: -1.4em;
	position: absolute;
}
.contact_items {
	font-size: 20px;
}
.contact_items::before {
	font-family: "Font Awesome 5 Free";
	content : "\f304";
	font-weight: 900;
	margin-right: 5px;
}
.contact_notes {
	font-size: 14px;
	color: #F00;
}
.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 textarea {
	border: solid 1px #09F;
	border-radius: 0;
}
.wpcf7 input[type="text"]:focus, .wpcf7 input[type="email"]:focus, .wpcf7 textarea:focus {
	background: #FFD;
}
.wpcf7-form-control.wpcf7-submit {
	-webkit-appearance: none;
	padding: .8em;
	width: 100%;
	margin: 0;
	cursor: pointer;
	background: #69C;
	color: #FFF;
	border: none;
	border-radius: 100vh;
	font-size: 16px;
}
.wpcf7-form-control.wpcf7-submit:hover {
	background: #9CF;
}
span .wpcf7-not-valid-tip {
	color: #F00;
}
.wpcf7 .ajax-loader {
	display: none !important;
}
.wpcf7 .wpcf7-response-output {
	text-align: center;
	margin-top: 1em !important;
	padding: .5em 1em !important;
}
.wpcf7 .wpcf7-response-output::before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	margin-right: 5px;
}
.wpcf7 form.sent .wpcf7-response-output {
	color: #090;
    background: #DFD;
	border-color: #090 !important;
}
.wpcf7 form.sent .wpcf7-response-output::before {
	content : "\f00c";
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
	color: #F50;
	background: #FFC;
}
.wpcf7 form.invalid .wpcf7-response-output::before,
.wpcf7 form.unaccepted .wpcf7-response-output::before {
	content : "\f071";
}
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
	color: #F00;
    background: #FEE;
}
.wpcf7 form.failed .wpcf7-response-output::before,
.wpcf7 form.aborted .wpcf7-response-output::before {
	content : "\f00d";
}

/* 攻略カフェテリア */
#bbs_page_view {
	margin-bottom: 5px;
}
#bbs_page_view::before {
	font-family: "Font Awesome 5 Free";
	content: "\f005";
	font-weight: 900;
	color: #fc0;
	margin-right: .1em;
}
#bbs_title {
	font-size: 24px;
	font-weight: normal;
	color: #FFF;
	margin: 0;
	padding: .3em 0 .3em 20px;
	background: linear-gradient(to bottom, #09F, #6CF);
	border-bottom: 0;
	line-height: 1.8;
	position: static;
}
#bbs_title::before {
	font-family: "Font Awesome 5 Free";
	content: '\f086';
	font-weight: 900;
	color: #FFF;
	margin-right: 4px;
}
#bbs_comments_list {
	padding: .8em .8em 0 .8em;
}
#bbs_comments_list li {
	padding-top: .8em;
	padding-bottom: .4em;
}
#bbs_avatar_icon {
	position: relative;
	top: -9px;
}
.bbs_hint_mark {
	font-size: .8em;
	font-weight: bold;
	color: #fff;
	margin-right: .4em;
	padding: 1px .6em;
	background: #f69;
	border-radius: 100vh;
}
.bbs_page_buttons {
	margin-bottom: 1em;
	display: flex;
	justify-content: space-around;
}
.bbs_page_buttons a {
	font-size: 1em;
	padding: .5em;
}
.bbs_page_button_prev {
	text-align: left;
	flex-basis: 30%;
}
.bbs_page_button_back {
	text-align: center;
	flex-basis: 40%;
}
.bbs_page_button_next {
	text-align: right;
	flex-basis: 30%;
}
	
/* コメント欄 */
.comment-list {
	border: 2px solid #09F;
	padding: 0;
	border-radius: 8px;
}
.comment-title {
	font-size: 24px;
	font-weight: normal;
	color: #FFF;
	margin: 0;
	padding: .3em 0 .3em 20px;
	background: linear-gradient(to bottom, #09F, #6CF);
}
.comment-title::before {
	font-family: "Font Awesome 5 Free";
	content: '\f086';
	font-weight: 900;
	color: #FFF;
	margin-right: 4px;
}
.commets-list {
	padding: .8em .8em 0 .8em;
}
.commets-list > li {
	margin: 1.5em 0;
	padding-top: 1em;
	border-top: 2px dotted #999;	/* スレッドの仕切り線 */
}
.commets-list > li:first-child {
	margin-top: 0;
	padding-top: 0;
	border: none;
}
.commets-list .children {
	border-left: 4px dotted #9CF;	/* 返信コメントの左側のボーダー */
	margin: 0;
}
.commets-list .avatar {
	float: left;
	border-radius: 50%;
	margin-right: 10px;
}
.comment-content { /*コメントの吹き出し*/
	padding: 2px 10px;
	margin: 10px 0 6px 0;
	background: #FFD;
	border: solid 1px #09F;
	border-radius: 10px;
	position: relative;
}
.comment-content::before, .comment-content::after { /* 吹き出しの三角部分 */
	content: "";
	position: absolute;
	border-style: solid;
}
.comment-content::before {
	top: -14px;
	left: 50px;
	border-color: transparent transparent #09F transparent;
	border-width: 0 14px 14px 0;
}
.comment-content::after {
	top: -12px;
	left: 51px;
	border-color: transparent transparent #FFD transparent;
	border-width: 0 12px 12px 0;
}
.comment-content p {	/* 吹き出し内の文字を調整 */
	font-size: 14px;
	margin: 1em 0;
	line-height: 1.5em;
}
.fn {
	font-style: normal;
}
.fn::after {
	content: "さん";
	font-size: 12px;
	margin-left: .5em;
}
.says {
	font-size: 12px;
	display: none;
}
.commets-list .reply {
	margin-top: 1em;
	margin-bottom: 1em;
}
.fa-comment::before {
	content: '\f4ad';
	font-weight: 400;
}
.comment-reply-link {	/* 返信ボタンの装飾 */
	color: #FFF;
	border: none;
	border-radius: 100vh;
	background: #69C;
	padding: .5em 1.5em;
}
.comment-reply-link:hover {
	color: #FFF;
	background: #9CF;
}
.commets-list .comment-body {
	margin-bottom: 0;
}

.comment-respond {	/* 入力欄全体の枠 */
	margin-top: -2px;
	margin-top: 1em;
	border: 2px solid #09F;
	border-radius: 8px;
}
#reply-title {
	font-size: 24px;
	font-weight: normal;
	color: #FFF;
	margin: 0;
	padding: .3em 0 .3em 20px;
	background: linear-gradient(to bottom, #09F, #6CF);
}
#reply-title::before {
	font-family: "Font Awesome 5 Free";
	content: '\f4ad';
	font-weight: 400;
	color: #FFF;
	margin-right: 10px;
	display: inline-block;
	transform: scaleX(-1);
}
.comment-respond p {
	margin: 1em 0;
}
#commentform {	/* フォーム部分の枠 */
	padding: 1em;
}
.comment-form-author label, .comment-form-comment label {
	font-size: 20px;
}
.comment-form-author::before, .comment-form-comment::before {
	font-family: "Font Awesome 5 Free";
	content: '\f304';
	font-weight: 900;
	margin-right: 5px;
}
p.comment-notes {	/* 注意書きの文字サイズ */
	font-size: 14px;
	display: none;
}
.comment-respond p {
	margin-top: 0;
}
p.form-submit {
	margin: 1.5em 0 1em 0;
}
#cancel-comment-reply-link {	/* 返信をキャンセルボタン */
	font-size: 14px;
	text-decoration: none;
	margin: .2em .6em 0 0;
	padding: 2px 12px 2px 10px;
	background: #FF3;
	border-radius: 100vh;
	float: right;
}
#cancel-comment-reply-link::before {
	font-family: "Font Awesome 5 Free";
	content: '\f057';
	font-weight: 900;
	margin-right: 3px;
}
#commentform input[type="text"], #commentform textarea {	/* 入力スペースの装飾 */
	padding: 10px;
	border: solid 1px #09F;
	border-radius: 0;
	width: 100%;
	background: #FFF;
}
#commentform input[type="text"]:focus, #commentform textarea:focus {
	background: #FFD;
}
#commentform input[type="submit"] {	/* 送信ボタンの装飾 */
	-webkit-appearance: none;
	padding: .8em;
	width: 100%;
	margin: 0;
	cursor: pointer;
	background: #F88;
	color: #FFF;
	border: none;
	border-radius: 100vh;
	font-size: 16px;
}
#commentform input[type="submit"]:hover {
	background: #FAA;
}

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

/*834px以下*/
@media screen and (max-width: 834px){
	/*必要ならばここにコードを書く*/
	.content, .footer, main.main {
		margin: 0;
	}
	
	.main, .sidebar {
		border-radius: 0;
	}
	
	main.main {
		padding: 10px 15px;
	}

	#header-container .navi {
		padding: 0;
		border: 0;
	}
		
	/* エントリーカード */
	.entry-card-title, .related-entry-card-title {
		font-size: 18px;
		padding: 3px 0;
		margin-bottom: 6px;
	}
	
	.ecb-entry-border .entry-card-wrap {
		border-radius: 5px;
	}
	
	/* カテゴリーラベル */
	.cat-label {
		top: .2em;
		height: 18px;
		line-height: 18px;
		font-size: 9px;
		padding: 0 5px 0 5px;
		border-left: solid 4px #06C;
	}
	
	.cat-label::after {
		right: -5px;
		border-width: 9px 5px 9px 0px;
	}
	
	/* フッター-メニュー */
	.navi-footer-in > .menu-footer li:last-child {
		border-right: none;
	}
}

/*480px以下*/
@media screen and (max-width: 480px){
	/*必要ならばここにコードを書く*/
	main.main {
		padding: 10px 10px;
	}
	
	/* エントリーカード */
	.entry-card-title, .related-entry-card-title {
		font-size: 16px;
		padding: 2px 0;
		margin-bottom: 4px;
	}
}