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

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

/* 全般 */

.page-id-98 main,
.page-id-100 main,
.page-id-166 main,
.page-id-196 main 
{
	background-color:#f7f7f7!important;
	color:#707070!important;
}
.page-id-98 .container,
.page-id-100 .container,
.page-id-166 .container,
.page-id-196 .container {
	margin-bottom:8em;
}

.page-id-98 input[name="Submit"],
.page-id-100 input[name="Submit"],
.page-id-166 input[name="Submit"],
.page-id-196 input[name="Submit"],
.page-id-98 button,
.page-id-100 button,
.page-id-166 button,
.page-id-196 button {
	width: auto;
	min-width: 6em;
	text-align: center;
	border-radius: 10px;
	border: none;
	background-color: #046BD2;
	color: #fff;
	font-size: 1em;
	opacity: 0.8;
}

.page-id-98 footer,
.page-id-100 footer,
.page-id-166 footer,
.page-id-196 footer {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 10px 0;
}



/*******************************
*  ログイン画面 
* *************************/

/* ログインフォームのタイトル非表示 */
#wpmem_login_form > fieldset > legend,
#wpmem_pwdreset_form > fieldset > legend,
#wpmem_getusername_form > fieldset > legend,
.link-text-username{
	display:none;
}
#wpmem_login,
.wpmem_msg{
	color:#707070!important;
	margin:0 auto!important;
}

/*******************************
*  振込依頼ファイル出力画面
* *************************/

/* 検索フィルタ */
.transfer-output-form{
	display:flex;
	justify-content:right;
}
.transfer-output-form > label,
.transfer-output-form > select,
.transfer-output-form > button,
.transfer-output-form > input{
	width:auto;
	padding:2px;
	margin-left:10px;
}
.transfer-output-form > label{
	color:#707070;
}
.transfer-output-form > select,
.transfer-output-form > input{
	font-size:18px;
	color:#707070;
	border: 1px solid var(--cocoon-basic-border-color);
	border-radius: var(--cocoon-basic-border-radius);
}

/* エラーメッセージ */
.error-msg{
	text-align:right;
}


/*******************************
*  ダッシュボード画面
* *************************/

/*検索フィルタ  */
.dashboard-form{
	display:flex;
	justify-content:right;
}
.dashboard-form > label,
.dashboard-form > select,
.dashboard-form > button{
	width:auto;
	padding:2px;
	margin-left:10px;
}
.dashboard-form > label,
.dashboard-form > select{
	color:#707070;
}
/* 売上テーブル */
.sales-table{
	background:#fff;
	border:none;
	margin-top:10px;
	text-align:left;
}
.sales-table th,
.sales-table td{
	background:#fff;
	border:none!important;
	padding:1em 1.5em;
}
.sales-table thead tr{
	border-bottom:3px solid #45B9D7;
	padding:5px 30px;
	background:#fff;
}
.sales-table tbody tr{
	border-bottom:2px solid rgba(69,185,215,0.2);
	background:#fff;
}
.sales-table tbody{
}

.download-button{
	display:inline-block;
	text-align:center;
	width: auto;
	min-width:8em;
	border-radius: 10px;
	font-size:0.8em;
	background-color: #45B9D7;
}

/*スプレッドシートURL  */
.spredsheetUrl{
	text-align:right;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
	/*******************************
	*  ヘッダー 
	* *************************/
	.mobile-header-menu-buttons {
		background: #6d6d6d;
		color: #fff;
	}
	.mobile-header-menu-buttons .logo-menu-button,
	.mobile-header-menu-buttons .search-menu-button{
		visibility:hidden!important;
	}
	/*******************************
	*  フッター
	* *************************/
	.footer-bottom{
		margin-top:0;
	}
	/*******************************
	*  ダッシュボード
	* *************************/
	.dashboard-form-container{
	}
	.dashboard-form{
		align-items: flex-end;
		text-align:left;
		flex-flow:column;
	}
	.dashboard-form label {
		text-align: left;
		width:50%;
	}
	.dashboard-form button{
		margin-top:30px;
	}
	/*******************************
	*  売上レポート
	* *************************/
	.report-sub-header h2{
		width:7em!important;
	}
	.report-header{
		width:90%!important;
		height:40px!important;
		margin-top:20px!important;
	}
	.report-header h1 {
		line-height:40px!important;
	}
}

/*834px以下*/
@media screen and (max-width: 834px){
	/*******************************
	*  売上レポート
	* *************************/
	.flex-container1, .flex-container2{
		display: block!important;
	}
}

/*480px以下*/
@media screen and (max-width: 480px){
	/*******************************
	*  ログイン画面 
	* *************************/
	#wpmem_login, #wpmem_msg, #wpmem_reg, .wpmem_msg{
		width:90%!important;
		margin:0 auto;
	}
	

}