/**
 * WP-Members CSS
 *
 * CSS for the WP-Members plugin using Twenty Ten Theme
 * 
 * This file is part of the WP-Members plugin by Chad Butler
 * You can find out more about this plugin at http://rocketgeek.com
 * Copyright (c) 2006-2015 Chad Butler
 * WP-Members(tm) is a trademark of butlerblog.com
 *
 * @package WordPress
 * @subpackage WP-Members
 * @author Chad Butler 
 * @copyright 2006-2015
 */

/*	
This stylesheet is designed to integrate WP-Members with the Twenty Ten theme.
There are quite a few examples in here of what you can do to style the forms.  
You can build off of this or start from scratch and set your own 
custom css for the plugin (set the location in the admin panel).

See http://rocketgeek.com/tips-and-tricks/setting-up-a-custom-wp-members-stylesheet/
for information on how to set up the plugin with a custom stylesheet.

For information how to load custom stylesheets with wp_enqueue_style,
see http://rocketgeek.com/tips-and-tricks/load-a-custom-stylesheet/
*/

/* Error and Dialog Messages */

#wpmem_msg, .wpmem_msg {
    width:630px;
    padding-top: 10px;
    border: 1px #000 solid;
    background-color:#E6E6E6;
}

/* Sidebar Login Widget */

#wp-members  { margin-bottom: 20px; }
#wp-members label { color: #000; }
#wp-members .div_text { padding-top: 4px; }
#wp-members .username, #wp-members .password {
	border: 1px solid #ccc;
	background-color:#fff;
	width:176px;
	font:10px verdana,sans-serif;
	color: #000;
	padding:3px 5px 3px 5px;
}
#wp-members .button_div { margin-top:3px; }
#wp-members .buttons {
	font-family:Arial,Helvetica,sans-serif;
	background: #e3e3db;
	font-size:10px; 
	color: #000; 
	margin-left: 0px;
	border-width: 2px;
	border-style: solid;
	border-color: #fff #d8d8d0 #d8d8d0 #fff;
	text-decoration: none;
	text-transform:uppercase;
	font-weight:bold;
}
#wp-members .err {
	width:100%;
    padding: 5px;
    border: 1px #000 solid;
    background-color:#E6E6E6;
}

/* Login Form and Registration Form */

#wpmem_reg, #wpmem_login {
	width:680px;	/* 630px⇒680px */
	padding-top:10px;	/* 30px⇒10px */
	margin-bottom: 20px;	/* 2022/10/12追加*/
	float:left;
}

#wpmem_reg fieldset, #wpmem_login fieldset {
	border:1px dashed #ccc;
	padding:10px;
	margin-top:20px;
	margin-bottom:20px;
}
#wpmem_reg legend, #wpmem_login legend {
	font-family: "Helvetica Neue",Arial,Helvetica,"Nimbus Sans L",sans-serif;
	font-weight: bold;
	font-size: 18px;	/*20px⇒18px*/
	background: #c4c4c4;
	border: 1px solid #333;
	padding: 8px;
}
#wpmem_reg label.text, #wpmem_reg label.checkbox,
#wpmem_reg label.textarea , #wpmem_reg label.select,
#wpmem_login label , #wpmem_reg label.file {	/* fileを追加 */
	width:280px;	/*230px⇒280px*/
	margin-top:3px;
	margin-right:2px;
	padding-top:6px;	/*11px⇒6px*/
	padding-left:6px;
/*	background-color:#ccc;	ラベル個別で設定するため削除*/
	float:left;
	display: block;
	font-family: "Helvetica Neue",Arial,Helvetica,"Nimbus Sans L",sans-serif;
	font-size: 16px;	/*115%⇒16px*/
	line-height: 1.0;	/*1.1⇒1.0*/
	color:#666;
}
/*　ラベルの高さ　*/
/*　2022/10/13追加select、file　*/
#wpmem_reg label.text, #wpmem_reg label.select, 
#wpmem_reg label.file, #wpmem_reg label.checkbox {
	height:52px;	/*32%⇒36px⇒52px*/
}
#wpmem_reg label.textarea {
	height:197px;
}
/*　2022/10/13追加　*/
/* 2022/11/21修正 confirm_email⇒user_email*/
#wpmem_reg label[for="user_email"],
#wpmem_reg label[for="aff1"],	/*　2022/10/14追加　*/
#wpmem_reg label[for="aff_member"] {
	height:60px;	/* 68px%⇒60px 2022/10/21変更*/
}
/*　2022/10/13追加　*/
/*　2023/03/02追加vaccine　*/
#wpmem_reg label[for="vaccine"],
#wpmem_reg label[for="passport"],
#wpmem_reg label[for="inst_completion"] {
	height:100px;
}
/*　2022/10/13追加　*/
#wpmem_reg label[for="vaccine_inst"] {
	height:128px;
}
/*　2022/09/05追加　*/
/*　2023/02/09修正　*/
#wpmem_reg label[for="attend_check"] {
	height:146px;
}
#wpmem_reg label[for="aff_trail"] {
	height:214px;	/* 166px⇒134px 2022/10/21変更 134px⇒214px 2024/05/02変更*/
}

#wpmem_login label[for="rememberme"] {
	float: none;
	display: initial;
	background-color: initial;
	padding: initial;
	font-size: initial;
}

#wpmem_reg .form, #wpmem_login .form {
	margin:0;
	padding:0;
}
#wpmem_reg .clear, #wpmem_login .clear {
	clear:both;
}
#wpmem_reg .holder, #wpmem_login .holder {
	background-color:#fff;
}
#wpmem_reg .div_text, #wpmem_reg .div_checkbox, 
#wpmem_reg .div_textarea, #wpmem_reg .div_select,
#wpmem_login .div_text , #wpmem_reg .div_file {	/* fileを追加 */
	width:360px;
	float:right;
/*	background-color:#E6E6E6;	削除	*/
	margin-top:3px;
	padding-top:2px;	/*5px⇒2px*/
	padding-bottom:3px;
	padding-left:5px;
	line-height: 1.4;	/* 2022/10/21追加 */
}

#wpmem_reg .textbox, #wpmem_login .textbox,
#wpmem_reg .username, #wpmem_login .username,
#wpmem_reg .password, #wpmem_login .password {
	border: 1px solid #ccc;
	background-color:#fff;
	width:340px;
	font:normal 18px Times New Roman;
	color: #000000;
	padding:3px 5px 3px 5px;
}

#wpmem_reg .dropdown { 
	border: 1px solid #ccc;
	background-color:#fff;
	width:352px;
	font:normal 18px Times New Roman;
	color: #000000;
	padding:3px 5px 3px 5px;
}

#wpmem_reg .textbox:focus, #wpmem_reg .textbox:hover, #wpmem_login .textbox:focus, #wpmem_login .textbox:hover,
#wpmem_reg .username:focus, #wpmem_reg .username:hover, #wpmem_login .username:focus, #wpmem_login .username:hover,
#wpmem_reg .password:focus, #wpmem_reg .password:hover, #wpmem_login .password:focus, #wpmem_login .password:hover {
	background-color:#F0FFE6;
}

#wpmem_reg .textarea {
	width:346px;
	height:190px;
/* style.css:Line 8894の設定を上書き */
	min-height:190px;	
}

#wpmem_reg .button_div, #wpmem_login .button_div {
	width:680px;	/* 2022/10/04変更 */
	float:left;	/* 2022/10/04変更 right⇒left*/
	background-color:#fff;
/* プロフィールの更新ボタンの枠線削除 */
/*	border:1px solid #ccc;*/
	text-align:center;	/* 2022/10/04変更 right⇒center*/
	height:70px;	/* 2022/10/04変更 35px⇒70px*/
	margin-top:20px;	/* 2022/10/04変更 3px⇒20px*/
	padding:5px;
	white-space:nowrap;
}
#wpmem_reg .buttons, #wpmem_login .buttons {
	font-family:Arial,Helvetica,sans-serif;
	background: #2ca9e1;	/*2022/10/04変更*/
/*	font-size:18px; 	/*12px⇒18px 2022/10/04削除*/
	color: #ffffff;	/*2022/10/04変更*/
	padding: 4px 12px;
	border-width: 2px;
	border-style: solid;
	border-color: #fff #d8d8d0 #d8d8d0 #fff;
	text-decoration: none;
	text-transform:uppercase;
	font-weight:bold;
	height: 60px;	/*2022/10/04変更*/
	width: 350px;	/*2022/10/04追加*/
	border-radius: 25px;	/*2022/10/04変更*/
}
#wpmem_reg .req {
/*追加　必須項目の表示2022/10/12*/
	color: #ffffff;
	font-size:12px;
	background-color: #da4f49;
	padding: 2px 4px;	/*上下、左右*/
	border-radius: 5px;
	white-space: nowrap;
}
#wpmem_reg .noinput {
	height: 32px;
	padding-top: 5px;
	padding-left: 6px;
}
#wpmem_reg input[type="checkbox"] {
	margin: 14px 0 0 28px;
}

/* チェックボックスのサイズを変更 */
/* 2022/09/05追加　資格更新のための受講確認 */
#wpmem_reg input#attend_check {
	height:20px;	
	transform:scale(3.0);
}
/* 2022/02/15追加　入力内容確認 */
#wpmem_reg input#check,
/* 2023/02/09追加　資格更新のための受講 */
#wpmem_reg input#attend_check {
	transform:scale(3.0);
}

/* 2023/09/06追加　ファイル添付ボタンのフォントサイズ変更 */
#wpmem_reg input#aff_trail {
	font-size: 14pt;
}

#wpmem_reg .req-text {
	float:left;
	margin: 15px 0px 0px 5px;
}
#wpmem_reg .captcha {
	margin: 5px 0px; 
}
#wpmem_reg .captcha table {
	line-height: 0px;
}

/*追加　フィールド幅の調整*/
/* 2021/07/12修正postcode～address_2 */
/* 2021/09/14追加certification_date */
/* 2020/04/20追加vaccine */
/* 2020/05/26追加aff_member_2,vaccine_inst */
/* 2022/10/13削除aff_member_2 */
/* 2023/03/02移動vaccine */
#wpmem_reg input#sk_register_num,
#wpmem_reg input#ts_register_num,
#wpmem_reg input#tk_register_num,
#wpmem_reg input#tu_register_num,
#wpmem_reg input#jt_register_num {
	width:100px;
}
#wpmem_reg input#last_name,
#wpmem_reg input#first_name,
#wpmem_reg input#sei_phonetic,
#wpmem_reg input#mei_phonetic,
#wpmem_reg select#aff_member,	/*2022/10/13変更*/
#wpmem_reg input#billing_postcode,
#wpmem_reg input#birthday,
#wpmem_reg input#zip2,
#wpmem_reg input#certification_date,
#wpmem_reg input#sk_certification_date,
#wpmem_reg input#ts_certification_date,
#wpmem_reg input#tk_certification_date,
#wpmem_reg input#tu_certification_date,
#wpmem_reg input#jt_certification_date,
#wpmem_reg select#vaccine_inst {
	width:140px;
}
#wpmem_reg input#phone1,
#wpmem_reg input#phone2,
#wpmem_reg input#aff_phone1,
#wpmem_reg select#vaccine {
	width:180px;
}
#wpmem_reg select#gender,
#wpmem_reg select#billing_state,
#wpmem_reg select#pref2,
#wpmem_reg select#pub_web,
#wpmem_reg select#pub_sf {
	width:120px;
}
#wpmem_reg select#jspo_register_num,
#wpmem_reg select#jrc_register_num,
#wpmem_reg select#swim_register_num {
	width:280px;	/*200px⇒280px 2022/10/21変更*/
}

/* ラベル背景色 */
/* 2021/07/12修正postcode～address_2 */
/* 2021/09/14追加certification_date */
/* 2022/04/20追加vaccine～passport */
/* 2022/05/26追加aff_member_2,inst_completion,inst_certificates */
/* 2022/09/05追加 資格更新のための受講 */
/* 2022/10/13削除aff_member_2 */
/* 2022/11/21修正 confirm_email削除、username追加*/
#wpmem_reg label[for="last_name"],
#wpmem_reg label[for="first_name"],
#wpmem_reg label[for="sei_phonetic"],
#wpmem_reg label[for="mei_phonetic"],
#wpmem_reg label[for="gender"],
#wpmem_reg label[for="birthday"],
#wpmem_reg label[for="username"],
#wpmem_reg label[for="user_email"],
#wpmem_reg label[for="billing_postcode"],
#wpmem_reg label[for="billing_state"],
#wpmem_reg label[for="billing_address_1"],
#wpmem_reg label[for="billing_address_2"],
#wpmem_reg label[for="phone1"],
#wpmem_reg label[for="phone2"],
#wpmem_reg label[for="certification_date"],
#wpmem_reg label[for="inst_completion"],
#wpmem_reg label[for="inst_certificates"] {
	background-color:#ccffff;
}
#wpmem_reg label[for="aff1"],
#wpmem_reg label[for="aff2"],
#wpmem_reg label[for="aff_member"],
#wpmem_reg label[for="aff_trail"],
#wpmem_reg label[for="zip2"],
#wpmem_reg label[for="pref2"],
#wpmem_reg label[for="addr2"],
#wpmem_reg label[for="addr2_2"],
#wpmem_reg label[for="aff_phone1"],
#wpmem_reg label[for="work_history"] {
	background-color:#FFCC99;
}
#wpmem_reg label[for="pub_web"],
#wpmem_reg label[for="pub_sf"] {
	background-color:#CCCC99;
}
#wpmem_reg label[for="sk_register_num"],
#wpmem_reg label[for="sk_certification_date"] {
	background-color:#87CEEB;
}
#wpmem_reg label[for="ts_register_num"],
#wpmem_reg label[for="ts_certification_date"] {
	background-color:#FF69B4;
}
#wpmem_reg label[for="tk_register_num"],
#wpmem_reg label[for="tk_certification_date"] {
	background-color:#90EE90;
}
#wpmem_reg label[for="tu_register_num"],
#wpmem_reg label[for="tu_certification_date"] {
	background-color:#FFA500;
}
#wpmem_reg label[for="jt_register_num"],
#wpmem_reg label[for="jt_certification_date"] {
	background-color:#EE82EE;
}
#wpmem_reg label[for="exam_date01"],
#wpmem_reg label[for="exam_date02"],
#wpmem_reg label[for="exam_date03"],
#wpmem_reg label[for="exam_date04"] {
	background-color:#FFFF99;
}
#wpmem_reg label[for="jspo_register_num"],
#wpmem_reg label[for="jspo_certificates"] {
	background-color:#33FFFF;
}
#wpmem_reg label[for="jrc_register_num"],
#wpmem_reg label[for="jrc_certificates"] {
	background-color:#33CCFF;
}
#wpmem_reg label[for="swim_register_num"],
#wpmem_reg label[for="swim_certificates"] {
	background-color:#3399FF;
}
#wpmem_reg label[for="sfa_status"] {
	background-color:#FFCC66;
}

/* 2022/02/15追加 */
#wpmem_reg label[for="check"] {
	background-color:#FFC0CB;
}
/* 2022/04/20追加 */
/* 2022/05/26追加　インストラクター用 */
#wpmem_reg label[for="vaccine"],
#wpmem_reg label[for="vaccine_inst"],
#wpmem_reg label[for="passport"] {
	background-color:#FFF8DC;
}
/* 2022/09/05追加 */
/* 2023/02/09修正 */
#wpmem_reg label[for="attend_check"] {
	background-color:#CCFF99;
}

/* 見出しの変更(非表示) */
/* 2022/10/12追加 */
h1.myform__title{
	display:none;
}

/* フォームセクション見出しの変更 */
/* 2022/10/12追加 */
#wpmem_reg legend, #wpmem_login legend{
	background:#ffffff;
	border:none;
	font-size:20px;
}

/* フィールドにテキストを追加 */
/* 2022/10/12追加 */
span.notice{
	color:red;
	font-size:16px;
}

/* フレックスボックスを使用 */
/* 2022/10/12追加 */
.myform-row{
	display:flex;
}