/* MyRoute 共通 */
.mr_bgc_base {
	background-color : aliceblue;
}

.mr_border_solid {
	border : 1px solid steelblue;
}

.mr_border_dashed_top {
	border-bottom : 1px solid steelblue;
}

.mr_border_dashed_middle {
	border-bottom : 1px dashed steelblue;
}

.mr_border_dashed_bottom {
}

.mr_alert_message {
	color : #ff0000;
}

.mr_bgc_tab_selected {
	background-color : steelblue !important;
}

.mr_bgc_tab_unselected {
	background-color : skyblue !important;
}

.mr_title_common {
	width : 100%;
	height : 30px;
	color : white;
	font-size : 18px;
	font-weight : bold;
	background-color : #1894d2;
	display : flex;
	justify-content : center;
	align-items : center;
}

.mr_age_selectmenu {
	width : 250px;
	height : 35px;
	padding-left : 10px;
	color : #2779aa;
	font-weight : bold;
	font-size : 15px;
	border : 1px solid #aed0ea;
	border-radius : 5px;
	appearance : none;
	-webkit-appearance : none;
	-moz-appearance : none;
	background: url(/pcsite/common/images/select_icon.svg) no-repeat right;
	background-color : #e4f2fb;
	background-size : 20px 100%;
}

.mr_age_selectmenu > option {
	font-weight : normal;
	color : black;
	background-color : #f2f5f7;
}

.mr_time_selectmenu  {
	width : 80px;
	height : 30px;
	padding-left : 10px;
	color : #2779aa;
	font-weight : bold;
	font-size : 15px;
	border : 1px solid #aed0ea;
	border-radius : 5px;
	appearance : none;
	-webkit-appearance : none;
	-moz-appearance : none;
	background: url(/pcsite/common/images/select_icon.svg) no-repeat right;
	background-color : #e4f2fb;
	background-size : 20px 100%;
}

.mr_time_selectmenu::-ms-expand {
	display : none;
}

.mr_time_selectmenu  > option {
	font-weight : normal;
	color : black;
	background-color : #f2f5f7;
}

/* ログイン */
#mr_login {
	background-color : rgba(0, 103, 179, 0.1);
	height : 100%;
}

#mr_login_area {
	margin : 0 auto;
	width : 304px;
}

.mr_login_area_link {
	display : block;
	margin : 5px 0;
	line-height : 20px;
}

.mr_login_area_link:hover {
	color : #00abf2;
	cursor : pointer;
}

#mr_login_area > span {
	display : block;
	margin-top : 10px;
}

#mr_login_mail_address {
	margin-top : 10px;
}

#mr_login_mail_address > label {
	display : block;
}

#mr_login_mail_address > input {
	display : block;
	width : 300px;
	height : 22px;
}

#mr_login_password {
	margin-top : 10px;
}

#mr_login_password > label {
	display : block;
}

#mr_login_password > input {
	width : 300px;
	height : 22px;
}

#mr_login_button {
	width : 125px;
	height : 35px;
	margin : 10px auto;
	color : white;
	background-color : #3fcd23;
	border : 2px solid #87de76;
	border-radius : 20px;
	font-size : 19px;
	font-weight : bold;
	display : flex;
	justify-content : center;
	align-items : center;
}

#mr_login_button:hover {
	opacity : 0.7;
	cursor : pointer;
}

#mr_signup_start_button {
	width : 200px;
	height : 35px;
	margin : 10px auto 0px;
	color : white;
	background-color : #ffa101;
	border : 2px solid #fdc662;
	border-radius : 10px;
	font-size : 19px;
	font-weight : bold;
	display : flex;
	justify-content : center;
	align-items : center;
}

#mr_signup_start_button:hover {
	opacity : 0.7;
	cursor : pointer;
}

#mr_signup_start_guidance {
	margin : 10px auto;
	padding : 10px;
	width : 500px;
	background-color : aliceblue;
	border-radius : 7px;
	line-height : 20px;
}

#mr_signup_start_guidance > div:first-child {
	text-align : center;
	color : steelblue;
}

/* パスワード再発行 */
#mr_reset_password_request {
	background-color : rgba(0, 103, 179, 0.1);
	height : 100%;
}

#mr_reset_password_request_box {
	width : 600px;
	margin : 0 auto;
	text-align : center;
	position : relative;
	top : 20px;
}

#mr_reset_password_request_box h1 {
	border : 1px solid steelblue;
	background : steelblue;
	color : white;
}

#mr_reset_password_request_guidance {
	padding : 10px 0px 10px 0px;
	border-left : 1px solid steelblue;
	border-right : 1px solid steelblue;
	border-bottom : 1px dashed steelblue;
}

#mr_reset_password_request_box span {
	display : block;
	height : 40px;
	line-height : 38px;
	border : 1px solid steelblue;
	border-top : none;
}

#mr_reset_password_request_address {
	width : 500px;
	height : 22px;
}

#mr_reset_password_request_button_box {
	display : flex;
	justify-content : center;
}

#mr_reset_password_request_back_button {
	width : 125px;
	height : 35px;
	margin : 20px 0px 0px 0px;
	color : #369ccc;
	background-color : #f3f3f3;
	border : 2px solid #369ccc;
	border-radius : 20px;
	font-size : 19px;
	font-weight : bold;
	display : flex;
	justify-content : center;
	align-items : center;
}

#mr_reset_password_request_back_button:hover {
	opacity : 0.7;
	cursor : pointer;
}

#mr_reset_password_request_send_button {
	width : 125px;
	height : 35px;
	margin : 20px 0px 0px 20px;
	color : white;
	background-color : #369ccc;
	border : 2px solid #369ccc;
	border-radius : 20px;
	font-size : 19px;
	font-weight : bold;
	display : flex;
	justify-content : center;
	align-items : center;
}

#mr_reset_password_request_send_button:hover {
	opacity : 0.7;
	cursor : pointer;
}

/* パスワード再発行：送信 */
#mr_reset_password_accept {
	background-color : rgba(0, 103, 179, 0.1);
	height : 100%;
}

#mr_reset_password_accept_box {
	width : 600px;
	margin : 0 auto;
	text-align : center;
	position : relative;
	top : 20px;
}

#mr_reset_password_accept_box h1 {
	border : 1px solid steelblue;
	background : steelblue;
	color : white;
}

#mr_reset_password_accept_guidance {
	padding : 10px 0px 10px 0px;
	border-left : 1px solid steelblue;
	border-right : 1px solid steelblue;
	border-bottom : 1px dashed steelblue;
}

#mr_reset_password_accept_box span {
	display : block;
	height : 40px;
	line-height : 38px;
	border : 1px solid steelblue;
	border-top : none;
}

#mr_reset_password_accept_back_button {
	width : 125px;
	height : 35px;
	margin : 20px auto 0px;
	color : #369ccc;
	background-color : #f3f3f3;
	border : 2px solid #369ccc;
	border-radius : 20px;
	font-size : 19px;
	font-weight : bold;
	display : flex;
	justify-content : center;
	align-items : center;
}

#mr_reset_password_accept_back_button:hover {
	opacity : 0.7;
	cursor : pointer;
}

/* パスワードリセット */
#mr_reset_password {
	background-color : rgba(0, 103, 179, 0.1);
	height : 100%;
	text-align : center;
}

#mr_reset_password_setting {
	margin : 0 auto;
	width : 680px;
}

.mr_reset_password_guidance {
	margin-top : 10px;
	text-align : left;
}

#mr_reset_password_mail_address {
	margin-bottom : 10px;
	border : 1px solid steelblue;
	display : flex;
}

.mr_reset_password_title {
	padding : 5px 0 5px 5px;
	width : 150px;
	background : steelblue;
	color : #FFFFFF;
	display : flex;
	align-items : center;
	text-align : left;
}

.mr_reset_password_value {
	padding : 5px 0 5px 5px;
	flex : 1;
	display : flex;
	align-items : center;
}

.mr_reset_password_data {
	flex : 1;
	display : flex;
	flex-direction : column;
}

.mr_reset_password_data_guidance {
	padding : 5px 0 5px 5px;
	display : flex;
}

.mr_reset_password_data_value {
	margin : 0 0 5px 5px;
	width : 400px;
}

#mr_reset_password_new_password {
	border-top : 1px solid steelblue;
	border-left : 1px solid steelblue;
	border-right : 1px solid steelblue;
	display : flex;
}

#mr_reset_password_new_password > .mr_reset_password_title {
	border-bottom : 1px solid white;
}

#mr_reset_password_new_password > .mr_reset_password_data {
	border-bottom : 1px solid steelblue;
}

#mr_reset_password_check_password {
	border-left : 1px solid steelblue;
	border-right : 1px solid steelblue;
	border-bottom : 1px solid steelblue;
	display : flex;
}

#mr_reset_password_login_button {
	width : 400px;
	height : 35px;
	margin : 20px auto 0;
	color : white;
	background-color : #3fcd23;
	border : 2px solid #87de76;
	border-radius : 20px;
	font-size : 19px;
	font-weight : bold;
	display : flex;
	justify-content : center;
	align-items : center;
}

#mr_reset_password_login_button:hover {
	opacity : 0.7;
	cursor : pointer;
}

/* アカウント削除 */
#mr_delete_account_request {
	background-color : rgba(0, 103, 179, 0.1);
	height : 100%;
}

#mr_delete_account_request_box {
	width : 600px;
	margin : 0 auto;
	text-align : center;
	position : relative;
	top : 20px;
}

#mr_delete_account_request_box h1 {
	border: 1px solid red;
	background: red;
	color: white;
}

#mr_delete_account_request_guidance {
	padding: 10px 0px 10px 0px;
	border-left: 1px solid red;
	border-right: 1px solid red;
	border-bottom: 1px dashed red;
}

#mr_delete_account_request_box span {
	display: block;
	height: 40px;
	line-height: 38px;
	border: 1px solid red;
	border-top: none;
}

#mr_delete_account_request_mail_address {
	width: 500px;
	height: 22px;
}

#mr_delete_account_request_button_box {
	display : flex;
	justify-content : center;
}

#mr_delete_account_request_back_button {
	width : 125px;
	height : 35px;
	margin : 20px 0px 0px 0px;
	color : #369ccc;
	background-color : #f3f3f3;
	border : 2px solid #369ccc;
	border-radius : 20px;
	font-size : 19px;
	font-weight : bold;
	display : flex;
	justify-content : center;
	align-items : center;
}

#mr_delete_account_request_back_button:hover {
	opacity : 0.7;
	cursor : pointer;
}

#mr_delete_account_request_send_button {
	width : 125px;
	height : 35px;
	margin : 20px 0px 0px 20px;
	color : white;
	background-color : #369ccc;
	border : 2px solid #369ccc;
	border-radius : 20px;
	font-size : 19px;
	font-weight : bold;
	display : flex;
	justify-content : center;
	align-items : center;
}

#mr_delete_account_request_send_button:hover {
	opacity : 0.7;
	cursor : pointer;
}

/* アカウント削除：送信 */
#mr_delete_account_accept {
	background-color : rgba(0, 103, 179, 0.1);
	height : 100%;
}

#mr_delete_account_accept_box {
	width : 600px;
	margin : 0 auto;
	text-align : center;
	position : relative;
	top : 20px;
}

#mr_delete_account_accept_box h1 {
	border: 1px solid red;
	background: red;
	color: white;
}

#mr_delete_account_accept_guidance {
	padding: 10px 0px 10px 0px;
	border-left: 1px solid red;
	border-right: 1px solid red;
	border-bottom: 1px dashed red;
}

#mr_delete_account_accept_box span {
	display: block;
	height: 40px;
	line-height: 38px;
	border: 1px solid red;
	border-top: none;
}

#mr_delete_account_accept_back_button {
	width : 125px;
	height : 35px;
	margin : 20px auto 0px;
	color : #369ccc;
	background-color : #f3f3f3;
	border : 2px solid #369ccc;
	border-radius : 20px;
	font-size : 19px;
	font-weight : bold;
	display : flex;
	justify-content : center;
	align-items : center;
}

#mr_delete_account_accept_back_button:hover {
	opacity : 0.7;
	cursor : pointer;
}

/* アカウント削除：確定 */
#mr_delete_account {
	background-color : rgba(0, 103, 179, 0.1);
	height : 100%;
	text-align : center;
}

#mr_delete_account_delete_info {
	margin : 0px auto;
	width : 680px;
}

#mr_delete_account_guidance {
	display : block;
	margin-top : 10px;
	text-align : left;
}

#mr_delete_account_mail_address {
	border : 1px solid steelblue;
	height : 30px;
	line-height : 30px;
	text-align : left;
}

#mr_delete_account_mail_address > .mr_delete_account_title {
	display : inline-block;
	border-right : 1px solid steelblue;
	padding-left : 5px;
	width : 144px;
	background : steelblue;
	color : #FFFFFF;
}

#mr_delete_account_mail_address > .mr_delete_account_value {
	display : inline-block;
	height : 30px;
	line-height : 30px;
}

#mr_delete_account_mobile_mail_stop {
	margin-top : 10px;
	text-align : left;
}

#mr_delete_account_mobile_mail_stop_guidance {
	font-size : 12px;
	text-align : left;
	display : flex;
}

#mr_delete_account_delete_button {
	width : 125px;
	height : 35px;
	margin : 20px auto 0;
	color : white;
	background-color : #369ccc;
	border : 2px solid #369ccc;
	border-radius : 20px;
	font-size : 19px;
	font-weight : bold;
	display : flex;
	justify-content : center;
	align-items : center;
}

#mr_delete_account_delete_button:hover {
	opacity : 0.7;
	cursor : pointer;
}

/* 新規登録 */
#mr_signup_request {
	background-color : rgba(0, 103, 179, 0.1);
	height : 100%;
}

#mr_signup_request_box {
	width : 550px;
	margin : 0 auto;
	text-align : left;
	position : relative;
	top : 20px;
}

.mr_signup_request_area {
	border : 1px solid steelblue;
	background-color : aliceblue;
}

#mr_signup_request_password {
	margin-top : 20px;
}

#mr_signup_request_user_profile_guidance {
	display : block;
	margin-top : 20px;
}

.mr_signup_request_area > h1 {
	height : 30px;
	line-height : 30px;
	color : white;
	background-color : steelblue;
	text-align : center;
	font-size : 1.17em;
}

#mr_signup_request_mail_address_input {
	padding-left : 10px;
	height : 40px;
	line-height : 40px;
}

#mr_signup_request_mail_address_input > label {
	display : inline-block;
	width : 120px;
}

#mr_signup_request_mail_address_input > input {
	height : 22px;
}

#mr_signup_request_mail_address_check {
	position : relative;
	padding-left : 10px;
	height : 44px;
}

#mr_signup_request_mail_address_check > label {
	position : absolute;
	top : 2px;
}

#mr_signup_request_mail_address_check > input {
	position : absolute;
	top : 9px;
	left : 134px;
	height : 22px;
}

#mr_signup_request_password_input {
	padding-left : 10px;
	height : 40px;
	line-height : 40px;
}

#mr_signup_request_password_input > label {
	display : inline-block;
	width : 120px;
}

#mr_signup_request_password_input > input {
	height : 22px;
}

#mr_signup_request_password_check {
	position : relative;
	padding-left : 10px;
	height : 44px;
}

#mr_signup_request_password_check > label {
	position : absolute;
	top : 2px;
}

#mr_signup_request_password_check > input {
	position : absolute;
	top : 9px;
	left : 134px;
	height : 22px;
}

.mr_signup_request_user_profile_str {
	margin-left : 5px;
}

#mr_signup_request_user_profile_sex {
	padding-left : 10px;
	height : 40px;
	line-height : 40px;
}

#mr_signup_request_user_profile_sex > span:first-child {
	display : inline-block;
	width : 120px;
}

#mr_signup_request_user_profile_sex_man {
	display : inline-block;
	width : 120px;
}

#mr_signup_request_user_profile_sex_woman {
	display : inline-block;
	width : 120px;
}

#mr_signup_request_user_profile_age {
	padding-left : 10px;
	height : 44px;
	line-height : 44px;
}

#mr_signup_request_user_profile_age > span:first-child {
	display : inline-block;
	width : 120px;
}

#mr_signup_request_user_profile_purpose {
	padding-left : 10px;
	height : 48px;
	position : relative;
}

#mr_signup_request_user_profile_purpose > span:first-child {
	position : absolute;
	top : 4px;
	display : inline-block;
	width : 120px;
}

#mr_signup_request_user_profile_purpose_leisure {
	position : absolute;
	top : 4px;
	left : 134px;
}

#mr_signup_request_user_profile_purpose_work_transport {
	position : absolute;
	top : 4px;
	left : 264px;
}

#mr_signup_request_user_profile_purpose_work_other {
	position : absolute;
	top : 4px;
	left : 394px;
}

#mr_signup_request_user_profile_purpose_other {
	position : absolute;
	top : 24px;
	left : 134px;
}

#mr_signup_request_user_profile_mail_permission {
	padding-left : 10px;
	height : 40px;
	line-height : 40px;
}

#mr_signup_request_user_profile_mail_permission > span {
	width : 100%;
}

#mr_signup_request_button {
	display : flex;
	justify-content : center;
}

#mr_signup_request_back_button {
	width : 125px;
	height : 35px;
	margin : 20px 0px 0px 0px;
	color : #369ccc;
	background-color : #f3f3f3;
	border : 2px solid #369ccc;
	border-radius : 20px;
	font-size : 19px;
	font-weight : bold;
	display : flex;
	justify-content : center;
	align-items : center;
}

#mr_signup_request_back_button:hover {
	opacity : 0.7;
	cursor : pointer;
}

#mr_signup_request_send_button {
	width : 125px;
	height : 35px;
	margin : 20px 0px 0px 20px;
	color : white;
	background-color : #369ccc;
	border : 2px solid #369ccc;
	border-radius : 20px;
	font-size : 19px;
	font-weight : bold;
	display : flex;
	justify-content : center;
	align-items : center;
}

#mr_signup_request_send_button:hover {
	opacity : 0.7;
	cursor : pointer;
}

/* 新規登録：送信 */
#mr_signup_accept {
	background-color : rgba(0, 103, 179, 0.1);
	height : 100%;
	text-align : center;
	padding-top : 20px;
}

#mr_signup_accept h1 {
	margin : 0 auto;
	border : 1px solid steelblue;
	width : 880px;
	color : white;
	background-color : steelblue;
}

.mr_signup_accept_common {
	margin : 0 auto;
	width : 860px;
	background-color : aliceblue;
	border-left : 1px solid steelblue;
	border-right : 1px solid steelblue;
	padding : 0px 10px;
}

.mr_signup_accept_common:nth-child(2) {
	line-height : 25px;
	color : red;
}

.mr_signup_accept_common:nth-child(3) {
	line-height : 25px;
}

.mr_signup_accept_common:nth-child(4) {
	border-top : 1px dashed steelblue;
	border-bottom : 1px dashed steelblue;
	height : 40px;
	line-height : 40px;
}

.mr_signup_accept_common:nth-child(5) {
	height : 36px;
	line-height : 36px;
	color : red;
}

.mr_signup_accept_common:nth-child(6) {
	padding : 5px 10px;
	border-bottom : 1px solid steelblue;
	text-align : left;
}

#mr_signup_accept_back_button {
	width : 125px;
	height : 35px;
	margin : 20px auto 0px;
	color : #369ccc;
	background-color : #f3f3f3;
	border : 2px solid #369ccc;
	border-radius : 20px;
	font-size : 19px;
	font-weight : bold;
	display : flex;
	justify-content : center;
	align-items : center;
}

#mr_signup_accept_back_button:hover {
	opacity : 0.7;
	cursor : pointer;
}

/* 新規登録：完了 */
#mr_signup_complete {
	background-color : rgba(0, 103, 179, 0.1);
	height : 100%;
}

#mr_signup_complete_str {
	margin-left : 10px;
}

#mr_signup_complete_info {
	width : 500px;
	margin : 10px auto;
	display : flex;
	flex-direction : column;
	align-items : center;
}

#mr_signup_complete_message {
	width : 100%;
	text-align : center;
}

#mr_signup_alert_message {
	width : 100%;
	margin : 10px 0;
	display : flex;
}

#mr_signup_alert_message_mark {
}

mr_signup_alert_message_string {
}

#mr_signup_complete_login {
	margin: 10px auto 0px;
	width: 465px;
	text-align: left;
}

#mr_signup_complete_mail_address {
	border : 1px solid steelblue;
	height : 30px;
	line-height : 30px;
}

#mr_signup_complete_password {
	position : relative;
	top : -1px;
	border : 1px solid steelblue;
	height : 30px;
	line-height : 30px;
}

#mr_signup_complete_mail_address > span,
#mr_signup_complete_password > span {
	display : inline-block;
	background : steelblue;
	border-right : 1px solid steelblue;
	padding-left : 5px;
	width : 144px;
	color : white;
}

#mr_signup_complete_mail_address > span {
	border-bottom : 1px solid white;
}

#mr_signup_complete_password > span {
	border-top : 1px solid white;
}

#mr_signup_complete_mail_address > input,
#mr_signup_complete_password > input {
	position : relative;
	top : -1px;
	width : 300px;
	height : 20px;
}

#mr_signup_complete_auto_login {
	margin : 5px 0px 10px 0px;
}

#mr_signup_complete_login_button_box {
	display : flex;
	align-items : center;
}

#mr_signup_complete_login_button {
	width : 125px;
	height : 35px;
	color : white;
	background-color : #3fcd23;
	border : 2px solid #87de76;
	border-radius : 20px;
	font-size : 19px;
	font-weight : bold;
	display : flex;
	justify-content : center;
	align-items : center;
}

#mr_signup_complete_login_button:hover {
	opacity : 0.7;
	cursor : pointer;
}

#mr_signup_complete_login_guidance {
	margin-left : 10px;
}

/* MyRoute：メイン */
#mr_myroute {
	display : flex;
	height : 100%;
}

#mr_myroute_list {
	width : 247px;
}

#mr_myroute_info {
	flex : 1;
}

/* MyRouteList */
#mr_myroute_list_area {
	background-color : white;
	height : 100%;
	display : flex;
	flex-direction : column;
	overflow : hidden;
}

#mr_myroute_list_title {
	height : 30px;
}

#mr_myroute_list_list {
	flex : 1;
	overflow-y : scroll;
	width : 265px;
}
@supports (-ms-ime-align:auto) { /* for Edge */
	#mr_myroute_list_list {
		width : 265px;
	}
}
_::-webkit-full-page-media, _:future, :root #mr_myroute_list_list { /* for safari */
	width : 247px;
}

.mr_myroute_list_card {
	display : flex;
	margin : 5px;
	border : 1px solid steelblue;
}

.mr_myroute_list_card:hover {
	opacity : 0.7;
	cursor : pointer;
}

.mr_myroute_list_card_bar {
	width : 10px;
	background-color : steelblue;
}

.mr_myroute_list_card_info {
	flex : 1;
	padding : 3px;
	text-align : center;
}

.mr_myroute_list_card_info_selected {
	background-color : skyblue;
	color : white;
}

.mr_myroute_list_card_ic {
	font-size : 17px;
}

.mr_myroute_list_card_road {
}

.mr_myroute_list_card_dir {
	width : 25px;
	height : 15px;
	margin : 0 auto;
}

#mr_myroute_list_scrl_box {
	display : flex;
	width : 100%;
	height : 20px;
	margin-top : auto;
}

.mr_myroute_list_scrl_btn {
	flex : 1;
	height: 20px;
	color: #ffffff;
	font-size: 12px;
	line-height: 20px;;
	text-align: center;
	background : linear-gradient(0deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.6) 80%, rgba(0,0,0,0.7) 100%);
}

.mr_myroute_list_scrl_btn:hover {
	opacity : 0.7;
	cursor : pointer;
}

#mr_myroute_list_button_box {
	height : 62px;
	display : flex;
}

.mr_myroute_list_button {
	flex : 1;
	display : flex;
	flex-direction : column;
	align-items : center;
	justify-content : center;
}

.mr_myroute_list_button:hover {
	opacity : 0.7;
	cursor : pointer;
}

.mr_myroute_list_button_icon {
	width : 37px;
	height : 37px;
}

.mr_myroute_list_button_title {
	color : white;
}


#mr_myroute_list_add_button {
	background-color : #1894d2;
}

#mr_myroute_list_setting_button {
	background-color : #1894d2;
}

#mr_myroute_list_logout_button {
	background-color : #3fcd23;
}

/* MyRouteInfo：None */
#mr_myroute_info_none_area {
	background-color : rgba(0, 103, 179, 0.1);
	height : 100%;
}

#mr_myroute_info_none_message {
	padding : 20px;
	text-align : left;
}

#mr_myroute_info_none_message > h1 {
	color : steelblue;
}

#mr_myroute_info_none_message_str {
	margin-left : 10px;
}

/* Setting */
#mr_setting_area {
	background-color : rgba(0, 103, 179, 0.1);
	height : 100%;
}

/* Setting：Category */
#mr_setting_category_button {
	margin : 20px auto 0px auto;
	width : 600px;
}

.mr_setting_button:hover {
	opacity : 0.7;
	cursor : pointer;
}

.mr_setting_category_button {
	width : 480px;
	height : 55px;
	color : #ffffff;
	background-color : #1693d3;
	border : 3px solid #6cbee6;
	border-radius : 30px;
	font-size : 17px;
	display : flex;
	justify-content : center;
	align-items : center;
}

#mr_setting_collective_mail_button {
	margin : 0 auto;
}

#mr_setting_collective_delete_button {
	margin : 20px auto 0px;
}

#mr_setting_user_setting_button {
	margin : 20px auto 0px;
}

#mr_setting_category_back_button {
	width : 125px;
	height : 35px;
	margin : 20px auto 0;
	color : #369ccc;
	background-color : #f3f3f3;
	border : 2px solid #369ccc;
	border-radius : 20px;
	font-size : 19px;
	font-weight : bold;
	display : flex;
	justify-content : center;
	align-items : center;
}

/* Setting：Collective Mail */
#mr_setting_collective_mail {
	margin : 20px auto 0px auto;
	width : 600px;
}

#mr_setting_collective_mail_setting {
	border : 1px solid steelblue;
	display : flex;
}

#mr_setting_collective_mail_setting_title {
	width : 120px;
	padding-left : 10px;
	background-color : steelblue;
	color : white;
	display : flex;
	align-items : center;
}

#mr_setting_collective_mail_setting_data {
	flex : 1;
	padding-left : 5px;
	background-color : aliceblue;
}

#mr_setting_collective_mail_setting_data > div {
	padding : 3px 0;
}

#mr_setting_collective_mail_setting_data > div > input {
	margin-right : 5px;
}

/* Setting：User Setting */
#mr_setting_user_setting {
	margin : 20px auto 0px auto;
	width : 600px;
}

#mr_setting_user_menu li {
	display : inline-block;
	border-top : 1px solid steelblue;
	border-left : 1px solid steelblue;
	border-right : 1px solid steelblue;
	border-radius : 10px 10px 0px 0px;
	width : 195px;
	height : 40px;
	line-height : 40px;
	color : white;
	text-align : center;
	background-color : skyblue;
}

#mr_setting_user_menu li:not(.mr_bgc_tab_selected):hover {
	opacity : 0.7;
	cursor : pointer;
}

.mr_setting_input {
	width : 597px;
	border : 1px solid steelblue;
	background-color : aliceblue;
}

.mr_setting_input_line {
	height : 50px;
	display : flex;
}

.mr_setting_title {
	display : flex;
	align-items : center;
	width : 120px;
	padding-left : 10px;
}

.mr_setting_data {
	flex : 1;
	display : flex;
	align-items : center;
}

.mr_setting_line {
	margin : 0px 5px 0px 5px;
	border-top : 1px dashed steelblue;
}

.mr_setting_data > input {
	width : 400px;
	height : 22px;
}

#mr_setting_user_profile_sex > .mr_setting_data > div {
	margin-right : 20px;
	display : flex;
	align-items : center;
}

#mr_setting_user_profile_sex > .mr_setting_data > div > input {
	margin-right : 5px;
}

#mr_setting_user_profile_purpose > .mr_setting_data > div {
	margin-right : 20px;
	display : flex;
	align-items : center;
}

#mr_setting_user_profile_purpose > .mr_setting_data > div > input {
	margin-right : 5px;
}

#mr_setting_password_guidance {
	display : flex;
	align-items : center;
	padding-left : 10px;
}

#mr_setting_user_profile_mail_permission {
	display : flex;
	align-items : center;
	padding-left : 10px;
}

#mr_setting_user_profile_mail_permission > input {
	margin-right : 5px;
}

#mr_setting_user_profile_syncmobile {
	display : flex;
	align-items : center;
	padding-left : 10px;
}

#mr_setting_user_profile_syncmobile > input {
	margin-right : 5px;
}

.mr_setting_button_box {
	margin-top : 20px;
	display : flex;
	justify-content : center;
}

.mr_setting_back_button {
	width : 125px;
	height : 35px;
	margin : 0 10px 0;
	color : #369ccc;
	background-color : #f3f3f3;
	border : 2px solid #369ccc;
	border-radius : 20px;
	font-size : 19px;
	font-weight : bold;
	display : flex;
	justify-content : center;
	align-items : center;
}

.mr_setting_send_button {
	width : 125px;
	height : 35px;
	margin : 0 10px 0;
	color : white;
	background-color : #369ccc;
	border : 2px solid #369ccc;
	border-radius : 20px;
	font-size : 19px;
	font-weight : bold;
	display : flex;
	justify-content : center;
	align-items : center;
}

/* メールアドレス変更：送信 */
#mr_reset_mail_address_accept {
	background-color : rgba(0, 103, 179, 0.1);
	height : 100%;
}

#mr_reset_mail_address_accept_box {
	width : 600px;
	margin : 0 auto;
	text-align : center;
	position : relative;
	top : 20px;
}

#mr_reset_mail_address_accept_box h1 {
	border : 1px solid steelblue;
	background : steelblue;
	color : white;
}

#mr_reset_mail_address_accept_guidance {
	padding : 10px 0px 10px 0px;
	border-left : 1px solid steelblue;
	border-right : 1px solid steelblue;
	border-bottom : 1px dashed steelblue;
}

#mr_reset_mail_address_accept_box span {
	display : block;
	height : 40px;
	line-height : 38px;
	border : 1px solid steelblue;
	border-top : none;
}

#mr_reset_mail_address_accept_back_button {
	width : 125px;
	height : 35px;
	margin : 20px auto 0px;
	color : #369ccc;
	background-color : #f3f3f3;
	border : 2px solid #369ccc;
	border-radius : 20px;
	font-size : 19px;
	font-weight : bold;
	display : flex;
	justify-content : center;
	align-items : center;
}

#mr_reset_mail_address_accept_back_button:hover {
	opacity : 0.7;
	cursor : pointer;
}

/* メールアドレス変更 */
#mr_reset_mail_address {
	background-color : rgba(0, 103, 179, 0.1);
	height : 100%;
}

#mr_reset_mail_address_info {
	margin: 10px auto 20px;
	width: 465px;
}

#mr_reset_mail_address_message {
	display: inline-block;
	position: relative;
	text-align: left;
}

#mr_reset_mail_address_login {
	margin: 10px auto 0px;
	width: 465px;
	text-align: left;
}

#mr_reset_mail_address_mail_address {
	border : 1px solid steelblue;
	height : 30px;
	line-height : 30px;
}

#mr_reset_mail_address_password {
	position : relative;
	top : -1px;
	border : 1px solid steelblue;
	height : 30px;
	line-height : 30px;
}

#mr_reset_mail_address_mail_address > span,
#mr_reset_mail_address_password > span {
	display : inline-block;
	background : steelblue;
	border-right : 1px solid steelblue;
	padding-left : 5px;
	width : 144px;
	color : white;
}

#mr_reset_mail_address_mail_address > span {
	border-bottom : 1px solid white;
}

#mr_reset_mail_address_password > span {
	border-top : 1px solid white;
}

#mr_reset_mail_address_mail_address > input,
#mr_reset_mail_address_password > input {
	position : relative;
	top : -1px;
	width : 300px;
	height : 20px;
}

#mr_reset_mail_address_auto_login {
	margin : 5px 0px 10px 0px;
}

#mr_reset_mail_address_login_button_box {
	display : flex;
	align-items : center;
}

#mr_reset_mail_address_login_button {
	width : 125px;
	height : 35px;
	color : white;
	background-color : #3fcd23;
	border : 2px solid #87de76;
	border-radius : 20px;
	font-size : 19px;
	font-weight : bold;
	display : flex;
	justify-content : center;
	align-items : center;
}

#mr_reset_mail_address_login_button:hover {
	opacity : 0.7;
	cursor : pointer;
}

#mr_reset_mail_address_login_guidance {
	margin-left : 10px;
}

/* MyRouteInfo */
#mr_myroute_info_area {
	background-color : rgba(0, 103, 179, 0.1);
	height : 100%;
}

#mr_myroute_info_box {
	width : 650px;
	height : 100%;
	margin : 0 auto;
	display : flex;
	flex-direction : column;
}

/* MyRouteInfo：Header */
#mr_myroute_header_info_box {
}

#mr_myroute_header_button_box {
	margin-top : 20px;
	display : flex;
	justify-content : flex-end;
}

#mr_myroute_header_mail_setting_button {
	width : 140px;
	height : 30px;
	background-color : #1f89c5;
	border-top-left-radius : 5px;
	border-top-right-radius : 5px;
	display : flex;
	justify-content : center;
	align-items : center;
}

#mr_myroute_header_mail_setting_button:hover {
	opacity : 0.7;
	cursor : pointer;
}

#mr_myroute_header_mail_setting_button_icon {
	width : 25px;
	height : 20px;
}

#mr_myroute_header_route_del_button {
	width : 140px;
	height : 30px;
	margin-left : 5px;
	background-color : #de0000;
	border-top-left-radius : 5px;
	border-top-right-radius : 5px;
	display : flex;
	justify-content : center;
	align-items : center;
}

#mr_myroute_header_route_del_button:hover {
	opacity : 0.7;
	cursor : pointer;
}

#mr_myroute_header_route_del_button_icon {
	width : 20px;
	height : 20px;
}

.mr_myroute_header_button_title {
	margin-left : 5px;
	color : white;
}

#mr_myroute_header_ic_info_box {
	border : 1px solid steelblue;
}

#mr_myroute_header_route_info_box {
	width : 100%;
	border-bottom : 1px solid steelblue;
	display : flex;
}

#mr_myroute_header_route_info_title {
	width : 100px;
	border-right : 1px solid steelblue;
	color : white;
	background-color : skyblue;
	display : flex;
	justify-content : center;
	align-items : center;
}

#mr_myroute_header_route_into_detail {
	flex : 1;
	padding : 5px 0;
	display : flex;
	align-items : center;
}

.mr_myroute_header_route_into_detail_traffic_on {
	background-color : #FFF3E5;
}

.mr_myroute_header_route_into_detail_traffic_off {
	background-color : white;
}

.mr_myroute_header_route_into_detail_str {
	flex : 1;
	display : flex;
	flex-direction : column;
	justify-content : center;
	align-items : center;
	color: #00abf2;
}

.mr_myroute_header_route_into_detail_ic {
	width : 100%;
	box-sizing : border-box;
	padding : 0 5px;
	display : flex;
	justify-content : center;
	align-items : center;
	font-size : 25px;
}

.mr_myroute_header_route_into_detail_road {
	width : 100%;
	box-sizing : border-box;
	padding : 0 5px;
	display : flex;
	justify-content : center;
	align-items : center;
	font-size : 15px;
}

#mr_myroute_header_route_into_detail_traffic {
	width : 100px;
	height : 40px;
}

#mr_myroute_header_route_into_detail_reverse {
	margin : 0 10px;
	width : 50px;
	height : 59px;
}


#mr_myroute_header_route_into_detail_reverse > img:hover {
	opacity : 0.7;
	cursor : pointer;
}

#mr_myroute_header_route_detail_box_1 {
	width : 100%;
	height : 30px;
	border-bottom : 1px solid steelblue;
	display : flex;
}

#mr_myroute_header_route_detail_box_2 {
	width : 100%;
	height : 30px;
	display : flex;
}

.mr_myroute_header_route_detail_title {
	width : 100px;
	height : 100%;
	border-left : 1px solid steelblue;
	color : white;
	background-color : skyblue;
	display : flex;
	justify-content : center;
	align-items : center;
}

.mr_myroute_header_route_detail_data {
	flex : 1;
	height : 100%;
	border-left : 1px solid steelblue;
	background-color : white;
	display : flex;
	justify-content : left;
	align-items : center;
	padding-left: 5px;
}

#mr_myroute_header_route_detail_car_title,
#mr_myroute_header_route_detail_distance_title {
	border-left : none;
}

/* MyRouteInfo：Detail */
#mr_myroute_detail_info_box {
	flex : 1;
	display : flex;
	margin-top : 20px;
	overflow-y : hidden; /* for FireFox */
}

/* メール受信設定 */
#mr_mail_recv_setting_area {
	height : 100%;
	background-color : rgba(0, 103, 179, 0.1);
	display : flex;
	flex-direction : column;
}

#mr_mail_recv_setting_route_info_box {
	height : 30px;
	color : steelblue;
	background-color : white;
	display : flex;
	justify-content : center;
	align-items : center;
}

#mr_mail_recv_setting_route_info_dir {
	margin : 0 5px;
}

#mr_mail_recv_setting_box_area_base {
	flex : 1;
	width : 100%;
	overflow-x : hidden;
}

#mr_mail_recv_setting_box_area {
	width : calc(100% + 17px);
	height : 100%;
	overflow-y : scroll;
}

#mr_mail_recv_setting_box {
	width : 600px;
	margin : 0 auto;
}

.mr_mail_recv_setting_box_str1 {
	margin-left : 5px;
}

.mr_mail_recv_setting_box_str2 {
	margin : 0 5px;
}

.mr_mail_recv_setting_box_str3 {
	margin : 0 10px 0 5px;
}

.mr_mail_recv_setting_box_str4 {
	margin-left : 10px;
}

.mr_mail_recv_setting_box_str5 {
	margin : 0 10px;
}

#mr_mail_recv_setting_radio_box {
	border : 1px solid steelblue;
	border-radius : 7px;
	background-color : aliceblue;
	height : 30px;
	margin-top : 10px;
	padding-left : 10px;
	display : flex;
	justify-content : center;
	align-items : center;
}

#mr_mail_recv_setting_radio_box > span {
	flex : 1;
}

.mr_mail_recv_setting_box_border {
	border : 1px solid forestgreen;
}

.mr_mail_recv_setting_title {
	padding-left : 10px;
	color : white;
	background-color : forestgreen;
}

.mr_mail_recv_setting_line {
	height : 30px;
	display : flex;
	background-color : aliceblue;
}

.mr_mail_recv_setting_time_line {
	height : 40px;
	background-color : aliceblue;
	display : flex;
}

.mr_mail_recv_setting_column {
	width : 150px;
	padding-left : 10px;
	display : flex;
	align-items : center;
}

.mr_mail_recv_setting_column_long {
	padding-left : 10px;
	display : flex;
	align-items : center;
}

.mr_mail_recv_setting_input {
	flex : 1;
	display : flex;
	align-items : center;
}

.mr_mail_recv_setting_line_rt {
	display : flex;
	background-color : aliceblue;
}

#mr_mail_recv_setting_input_rt {
	flex : 1;
	display : flex;
	flex-direction : column;
}

#mr_mail_recv_setting_input_rt > div {
	margin : 2px 0;
	display : flex;
	align-items : center;
}

.mr_mail_recv_setting_line_border {
	border-bottom : 1px dashed forestgreen;
	background-color : aliceblue;
}

.mr_mail_recv_setting_selectmenu_height {
	height : 200px;
}

#mr_mail_recv_setting_mail_recv_box {
	margin-top : 10px;
}

#mr_mail_recv_setting_regular_box {
	margin-top : 10px;
}

#mr_mail_recv_setting_realtime_box {
	margin-top : 10px;
}

#mr_mail_recv_setting_recv_day_box {
	margin-top : 10px;
}

#mr_mail_recv_setting_snow_box {
	margin-top : 10px;
}

#mr_mail_recv_setting_button_box {
	margin : 20px 0;
	display : flex;
	justify-content : center;
}

#mr_mailsetting_back_button {
	width : 125px;
	height : 35px;
	margin : 0 10px;
	color : #369ccc;
	background-color : #f3f3f3;
	border : 2px solid #369ccc;
	border-radius : 20px;
	font-size : 19px;
	font-weight : bold;
	display : flex;
	justify-content : center;
	align-items : center;
}

#mr_mailsetting_back_button:hover {
	opacity : 0.7;
	cursor : pointer;
}

#mr_mailsetting_send_button {
	width : 125px;
	height : 35px;
	margin : 0 10px;
	color : white;
	background-color : #369ccc;
	border : 2px solid #369ccc;
	border-radius : 20px;
	font-size : 19px;
	font-weight : bold;
	display : flex;
	justify-content : center;
	align-items : center;
}

#mr_mailsetting_send_button:hover {
	opacity : 0.7;
	cursor : pointer;
}

/* MyRouteInfo：IC */
#mr_myroute_ic_info_box {
	width : 200px;
	margin-right: auto;
}

#mr_myroute_ic_info_area {
	height : 100%;
	width : 100%;
	display : flex;
	flex-direction : column;
	overflow-x : hidden;
}

#mr_myroute_ic_info_title {
	min-height : 30px;
	color : white;
	background-color : skyblue;
	display : flex;
	justify-content : center;
	align-items : center;
	border : 1px solid steelblue;
	border-bottom : none;
}

#mr_myroute_ic_info_route_base_out {
	overflow-y : scroll;
	width : 217px;
}
@supports (-ms-ime-align:auto) { /* for Edge */
	#mr_myroute_ic_info_route_base_out {
		width : 217px;
	}
}
_::-webkit-full-page-media, _:future, :root #mr_myroute_ic_info_route_base_out { /* for safari */
	width : 200px;
}

#mr_myroute_ic_info_route_base {
	padding: 5px;
	background-color : #cbdeec;
	border : 1px solid steelblue;
	border-top : none;
	margin-bottom : 10px;
}
@supports (-ms-ime-align:auto) { /* for Edge */
	#mr_myroute_ic_info_route_base {
		width : 199.9px;
		box-sizing : border-box;
	}
}

#mr_myroute_ic_info_route {
	background-image : url( /pcsite/myroute/images/bg_route_ic_list.svg );
	background-size : contain;
}

.mr_myroute_ic_info_route_ic {
	padding : 5px 2px;
	border-radius : 7px;
	color : white;
	display : flex;
	justify-content : center;
	align-items : center;
}

.mr_myroute_ic_info_route_ic_dep {
	background-color : steelblue;
}

.mr_myroute_ic_info_route_ic_mid {
	margin : 15px auto;
	background-color : gray;
}

.mr_myroute_ic_info_route_ic_arr {
	background-color : steelblue;
}

/* MyRouteInfo：Traffic */
#mr_myroute_traffic_info_box {
	width : 430px;
}

#mr_myroute_traffic_info_area {
	height : 100%;
	width : 100%;
	display : flex;
	flex-direction : column;
	overflow-x : hidden;
}

#mr_myroute_traffic_info_title {
	min-height : 30px;
	color : white;
	background-color : skyblue;
	display : flex;
	justify-content : center;
	align-items : center;
	border : 1px solid steelblue;
	border-bottom : none;
}

#mr_myroute_traffic_info_title_str1 {
	margin : 0 5px;
}

#mr_myroute_traffic_info_title_str2 {
	margin-left :5px;
}

#mr_myroute_traffic_info_button_box {
	min-height : 35px;
	color : white;
	background-color : steelblue;
	display : flex;
	border : 1px solid steelblue;
	border-top : none;
	border-bottom : none;
}

.mr_myroute_traffic_info_button {
	flex : 1;
	display : flex;
	justify-content : center;
	align-items : center;
	margin : 4px 2px;
	border-radius : 15px;
}

.mr_myroute_traffic_info_button:not(.mr_myroute_traffic_info_button_selected):hover {
	opacity : 0.7;
	cursor : pointer;
}

.mr_myroute_traffic_info_button_selected {
	color : steelblue;
	background-color : #ffffff;
}

#mr_myroute_traffic_info_base_out {
	overflow-y : scroll;
	width : 447px;
}
@supports (-ms-ime-align:auto) { /* for Edge */
	#mr_myroute_traffic_info_base_out {
		width : 447px;
	}
}
_::-webkit-full-page-media, _:future, :root #mr_myroute_traffic_info_base_out { /* for safari */
	width : 430px;
}

#mr_myroute_traffic_info_base {
	padding: 2px;
	border : 1px solid steelblue;
	border-top : none;
	margin-bottom : 10px;
}
@supports (-ms-ime-align:auto) { /* for Edge */
	#mr_myroute_traffic_info_base {
		width : 429.9px;
		box-sizing : border-box;
	}
}

#mr_myroute_traffic_info_traffic_list {
}

.mr_myroute_traffic_info {
	background-color : aliceblue;
	margin : 5px 3px;
	display : flex;
}

.mr_myroute_traffic_info_icon {
	width : 45px;
	padding : 2px;
	display : flex;
	justify-content : center;
	align-items : center;
}

.mr_myroute_traffic_info_icon > img {
	width : 100%;
}

.mr_myroute_traffic_info_icon > .mr_myroute_traffic_info_icon_jam {
	width : 50px;
	height : 50px;
	border-radius : 4px;
	background : #ff9400;
	color : white;
	display : flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.mr_myroute_traffic_info_icon_jam > .mr_myroute_traffic_info_icon_jam_num {
	font-size : 20px;
}

.mr_myroute_traffic_info_icon > .mr_myroute_traffic_info_icon_other {
	width : 50px;
	height : 50px;
	border-radius : 4px;
	background : #a7cc33;
	color : white;
	display : flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.mr_myroute_traffic_info_icon_other > .mr_myroute_traffic_info_icon_other_line {
	font-size : 14px;
}

.mr_myroute_traffic_info_detail {
	flex : 1;
	padding-left : 10px;
}

.mr_myroute_traffic_info_detail_traffic {
}

.mr_myroute_traffic_info_detail_road {
}

.mr_myroute_traffic_info_detail_section {
}

.mr_myroute_traffic_info_none {
	padding : 5px;
	background-color : aliceblue;
	font-size : 15px;
	color : steelblue;
	font-weight : bold;
}

/* 認証エラー画面 */
#mr_confirm_error_area {
	background-color : rgba(0, 103, 179, 0.1);
	height: 100% ;
	display : flex;
	justify-content : center;
	align-items : center;
}

#mr_confirm_error_box {
	width : 640px;
	height : auto;
	box-shadow : 0px 1px 2px rgba(0,0,0,0.2);
}

#mr_confirm_error_title {
	text-align : center;
	padding : 2px 0;
	background-color : #1ba4d2;
	color : #ffffff;
	font-size : 24px;
}

#mr_confirm_error_message {
	padding : 25px 20px;
	line-height : 24px;
	color : #0087cc;
	background-color : #ededed;
}

#mr_confirm_error_button {
	background-color : #f2f2f2;
	display : flex;
	justify-content : center;
}

#mr_confirm_error_button > div:hover {
	opacity : 0.7;
	cursor : pointer;
}

#mr_confirm_error_top_button {
	width : 236px;
	height : 56px;
	color : white;
	background-color : #1693d3;
	border : 2px solid #6cbee6;
	border-radius : 30px;
	font-size : 24px;
	display : flex;
	justify-content : center;
	align-items : center;
	margin : 20px;
}

#mr_confirm_error_myroute_button {
	width : 236px;
	height : 56px;
	color : white;
	background-color : #3fcd23;
	border : 2px solid #87de76;
	border-radius : 30px;
	font-size : 24px;
	display : flex;
	justify-content : center;
	align-items : center;
	margin : 20px;
}