/*
Theme Name: Lightning
Text Domain: lightning
Theme URI: https://lightning.vektor-inc.co.jp/en/
Description: Lightning is a very simple & easy to customize theme which is based on the Bootstrap. It is also very friendly with custom post types and custom taxonomies. When you add a new one, the breadcrumbs will be adjusted and posts will look beautifully without editing or adding a template files.
Author: Vektor,Inc.
Author URI: https://www.vektor-inc.co.jp
Version: 15.30.0
Requires at least: 6.4
Tested up to: 6.8
Requires PHP: 7.4
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

Lightning WordPress theme, Copyright (C) 2015-2025 Vektor,Inc.
Lightning WordPress theme is licensed under the GPL.

Lightning WordPress Theme bundles the following third-party resources:

Font Awesome icon font, Copyright 2012 Fonticons, Inc.
its fonts are licensed under the terms of the SIL OFL License 1.1, and its code is licensed under the terms of the MIT license
Source: https://fontawesome.com/

Bootstrap framework, Copyright 2011 Bootstrap Authors and Twitter, Inc.
Bootstrap is licensed under the terms of the MIT license
Source: https://getbootstrap.com/

CSS Simple Tree Shaking
CSS Simple Tree Shaking is licensed under the terms of the GNU General Public License v2 license
Source: https://celtislab.net/
*/

/* フォーム */
#wpmem_login input[type=password],
#wpmem_login input[type=text],
#wpmem_reg input[type=date],
#wpmem_reg input[type=email],
#wpmem_reg input[type=number],
#wpmem_reg input[type=password],
#wpmem_reg input[type=text],
#wpmem_reg input[type=url],
#wpmem_reg textarea {
  border:1px solid rgba(0,0,0,.1);
  border-radius:8px;
  color:#2b2b2b;
  padding:8px 10px 8px;
  background:none repeat scroll 0 0 #fff
}
#wpmem_reg select {
  width:100%;
  padding:8px 10px 7px;
  border:1px solid rgba(0,0,0,.1);
  border-radius:8px;
  color:#2b2b2b;
  margin:5px 0;
  background:none repeat scroll 0 0 #fff
}
#wpmem_reg .noinput {
  width:93%;
  padding:8px 10px 7px;
  border:1px solid rgba(0,0,0,.1);
  border-radius:8px;
  color:#2b2b2b;
  margin:5px 0
}
/* ヘッダー */
@media (min-width: 992px) {
	.site-header--layout--nav-float .site-header-logo {
		margin-right: 0.3em;
	}
}


/* フッター */
.site-footer {
	color:#FFFFFF;
	background:#698c00
}
.footer-nav {
	color:#FFFFFF;
	text-align: center;
	background:#85b200;
}
.footer-nav .nav li a, nav li a{
	color:#FFFFFF;
}

/* トップページ */
#topnews-box {
	background:#ffffff;
	border-radius:8px;
	border:4px solid #ffffff;
	padding:20px;
	margin-bottom: 20px;
}
#topcontent-box {
	display:block;
	background:#ffffff;
	border-radius:8px;
	border:4px solid #ffffff;
	padding:20px;
	margin-bottom: 20px;
}

/* 固定ページ(水土里まっち)・アーカイブと個別記事（投稿） */
.single .entry-title {
	font-size: 1.6rem;
	border-bottom: #48832b 1px solid;
}
.midorimatch #main,
.archive #main,
.single #main {
	background:#ffffff;
	border-radius:8px;
	border:4px solid #ffffff;
	padding:20px;
	margin-bottom: 20px;
}
.midorimatch .sub-section,
.archive .sub-section,
.single .sub-section {
	background:#ffffff;
	border-radius:8px;
	border:4px solid #ffffff;
	padding:20px;
	margin-bottom: 20px;
}


/* 会員登録 */
#wpmem_login, #wpmem_msg, #wpmem_reg, .wpmem_msg {
	width: 60%;
	margin: 0 auto;
}

/* 共通設定 */
.inner-box {
	background:#ffffff;
	border-radius:8px;
	border:4px solid #ffffff;
	padding:20px;
	margin-bottom: 20px;
}
.page .main-section {
	background:#ffffff;
	border-radius:8px;
	border:4px solid #ffffff;
	padding:20px;
	margin-bottom: 20px;

}
.btn {
	font-size: 1rem;
	border: 1px solid var(--vk-color-primary-dark);
	background-color: var(--vk-color-primary);
	color: #fff;
	padding: .5em 2em;
	border-radius: var(--vk-size-radius);
}
.btn:hover {
	color: #fff;
	filter: brightness(1.6);
	transition: .3s ease-in-out;
}

.btn_gray {
	border: 1px solid #888888;
	background-color: #888888;
}
.btn_gray:hover {
	color: #fff;
	filter: brightness(1.3);
	transition: .3s ease-in-out;
}
.t_center {
	text-align:center;
}
.t_left {
	text-align:left;
}
.t_right {
	text-align:right;
}

.per_100 {
	width:100% !important;
}
.per_95 {
	width:95% !important;
}
.per_90 {
	width:90% !important;
}
.per_85 {
	width:85% !important;
}
.per_80 {
	width:80% !important;
}
.per_75 {
	width:75% !important;
}
.per_70 {
	width:70% !important;
}
.per_65 {
	width:60% !important;
}
.per_60 {
	width:60% !important;
}
.per_55 {
	width:55% !important;
}
.per_50 {
	width:50% !important;
}
.per_45 {
	width:45% !important;
}
.per_40 {
	width:40% !important;
}
.per_35 {
	width:35% !important;
}
.per_30 {
	width:30% !important;
}
.per_25 {
	width:25% !important;
}
.per_20 {
	width:20% !important;
}
.per_15 {
	width:15% !important;
}
.per_10 {
	width:10% !important;
}
.per_5 {
	width:5% !important;
}

.d_flex {
	align-items: flex-start; 
	column-gap: 1em; 
	display:flex; 
	justify-content: center;
}
.d_flex p{margin-bottom:0;}
.d_flex .mw_22{max-width: 22em;}
.d_flex span{display:inline-block;}
.d_flex span.pr_2em{padding-right:2em;}

.d_flex_left {
	align-items: flex-start; 
	column-gap: 0em; 
	display:flex; 
	justify-content: left;
}

.aligncenter{
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.alignright{
	float: right;
	margin-left: 1.5em;
}
.alignleft{
	float: left;
	margin-right: 1.5em;
}
.page-header {
	min-height: 6rem;
}
.page-header-inner {
	margin:1em auto 0.5em auto;
}
.site-body {
	padding: 1rem 0 2rem;
}

.disp_flex {
	display:flex;
	justify-content: left;
	align-items: stretch;
	flex-wrap: wrap;
}
.inner_title {
	width:100%;
	background:#522f12;
	border:4px solid #522f12;
	text-align:center;
	color:#FFFFFF;
	margin: 0 0 20px 0;
}


/* テーブル */
.table_container{
	display: flex;
	justify-content: left;
	min-width: 0px;
}
.table_table {
	background-color: white;
	box-sizing: border-box;
	outline: 1px solid black;
	outline-offset: -1px;
	overflow: auto;
	margin: 5px;
	max-width: 100%;
	width: 100%;
}
.table_row {
	display: flex;
	width: 100%;
}
.table_cell {
	display: flex;
	/*flex: 1;*/
	box-sizing: border-box;
	min-width: 0px;
	justify-content: left;
	align-items: center;
	width: 100%;
	min-height: 40px;
	outline: 1px solid black;
	outline-offset: 0px;
	background-color: white;
	margin: 0px;
	padding: 5px;
}
.table_header .table_cell {
	background-color: orange;
}
.table_header {
}



/* 水土里まっちトップページ */
#case-box h1 {
	text-align:center;
	font-size:1.6em;
}

#case-box .case_area {
	display:flex;
	justify-content: left;
	align-items: stretch;
	flex-wrap: wrap;
}
#case-box .case_item {
	width:calc(50% - 20px);
	padding: 15px;
	border-radius:8px;
	border:4px solid #522f12;
	margin:10px;
	/*background:#faefd5;*/
}
#case-box .case_item_title {
	font-weight:bold;
}
#case-box .case_item_area {

}
#case-box .case_item_day {

}
/* 水土里まっち詳細ページ */
.case_area {
	display:flex;
	justify-content: left;
	align-items: stretch;
	flex-wrap: wrap;
	margin-bottom:50px;
}
.case_area_right {
	width:40%;
	padding:10px;
}
.case_area_left {
	width:60%;
	padding:10px;
}
.case_area_btn {
	width:100%;
}
.case_area_title {
	width:100%;
}
.case_title {
	width:30%;
	padding-right:10px;
}
.case_body {
	width:70%;
}
.case_area_area {
	display:flex;
	justify-content: left;
}
.case_area_day {
	display:flex;
	justify-content: left;
}
.case_area_content {
	display:flex;
	justify-content: left;
}
.case_area_day_biko {
	display:flex;
	justify-content: left;
}
.case_area_num {
	display:flex;
	justify-content: left;
}
.case_area_area_box {
	display:flex;
	justify-content: left;
}
.case_area_clothing {
	display:flex;
	justify-content: left;
}
.case_area_toilet {
	display:flex;
	justify-content: left;
}
.case_area_deadline {
	display:flex;
	justify-content: left;
}
#app_case div{
	margin: 0 0 10px 0;
	align-items: center;
}


/* マイページ */
.list_area {
	padding-bottom:20px;
}
.list_area h3{
	margin-bottom:5px;
}

/* 水土里まっちページのサイドバー用 */
#midori_side{
	border: 4px solid #ffffff;
	padding:20px 0;
}
#midori_side h1 {
	text-align: center;
	font-size: 1.6em;
}
#midori_side h2 {
	font-size: 1.4em;
	margin:0.5em 0 0;
}
#midori_side p{
	line-height:1.5;
	margin:0 0 0.5em;
}
#midori_side ul{
	margin:0;
	list-style: none;
	padding-left: 0;
}
#midori_side ul.d0{
	margin:0 0 0.5em;
}
#midori_side ul.d1{
	padding-left:1em;
}
#midori_side ul.d2{
	padding-left:2em;
}
#midori_side ul.d3{
	padding-left:3em;
}
#midori_side ul.d4{
	padding-left:4em;
}

#midori_side ul li{
	margin:0 0 0;
}
#midori_side ul.d0 > li{
	margin:0.25em 0 0;
}
#midori_side ul.do li:first-child{
	margin:0 0 0;
}
#midori_side .button_block{
	margin-top:1.5em;
}
/* /水土里まっちページのサイドバー用 */