/* おすすめ情報：メイン */
#rc_main {
	box-sizing     : border-box;
	width          : 100vmin;
	height         : 100%;
	display        : flex;
	flex-direction : column;
	align-items    : center;
	margin         : 0px auto;
}

#rc_main_menu {
	padding    : 20px 10px;
	display    : flex;
}

.rc_main_contents {
	cursor              : pointer;
	box-sizing          : border-box;
	width               : 150px;
	height              : 150px;
	margin              : 5px;
	box-shadow          : 0px 2px 2px rgba(var(--color_overlay), var(--alpha_04));
	display             : flex;
	flex-direction      : column;
	position            : relative;
	top                 : 0px;
	transition-duration : 0.15s;
}

.rc_main_contents:active {
	transform : scale(var(--tap_transform_scale));
}

.rc_main_contents_title {
	box-sizing      : border-box;
	width           : 100%;
	height          : 100px;
	text-align      : center;
	display         : flex;
	justify-content : center;
	align-items     : center;
}

.rc_main_contents_icon_area {
	flex            : 1;
	display         : flex;
	justify-content : center;
}

.rc_main_contents_icon {
	box-sizing       : border-box;
	width            : 40px;
	height           : 40px;
}

.rc_main_contents_disable {
	cursor  : auto;
	opacity : 0.25;
}

/* コンテンツ共通：メニュー */
#rc_common_header_setting {
	margin-left      : 1px;
	flex             : 1;
	background-color : rgba(0,0,0,0.65);
}

/* SAPA混雑状況：設定 */
#rc_sapastatus_road_select_area {
	width: 100%;
	height: 48px;
	padding: 6px 30px;
	box-sizing: border-box;
}

/* SAPA混雑状況：コンテンツ */
#rc_sapastatus_area {
	width          : 100%;
	display        : flex;
	flex-direction : column;
}

#rc_sapastatus_header_area {
	width           : 100%;
	display         : flex;
	justify-content : center;
	flex-direction: column;
}

#rc_sapastatus_segment_button {
	margin: auto 36px;
}

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

#rc_sapastatus_header_box {
	box-sizing              : border-box;
	width                   : 100%;
	box-shadow              : 0px 2px 4px var(--shadow_color);
}

#rc_sapastatus_column {
	box-sizing       : border-box;
	height           : 60px;
	border-bottom    : var(--table_border);
	display          : flex;
}

#rc_sapastatus_column_direction {
	box-sizing      : border-box;
	display         : flex;
	justify-content : center;
	align-items     : center;
}

#rc_sapastatus_column_name {
	box-sizing      : border-box;
	flex: 1;
	border-left     : var(--table_border);
	border-right    : var(--table_border);
	display         : flex;
	justify-content : center;
	align-items     : center;
}

#rc_sapastatus_column_jam_box {
	box-sizing     : border-box;
	display        : flex;
	flex-direction : column;
}

#rc_sapastatus_column_jam {
	flex            : 1;
	display         : flex;
	justify-content : center;
	align-items     : center;
}

#rc_sapastatus_column_car_box {
	flex    : 1;
	display : flex;
}

.rc_sapastatus_column_car_common {
	box-sizing      : border-box;
	display         : flex;
	justify-content : center;
	align-items     : center;
}

#rc_sapastatus_column_car_small {
	border-top   : var(--table_border);
	border-left  : var(--table_border);
	border-right : var(--table_border);
}

#rc_sapastatus_column_car_large {
	border-top : var(--table_border);
}

.rc_sapastatus_column_direction_width {
	width : 15%;
}

.rc_sapastatus_column_name_width {
	flex : 1;
}

.rc_sapastatus_column_jam_width {
	width: 45%;
}

.rc_sapastatus_column_car_width {
	flex : 1;
}

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

#rc_sapastatus_list_area {
	width           : 100%;
	height          : 100%;
	overflow-y      : scroll;
	scrollbar-width : none;
	display         : flex;
	flex-direction  : column;
	justify-content : flex-start;
	align-items     : center;
}

#rc_sapastatus_list_area::after {
	content    : "margin_dummy";
	color      : rgba( 255, 255, 255, 0 );
	display    : inline-block;
	min-height : 20px;
}

#rc_sapastatus_list_box {
	box-sizing                 : border-box;
	width                      : 100%;
}

.rc_sapastatus_list_line {
	box-sizing       : border-box;
	min-height       : 30px;
	border-bottom    : var(--table_border);
	display          : flex;
}

.rc_sapastatus_list_direction {
	box-sizing      : border-box;
	display         : flex;
	justify-content : center;
	align-items     : center;
}

.rc_sapastatus_list_name {
	box-sizing   : border-box;
	border-left  : var(--table_border);
	border-right : var(--table_border);
	padding      : 5px;
	display      : flex;
	align-items  : center;
}

.rc_sapastatus_list_jam_box {
	box-sizing : border-box;
	display    : flex;
}

.rc_sapastatus_list_jam_box > div {
	display         : flex;
	justify-content : center;
	align-items     : center;
}

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

.rc_sapastatus_list_small {
	box-sizing   : border-box;
	border-left  : var(--table_border);
	border-right : var(--table_border);
}

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

.rc_sapastatus_status_free {
	color : #595959;
}

.rc_sapastatus_status_jam {
	color : #f0a010;
}

.rc_sapastatus_status_full {
	color : #d94174;
}

.rc_sapastatus_status_closed {
	color : #bf4c7c;
}

.rc_sapastatus_status_adjustment {
	color : #808080;
}

.rc_sapastatus_status_unknown {
	color : #808080;
}

/* 雪道メール設定：コンテンツ */
#rc_snowmail_area {
	margin: 6px;
}

#rc_snowmail_guidance {
	padding: 6px 6px 0px;
}

#rc_snowmail_area label {
	margin-left : 5px;
}

.rc_snowmail_recv_roadic_list_header_road {
	padding         : 4px;
	display         : flex;
	justify-content : center;
}

.rc_snowmail_recv_roadic_list_box_area {
	display: flex;
	flex-direction: column;
}

.rc_snowmail_recv_roadic_list_box_area > div:last-child {
	border-bottom : none;
}

.rc_snowmail_recv_roadic_line {
	align-items  : stretch !important;
	height       : auto   !important;
}

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

.rc_showmail_roadic_all {
	width       : 50%;
	height: 40px;
	border-top: 1px solid rgba(var(--color_mail_setting_base_color), var(--alpha_10));
	border-right: 1px solid rgba(var(--color_mail_setting_base_color), var(--alpha_10));
	display     : flex;
	align-items : center;
	box-sizing: border-box;
}

.rc_snowmail_recv_roadic_ic {
	width       : 50%;
	height: 40px;
	border-top: 1px solid rgba(var(--color_mail_setting_base_color), var(--alpha_10));
	display     : flex;
	align-items : center;
	box-sizing: border-box;
}

.rc_snowmail_recv_roadic_ic:nth-child(odd) {
	border-right: 1px solid rgba(var(--color_mail_setting_base_color), var(--alpha_10));
}

.rc_snowmail_recv_period_enabled_date {
	width: 120px;
	height: 28px;
}

#rc_snowmail_recv_period_enabled_date_start {
	margin-left: 5px;
}

#rc_snowmail_recv_period_enabled_date_end {
	margin-left: 5px;
}

.rc_snowmail_common_date {
	box-sizing    : border-box;
	text-align    : center;
	font-family   : 'mplus1p', sans-serif;
	margin-right  : 5px;
	padding-left  : 6px;
	padding-right : 12px;
	border-radius : 6px;
	background    : linear-gradient(0deg,rgba(var(--color_input_gradetion_start),var(--alpha_10)) 0%,rgba(var(--color_white),var(--alpha_10)) 100%);
}

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

.rc_display_none {
	display : none;
}

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

.rc_snowmail_common_span {
	display: flex;
	align-items: center;
	justify-content: center;
}

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