/*
Theme Name: design1
Theme URI: 
Template: lightning
Description: 
Author: 
Tags: 
Version: 0.6.0
*/

/* -----------------------------------------------------------
   共通
   ----------------------------------------------------------- */
a{
	color: #333;
}
.site-footer-copyright p:nth-child(2) {
	display:none;
}
.container.site-footer-copyright {
	background: #1d985b;
	max-width: 100%;
	color: #fff;
	margin-top: 40px;
}
.no-linebreaks{
	white-space: nowrap;
}
/* -----------------------------------------------------------
   HOME
   ----------------------------------------------------------- */
.fb-wrap {
	text-align: center;
}
/* -----------------------------------------------------------
   メンバー専用ログインページ
   ----------------------------------------------------------- */
#login-container{
	max-width: 400px;
	margin: 50px auto;
}
.form-check-label{
	cursor: pointer;
}
.d-grid {
	text-align: center;
}

/* -----------------------------------------------------------
   メンバー専用トップページ
   ----------------------------------------------------------- */
/* --- メニューボタンの装飾 --- */
.member-menu-row {
	display: flex;
	flex-wrap: wrap;
}
.member-menu-btn {
	border-radius: 12px;
	transition: all 0.3s ease;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.member-menu-btn:hover {
	background: #f8f9fa;
	transform: translateY(-3px);
	box-shadow: 0 10px 20px rgba(0,0,0,0.1);
	border-color: #333;
}
.btn-pink { background-color: #e5989b; }
.btn-yellow { background-color: #f4d35e; }
.btn-blue { background-color: #83c5be; }
body.post-type-archive-member i {margin-right: 0;}

.logout-area.mt-5 .btn {
	width: 100%;
}

/* --- サイドメニューの装飾 --- */
.side-post-list-flex{
	display: flex;
}
.m-only-side h2 {
	font-size: 1.2rem;
}
.m-only-side .entry-title-area a span {
	display: block;
}

/* -----------------------------------------------------------
   メンバー専用アーカイブページ
   ----------------------------------------------------------- */
/* カテゴリー o-score のページで、標準の投稿一覧とページ送りを非表示にする */
body.category-open-tournament .post-list.vk_posts.vk_posts-mainSection,
body.category-o-score .post-list.vk_posts.vk_posts-mainSection {
	display: none;
}
span.entry-meta-item.entry-meta-item-updated ,
span.entry-meta-item.entry-meta-item-author {
	display: none;
}
/* -----------------------------------------------------------
   メンバー専用公式戦申込ページ
   ----------------------------------------------------------- */
body.post-name-entry h1 {
	text-align: center;
}

/* -----------------------------------------------------------
   通常の投稿内の一覧
   ----------------------------------------------------------- */
body.blog .vk_posts,
body.archive .vk_posts {
	margin-left: 0;
	margin-right: 0;
}
.post-list-flex{
	display: flex;
	flex-wrap: wrap;
}
@media screen and (max-width:768px) {
	span.entry-title-label {
		display: block;
		padding-top: 10px;
		width: 100%;
	}
}
/* -----------------------------------------------------------
   通常の投稿内のカテゴリ「オープンコンペ情報」アーカイブページ
   ----------------------------------------------------------- */
body.category-open-tournament h2 {
	 padding: 10px 15px;
	 margin-bottom: 25px;
	 border-top: none;
}
body.category-open-tournament section.schedule-section h2 {
	 border-left: 5px solid #28a745;
	 background: #f0fff4;
}
body.category-open-tournament h2.score {
	 border-left: 5px solid #004488;
	 background: #f0f4f8;
}

/* -----------------------------------------------------------
   アーカイブの共通化
   ----------------------------------------------------------- */
.list-group-item.post-list-flex.align-items-center.py-3,
.list-group-item.side-post-list-flex.align-items-center.py-3 {
	border-bottom: 1px dotted #cfcfcf;
	width: 100%;
}
.entry-date-label{
	font-size: 0.9rem;
	white-space: nowrap;
	font-family: monospace;
	min-width: 130px;
	display: inline-block;
}
.entry-action-area{
	margin-left: 20px;
}
.entry-action-area .btn{
	white-space: nowrap;
}

h2.year-divider{
	font-weight:bold;
	border:1px solid #ddd;
}
h3.month-title{
	color: #333;
	font-size: 1.3rem;
	font-weight:bold;
}

