@charset "UTF-8";

/*
*
*	1.siteCommon
*
*	2.loginForm
*
*	3.nav(LEFT)
*		-menu profile quick info
*		-sidebar menu
*
*	4.nav(TOP)
*		-top navigation
*
*	5.page content
*		-table
*		-alert
*		-other
*
*	6.footer
*
*	7.clearfix
*
***************************************** */



/* 1. siteCommon */
/* ------------------------------------------------------------------------------- */


*, *::before, *::after {
	box-sizing: border-box;
}

body {
	font-family: "メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS P Gothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Arial","Helvetica","Verdana","sans-serif";
	font-size: 13px;
	font-weight: 400;
	line-height: 1.471;
}

.container {
	padding: 0;
	width: 100%;
}

a {
	color: #5a738e;
	text-decoration: none;
}

a, a:visited, a:focus, a:active, *:visited, *:focus, *:active, .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn.active.focus {
	outline: 0 none;
}

.active a span.fa {
	margin-right: 4px;
	text-align: right !important;
}

img {
	vertical-align: middle;
	border: 0 none;
}

.row {
	margin-left: -10px;
	margin-right: -10px;
}

h1, .h1, h2, .h2, h3, .h3 {
	margin-top: 10px;
	margin-bottom: 10px;
}

h2 {
	font-size: 18px;
	font-weight: 400;
}


/* 2. loginForm */
/* ------------------------------------------------------------------------------- */


a.hiddenanchor {
	display: none;
}

.login_wrapper {
	margin: 5% auto 0;
	max-width: 400px;
	position: relative;
	right: 0;
}

.animate {
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-timing-function: ease;
}

.login_form {
	z-index: 22;
}

.registration_form, .login_form {
	position: absolute;
	top: 0;
	width: 100%;
}

.login_content {
	margin: 0 auto;
	min-width: 280px;
	padding: 25px 0 0;
	position: relative;
	text-align: center;
}

.login_content h1::before {
	left: 0;
}

.login_content h1::before, .login_content h1::after {
	content: "";
	height: 1px;
	position: absolute;
	top: 10px;
	width: 7%;
}

.login_content h1::after {
	right: 0;
}

.login_content h1 {
	font-size: 21px;
	letter-spacing: -0.05em;
	margin: 10px 0 30px;
}

.login_content form input[type="text"], .login_content form input[type="email"], .login_content form input[type="password"] {
	border-radius: 3px;
	margin: 0 0 20px;
	width: 100%;
}

.login_content form input[type="text"]:focus, .login_content form input[type="email"]:focus, .login_content form input[type="password"]:focus {
	outline: none;
}

.form-control:focus {
	box-shadow: none !important;
}

.form-control {
	border-radius: 0;
	width: 100%;
}

.login_content form div a {
	font-size: 12px;
	margin: 10px 15px 0 0;
}

.login_content a, .login_content .btn-default:hover {
	text-decoration: none;
}

.btn {
	border-radius: 3px;
}

.buttons, button, .btn {
	margin-bottom: 5px;
	margin-right: 5px;
}

.login_content div .reset_pass {
	float: right;
	margin-right: 39px;
	margin-top: 13px !important;
}

.reset_pass {
	margin-top: 10px !important;
}

.separator {
	margin-top: 10px;
	padding-top: 10px;
}

.separator > p > a > i{
	margin-left: 10px;
}

.registration_form {
	opacity: 0;
	width: 100%;
	z-index: 21;
}

.login_content form {
	margin: 20px 0;
	position: relative;
}

.loginBtnM{
	margin-bottom: 50px;
}

.loginBtnM a{
	font-size: 120% !important;
}


/* 3. nav(LEFT) */
/* ------------------------------------------------------------------------------- */


.navbar {
	margin-bottom: 0;
}

.nav-md .container.body .col-md-3.left_col {
	display: flex;
	padding: 0;
	position: absolute;
	width: 230px;
	z-index: 9999;
}

.nav-sm .container.body .col-md-3.left_col {
	width: 70px;
	padding: 0;
	z-index: 9999;
	position: absolute;
}

.nav_title {
	border-radius: 0;
	float: left;
	height: 57px;
	width: 230px;
	border: 0px;
}

.nav-sm .navbar.nav_title {
	width: 70px;
}

.nav-sm .navbar.nav_title a i {
	font-size: 27px;
	margin: 13px 0 0 3px;
}

.nav-sm .navbar.nav_title a span {
	display: none;
}

.site_title {
	display: block;
	font-size: 20px;
	font-weight: 400;
	height: 55px;
	line-height: 59px;
	margin-bottom: 0;
	margin-left: 0 !important;
	margin-right: 0;
	margin-top: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 100%;
	text-align: center;
}

.site_title:hover, .site_title:focus {
	text-decoration: none;
}

/*-----------menu profile quick info----------------------------*/

.profile_info {
	padding: 25px 10px 10px;
	width: 65%;
	float: left;
}

.profile_info span {
	font-size: 13px;
	line-height: 30px;
}

.profile_info i {
	padding: 8px 9px;
	border-radius: 50%;
	font-size: 19px;
	margin-right: 15px;
}

.profile_info h2 {
	font-size: 14px;
	font-weight: 300;
	margin: 0;
}

.nav-sm .profile {
	display: none;
}

/*-----------sidebar menu---------------------------------------*/

.main_menu_side {
	padding: 0;
}

.nav-sm .menu_section {
	margin: 0;
}

.nav .side-menu > li {
	position: relative;
	display: block;
	cursor: pointer;
}

.nav-sm span.fa, .nav-sm .menu_section h3 {
	display: none;
}

.nav-sm .nav.side-menu li a {
	text-align: center !important;
	font-weight: 400;
	font-size: 10px;
	padding: 10px 5px;
}

.nav-sm .nav.side-menu li a i {
	font-size: 25px !important;
	text-align: center;
	width: 100% !important;
	margin-bottom: 5px;
}

.nav-sm ul.nav.child_menu {
	left: 100%;
	position: absolute;
	top: 0;
	width: 210px;
	z-index: 4000;
	display: none;
}

.nav-sm ul.nav.child_menu li {
	padding: 0 10px;
}

.nav-sm ul.nav.child_menu li a {
	text-align: left !important;
}

.menu_section > ul {
	margin-top: 10px;
}

.nav.side-menu > li {
	cursor: pointer;
	display: block;
	position: relative;
}

.nav.side-menu > li > a, .nav.child_menu > li > a {
	font-weight: 500;
}

.nav.side-menu > li > a {
	margin-bottom: 6px;
}

.nav.side-menu > li > a:hover, .nav > li > a:focus {
	text-decoration: none;
	background: transparent;
}

.nav > li > a {
	display: block;
	padding: 13px 15px 12px;
	position: relative;
}

.main_menu .fa {
	display: inline-block;
	font-family: FontAwesome;
	font-size: 18px;
	font-style: normal;
	font-weight: normal;
	opacity: 0.99;
	width: 26px;
	margin-right: 7px;
}

.main_menu span.fa {
	float: right;
	font-size: 10px;
	margin-top: 5px;
	min-width: inherit;
	text-align: center;
}

.nav-md ul.nav.child_menu li::before {
	border-radius: 50%;
	bottom: auto;
	content: "";
	height: 8px;
	left: 23px;
	margin-top: 15px;
	position: absolute;
	right: auto;
	width: 8px;
	z-index: 1;
}

.nav-md ul.nav.child_menu li::after {
	bottom: 0;
	content: "";
	left: 27px;
	position: absolute;
	top: 0;
}

.nav.child_menu {
	display: none;
}

.nav.child_menu li {
	padding-left: 36px;
}

.nav > li > a > img {
	max-width: none;
}

/* 4. nav(TOP) */
/* ------------------------------------------------------------------------------- */
/*-----------top navigation------------------------------------*/


.main_container .top_nav {
	display: block ;
	margin-left: 230px ;
}

.nav-sm .main_container .top_nav {
	display: block;
	margin-left: 70px;
	z-index: 2;
}

.nav_menu {
	float: left;
	margin-bottom: 10px;
	width: 100%;
	position: relative;
}

@media (min-width: 480px) {
.nav_menu {
	position: static;
}
}

.toggle {
	float: left;
	margin: 0;
	padding-top: 16px;
	width: 70px;
}

.toggle a {
	padding: 15px 15px 0;
	margin: 0;
	cursor: pointer;
}

.toggle a i {
	font-size: 26px;
}

.top_nav .navbar-right {
	float: right;
	margin: 0;
	width: 70%;
}

.page-title .title_right .pull-right {
	margin: 10px 0;
}

.navbar-right {
	margin-right: 0;
}

.top_nav .navbar-right li {
	position: relative;
}

.top_nav .navbar-right li {
	display: inline-block;
	float: right;
	position: static;
}

.top_nav .navbar-right li i{
	margin-right: 15px;
}

@media (min-width: 480px) {
.top_nav .navbar-right li {
	position: relative;
}
}

.navbar-brand, .navbar-nav > li > a {
	font-weight: 500;
	line-height: 32px;
	margin-left: 0 !important;
}

.top_nav .nav > li > a:focus, .top_nav .nav > li > a:hover, .top_nav .nav .open > a, .top_nav .nav .open > a:focus, .top_nav .nav .open > a:hover {
	background: #d9dee4 none repeat scroll 0 0;
}

.user-profile img {
	border-radius: 50%;
	height: 29px;
	margin-right: 10px;
	width: 29px;
}

.dropdown-menu {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	box-shadow: none;
	display: none;
	float: left;
	font-size: 12px;
	left: 0;
	list-style: outside none none;
	padding: 0;
	position: absolute;
	text-shadow: none;
	top: 100%;
	z-index: 9998;
}

.navbar-nav .open .dropdown-menu {
	position: absolute;
	margin-top: 0;
	-webkit-box-shadow: none;
	right: 0;
	left: auto;
	width: 220px;
}

.top_nav .dropdown-menu li {
	width: 100%;
}

.dropdown-menu {
	font-size: 12px;
	list-style: outside none none;
	text-shadow: none;
}

.top_nav .dropdown-menu li a {
	padding: 12px 20px;
	width: 100%;
}

.dropdown-menu a {
	cursor: pointer;
}

.top_nav li a i {
	font-size: 15px;
}


/* 5. page content */
/* ------------------------------------------------------------------------------- */


.nav-md .container.body .right_col {
	margin-left: 230px;
	padding: 10px 20px 0;
}

.nav-sm .container.body .right_col {
	padding: 10px 20px;
	margin-left: 70px;
	z-index: 2;
}

@media (max-width: 991px) {
.nav-md .container.body .right_col, .nav-md .container.body .top_nav {
	width: 100%;
	margin: 0;
}

.nav-md .container.body .col-md-3.left_col {
	display: none;
}

.nav-md .container.body .right_col {
	width: 100%;
	padding-right: 0;
}

.right_col {
	padding: 10px !important;
}
}

.top_search {
	padding: 0;
}

.page-title {
	width: 100%;
	height: 65px;
	padding: 10px 0;
}

.page-title .title_left {
	width: 45%;
	float: left;
	display: block;
}

.page-title .title_left h3 {
	margin: 9px 0;
}

.page-title .title_right {
	width: 55%;
	float: left;
	display: block;
}

.col-md-55, .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
	float: left;
	min-height: 1px;
	padding-left: 10px;
	padding-right: 10px;
	position: relative;
}

@media (min-width: 768px) {
.col-md-55 {
	width: 20%;
}
}

@media (min-width: 992px) {
.col-md-55 {
	width: 20%;
}
}

@media (min-width: 1200px) {
.col-md-55 {
	width: 20%;
}
}

@media (min-width: 192px) and (max-width: 1270px) {
table.tile_info span.right {
	margin-right: 7px;
	float: left;
}
}

.ln_solid {
	height: 1px;
	margin: 20px 0;
}

/*-----------table---------------------------------------*/

table.tbeA th.tbeA01{
	width: 5%;
}

table.tbeA th.tbeA02{
	width: 10%;
}

table.tbeA th.tbeA03{
	width: 10%;
}

table.tbeA th.tbeA04{
	width: 20%;
}

table.tbeA th.tbeA05{
	width: 15%;
}

table.tbeA th.tbeA06{
	width: 10%;
}

table.tbeA th.tbeA07{
	width: 10%;
}

table.tbeB th.tbeB01{
	width: 20%;
}

table.tbeB th.tbeB02{
	width: 50%;
}

table.tbeB th.tbeB03{
	width: 15%;
}

table.tbeB th.tbeB04{
	width: 15%;
}

/*-----------alert---------------------------------------*/

.alert-danger, .alert-error, .alert-warning, .alert-info, .alert-success {
	text-align: left;
	margin-top: 30px;
}

.alert-danger > i, .alert-error > i, .alert-warning > i, .alert-info > i, .alert-success > i {
	font-size: 150%;
	margin-right: 10px;
}

/*-----------form---------------------------------------*/

form.formRegisterA .formRegDropL{
	padding-left: 0px;
}

form.formRegisterA textarea.formRegtxtAreaTM{
	margin-top: 10px;
}

/*-----------other---------------------------------------*/

.tile_count {
	margin-bottom: 20px;
	margin-top: 20px;
}
.x_panel {
	position: relative;
	width: 100%;
	margin-bottom: 10px;
	padding: 10px 17px;
	display: inline-block;
	-webkit-column-break-inside: avoid;
	-moz-column-break-inside: avoid;
	column-break-inside: avoid;
	opacity: 1;
	transition: all .2s ease;
}

.x_title {
	padding: 1px 5px 6px;
	margin-bottom: 10px;
}

.x_title h2 {
	margin: 5px 0 6px;
	float: left;
	display: block;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.x_content {
	padding: 0 5px 6px;
	position: relative;
	width: 100%;
	float: left;
	clear: both;
	margin-top: 5px;
}

.x_content h3{
	font-size: 16px;
	margin-bottom: 30px;
}

.x_content p.TopMsg{
	margin-bottom: 15px;
}

.bulk-actions {
	display: none;
}


/* 6. footer */
/* ------------------------------------------------------------------------------- */

footer {
	padding: 15px 20px;
	display: block;
}

/* @media (min-width: 768px) { */
@media (min-width: 992px) {
footer {
	margin-left: 230px;
}
}

.nav-sm footer {
	margin-left: 70px;
}

.footer_fixed footer {
	position: fixed;
	left: 0px;
	bottom: 0px;
	width: 100%;
}

@media (min-width: 768px) {
.footer_fixed footer {
	margin-left: 0;
}
}

@media (min-width: 768px) {
.footer_fixed .nav-sm footer {
	margin-left: 0;
}
}


/* 7. clearfix */
/* ------------------------------------------------------------------------------- */


.clearfix:after, form:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* 必須入力マーク */
.required {
	font-weight: bold;
	text-align: left;
	color: #C3232D;
}


/* 8. custom */
/* ------------------------------------------------------------------------------- */
@media screen and (min-width: 1px) and (max-width:414px){
	.footer_logo {
		float: left !important;
	}
}

@media screen and (min-width:415px) and ( max-width:1023px) {
	.footer_logo {
		float: right !important;
	}
}

@media screen and (min-width : 1024px) {
	.footer_logo {
		float: right !important;
	}
}