@charset "utf-8";
/* CSS Document */

@import url("../../js/bootstrap/css/bootstrap-grid.custom.css");
@import url("https://fonts.googleapis.com/css?family=Open+Sans:600");
@import url("https://fonts.googleapis.com/earlyaccess/notosansjapanese.css");

/* =========================================================
■ 基本
========================================================= */
img {
		max-width: 100% !important;
		height: auto;
}

/*---------------------------------
_フォーカス無効
-----------------------------------*/
a{
	outline:none;
}
a:hover{
	outline:none;
}
a:active{
	outline:none;
}
a:link{
	outline:none;
}
a:visited{
	outline:none;
}

.btn{
	outline:none !important;
}
.btn:focus{
	outline:none !important;
}

/*---------------------------------
_フォント
-----------------------------------*/
.ff-en {
	font-family: "Times New Roman","ff-serif","Yu Mincho","Hiragino Mincho Pro","Hiragino Mincho ProN","MS PMincho","Times New Roman",serif;
	font-weight: normal;
}
.ff-jp {
	font-family: "Helvetica Neue",Helvetica,"LatoLight",Arial,"Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-weight: normal;
}
.fs-b1 {
	font-size: 1.3em;
}
.fs-b2 {
	font-size: 1.6em;
}
.fs-b3 {
	font-size: 1.9em;
}
.fs-b4 {
	font-size: 2.2em;
}
.fs-s1 {
	font-size: 0.9em;
}
.fs-s2 {
	font-size: 0.8em;
}
.fs-s3 {
	font-size: 0.7em;
}
.fs-s4 {
	font-size: 0.6em;
}
.fs-s5 {
	font-size: 0.5em;
}
.fs-s6 {
	font-size: 0.4em;
}
.fs-s7 {
	font-size: 0.3em;
}
.fs-contents {
	font-size: 1.10em;
	line-height: 180%;
}

/*---------------------------------
_印刷時URLを記載しない
-----------------------------------*/
@media print {
	a[href]:after {
		content: "";
	}
	abbr[title]:after {
		content: "";
	}
}


/* =========================================================
■ 汎用
========================================================= */
/*---------------------------------
_bootstrapバージョン更新に伴って打ち消し
-----------------------------------*/
.checkbox, .radio {
	padding-left: 20px;
}

/*---------------------------------
_フォルダー階層
-----------------------------------*/
.right-side > .content .breadcrumb.folder {
		background: none repeat scroll 0% 0% transparent;
		margin-top: 0px;
		margin-bottom: 0px;
		font-size: 12px;
		padding: 7px 5px;
		border-radius: 2px;
}
.right-side > .content .breadcrumb.folder > li > a > .fa {
	margin-right: 5px;
}
.right-side > .content .breadcrumb.folder > li + li:before {
	content: "> ";
}

/*---------------------------------
_画像ホバー
-----------------------------------*/
.img-hover a img {
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.img-hover a:hover img {
	opacity: .5;
}
.img-hover.white {
	background-color: #FFF;
}


/*---------------------------------
_テーブルタイトルノーロールオーバー
-----------------------------------*/
.table-hover > tbody > tr:hover > th {
	background-color: inherit;
}

/*---------------------------------
_テーブル縦並び（単体）
-----------------------------------*/
.table th.v-top,
.table td.v-top {
	vertical-align: top;
}
.table th.v-middle,
.table td.v-middle {
	vertical-align:middle;
}
.table th.v-bottom,
.table td.v-bottom {
	vertical-align:bottom;
}

/*---------------------------------
_テーブル縦並び（単体）
-----------------------------------*/
.table.v-top > thead > tr > th,
.table.v-top > tbody > tr > th,
.table.v-top > tfoot > tr > th,
.table.v-top > thead > tr > td,
.table.v-top > tbody > tr > td,
.table.v-top > tfoot > tr > td {
	vertical-align: top;
}
.table.v-middle > thead > tr > th,
.table.v-middle > tbody > tr > th,
.table.v-middle > tfoot > tr > th,
.table.v-middle > thead > tr > td,
.table.v-middle > tbody > tr > td,
.table.v-middle > tfoot > tr > td {
	vertical-align: middle;
}
.table.v-bottom > thead > tr > th,
.table.v-bottom > tbody > tr > th,
.table.v-bottom > tfoot > tr > th,
.table.v-bottom > thead > tr > td,
.table.v-bottom > tbody > tr > td,
.table.v-bottom > tfoot > tr > td {
	vertical-align: bottom;
}

.table > thead > tr > th.v-top,
.table > thead > tr > td.v-top,
.table > tbody > tr > th.v-top,
.table > tbody > tr > td.v-top,
.table > tfoot > tr > th.v-top,
.table > tfoot > tr > td.v-top {
	vertical-align: top;
}
.table > thead > tr > th.v-middle,
.table > thead > tr > td.v-middle,
.table > tbody > tr > th.v-middle,
.table > tbody > tr > td.v-middle,
.table > tfoot > tr > th.v-middle,
.table > tfoot > tr > td.v-middle {
	vertical-align: middle;
}
.table > thead > tr > th.v-bottom,
.table > thead > tr > td.v-bottom,
.table > tbody > tr > th.v-bottom,
.table > tbody > tr > td.v-bottom,
.table > tfoot > tr > th.v-bottom,
.table > tfoot > tr > td.v-bottom {
	vertical-align: bottom;
}

/*---------------------------------
_テーブル余白
-----------------------------------*/
.table.tm0 > thead > tr > th,
.table.tm0 > tbody > tr > th,
.table.tm0 > tfoot > tr > th,
.table.tm0 > thead > tr > td,
.table.tm0 > tbody > tr > td,
.table.tm0 > tfoot > tr > td {
	margin: 0px;
}
.table.tp0 > thead > tr > th,
.table.tp0 > tbody > tr > th,
.table.tp0 > tfoot > tr > th,
.table.tp0 > thead > tr > td,
.table.tp0 > tbody > tr > td,
.table.tp0 > tfoot > tr > td {
	padding: 0px;
}
.table.tp1 > thead > tr > th,
.table.tp1 > tbody > tr > th,
.table.tp1 > tfoot > tr > th,
.table.tp1 > thead > tr > td,
.table.tp1 > tbody > tr > td,
.table.tp1 > tfoot > tr > td {
	padding: 1px;
}
.table.tp2 > thead > tr > th,
.table.tp2 > tbody > tr > th,
.table.tp2 > tfoot > tr > th,
.table.tp2 > thead > tr > td,
.table.tp2 > tbody > tr > td,
.table.tp2 > tfoot > tr > td {
	padding: 2px;
}
.table.tp3 > thead > tr > th,
.table.tp3 > tbody > tr > th,
.table.tp3 > tfoot > tr > th,
.table.tp3 > thead > tr > td,
.table.tp3 > tbody > tr > td,
.table.tp3 > tfoot > tr > td {
	padding: 3px;
}
.table.tp4 > thead > tr > th,
.table.tp4 > tbody > tr > th,
.table.tp4 > tfoot > tr > th,
.table.tp4 > thead > tr > td,
.table.tp4 > tbody > tr > td,
.table.tp4 > tfoot > tr > td {
	padding: 4px;
}
.table.tp5 > thead > tr > th,
.table.tp5 > tbody > tr > th,
.table.tp5 > tfoot > tr > th,
.table.tp5 > thead > tr > td,
.table.tp5 > tbody > tr > td,
.table.tp5 > tfoot > tr > td {
	padding: 5px;
}
.table.tp6 > thead > tr > th,
.table.tp6 > tbody > tr > th,
.table.tp6 > tfoot > tr > th,
.table.tp6 > thead > tr > td,
.table.tp6 > tbody > tr > td,
.table.tp6 > tfoot > tr > td {
	padding: 6px;
}
.table.tp7 > thead > tr > th,
.table.tp7 > tbody > tr > th,
.table.tp7 > tfoot > tr > th,
.table.tp7 > thead > tr > td,
.table.tp7 > tbody > tr > td,
.table.tp7 > tfoot > tr > td {
	padding: 7px;
}
.table.tp8 > thead > tr > th,
.table.tp8 > tbody > tr > th,
.table.tp8 > tfoot > tr > th,
.table.tp8 > thead > tr > td,
.table.tp8 > tbody > tr > td,
.table.tp8 > tfoot > tr > td {
	padding: 8px;
}
.table.tp9 > thead > tr > th,
.table.tp9 > tbody > tr > th,
.table.tp9 > tfoot > tr > th,
.table.tp9 > thead > tr > td,
.table.tp9 > tbody > tr > td,
.table.tp9 > tfoot > tr > td {
	padding: 9px;
}
.table.tp10 > thead > tr > th,
.table.tp10 > tbody > tr > th,
.table.tp10 > tfoot > tr > th,
.table.tp10 > thead > tr > td,
.table.tp10 > tbody > tr > td,
.table.tp10 > tfoot > tr > td {
	padding: 10px;
}

/*---------------------------------
_テーブルボーダー色
-----------------------------------*/
.table.table-border-black > thead > tr > th,
.table.table-border-black > thead > tr > td,
.table.table-border-black > tbody > tr > th,
.table.table-border-black > tbody > tr >td,
.table.table-border-black > tfoot > tr >th,
.table.table-border-black > tfoot > tr >td {
	border-color: #333;
}

/*---------------------------------
_テーブルcolspan rowspan使うとIE10で線が消える場合の対応策
-----------------------------------*/
.table > tbody > tr > th.td-ie10solid,
.table > tbody > tr > td.td-ie10solid,
.table > thead > tr > th.td-ie10solid,
.table > thead > tr > td.td-ie10solid,
.table > tfoot > tr > th.td-ie10solid,
.table > tfoot > tr > td.td-ie10solid {
	border-top: none;
}

/*---------------------------------
_テーブル色（青色）
-----------------------------------*/
.table.table-blue > thead > tr > th,
.table.table-blue > tbody > tr > th,
.table.table-blue > tfoot > tr > th {
	background-color: #0095d9;
	color: #FFF;
}
.table.table-blue.table-striped > thead > tr:nth-child(2n+1) > td,
.table.table-blue.table-striped > tbody > tr:nth-child(2n+1) > td,
.table.table-blue.table-striped > tfoot > tr:nth-child(2n+1) > td {
	background-color: #89c3eb;
}
.table.table-blue.table-hover > thead > tr:hover > td,
.table.table-blue.table-hover > tbody > tr:hover > td,
.table.table-blue.table-hover > tfoot > tr:hover > td {
	background-color: #ebf6f7;
}

/*---------------------------------
_テーブル色（水色）
-----------------------------------*/
.table.table-skyblue > thead > tr > th,
.table.table-skyblue > tbody > tr > th,
.table.table-skyblue > tfoot > tr > th {
	background-color: #87cefa;
}
.table.table-skyblue.table-striped > thead > tr:nth-child(2n+1) > td,
.table.table-skyblue.table-striped > tbody > tr:nth-child(2n+1) > td,
.table.table-skyblue.table-striped > tfoot > tr:nth-child(2n+1) > td {
	background-color: #c8e7fa;
}
.table.table-skyblue.table-hover > thead > tr:hover > td,
.table.table-skyblue.table-hover > tbody > tr:hover > td,
.table.table-skyblue.table-hover > tfoot > tr:hover > td {
	background-color: #e1f0fa;
}

/*---------------------------------
_テーブル行エラー
-----------------------------------*/
html body table.table > thead > tr.has-error > td,
html body table.table > tbody > tr.has-error > td,
html body table.table > tfoot > tr.has-error > td,
html body table.table > thead > tr.has-error:hover > td,
html body table.table > tbody > tr.has-error:hover > td,
html body table.table > tfoot > tr.has-error:hover > td {
	background-color: #FFE6E9 !important;
}
html body table.table > thead > tr.has-error > td span.text-error,
html body table.table > tbody > tr.has-error > td span.text-error,
html body table.table > tfoot > tr.has-error > td span.text-error {
	color: #FF0000;
	font-weight: bold;
}

/*---------------------------------
_テーブルレスポンシブ 各デバイス追加
-----------------------------------*/
@media screen and (max-width:991px) {
	.table-responsive-sm-sm {
		width:100%;
		margin-bottom:15px;
		overflow-y:hidden;
		-ms-overflow-style:-ms-autohiding-scrollbar;
		border:1px solid #ddd
	}
	.table-responsive-sm > .table {
		margin-bottom:0
	}
	.table-responsive-sm > .table > thead > tr > th,
	.table-responsive-sm > .table > tbody > tr > th,
	.table-responsive-sm > .table > tfoot > tr > th,
	.table-responsive-sm > .table > thead > tr > td,
	.table-responsive-sm > .table > tbody > tr > td,
	.table-responsive-sm > .table > tfoot > tr > td {
		white-space:nowrap
	}
	.table-responsive-sm > .table-bordered {
		border:0
	}
	.table-responsive-sm > .table-bordered > thead > tr > th:first-child,
	.table-responsive-sm > .table-bordered > tbody > tr > th:first-child,
	.table-responsive-sm > .table-bordered > tfoot > tr > th:first-child,
	.table-responsive-sm > .table-bordered > thead > tr > td:first-child,
	.table-responsive-sm > .table-bordered > tbody > tr > td:first-child,
	.table-responsive-sm > .table-bordered > tfoot > tr > td:first-child {
		border-left:0
	}
	.table-responsive-sm > .table-bordered > thead > tr > th:last-child,
	.table-responsive-sm > .table-bordered > tbody > tr > th:last-child,
	.table-responsive-sm > .table-bordered > tfoot > tr > th:last-child,
	.table-responsive-sm > .table-bordered > thead > tr > td:last-child,
	.table-responsive-sm > .table-bordered > tbody > tr > td:last-child,
	.table-responsive-sm > .table-bordered > tfoot > tr > td:last-child {
		border-right:0
	}
	.table-responsive-sm > .table-bordered > tbody > tr:last-child > th,
	.table-responsive-sm > .table-bordered > tfoot > tr:last-child > th,
	.table-responsive-sm > .table-bordered > tbody > tr:last-child > td,
	.table-responsive-sm > .table-bordered > tfoot > tr:last-child > td {
		border-bottom:0
	}
}
@media screen and (max-width:1199px) {
	.table-responsive-md-md {
		width:100%;
		margin-bottom:15px;
		overflow-y:hidden;
		-ms-overflow-style:-ms-autohiding-scrollbar;
		border:1px solid #ddd
	}
	.table-responsive-md > .table {
		margin-bottom:0
	}
	.table-responsive-md > .table > thead > tr > th,
	.table-responsive-md > .table > tbody > tr > th,
	.table-responsive-md > .table > tfoot > tr > th,
	.table-responsive-md > .table > thead > tr > td,
	.table-responsive-md > .table > tbody > tr > td,
	.table-responsive-md > .table > tfoot > tr > td {
		white-space:nowrap
	}
	.table-responsive-md > .table-bordered {
		border:0
	}
	.table-responsive-md > .table-bordered > thead > tr > th:first-child,
	.table-responsive-md > .table-bordered > tbody > tr > th:first-child,
	.table-responsive-md > .table-bordered > tfoot > tr > th:first-child,
	.table-responsive-md > .table-bordered > thead > tr > td:first-child,
	.table-responsive-md > .table-bordered > tbody > tr > td:first-child,
	.table-responsive-md > .table-bordered > tfoot > tr > td:first-child {
		border-left:0
	}
	.table-responsive-md > .table-bordered > thead > tr > th:last-child,
	.table-responsive-md > .table-bordered > tbody > tr > th:last-child,
	.table-responsive-md > .table-bordered > tfoot > tr > th:last-child,
	.table-responsive-md > .table-bordered > thead > tr > td:last-child,
	.table-responsive-md > .table-bordered > tbody > tr > td:last-child,
	.table-responsive-md > .table-bordered > tfoot > tr > td:last-child {
		border-right:0
	}
	.table-responsive-md > .table-bordered > tbody > tr:last-child > th,
	.table-responsive-md > .table-bordered > tfoot > tr:last-child > th,
	.table-responsive-md > .table-bordered > tbody > tr:last-child > td,
	.table-responsive-md > .table-bordered > tfoot > tr:last-child > td {
		border-bottom:0
	}
}
@media screen and (min-width:1200px) {
	.table-responsive-lg-lg {
		width:100%;
		margin-bottom:15px;
		overflow-y:hidden;
		-ms-overflow-style:-ms-autohiding-scrollbar;
		border:1px solid #ddd
	}
	.table-responsive-lg > .table {
		margin-bottom:0
	}
	.table-responsive-lg > .table > thead > tr > th,
	.table-responsive-lg > .table > tbody > tr > th,
	.table-responsive-lg > .table > tfoot > tr > th,
	.table-responsive-lg > .table > thead > tr > td,
	.table-responsive-lg > .table > tbody > tr > td,
	.table-responsive-lg > .table > tfoot > tr > td {
		white-space:nowrap
	}
	.table-responsive-lg > .table-bordered {
		border:0
	}
	.table-responsive-lg > .table-bordered > thead > tr > th:first-child,
	.table-responsive-lg > .table-bordered > tbody > tr > th:first-child,
	.table-responsive-lg > .table-bordered > tfoot > tr > th:first-child,
	.table-responsive-lg > .table-bordered > thead > tr > td:first-child,
	.table-responsive-lg > .table-bordered > tbody > tr > td:first-child,
	.table-responsive-lg > .table-bordered > tfoot > tr > td:first-child {
		border-left:0
	}
	.table-responsive-lg > .table-bordered > thead > tr > th:last-child,
	.table-responsive-lg > .table-bordered > tbody > tr > th:last-child,
	.table-responsive-lg > .table-bordered > tfoot > tr > th:last-child,
	.table-responsive-lg > .table-bordered > thead > tr > td:last-child,
	.table-responsive-lg > .table-bordered > tbody > tr > td:last-child,
	.table-responsive-lg > .table-bordered > tfoot > tr > td:last-child {
		border-right:0
	}
	.table-responsive-lg > .table-bordered > tbody > tr:last-child > th,
	.table-responsive-lg > .table-bordered > tfoot > tr:last-child > th,
	.table-responsive-lg > .table-bordered > tbody > tr:last-child > td,
	.table-responsive-lg > .table-bordered > tfoot > tr:last-child > td {
		border-bottom:0
	}
}


/* =========================================================
■ ログイン画面
========================================================= */
.form-box .header {
	background: inherit;
	color: inherit;
	box-shadow: none;
}
.form-box .body {
	border-radius: 4px 4px;
}
.form-box .body > .form-group > input,
.form-box .footer > .form-group > input {
	border: solid 1px #CCC;
}


/* =========================================================
■ エラーページ
========================================================= */
.error-page {
	width: 70%;
}
.error-page-type2 {
	width: 90%;
	margin: 0px auto 0px;
}
.error-page-type2 > .headline {
		float: none;
		margin-top: 0px;
}
.error-page-type2 > .error-content {
		margin-left: 0px;
}

/* =========================================================
■ ヘッダー
========================================================= */
/*---------------------------------
_ヘッダーロゴ
-----------------------------------*/
header.header h1 {
	margin: 0px;
}
body > .header .logo {
	overflow: hidden;
}

/*---------------------------------
_ヘッダーアイコンナビ
-----------------------------------*/
.navbar .navbar-custom-menu li.navbar-icon {
	font-size: 0.5em;
	text-align: center;
	position: relative;
}
.navbar .navbar-custom-menu li.navbar-icon a {
	padding-top: 6px;
	padding-bottom: 1px;
	padding-left: 10px;
	padding-right: 10px;
	color: #333;
}
.navbar .navbar-custom-menu li.navbar-icon i {
	font-size: 3.3em;
	display: block;
}
.navbar .navbar-custom-menu li.navbar-icon span.label,
.navbar .navbar-custom-menu li.navbar-icon span.badge {
	position: absolute;
	right: 10px;
	top: 20px;
	padding: 1px 4px;
}
.navbar-nav>.user-menu.navbar-icon .user-image {
	float: none;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	margin-right: 0px;
	margin-top: -2px;
	margin-bottom: 5px;
}
.navbar-nav>.user-menu.navbar-icon .user {
	font-size: 4.4em;
}

/*---------------------------------
_ヘッダーアイコンナビ
-----------------------------------*/
.navbar-custom-menu .dropdown-menu {
	background-color: #00a65a;
}



/* =========================================================
■ メインコンテンツ
========================================================= */
/*---------------------------------
_コンテンツタイトル
-----------------------------------*/
.right-side > .content-header > h2 {
	margin: 0px;
}
.right-side > .content-header > h2 > small {
		display: inline-block;
		padding-left: 20px;
		font-weight: 300;
}


/* =========================================================
■ BOX関連
========================================================= */
/*---------------------------------
_BOXヘッダー内のアンカーボタンの文字色
-----------------------------------*/
.box .box-header a.btn.btn-primary,
.box .box-header a.btn.btn-success,
.box .box-header a.btn.btn-info,
.box .box-header a.btn.btn-danger,
.box .box-header a.btn.btn-warning {
	color: #FFF;
}
.box .box-header a.btn.btn-default {
	color: #666;
}

/*---------------------------------
_box-solid用タブ
-----------------------------------*/
.nav-tabs-custom.box-solid-header {
	margin-bottom: 0px;
}

/*---------------------------------
_panelカラー（水色）
-----------------------------------*/
.panel.panel-skyblue > .panel-heading {
	background-color: #00bfff;
	border-color: #00bfff;
}
.panel.panel-skyblue {
	border-color: #00bfff;
}

/*---------------------------------
_panelカラー（緑）
-----------------------------------*/
.panel.panel-green > .panel-heading {

	background-color: #92D050;
	border-color: #92D050;
}
.panel.panel-green {
	border-color: #92D050;
}

/*---------------------------------
_panelエラー
-----------------------------------*/
.panel .panel-body.has-error {
	background-color: #ffe6e9;
}
.panel .panel-body.has-error .alert.alert-danger {
	background-color: #ff99a8;
	border-color: #ff3352;
}

/*---------------------------------
_overflow box
-----------------------------------*/
.box-overflow-sm {
	height: 150px;
	border:1px solid #aaa;
	padding:10px;
	overflow-y: scroll;
	line-height: 160%;
	font-size: 0.95em;
}
.overflow-auto {
	overflow: auto;
}


/* =========================================================
■ ボタン
========================================================= */
/*---------------------------------
_フォーカス無効
-----------------------------------*/
.btn-primary.focus, .btn-primary:focus {
		color: #fff;
		background-color: #3c8dbc;
		border-color: #367fa9;
}
.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover {
		color: #fff;
		background-color: #286090;
		border-color: #204d74;
}
.btn-default.focus, .btn-default:focus {
		color: #333;
		background-color: #f4f4f4;
		border-color: #ddd;
}
.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open>.dropdown-toggle.btn-default.focus, .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover {
		color: #333;
		background-color: #e6e6e6;
		border-color: #adadad;
}
.btn-info.focus, .btn-info:focus {
		color: #fff;
		background-color: #00c0ef;
		border-color: #00acd6;
}
.btn-info.active.focus, .btn-info.active:focus, .btn-info.active:hover, .btn-info:active.focus, .btn-info:active:focus, .btn-info:active:hover, .open>.dropdown-toggle.btn-info.focus, .open>.dropdown-toggle.btn-info:focus, .open>.dropdown-toggle.btn-info:hover {
		color: #fff;
		background-color: #31b0d5;
		border-color: #269abc;
}
.btn-success.focus, .btn-success:focus {
		color: #fff;
		background-color: #00a65a;
		border-color: #008d4c;
}
.btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover, .btn-success:active.focus, .btn-success:active:focus, .btn-success:active:hover, .open>.dropdown-toggle.btn-success.focus, .open>.dropdown-toggle.btn-success:focus, .open>.dropdown-toggle.btn-success:hover {
		color: #fff;
		background-color: #449d44;
		border-color: #398439;
}
.btn-warning.focus, .btn-warning:focus {
		color: #fff;
		background-color: #f39c12;
		border-color: #e08e0b;
}
.btn-warning.active.focus, .btn-warning.active:focus, .btn-warning.active:hover, .btn-warning:active.focus, .btn-warning:active:focus, .btn-warning:active:hover, .open>.dropdown-toggle.btn-warning.focus, .open>.dropdown-toggle.btn-warning:focus, .open>.dropdown-toggle.btn-warning:hover {
		color: #fff;
		background-color: #ec971f;
		border-color: #d58512;
}
.btn-danger.focus, .btn-danger:focus {
		color: #fff;
		background-color: #dd4b39;
		border-color: #d73925;
}
.btn-danger.active.focus, .btn-danger.active:focus, .btn-danger.active:hover, .btn-danger:active.focus, .btn-danger:active:focus, .btn-danger:active:hover, .open>.dropdown-toggle.btn-danger.focus, .open>.dropdown-toggle.btn-danger:focus, .open>.dropdown-toggle.btn-danger:hover {
		color: #fff;
		background-color: #c9302c;
		border-color: #ac2925;
}

/*---------------------------------
_特大ボタン
-----------------------------------*/
.btn.btn-xl {
	font-size: 1.9em;
	padding-top: 1em;
	padding-bottom: 1em;
}
.btn.btn-icon-xl {
	position: relative;
}

/*---------------------------------
_特大ボタンアイコン
-----------------------------------*/
/*
.btn.btn-xl.btn-icon-xl i {
	position: absolute;
	font-size: 100vw;
	top: 10%;
	left: 16%;
	filter:alpha(opacity=30);
		-moz-opacity: 0.3;
		opacity: 0.3;
}
*/
.btn.btn-xl.btn-icon-xl i {
	position: absolute;
	font-size: 4em;
	top: 10%;
	left: 0px;
	display: block;
	width: 100%;
	filter:alpha(opacity=30);
		-moz-opacity: 0.3;
		opacity: 0.3;
}

/* タブレット（縦）以上 */
@media (min-width: 768px) {
}
/* タブレット（横）以上 */
@media (min-width: 1024px) {
	.btn.btn-xl.btn-icon-xl i {
		position: absolute;
		font-size: 2em;
		top: 30%;
		text-align: left;
		width: 90%;
		left: 10%;
	}
}
/* PC NOTE以上(bootstrap) */
@media (min-width: 992px) {
/*
	.btn.btn-xl.btn-icon-xl i {
		position: absolute;
		font-size: 2em;
		top: 20%;
		left: 50px;
	}
*/
}
/* iPad Pro以上 */
@media (min-width: 1024px) {
/*
	.btn.btn-xl.btn-icon-xl i {
		position: absolute;
		font-size: 2em;
		top: 20%;
		left: 50px;
	}
*/
}
/* PC MOBILE NOTE以上 */
@media (min-width: 1366px) {
	.btn.btn-xl.btn-icon-xl {
		padding-left: 25%;
	}
	.btn.btn-xl.btn-icon-xl i {
		top: 20%;
	}
}
/* PC NOTE中画面以上 */
@media (min-width: 1600px) {
	.btn.btn-xl.btn-icon-xl {
		padding-left: 10%;
	}
	.btn.btn-xl.btn-icon-xl i {
	}
}
/* PC大画面以上 */
@media (min-width: 1601px) {
	.btn.btn-xl.btn-icon-xl {
		padding-left: 0px;
	}
	.btn.btn-xl.btn-icon-xl i {
	}
}

/*---------------------------------
_リッチボタン
-----------------------------------*/
.btn.btn-rich,
.btn.btn-rich.btn-default {
	box-shadow: 0 4px #ddd;
	border-radius: 5px;
	margin-bottom: 4px;
}
.btn.btn-rich,
.btn.btn-rich.btn-default:hover {
	border-color: #ddd;
}
/* primary */
.btn.btn-rich.btn-primary {
	border-color: #367fa9;
	border-bottom-color: #204d74;
	box-shadow: 0 4px #204d74;
}
.btn.btn-rich.btn-primary:hover {
	border-color: #367fa9;
	border-bottom-color: #204d74;
	box-shadow: 0 4px #204d74;
}
/* info */
.btn.btn-rich.btn-info {
	border-color: #00c0ef;
	border-bottom-color: #269abc;
	box-shadow: 0 4px #269abc;
}
.btn.btn-rich.btn-info:hover {
	border-color: #00c0ef;
	border-bottom-color: #269abc;
	box-shadow: 0 4px #269abc;
}
/* success */
.btn.btn-rich.btn-success {
	border-color: #00a65a;
	border-bottom-color: #2b612b;
	box-shadow: 0 4px #2b612b;
}
.btn.btn-rich.btn-success:hover {
	border-color: #00a65a;
	border-bottom-color: #2b612b;
	box-shadow: 0 4px #2b612b;
}
/* warning */
.btn.btn-rich.btn-warning {
	border-color: #e08e0b;
	border-bottom-color: #d58512;
	box-shadow: 0 4px #d58512;
}
.btn.btn-rich.btn-warning:hover {
	border-color: #e08e0b;
	border-bottom-color: #d58512;
	box-shadow: 0 4px #d58512;
}
/* danger */
.btn.btn-rich.btn-danger {
	border-color: #d73925;
	border-bottom-color: #ac2925;
	box-shadow: 0 4px #ac2925;
}
.btn.btn-rich.btn-danger:hover {
	border-color: #d73925;
	border-bottom-color: #ac2925;
	box-shadow: 0 4px #ac2925;
}

/*---------------------------------
_スクエアボタン
-----------------------------------*/
.btn.btn-square {
}
.btn.btn-square.btn-square-block i {
	display: block;
	text-align: center;
	font-size: 54px;
	margin-bottom: 0.2em;
}
.btn.btn-square.btn-square-block img {
	display: block;
	text-align: center;
	font-size: 54px;
	margin-bottom: 0.2em;
	width: 26%;
	height: 26%;
	margin-left: auto;
	margin-right: auto;
}
@media (min-width: 1024px) and (max-width: 1599px) {
	.btn.btn-square {
		font-size: 0.9em;
	}
}

/*---------------------------------
_角丸ボタン
-----------------------------------*/
.btn-radius,
.border-radius {
	border-radius: 100px;
}

/*---------------------------------
_アイコンのみボタン
-----------------------------------*/
.btn-icon {
	padding: 3px 6px;
}
.btn-icon i {
	font-size: 1.5em;
}
.btn-icon.btn-sm {
	padding: 2px 6px;
}
.btn-icon.btn-sm i {
	font-size: 1.15em;
}
.btn-icon.btn-xs {
	padding: 1px 5px;
}
.btn-icon.btn-xs i {
	font-size: 1em;
}

/*---------------------------------
_スマホのみワイドボタン(btn-block)
-----------------------------------*/
/* スマホ */
@media (max-width: 767px) {
	.btn-block-xs {
		display: block;
			width: 100%;
	}
}


/* =========================================================
■ パーツ
========================================================= */
/*---------------------------------
_ソートボックス
-----------------------------------*/
.col-sort {
	width: 90px;
}
.box-sort {
}
.box-sort .sort-left {
	float: left;
	text-align: right;
	padding-right: 2px;
}
.box-sort .sort-right {
	float: right;
	text-align: left;
	padding-left: 2px;
}

/*---------------------------------
_チャットボックス
-----------------------------------*/
.box-chat .box-chat-header .box-chat-avatar {
	width: 50px;
}
@media (min-width: 768px) {
	.box-chat .box-chat-header .box-chat-avatar {
		width: 70px;
	}
}
.box-chat .box-chat-header .box-chat-title {
	min-height: 50px;
	margin-top: -60px;
	margin-left: 50px;
}
@media (min-width: 768px) {
	.box-chat .box-chat-header .box-chat-title {
		min-height: inherit;
		margin-top: -70px;
		margin-left: 70px;
	}
	.box-chat .box-chat-header .box-chat-meta {
		margin-top: -70px;
		margin-left: 70px;
	}
}
.box-chat .box-chat-noavatar .box-chat-title,
.box-chat .box-chat-noavatar .box-chat-meta {
	margin-top: inherit;
	margin-left: inherit;
}
.box-chat .box-chat-header .box-chat-name {
	padding-left: 25px;
	clear: both;
}
.box-chat .box-chat-header .box-chat-date {
	text-align: right;
}
.box-chat .box-chat-body {
	line-height: 180%;
}
@media (min-width: 768px) {
	.box-chat .box-chat-body {
		font-size: 15px;
		line-height: 200%;
	}
}

/*---------------------------------
_背景カラー
-----------------------------------*/
.bg-black {
	background-color: #333;
	color: #FFF;
}
table > tbody > tr.bg-black > td {
	border-top-color: #FFF;
}
table.table-hover > tbody > tr.bg-black:hover {
	background-color: #696969 !important;
}
.bg-light-gray {
	background-color: #F8F8F8;
}
.bg-dark-red {
	background-color: #ff0400;
	color: #FFF;
}
.bg-yellow-light {
	background-color: #FFF4C3;
}

/*---------------------------------
_テーブル行オンクリック
-----------------------------------*/
table tr td.clickable:hover {
	cursor: pointer;
}

/*---------------------------------
_リスト
-----------------------------------*/
dl.dl-list {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E4E4E4;
}
dl.dl-list dt {
	width: auto;
	font-weight: normal;
	text-align: left;
	padding-bottom: 5px;
}
dl.dl-list dd {
	padding-bottom: 5px;
}
dl.dl-list a dt {
	color: #333;
}
dl.dl-horizontal.dl-list {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E4E4E4;
}
dl.dl-horizontal.dl-list dt {
	width: auto;
	font-weight: normal;
	text-align: left;
	padding-bottom: 5px;
}
dl.dl-horizontal.dl-list dd {
	padding-bottom: 5px;
}
dl.dl-horizontal.dl-list.right dd {
	text-align: right;
}
dl.dl-horizontal.dl-list dd.desc {
	clear: both;
	text-align: left;
	color: #666;
	font-size: 0.8em;
	padding-bottom: 10px;
	margin-left: 0px;
}
dl.dl-horizontal.dl-inline dt {
	width: auto;
	float: left;
}
dl.dl-horizontal.dl-inline dd {
	margin-left: auto;
	padding-left: 30px;
}
dl.dl-horizontal.dl-slim {
	margin-bottom: 10px;
}
dl.dl-horizontal.dl-date-label {
	margin-bottom: 0px;
	padding-top: 10px;
	padding-bottom: 5px;
}
dl.dl-horizontal.dl-date-label dt {
	width: 63px;
}
dl.dl-horizontal.dl-date-label dt:first-child + dd {
	float: left;
	width: 50px;
	text-align: center;
	padding-left: 0px;
	margin-left: 10px;
}
dl.dl-horizontal.dl-date-label dd:last-child {
	float: none;
	width: auto;
	text-align: left;
	padding-left: 130px;
}

.box-desc {
	font-size: 0.8em;
	color: #666;
}
.box-desc p:last-child {
	margin-bottom: 0px;
}

/*---------------------------------
_ラベル label 太字にしない
-----------------------------------*/
label.no-label-bold {
	font-weight: normal;
}

/*---------------------------------
_ラベル label
-----------------------------------*/
.label.label-block {
	position: absolute;
	display: block;
	width: 100%;
	overflow: hidden;
}
.label a {
	color: #FFF;
}

/*---------------------------------
_バッジ label
-----------------------------------*/
.badge.badge-small {
		padding: 1px 4px;
}
.badge.badge-primary {
	background-color: #337ab7;
}
.badge.badge-info {
	background-color: #5bc0de;
}
.badge.badge-success {
	background-color: #5cb85c;
}
.badge.badge-warning {
	background-color: #f0ad4e;
}
.badge.badge-danger {
	background-color: #d9534f;
}

/*---------------------------------
_サマリー統計ボタン
-----------------------------------*/
.small-box .icon.icon-fa {
	font-size: 60px;
}
.small-box:hover .icon.icon-fa {
	animation-name: tansformAnimation;
	animation-duration: .5s;
	animation-iteration-count: 1;
	animation-timing-function: ease;
	animation-fill-mode: forwards;
	-webkit-animation-name: tansformAnimation;
	-webkit-animation-duration: .5s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-name: tansformAnimation;
	-moz-animation-duration: .5s;
	-moz-animation-iteration-count: 1;
	-moz-animation-timing-function: ease;
	-moz-animation-fill-mode: forwards;
}
@keyframes tansformAnimation {
	from {
		font-size: 60px;
	}
	to {
		font-size: 70px;
	}
}
@-webkit-keyframes tansformAnimation {
	from {
		font-size: 60px;
	}
	to {
		font-size: 70px;
	}
}

/*---------------------------------
_見出し単体デザイン
-----------------------------------*/
.hstyle01 {
	margin: 3em -15px 1.5em;
	padding: 1.6em 0px 1em 3.4em;
	font-size: 150%;
	color: #4D4D4D;
	line-height: 1.8;
	font-weight: bold;
	text-indent: -2.6em;
	border-top: 2px solid #34373E;
	border-bottom: 2px solid #34373E;
}
.hstyle02 {
	position: relative;
	margin: 3em -15px 1.5em;
	padding: 1.6em 0px 1em 3.4em;
	font-size: 150%;
	color: #4D4D4D;
	line-height: 1.8;
	font-weight: bold;
	text-indent: -2.6em;
	border-bottom: 1px dotted #D2D2D2;
	border-left-width: 0px;
	background: url("../../img/base/srp.png") repeat-x scroll 0px 0px transparent;
}
.hstyle02:after {
	content: "";
	width: 22%;
	height: 8px;
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: #34373E;
}
.hstyle02.hstyle-orange {
	color: #4D4D4D;
	border-bottom: 1px dotted #D2D2D2;
}
.hstyle02.hstyle-orange:after {
	background-color: #ff8c00;
}

/*---------------------------------
_アコーディオン collapse-box
-----------------------------------*/
.collapse-box a[data-widget="collapse-org"] {
	display: block;
}
.box-solid .collapse-box a[data-widget="collapse-org"]:hover {
	background-color: inherit;
}

/*---------------------------------
_info-box サマリーボックス（無地レイアウト）
-----------------------------------*/
.info-box-summary {
	clear: both;
}
.info-box {
	display: block;
	min-height: 90px;
	box-shadow: none;
	border-radius: 0px;
	margin-bottom: 0px;
}
.info-box-summary .info-box-content {
	margin-left: 0px;
}
.info-box-summary .info-box-content .info-box-text {
	text-align: center;
	font-weight: bold;
}
.info-box-summary .info-box-content .info-box-number {
	text-align: center;
	font-weight: normal;
}
.info-box-summary .info-box-content .info-box-head .info-box-text {
	float: left;
	width: 50%;
	font-size: 1.3em;
	padding-top: 7px;
}
.info-box-summary .info-box-content .info-box-head .info-box-number {
	float: left;
	width: 50%;
	font-size: 1.8em;
}

/*---------------------------------
_info-box サマリーボックス（グリーン＋アイコン）
-----------------------------------*/
.info-box-summary-green {
	clear: both;
	background-color: #16854c;
	border: solid 1px #16854c;
	border-radius: 3px;
}
.info-box-summary.bg-green {
	background-color: #16854c;
}
.info-box-summary-green .info-box-icon {
	float: left;
	background: #16854c;
	color: #FFF;
}
.info-box-summary-green .info-box-content {
	margin-left: 0px;
	margin-left: 100px;
	background-color: #FFF;
}
.info-box-summary-green .info-box-content .info-box-text {
	text-align: center;
	font-weight: bold;
}
.info-box-summary-green .info-box-content .info-box-number {
	text-align: center;
	font-weight: normal;
}
.info-box-summary-green .info-box-content .info-box-head .info-box-text {
	float: left;
	width: 50%;
	font-size: 1.3em;
	padding-top: 7px;
}
.info-box-summary-green .info-box-content .info-box-head .info-box-number {
	float: left;
	width: 50%;
	font-size: 1.8em;
}


/* =========================================================
■ 入力フィールド input関連
========================================================= */
/*---------------------------------
_マウスオーバーで画像ファイル入力
-----------------------------------*/
.input-group-imagemask {
	position: relative;
	display: inline-block;
}
.input-group-imagemask-edit {
	display: inline-block;
	position: relative;
}
.input-group-imagemask-edit:hover {
	background-color: #000;
	cursor: pointer;
}
.input-group-imagemask-edit:hover img {
	opacity: 0.8;
}
.input-group-imagemask-edit span {
	display: none;
}
.input-group-imagemask-edit span.btn-edit i {
	font-size: 2em;
	color: #FFF;
}
.input-group-imagemask:hover span.btn-edit {
	display: inline;
	background-color:	#000;
	padding: 15px;
	padding-left: 17px;
	padding-right: 13px;
	border-radius: 100px;
	position: absolute;
	top: 30%;
	left: 30%;
	opacity: 0.5;
}
.input-group-imagemask span.btn-remove {
	display: none;
}
.input-group-imagemask span.btn-remove i {
	font-size: 1.3em;
	color: #FFF;
}
.input-group-imagemask:hover span.btn-remove {
	display: inline;
	background-color:	#999;
	padding: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	border-radius: 100px;
	position: absolute;
	top: -7%;
	right: -7%;
	opacity: 1;
	z-index: 1;
	cursor: pointer;
}

/*---------------------------------
_disabled 白フィールド
-----------------------------------*/
.form-control[disabled].disabled-nomal,
fieldset[disabled] .form-control.disabled-nomal {
	cursor: auto;
	background-color: #FFF;
}


/* =========================================================
■ フルカレンダー
========================================================= */
/* .fc-content table.fc-border-separate .fc-day:hover,
.fc-content table.fc-border-separate .fc-day.fc-today:hover {
	background-color: #ffe4b5;
	cursor: pointer;
} */
.fc-content table.fc-border-separate .fc-day.fc-today {
	background-color: #F2F2F2;
}
.fc-content table.fc-border-separate .fc-day label {
	cursor: pointer;
}
.fc-content table.fc-border-separate .fc-day .fc-org-daybox {
	position: relative;
	min-height: 128px;
}
.fc-content table.fc-border-separate .fc-day .fc-org-daybox .fc-org-choice {
	position: absolute;
	bottom: 3px;
	width: 97%;
}

.fc-content table.fc-border-separate .fc-day .fc-org-daybox .fc-org-choice a {
	display: block;
	text-align: right;
}

/* =========================================================
■ サジェスト
========================================================= */
select.suggest {
	width: 92.3%;
	position: absolute;
	z-index: 99;
	border-top-width: 0px;
	border-top-style: none;
}
select.suggest option:hover {
	background-color: #3399ff;
	color: #FFF;
}

/* =========================================================
■ 案件固有
========================================================= */
.skin-blue .navbar {
	background-color: #066cb9;
}
.skin-blue .logo {
	background-color: #065895;
}
.skin-blue .logo:hover {
	background-color: #0865aa;
}


/* =========================================================
■ オーバーライド
========================================================= */
/*---------------------------------
_フォーム項目名のレスポンシブ
-----------------------------------*/
@media (min-width: 768px) {
	.form-horizontal .control-label.col-md-12 {
		text-align: left;
	}
/*
	.form-horizontal .control-label.col-sm-label-left {
		text-align: left;
	}
*/
}
@media (min-width: 1200px) {
	.form-horizontal .control-label.col-md-12 {
		text-align: right;
	}
	.form-horizontal .control-label.col-lg-12 {
		text-align: left;
	}
/*
	.form-horizontal .control-label.col-md-label-left {
		text-align: left;
	}
*/
}
@media (min-width: 1367px) {
/*
	.form-horizontal .control-label.col-md-label-left {
		text-align: right;
	}
*/
}

/* .row の左右のネガティブマージンを0にする */
.row-nopadding {
	margin-left: 0;
	margin-right: 0;
}
/* .row--nopadding の中にあるカラムの左右のパディングを0にする */
.row-nopadding > [class*="col-"] {
	padding-left: 0;
	padding-right: 0;
}
/* .row の左右のネガティブマージンを1にする */
.row-padding1 {
	margin-left: 0px;
	margin-right: 1px;
}
/* .row--nopadding の中にあるカラムの左右のパディングを1にする */
.row-padding1 > [class*="col-"] {
	padding-left: 0px;
	padding-right: 1px;
}

/*---------------------------------
_iCheck無効
-----------------------------------*/
.icheck-simple .radio input[type="radio"],
.icheck-simple .radio-inline input[type="radio"],
.icheck-simple .radio-inline input[type="checkbox"],
.icheck-simple .checkbox input[type="checkbox"],
.icheck-simple .checkbox-inline input[type="checkbox"] {
	position: relative;
	margin-left: 0px;
	width: 20px;
	height: 20px;
	vertical-align: middle;
}
.form-horizontal .icheck-simple .radio,
.form-horizontal .icheck-simple .checkbox,
.form-horizontal .icheck-simple .radio-inline,
.form-horizontal .icheck-simple .checkbox-inline {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-left: 0px;
	width: 100%;
}
.icheck-simple label {
	margin-bottom: 0px;
	width: 100%;
}
.icheck-simple label,
.icheck-simple input[type="radio"],
.icheck-simple input[type="checkbox"] {
	cursor: pointer;
}

/*---------------------------------
_アラート
-----------------------------------*/
.alert {
	margin-left: 0px;
}

/*---------------------------------
_ヘッダー右メニュー
-----------------------------------*/
.navbar-right {
		margin-right: 0px;
}

/*---------------------------------
_box-solid box-tools内のボタン
-----------------------------------*/
.box.box-solid > .box-header > .box-tools .btn {
		border: 1px solid #367FA9;
		box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.09) inset;
}

/*---------------------------------
_box-solid box-tools内のボタン
-----------------------------------*/
.col-xs-offset-12 {
	margin-left: 0%;
}
.col-xs-offset-11 {
	margin-left: 0%;
}
.col-xs-offset-10 {
	margin-left: 0%;
}
.col-xs-offset-9 {
	margin-left: 0%;
}
.col-xs-offset-8 {
	margin-left: 0%;
}
.col-xs-offset-7 {
	margin-left: 0%;
}
.col-xs-offset-6 {
	margin-left: 0%;
}
.col-xs-offset-5 {
	margin-left: 0%;
}
.col-xs-offset-4 {
	margin-left: 0%;
}
.col-xs-offset-3 {
	margin-left: 0%;
}
.col-xs-offset-2 {
	margin-left: 0%;
}
.col-xs-offset-1 {
	margin-left: 0%;
}
.col-xs-offset-0 {
	margin-left: 0%;
}
/* スマホのみ */
@media (max-width: 767px) {
	.col-xs-offset-12 {
		margin-left: 100%;
	}
	.col-xs-offset-11 {
		margin-left: 91.66666667%;
	}
	.col-xs-offset-10 {
		margin-left: 83.33333333%;
	}
	.col-xs-offset-9 {
		margin-left: 75%;
	}
	.col-xs-offset-8 {
		margin-left: 66.66666667%;
	}
	.col-xs-offset-7 {
		margin-left: 58.33333333%;
	}
	.col-xs-offset-6 {
		margin-left: 50%;
	}
	.col-xs-offset-5 {
		margin-left: 41.66666667%;
	}
	.col-xs-offset-4 {
		margin-left: 33.33333333%;
	}
	.col-xs-offset-3 {
		margin-left: 25%;
	}
	.col-xs-offset-2 {
		margin-left: 16.66666667%;
	}
	.col-xs-offset-1 {
		margin-left: 8.33333333%;
	}
	.col-xs-offset-0 {
		margin-left: 0%;
	}
}


/* =========================================================
■ レスポンシブ設定（テンプレート）
========================================================= */
/* スマホのみ */
@media (max-width: 767px) {
}
/* タブレット（縦）以上 */
@media (min-width: 768px) {
}
/* タブレット（横）以上 */
@media (min-width: 1024px) {
}
/* PC NOTE以上(bootstrap) */
@media (min-width: 992px) {
}
/* iPad Pro以上 */
@media (min-width: 1024px) {
}
/* PC MOBILE NOTE以上 */
@media (min-width: 1366px) {
}
/* PC NOTE中画面以上 */
@media (min-width: 1600px) {
}
/* PC大画面以上 */
@media (min-width: 1601px) {
}


/* =========================================================
■ レスポンシブ設定
========================================================= */
/* スマホのみ */
@media (max-width: 767px) {
}
/* タブレット（縦）以上 */
@media (min-width: 768px) {
}
/* タブレット（横）以上 */
@media (min-width: 1024px) {
}
/* PC NOTE以上(bootstrap) */
@media (min-width: 992px) {
}
/* iPad Pro以上 */
@media (min-width: 1024px) {
}
/* PC MOBILE NOTE以上 */
@media (min-width: 1366px) {
}
/* PC NOTE中画面以上 */
@media (min-width: 1600px) {
}
/* PC大画面以上 */
@media (min-width: 1601px) {
}


/* =========================================================
■ マージン設定
========================================================= */
.margin0 {margin: 0px !important;}
.margin1 {margin: 1px !important;}
.margin2 {margin: 2px !important;}
.margin3 {margin: 3px !important;}
.margin4 {margin: 4px !important;}
.margin5 {margin: 5px !important;}
.margin6 {margin: 6px !important;}
.margin7 {margin: 7px !important;}
.margin8 {margin: 8px !important;}
.margin9 {margin: 9px !important;}
.margin10 {margin: 10px !important;}
.margin15 {margin: 15px !important;}
.margin20 {margin: 20px !important;}
.margin25 {margin: 25px !important;}
.margin30 {margin: 30px !important;}
.margin35 {margin: 35px !important;}
.margin40 {margin: 40px !important;}
.margin45 {margin: 45px !important;}
.margin50 {margin: 50px !important;}
.margin55 {margin: 55px !important;}
.margin60 {margin: 60px !important;}
.margin65 {margin: 65px !important;}
.margin70 {margin: 70px !important;}
.margin75 {margin: 75px !important;}
.margin80 {margin: 80px !important;}
.margin85 {margin: 85px !important;}
.margin90 {margin: 90px !important;}
.margin95 {margin: 95px !important;}
.margin100 {margin: 100px !important;}
.margin105 {margin: 105px !important;}
.margin110 {margin: 110px !important;}
.margin115 {margin: 115px !important;}
.margin120 {margin: 120px !important;}
.margin125 {margin: 125px !important;}
.margin130 {margin: 130px !important;}
.margin135 {margin: 135px !important;}
.margin140 {margin: 140px !important;}
.margin145 {margin: 145px !important;}
.margin150 {margin: 150px !important;}

.mb0 {margin-bottom: 0px !important;}
.mb1 {margin-bottom: 1px !important;}
.mb2 {margin-bottom: 2px !important;}
.mb3 {margin-bottom: 3px !important;}
.mb4 {margin-bottom: 4px !important;}
.mb5 {margin-bottom: 5px !important;}
.mb6 {margin-bottom: 6px !important;}
.mb7 {margin-bottom: 7px !important;}
.mb8 {margin-bottom: 8px !important;}
.mb9 {margin-bottom: 9px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb15 {margin-bottom: 15px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb25 {margin-bottom: 25px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb35 {margin-bottom: 35px !important;}
.mb40 {margin-bottom: 40px !important;}
.mb45 {margin-bottom: 45px !important;}
.mb50 {margin-bottom: 50px !important;}
.mb55 {margin-bottom: 55px !important;}
.mb60 {margin-bottom: 60px !important;}
.mb65 {margin-bottom: 65px !important;}
.mb70 {margin-bottom: 70px !important;}
.mb75 {margin-bottom: 75px !important;}
.mb80 {margin-bottom: 80px !important;}
.mb85 {margin-bottom: 85px !important;}
.mb90 {margin-bottom: 90px !important;}
.mb95 {margin-bottom: 95px !important;}
.mb100 {margin-bottom: 100px !important;}
.mb105 {margin-bottom: 105px !important;}
.mb110 {margin-bottom: 110px !important;}
.mb115 {margin-bottom: 115px !important;}
.mb120 {margin-bottom: 120px !important;}
.mb125 {margin-bottom: 125px !important;}
.mb130 {margin-bottom: 130px !important;}
.mb135 {margin-bottom: 135px !important;}
.mb140 {margin-bottom: 140px !important;}
.mb145 {margin-bottom: 145px !important;}
.mb150 {margin-bottom: 150px !important;}

.ml0 {margin-left: 0px !important;}
.ml1 {margin-left: 1px !important;}
.ml2 {margin-left: 2px !important;}
.ml3 {margin-left: 3px !important;}
.ml4 {margin-left: 4px !important;}
.ml5 {margin-left: 5px !important;}
.ml6 {margin-left: 6px !important;}
.ml7 {margin-left: 7px !important;}
.ml8 {margin-left: 8px !important;}
.ml9 {margin-left: 9px !important;}
.ml10 {margin-left: 10px !important;}
.ml15 {margin-left: 15px !important;}
.ml20 {margin-left: 20px !important;}
.ml25 {margin-left: 25px !important;}
.ml30 {margin-left: 30px !important;}
.ml35 {margin-left: 35px !important;}
.ml40 {margin-left: 40px !important;}
.ml45 {margin-left: 45px !important;}
.ml50 {margin-left: 50px !important;}
.ml55 {margin-left: 55px !important;}
.ml60 {margin-left: 60px !important;}
.ml65 {margin-left: 65px !important;}
.ml70 {margin-left: 70px !important;}
.ml75 {margin-left: 75px !important;}
.ml80 {margin-left: 80px !important;}
.ml85 {margin-left: 85px !important;}
.ml90 {margin-left: 90px !important;}
.ml95 {margin-left: 95px !important;}
.ml100 {margin-left: 100px !important;}
.ml105 {margin-left: 105px !important;}
.ml110 {margin-left: 110px !important;}
.ml115 {margin-left: 115px !important;}
.ml120 {margin-left: 120px !important;}
.ml125 {margin-left: 125px !important;}
.ml130 {margin-left: 130px !important;}
.ml135 {margin-left: 135px !important;}
.ml140 {margin-left: 140px !important;}
.ml145 {margin-left: 145px !important;}
.ml150 {margin-left: 150px !important;}

.mr0 {margin-right: 0px !important;}
.mr1 {margin-right: 1px !important;}
.mr2 {margin-right: 2px !important;}
.mr3 {margin-right: 3px !important;}
.mr4 {margin-right: 4px !important;}
.mr5 {margin-right: 5px !important;}
.mr6 {margin-right: 6px !important;}
.mr7 {margin-right: 7px !important;}
.mr8 {margin-right: 8px !important;}
.mr9 {margin-right: 9px !important;}
.mr10 {margin-right: 10px !important;}
.mr15 {margin-right: 15px !important;}
.mr20 {margin-right: 20px !important;}
.mr25 {margin-right: 25px !important;}
.mr30 {margin-right: 30px !important;}
.mr35 {margin-right: 35px !important;}
.mr40 {margin-right: 40px !important;}
.mr45 {margin-right: 45px !important;}
.mr50 {margin-right: 50px !important;}
.mr55 {margin-right: 55px !important;}
.mr60 {margin-right: 60px !important;}
.mr65 {margin-right: 65px !important;}
.mr70 {margin-right: 70px !important;}
.mr75 {margin-right: 75px !important;}
.mr80 {margin-right: 80px !important;}
.mr85 {margin-right: 85px !important;}
.mr90 {margin-right: 90px !important;}
.mr95 {margin-right: 95px !important;}
.mr100 {margin-right: 100px !important;}
.mr105 {margin-right: 105px !important;}
.mr110 {margin-right: 110px !important;}
.mr115 {margin-right: 115px !important;}
.mr120 {margin-right: 120px !important;}
.mr125 {margin-right: 125px !important;}
.mr130 {margin-right: 130px !important;}
.mr135 {margin-right: 135px !important;}
.mr140 {margin-right: 140px !important;}
.mr145 {margin-right: 145px !important;}
.mr150 {margin-right: 150px !important;}

.mt0 {margin-top: 0px !important;}
.mt1 {margin-top: 1px !important;}
.mt2 {margin-top: 2px !important;}
.mt3 {margin-top: 3px !important;}
.mt4 {margin-top: 4px !important;}
.mt5 {margin-top: 5px !important;}
.mt6 {margin-top: 6px !important;}
.mt7 {margin-top: 7px !important;}
.mt8 {margin-top: 8px !important;}
.mt9 {margin-top: 9px !important;}
.mt10 {margin-top: 10px !important;}
.mt15 {margin-top: 15px !important;}
.mt20 {margin-top: 20px !important;}
.mt25 {margin-top: 25px !important;}
.mt30 {margin-top: 30px !important;}
.mt35 {margin-top: 35px !important;}
.mt40 {margin-top: 40px !important;}
.mt45 {margin-top: 45px !important;}
.mt50 {margin-top: 50px !important;}
.mt55 {margin-top: 55px !important;}
.mt60 {margin-top: 60px !important;}
.mt65 {margin-top: 65px !important;}
.mt70 {margin-top: 70px !important;}
.mt75 {margin-top: 75px !important;}
.mt80 {margin-top: 80px !important;}
.mt85 {margin-top: 85px !important;}
.mt90 {margin-top: 90px !important;}
.mt95 {margin-top: 95px !important;}
.mt100 {margin-top: 100px !important;}
.mt105 {margin-top: 105px !important;}
.mt110 {margin-top: 110px !important;}
.mt115 {margin-top: 115px !important;}
.mt120 {margin-top: 120px !important;}
.mt125 {margin-top: 125px !important;}
.mt130 {margin-top: 130px !important;}
.mt135 {margin-top: 135px !important;}
.mt140 {margin-top: 140px !important;}
.mt145 {margin-top: 145px !important;}
.mt150 {margin-top: 150px !important;}

.mt-1 {margin-top: -1px !important;}
.mt-2 {margin-top: -2px !important;}
.mt-3 {margin-top: -3px !important;}
.mt-4 {margin-top: -4px !important;}
.mt-5 {margin-top: -5px !important;}
.mt-6 {margin-top: -6px !important;}
.mt-7 {margin-top: -7px !important;}
.mt-8 {margin-top: -8px !important;}
.mt-9 {margin-top: -9px !important;}
.mt-10 {margin-top: -10px !important;}
.mt-15 {margin-top: -15px !important;}
.mt-20 {margin-top: -20px !important;}
.mt-25 {margin-top: -25px !important;}
.mt-30 {margin-top: -30px !important;}
.mt-35 {margin-top: -35px !important;}
.mt-40 {margin-top: -40px !important;}
.mt-45 {margin-top: -45px !important;}
.mt-50 {margin-top: -50px !important;}
.mt-55 {margin-top: -55px !important;}
.mt-60 {margin-top: -60px !important;}
.mt-65 {margin-top: -65px !important;}
.mt-70 {margin-top: -70px !important;}
.mt-75 {margin-top: -75px !important;}
.mt-80 {margin-top: -80px !important;}
.mt-85 {margin-top: -85px !important;}
.mt-90 {margin-top: -90px !important;}
.mt-95 {margin-top: -95px !important;}
.mt-100 {margin-top: -100px !important;}
.mt-105 {margin-top: -105px !important;}
.mt-110 {margin-top: -110px !important;}
.mt-115 {margin-top: -115px !important;}
.mt-120 {margin-top: -120px !important;}
.mt-125 {margin-top: -125px !important;}
.mt-130 {margin-top: -130px !important;}
.mt-135 {margin-top: -135px !important;}
.mt-140 {margin-top: -140px !important;}
.mt-145 {margin-top: -145px !important;}
.mt-150 {margin-top: -150px !important;}

/* スマホ */
@media (max-width: 767px) {
	.xs-margin0 {margin: 0px !important;}
	.xs-mb0 {margin-bottom: 0px !important;}
	.xs-ml0 {margin-left: 0px !important;}
	.xs-mr0 {margin-right: 0px !important;}
	.xs-mt0 {margin-top: 0px !important;}

	.xs-mb0 {margin-bottom: 0px !important;}
	.xs-mb1 {margin-bottom: 1px !important;}
	.xs-mb2 {margin-bottom: 2px !important;}
	.xs-mb3 {margin-bottom: 3px !important;}
	.xs-mb4 {margin-bottom: 4px !important;}
	.xs-mb5 {margin-bottom: 5px !important;}
	.xs-mb6 {margin-bottom: 6px !important;}
	.xs-mb7 {margin-bottom: 7px !important;}
	.xs-mb8 {margin-bottom: 8px !important;}
	.xs-mb9 {margin-bottom: 9px !important;}
	.xs-mb10 {margin-bottom: 10px !important;}
	.xs-mb15 {margin-bottom: 15px !important;}
	.xs-mb20 {margin-bottom: 20px !important;}
	.xs-mb25 {margin-bottom: 25px !important;}
	.xs-mb30 {margin-bottom: 30px !important;}
	.xs-mb35 {margin-bottom: 35px !important;}
	.xs-mb40 {margin-bottom: 40px !important;}
	.xs-mb45 {margin-bottom: 45px !important;}
	.xs-mb50 {margin-bottom: 50px !important;}
	.xs-mb55 {margin-bottom: 55px !important;}
	.xs-mb60 {margin-bottom: 60px !important;}
	.xs-mb65 {margin-bottom: 65px !important;}
	.xs-mb70 {margin-bottom: 70px !important;}
	.xs-mb75 {margin-bottom: 75px !important;}
	.xs-mb80 {margin-bottom: 80px !important;}
	.xs-mb85 {margin-bottom: 85px !important;}
	.xs-mb90 {margin-bottom: 90px !important;}
	.xs-mb95 {margin-bottom: 95px !important;}
	.xs-mb100 {margin-bottom: 100px !important;}
	.xs-mb105 {margin-bottom: 105px !important;}
	.xs-mb110 {margin-bottom: 110px !important;}
	.xs-mb115 {margin-bottom: 115px !important;}
	.xs-mb120 {margin-bottom: 120px !important;}
	.xs-mb125 {margin-bottom: 125px !important;}
	.xs-mb130 {margin-bottom: 130px !important;}
	.xs-mb135 {margin-bottom: 135px !important;}
	.xs-mb140 {margin-bottom: 140px !important;}
	.xs-mb145 {margin-bottom: 145px !important;}
	.xs-mb150 {margin-bottom: 150px !important;}

	.xs-ml0 {margin-left: 0px !important;}
	.xs-ml1 {margin-left: 1px !important;}
	.xs-ml2 {margin-left: 2px !important;}
	.xs-ml3 {margin-left: 3px !important;}
	.xs-ml4 {margin-left: 4px !important;}
	.xs-ml5 {margin-left: 5px !important;}
	.xs-ml6 {margin-left: 6px !important;}
	.xs-ml7 {margin-left: 7px !important;}
	.xs-ml8 {margin-left: 8px !important;}
	.xs-ml9 {margin-left: 9px !important;}
	.xs-ml10 {margin-left: 10px !important;}
	.xs-ml15 {margin-left: 15px !important;}
	.xs-ml20 {margin-left: 20px !important;}
	.xs-ml25 {margin-left: 25px !important;}
	.xs-ml30 {margin-left: 30px !important;}
	.xs-ml35 {margin-left: 35px !important;}
	.xs-ml40 {margin-left: 40px !important;}
	.xs-ml45 {margin-left: 45px !important;}
	.xs-ml50 {margin-left: 50px !important;}
	.xs-ml55 {margin-left: 55px !important;}
	.xs-ml60 {margin-left: 60px !important;}
	.xs-ml65 {margin-left: 65px !important;}
	.xs-ml70 {margin-left: 70px !important;}
	.xs-ml75 {margin-left: 75px !important;}
	.xs-ml80 {margin-left: 80px !important;}
	.xs-ml85 {margin-left: 85px !important;}
	.xs-ml90 {margin-left: 90px !important;}
	.xs-ml95 {margin-left: 95px !important;}
	.xs-ml100 {margin-left: 100px !important;}
	.xs-ml105 {margin-left: 105px !important;}
	.xs-ml110 {margin-left: 110px !important;}
	.xs-ml115 {margin-left: 115px !important;}
	.xs-ml120 {margin-left: 120px !important;}
	.xs-ml125 {margin-left: 125px !important;}
	.xs-ml130 {margin-left: 130px !important;}
	.xs-ml135 {margin-left: 135px !important;}
	.xs-ml140 {margin-left: 140px !important;}
	.xs-ml145 {margin-left: 145px !important;}
	.xs-ml150 {margin-left: 150px !important;}

	.xs-mr0 {margin-right: 0px !important;}
	.xs-mr1 {margin-right: 1px !important;}
	.xs-mr2 {margin-right: 2px !important;}
	.xs-mr3 {margin-right: 3px !important;}
	.xs-mr4 {margin-right: 4px !important;}
	.xs-mr5 {margin-right: 5px !important;}
	.xs-mr6 {margin-right: 6px !important;}
	.xs-mr7 {margin-right: 7px !important;}
	.xs-mr8 {margin-right: 8px !important;}
	.xs-mr9 {margin-right: 9px !important;}
	.xs-mr10 {margin-right: 10px !important;}
	.xs-mr15 {margin-right: 15px !important;}
	.xs-mr20 {margin-right: 20px !important;}
	.xs-mr25 {margin-right: 25px !important;}
	.xs-mr30 {margin-right: 30px !important;}
	.xs-mr35 {margin-right: 35px !important;}
	.xs-mr40 {margin-right: 40px !important;}
	.xs-mr45 {margin-right: 45px !important;}
	.xs-mr50 {margin-right: 50px !important;}
	.xs-mr55 {margin-right: 55px !important;}
	.xs-mr60 {margin-right: 60px !important;}
	.xs-mr65 {margin-right: 65px !important;}
	.xs-mr70 {margin-right: 70px !important;}
	.xs-mr75 {margin-right: 75px !important;}
	.xs-mr80 {margin-right: 80px !important;}
	.xs-mr85 {margin-right: 85px !important;}
	.xs-mr90 {margin-right: 90px !important;}
	.xs-mr95 {margin-right: 95px !important;}
	.xs-mr100 {margin-right: 100px !important;}
	.xs-mr105 {margin-right: 105px !important;}
	.xs-mr110 {margin-right: 110px !important;}
	.xs-mr115 {margin-right: 115px !important;}
	.xs-mr120 {margin-right: 120px !important;}
	.xs-mr125 {margin-right: 125px !important;}
	.xs-mr130 {margin-right: 130px !important;}
	.xs-mr135 {margin-right: 135px !important;}
	.xs-mr140 {margin-right: 140px !important;}
	.xs-mr145 {margin-right: 145px !important;}
	.xs-mr150 {margin-right: 150px !important;}

	.xs-mt0 {margin-top: 0px !important;}
	.xs-mt1 {margin-top: 1px !important;}
	.xs-mt2 {margin-top: 2px !important;}
	.xs-mt3 {margin-top: 3px !important;}
	.xs-mt4 {margin-top: 4px !important;}
	.xs-mt5 {margin-top: 5px !important;}
	.xs-mt6 {margin-top: 6px !important;}
	.xs-mt7 {margin-top: 7px !important;}
	.xs-mt8 {margin-top: 8px !important;}
	.xs-mt9 {margin-top: 9px !important;}
	.xs-mt10 {margin-top: 10px !important;}
	.xs-mt15 {margin-top: 15px !important;}
	.xs-mt20 {margin-top: 20px !important;}
	.xs-mt25 {margin-top: 25px !important;}
	.xs-mt30 {margin-top: 30px !important;}
	.xs-mt35 {margin-top: 35px !important;}
	.xs-mt40 {margin-top: 40px !important;}
	.xs-mt45 {margin-top: 45px !important;}
	.xs-mt50 {margin-top: 50px !important;}
	.xs-mt55 {margin-top: 55px !important;}
	.xs-mt60 {margin-top: 60px !important;}
	.xs-mt65 {margin-top: 65px !important;}
	.xs-mt70 {margin-top: 70px !important;}
	.xs-mt75 {margin-top: 75px !important;}
	.xs-mt80 {margin-top: 80px !important;}
	.xs-mt85 {margin-top: 85px !important;}
	.xs-mt90 {margin-top: 90px !important;}
	.xs-mt95 {margin-top: 95px !important;}
	.xs-mt100 {margin-top: 100px !important;}
	.xs-mt105 {margin-top: 105px !important;}
	.xs-mt110 {margin-top: 110px !important;}
	.xs-mt115 {margin-top: 115px !important;}
	.xs-mt120 {margin-top: 120px !important;}
	.xs-mt125 {margin-top: 125px !important;}
	.xs-mt130 {margin-top: 130px !important;}
	.xs-mt135 {margin-top: 135px !important;}
	.xs-mt140 {margin-top: 140px !important;}
	.xs-mt145 {margin-top: 145px !important;}
	.xs-mt150 {margin-top: 150px !important;}

	.xs-mt-1 {margin-top: -1px !important;}
	.xs-mt-2 {margin-top: -2px !important;}
	.xs-mt-3 {margin-top: -3px !important;}
	.xs-mt-4 {margin-top: -4px !important;}
	.xs-mt-5 {margin-top: -5px !important;}
	.xs-mt-6 {margin-top: -6px !important;}
	.xs-mt-7 {margin-top: -7px !important;}
	.xs-mt-8 {margin-top: -8px !important;}
	.xs-mt-9 {margin-top: -9px !important;}
	.xs-mt-10 {margin-top: -10px !important;}
	.xs-mt-15 {margin-top: -15px !important;}
	.xs-mt-20 {margin-top: -20px !important;}
	.xs-mt-25 {margin-top: -25px !important;}
	.xs-mt-30 {margin-top: -30px !important;}
	.xs-mt-35 {margin-top: -35px !important;}
	.xs-mt-40 {margin-top: -40px !important;}
	.xs-mt-45 {margin-top: -45px !important;}
	.xs-mt-50 {margin-top: -50px !important;}
	.xs-mt-55 {margin-top: -55px !important;}
	.xs-mt-60 {margin-top: -60px !important;}
	.xs-mt-65 {margin-top: -65px !important;}
	.xs-mt-70 {margin-top: -70px !important;}
	.xs-mt-75 {margin-top: -75px !important;}
	.xs-mt-80 {margin-top: -80px !important;}
	.xs-mt-85 {margin-top: -85px !important;}
	.xs-mt-90 {margin-top: -90px !important;}
	.xs-mt-95 {margin-top: -95px !important;}
	.xs-mt-100 {margin-top: -100px !important;}
	.xs-mt-105 {margin-top: -105px !important;}
	.xs-mt-110 {margin-top: -110px !important;}
	.xs-mt-115 {margin-top: -115px !important;}
	.xs-mt-120 {margin-top: -120px !important;}
	.xs-mt-125 {margin-top: -125px !important;}
	.xs-mt-130 {margin-top: -130px !important;}
	.xs-mt-135 {margin-top: -135px !important;}
	.xs-mt-140 {margin-top: -140px !important;}
	.xs-mt-145 {margin-top: -145px !important;}
	.xs-mt-150 {margin-top: -150px !important;}
}


/* =========================================================
■ 余白設定
========================================================= */
.padding0 {padding: 0px !important;}
.padding1 {padding: 1px !important;}
.padding2 {padding: 2px !important;}
.padding3 {padding: 3px !important;}
.padding4 {padding: 4px !important;}
.padding5 {padding: 5px !important;}
.padding6 {padding: 6px !important;}
.padding7 {padding: 7px !important;}
.padding8 {padding: 8px !important;}
.padding9 {padding: 9px !important;}
.padding10 {padding: 10px !important;}
.padding15 {padding: 15px !important;}
.padding20 {padding: 20px !important;}
.padding25 {padding: 25px !important;}
.padding30 {padding: 30px !important;}
.padding35 {padding: 35px !important;}
.padding40 {padding: 40px !important;}
.padding45 {padding: 45px !important;}
.padding50 {padding: 50px !important;}
.padding55 {padding: 55px !important;}
.padding60 {padding: 60px !important;}
.padding65 {padding: 65px !important;}
.padding70 {padding: 70px !important;}
.padding75 {padding: 75px !important;}
.padding80 {padding: 80px !important;}
.padding85 {padding: 85px !important;}
.padding90 {padding: 90px !important;}
.padding95 {padding: 95px !important;}
.padding100 {padding: 100px !important;}
.padding105 {padding: 105px !important;}
.padding110 {padding: 110px !important;}
.padding115 {padding: 115px !important;}
.padding120 {padding: 120px !important;}
.padding125 {padding: 125px !important;}
.padding130 {padding: 130px !important;}
.padding135 {padding: 135px !important;}
.padding140 {padding: 140px !important;}
.padding145 {padding: 145px !important;}
.padding150 {padding: 150px !important;}

.pb0 {padding-bottom: 0px !important;}
.pb1 {padding-bottom: 1px !important;}
.pb2 {padding-bottom: 2px !important;}
.pb3 {padding-bottom: 3px !important;}
.pb4 {padding-bottom: 4px !important;}
.pb5 {padding-bottom: 5px !important;}
.pb6 {padding-bottom: 6px !important;}
.pb7 {padding-bottom: 7px !important;}
.pb8 {padding-bottom: 8px !important;}
.pb9 {padding-bottom: 9px !important;}
.pb10 {padding-bottom: 10px !important;}
.pb15 {padding-bottom: 15px !important;}
.pb20 {padding-bottom: 20px !important;}
.pb25 {padding-bottom: 25px !important;}
.pb30 {padding-bottom: 30px !important;}
.pb35 {padding-bottom: 35px !important;}
.pb40 {padding-bottom: 40px !important;}
.pb45 {padding-bottom: 45px !important;}
.pb50 {padding-bottom: 50px !important;}
.pb55 {padding-bottom: 55px !important;}
.pb60 {padding-bottom: 60px !important;}
.pb65 {padding-bottom: 65px !important;}
.pb70 {padding-bottom: 70px !important;}
.pb75 {padding-bottom: 75px !important;}
.pb80 {padding-bottom: 80px !important;}
.pb85 {padding-bottom: 85px !important;}
.pb90 {padding-bottom: 90px !important;}
.pb95 {padding-bottom: 95px !important;}
.pb100 {padding-bottom: 100px !important;}
.pb105 {padding-bottom: 105px !important;}
.pb110 {padding-bottom: 110px !important;}
.pb115 {padding-bottom: 115px !important;}
.pb120 {padding-bottom: 120px !important;}
.pb125 {padding-bottom: 125px !important;}
.pb130 {padding-bottom: 130px !important;}
.pb135 {padding-bottom: 135px !important;}
.pb140 {padding-bottom: 140px !important;}
.pb145 {padding-bottom: 145px !important;}
.pb150 {padding-bottom: 150px !important;}

.pl0 {padding-left: 0px !important;}
.pl1 {padding-left: 1px !important;}
.pl2 {padding-left: 2px !important;}
.pl3 {padding-left: 3px !important;}
.pl4 {padding-left: 4px !important;}
.pl5 {padding-left: 5px !important;}
.pl6 {padding-left: 6px !important;}
.pl7 {padding-left: 7px !important;}
.pl8 {padding-left: 8px !important;}
.pl9 {padding-left: 9px !important;}
.pl10 {padding-left: 10px !important;}
.pl15 {padding-left: 15px !important;}
.pl20 {padding-left: 20px !important;}
.pl25 {padding-left: 25px !important;}
.pl30 {padding-left: 30px !important;}
.pl35 {padding-left: 35px !important;}
.pl40 {padding-left: 40px !important;}
.pl45 {padding-left: 45px !important;}
.pl50 {padding-left: 50px !important;}
.pl55 {padding-left: 55px !important;}
.pl60 {padding-left: 60px !important;}
.pl65 {padding-left: 65px !important;}
.pl70 {padding-left: 70px !important;}
.pl75 {padding-left: 75px !important;}
.pl80 {padding-left: 80px !important;}
.pl85 {padding-left: 85px !important;}
.pl90 {padding-left: 90px !important;}
.pl95 {padding-left: 95px !important;}
.pl100 {padding-left: 100px !important;}
.pl105 {padding-left: 105px !important;}
.pl110 {padding-left: 110px !important;}
.pl115 {padding-left: 115px !important;}
.pl120 {padding-left: 120px !important;}
.pl125 {padding-left: 125px !important;}
.pl130 {padding-left: 130px !important;}
.pl135 {padding-left: 135px !important;}
.pl140 {padding-left: 140px !important;}
.pl145 {padding-left: 145px !important;}
.pl150 {padding-left: 150px !important;}

.pr0 {padding-right: 0px !important;}
.pr1 {padding-right: 1px !important;}
.pr2 {padding-right: 2px !important;}
.pr3 {padding-right: 3px !important;}
.pr4 {padding-right: 4px !important;}
.pr5 {padding-right: 5px !important;}
.pr6 {padding-right: 6px !important;}
.pr7 {padding-right: 7px !important;}
.pr8 {padding-right: 8px !important;}
.pr9 {padding-right: 9px !important;}
.pr10 {padding-right: 10px !important;}
.pr15 {padding-right: 15px !important;}
.pr20 {padding-right: 20px !important;}
.pr25 {padding-right: 25px !important;}
.pr30 {padding-right: 30px !important;}
.pr35 {padding-right: 35px !important;}
.pr40 {padding-right: 40px !important;}
.pr45 {padding-right: 45px !important;}
.pr50 {padding-right: 50px !important;}
.pr55 {padding-right: 55px !important;}
.pr60 {padding-right: 60px !important;}
.pr65 {padding-right: 65px !important;}
.pr70 {padding-right: 70px !important;}
.pr75 {padding-right: 75px !important;}
.pr80 {padding-right: 80px !important;}
.pr85 {padding-right: 85px !important;}
.pr90 {padding-right: 90px !important;}
.pr95 {padding-right: 95px !important;}
.pr100 {padding-right: 100px !important;}
.pr105 {padding-right: 105px !important;}
.pr110 {padding-right: 110px !important;}
.pr115 {padding-right: 115px !important;}
.pr120 {padding-right: 120px !important;}
.pr125 {padding-right: 125px !important;}
.pr130 {padding-right: 130px !important;}
.pr135 {padding-right: 135px !important;}
.pr140 {padding-right: 140px !important;}
.pr145 {padding-right: 145px !important;}
.pr150 {padding-right: 150px !important;}

.pt0 {padding-top: 0px !important;}
.pt1 {padding-top: 1px !important;}
.pt2 {padding-top: 2px !important;}
.pt3 {padding-top: 3px !important;}
.pt4 {padding-top: 4px !important;}
.pt5 {padding-top: 5px !important;}
.pt6 {padding-top: 6px !important;}
.pt7 {padding-top: 7px !important;}
.pt8 {padding-top: 8px !important;}
.pt9 {padding-top: 9px !important;}
.pt10 {padding-top: 10px !important;}
.pt15 {padding-top: 15px !important;}
.pt20 {padding-top: 20px !important;}
.pt25 {padding-top: 25px !important;}
.pt30 {padding-top: 30px !important;}
.pt35 {padding-top: 35px !important;}
.pt40 {padding-top: 40px !important;}
.pt45 {padding-top: 45px !important;}
.pt50 {padding-top: 50px !important;}
.pt55 {padding-top: 55px !important;}
.pt60 {padding-top: 60px !important;}
.pt65 {padding-top: 65px !important;}
.pt70 {padding-top: 70px !important;}
.pt75 {padding-top: 75px !important;}
.pt80 {padding-top: 80px !important;}
.pt85 {padding-top: 85px !important;}
.pt90 {padding-top: 90px !important;}
.pt95 {padding-top: 95px !important;}
.pt100 {padding-top: 100px !important;}
.pt105 {padding-top: 105px !important;}
.pt110 {padding-top: 110px !important;}
.pt115 {padding-top: 115px !important;}
.pt120 {padding-top: 120px !important;}
.pt125 {padding-top: 125px !important;}
.pt130 {padding-top: 130px !important;}
.pt135 {padding-top: 135px !important;}
.pt140 {padding-top: 140px !important;}
.pt145 {padding-top: 145px !important;}
.pt150 {padding-top: 150px !important;}

/* スマホ */
@media (max-width: 767px) {
	.xs-pb0 {padding-bottom: 0px !important;}
	.xs-pb1 {padding-bottom: 1px !important;}
	.xs-pb2 {padding-bottom: 2px !important;}
	.xs-pb3 {padding-bottom: 3px !important;}
	.xs-pb4 {padding-bottom: 4px !important;}
	.xs-pb5 {padding-bottom: 5px !important;}
	.xs-pb6 {padding-bottom: 6px !important;}
	.xs-pb7 {padding-bottom: 7px !important;}
	.xs-pb8 {padding-bottom: 8px !important;}
	.xs-pb9 {padding-bottom: 9px !important;}
	.xs-pb10 {padding-bottom: 10px !important;}
	.xs-pb15 {padding-bottom: 15px !important;}
	.xs-pb20 {padding-bottom: 20px !important;}
	.xs-pb25 {padding-bottom: 25px !important;}
	.xs-pb30 {padding-bottom: 30px !important;}
	.xs-pb35 {padding-bottom: 35px !important;}
	.xs-pb40 {padding-bottom: 40px !important;}
	.xs-pb45 {padding-bottom: 45px !important;}
	.xs-pb50 {padding-bottom: 50px !important;}
	.xs-pb55 {padding-bottom: 55px !important;}
	.xs-pb60 {padding-bottom: 60px !important;}
	.xs-pb65 {padding-bottom: 65px !important;}
	.xs-pb70 {padding-bottom: 70px !important;}
	.xs-pb75 {padding-bottom: 75px !important;}
	.xs-pb80 {padding-bottom: 80px !important;}
	.xs-pb85 {padding-bottom: 85px !important;}
	.xs-pb90 {padding-bottom: 90px !important;}
	.xs-pb95 {padding-bottom: 95px !important;}
	.xs-pb100 {padding-bottom: 100px !important;}
	.xs-pb105 {padding-bottom: 105px !important;}
	.xs-pb110 {padding-bottom: 110px !important;}
	.xs-pb115 {padding-bottom: 115px !important;}
	.xs-pb120 {padding-bottom: 120px !important;}
	.xs-pb125 {padding-bottom: 125px !important;}
	.xs-pb130 {padding-bottom: 130px !important;}
	.xs-pb135 {padding-bottom: 135px !important;}
	.xs-pb140 {padding-bottom: 140px !important;}
	.xs-pb145 {padding-bottom: 145px !important;}
	.xs-pb150 {padding-bottom: 150px !important;}

	.xs-pl0 {padding-left: 0px !important;}
	.xs-pl1 {padding-left: 1px !important;}
	.xs-pl2 {padding-left: 2px !important;}
	.xs-pl3 {padding-left: 3px !important;}
	.xs-pl4 {padding-left: 4px !important;}
	.xs-pl5 {padding-left: 5px !important;}
	.xs-pl6 {padding-left: 6px !important;}
	.xs-pl7 {padding-left: 7px !important;}
	.xs-pl8 {padding-left: 8px !important;}
	.xs-pl9 {padding-left: 9px !important;}
	.xs-pl10 {padding-left: 10px !important;}
	.xs-pl15 {padding-left: 15px !important;}
	.xs-pl20 {padding-left: 20px !important;}
	.xs-pl25 {padding-left: 25px !important;}
	.xs-pl30 {padding-left: 30px !important;}
	.xs-pl35 {padding-left: 35px !important;}
	.xs-pl40 {padding-left: 40px !important;}
	.xs-pl45 {padding-left: 45px !important;}
	.xs-pl50 {padding-left: 50px !important;}
	.xs-pl55 {padding-left: 55px !important;}
	.xs-pl60 {padding-left: 60px !important;}
	.xs-pl65 {padding-left: 65px !important;}
	.xs-pl70 {padding-left: 70px !important;}
	.xs-pl75 {padding-left: 75px !important;}
	.xs-pl80 {padding-left: 80px !important;}
	.xs-pl85 {padding-left: 85px !important;}
	.xs-pl90 {padding-left: 90px !important;}
	.xs-pl95 {padding-left: 95px !important;}
	.xs-pl100 {padding-left: 100px !important;}
	.xs-pl105 {padding-left: 105px !important;}
	.xs-pl110 {padding-left: 110px !important;}
	.xs-pl115 {padding-left: 115px !important;}
	.xs-pl120 {padding-left: 120px !important;}
	.xs-pl125 {padding-left: 125px !important;}
	.xs-pl130 {padding-left: 130px !important;}
	.xs-pl135 {padding-left: 135px !important;}
	.xs-pl140 {padding-left: 140px !important;}
	.xs-pl145 {padding-left: 145px !important;}
	.xs-pl150 {padding-left: 150px !important;}

	.xs-pr0 {padding-right: 0px !important;}
	.xs-pr1 {padding-right: 1px !important;}
	.xs-pr2 {padding-right: 2px !important;}
	.xs-pr3 {padding-right: 3px !important;}
	.xs-pr4 {padding-right: 4px !important;}
	.xs-pr5 {padding-right: 5px !important;}
	.xs-pr6 {padding-right: 6px !important;}
	.xs-pr7 {padding-right: 7px !important;}
	.xs-pr8 {padding-right: 8px !important;}
	.xs-pr9 {padding-right: 9px !important;}
	.xs-pr10 {padding-right: 10px !important;}
	.xs-pr15 {padding-right: 15px !important;}
	.xs-pr20 {padding-right: 20px !important;}
	.xs-pr25 {padding-right: 25px !important;}
	.xs-pr30 {padding-right: 30px !important;}
	.xs-pr35 {padding-right: 35px !important;}
	.xs-pr40 {padding-right: 40px !important;}
	.xs-pr45 {padding-right: 45px !important;}
	.xs-pr50 {padding-right: 50px !important;}
	.xs-pr55 {padding-right: 55px !important;}
	.xs-pr60 {padding-right: 60px !important;}
	.xs-pr65 {padding-right: 65px !important;}
	.xs-pr70 {padding-right: 70px !important;}
	.xs-pr75 {padding-right: 75px !important;}
	.xs-pr80 {padding-right: 80px !important;}
	.xs-pr85 {padding-right: 85px !important;}
	.xs-pr90 {padding-right: 90px !important;}
	.xs-pr95 {padding-right: 95px !important;}
	.xs-pr100 {padding-right: 100px !important;}
	.xs-pr105 {padding-right: 105px !important;}
	.xs-pr110 {padding-right: 110px !important;}
	.xs-pr115 {padding-right: 115px !important;}
	.xs-pr120 {padding-right: 120px !important;}
	.xs-pr125 {padding-right: 125px !important;}
	.xs-pr130 {padding-right: 130px !important;}
	.xs-pr135 {padding-right: 135px !important;}
	.xs-pr140 {padding-right: 140px !important;}
	.xs-pr145 {padding-right: 145px !important;}
	.xs-pr150 {padding-right: 150px !important;}

	.xs-pt0 {padding-top: 0px !important;}
	.xs-pt1 {padding-top: 1px !important;}
	.xs-pt2 {padding-top: 2px !important;}
	.xs-pt3 {padding-top: 3px !important;}
	.xs-pt4 {padding-top: 4px !important;}
	.xs-pt5 {padding-top: 5px !important;}
	.xs-pt6 {padding-top: 6px !important;}
	.xs-pt7 {padding-top: 7px !important;}
	.xs-pt8 {padding-top: 8px !important;}
	.xs-pt9 {padding-top: 9px !important;}
	.xs-pt10 {padding-top: 10px !important;}
	.xs-pt15 {padding-top: 15px !important;}
	.xs-pt20 {padding-top: 20px !important;}
	.xs-pt25 {padding-top: 25px !important;}
	.xs-pt30 {padding-top: 30px !important;}
	.xs-pt35 {padding-top: 35px !important;}
	.xs-pt40 {padding-top: 40px !important;}
	.xs-pt45 {padding-top: 45px !important;}
	.xs-pt50 {padding-top: 50px !important;}
	.xs-pt55 {padding-top: 55px !important;}
	.xs-pt60 {padding-top: 60px !important;}
	.xs-pt65 {padding-top: 65px !important;}
	.xs-pt70 {padding-top: 70px !important;}
	.xs-pt75 {padding-top: 75px !important;}
	.xs-pt80 {padding-top: 80px !important;}
	.xs-pt85 {padding-top: 85px !important;}
	.xs-pt90 {padding-top: 90px !important;}
	.xs-pt95 {padding-top: 95px !important;}
	.xs-pt100 {padding-top: 100px !important;}
	.xs-pt105 {padding-top: 105px !important;}
	.xs-pt110 {padding-top: 110px !important;}
	.xs-pt115 {padding-top: 115px !important;}
	.xs-pt120 {padding-top: 120px !important;}
	.xs-pt125 {padding-top: 125px !important;}
	.xs-pt130 {padding-top: 130px !important;}
	.xs-pt135 {padding-top: 135px !important;}
	.xs-pt140 {padding-top: 140px !important;}
	.xs-pt145 {padding-top: 145px !important;}
	.xs-pt150 {padding-top: 150px !important;}
}


/* =========================================================
■ フォント設定
========================================================= */
.f24 {font-size: 24px !important;}
.f36 {font-size: 36px !important;}
.f1d2e {font-size: 1.2em !important;}

.ta-l { text-align: left; }
.ta-c { text-align: center; }
.ta-r { text-align: right; }

.display-inline-block { display: inline-block; }


/* =========================================================
■ ドロワー(drawer.js)
========================================================= */
.drawer--right .drawer-nav {
	right: -20rem;
}
.drawer--right .drawer-hamburger .wrap_i {
	position: relative;
	width: 22px;
	height: 22px;
}
.drawer-hamburger .wrap_i span {
	position: absolute;
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
	left: 0;
	width: 100%;
	height: 3px;
	background-color: #222;
	border-radius: 4px;
}
.drawer-hamburger .wrap_i span:nth-of-type(1) {
	top: 0;
}
.drawer-hamburger .wrap_i span:nth-of-type(2) {
	top: 9px;
}
.drawer-hamburger .wrap_i span:nth-of-type(3) {
	bottom: 0;
}

.drawer--right.drawer-open .drawer-hamburger {
	right: 20rem;
}
.drawer--right.drawer-open .drawer-hamburger .wrap_i span:nth-of-type(1) {
	-webkit-transform: translateY(20px) rotate(-45deg);
	transform: translateY(20px) rotate(-45deg);
	top: -10px;
}
.drawer--right.drawer-open .drawer-hamburger span:nth-of-type(2) {
	opacity: 0;
}
.drawer--right.drawer-open .drawer-hamburger span:nth-of-type(3) {
	-webkit-transform: translateY(-20px) rotate(45deg);
	transform: translateY(-20px) rotate(45deg);
	bottom: -11px;
}

.drawer-nav {
	width: 20rem;
}
.drawer-menu li {
	border-bottom: 1px solid #e2e2e2;
}
.drawer-menu li a {
	padding: 15px 0 22px 20px;
	font-size: 13px;
	/*font-family: "Noto Sans Japanese";*/
}
.drawer-menu li a i {
	font-size: 30px;
	color: #B0B0B0;
	margin-right: 0px;
	top: 6px;
	position: relative;
	width: 45px;
}

.nowrap {
	white-space: nowrap;
}

/*---------------------------------
_予約受付ボード（表示エリア－パネル）
-----------------------------------*/
/*---------------------------------
_予約受付ボード（表示エリア－オプションボタン）
-----------------------------------*/
/* 左 */
.title-date {
	text-align: center;
	font-family: 'Open Sans', sans-serif;
	margin-top: -4px;
}
.title-date h3 {
	font-family: "Noto Sans Japanese";
	display: inline-block;
	margin: 0;
}
.title-date .btn {
	margin-top: -10px;
}

@media(max-width:767px) {
	.title-date h3 {
		font-size: 20px;
	}
}

.inner-tab-header {
	position: absolute;
	width: 100%;
	top: -37px;
}
/*---------------------------------
_予約受付ボード（表示エリア－縦割り時間）
-----------------------------------*/
/*---------------------------------
_予約受付ボード（表示エリア－カードステータス別カラー）
-----------------------------------*/
/* 共通 */
/* 対応待ち グリーン */
/* 対応中 イエロー */
/* キャンセル ブラック */
/* 対応終了 グレー */
/*---------------------------------
_予約受付ボード（表示エリア－カードボディー）
-----------------------------------*/
/* メニュー */
/* カードフッター */
/* 続きを見る（スリム表示用） */
/* 続きを見る（スリム表示用）対応待ちグリーン */
/* 続きを見る（スリム表示用）対応中イエロー */
/* 続きを見る（スリム表示用）キャンセルブラック */
/*---------------------------------
_予約受付ボード（日タブ）
-----------------------------------*/
.reservebord-panel .fixed_table_area {
	width: 100%;
	max-width: 800px;
	margin: 0 auto;
}

.reservebord-panel .fixed_table_area .top_left_area {
	width: 100px;
	float: left;
}
.reservebord-panel .fixed_table_area .top_left_area .fixed_table {
	width: 100%;
}
.reservebord-panel .fixed_table_area .top_left_area .fixed_table td {
	height: 26px;
	text-align: center;
	vertical-align: middle;
}
.reservebord-panel .fixed_table_area .top_right_area {
	width: 100%;
    max-width: 700px;
	float: left;
	overflow: hidden;
	background-color: #fafafa;
}
.reservebord-panel .fixed_table_area .top_right_area .fixed_table tr td {
	max-width: 96px;
	min-width: 96px;
	height: 26px;
	font-size: 16px;
	text-align: center;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
.reservebord-panel .fixed_table_area .top_right_area .fixed_table tr:last-of-type td {
}
.reservebord-panel .fixed_table_area .top_right_area .fixed_table td:first-child {
	border-left: 1px solid #ccc;
}
.reservebord-panel .fixed_table_area .bottom_left_area {
	width: 100px;
	float: left;
	height: 70vh;
	overflow: hidden;
}
.reservebord-panel .fixed_table_area .bottom_left_area .fixed_table {
	width: 100%;
}
.reservebord-panel .fixed_table_area .bottom_left_area .fixed_table td {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	/*padding: 10px;*/
}
.reservebord-panel .fixed_table_area .bottom_left_area .fixed_table td.hour {
	vertical-align: top;
	border-right: none;
	padding: 10px 0 0 10px
}
.reservebord-panel .fixed_table_area .bottom_left_area .fixed_table td.minute {
	border: none;
	text-align: right;
	overflow: inherit;
	border-right: 1px solid #ccc;
}
.reservebord-panel .fixed_table_area .bottom_left_area .fixed_table tr:first-child td.minute {
	border-top: 1px solid #ccc;
}
.reservebord-panel .fixed_table_area .bottom_left_area .fixed_table tr:nth-child(4n) td.minute {
	border-bottom: 1px solid #ccc;
}
.reservebord-panel .fixed_table_area .bottom_left_area .fixed_table td.minute span {
	position: relative;
	top: 15px;
	right: 6px;
}
.reservebord-panel .fixed_table_area .bottom_right_area {
	/* width: 85%; */
	width: 700px;
	height: 70vh;
	overflow: auto;
}
.reservebord-panel .fixed_table_area .bottom_right_area .fixed_table {
	border: 1px solid #888;
}
.reservebord-panel .fixed_table_area .bottom_right_area .fixed_table td {
	min-width: 96px;
	border-bottom: 1px solid #ccc;
	border-right: 1px dotted #ccc;
	background-color: #ddd;
}
.reservebord-panel .fixed_table_area .bottom_right_area .fixed_table td.acceptable {
	background-color: #fff;
	cursor: pointer;
}
.reservebord-panel .fixed_table_area .bottom_right_area .fixed_table td.acceptable:hover {
	background-color: #ffe4b5;
}
.reservebord-panel .fixed_table_area .bottom_right_area .wrap_table {
	position: relative;
}
.reservebord-panel .fixed_table_area .bottom_right_area .wrap_table .accepted {
	position: absolute;
	text-align: center;
	width: 83px;
	background-color: #0B8FC4;
	font-size: 12px;
	color: #fff;
	padding: 4px;
	overflow: hidden;
	cursor: pointer;
}
.reservebord-panel .fixed_table_area .bottom_right_area .fixed_table .accepted .title {
	white-space: nowrap;
}
.reservebord-panel .fixed_table_area .bottom_right_area .wrap_table .accepted-manager {
	position: absolute;
	text-align: center;
	width: 83px;
	background-color: #B7E1A5;
	font-size: 12px;
	color: #fff;
	padding: 4px;
	overflow: hidden;
	cursor: pointer;
}
.reservebord-panel .fixed_table_area .fixed_table {
	border-collapse: collapse;
}
.reservebord-panel .fixed_table_area .fixed_table td {
	overflow: hidden;
	white-space: nowrap;
	height: 35px;
}
.reservebord-panel .fixed_table_area .fixed_table td.dummyColumn {
	width: 17px !important;
	border: 0px !important;
}
.reservebord-panel .fixed_table_area .fixed_table td.dummyRow {
	height: 18px !important;
	border: 0px !important;
}

.inner-title-time-hour {
	padding-top: -5px;
	border-top: 1px solid black;
	border-left: 1px solid black;
}

.inner-title-time-min{
    padding-top: 10px;
    margin-right: 2px;
    text-align: right;
    border-left: 1px solid black;
}
.linner-title-time-min-final {
	padding-bottom: 29px !important;
}

.inner-title-time-hour-final {
	padding-bottom: 14px !important;
	border-bottom: 1px solid black;
}
.final_hour {
	padding-bottom: 28px !important;
	border-bottom: 1px solid black;
}
.reserved, .reserved.spot {
	background-color:#aaffa5 !important;
	border-bottom: 1px solid #aaffa5 !important;
}
.reserved.monthly, .reserved_other{
	background-color:#bfbfbf !important;
	border-bottom: 1px solid #bfbfbf !important;
}
.reserved.top, .reserved_other.top{
	border-top: 2px solid #ccc;
	line-height: 1.0;
}
.reserved.top a, .reserved.monthly.top, .reserved.spot.top span.reserved_name {
	word-wrap: break-word;
	white-space: normal;
	font-size: 10px;
	color:white;
}
td.reserved a,
td.reservable a{
	text-decoration: none;
    display: block;
    width: 100%;
    height: 100%;
}
td.reserved.top {
	line-height: 35px;
}
.workouttime {
	background-color:#bfbfbf !important;
	border-bottom: 1px solid #bfbfbf !important;
}

@media(min-width: 768px) and (max-width: 991px) {
	.reservebord-panel .fixed_table_area {
		width: 100%;
	}
	.reservebord-panel .fixed_table_area .top_left_area,
	.reservebord-panel .fixed_table_area .bottom_left_area {
		/*width: 150px;*/
	}
	.reservebord-panel .fixed_table_area .bottom_left_area .fixed_table td {
		font-size: 12px;
		padding: 6px;
	}
	.reservebord-panel .fixed_table_area .top_right_area,
	.reservebord-panel .fixed_table_area .bottom_right_area {
		width: 85%;
	}

}
@media(max-width: 767px) {
	.reservebord-panel .fixed_table_area {
		width: 100%;
	}
	.reservebord-panel .fixed_table_area .top_left_area,
	.reservebord-panel .fixed_table_area .bottom_left_area {
		width: 30%;
	}
	.reservebord-panel .fixed_table_area .bottom_left_area .fixed_table td {
		font-size: 12px;
		padding: 6px;
	}
	.reservebord-panel .fixed_table_area .top_right_area,
	.reservebord-panel .fixed_table_area .bottom_right_area {
			width: 70%;
	}

	.reservebord-panel.reservebord-panel-day .fixed_table_area .top_right_area .fixed_table,
	.reservebord-panel.reservebord-panel-day .fixed_table_area .top_right_area .fixed_table tr td,
	.reservebord-panel.reservebord-panel-day .fixed_table_area .bottom_right_area .fixed_table,
	.reservebord-panel.reservebord-panel-day .fixed_table_area .bottom_right_area .wrap_table .accepted,
	.reservebord-panel.reservebord-panel-day .fixed_table_area .bottom_right_area .wrap_table .accepted-manager {
		width: 100%;
	}
	.reservebord-panel.reservebord-panel-day .fixed_table_area .top_right_area .fixed_table tr td {
		border: 1px solid #ccc;
	}
}

/*---------------------------------
_予約受付ボード（週タブ）
-----------------------------------*/
.reservebord-panel-week .fixed_table_area .fixed_table tr td {
	max-height: 36px;
	min-height: 36px;
}
.reservebord-panel-week .fixed_table_area .fixed_table tr.day-top td {
	border-top: 3px solid #ccc;
}
.switch-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  margin: 20px 0 10px;
}
.switch-name {
  font-weight: bold;
  margin-right: 12px;
}
input.switch-checkbox {
  display: none;
}
label.switch-label {
  width: 70px;
  height: 38px;
  box-sizing: border-box;
  border: 3px solid;
  border-color: #eee;
  border-radius: 70px;
  position: relative;
  cursor: pointer;
  transition: .3s ease;
  background: #f5f5f5;
  margin-bottom: 0;
}
label.switch-label:before {
  transition: .3s ease;
  content: '';
  width: 32px;
  height: 32px;
  position: absolute;
  background: #fff;
  left: 0px;
  top: 0px;
  color: #eee;
  border-radius: 32px;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.15);
}
input.switch-checkbox:checked + label.switch-label {
  background: #55e868;
  border-color: #55e868;
}
input.switch-checkbox:checked + label.switch-label:before {
  left: 32px;
}
.radiobox-list {
  margin-top: 10px;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  list-style: none;
  margin: 0;
  padding: 0;
}
.radiobox-list__item {
  margin-bottom: 10px;
  margin-left: 10px;
  margin-right: 20px;
  list-style: none;
}
input.radiobox__item {
  display: none;
  position: absolute;
}
.radiobox__item + label {
  position: relative;
  display: inline-block;
  padding: 0.5em 0 0.5em 2.2em;
  cursor: pointer;
  transition: 0.2s;
}
label.radiolabel {
  font-size: 16px;
  font-weight: 600;
}
label.radiolabel::before {
  display: block;
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 28px;
  height: 28px;
  background: #fff;
  border: 1px solid #bababa;
  border-radius: 100%;
  box-sizing: border-box;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
label.radiolabel::after {
  display: block;
  content: '';
  position: absolute;
  top: 50%;
  left: 7px;
  width: 14px;
  height: 14px;
  background: #eee;
  border-radius: 100%;
  box-sizing: border-box;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.radiobox__item:checked + label::after {
  background-color: #00a65a;
  transition: 0.2s;
}


/* 追加 */
.reservebord-view-header {
	max-width: 800px;
	margin: auto;
}
.date-area {
	max-width: 320px;
	margin: auto;
}
.date-area #datetimepicker-re {
	width: 100%;
}
.date-area input {
	font-size: 24px;
    height: 48px;
	padding: 15px;
}
.date-area .input-group-addon {
	width: 48px;
}
.date-area .glyphicon {
	font-size: 20px;
}
.salon-floor {
	max-width: 320px;
	margin: 15px auto;
}
.salon-floor button {
	width: 100%;
	height: 100%;
	padding: 10px;
}
.salon-floor button .glyphicon {
	font-size: 20px;
	margin-right: 10px;
}


.display-header {
  max-width: 800px;
  margin: 10px auto 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  line-height: 1;
}
.notes {
  text-align: right;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  margin-left: auto;
  margin-bottom: 0;
}
.notes li {
  display: inline-block;
  margin-left: 12px;
  position: relative;
  padding-left: 18px;
  font-size: 12px;
}
.notes li::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 15px;
  height: 15px;
  border: 1px solid;
}
.notes .note-reservable::after {
  background: #fff;
  border-color: #ccc;
}
.notes .note-reserved::after {
  background: #aaffa5;
  border-color: #aaffa5;
}
.notes .note-reserved_other::after {
  background: #bfbfbf;
  border-color: #bfbfbf;
}
.notes .note-reserved_spot::after {
  background: #aaffa5;
  border-color: #aaffa5;
}
.notes .note-reserved_monthly::after {
  background: #bfbfbf;
  border-color: #bfbfbf;
}

.ticket__inner {
  max-width: 66.66666667%;
  margin: 15px auto 0;
  padding: 10px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.reservebord-view .ticket__inner {
	max-width: 800px;
}
.form-horizontal .ticket__inner {
	max-width: 100%;
}
.ticket-time {
  margin-left: auto;
  margin-right: 20px;
}
.ticket-ttl {
  margin: 0;
  margin-right: 8px;
}
.ticket-txt {
  margin: 0;
  display: inline-block;
  font-size: 14px;
}
.ticket-txt__cnt {
  font-size: 180%;
  color: #00a65a;
  font-weight: 600;
  margin-left: 4px;
  margin-right: 4px;
}
@media(max-width: 768px) {
	.ticket__inner {
		max-width: 100%;
		text-align: right;
	}
}
@media(max-width: 480px) {
	.ticket__inner {
		display: block;
	}
	.ticket-txt {
		font-size: 13px;
	}
}
@media(max-width: 320px) {
	.notes li {
		font-size: 10px;
	}
}