/* MyRoute 共通 */

.mr_setting_title_head{
	position: relative;
}

.mr_title_common {
	height: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 3px;
}

.mr_age_selectmenu {
	width: 100%;
	height: 30px;
}

.mr_age_selectmenu>option {
	font-weight: var(--font_weight_normal);
	color: rgba(var(--color_black), var(--alpha_10));
}

.mr_prefecture_selectmenu {
	width: 100%;
	height: 30px;
}

.mr_prefecture_selectmenu>option {
	font-weight: var(--font_weight_normal);
	color: rgba(var(--color_black), var(--alpha_10));
}

.mr_send_button {
	box-sizing: border-box;
}

.mr_send_button:active {
	color: rgba(var(--color_white), var(--alpha_10));
	border: 2px solid rgba(var(--color_white), var(--alpha_10));
	box-shadow: 0px 2px 6px var(--shadow_color);
}

.mr_common_button {
	box-sizing: border-box;
}

.mr_common_button:active {
	background: none;
	border: 2px solid rgba(var(--color_white), var(--alpha_10));
	color: rgba(var(--color_white), var(--alpha_10));
	background-color: rgba(var(--color_base_color), var(--alpha_10));
	box-shadow: 0px 2px 6px var(--shadow_color);
}

.mr_delete_button {
	box-sizing: border-box;
}

.mr_delete_button:active {
	background: none;
	border: 2px solid rgba(var(--color_white), var(--alpha_10));
	color: rgba(var(--color_white), var(--alpha_10));
	background-color: rgba(var(--color_note_font), var(--alpha_10));
	box-shadow: 0px 2px 6px var(--shadow_color);
}

.mr_button_box {
	width: 100%;
	height: fit-content;
	margin-bottom: 12px;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
}

.mr_myroute_header_mail_setting_button_background_color {
	background: linear-gradient(0deg, #0076B3 0%, #2C9FD9 100%);
}

.mr_myroute_header_mail_setting_button_border_color {
	border: 2px solid #6dc5f2;
}

.mr_myroute_header_route_del_button_background_color {
	background: linear-gradient(0deg, #BF0000 0%, #F20000 100%);
}

.mr_myroute_header_route_del_button_border_color {
	border: 2px solid #ff8c8c;
}

/* ログイン */
#mr_login {
	height: 100%;
}

#mr_login_area {
	margin: 24px 12px;
}

#mr_login_box {
	margin: 0px 0px 24px 0px;
	box-shadow: 0px 2px 2px var(--card_shadow_color);
}

#mr_login h1 {
	text-align: center;
}

#mr_login_box_contents {
	padding: 12px;
}

#mr_keep_login {
	margin-bottom: 24px;
	display: flex;
	align-items: center;
}

#mr_login_mail_address {
	margin-bottom: 24px;
}

#mr_login_mail_address>label {
	display: block;
	text-align: left;
}

#mr_login_mail_address>input {
	padding: 0px 12px;
	font-family: mplus1p, sans-serif;
}

#mr_login_password {
	margin-bottom: 24px;
}

#mr_login_password_label {
	display: flex;
}

#mr_login_password_label>label {
	flex: 1;
	display: flex;
	justify-content: flex-start;
}

#mr_login_password>input {
	padding: 0px 12px;
	font-family: mplus1p, sans-serif;
}

#mr_login_button_area {
	width: 144px;
	height: 40px;
}

#mr_login_password_label>span {
	display: flex;
	justify-content: flex-end;
}

#mr_login_password_label>span:active {
	color: rgba(var(--color_base_color), var(--alpha_10));
}

.mr_login_common_check_box {
	padding: 0px;
	margin-right: 4px;
	appearance: none;
	width: 20px;
	height: 20px;
}

.mr_login_common_check_box:checked {
	position: relative;
	width: 20px;
	height: 20px;
	background-color: rgba(var(--color_white), var(--alpha_10));
	background-image: url('/sp/common/images/check_mark.svg');
	background-repeat: no-repeat;
	background-size: contain;
}

#mr_delete_account_request_button_area {
	width: 100%;
	height: 36px;
}

#mr_delete_account_request_button {
	position: relative;
	text-align: right;
	padding-right: 30px;
	box-sizing: border-box;
	border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

#mr_delete_account_request_button:active {
	position: relative;
	background: linear-gradient(90deg, rgba(var(--color_delete_account_button), var(--alpha_10)) 0%, rgba(var(--color_delete_account_button), var(--alpha_00)) 70%);
	color: rgba(var(--color_delete_account_button), var(--alpha_10));
	line-height: var(--line_height_xxx_large);
	text-align: right;
	padding-right: 30px;
	box-sizing: border-box;
}

#mr_delete_account_request_button::after {
	content: '';
	display: block;
	position: absolute;
	top: 0px;
	bottom: 0px;
	right: 10px;
	width: 14px;
	height: 14px;

	background-image: url('/sp/common/images/next_mark.svg');
	background-size: contain;
	background-repeat: no-repeat;

	margin-top: auto;
	margin-bottom: auto;
}

#mr_delete_account_request_button:active::after {
	content: '';
	display: block;
	position: absolute;
	top: 0px;
	bottom: 0px;
	right: 10px;
	width: 14px;
	height: 14px;
	
	background-image: url('/sp/common/images/next_mark_active.svg');
	background-size: contain;
	background-repeat: no-repeat;

	margin-top: auto;
	margin-bottom: auto;
}

#mr_signup_start_button_area {
	width:144px;
	height:40px;
}

#mr_signup_start_button {
	box-sizing: border-box;
}

#mr_signup_start_button:active {
	color: rgba(var(--color_white), var(--alpha_10));
	border: 2px solid rgba(var(--color_white), var(--alpha_10));
	box-shadow: 0px 2px 6px var(--shadow_color);
}

#mr_signup_start_guidance {
	position: relative;
	padding:12px;
}

#mr_signup_start_guidance>div:first-child {
	text-align: center;
	margin-bottom:12px;
}

.mr_signup_start_guidance_texts {
	margin-bottom:12px;
}

#mr_signup_start_guidance>.mr_icon {
	position: absolute;
	width: 94px;
	height: 90px;
	bottom: -26px;
	left: -24px;
	filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.2));
}

/* パスワード再発行 */
#mr_reset_password_request {
	height: 100%;
}

#mr_reset_password_request_box {
	box-shadow: 0px 2px 2px var(--card_shadow_color);
}

#mr_reset_password_request_box h1 {
	text-align: center;
}

#mr_reset_password_request_contents {
	padding: 12px;
}

#mr_reset_password_request_guidance {
	margin-bottom: 12px;
}

#mr_reset_password_request_input_address {
	margin-bottom: 24px;
}

#mr_reset_password_request_input_address label {
	display: block;
	text-align: left;
}

#mr_reset_password_request_address {
	padding: 0px 12px;
	font-family: mplus1p, sans-serif;
}

#mr_reset_password_request_send_button {
	width: 144px;
	height: 40px;
}

/* パスワード再発行：送信 */
#mr_reset_password_accept {
	height: 100%;
}

#mr_reset_password_accept_box {
	box-shadow: 0px 2px 2px var(--card_shadow_color);
}

#mr_reset_password_accept_box h1 {
	text-align: center;
}

#mr_reset_password_accept_contents {
	padding: 12px;
}

.mr_reset_password_accept_guidance1 {
	margin-bottom: 18px;
}

.mr_reset_password_accept_guidance2 {
	margin-bottom: 24px;
}

#mr_reset_password_accept_contents span {
	display: block;
	height: fit-content;
	text-align: center;
	margin-bottom: 24px;
}

#mr_reset_password_accept_ok_button_area {
	width: 120px;
	height: 40px;
}

/* パスワードリセット */
#mr_reset_password {
	height: 100%;
}

#mr_reset_password_setting_area {
	box-shadow: 0px 2px 2px var(--card_shadow_color);
}

#mr_reset_password_setting_area>h1 {
	text-align: center;
}

#mr_reset_password_contents {
	padding: 12px;
}

.mr_reset_password_guidance {
	margin-bottom: 24px;
}

#mr_reset_password_mail_address {
	height: fit-content;
	margin-bottom: 24px;
}

#mr_reset_password_new_password {
	margin-bottom: 12px;
}

#mr_reset_password_check_password {
	margin-bottom: 24px;
}

.mr_reset_password_value {
	text-align: center;
	overflow-wrap: break-word;
}

.mr_reset_password_data_guidance {
	display: block;
	text-align: left;
}

.mr_reset_password_data_value {
	padding: 0px 12px;
	font-family: mplus1p, sans-serif;
}

.mr_reset_password_input_guidance {
	padding-top: 2px;
}

#mr_reset_password_login_button_area {
	width: 144px;
	height: 40px;
}

/* アカウント削除 */
#mr_delete_account_request {
	height: 100%;
}

#mr_delete_account_request_box {
	box-shadow: 0px 2px 2px var(--card_shadow_color);
}

#mr_delete_account_request_box h1 {
	text-align: center;
}

#mr_delete_account_request_contents {
	padding: 12px;
}

#mr_delete_account_request_guidance {
	margin-bottom: 12px;
}

#mr_delete_account_request_input_address {
	margin-bottom: 24px;
}

#mr_delete_account_request_input_address label {
	display: block;
	text-align: left;
}

#mr_delete_account_request_mail_address {
	padding: 0px 12px;
	font-family: mplus1p, sans-serif;
}

#mr_delete_account_request_send_button_area {
	width: 144px;
	height: 40px;
}

/* アカウント削除：送信 */
#mr_delete_account_accept {
	height: 100%;
}

#mr_delete_account_accept_box {
	box-shadow: 0px 2px 2px var(--card_shadow_color);
}

#mr_delete_account_accept_box h1 {
	text-align: center;
}

#mr_delete_account_accept_contents {
	padding: 12px;
}

.mr_delete_account_accept_guidance1 {
	margin-bottom: 18px;
}

.mr_delete_account_accept_guidance2 {
	margin-bottom: 24px;
}

#mr_delete_account_accept_contents span {
	display: block;
	height: fit-content;
	text-align: center;
	margin-bottom: 24px;
}

#mr_delete_account_accept_ok_button_area {
	width: 120px;
	height: 40px;
}

/* アカウント削除：確定 */
#mr_delete_account {
	height: 100%;
}

#mr_delete_account_delete_info_area {
	box-shadow: 0px 2px 2px var(--card_shadow_color);
}

#mr_delete_account_delete_info_area>h1 {
	text-align: center;
}

#mr_delete_account_contents {
	padding: 12px;
}

.mr_delete_account_guidance1 {
	margin-bottom: 18px;
}

.mr_delete_account_guidance2 {
	margin-bottom: 24px;
}

#mr_delete_account_contents span {
	display: block;
	height: fit-content;
	text-align: center;
	margin-bottom: 24px;
	overflow-wrap: break-word;
}

#mr_delete_account_delete_button_area {
	width: 120px;
	height: 40px;
}

/* 新規登録 */
#mr_signup_request {
	height: 100%;
}

#mr_signup_request_box {
	margin:12px 6px;
}

.mr_signup_request_common_area {
	padding:12px;
	position: relative;
    overflow: hidden;
}

.mr_signup_request_common_area_margin {
	margin-bottom: 1px;
}

.mr_signup_request_common_label_margin {
	margin-bottom: 2px;
}

.mr_signup_request_common_link_padding {
	padding: 0px 4px;
}

.mr_signup_request_input_area {
	display: flex;
}

.mr_signup_request_common_radio{
	padding : 0px ;
	margin-right : 6px ;
	appearance : none ;
	position : relative ;
	box-sizing : border-box ;
	width : 22px ;
	height : 22px ;
}

.mr_signup_request_common_radio:checked {
	background-color: rgba(var(--color_white), var(--alpha_10));
	border: 1px solid rgba(var(--color_base_color), var(--alpha_10));
}

.mr_signup_request_common_radio:checked:before {
	content : '' ;
	position : absolute ;
	top : 0px ;
	bottom : 0px ;
	left : 0px ;
	right : 0px ;
	width : 12px ;
	height : 12px ;
	background-color : rgba(var(--color_base_color), var(--alpha_10)) ;
	border-radius : var(--border_radius_999) ;
	margin : auto ;
}

.mr_signup_request_common_check_box {
	padding : 0px ;
	margin-right : 2px ;
	appearance: none;
	width: 22px;
	height: 22px;
	border-radius: 3px;
}

.mr_signup_request_common_check_box:checked {
	position: relative;
	width: 22px;
	height: 22px;
	background-color: rgba(var(--color_white), var(--alpha_10));
	background-image: url('/sp/common/images/check_mark.svg');
	background-repeat: no-repeat;
	background-size: contain;
}

#mr_signup_request_mail_address {
	margin:0px 0px 12px 0px;
}

#mr_signup_request_password {
	margin:0px 0px 6px 0px;
}

#mr_signup_request_user_profile_guidance {
	display: block;
	text-align: left;
	margin:0px 12px 12px;
}

#mr_signup_request_user_profile {
	margin:0px 0px 12px 0px;
}

.mr_signup_request_area>h1 {
	padding:0px 6px;
	box-sizing: border-box;
}

#mr_signup_request_mail_address_input>label {
	display: block;
	text-align: left;
}

#mr_signup_request_mail_address_input>input {
	padding: 0px 12px;
}

#mr_signup_request_mail_address_check>label {
	display: block;
	text-align: left;
}

#mr_signup_request_mail_address_check>input {
	padding: 0px 12px;
}

#mr_signup_request_password_input>label {
	display: block;
	text-align: left;
}

#mr_signup_request_password_input>input {
	padding: 0px 12px;
}

#mr_signup_request_password_check>label {
	display: block;
	text-align: left;
}

#mr_signup_request_password_check>input {
	padding: 0px 12px;
}

#mr_signup_request_user_profile_sex>div:first-child {
	text-align: left;
}

#mr_signup_request_user_profile_sex_man {
	width: 100%;
	height: fit-content;
	display: flex;
	align-items: center;
	align-content: center;
	padding-left:6px;
}

#mr_signup_request_user_profile_sex_woman {
	width: 100%;
	height: fit-content;
	display: flex;
	align-items: center;
	align-content: center;
	padding-left:6px;
}

#mr_signup_request_user_profile_age>div:first-child {
	text-align: left;
}

#mr_signup_request_user_profile_prefecture>div:first-child {
	text-align: left;
}

#mr_signup_request_user_profile_purpose>div:first-child {
	text-align: left;
}

.mr_signup_request_user_profile_purpose_radio_area {
	display: flex;
}

.mr_signup_request_user_profile_purpose_radio {
	width: 100%;
	height: fit-content;
	display: flex;
	align-items: center;
	align-content: center;
	padding-left:6px;
}

#mr_signup_request_user_profile_purpose_leisure {
	margin-bottom:12px;
}

#mr_signup_request_user_profile_purpose_work_transport {
	margin-bottom:12px;
}

#mr_signup_request_user_profile_mail_permission>div:first-child {
	text-align: left;
}

#mr_signup_request_user_profile_mail_permission_ture {
	width: 100%;
	height: fit-content;
	display: flex;
	align-items: center;
	align-content: center;
	padding-left:6px;
}

#mr_signup_request_user_profile_mail_permission_false {
	width: 100%;
	height: fit-content;
	display: flex;
	align-items: center;
	align-content: center;
	padding-left:6px;
}

#mr_signup_request_required_item {
	margin:0px 18px 12px 18px;
	overflow: hidden;
}

#mr_signup_request_required_item_privacy_policy {
	padding:6px 12px;
}

#mr_signup_request_required_item_privacy_policy>span:first-child {
	display: flex;
	align-items: center;
}

#mr_signup_request_privacy_policy_link {
	text-decoration-line: underline;
	text-decoration-color: rgba(var(--color_link_underline), var(--alpha_10));
}

#mr_signup_request_privacy_policy_link:active {
	color: rgba(var(--color_base_color), var(--alpha_10));
	text-decoration-line: underline;
	text-decoration-color: rgba(var(--color_base_color), var(--alpha_10));
}

#mr_signup_request_required_item_user_policy {
	padding:6px 12px;
}

#mr_signup_request_required_item_user_policy>span:first-child {
	display: flex;
	align-items: center;
}

#mr_signup_request_user_policy_link {
	text-decoration-line: underline;
	text-decoration-color: rgba(var(--color_link_underline), var(--alpha_10));
}

#mr_signup_request_user_policy_link:active {
	color: rgba(var(--color_base_color), var(--alpha_10));
	text-decoration-line: underline;
	text-decoration-color: rgba(var(--color_base_color), var(--alpha_10));
}

#mr_signup_request_send_button_area {
	width: 120px;
	height: 40px;
}

.mr_signup_request_off_button {
	opacity: 0.5;
	box-sizing:border-box;
	pointer-events: none;
}

/* 新規登録：送信 */
#mr_signup_accept {
	height: 100%;
}

#mr_signup_accept_text {
	box-shadow: 0px 2px 2px var(--card_shadow_color);
	margin: 24px 12px;
}

#mr_signup_accept h1 {
	text-align: center;
}

#mr_signup_accept_contents {
	padding: 12px;
}

#mr_signup_accept_caution_guidance {
	text-align: center;
	margin-bottom: 18px;
}

.mr_signup_accept_guidance {
	margin-bottom: 18px;
}

#mr_signup_accept_contents span {
	display: block;
	height: fit-content;
	text-align: center;
	margin-bottom: 24px;
	overflow-wrap: break-word;
}

#mr_signup_accept_annotation_guidance {
	margin-bottom: 24px;
}

#mr_signup_accept_ok_button_area {
	width: 120px;
	height: 40px;
}

/* 新規登録：完了 */
#mr_signup_complete {
	height: 100%;
}

#mr_signup_complete_info_area {
	box-shadow: 0px 2px 2px var(--card_shadow_color);
	margin: 24px 12px;
}

#mr_signup_complete h1 {
	text-align: center;
}

#mr_signup_complete_contents {
	padding: 12px;
}

#mr_signup_complete_str {
	margin-left: 10px;
}

#mr_signup_complete_message {
	margin-bottom: 24px;
}

#mr_signup_complete_login_page_button_area {
	width: 160px;
	height: 40px;
}

/* MyRoute：メイン */

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

#mr_myroute_list_list {
	width      : 100%;
	padding    : 12px;
	box-sizing : border-box;
}

.mr_myroute_list_card {
	margin-bottom : 12px;
	padding       : 12px;
	text-align    : center;
}

.mr_myroute_list_card_selected {
	border-color: #fff;
	background-color: #ff8000;
}

.mr_myroute_list_card:active {
	background-color: rgba(var(--color_base_color),var(--alpha_065));
	cursor: pointer;
	color: #ffffff;
	border-color: rgba(var(--color_white),var(--alpha_10));
}

.mr_myroute_list_card_dir {
	margin: 0 auto;
}

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

.mr_myroute_list_button {
	width       : fit-content;
	height      : 36px;
	box-sizing  : border-box;
	padding     : 6px;
	display     : flex;
	align-items : center;
}


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

.mr_myroute_list_button_title {
	padding : 0px 6px;
}

#mr_myroute_list_add_button {
	background: linear-gradient(0deg, #F26500 0%, #FF8000 50%, #FFA019 100%);
	box-shadow : 0px 1px 4px rgba(var(--color_black), var(--alpha_025)) ;
}

#mr_myroute_list_add_button:active {
	border-color: #ffcc99;
	box-shadow : 0px 2px 6px rgba(var(--color_overlay), var(--alpha_04)) ;
}

/* MyRouteInfo：None */
#mr_myroute_info_none_area {
	height: 100%;
}

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

#mr_myroute_info_none_message_str {
	margin-left: 10px;
}

/* Setting */
#mr_setting_area_box {
	position: relative;
	width: 100%;
	margin: 0px 50px;
}

#mr_setting_category_button_area {
	border-radius : 6px ;
	overflow: hidden;
}

/* Setting：Category */

.mr_setting_category_button {
	border-bottom: 1px solid rgba(var(--color_base_color), var(--alpha_10));
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding: 12px;
}

.mr_setting_category_button:active {
	color: rgba(var(--color_label), var(--alpha_10));
	background-color: rgba(var(--color_base_color), var(--alpha_10));
}

#mr_setting_logout_button {
	margin: 10px auto;
	padding: 3px;
    display: flex;
    justify-content: center;
    align-items: center;
	width: 140px;
	box-sizing: border-box;
}

#mr_setting_logout_button:active {
	border: 2px solid rgba(var(--color_white), var(--alpha_10));
	box-shadow: 0px 2px 6px var(--shadow_color);
}

#mr_setting_footer {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
}

/* Setting：Collective Mail */
#mr_setting_collective_mail_area {
	margin: 12px 6px 0px;
}

#mr_setting_collective_mail_setting {
	display: flex;
	flex-direction: column;
	overflow: hidden;
}

#mr_setting_collective_mail_setting_title {
	width: 100%;
	display: flex;
	align-items: center;
	padding: 6px 12px;
	box-sizing: border-box;
}

#mr_setting_collective_mail_send_button {
	display: flex;
	width: 110px;
	height: 44px;
	justify-content: center;
	align-items: center;
	margin: 10px auto;
	padding: 3px;
}

.mr_setting_collective_mail_setting_data {
	flex: 1;
	padding: 12px;
	box-sizing: border-box;
	border-top: 1px solid rgba(var(--color_base_color), var(--alpha_10));
}

#mr_setting_collective_mail_setting label {
	display: flex;
	align-items: center;
}

#mr_setting_collective_mail_setting input[type="radio"] {
	appearance: none;
	position: relative;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	margin-right: 10px;
}

#mr_setting_collective_mail_setting input[type="radio"]:checked::before {
	content: '';
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	width: 12px;
	height: 12px;
	background-color: rgba(var(--color_base_color), var(--alpha_10));
	border-radius: 50%;
	margin: auto;
}

/* ユーザー設定 */
#mr_setting_user_setting_area {
	height:100%;
}

#mr_setting_user_setting {
	margin: 24px 30px;
}

.mr_setting_user_setting_button_box_margin {
	margin-bottom:24px;
}

.mr_setting_user_setting_button_area {
	width:100%;
	height:48px;
}

/* メールアドレス変更 */
#mr_change_mail_address_request {
	height:100%;
}

#mr_change_mail_address_request_area {
	margin:12px 6px;
}

#mr_change_mail_address_request_input {
	margin:0px 0px 24px 0px;
}

#mr_change_mail_address_request_input>h1 {
	text-align: center;
}

.mr_change_mail_address_request_input_line {
	padding:12px;
	position: relative;
    overflow: hidden;
}

.mr_change_mail_address_request_input_line_margin {
	margin-bottom: 1px;
}

.mr_change_mail_address_request_input_line>label {
	display: block;
	text-align: left;
}

#mr_change_mail_address_request_now_address_data {
	text-align: left;
	overflow-wrap: break-word;
}

.mr_change_mail_address_request_input_line>input {
	padding: 0px 12px;
}

#mr_change_mail_address_request_send_button_area {
	width:120px;
	height:40px;
}

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

/* メールアドレス変更：送信 */
#mr_change_mail_address_accept {
	height: 100%;
}

#mr_change_mail_address_accept_box {
	box-shadow: 0px 2px 2px var(--card_shadow_color);
}

#mr_change_mail_address_accept_box h1 {
	text-align: center;
}

#mr_change_mail_address_accept_contents {
	padding: 12px;
}

.mr_change_mail_address_accept_guidance {
	margin-bottom: 24px;
}

#mr_change_mail_address_accept_contents span {
	display: block;
	height: fit-content;
	text-align: center;
	margin-bottom: 24px;
	overflow-wrap: break-word;
}

#mr_change_mail_address_accept_ok_button_area {
	width: 120px;
	height: 40px;
}

/* メールアドレス変更：完了 */
#mr_change_mail_address {
	height: 100%;
}

#mr_change_mail_address_box {
	box-shadow: 0px 2px 2px var(--card_shadow_color);
}

#mr_change_mail_address_box h1 {
	text-align: center;
}

#mr_change_mail_address_contents {
	padding: 12px;
}

#mr_change_mail_address_message {
	margin-bottom: 24px;
}

#mr_change_mail_address_login_page_button_area {
	width: 160px;
	height: 40px;
}

/*　パスワード変更　*/
#mr_change_password {
	height:100%;
}

#mr_change_password_area {
	margin:12px 6px;
}

#mr_change_password_input {
	margin:0px 0px 24px 0px;
}

#mr_change_password_input>h1 {
	text-align: center;
}

.mr_change_password_input_line {
	padding:12px;
	position: relative;
    overflow: hidden;
}

.mr_change_password_input_line_margin {
	margin-bottom: 1px;
}

.mr_change_password_input_line>label {
	display: block;
	text-align: left;
}

.mr_change_password_input_line>input {
	padding: 0px 12px;
}

#mr_change_password_send_button_area {
	width:120px;
	height:40px;
}

/*　ユーザー登録情報変更　*/
.mr_change_user_information_common_area {
	padding:12px;
	position: relative;
    overflow: hidden;
}

.mr_change_user_information_common_area_margin {
	margin-bottom: 1px;
}

.mr_change_user_information_input_area {
	display: flex;
}

.mr_change_user_information_common_radio{
	padding : 0px ;
	margin-right : 4px ;
	appearance : none ;
	position : relative ;
	box-sizing : border-box ;
	width : 22px ;
	height : 22px ;
}

.mr_change_user_information_common_radio:checked {
	background-color: rgba(var(--color_white), var(--alpha_10));
	border: 1px solid rgba(var(--color_base_color), var(--alpha_10));
}

.mr_change_user_information_common_radio:checked:before {
	content : '' ;
	position : absolute ;
	top : 0px ;
	bottom : 0px ;
	left : 0px ;
	right : 0px ;
	width : 12px ;
	height : 12px ;
	background-color : rgba(var(--color_base_color), var(--alpha_10)) ;
	border-radius : var(--border_radius_999) ;
	margin : auto ;
}

#mr_change_user_information {
	height:100%;
}

#mr_change_user_information_area {
	margin:12px 6px;
}

#mr_change_user_information_input {
	margin:0px 0px 24px 0px;
}

#mr_change_user_information_input>h1 {
	padding:0px 6px;
	box-sizing: border-box;
}

#mr_change_user_information_user_profile_sex>div:first-child {
	text-align: left;
}

#mr_change_user_information_user_profile_sex_man {
	width: 100%;
	height: fit-content;
	display: flex;
	align-items: center;
	align-content: center;
	padding-left:6px;
}

#mr_change_user_information_user_profile_sex_woman {
	width: 100%;
	height: fit-content;
	display: flex;
	align-items: center;
	align-content: center;
	padding-left:6px;
}

#mr_change_user_information_user_profile_age>div:first-child {
	text-align: left;
}

#mr_change_user_information_user_profile_prefecture>div:first-child {
	text-align: left;
}

#mr_change_user_information_user_profile_purpose>div:first-child {
	text-align: left;
}

.mr_change_user_information_user_profile_purpose_radio_area {
	display: flex;
}

.mr_change_user_information_user_profile_purpose_radio {
	width: 100%;
	height: fit-content;
	display: flex;
	align-items: center;
	align-content: center;
	padding-left:6px;
}

#mr_change_user_information_user_profile_purpose_leisure {
	margin-bottom:12px;
}

#mr_change_user_information_user_profile_purpose_work_transport {
	margin-bottom:12px;
}

#mr_change_user_information_user_profile_mail_permission>div:first-child {
	text-align: left;
}

#mr_change_user_information_user_profile_mail_permission_ture {
	width: 100%;
	height: fit-content;
	display: flex;
	align-items: center;
	align-content: center;
	padding-left:6px;
}

#mr_change_user_information_user_profile_mail_permission_false {
	width: 100%;
	height: fit-content;
	display: flex;
	align-items: center;
	align-content: center;
	padding-left:6px;
}

#mr_change_user_information_send_button_area {
	width:120px;
	height:40px;
}

/* MyRouteInfo */
#mr_myroute_info_area {
	height: 100%;
}

/* MyRouteInfo：Header */
.mr_myroute_header_route_into_detail_ic_area {
	display: flex;
	flex-direction: column;
	height: 100%;
	width: 100%;
}

#mr_myroute_header_route_into_detail_dep {
	border-bottom: 1px solid rgba(var(--color_base_color), var(--alpha_10));
	position: relative;
}

.mr_myroute_header_route_into_detail_str {
	flex: 1;
	display: flex;
	align-items: center;
	width: 100%;
	box-sizing: border-box;
}

.mr_myroute_header_route_into_detail_ic {
	box-sizing: border-box;
	padding: 8px 60px 8px 5px;
}

.mr_myroute_header_route_into_detail_traffic {
	position: absolute;
	width: 16px;
	height: 16px;
	inset: 0;
	margin: auto auto -8px auto;
}

.mr_myroute_header_route_into_detail_traffic_icon {
	width: 16px;
}

.mr_myroute_header_route_into_detail_reverse {
	width: 65px;
	height: 63px;
	position: absolute;
	inset: 0;
	margin: auto 0px -31px auto;
	right: 10;
}

.mr_myroute_header_route_into_detail_reverse>img:active {
	transform : scale(var(--tap_transform_scale));
}

.mr_myroute_header_setting_button_box {
	width: fit-content;
	display: flex;
}

#mr_myroute_header_button_box {
	padding: 6px;
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid rgba(var(--color_base_color), var(--alpha_10));
}

/* 設定ボタン */
#mr_myroute_header_mail_setting_button {
	width: 90px;
	height: 30px;
	display: flex;
	align-items: center;
}

#mr_myroute_header_mail_setting_button:active {
	border-color: rgba(var(--color_white), var(--alpha_10));
	box-shadow: 0px 2px 6px rgba(var(--color_overlay), var(--alpha_04));
}

#mr_myroute_header_mail_setting_button_icon {
	width: 25px;
	height: 20px;
	padding: 0px 6px;
}

/* 削除ボタン */
#mr_myroute_header_route_del_button {
	width: 90px;
	height: 30px;
	margin-left: 5px;
	display: flex;
	align-items: center;
}

#mr_myroute_header_route_del_button:active {
	border-color: rgba(var(--color_white), var(--alpha_10));
	box-shadow: 0px 2px 6px rgba(var(--color_overlay), var(--alpha_04));
}

#mr_myroute_header_route_del_button_icon {
	width: 20px;
	height: 20px;
	padding: 0px 6px;
}

.mr_myroute_header_button_title {
	margin-left: 5px;
}

/* 料金・ルート詳細ボタン */
#mr_myroute_price_detail_box {
	width: 140px;
	height: 30px;
	background: linear-gradient(0deg, rgba(var(--color_function_button_gradetion_start), var(--alpha_10)) 0%, rgba(var(--color_base_color), var(--alpha_10)) 50%, rgba(var(--color_function_button_gradetion_end), var(--alpha_10)) 100%);
	display: flex;
	justify-content: center;
	align-items: center;
}

#mr_myroute_price_detail_box:active {
	border: 2px solid rgba(var(--color_white), var(--alpha_10));
	box-shadow: 0px 2px 6px rgba(var(--color_overlay), var(--alpha_04));
}

#mr_myroute_price_detail_box_tittle {
	font-size: 16px;
}

#mr_myroute_price_detail_box_icon {
	width: 20px;
	height: 20px;
	margin-left: 10px;
}


/* MyRouteInfo：Detail */
.mr_myroute_detail_info_area {
	display: flex;
	padding: 6px;
}

.mr_myroute_detail_traffic_info_segment_button {
	width: 240px;
}

/* メール受信設定 */
.mr_mail_recv_setting > .cm_mail_setting_recv_box:first-child {
	margin-top: 0px;
}

#mr_mail_recv_setting_send_button:active {
	border-color : rgba(var(--color_white), var(--alpha_10));
	box-shadow   : 0px 2px 4px var(--button_tap_shadow_color);
}

.mr_mail_recv_setting_common_span {
	display     : flex;
	align-items : center;
}

/* サーバ取得の文字列内で適用されているクラスのため、クラス名の変更不可 */
.font-red {
	color: #f00;
}

/* 認証エラー画面 */
#mr_confirm_error_area {
	height: 100%;
}

#mr_confirm_error_box {
	box-shadow: 0px 2px 2px var(--card_shadow_color);
	margin: 48px 12px;
}

#mr_confirm_error_title {
	text-align: center;
}

#mr_confirm_error_message {
	padding: 24px 12px;
	border-bottom: 1px solid rgba(var(--color_base_color), var(--alpha_10));
}

#mr_confirm_error_button {
	display: flex;
	padding-top: 12px;
}

#mr_confirm_error_top_button_area {
	width: 120px;
	height: 40px;
}

#mr_confirm_error_myroute_button_area {
	width: 120px;
	height: 40px;
}

.mr_confirm_error_button_layout_base {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
}

.mr_confirm_error_button_label {
	white-space: nowrap;
}