@charset "utf-8";

html{
	width:100%;
	height:100%;
}
body {
	margin: 0;
	padding: 0;
	height: 100%;
	font-family:'Noto Sans JP',sans-serif;
	background-color:#f6f5f4;
	overflow: scroll;
	-ms-overflow-style: none;    /* IE, Edge 対応 */
	scrollbar-width: none;       /* Firefox 対応 */
}
body::-webkit-scrollbar { 
	display: none;
	}

article {
	display:flex;
	height:100%;
	width:100%;
}
.side {
	z-index: 2;
	position: fixed;
	margin: 0;
	padding: 0;
	width: 30%;
	max-width: 240px;
	min-width: 240px;
	height: 100%;
	color: #fff;
	background: #313748;
	text-align:left;
} 
.side_top {
	margin: 0;
	padding: 0;
	width: 100%;
} 
.side_bottom {
	margin: 0;
	padding: 0;
	width: 100%;
} 

.content {
	position: absolute;
	left: 240px;
	margin: 0;
	padding: 0;
	width: calc(100% - 240px);
	/* min-width: 1217px;
	max-width: 1217px; */
	min-width: 800px;
	max-width: unset;
	height: 100%;
	color: #333;
	background: #fff;
	overflow-y: scroll;
}

.content #wrapper {
	margin: 0;
	padding: 1em;
	width: calc(100% - 2em);
	min-height: calc(100% - 2em);
	color: #333;
	background: #fff;
	text-align: center;
	}

.column_set {
	display: -webkit-box;		/* Androidブラウザ用	*/
	display: -ms-flexbox;		/* IE10 */
	display: -webkit-flex;		/* safari（PC iOS）用 */
	display: flex;
 	}
.column-L {
	width: 70%;
}
.column-C {
	padding: 0.25em;
}
.column-R {
	width: 30%;
}

a {
	color: #1471d7;
	text-decoration: none;
}
a:hover {
	color: #4da0fb;
	text-decoration: underline;
}

/*	loader
================================ */
.bg_loader {
	z-index: 10001;
	position: fixed;
	top: 0;
	bottom: 0;
	padding: 0;
	width: 100%;
	background: #00000080;
}
.loader,
.loader:after {
	border-radius: 50%;
	width: 10em;
	height: 10em;
}
.loader {
	margin: 0;
	padding: 0;
	font-size: 0.2em;
	position: absolute;
	text-indent: -9999em;
	border-top: 1.1em solid rgba(255, 255, 255, 0.2);
	border-right: 1.1em solid rgba(255, 255, 255, 0.2);
	border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
	border-left: 1.1em solid #ffffff;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation: load8 1.1s infinite linear;
	animation: load8 1.1s infinite linear;
	top: calc(50% - 5em);
	left: calc(50% - 5em);
}
@-webkit-keyframes load8 {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@keyframes load8 {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

/*	login
================================ */
.content_login {
	position: absolute;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	color: #333;
	background: #fff;
}
.content_login #wrapper {
	margin: 0;
	padding: 1em;
	width: calc(100% - 2em);
	min-height: calc(100% - 2em);
	color: #333;
	background: #fff;
	text-align: center;
	}

.login_menu {
	top: 8%;
	bottom: 2%;
	padding: 1em;
	width: calc(100% - 4em);
}

.form_login {
	margin: 0;
	margin-bottom: 1em;
	padding: 1em;
	width: 100%;
	max-width: 400px;
	border-radius: 10px;
	-moz-border-radius: 10;
	-webkit-border-radius: 10;
	color: #393e44;
	background: #eee;
}
.input_frame_wrap_login {
	margin: 0;
	margin-top: 1em;
	padding: 0;
	width: 100%;
}

.logo_login {
	margin: 0;
	padding: 0.5em 0;
	width: 100%;
	max-width: 388px;
}

.links_area {
	margin: 0;
	padding: 0.5em 0;
	width: 100%;
	max-width: 388px;
}

/*	side_menu
================================ */
.side_menu {
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	margin: 0;
	padding: 0.5em 0;
	width: 100%;
}
.menu_top {
	display: inline-flex;
	justify-content: center;
	margin: 0;
	margin-bottom: 3em;
	padding: 0;
	width: 100%;
}
.menu_top img{
	padding: 1em;
	width: 192px;
	height: 36px;
}
.menu_bottom {
	display: inline-flex;
	justify-content: center;
	margin: 0;
	margin-bottom: 0.5em;
	padding: 0;
	width: 100%;
}
.copyright_text {
	font-size: 80%;
}
.menu_icon {
	margin: 0 0.5em;
	padding: 0;
	width: 32px;
	height: 32px;
}
.lib_thumbnails {
	margin: 0;
	padding: 0;
	width: 120px;
	height: 120px;
	object-fit: contain;
}
.homemenu_icon {
	margin: 0 0.5em;
	padding: 0;
	width: 100%;
	max-width: 120px;
}

/*	home_menu
================================ */
.home_menu {
	position: relative;
	padding: 1em;
	width: calc(100% - 2em);
}

.homemenu_frame {
	margin: 1em;
	margin-bottom: 1em;
	padding: 0;
	border: 1px solid #dedede;
	text-decoration: none;
	outline: 0;
	border-radius: 10px;
	-moz-border-radius: 10;
	-webkit-border-radius: 10;
}
.homemenu_frame_spacer {
	margin: 1em;
	margin-bottom: 1em;
	padding: 0;
	outline: 0;
}

.homemenu_title {
	margin: 0;
	padding: 1em;
	width: calc(100% - 2em);
	color: #fff;
	background: #313849;
	font-size: 1em;
	font-weight: normal;
	line-height: 1.5em;
	letter-spacing: 0.1em;
	text-align: start;
	outline: 0;
	border-radius: 10px 10px 0 0;
	-moz-border-radius: 10 10 0 0;
	-webkit-border-radius: 10 10 0 0;
}
.homemenu_body {
	margin: 0;
	padding: 1em 0.5em;
	width: calc(100% - 1em);
	color: #333;
	background: #fff;
	font-size: 1em;
	font-weight: normal;
	line-height: 1.5em;
	letter-spacing: 0.1em;
	text-align: start;
	outline: 0;
	border-radius: 0 0 10px 10px;
	-moz-border-radius: 0 0 10 10;
	-webkit-border-radius: 0 0 10 10;
}
.homemenu_description {
	margin: 0;
	margin-bottom: 0.5em;
	padding: 0;
	width: 100%;
	height: 3em;
	min-height: 4.5em;
	color: #333;
	text-align: center;
	font-size: 0.8em;
	font-weight: normal;
	line-height: 1.2em;
	letter-spacing: 0.1em;
	text-align: start;
	}

/*	pagetitle
================================ */
.main_body_pagetitle {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0;
	margin-bottom: 1em;
	padding: 0;
	width: 100%;
	height: auto;
	border-bottom: solid 1px #333;
}
.login_pagetitle {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0;
	margin-bottom: 1em;
	padding: 0;
	width: 100%;
	height: auto;
}
.pagetitle {
	margin: 0;
	padding: 0.5em 0;
	font-size: 1.5em;
	font-weight: normal;
	line-height: 1.2em;
	letter-spacing: 0.1em;
}

/*	subtitle_area
================================ */
.subtitle_area {
	width: 100%;
}
.subtitle_area_title {
	display: inline-flex;
	align-items: center;
	margin: 0;
	padding: 0.5em 0;
}

/*	search_area
================================ */
.search_area_wrap {
	margin-bottom: 1em;
	width: 100%;
}
.search_area_top {
	width: 100%;
	height: 3.75em;
}
.search_area_bottom {
	width: 100%;
}
.search_area_title {
	display: inline-flex;
	align-items: center;
	margin: 0;
	padding: 0.5em 0;
}
.search_area_item {
	margin: 0 0.2em;
	padding: 0;
}

/*	select_area
================================ */
.select_area_wrap {
	margin-bottom: 1em;
	width: 100%;
}
.select_area_L {
	padding: 1em;
	width: calc(100% - 2em);
}
.select_area_R {
	padding: 1em;
	width: calc(100% - 2em);
}

.select_area_item {
	margin: 0 0.2em;
	padding: 0;
}

.input_frame_select {
	margin: 0;
	padding: 0;
	width: 100%;
	color: #333;
	font-size: 1em;
	font-weight: normal;
	line-height: 1.5em;
	letter-spacing: 0.1em;
	outline: 0;
	border-radius: 10px;
	-moz-border-radius: 10;
	-webkit-border-radius: 10;
}
select {
	margin: 0;
	padding: 0.5em;
	width: 100%;
	min-width: 70px;
	color: #333;
	font-size: 1em;
	font-weight: normal;
	line-height: 1.5em;
	letter-spacing: 0.1em;
	outline: 0;
	border: 1px solid #dedede;
	border-radius: 10px;
	-moz-border-radius: 10;
	-webkit-border-radius: 10;
}

/*	input_area
================================ */
.input_area_wrap {
	margin: 0;
	padding: 0;
	margin-bottom: 1em;
	width: 100%;
}
.input_area_top {
	margin: 0;
	padding: 1em;
	width: calc(100% - 2em);
}
.input_area_bottom {
	margin: 0;
	padding: 1em;
	width: calc(100% - 2em);
}
.input_area_login {
	margin: 0;
	padding: 1em;
	width: calc(100% - 2em);
}

.input_frame {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0;
	margin-bottom: 1em;
	padding: 0;
	width: 60%;
}
.input_frame_textarea {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0;
	margin-bottom: 1em;
	padding: 0;
	width: 100%;
}

.input_frame_title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	margin: 0 0.5em;
	padding: 0;
	width: 100%;
	font-size: 0.8em;
	font-weight: normal;
	line-height: 1.5em;
	letter-spacing: 0.1em;
}
input[type="text"],
input[type="password"],
input[type="email"] {
	margin: 0;
	padding: 0.35em;
	width: calc(100% - 0.7em);
	color: #333;
	font-size: 1em;
	font-weight: normal;
	line-height: 1.5em;
	letter-spacing: 0.1em;
	outline: 0;
	border: 1px solid #dedede;
	border-radius: 10px;
	-moz-border-radius: 10;
	-webkit-border-radius: 10;
}
textarea {
	margin: 0;
	padding: 1em;
	width: calc(100% - 2em);
	color: #333;
	font-size: 1.2em;
	font-weight: normal;
	line-height: 1.5em;
	letter-spacing: 0.1em;
	outline: 0;
	border: 0;
	border: 1px solid #dedede !important;
	border-radius: 10px;
	-moz-border-radius: 10;
	-webkit-border-radius: 10;
}

#status_comment {
	width: calc(100% - 2em);
	border: 1px solid #0af;
}

.status_frame textarea,
.modal_comment_frame textarea {
	border: 1px solid #dedede;
}

input[type="text"][readonly],
input[type="password"][readonly],
input[type="email"][readonly],
textarea [readonly]{
	border: 1px solid #fff;
}

/*	input_presstext_area
================================ */

.input_presstext_area {
	width: 100%;
	border: 1px solid #dedede;
	border-radius: 10px;
	-moz-border-radius: 10;
	-webkit-border-radius: 10;
}

.insert_image_area {
	display: inline-flex;
	width: calc(100%);
	margin: 0;
	padding: 0;
	font-size: 0.8em;
	border-radius: 0 0 10px 10px;
	-moz-border-radius: 0 0 10 10;
	-webkit-border-radius: 0 0 10 10;
}
.insert_image_area details {
	width: calc(100%);
}

.insert_image_area_title {
	width: calc(100% - 0.8em);
	padding: 0.2em 0.8em;
	padding-left: 0;
	color: #333;
	background: #f6f6f6;
	text-align: left;
	border-radius: 0 0 10px 10px;
	-moz-border-radius: 0 0 10 10;
	-webkit-border-radius: 0 0 10 10;
}
details > summary:first-of-type >.add_title::after {
	content: "▶︎";
	margin: 0;
	margin-left: 0.5em;
	color: #888;
	font-family: FontAwesome;
}
details[open] > summary:first-of-type >.add_title::after {
	content: "▼";
	margin: 0;
	margin-left: 0.5em;
	color: #888;
	font-family: FontAwesome;
}

.add_icon {
	margin: 0 0.5em;
	padding: 0;
	width: 24px;
	height: 24px;
}

insert_image_area_title::marker {
	display: inline-flex;
	unicode-bidi: isolate;
	font-variant-numeric: tabular-nums;
	text-transform: none;
	text-indent: 0px !important;
	text-align: start !important;
	text-align-last: start !important;
}

.insert_image_area_body {
	margin: 0;
	padding: 0 0.8em;
	width: calc(100% - 1.6em);
	background: #fff;
	border-radius: 0 0 10px 10px;
	-moz-border-radius: 0 0 10 10;
	-webkit-border-radius: 0 0 10 10;
}

.insert_image_item {
	margin: 0;
	padding: 0.5em 0.8em;
	width: calc(20% - 1.6em);
}
.insert_image_item_wrap {
	margin: 0;
	padding: 0;
}

.insert_image_item_thumbnails {
	margin: 0;
	padding: 0 0.8em;
	padding-bottom: 0.5em;
	width: 100%;
}

.insert_image_item_label {
	margin: 0;
	padding: 0 0.8em;
	width: 100%;
}

/*	main_window_area
================================ */
.main_window {
	margin: 0;
	margin-bottom: 1em;
	padding: 0;
	width: 100%;
	border: 1px solid #dedede;
}

/*	sub_window_area
================================ */
.sub_window {
	margin: 0;
	padding: 0;
	width: 100%;
	border: 1px solid #dedede;
}
.main_window_title,
.sub_window_title {
	margin: 0;
	padding: 0.5em 1em;
	width: calc(100% - 2em);
	color: #fff;
	background: #313849;
	font-size: 1em;
	font-weight: normal;
	line-height: 1.5em;
	letter-spacing: 0.1em;
	text-align: start;
}
.main_window_contents,
.sub_window_contents {
	margin: 0;
	padding: 1em;
	width: calc(100% - 2em);
	color: #333;
	background: #fff;
	font-size: 1em;
	font-weight: normal;
	line-height: 1.5em;
	letter-spacing: 0.1em;
	text-align: start;
}
.sub_window_contents:nth-child(odd) {
	background: #f6f6f6;
}

/*	checkbox_area
================================ */
.checkbox_window {
	margin: 0;
	padding: 0;
	width: 100%;
	border: 1px solid #dedede;
}
.checkbox_window_contents {
	margin: 0;
	padding: 1em;
	width: calc(100% - 2em);
	color: #333;
	background: #fff;
	font-size: 1em;
	font-weight: normal;
	line-height: 1.5em;
	letter-spacing: 0.1em;
	text-align: start;
}

/*	select_image_area
================================ */
.select_image_area {
	width: calc(100%);
	height: calc(480px + 4em);
	margin: 0;
	padding: 0;
	font-size: 0.8em;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}
.image_frame {
	margin: 0;
	padding: 0;
	min-height: 480px;
	background: #f9f9f9;
	border: 1px #dedede dashed;
	font-size: 0.8em;
	font-weight: normal;
	line-height: 1.5em;
	letter-spacing: 0.1em;
}
.image_frame img {
	width: 100%;
}

.select_imagefile {
	margin: 0;
	padding: 0.5em 0;
	height: 40px;
	font-size: 0.8em;
	font-weight: normal;
	line-height: 1.5em;
	letter-spacing: 0.1em;
}


/*	sub_window_area／ステータス
================================ */
.status_frame,
.modal_comment_frame {
	margin: 0;
	padding: 0.5em 0;
	font-size: 0.8em;
	font-weight: normal;
	line-height: 1.5em;
	letter-spacing: 0.1em;
}
.status_frame_header {
	margin: 0;
	padding: 0;
	font-size: 0.9em;
	font-weight: normal;
	line-height: 1.5em;
	letter-spacing: 0.1em;
}
.status_frame_body {
	margin: 0;
	padding: 0;
	font-size: 0.9em;
	font-weight: normal;
	line-height: 1.5em;
	letter-spacing: 0.1em;
}

.btn_comment_his {
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	margin: 0;
	padding: 0.5em 1em;
	width: calc(100% - 2em);
	color: #333;
	background: #f6f6f6;
	font-size: 1.2em;
	font-weight: normal;
	line-height: 1.5em;
	letter-spacing: 0.1em;
	outline: 0;
	border: 1px solid #dedede !important;
}
.comment_his {
	display: inline-flex;
	align-items: center;
	margin: 0;
	padding: 0.5em;
	width: calc(100% - 1em);
	color: #333;
	background: #fff;
	font-size: 1.2em;
	font-weight: normal;
	line-height: 1.5em;
	letter-spacing: 0.1em;
	outline: 0;
	border: 1px solid #dedede !important;
}
.comment_his:nth-child(odd) {
	background: #f6f6f6;
}
.comment_his_header {
	margin-bottom: 0.5em;
}
.comment_his_header_L {
	font-size: 0.7em;
	line-height: 1.2em;
	text-align: left;
}
.comment_his_header_R {
	font-size: 0.7em;
	line-height: 1.2em;
	text-align: right;
}

.badge_notification {
	margin: 0 0.5em;
	padding: 0.2em 0.8em;
	color: #fff;
	background: #1471d7;
	border-radius: 20px;
	-moz-border-radius: 20;
	-webkit-border-radius: 20;
	font-size: 1.0em;
}

/*	sub_window_area／カテゴリー
================================ */
.input_frame_body_row {
	display: -webkit-box;		/* Androidブラウザ用	*/
	display: -ms-flexbox;		/* IE10 */
	display: -webkit-flex;		/* safari（PC iOS）用 */
	display: flex;
	-ms-flex-wrap: wrap;		/* 折返し */
	-webkit-flex-wrap:	wrap;		/* 折返し */
	flex-wrap: wrap;			/* 折返し */
	-ms-flex-direction: row;			/* ヨコ向き */
	-webkit-flex-direction: row;		/* ヨコ向き */
	flex-direction: row;				/* ヨコ向き */
	margin: 0;
	margin-bottom: 10px;
	padding: 5px 0;
	width: 100%;
	}

.category_area_L {
	cursor: pointer;
	margin: 0;
	margin-bottom: 0.2em;
	padding: 0;
	width: 100%;
	font-size: 1em;
	font-weight: normal;
	line-height: 1.5em;
	letter-spacing: 0.1em;
	outline: 0;
}
.category_area_S {
	cursor: pointer;
	margin: 0;
	margin-bottom: 0.2em;
	padding: 0;
	font-size: 1em;
	font-weight: normal;
	line-height: 1.5em;
	letter-spacing: 0.1em;
	outline: 0;
	text-indent: 2em;
}

.category_edit_area_L,
.category_edit_area_L_plus {
	margin: 0;
	padding: 0.5em 1em;
	width: calc(100% - 2em);
	font-size: 1em;
	font-weight: normal;
	line-height: 1.5em;
	letter-spacing: 0.1em;
	outline: 0;
}

.category_edit_area_L {
	cursor: pointer;
	background: #eee;
}

.category_edit_area_S,
.category_edit_area_S_plus {
	cursor: pointer;
	margin: 0;
	padding: 0.5em 1em;
	width: calc(100% - 4em);
	font-size: 1em;
	font-weight: normal;
	line-height: 1.5em;
	letter-spacing: 0.1em;
	outline: 0;
	text-indent: 2em;
}
.category_edit_area_S {
	cursor: pointer;
	background: #fff;
}

.category_edit_area_L_plus a,
.category_edit_area_S_plus a {
	text-decoration: none !important;
}

.category_edit_area_L_plus a:hover,
.category_edit_area_S_plus a:hover {
	text-decoration: underline !important;
}

details {
	display: inline-block;
	width: 100%;
}

.main_window_contents details {
	width: 100%;
	margin-bottom: 0.5em;
	border: 1px solid #dedede;
}

.label_checkbox {
	cursor: pointer;
	margin: 0;
	padding: 0.5em;
	}


/*	list_area
================================ */
.list_header {
	display: inline-flex;
	justify-content: center;
	width: 100%;
	color: #fff;
	background: #313748;
	position: sticky;
	top: 0;
	z-index: 1;
}

.list_header_titles {
	margin: 0;
	padding: 0.5em;
	text-align: center;
}
p {
	display: inline-block;
}
ul {
	list-style: none;
	margin: 0;
	margin-bottom: 1em;
	padding: 0;
}
.list {
	margin: 0;
	padding: 0;
	width: 100%;
	min-height: 3em;
	text-align: left;
	line-height: 1.4;
}

.list:nth-child(even) {
	background: #f6f6f6;
}

.list a {
	text-decoration: none;
}

.list_data_wrap {
	width: 100%;
}

.list_data_cell {
	margin: 0;
	padding: 0.5em !important;
	color: #333;
	white-space: normal;
}

input[type="checkbox"] {
	margin: 0;
	margin-right: 0.5em;
	padding: 0;
	background-color: initial;
	cursor: default;
	appearance: auto;
	box-sizing: border-box;
	border: initial;
}

/*	pager_area
================================ */
.pager_area_wrap {
	width: 100%;
}
.pager {
	padding: 0;
}


/*	buttons_area
================================ */
.buttons_area_wrap {
	margin-bottom: 1em;
	width: 100%;
}

input[type="sumit"],
button,
.btn_login,
.btn_main {
	cursor: pointer;
	margin: 0 0.3em;
	padding: 0.8em 1.6em;
	color: #333;
	border: 1px solid #dedede !important;
	font-size: 0.8em;
	font-weight: normal;
	line-height: 1.5em;
	letter-spacing: 0.1em;
	outline: 0;
	border: 0;
	border-radius: 10px;
	-moz-border-radius: 10;
	-webkit-border-radius: 10;
}
.btn_main_retake {
	cursor: pointer;
	margin: 0 0.3em;
	padding: 0.4em 1.6em;
	padding-top: 0.3em;
	color: #333;
	border: 1px solid #dedede !important;
	font-size: 0.8em;
	font-weight: normal;
	line-height: 1.5em;
	letter-spacing: 0.1em;
	outline: 0;
	border: 0;
	border-radius: 10px;
	-moz-border-radius: 10;
	-webkit-border-radius: 10;
}

input[type="sumit"][disabled],
button[disabled] {
	color: #cfcfcf;
	border: 1px solid #dedede !important;
}

.btn_login {
	cursor: pointer;
	margin: 0 0.3em;
	padding: 0.8em 1.6em;
	color: #fff;
	background: #1471d7;
	border: 1px solid #dedede !important;
	font-size: 0.8em;
	font-weight: normal;
	line-height: 1.5em;
	letter-spacing: 0.1em;
	outline: 0;
	border: 0;
	border-radius: 10px;
	-moz-border-radius: 10;
	-webkit-border-radius: 10;
}

.btn_conditions {
	cursor: pointer;
	margin: 0 0.3em;
	padding: 0.62em 1.6em;
	color: #333;
	background: #fff;
	border: 1px solid #dedede !important;
	font-size: 0.8em;
	font-weight: normal;
	line-height: 1.5em;
	letter-spacing: 0.1em;
	outline: 0;
	border: 0;
	border-radius: 10px;
	-moz-border-radius: 10;
	-webkit-border-radius: 10;
}
.btn_search {
	cursor: pointer;
	margin: 0 0.3em;
	padding: 0.62em 1.6em;
	color: #333;
	background: #efefef;
	border: 1px solid #dedede !important;
	font-size: 0.8em;
	font-weight: normal;
	line-height: 1.5em;
	letter-spacing: 0.1em;
	outline: 0;
	border: 0;
	border-radius: 10px;
	-moz-border-radius: 10;
	-webkit-border-radius: 10;
}

.btn_cancel {
	cursor: pointer;
	margin: 0 0.3em;
	padding: 0.8em 1.6em;
	color: #333;
	background: #fff;
	border: 1px solid #dedede !important;
	font-size: 0.8em;
	font-weight: normal;
	line-height: 1.5em;
	letter-spacing: 0.1em;
	outline: 0;
	border: 0;
	border-radius: 10px;
	-moz-border-radius: 10;
	-webkit-border-radius: 10;
}
.btn_close {
	cursor: pointer;
	margin: 0 0.3em;
	padding: 0.8em 1.6em;
	color: #fff;
	background: #1471d7;
	border: 1px solid #dedede !important;
	font-size: 0.8em;
	font-weight: normal;
	line-height: 1.5em;
	letter-spacing: 0.1em;
	outline: 0;
	border: 0;
	border-radius: 10px;
	-moz-border-radius: 10;
	-webkit-border-radius: 10;
}
.btn_settings {
	cursor: pointer;
	margin: 0;
	padding: 0.8em 1.6em;
	color: #333;
	background: #f5f5f5;
	border: 1px solid #dedede !important;
	font-size: 0.8em;
	font-weight: normal;
	line-height: 1.5em;
	letter-spacing: 0.1em;
	outline: 0;
	border: 0;
	border-radius: 10px;
	-moz-border-radius: 10;
	-webkit-border-radius: 10;
}
.btn_homemenu {
	cursor: pointer;
	margin: 0 0.3em;
	padding: 0.8em 1.6em;
	width: 100%;
	color: #fff;
	background: #1471d7;
	border: 1px solid #dedede !important;
	font-size: 0.8em;
	font-weight: normal;
	line-height: 1.5em;
	letter-spacing: 0.1em;
	outline: 0;
	border: 0;
	border-radius: 10px;
	-moz-border-radius: 10;
	-webkit-border-radius: 10;
}
.homemenu_frame_wrap a {
	text-decoration: none;
	min-width: 180px;
}

.button_subtext {
	margin: 0;
	padding: 0;
	font-size: 0.6em;
	font-weight: normal;
	line-height: 1.5em;
	letter-spacing: 0.1em;
	}

button.hide {
	display: none;
}

button {
	display: inline-grid;
}

/*	モーダル・ウィンドウ
================================ */
.remodal {
	margin-bottom: 10px;
	padding: 0;
	width: 100%;
	max-width: 720px !important;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	box-sizing: border-box;
}

.remodal_wide {
	margin-bottom: 10px;
	padding: 0;
	width: 100%;
	max-width: 1200px !important;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	box-sizing: border-box;
}

.modal_frame {
	margin: 0;
	padding: 1em;
	padding-top: 2em;
	border-radius: 20px;
	-moz-border-radius: 20;
	-webkit-border-radius: 20;
	}
.bgc_modal_w {
	color: #333;
	background: #fff;
}

.main_body_modaltitle {
	margin: 0;
	padding: 0;
	width: 100%;
	height: auto;
}
.modal_title {
	margin: 0;
	padding: 0.5em;
	font-size: 1.6em;
	font-weight: normal;
	line-height: 1.2em;
	letter-spacing: 0.1em;
}

.main_body_contents {
	margin: 0;
	padding: 1em;
	width: 100%;
	height: auto;
	}

.main_body_description,
.main_body_subtext {
	display: -webkit-box;		/* Androidブラウザ用	*/
	display: -ms-flexbox;		/* IE10 */
	display: -webkit-flex;		/* safari（PC iOS）用 */
	display: flex;
	-ms-flex-wrap: wrap;		/* 折返し */
	-webkit-flex-wrap:	wrap;		/* 折返し */
	flex-wrap: wrap;			/* 折返し */
	margin: 0;
	margin-bottom: 1em;
	padding: 0;
	width: 100%;
	}
.modal_description {
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 1.0em;
	font-weight: normal;
	line-height: 1.2em;
	letter-spacing: 0.1em;
	}
.modal_subtext {
	margin: 0;
	padding: 0;
	font-size: 0.8em;
	font-weight: normal;
	line-height: 1.2em;
	letter-spacing: 0.1em;
	}


/* ================================ */


/*	基本・余白
================================ */
.pd_0 {
	margin: 0;
	padding: 0;
	}
.pd_scrollbox {
	margin: 0;
	padding: 0 2%;
	padding-right: 0;
	}
.pd_1 {
	margin: 0;
	padding: 1%;
	}
.pd_1hz {
	margin: 0;
	padding: 0 1%;
	}
.pd_1tz {
	margin: 0;
	padding: 1%;
	padding-top: 0;
	}
.pd_1bz {
	margin: 0;
	padding: 1%;
	padding-bottom: 0;
	}
.pd_2 {
	margin: 0;
	padding: 2%;
	}
.pd_2hz {
	margin: 0;
	padding: 0 2%;
	}
.pd_2tz {
	margin: 0;
	padding: 2%;
	padding-top: 0;
	}
.pd_2bz {
	margin: 0;
	padding: 2%;
	padding-bottom: 0;
	}
.pd_2wz {
	margin: 0;
	padding: 2% 0 !important;
	}
.pd_3 {
	margin: 0;
	padding: 3%;
	}
.pd_3hz {
	margin: 0;
	padding: 0 3%;
	}
.pd_3tz {
	margin: 0;
	padding: 3%;
	padding-top: 0;
	}
.pd_3bz {
	margin: 0;
	padding: 3%;
	padding-bottom: 0;
	}
.pd_3wz {
	margin: 0;
	padding: 3% 0 !important;
	}
.pd_4 {
	margin: 0;
	padding: 4% !important;
	}
.pd_4wz {
	margin: 0;
	padding: 4% 0 !important;
	}
.pd_5 {
	margin: 0;
	padding: 5%;
	}
.pd_6 {
	margin: 0;
	padding: 6%;
	}
.pd_7 {
	margin: 0;
	padding: 7%;
	}
.pd_8 {
	margin: 0;
	padding: 8%;
	}
.pd_8wz {
	margin: 0;
	padding: 8% 0 !important;
	}


/*	基本・テキストサイズ調整
================================ */
.tadj_50 {
	font-size: 50%;
	line-height: 1.2em;
	}
.tadj_60 {
	font-size: 60%;
	line-height: 1.2em;
	}
.tadj_70 {
	font-size: 70%;
	line-height: 1.2em;
	}
.tadj_80 {
	font-size: 80%;
	line-height: 1.2em;
	}
.tadj_90 {
	font-size: 90%;
	line-height: 1.2em;
	}

.tadj_110 {
	font-size: 110%;
	line-height: 1.2em;
	}
.tadj_120 {
	font-size: 120%;
	line-height: 1.2em;
	}
.tadj_130 {
	font-size: 130%;
	line-height: 1.2em;
	}
.tadj_140 {
	font-size: 140%;
	line-height: 1.2em;
	}
.tadj_150 {
	font-size: 150%;
	line-height: 1.2em;
	}
.tadj_200 {
	font-size: 200%;
	line-height: 1.2em;
	}

/*	枠幅調整
================================ */
.wdt_flex {
	display: -webkit-box;		/* Androidブラウザ用	*/
	display: -ms-flexbox;		/* IE10 */
	display: -webkit-flex;		/* safari（PC iOS）用 */
	display: flex;
	-ms-flex-wrap: wrap;		/* 折返し */
	-webkit-flex-wrap:	wrap;	/* 折返し */
	flex-wrap: wrap;			/* 折返し */
	-ms-flex-direction: column;		/* タテ向き */
	-webkit-flex-direction: column;	/* タテ向き */
	flex-direction: column;			/* タテ向き */
	}
.wdt_0 {
	width: 0% !important;
	opacity: 0;
}
.wdt_1 {
	width: 1% !important;
	}
.wdt_2 {
	width: 2% !important;
	}
.wdt_3 {
	width: 3% !important;
	}
.wdt_4 {
	width: 4% !important;
	}
.wdt_5 {
	width: 5% !important;
	}
.wdt_6 {
	width: 6% !important;
	}
.wdt_7 {
	width: 7% !important;
	}
.wdt_8 {
	width: 8% !important;
	}
.wdt_9 {
	width: 9% !important;
	}
.wdt_10 {
	width: 10% !important;
	}
.wdt_11 {
	width: 11% !important;
	}
.wdt_12 {
	width: 12% !important;
	}
.wdt_13 {
	width: 13% !important;
	}
.wdt_14 {
	width: 14% !important;
	}
.wdt_15 {
	width: 15% !important;
	}
.wdt_16 {
	width: 16% !important;
	}
.wdt_17 {
	width: 17% !important;
	}
.wdt_18 {
	width: 18% !important;
	}
.wdt_19 {
	width: 19% !important;
	}
.wdt_20 {
	width: 20% !important;
	}
.wdt_21 {
	width: 21% !important;
	}
.wdt_22 {
	width: 22% !important;
	}
.wdt_24 {
	width: 24% !important;
	}
.wdt_25 {
	width: 25% !important;
	}
.wdt_26 {
	width: 26% !important;
	}
.wdt_30 {
	width: 30% !important;
	}
.wdt_33 {
	width: 33% !important;
	}
.wdt_34 {
	width: 34% !important;
	}
.wdt_35 {
	width: 35% !important;
	}
.wdt_36 {
	width: 36% !important;
	}
.wdt_38 {
	width: 38% !important;
	}
.wdt_40 {
	width: 40% !important;
	}
.wdt_42 {
	width: 42% !important;
	}
.wdt_45 {
	width: 45% !important;
	}
.wdt_46 {
	width: 46% !important;
	}
.wdt_48 {
	width: 48% !important;
	}
.wdt_50 {
	width: 50% !important;
	}
.wdt_52 {
	width: 52% !important;
	}
.wdt_54 {
	width: 54% !important;
}
.wdt_55 {
	width: 55% !important;
	}
.wdt_56 {
	width: 56% !important;
	}
.wdt_58 {
	width: 58% !important;
	}
.wdt_60 {
	width: 60% !important;
	}
.wdt_65 {
	width: 65% !important;
	}
.wdt_70 {
	width: 70% !important;
	}
.wdt_71 {
	width: 71% !important;
	}
.wdt_75 {
	width: 75% !important;
	}
.wdt_80 {
	width: 80% !important;
	}
.wdt_85 {
	width: 85% !important;
	}
.wdt_90 {
	width: 90% !important;
	}
.wdt_92 {
	width: 92% !important;
	}
.wdt_93 {
	width: 93% !important;
	}
.wdt_94 {
	width: 94% !important;
	}
.wdt_95 {
	width: 95% !important;
	}
.wdt_96 {
	width: 96% !important;
	}
.wdt_98 {
	width: 98% !important;
	}
.wdt_100 {
	width: 100% !important;
	}

.wdt_cstm1 {
	width: 100% !important;
	}
.wdt_cstm2 {
	width: 100% !important;
	}
.wdt_cstm3 {
	width: 100% !important;
	}

/*	Flexbox Align
================================ */
.fb {
	display: -webkit-box;		/* Androidブラウザ用	*/
	display: -ms-flexbox;		/* IE10 */
	display: -webkit-flex;		/* safari（PC iOS）用 */
	display: flex;
	}

.fb_wrap {
	-ms-flex-wrap: wrap;		/* 折返し */
	-webkit-flex-wrap: wrap;		/* 折返し */
	flex-wrap: wrap;			/* 折返し */
}

.fbd_row {
	-ms-flex-direction: row;			/* ヨコ向き */
	-webkit-flex-direction: row;		/* ヨコ向き */
	flex-direction: row;				/* ヨコ向き */
	}
.fbd_row_rvs {
	-ms-flex-direction: row-reverse;		/* ヨコ向き・逆 */
	-webkit-flex-direction: row-reverse;	/* ヨコ向き・逆 */
	flex-direction: row-reverse;			/* ヨコ向き・逆 */
	}

.fbd_col {
	-ms-flex-direction: column;		/* タテ向き */
	-webkit-flex-direction: column;	/* タテ向き */
	flex-direction: column;			/* タテ向き */
	}
.fbd_col_rvs {
	-ms-flex-direction: column-reverse;		/* タテ向き */
	-webkit-flex-direction: column-reverse;	/* タテ向き */
	flex-direction: column-reverse;			/* タテ向き */
	}

.fba_TL {
	-webkit-box-align: start;			 /*タテ位置揃え*/
	-ms-flex-align: start;			 /*タテ位置揃え*/
	-webkit-align-items: flex-start;	/*タテ位置揃え*/
	align-items: flex-start;			 /*タテ位置揃え*/
	-webkit-box-pack: start;		 /*ヨコ位置揃え*/
	-ms-flex-pack: start;			 /*ヨコ位置揃え*/
	-webkit-justify-content: flex-start;	/*ヨコ位置揃え*/
	justify-content: flex-start;		 /*ヨコ位置揃え*/
	}
.fba_TC {
	-webkit-box-align: start;			 /*タテ位置揃え*/
	-ms-flex-align: start;			 /*タテ位置揃え*/
	-webkit-align-items: flex-start;	/*タテ位置揃え*/
	align-items: flex-start;			 /*タテ位置揃え*/
	-webkit-box-pack: center;		 /*ヨコ位置揃え*/
	-ms-flex-pack: center;			/*ヨコ位置揃え*/
	-webkit-justify-content: center;	/*ヨコ位置揃え*/
	justify-content: center;			 /*ヨコ位置揃え*/
	}
.fba_TR {
	-webkit-box-align: start;			 /*タテ位置揃え*/
	-ms-flex-align: start;			 /*タテ位置揃え*/
	-webkit-align-items: flex-start;	/*タテ位置揃え*/
	align-items: flex-start;			 /*タテ位置揃え*/
	-webkit-box-pack: end;			 /*ヨコ位置揃え*/
	-ms-flex-pack: end;				/*ヨコ位置揃え*/
	-webkit-justify-content: flex-end;	/*ヨコ位置揃え*/
	justify-content: flex-end;		 /*ヨコ位置揃え*/
	}

.fba_ML {
	-webkit-box-align: center;		 /*タテ位置揃え*/
	-ms-flex-align: center;			/*タテ位置揃え*/
	-webkit-align-items: center;		 /*タテ位置揃え*/
	align-items: center;			 /*タテ位置揃え*/
	-webkit-box-pack: start;		 /*ヨコ位置揃え*/
	-ms-flex-pack: start;			 /*ヨコ位置揃え*/
	-webkit-justify-content: flex-start;	/*ヨコ位置揃え*/
	justify-content: flex-start;		 /*ヨコ位置揃え*/
	}
.fba_MC {
	-webkit-box-align: center;		 /*タテ位置揃え*/
	-ms-flex-align: center;			/*タテ位置揃え*/
	-webkit-align-items: center;		 /*タテ位置揃え*/
	align-items: center;			 /*タテ位置揃え*/
	-webkit-box-pack: center;		 /*ヨコ位置揃え*/
	-ms-flex-pack: center;			/*ヨコ位置揃え*/
	-webkit-justify-content: center;	/*ヨコ位置揃え*/
	justify-content: center;			 /*ヨコ位置揃え*/
	}
.fba_MR {
	-webkit-box-align: center;		 /*タテ位置揃え*/
	-ms-flex-align: center;			/*タテ位置揃え*/
	-webkit-align-items: center;		 /*タテ位置揃え*/
	align-items: center;			 /*タテ位置揃え*/
	-webkit-box-pack: end;			 /*ヨコ位置揃え*/
	-ms-flex-pack: end;				/*ヨコ位置揃え*/
	-webkit-justify-content: flex-end;	/*ヨコ位置揃え*/
	justify-content: flex-end;		/*ヨコ位置揃え*/
	}

.fba_BL {
	-webkit-box-align: end;			/*タテ位置揃え*/
	-ms-flex-align: end;				/*タテ位置揃え*/
	-webkit-align-items: flex-end;		/*タテ位置揃え*/
	align-items: flex-end;			/*タテ位置揃え*/
	-webkit-box-pack: start;		/*ヨコ位置揃え*/
	-ms-flex-pack: start;			/*ヨコ位置揃え*/
	-webkit-justify-content: flex-start;	/*ヨコ位置揃え*/
	justify-content: flex-start;		/*ヨコ位置揃え*/
	}
.fba_BC {
	-webkit-box-align: end;			/*タテ位置揃え*/
	-ms-flex-align: end;				/*タテ位置揃え*/
	-webkit-align-items: flex-end;		/*タテ位置揃え*/
	align-items: flex-end;			/*タテ位置揃え*/
	-webkit-box-pack: center;		/*ヨコ位置揃え*/
	-ms-flex-pack: center;			/*ヨコ位置揃え*/
	-webkit-justify-content: center;	/*ヨコ位置揃え*/
	justify-content: center;			/*ヨコ位置揃え*/
	}
.fba_BR {
	-webkit-box-align: end;			/*タテ位置揃え*/
	-ms-flex-align: end;				/*タテ位置揃え*/
	-webkit-align-items: flex-end;		/*タテ位置揃え*/
	align-items: flex-end;			/*タテ位置揃え*/
	-webkit-box-pack: end;			/*ヨコ位置揃え*/
	-ms-flex-pack: end;				/*ヨコ位置揃え*/
	-webkit-justify-content: flex-end;	/*ヨコ位置揃え*/
	justify-content: flex-end;		/*ヨコ位置揃え*/
	}

.fba_TC2 {
	-webkit-box-align: start;			/*タテ位置揃え*/
	-ms-flex-align: start;			/*タテ位置揃え*/
	-webkit-align-items: flex-start;	/*タテ位置揃え*/
	align-items: flex-start;			/*タテ位置揃え*/
	-webkit-box-pack: space-between;		/*ヨコ位置揃え*/
	-ms-flex-pack: space-between;			/*ヨコ位置揃え*/
	-webkit-justify-content: space-between;	/*ヨコ位置揃え*/
	justify-content: space-between;			/*ヨコ位置揃え*/
	}

.fba_MC2 {
	-webkit-box-align: center;			/*タテ位置揃え*/
	-ms-flex-align: center;				/*タテ位置揃え*/
	-webkit-align-items: center;			/*タテ位置揃え*/
	align-items: center;				/*タテ位置揃え*/
	-webkit-box-pack: space-between;		/*ヨコ位置揃え*/
	-ms-flex-pack: space-between;			/*ヨコ位置揃え*/
	-webkit-justify-content: space-between;	/*ヨコ位置揃え*/
	justify-content: space-between;			/*ヨコ位置揃え*/
	}
.fba_BC2 {
	-webkit-box-align: end;			/*タテ位置揃え*/
	-ms-flex-align: end;				/*タテ位置揃え*/
	-webkit-align-items: flex-end;		/*タテ位置揃え*/
	align-items: flex-end;			/*タテ位置揃え*/
	-webkit-box-pack: space-between;		/*ヨコ位置揃え*/
	-ms-flex-pack: space-between;			/*ヨコ位置揃え*/
	-webkit-justify-content: space-between;	/*ヨコ位置揃え*/
	justify-content: space-between;			/*ヨコ位置揃え*/
	}

.fba_TC3 {
	-webkit-box-align: start;			/*タテ位置揃え*/
	-ms-flex-align: start;			/*タテ位置揃え*/
	-webkit-align-items: flex-start;	/*タテ位置揃え*/
	align-items: flex-start;			/*タテ位置揃え*/
	-webkit-box-pack: space-around;		/*ヨコ位置揃え*/
	-ms-flex-pack: space-around;			/*ヨコ位置揃え*/
	-webkit-justify-content: space-around;	/*ヨコ位置揃え*/
	justify-content: space-around;			/*ヨコ位置揃え*/
	}

.fba_MC3 {
	-webkit-box-align: center;			/*タテ位置揃え*/
	-ms-flex-align: center;				/*タテ位置揃え*/
	-webkit-align-items: center;			/*タテ位置揃え*/
	align-items: center;				/*タテ位置揃え*/
	-webkit-box-pack: space-around;		/*ヨコ位置揃え*/
	-ms-flex-pack: space-around;			/*ヨコ位置揃え*/
	-webkit-justify-content: space-around;	/*ヨコ位置揃え*/
	justify-content: space-around;			/*ヨコ位置揃え*/
	}
.fba_BC3 {
	-webkit-box-align: end;			/*タテ位置揃え*/
	-ms-flex-align: end;				/*タテ位置揃え*/
	-webkit-align-items: flex-end;		/*タテ位置揃え*/
	align-items: flex-end;			/*タテ位置揃え*/
	-webkit-box-pack: space-around;		/*ヨコ位置揃え*/
	-ms-flex-pack: space-around;			/*ヨコ位置揃え*/
	-webkit-justify-content: space-around;	/*ヨコ位置揃え*/
	justify-content: space-around;			/*ヨコ位置揃え*/
	}

/*	アンダーライン
================================ */
.line_under {
	border-bottom: 1px solid #bbb;
	}
.line_under_bld {
	border-bottom: 4px solid #bbb;
	}
.line_under_dashed {
	border-bottom: 1px dashed #bbb;
	}
.line_under_dashed_bld {
	border-bottom: 4px dashed #bbb;
	}

.line_under_w {
	border-bottom: 1px solid #fff;
	}
.line_under_bld_w {
	border-bottom: 4px solid #fff;
	}
.line_under_dashed_w {
	border-bottom: 1px dashed #fff;
	}
.line_under_dashed_bld_w {
	border-bottom: 4px dashed #fff;
	}

.line_under_dk {
	border-bottom: 1px solid #393e44;
	}
.line_under_bld_dk {
	border-bottom: 4px solid #393e44;
	}
.line_under_dashed_dk {
	border-bottom: 1px dashed #393e44;
	}
.line_under_dashed_bld_dk {
	border-bottom: 4px dashed #393e44;
	}

.line_under_color01 {
	border-bottom: 1px solid #1471d7;
	}
.line_under_bld_color01 {
	border-bottom: 4px solid #1471d7;
	}
.line_under_dashed_color01 {
	border-bottom: 1px dashed #1471d7;
	}
.line_under_dashed_bld_color01 {
	border-bottom: 4px dashed #1471d7;
	}


/*	調整・確認系
================================ */
.txt_L {
	text-align: start !important;
	}
.txt_C {
	text-align: center !important;
	}
.txt_R {
	text-align: end !important;
	}

.txt_B {
	font-weight: bold !important;
	}
.txt_UL {
	text-decoration: underline;
	}

.txt_P {
	font-feature-settings:"palt";
	}

.txt_omit_L1 {
	margin: 0;
	padding: 0;
	display: inline-block;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	 text-overflow: ellipsis;
	}
.txt_omit_L2 {
	margin: 0;
	padding: 0;
	display: inline-block;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	 text-overflow: ellipsis;
	}
.txt_omit_L3 {
	margin: 0;
	padding: 0;
	display: inline-block;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	 text-overflow: ellipsis;
	}

.spacer {
	width: 100%;
	height: 10px;
	}
.spacer20 {
	width: 100%;
	height: 20px;
	}
.spacer30 {
	width: 100%;
	height: 30px;
	}
.spacer40 {
	width: 100%;
	height: 40px;
	}
.spacer50 {
	width: 100%;
	height: 50px;
	}
.spacer60 {
	width: 100%;
	height: 60px;
	}
.spacer70 {
	width: 100%;
	height: 70px;
	}
.spacer80 {
	width: 100%;
	height: 80px;
	}
.spacer90 {
	width: 100%;
	height: 90px;
	}
.spacer100 {
	width: 100%;
	height: 100px;
	}
.spacer_x {
	width: 100%;
	height: 10%;
	}

.text_break {
	display: -webkit-box;	/* Androidブラウザ用 */
	display: -ms-flexbox;	/* IE10 */
	display: -webkit-flex;	/* safari（PC iOS）用 */
	display: flex;
	-webkit-box-pack: center;		/*ヨコ位置揃え*/
	-ms-flex-pack: center;			/*ヨコ位置揃え*/
	-webkit-justify-content: center;	/*ヨコ位置揃え*/
	justify-content: center;			/*ヨコ位置揃え*/
	margin: 0;
	padding: 0;
	}

.validation_message {
	margin: 0;
	margin-bottom: 10px;
	padding: 0;
	width: 100%;
	color: #c50022;
	text-align: start;
	font-size: 1em;
	font-weight: normal;
	line-height: 1.2em;
	letter-spacing: 0.1em;
	}

.vvv {
	border: 1px solid #aaa;
	}
.www {
	border: 1px dashed #aaa;
	}
.xxx {
	border: 1px solid #fa0;
	}
.yyy {
	border: 1px solid #0af;
	}
.zzz {
	border: 1px solid #f0a;
	}

/*	medialist
================================ */
.list_wrapper_medialist {
	width: 96% !important;
}

.list_rotate {
	height: 100%;
	padding: 0 8px !important;
	position: relative;
	cursor: pointer;
	overflow: hidden;
}

.list_rotate > div {
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	margin: auto;
	background-size: contain;
	height: 2.5em;
	width: 2.5em;
	border-radius: 2em;
	transition: all .2s;
}

.list_rotate > div:hover {
	box-shadow: 1px 1px 5px lightgrey;
}

.list_rotate > div:first-child {
	background-image: url('../img/btn_open.png');
	transform: rotate(-180deg);
}
.list_rotate > div:first-child.hide {
	right: -6em;
	opacity: 0;
}

.list_rotate > div:first-child.rotate {
	transform: rotate(0);
}

.list_rotate > div:nth-child(2) {
	background-image: url('../img/btn_reject-7.png');
	left: -6em;
	opacity: 0;
}
.list_rotate > div:nth-child(2).show {
	left: 0;
	opacity: 1;
}

.media_list_detail_show {
	flex: 0 0 100%;
	width: 100%;
	height: 300px;
	transition: height .1s ease-in-out;
	background-color: lightgrey;
	box-shadow: 0 5px 5px grey inset;
}
.media_list_detail_show.hide {
	height: 0px;
	overflow: hidden;
}
.hover-status-highlight {
    background-color: rgba(20, 113, 215, 0.3);
    cursor: pointer;
}

/*	mediadetail
================================ */
.media_detail_header {
	justify-content: space-between;
}
.media_detail_header > div:first-child {
	width: calc(100% - 14em);
	overflow: hidden;
	white-space: nowrap;
	text-align: left;
}
.media_detail_header > div:first-child > span {
	display: inline-block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	max-width: calc(100% - 4em);
}
.media_detail_header > div:first-child > span:nth-child(2) {
	display: inline-block;
	min-width: 4em;
	text-align: right;
}
.media_detail_header > div:first-child > span:nth-child(2) img {
	width: 1em;
	height: 1em;
	vertical-align: top;
}
.pagesubtitle {
	margin: 0;
	padding: .5em 0;
	font-size: 1.5em;
	font-weight: normal;
	line-height: 1.2em;
	letter-spacing: .1em;
}

.media_detail {
	width: 100%;
	border-spacing: 0;
	border-collapse: collapse;
}

.media_detail th {
	width: 20%;
	padding: 1em;
	background-color: lightgrey;
	border: 1px solid black;
}

.media_detail td {
	width: auto;
	border: 1px solid black;
	padding: 1em;
}

.media_detail_histories {
	width: 100%;
	height: auto;
	border-radius: 1em;
	border: 1px solid black;
}

.media_detail_histories span {
	margin: 0 .25em;
	font-size: 1.4em;
	min-width: 10em;
}

.media_detail_histories > div:nth-child(n+2) {
	text-align: left;
	margin: 0 1em;
}

.media_detail_histories > div:nth-child(n+2) > p {
	margin-block-end: 0;
}

.media_detail_histories ul {
	list-style: none;
}

.media_detail_histories li {
	margin: .5em 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/*	mediaselect
================================ */
.mail_edit_area.fullsize {
	width: 100%;
}
.filter_area {
	height: 32em;
	transition: all .2s;
	overflow: hidden;
}
.filter_area_hidden {
	height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
}
.filter_area.hidden {
	border-top: 0px;
}
.filter_area > div {
	margin: 0;
	text-align: left;
}
.filter_step_title {
	color: white;
	background-color: #313748;
	width: 100%;
	padding: calc(1em / 3) 1em;
}
.filter_step_selector {
	display: flex;
	flex-wrap: wrap;
	padding: 1em 0 1em 1.5em;
}
.filter_step_selector > div:nth-child(2n+1) {
	width: 13em;
	padding-top: .4em;
}
.filter_step_selector > div:nth-child(2n) {
	width: calc(100% - 13em);
	/* max-height: calc(7em - 1px); */
	max-height: 4.75em;
	overflow-y: auto;
}
#third_filter.filter_step_selector > div:nth-child(2n) {
	max-height: 2.5em;
}
.filter_step_selector ::-webkit-scrollbar {
	width: 5px;
	background-color: lightgrey;
}
.filter_step_selector ::-webkit-scrollbar-thumb {
	background-color: #1471d7;
	border-radius: 1em;
}
.filter_step_area {
	margin: 1em;
}
.filter_step_selector > div > span {
	margin-top: 1em;
}
.filter_step_selector .filter_step_area {
	margin: 0;
}
#target_generation_range {
	margin: 3em;
	width: 40%;
}
.filter_area button {
	display: inline-block;
	background-color: white;
	font-size: 0.95em;
	max-width: 20em;
	border-radius: .8em !important;
	padding: .25em .6em;
	margin: .15em;
}
.filter_area button span {
	display: inline-block;
	vertical-align: middle;
	overflow: hidden;
	white-space: nowrap;
	text-align: right;
}
.filter_area button span:nth-child(1) {
	max-width: 13em;
	text-overflow: ellipsis;
}
.filter_area button span:nth-child(2) {
	width: 1em;
}
.filter_area button span:nth-child(3) {
	min-width: 2em;
}
.sub_action_area {
	display: flex;
	justify-content: center;
	/* position: sticky; */
	width: 100%;
	bottom: 1em;
}
.sub_action_area button {
	position: relative;
	width: 10em;
	margin: 0 .3em;
	padding: .62em 1.6em;
	font-size: 0.8em;
	font-weight: normal;
	line-height: 1.5em;
	letter-spacing: .1em;
	outline: 0;
	border-radius: 10px !important;
}
.sub_action_area button#search::before {
	content: ' ';
	background-image: url(../img/icon_loupe.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	margin: auto;
	width: 1.6em;
	height: 1.6em;
	left: 1em;
	filter: invert(1);
}
.sub_action_area button:hover {
	box-shadow: 1px 1px 5px lightgrey;
}
.ui-widget-header .ui-icon {
	background-image: url(../img/ui-icons_444444_256x240.png);
}
.list_header_titles,
.list_data_cell {
	transition: width .2s;
}
.list_header_titles.sortable {
	cursor: pointer;
}
.list_header_titles.sortable:hover {
	text-decoration: underline;
}
.list_header_titles.sortable.sort_order_asc::after {
	display: inline-block;
	height: 16px;
	width: 16px;
	position: absolute;
	content: '　';
	background-image: url(../img/ui-icons_ffffff_256x240.png);
	background-position: 0 -32px;
	background-repeat: no-repeat;
}
.list_header_titles.sortable.sort_order_desc::after {
	display: inline-block;
	height: 16px;
	width: 16px;
	position: absolute;
	top: 12px;
	content: '　';
	background-image: url(../img/ui-icons_ffffff_256x240.png);
	background-position: -64px -32px;
	background-repeat: no-repeat;
}
.list_data_cell {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.media_select_list_wrapper {
	left: 2%
}
.list_header_point {
	width: 1.25em;
	height: 1.25em;
	pointer-events: none;
}
.list_header_point_background {
	background-image: url(../img/icon_09.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
.suggested_date_for_sending button {
	font-size: .5em;
	padding: .8em;
}
.suggested_date_for_sending #datetimepicker {
	width: 0; height: 0; padding: 0; border: 0;
}
.list_subheader {
	display: inline-flex;
	justify-content: center;
	width: 100%;
	color: #fff;
	background: #989ba3;
	position: relative;
	top: 0;
	height: 0;
	transition: all .2s;
	overflow: hidden;
}
.list_subheader.open {
	height: 3em;
}

.delete_slider {
	position: relative;
	box-shadow: 0 0 .2em  grey inset;
	margin: .5em;
	width: 100%;
	height: 2em;
	border-radius: .2em;
	background-color: lightgrey;
	transition: all .2s;
}
.delete_slider.deleted {
	box-shadow: unset;
	background-color: white;
	right: 0;
	margin-left: calc(100% - 3.85em);
	width: 3.85em;
}
.delete_slider > .delete_slider_button {
	position: absolute;
	display: flex;
	cursor: pointer;
	width: 2.5em;
	margin: .2em;
	padding: .25em .25em;
	border-radius: .2em;
	background-color: white;
	box-shadow: 0 0 .1em grey;
	line-height: 1.1em;
	vertical-align: middle;
}
.delete_slider.deleted > .delete_slider_button {
	left: 0 !important;
	box-shadow: unset;
	border: 1px solid lightgrey;
	margin: calc(.2em - 1px);
}
.delete_slider > .delete_slider_button {
	display: flex;
	justify-content: space-around;
}
.delete_slider > .delete_slider_button > div {
	display: block;
	height: 1em;
	width: 2px;
	margin: auto;
	background-color: lightgrey;
}
.delete_slider > .delete_slider_button > span {
	display: block;
	font-size: .6em;
	padding: 0 .5em;
}
.delete_slider > .delete_slider_arrows {
	position: absolute;
	display: flex;
	justify-content: space-between;
	vertical-align: middle;
	left: 0; right: 0;
	margin: auto;
	width: 100px;
	height: 100%;
}
.delete_slider.deleted > .delete_slider_arrows {
	opacity: 0;
	width: 0;
}
.delete_slider > .delete_slider_arrows > div {
	height: .5em;
	width: .5em;
	border: .2em solid white;
	border-left: transparent;
	border-bottom: transparent;
	transform: rotate(45deg);
	top: 0; bottom: 0;
	margin: auto;
}
.delete_slider > .delete_slider_arrows > div:nth-child(1) {
	animation: 2s 0s slider_background_arrow_flush infinite;
}
.delete_slider > .delete_slider_arrows > div:nth-child(2) {
	animation: 2s .5s slider_background_arrow_flush infinite;
}
.delete_slider > .delete_slider_arrows > div:nth-child(3) {
	animation: 2s 1s slider_background_arrow_flush infinite;
}
@keyframes slider_background_arrow_flush {
	0%{
		opacity: 1;
	}
	80%{
		opacity: 0;
	}
	100%{
		opacity: 1;
	}
}

.candidate_selection {
	position: relative;
	padding: 0 !important;
	overflow-x: clip;
	overflow-y: visible;
	white-space: nowrap;
	transition: width .2s, opacity .2s;
}
.list_subheader > .candidate_selection {
	position: absolute;
	right: 0;
	width: calc(40% - .5em + 1px) !important;
	height: 3em;
	cursor: pointer;
}
#media-all-contents .list {
	transition: all .2s;
}
#media-all-contents .list.hidden {
	height: 0;
	min-height: 0;
	overflow: hidden;
	display: list-item !important;
}
#media-all-contents .list.append {
	height: 0;
	overflow: hidden;
	display: list-item !important;
}
#media-all-contents.media_select .candidate_selection {
	height: 0px;
}
#media-all-contents .candidate_selection {
	height: 96px;
}
#media-all-contents .candidate_selection.wdt_0,
#media-all-contents .candidate_selection.wdt_42 {
	transition: width .2s, height .2s;
}
#media-all-contents .candidate_selection > div:nth-child(1) {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 100%;
	transition: all .2s;
}
#media-all-contents .candidate_selection > div:nth-child(1) > div {
	position: relative;
}
#media-all-contents .candidate_selection > div:nth-child(2) {
	transition: all .2s;
}
.media_select_header_day {
	width: 100%;
	height: calc(3em - 1px);
	display: flex;
	justify-content: space-between;
	background-color: white;
	color: black;
	font-weight: bold;
	margin-bottom: -7px;
	z-index: 1;
}
.media_select_header_day > div:nth-child(2n+1),
.media_select_column_day > div:nth-child(2n+1) {
	width: calc(4.761% + 16px) !important;
	height: 100%;
	font-size: .5em;
}
.list_subheader .media_select_header_day > div:nth-child(2n+1) {
	line-height: 6em !important;
	color: black;
	background-color: white;
	border-left: 1px solid #989ba3;
	border-right: 1px solid #989ba3;
}
.media_select_header_day > div:nth-child(2),
.media_select_column_day > div:nth-child(2) {
	width: calc(100% - (4.761% + 16px)) !important;
	height: 100%;
	font-size: .5em;
	line-height: 3em;
	overflow: hidden;
}
.media_select_header_day > div:nth-child(2) > div,
.media_select_column_day > div:nth-child(2) > div {
	display: flex;
}
.media_select_header_day > div:nth-child(2) > div > div,
.media_select_column_day > div:nth-child(2) > div > div {
	min-width: calc((100% - 6px) / 7);
}
.media_select_header_day > div:nth-child(2) > div > div:nth-last-child(n+1),
.media_select_column_day > div:nth-child(2) > div > div:nth-last-child(n+1) {
	border-right: 1px solid #e8e8e8;
}
.media_select_header_day .saturday,
.destination_card_weekday.saturday {
	color: blue;
}
.media_select_header_day .sunday,
.destination_card_weekday.sunday {
	color: red;
}
.media_select_header_day .holiday,
.destination_card_weekday.holiday {
	color: red;
}
.media_select_column_day {
	width: 100%;
	height: 2em;
	display: flex;
	justify-content: space-between;
	color: black;
	font-weight: bold;
}
.media_select_column_day > div {
	text-align: center;
}
.media_select_column_day .accept {
	color: green;
	cursor: pointer;
}
.media_select_column_day .accept:hover {
	background-color: skyblue;
}
.media_select_column_day .reject {
	background-color: lightgrey !important;
	color: grey !important;
	transition: background-color .3s linear;
	transition-delay: .1s;
}
.media_select_column_day .reserved {
	background-color: aquamarine !important;
	color: orangered;
	transition: background-color .3s linear;
}
.media_select_header_day_shift_wrap > div {
	width: 2em;
	font-weight: bold;
	cursor: pointer;
}

.candidate_date_slider_wrap {
	background-color: 313748 !important;
}
.candidate_date_slider {
	user-select: none;
	font-size: .5rem;
	line-height: 4em !important;
	background-color: #313748;
	color: white;
}
.candidate_date_slider:hover {
	box-shadow: 1px 1px 5px lightgrey;
}

.sample-01 {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: lightgrey;
	top: 0;
}
.sample-01 > div {
	position: relative;
	width: 100%;
	height: 100%;
}
.sample-01 > div > div {
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	margin: auto;
	width: 8em;
	height: 8em;
}
.sample-02 {
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	margin: auto;
	width: 24em; height: 4em;
	text-align: center;
	vertical-align: middle;
	line-height: 4em;
	cursor: pointer;
	font-weight: bold;
	border-radius: .5em;
	overflow: hidden;
	background-color: white;
	border: 1px solid #cdcdcd;
}
.sample-02:hover {
	box-shadow: 1px 1px 10px #E8E8E8;
}
.candidate_date_is_far {
	color: orange;
}
.candidate_date_is_too_far {
	color: red;
}
.manual_selected::before {
	position: absolute;
	content: 'manual';
	line-height: .5em;
	background-color: green;
	left: -2.5em; top: 1.5em;
	width: 8em;
	transform: rotate(-45deg);
	text-align: center;
	font-size: .5em;
	color: white;
	padding: 1em;
	box-shadow: 1px 1px 5px lightgrey;
}
.auto_selected::before {
	position: absolute;
	content: 'auto';
	line-height: .5em;
	background-color: red;
	left: -2.5em; top: 1.5em;
	width: 8em;
	transform: rotate(-45deg);
	text-align: center;
	font-size: .5em;
	color: white;
	padding: 1em;
	box-shadow: 1px 1px 5px lightgrey;
}

.sample-04 {
	color: white;
	background-color: #1471d7 !important;
	border-color: #1471d7 !important;
}
.search_area_title {
	position: relative;
}
.search_area_title.show_selected_result {
	display: flex;
}
.search_area_title.show_selected_result > div:first-child {
	padding-right: 1em;
}
.search_area_title.show_selected_result > div:nth-child(2) {
	text-align: right;
}
.show_selected_result .selected_count,
.show_selected_result .need_point,
.show_selected_result .possession_points {
	margin: 1em 0;
	font-size: 1.5em;
}
.media-select-content {
	user-select: none;
}
.media-select-content button#open_filter {
	position: relative;
	height: 3em;
	width: 10em;
	padding-left: 0;
	transition: all .2s;
}
.media-select-content button#open_filter:hover {
	box-shadow: 1px 1px 5px lightgrey;
}
.media-select-content button#open_filter::after {
	content: '';
	background-image: url(../img/btn_close.png);
	background-size: contain;
	width: 3em;
	height: 3em;
	top: 0; bottom: 0; right: 0;
	margin: auto;
	position: absolute;
	transition: all .2s;
}
.media-select-content button#open_filter.close::after {
	transform: rotate(180deg);
}
.display_all_unlock {
	position: absolute;
	width: 1em;
	height: 1em;
	top: 0;
	left: 0;
	/* background-color: red; */
	z-index: 2;
}
.display_all {
	position: absolute;
	width: 10em;
	height: 1.5em;
	top: 0;
	right: 0;
	padding-right: 1em;
	cursor: pointer;
	text-align: right;
	z-index: 1001;
}

/* 詳細画面 */
.media_select_detail {
	position: relative;
	display: flex;
	padding-top: 10px;
	justify-content: space-between;
	user-select: none;
}
.media_select_detail > div {
	background-color: white;
	border: 1px solid lightgrey;
	width: 100%;
}
.media_select_detail > div:nth-child(n+1) {
	border-left: unset;
}
.media_select_detail > div:nth-last-child(1) {
	border-right: unset;
}

/*	maillist
================================ */
#message-all-contents p[data-sending-information] {
	position: relative;
}
#message-all-contents p[data-sending-information]::after {
	content: attr(data-sending-information);
	position: absolute;
	bottom: 0;
	right: 0;
	font-size: .4em;
	margin: auto;
}
.send_status {
	font-size: calc(2em / 3);
	line-height: 1.5em;
	width: 100%;
}
.send_result {
	display: flex;
	flex-wrap: wrap;
	padding: 0 0.5em !important;
	justify-content: space-around;
	flex-direction: column;
	height: 3em;
}
.send_result > div:nth-child(n) {
	width: 33%;
	height: 1em;
	line-height: 1;
	font-size: .8em;
	padding: 0;
	margin: .2em 0;
	text-align: right;
}

/*	mailedit
================================ */
.mail_edit_input {
	/* position: relative; */
}

.mail_edit_input > input, .mail_edit_input > textarea {
	width: calc(100% - 2em);
	margin-bottom: 1em;
	resize: none;
}
.error_message {
	display: inline-block;
	text-align: left;
	color: red;
	margin: 0 !important;
	display: none;
}
.select_file_area {
	width: calc(100%);
	margin: 0 0 1em 0;
	padding: 0;
	font-size: 0.8em;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}
.file_frame {
	margin: 0;
	padding: 0;
	height: 15em;
	border: 1px #dedede solid;
	border-radius: 10px;
	font-size: 0.8em;
	font-weight: normal;
	line-height: 1.5em;
	letter-spacing: 0.1em;
}
.file_frame .drop_area_tweak {
	bottom: 4em !important;
	height: calc(100% - 16px - 4em) !important;
}
.file_frame .drop_message_area {
	border-radius: 10px !important;
}
.file_frame .drop_message_area > div {
	background: white !important;
}
.select_file {
	position: absolute;
	bottom: 0;
	margin: 0 0 0 1em;
	padding: 1em 0;
	height: 3em;
	font-size: 0.8em;
	font-weight: normal;
	line-height: 1.5em;
	letter-spacing: 0.1em;
}

/** 送信先情報カード */
.destination_card {
	width: 100%;
	height: auto;
	border-radius: .5em;
	border: 1px solid black;
	display: none;
}
.destination_card > .card_information_title {
	font-weight: bold;
	margin: 1em 1em;
}
.destination_card > p {
	display: block;
	text-align: left;
	margin: 0 1em;
}
.destination_card p > span {
	margin-right: 0 .5em;
}
.candidate_date {
	margin-top: 1em;
}
.candidate_date > span {
	font-size: 1em;
}
.candidate_date button {
	font-size: .5em;
}
.candidate_title_area {
	text-align: left;
	margin-left: 1em;
}
.candidate_title {
	display: inline-block;
	vertical-align: middle;
	font-size: .75em;
	font-weight: bold;
}
.candidate_title::before{
	content: '　';
	display: inline-block;
	vertical-align: middle;
	background-image: url(../img/icon_00.png);
	background-size: contain;
	background-repeat: no-repeat;
	width: 1.5em;
	height: 1.5em;
}
.destination_card .list:hover {
	cursor: pointer;
	background-color: lightblue;
}
.destination_card .list > div {
	pointer-events: none;
}
.destination_card table {
	font-size: .5em;
	margin: 1em;
	border-collapse: collapse;
}
.destination_card table th.candidate_day {
	border-left: 1px solid #dedede;
	border-right: 1px solid #dedede;
}
.destination_card table th.saturday {
	color: blue;
}
.destination_card table th.sunday {
	color: red;
}
.destination_card table td {
	font-size: .2em;
	white-space: nowrap;
	border: 1px solid #dedede;
	text-align: center;
	width: 12%;
}
.destination_card table th.candidate_time {
	border-top: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
	width: 10%;
}
.destination_card table td.acceptable {
	color: limegreen;
	font-weight: bold;
	font-family: monospace;
}
.destination_button_area {
	display: flex;
}
.destination_button_area button {
	width: 100%;
	margin: 1em;
}
.destination_select {
	text-align: center;
}
.destination_select p {
	display: inline-block;
}
.destination_card p.target {
	vertical-align: bottom;
	pointer-events: none;
}
.destination_card p.target::after {
	content: attr(data-sending-information);
	position: absolute;
	bottom: 0;
	right: 0;
	line-height: 2em;
	font-size: .5em;
	color: black;
	padding: 0 .25em;
}
.destination_card p.target::before {
	content: attr(data-result);
	position: absolute;
	top: 0;
	left: 0;
	line-height: 2em;
	font-size: .5em;
	color: white;
	padding: 0 .25em;
	border-bottom-right-radius: .5em;
}
.destination_card p.target.green::before {
	content: '開封済み';
	background-color: green;
}
.destination_card p.target.red::before {
	content: '興味あり';
	background-color: red;
}
.destination_card p.target.blue::before {
	content: '追加情報希望';
	background-color: blue;
}
.destination_card p.target.yellow::before {
	content: '取材依頼';
	background-color: yellow;
	color: black;
}
.destination_card p.target.redflush::before {
	content: '送信失敗';
	background-color: lime;
	color: black;
	/* animation: redflush_animation 1s infinite, redflush_animation2 2s linear infinite, redflush_animation3 5s ease-in-out infinite; */
	/* animation: redflush_animation 1s infinite; */
	z-index: 1;
}
.destination_card p.target.orange::before {
	content: 'クリック';
	background-color: orange;
}
@keyframes redflush_animation {
	0%{
		background-color: lime;
		color: black;
	}
	50%{
		background-color: red;
		color: white;
	}
	100%{
		background-color: lime;
		color: black;
	}
}
@keyframes redflush_animation2 {
	0%{
		transform: rotate(0deg) scale(1);
	}
	50%{
		transform: rotate(360deg) scale(1.5);
	}
	100%{
		transform: rotate(720deg) scale(1);
	}
}
@keyframes redflush_animation3 {
	0%{
		left: 0;
	}
	50%{
		left: 50%;
	}
	100%{
		left: 0;
	}
}
.destination_card li.sending_error {
	text-align: left;
	padding: .25em .5em;
	font-size: .8em;
}

/** 予約ブロック */
.destination_card_weekbox {
	display: flex;
}
.destination_card_weekbox > div {
	min-width: 3em;
	padding: 0;
	margin: 0;
}
.destination_card_weekbox > div:nth-child(2n + 1) button {
	background-image: url(../img/btn_open.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	background-color: white !important;
	height: 4em;
	width: 4em;
	border: none !important;
	border-radius: 10em;
	padding: 0 !important;
}
.destination_card_weekbox > div:nth-child(2n + 1) button:hover {
	box-shadow: 0px 0px 3px lightgrey;
}
.destination_card_weekbox > div:nth-child(2n + 1) button:disabled {
	box-shadow: unset;
	background-image: unset;
	cursor: default;
}
.destination_card_weekbox > div:nth-child(1) {
	transform: rotate(-90deg);
}
.destination_card_weekbox > div:nth-child(3) {
	transform: rotate(90deg);
}
.destination_card_weekboxblock {
	position: relative;
	width: 100%;
	overflow: hidden;
}
.destination_card_week {
	position: absolute;
	display: flex;
	font-size: .5em;
	font-weight: bold;
	scrollbar-width: none;
	width: 100%;
	left: 0;
	transition: all .2s;
}
.destination_card_week::-webkit-scrollbar {
	display: none;
}
.destination_card_weekday {
	min-width: calc(100% / 5 - .5em);
	max-width: calc(100% / 5 - .5em);
	width: calc(100% / 5 - .5em);
	margin: .25em;
}
.destination_card_weekday p {
	white-space: nowrap;
	margin: 0;
}
.destination_card_weekday p:first-child {
	margin-bottom: .1em;
}
.candidate_time_row {
	list-style: none;
	font-size: .5em;
	font-weight: bold;
	width: 100%;
}
.candidate_time_row li {
	display: flex;
	overflow: hidden;
	margin: .25em 0;
}
.candidate_time_row li > p {
	width: 48px;
}
.candidate_time_row li > div {
	position: relative;
	width: calc(100% - 12em);
	margin-right: 6em;
	overflow: hidden;
}
.candidate_time_row li > div > div {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	display: flex;
	justify-content: left;
	transition: all .2s;
}
.candidate_time_row li button {
	display: block;
	min-width: calc(100% / 5 - .5em);
	max-width: calc(100% / 5 - .5em);
	width: calc(100% / 5 - .5em);
	background-color: #f6f5f4;
	border-radius: 1em;
	margin: 0 .25em;
}
.candidate_time_row li button:disabled {
	border-color: #adadad !important;
	background-color: #adadad;
	color: black;
	cursor: default;
}
.candidate_time_row li button.selected {
	background-color: lightblue;
}
.candidate_time_row li div div div {
	min-width: calc(100% / 5 - .5em);
	max-width: calc(100% / 5 - .5em);
	width: calc(100% / 5 - .5em);
	margin: 0 .25em;
}

/* ================================ */

/* append */
.relative {
	position: relative;
}

.hidden {
	display: none;
}

img.loading {
	background-color: grey;
}

span.error {
	display: none;
	color: red;
}

div.error {
	display: none;
	color: red;
}

.modal_error_message {
	display: none;
	color: red;
}

/* ログインエラー時
 */
.vibrate {
	animation: vibration .1s;
}

@keyframes vibration {
	0% {transform: translate(0px, 0px) rotateZ(0deg)}
	25% {transform: translate(2px, 0px) rotateZ(1deg)}
	50% {transform: translate(-2px, 0px) rotateZ(0deg)}
	75% {transform: translate(2px, 0px) rotateZ(-1deg)}
	100% {transform: translate(0px, 0px) rotateZ(0deg)}
}

/* リスト一覧
 */
.list_wrapper {
	cursor: pointer;
	width: 100%;
	height: 100%;
	position: absolute;
	width: calc(97% - 3px) !important;
	left: calc(3% + 3px);
}

.list_wrapper:hover {
	background-color: rgba(20, 113, 215, 0.3) !important;
}

.list_wrapper.fullsize {
	left: 0 !important;
	width: 100% !important;
}

/* メディア編集用
 */
.select_image_area_wrapper {
	width: 640px;
}

.image_frame > img {
	position: absolute;
	left: 0; right: 0; top: 0; bottom: 0;
	margin: auto;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	background-color: #f9f9f9;
}

.drop_point,
.drop_message_area {
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	margin: auto;
	width: calc(100% - 16px);
	height: calc(100% - 16px);
}
.drop_message_area {
	border: 2px dashed lightgrey;
}

.drop_message_area > div {
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	margin: auto;
	width: 20em;
	height: 3em;
	background-color: #f9f9f9;
	border-radius: .5em;
	padding: .5em;
}

.drop_message_area.invisible {
	border: unset;
}

.drop_message_area.invisible > div {
	display: none;
}

/**
 * version 2.5 対応
 */
.tab_header {
  text-align: left;
  padding: 0;
	position: relative;
}
/* .tab_header::after {
	content: '';
	position: absolute;
	bottom: -2px;
	right: 0;
	height: 7px;
	width: 100%;
	background-color: white;
	border: solid 1px #dedede;
	border-width: 1px 0 0 0;
	z-index: 1;
} */

.btn_main.btn_tab {
  border-bottom: 0 !important;
  border-radius: 20px 20px 0 0;
	background-color: #dee1e6;
  margin: 0;
	/* margin-bottom: 15px; */
	width: 160px;
	/* margin-left: 5px;
	margin-right: 5px; */
	position: relative;
}

.btn_main.btn_tab.btn_tab_selected {
  pointer-events: none;
  cursor: default;
  background-color: white;
}
.no_margin {
	    margin: 0px;
}
/* 
.btn_main.btn_tab::before {
	content: '';
	background: white;
	width: 5px;
	height: 10px;
	position: absolute;
	bottom: 0px;
	left: -6px;
	border: solid 1px #dedede;
	border-width: 0 0 1px 0;
}

.btn_main.btn_tab::after {
	content: '';
	background: linear-gradient(#dee1e6, #dedede);
	width: 158px;
	height: 10px;
	position: absolute;
	bottom: 0px;
	right: -1px;
	border: solid 1px #dedede;
	border-width: 0 1px 1px 1px;
	z-index: 1;
}

.btn_main.btn_tab.btn_tab_selected::before {
	content: '';
	background: white;
	width: 10px;
	height: 10px;
	position: absolute;
	bottom: 0px;
	left: -11px;
	border-bottom-right-radius: 50%;
	border: solid 1px #dedede;
	border-width: 0 1px 1px 0;
}

.btn_main.btn_tab.btn_tab_selected::after {
	content: '';
	background: white;
	width: 10px;
	height: 10px;
	position: absolute;
	bottom: -0;
	right: -11px;
	border-bottom-left-radius: 50%;
	border: solid 1px #dedede;
	border-width: 0 0 1px 1px;
} */