@charset "UTF-8";
/* CSS Document */

:root {
  --main-color: #00b1b0;
}

.msdb_form .w20 { width:20%; }
.msdb_form .w30 { width:30%; }
.msdb_form .w50 { width:50%; }
.msdb_form .w100 { width:100%; }
.msdb_form .required { color:var(--main-color); }

.msdb_form input,
.msdb_form textarea,
.msdb_form select { font-size:16px; border-radius:2px; background:#fff; padding:10px; border:1px solid #ccc;
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.msdb_form select { padding-right:40px; background:url("./img/arrow_pulldown.svg") center right 8px no-repeat; background-size:14px; }


/* エラー */
.msdb_error_message { color:rgb(160, 15, 15); }

/* フォーム */
.msdb_form { }
.msdb_form * { box-sizing:border-box; }

.msdb_form table { width:100%; }
.msdb_form table * { vertical-align:middle; }
.msdb_form table tr { }
.msdb_form table th,
.msdb_form table td { padding:20px; border:1px solid #ccc; }
.msdb_form table th { width:200px; vertical-align:top; }
.msdb_form table td input { display:inline-block; }
.msdb_form table td label { display:inline-block; margin-right:10px; }
.msdb_form table td p { }
.msdb_form table td span { margin:0 5px; }
.msdb_form table .address p:nth-last-child(-n+3) input { width:calc(100% - 10rem); }

.msdb_form > p + table { margin-top:1rem; }

/* button */
/*
.msdb_form .but_box { font-size:1rem; text-align:center; margin:20px auto; }
.msdb_form .but_box button[type="submit"] { width:300px; margin:40px auto 0; padding:20px; color:#fff; background:var(--main-color); border:1px solid var(--main-color); font-size:120%; cursor:pointer; transition:background-color .3s ease; }
.msdb_form .but_box button[type="submit"]:hover { color:var(--main-color); background:#fff; }
*/

/* 登録完了 */
#registrationcompleteBlock { }
#registrationcompleteBlock p { text-align:center; font-size:1.4rem; }
#registrationcompleteBlock a { text-decoration:none; }


/* ログイン */
#msdb_login_form {}


/* ログイン状況 */
.msdb_login_status { display:flex; align-items:center; }
/*
.msdb_login_status { list-style:none; line-height:1; font-size:0; }
.msdb_login_status li { position:relative; display:inline-block; font-size:0.9rem; margin-right:10px; }
.msdb_login_status li a { padding:10px 0px 10px 15px; }
.msdb_login_status li a::before { position:absolute; content:''; top:0; left:0; width:1px; height:1rem; background:#999; }
*/

/* マイページ */
#historyBlock { margin-bottom:40px; }
#historyBlock a { text-decoration:none; }
#historyBlock .category_list { display:inline-block; margin-right:10px; }
#historyBlock .category_list li { position:static; color:#fff; padding:5px 10px; }


/* パスワード再発行 */
#passwordLostPage { }


/* ウィジェット */
.msdb_widget_form { }
.msdb_widget_form p label { display:block; font-size:0.8rem; }
.msdb_widget_form p input { width:100%; }
.msdb_widget_form .but_box { text-align:center; margin:20px auto; }

.msdb_widget_login {}
.msdb_widget_login li a { text-align:center; border:1px solid #ccc; margin:10px 0; padding:10px; line-height:1; }
.msdb_widget_form .lost a { font-size:0.8rem !important; }









@media screen and (max-width:768px) {

	/* フォーム */
	.msdb_form { }
	.msdb_form * { }

	.msdb_form table { }
	.msdb_form table * { }
	.msdb_form table tr { }
	.msdb_form table th,
	.msdb_form table td { display:block; padding:10px; border:none; }
	.msdb_form table th { width:100%; background:#eee; }
	.msdb_form table td input { /*display:inline-block;*/ }
	.msdb_form table td label { /*display:inline-block; margin-right:10px;*/ }
	.msdb_form table td p { }
	.msdb_form table td span { }
	.msdb_form table .address p:nth-last-child(-n+3) input { /*width:calc(100% - 10rem);*/ }

/* button */
.msdb_form .but_box { font-size:1rem; text-align:center; margin:20px auto; }
.msdb_form .but_box button[type="submit"] { width:300px; margin:40px auto 0; padding:20px; color:#fff; background:var(--main-color); border:1px solid var(--main-color); font-size:120%; cursor:pointer; transition:background-color .3s ease; }
.msdb_form .but_box button[type="submit"]:hover { color:var(--main-color); background:#fff; }


	/* ログイン状況 */
	.msdb_login_status { margin-top:40px; justify-content:center; padding:10px; }
	/*
	.msdb_login_status { margin-top:40px; }
	.msdb_login_status li { position:static; display:block; font-size:1rem; margin:10px; }
	.msdb_login_status li:first-child { }
	.msdb_login_status li:not(:first-child) { display:inline-block; width:40%; }
	.msdb_login_status li a { display:block; background:#fff; padding:10px; }
	.msdb_login_status li a::before { }
	*/

	/* 登録完了 */
	#registrationcompleteBlock { }
	#registrationcompleteBlock p { font-size:1.25rem; }
	#registrationcompleteBlock a { }

	/* マイページ */
	#historyBlock { }
	#historyBlock a { }
	#historyBlock .category_list { display:block; margin:0 0 10px 0; }
	#historyBlock .category_list li { }


}