@charset 'utf-8';

@font-face {
	font-family: 'Akrobat';
	src: url('/fonts/Akrobat-Light.woff') format('woff'),
		 url('/fonts/Akrobat-Light.ttf') format('ttf');
}

@font-face {
	font-family: 'GenShinGothic';
	src: url('/fonts/GenShinGothic-P-Light.woff') format('woff'),
		 url('/fonts/GenShinGothic-P-Light.ttf') format('ttf');
}

@font-face {
	font-family: 'icon';
	src: url('/fonts/icomoon.eot');
	src: url('/fonts/icomoon.eot#iefix') format('embedded-opentype'),
		 url('/fonts/icomoon.ttf') format('truetype'),
		 url('/fonts/icomoon.woff') format('woff'),
		 url('/fonts/icomoon.svg#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
	font-family: 'Ubuntu Mono';
	src: url('/fonts/admin/UbuntuMono-Regular.ttf') format('ttf'),
}

/**
 * Reset
 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

*{
	margin: 0;
	padding: 0;
}

:focus {
	outline: 0;
}

ol, ul {
	list-style: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption, th, td {
	font-weight: normal;
	text-align: left;
}

em, strong {
	font-weight: bold;
}

html, body {
	height: 100%;
}

body {
	font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size: 14px;
	background: #f1f1f1;
	color: #333;
}

a {
	color: #0c6fcc;
	text-decoration: underline;
}

.clearfix {
	min-height: 1px;
}

.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

span.caution {
	display: inline-block;
	color: #ff0000;
	margin: 12px 0px;
	font-weight: bold;
	font-size: 14px;
}

div.align-right {
	text-align: right;
}

/**
 * Pager
 */
.pager {
	min-height: 1px;
}

.pager:after {
	content: "";
	display: block;
	clear: both;
}

.pager ul {
	float: right;
}

.pager li {
	display: block;
	float: left;
	margin: 0 0 0 10px;
}

.pager li:first-child {
	margin: 0;
}

.pager li a, .pager li span {
	display: block;
	background: #fff;
	padding: 5px 10px;
	font-size: 16px;
	text-decoration: none;
	border: 1px solid #ccc;
}

.pager li span {
	color: #ccc;
}

/**
 * List
 */
.list-inline li {
	display: inline;
	margin: 0 0 0 20px;
}

.list-inline li:first-child {
	margin: 0;
}

/**
 * Form
 */
.form input[type="text"], .form input[type="password"] {
	font-size: 14px;
	width: 400px;
	padding: 6px;
	border: 1px solid #ccc;
	box-sizing: border-box;
}
.form .table-multi input[type="text"] {
	width: 100%;
	max-width: 400px;
}
.form .table-multi textarea.small {
	height: 80px;
}
.form input[type="checkbox"], .form input[type="radio"] {
	margin: 0 5px 0 0;
}
.form .map {
	margin: 20px 0;
	width: 100%;
	height: 300px;
}
.form textarea {
	border: 1px solid #ccc;
	width: 100%;
	height: 200px;
	padding: 6px;
	font-size: 14px;
	box-sizing: border-box;
}
.form textarea.tinymce {
	line-height: 2;
	height: 600px;
}
.form textarea.message {
	height: 100px;
}
.form textarea.cpcode {
	height: 100px;
	margin: 10px 0 0 0;
	display: none;
}
.form textarea.code {
	height: 80px;
}

.form select {
	background: #fff;
	border: 1px solid #ccc;
	padding: 6px;
	font-size: 14px;
	line-height: 16px;
	width: 400px;
	-webkit-appearance: none;
}

.form .place select {
	width: 200px;
	margin: 0 20px 0 0;
}

.form input[type="text"].title {
	font-size: 20px;
	line-height: 1;
	padding: 10px;
	width: 100%;
}

.form input[type="text"].tag {
	width: 200px;
}

.form input[type="text"].weight {
	width: 100px;
	text-align: right;
}

.form input[type="text"].distance,
.form input[type="text"].age,
.form input[type="text"].day {
	width: 4em;
}

.form input[type="text"].price {
	width: 100px;
	text-align: right;
}

.form input[type="text"].supershort {
	width: 40px;
	text-align: right;
	margin: 0px 4px;
}

.form .datepicker select {
	width: auto;
}
.form .datepicker input[type="text"] {
	width: 3em;
}
.form .carmodels label{
	 display: inline-block;
	 width:190px;
}

.form dl {
	margin: 0 0 30px 0;
}

.form dt {
	float: left;
	font-weight: bold;
	width: 200px;
	margin: 30px 0 0 0;
}

.form dt:first-child {
	margin: 0;
}

.form dd {
	margin: 30px 0 0 200px;
}

.form dd:first-child {
	margin: 0 0 0 200px;
}

.form .approval {
	margin: 10px 0 0 0;
}
.form .approval.disabled {
	color: #999;
}
.form .approval label {
	display: block;
}
.form .updated {
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 0 20px;
}
.form li {
	display: inline;
	margin: 0 0 0 0;
}
.form .etc {
	width: 400px;
}
.form .etc li {
	line-height: 2;
	margin: 0 20px 0 0;
	display: inline-block;
}
.form .prefecture li {
	width: 100px;
	display: block;
	float: left;
	margin: 0 10px 0 0;
	line-height: 28px;
}
.form .question li {
	display: block;
	margin: 0;
}
.form .flat li {
	margin: 0px 8px;
}
.form .flat .btn {
	display: inline-block;
}
.form .timezone select {
	width: 80px;
}
#region, #beacon, #conditions {
	display: none;
}
.form-fitin li {
	display: inline-block;
	margin: 0 15px 15px 0;
}
.form-fitin li:first-child {
	margin: 0 15px 15px 0;
}
.form-fitin input[type=checkbox] {
	display: none;
}
.form-fitin input[type=checkbox] + label {
	cursor: pointer;
	display: block;
	background: #fff;
	border: 2px solid #d2d2d2;
	font-size: 16px;
	padding: 8px 16px;
	border-radius: 4px;
}
.form-fitin input[type=checkbox]:checked + label {
	background: #cbb677;
	border: 2px solid #cbb677;
	color: #fff;
}

.form label
{
	padding-left: 2px;
	padding-right: 8px;
}

.form .carmodel li
{
	display: inline-block;
	padding-left: 2px;
	padding-right: 8px;
	width: 220px;
}

.form label:hover
{
	background-color: #FFFF99;
	cursor: pointer;
}

.form .option-field
{
	margin: 6px 0px;
}

.form label.disabled
{
	color: #999999;
}

.form label.disabled:hover
{
	background-color: inherit;
	cursor: default;
}

.inline-form
{
	display: inline;
}

/**
 * Login
 */
.container-login {
	width: 400px;
	margin: 0 auto;
	padding: 100px 0 0 0;
}
.container-login h1 {
	background: url(/images/admin/logo@2x.png) no-repeat left top;
	background-size: 100%;
	width: 205px;
	height: 0;
	padding: 28px 0 0 0;
	overflow: hidden;
	margin: 0 auto;
	margin-bottom: 10px;
}
.container-login h2 {
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	color: #999;
	margin-bottom: 20px;
}
.form-login input[type="text"], .form-login input[type="password"] {
	width: 100%;
	font-size: 16px;
}

.form-login {
	margin: 0 auto;
	background: #fff;
	border: 1px solid #e5e5e5;
	box-shadow: 0 2px 5px -1px rgba(200, 200, 200, 0.7);
	padding: 30px;
}
.form-login dl {
	margin: 0;
}
.form-login dt {
	float: none;
	width: auto;
}
.form-login dd {
	margin: 0;
}
.form-login dd .note {
	text-align: right;
	margin: 5px 0 0 0;
	font-size: 13px;
}
.form-login .lead {
	font-size: 13px;
	text-align: center;
	margin: 0 0 20px 0;
}

.image img {
	display: block;
	margin: 0 0 10px;
}

/**
 * Errors
 */
.errors,
.warnings,
.informations {
	font-size: 12px;
	font-weight: bold;
	background: #fff;
	border: 1px solid #e5e5e5;
	box-shadow: 0 2px 5px -1px rgba(200, 200, 200, 0.7);
	margin: 0 0 20px 0;
}

.errors li,
.warnings li,
.informations li {
	padding: 8px 0 8px 8px;
}
.errors li {
	border-left: 5px solid #ff0000;
}

.warnings li {
	border-left: 5px solid #ffff00;
}

.informations li {
	border-left: 5px solid #0000ff;
}

/**
 * Notification
 */
.notification {
	font-size: 12px;
	font-weight: bold;
	background: #fff;
	border: 1px solid #e5e5e5;
	box-shadow: 0 2px 5px -1px rgba(200, 200, 200, 0.7);
	margin: 0 0 20px 0;
}

.notification p {
	border-left: 5px solid #0c6fcc;
	padding: 8px 0 8px 8px;
}

.notification p.error {
	border-left: 5px solid #ff0000;
	padding: 8px 0 8px 8px;
}

.informations {
	font-size: 12px;
	font-weight: bold;
	background: #fff;
	border: 1px solid #e5e5e5;
	box-shadow: 0 2px 5px -1px rgba(200, 200, 200, 0.7);
	margin: 0 0 20px 0;
}

.informations li {
	border-left: 5px solid #0000ff;
	padding: 8px 0 8px 8px;
}
/**
 * Button
 */
.btn {
	box-sizing: border-box;
	display: block;
	cursor: pointer;
	width: 100%;
	text-align: center;
	border: none;
	color: #fff;
	font-size: 18px;
	padding: 12px 0;
	border-radius: 6px;
	background-color: #0c6fcc;
	text-decoration: none;
}

.btn.-disabled {
	background-color: #cccccc;
}

.btn.-color-negative {
	background-color: #ffffff;
	border-style: solid;
	border-width: 1px;
	border-color: #0c6fcc;
	color: #0c6fcc;
}

.btn:hover {
	opacity: 0.9;
}

.btn-update {
	font-size: 16px;
	width: 180px;
}

.btn-cancel {
	font-size: 16px;
	width: 180px;
	background-color: #7b808a;
}

.btn-small {
	display: inline-block;
	font-size: 11px;
	width: auto;
	padding: 5px 11px;
	background-color: #0c6fcc;
	white-space: nowrap;
}
.btn-small-cancel {
	display: inline-block;
	font-size: 11px;
	width: auto;
	padding: 5px 11px;
	background-color: #7b808a;
	white-space: nowrap;
}
.btn-active {
	background-color: #7b808a;
}
.btn-search {
	margin: 0 0 0 10px;
}

.btn.-wholesale-special {
	background-color: #cc6600;
}

.actions {
	margin: 60px 0 0 0;
	min-height: 1px;
}
.actions:after {
	content: "";
	display: block;
	clear: both;
}
.actions li {
	float: left;
	display: block;
	margin: 0 0 0 30px;
}
.actions li:first-child {
	margin: 0;
}
.actions.-holiday {
	margin: 20px 0px;
	min-height: 1px;
}

.actions.-no-margin {
	margin: 0px;
	min-height: 1px;
}

/**
 * Header
 */
.header {
	position: fixed;
	top: 0;
	left: 0;
	background: #fff;
	width: 100%;
	height: 48px;
	z-index: 110;
}

.header h1 a {
	display: block;
	position: absolute;
	top: 16px;
	left: 10px;
	background: url(/images/admin/logo_cc@2x.png) no-repeat top left;
	background-size: 100%;
	width: 220px;
	height: 0;
	padding: 16px 0 0 0;
	overflow: hidden;
}

.header p {
	position: absolute;
	top: 0;
	right: 10px;
	font-size: 11px;
	line-height: 48px;
	color: #000;
}

.header p span {
	margin: 0 10px 0;
}

.header p span a {
	color: #000;
	font-weight: bold;
	text-decoration: none;
}

.header p span a:hover {
	text-decoration: underline;
}

.header .glyphicon {
	margin: 0 8px 0 0;
}

/**
 * Contents
 */
.wrapper {
	position: relative;
	width: 100%;
	height: auto;
	min-height: 100%;
}

.container {
	margin-left: 160px;
	padding: 0 0 60px 20px;
}

.contents {
	padding: 61px 20px 0 0;
	width: 100%;
	box-sizing: border-box;
}

.wrapper-search .container {
	margin: 0;
	padding: 20px;
}
.wrapper-search .contents {
	padding: 0;
}
.wrapper-search .form input[type="text"],
.wrapper-search .form select {
	width: 300px;
}

.contents h2 {
	font-size: 22px;
	margin: 0 0 20px 0;
}
.contents h2 form {
	margin: 0 0 0 10px;
	display: inline-block;
}
.contents h2 form select {
	background: #fff;
	border: 1px solid #ccc;
	padding: 6px;
	font-size: 14px;
	width: 200px;
	-webkit-appearance: none;
}
.contents h2 ul {
	display: inline-block;
}
.contents h2 li {
	display: inline;
}
.contents h2 a,
.contents h3 a {
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	background: #fff;
	padding: 6px 8px;
	margin: 0 0 0 10px;
	border: 1px solid #e5e5e5;
}
.contents h3 {
	font-weight: bold;
	font-size: 18px;
	margin: 0 0 20px 0;
}

/**
 * Menu
 */
.menu-bg {
	position: absolute;
	bottom: 0;
	top: 0;
	height: 100%;
}

.menu-bg, .menu {
	background: #333;
	width: 160px;
}

.menu {
	position: fixed;
	top: 0px;
	left: 0;
	color: #fff;
	height: 100%;
	padding: 48px 0px 0px 0px;
	box-sizing: border-box;
	overflow: auto;
	z-index: 100;
}

.menu li.indent {
	padding-left: 16px;
}

.menu li a {
	display: block;
	padding: 8px;
	color: #eee;
	text-decoration: none;
}

.menu li a:hover {
	background: #000;
}

.menu li.current a {
	background: #0c6fcc;
}

.menu li.current a:hover {
	color: #fff;
}

.menu li ul {
	display: none;
	font-size: 12px;
	background: #444;
	padding: 12px 0;
}

.menu li.current ul {
	display: block;
}

.menu li li.current {
	font-weight: bold;
}

.menu li.current li a {
	background: none;
}

.menu li li a {
	padding: 4px 16px;
}

.menu li li a:hover {
	background: none;
	background-color: #000000;
}

.menu .fa {
	margin: 0 8px 0 0;
	width: 20px;
}
.menu .glyphicon {
	margin: 0 8px 0 0;
	width: 20px;
}

.menu li a span.has-badge {
	position: relative;
}

.menu li a span.has-badge .menu-badge {
	position: absolute;
	top: 0px;
	right: -10px;
	margin: 0px;
	width: 10px;
	height: 10px;
	display: block;
	background: none;
	border-radius: 5px;
}

.menu li a span.has-badge .menu-badge.-active {
	background: #ff3333;
	transition: all 0.5s ease-out;
}

/**
 * Table
 */
.table {
	width: 100%;
	border: 1px solid #e5e5e5;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
	margin: 0 0 30px 0;
}

.table thead th {
	background: #fff;
	border-bottom: 1px solid #e1e1e1;
}

.table tbody tr {
	background: #f9f9f9;
}

.table tbody tr:nth-child(2n+1) {
	background: #fff;
}

/* 20240510_会員管理担当店舗・担当スタッフアコーディオン_「^」の位置変更 */
.accordion-charge .accordion__header span.fa {
	font-size: 1.2rem;
	left: 400px;
	position: absolute;
}

/* 20240206_会員管理担当店舗・担当スタッフアコーディオン_背景色 */
.accordion-charge dd table tr {
	background: #f9f9f9;

}

.accordion-charge dd table tr:nth-child(2n+1) {
	background: #fff;
}

.table th, .table td {
	vertical-align: top;
	padding: 8px;
}

/* 20240206_会員管理担当店舗・担当スタッフアコーディオン */
.accordion-charge dd table tr th {
	/* padding: 8px; */
	padding: 8px 8px 8px 170px;
    width: 36.5%;
}

.accordion-charge dd table tr td {
	padding: 8px;
}

.table td.post-id {
	text-align: right;
	vertical-align: middle;
	color: #666;
}

.table th {
	font-weight: bold;
}
.category {
	font-size: 12px;
	color: #999;
}
.title {}
.title span {
	position: relative;
	top: -2px;
	display: inline-block;
	font-size: 10px;
	font-weight: bold;
	line-height: 1;
	padding: 4px 6px;
	color: #fff;
	border-radius: 2px;
	background: #777;
	margin: 0 0 0 5px;
}
.memo {
	display: inline-block;
	font-size: 12px;
	padding: 2px 4px;
	background: #ffffcc;
}
.product-selector {
	width: 100%;
}
.product-selector input[type="text"],
.product-selector select {
	width: 100%;
}
.product-selector td,
.beacon-selector td {
	text-align: center;
	vertical-align: middle;
}
.table .product-selector tbody tr,
.table .beacon-selector tbody tr {
	background: #fff;
}
.product-selector ul li,
.beacon-selector ul li {
	display: block;
	margin: 10px 0 0 0;
}
.product-selector ul li:first-child,
.beacon-selector ul li:first-child {
	margin: 0;
}

.table td.alignright
{
	text-align: right;
}

.table td.aligncenter
{
	text-align: center;
}

.table td span.inline-navigation
{
	display: inline-block;
	margin: 0px 16px;
}

.table td span.inline-navigation a
{
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	background: #fff;
	padding: 6px 8px;
	margin: 0 0 0 10px;
	border: 1px solid #e5e5e5;
}

/**
 * Tag
 */
.tags {
	margin: 15px 0 0 0;
}
.form .tags li,
.tags li {
	display: inline;
	margin: 0 15px 0 0;
}
.form .table .tags li {
	width: auto;
}
.tags li a {
	display: inline-block;
	background: #88accf;
	color: #fff;
	font-size: 12px;
	line-height: 1;
	padding: 5px 10px;
	border-radius: 2px;
	text-decoration: none;
	white-space: nowrap;
	margin: 0 0 10px;
}
.tags li a:after {
	position: relative;
	top: 1px;
	left: 4px;
	display: inline-block;
	font-family: 'Glyphicons Halflings';
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\e020";
}
.tags li a:hover {
	opacity: 0.8;
}

/**
 * Combobox
 */
.combobox {
	position: relative;
}

.combobox ul {
	position: absolute;
	background: #fff;
	width: 400px;
	display: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 1px solid #dbdde8;
	box-sizing: border-box;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
	z-index: 100;
}

.form .table .combobox li {
	float: none;
	margin: 0;
	width: auto;
}

.combobox li a {
	font-weight: normal;
	display: block;
	color: #37383f;
	text-decoration: none;
	padding: 2px 12px;
}

.combobox li a:hover {
	background: #efefef;
}

.combobox .btn {
	margin: 0 0 0 10px;
}

/**
 * Report
 */
.date-selector {
	margin: 0 0 20px 0;
}
.date-selector:after {
	content: "";
	display: block;
	clear: both;
}
.date-selector input[type="text"] {
	font-size: 14px;
	padding: 4px;
	width: 80px;
}
.date-selector .btn {
	margin: 0 0 0 10px;
}
.date-selector form {
	float: right;
}
.report {
	background: #fff;
	padding: 10px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
	margin: 0 0 20px 0;
	box-sizing: border-box;
}
.report h2 {
	font-weight: bold;
	font-size: 18px;
}
.report h3 {
	text-align: center;
	font-size: 14px;
}
.report h3 a {
	font-size: 12px;
	font-weight: normal;
	border: 1px solid #88accf;
	color: #88accf;
	display: inline-block;
	padding: 2px 4px;
	text-decoration: none;
	margin: 0 0 0 20px;
}
.report canvas {
	display: block;
	margin: 0 auto;
}
.report li {
	box-sizing: border-box;
	display: block;
	float: left;
	border-left: 1px solid #efefef;
}
.report li:first-child {
	border: none;
}
.report-pie:after,
.report-summary:after {
	content: "";
	display: block;
	clear: both;
}
.report-summary li {
	width: 20%;
}
.report-summary-beacon li {
	width: 16.6%;
}
.report-summary h3 {
	height: 44px;
}
.report h4 {
	text-align: center;
	font-size: 26px;
	font-weight: bold;
	color: #c3735e;
}
.report h4.total {
	color: #4a7cb2;
}
.report-pie {
	padding: 0 10px;
}
.report-pie li {
	width: 50%;
	padding: 10px 0;
	border: none;
	position: relative;
}
.report-pie li:first-child,
.report-pie li:nth-child(3) {
  border-right: 1px solid #efefef;
}
.report-pie li:first-child,
.report-pie li:nth-child(2) {
  border-bottom: 1px solid #efefef;
}
.report-pie .legend {
	position: absolute;
	top: 10px;
	right: 10px;
}
.report-pie .legend li {
	padding: 0;
	float: none;
	width: auto;
	border: none;
	font-size: 12px;
	display: block;
}
.report-pie .legend li span {
	display: inline-block;
	width: 13px;
	height: 13px;
	border-radius: 2px;
	margin: 0 3px 0 0;
	position: relative;
	top: 1px;
}
.report-pie h3 { text-align: center; }

.trend {
	width: 100%;
	height: 300px;
}

.report-floor table {
	width: 100%;
}
.report-floor select {
	background: #fff;
	border: 1px solid #ccc;
	padding: 6px;
	font-size: 14px;
	width: 100px;
	-webkit-appearance: none;
	margin: 0 0 0 10px;
}
.heatmap {
	width: 500px;
	height: 500px;
	margin: 0 auto;
}
.heatmap img {
	display: block;
	width: 100%;
	opacity: 0.8;
}
#heatmap {
	position: relative;
}
#heatmap span:before {
	content: "";
	display: block;
	z-index: 1;
	filter: blur(3px);
	background: rgba(255,205,0,.9);
	border-radius: 30px;
	width: 30px;
	height: 30px;
}
#heatmap span {
	display: block;
	position: absolute;
	text-align: center;
}
#heatmap span i {
	position: relative;
	color: #fff;
	font-weight: bold;
	font-style: normal;
	z-index: 10;
	text-shadow: 1px 1px 0 #333;
}
#heatmap span.ratio90:before {
	background: rgba(255,0,0,.9);
	border-radius: 90px;
	width: 90px;
	height: 90px;
}
#heatmap span.ratio90 i {
	font-size: 24px;
	line-height: 90px;
	top: -90px;
}
#heatmap span.ratio80:before {
	background: rgba(255,25,0,.9);
	border-radius: 90px;
	width: 90px;
	height: 90px;
}
#heatmap span.ratio80 i {
	font-size: 22px;
	line-height: 90px;
	top: -90px;
}
#heatmap span.ratio70:before {
	background: rgba(255,50,0,.9);
	border-radius: 90px;
	width: 90px;
	height: 90px;
}
#heatmap span.ratio70 i {
	font-size: 20px;
	line-height: 90px;
	top: -90px;
}
#heatmap span.ratio60:before {
	background: rgba(255,75,0,.9);
	border-radius: 60px;
	width: 60px;
	height: 60px;
}
#heatmap span.ratio60 i {
	font-size: 18px;
	line-height: 60px;
	top: -60px;
}
#heatmap span.ratio50:before {
	background: rgba(255,90,0,.9);
	border-radius: 60px;
	width: 60px;
	height: 60px;
}
#heatmap span.ratio50 i {
	font-size: 16px;
	line-height: 60px;
	top: -60px;
}
#heatmap span.ratio40:before {
	background: rgba(255,115,0,.9);
	border-radius: 60px;
	width: 60px;
	height: 60px;
}
#heatmap span.ratio40 i {
	font-size: 14px;
	line-height: 60px;
	top: -60px;
}
#heatmap span.ratio30:before {
	background: rgba(255,130,0,.9);
	border-radius: 40px;
	width: 40px;
	height: 40px;
}
#heatmap span.ratio30 i {
	font-size: 12px;
	line-height: 40px;
	top: -40px;
}
#heatmap span.ratio20:before {
	background: rgba(255,155,0,.9);
	border-radius: 40px;
	width: 40px;
	height: 40px;
}
#heatmap span.ratio20 i {
	font-size: 10px;
	line-height: 40px;
	top: -40px;
}
#heatmap span.ratio10:before {
	background: rgba(255,180,0,.9);
	border-radius: 30px;
	width: 30px;
	height: 30px;
}
#heatmap span.ratio10 i {
	font-size: 8px;
	line-height: 30px;
	top: -30px;
}
#heatmap span.ratio0 i {
	font-size: 8px;
	line-height: 30px;
	top: -30px;
}
#trend {
	width: 100%;
	height: 300px;
}
.report-filter {
	background: #fff;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
	padding: 10px;
	margin: 0 0 20px;
}
.report-filter dl {
	display: inline-block;
	margin: 0 20px 0 0;
}
.report-filter dt, .report-filter dd {
	display: inline;
}
.report-filter select {
	background: #fff;
	border: 1px solid #ccc;
	padding: 6px;
	font-size: 14px;
	width: 100px;
	-webkit-appearance: none;
}
.report-filter input[type="text"] {
	font-size: 14px;
	padding: 4px;
	width: 80px;
}

.report .chartview{
	padding-bottom: 30px;
	margin: 0px auto;
	width: 200px;
	height: 200px;
	max-width: 200px;
	max-height: 200px;
}

#dragArea input[type="file"] {
	display: none;
}
#dragArea .drag-container {
	display: table;
	width: 100%;
	height: 150px;
	margin: 0 auto;
	border: 4px dashed #999;
	box-sizing: border-box;
	text-align: center;
	vertical-align: middle;
}
#dragArea .drag-container p {
	display: table-cell;
	font-size: 16px;
	font-weight: bold;
	vertical-align: middle;
}
#dragArea .drag-container i {
	font-size: 48px;
	color: #999;
}
#gallery li {
	display: inline-block;
	margin: 0 30px 30px 0;
	width: 240px;
}
#gallery li .image {
	position: relative;
	margin: 0 0 10px;
}
#gallery li .image img {
	display: block;
	width: 100%;
}
#gallery li .image span {
	position: absolute;
	top: 5px;
	left: 5px;
	display: none;
	font-size: 20px;
	color: #666;
	text-align: center;
}
.form #gallery input[type="text"] {
	width: 100%;
}
#gallery li .image:hover {
	cursor: pointer;
}
#gallery li .image:hover span {
	display: block;
}
#gallery li .image:hover img {
	opacity: 0.5;
}

@media print {
	body {
		background: #fff;
	}
	.report {
		border: 1px solid #efefef;
		box-shadow: none;
	}
	.date-selector {
		display: none;
	}
	.header, .menu, .menu-bg {
		display: none;
	}
	.container {
		margin: 0;
		padding: 10px;
	}
	.contents {
		padding: 0;
	}
}

/**
 * glyphicon
 */
@font-face {
	font-family: 'Glyphicons Halflings';
	src: url('/fonts/glyphicons-halflings-regular.eot');
	src: url('/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),
		 url('/fonts/glyphicons-halflings-regular.woff') format('woff'),
		 url('/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
.glyphicon {
	position: relative;
	top: 1px;
	display: inline-block;
	font-family: 'Glyphicons Halflings';
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.glyphicon-asterisk:before {
	content: "\2a";
}
.glyphicon-plus:before {
	content: "\2b";
}
.glyphicon-euro:before,
.glyphicon-eur:before {
	content: "\20ac";
}
.glyphicon-minus:before {
	content: "\2212";
}
.glyphicon-cloud:before {
	content: "\2601";
}
.glyphicon-envelope:before {
	content: "\2709";
}
.glyphicon-pencil:before {
	content: "\270f";
}
.glyphicon-glass:before {
	content: "\e001";
}
.glyphicon-music:before {
	content: "\e002";
}
.glyphicon-search:before {
	content: "\e003";
}
.glyphicon-heart:before {
	content: "\e005";
}
.glyphicon-star:before {
	content: "\e006";
}
.glyphicon-star-empty:before {
	content: "\e007";
}
.glyphicon-user:before {
	content: "\e008";
}
.glyphicon-film:before {
	content: "\e009";
}
.glyphicon-th-large:before {
	content: "\e010";
}
.glyphicon-th:before {
	content: "\e011";
}
.glyphicon-th-list:before {
	content: "\e012";
}
.glyphicon-ok:before {
	content: "\e013";
}
.glyphicon-remove:before {
	content: "\e014";
}
.glyphicon-zoom-in:before {
	content: "\e015";
}
.glyphicon-zoom-out:before {
	content: "\e016";
}
.glyphicon-off:before {
	content: "\e017";
}
.glyphicon-signal:before {
	content: "\e018";
}
.glyphicon-cog:before {
	content: "\e019";
}
.glyphicon-trash:before {
	content: "\e020";
}
.glyphicon-home:before {
	content: "\e021";
}
.glyphicon-file:before {
	content: "\e022";
}
.glyphicon-time:before {
	content: "\e023";
}
.glyphicon-road:before {
	content: "\e024";
}
.glyphicon-download-alt:before {
	content: "\e025";
}
.glyphicon-download:before {
	content: "\e026";
}
.glyphicon-upload:before {
	content: "\e027";
}
.glyphicon-inbox:before {
	content: "\e028";
}
.glyphicon-play-circle:before {
	content: "\e029";
}
.glyphicon-repeat:before {
	content: "\e030";
}
.glyphicon-refresh:before {
	content: "\e031";
}
.glyphicon-list-alt:before {
	content: "\e032";
}
.glyphicon-lock:before {
	content: "\e033";
}
.glyphicon-flag:before {
	content: "\e034";
}
.glyphicon-headphones:before {
	content: "\e035";
}
.glyphicon-volume-off:before {
	content: "\e036";
}
.glyphicon-volume-down:before {
	content: "\e037";
}
.glyphicon-volume-up:before {
	content: "\e038";
}
.glyphicon-qrcode:before {
	content: "\e039";
}
.glyphicon-barcode:before {
	content: "\e040";
}
.glyphicon-tag:before {
	content: "\e041";
}
.glyphicon-tags:before {
	content: "\e042";
}
.glyphicon-book:before {
	content: "\e043";
}
.glyphicon-bookmark:before {
	content: "\e044";
}
.glyphicon-print:before {
	content: "\e045";
}
.glyphicon-camera:before {
	content: "\e046";
}
.glyphicon-font:before {
	content: "\e047";
}
.glyphicon-bold:before {
	content: "\e048";
}
.glyphicon-italic:before {
	content: "\e049";
}
.glyphicon-text-height:before {
	content: "\e050";
}
.glyphicon-text-width:before {
	content: "\e051";
}
.glyphicon-align-left:before {
	content: "\e052";
}
.glyphicon-align-center:before {
	content: "\e053";
}
.glyphicon-align-right:before {
	content: "\e054";
}
.glyphicon-align-justify:before {
	content: "\e055";
}
.glyphicon-list:before {
	content: "\e056";
}
.glyphicon-indent-left:before {
	content: "\e057";
}
.glyphicon-indent-right:before {
	content: "\e058";
}
.glyphicon-facetime-video:before {
	content: "\e059";
}
.glyphicon-picture:before {
	content: "\e060";
}
.glyphicon-map-marker:before {
	content: "\e062";
}
.glyphicon-adjust:before {
	content: "\e063";
}
.glyphicon-tint:before {
	content: "\e064";
}
.glyphicon-edit:before {
	content: "\e065";
}
.glyphicon-share:before {
	content: "\e066";
}
.glyphicon-check:before {
	content: "\e067";
}
.glyphicon-move:before {
	content: "\e068";
}
.glyphicon-step-backward:before {
	content: "\e069";
}
.glyphicon-fast-backward:before {
	content: "\e070";
}
.glyphicon-backward:before {
	content: "\e071";
}
.glyphicon-play:before {
	content: "\e072";
}
.glyphicon-pause:before {
	content: "\e073";
}
.glyphicon-stop:before {
	content: "\e074";
}
.glyphicon-forward:before {
	content: "\e075";
}
.glyphicon-fast-forward:before {
	content: "\e076";
}
.glyphicon-step-forward:before {
	content: "\e077";
}
.glyphicon-eject:before {
	content: "\e078";
}
.glyphicon-chevron-left:before {
	content: "\e079";
}
.glyphicon-chevron-right:before {
	content: "\e080";
}
.glyphicon-plus-sign:before {
	content: "\e081";
}
.glyphicon-minus-sign:before {
	content: "\e082";
}
.glyphicon-remove-sign:before {
	content: "\e083";
}
.glyphicon-ok-sign:before {
	content: "\e084";
}
.glyphicon-question-sign:before {
	content: "\e085";
}
.glyphicon-info-sign:before {
	content: "\e086";
}
.glyphicon-screenshot:before {
	content: "\e087";
}
.glyphicon-remove-circle:before {
	content: "\e088";
}
.glyphicon-ok-circle:before {
	content: "\e089";
}
.glyphicon-ban-circle:before {
	content: "\e090";
}
.glyphicon-arrow-left:before {
	content: "\e091";
}
.glyphicon-arrow-right:before {
	content: "\e092";
}
.glyphicon-arrow-up:before {
	content: "\e093";
}
.glyphicon-arrow-down:before {
	content: "\e094";
}
.glyphicon-share-alt:before {
	content: "\e095";
}
.glyphicon-resize-full:before {
	content: "\e096";
}
.glyphicon-resize-small:before {
	content: "\e097";
}
.glyphicon-exclamation-sign:before {
	content: "\e101";
}
.glyphicon-gift:before {
	content: "\e102";
}
.glyphicon-leaf:before {
	content: "\e103";
}
.glyphicon-fire:before {
	content: "\e104";
}
.glyphicon-eye-open:before {
	content: "\e105";
}
.glyphicon-eye-close:before {
	content: "\e106";
}
.glyphicon-warning-sign:before {
	content: "\e107";
}
.glyphicon-plane:before {
	content: "\e108";
}
.glyphicon-calendar:before {
	content: "\e109";
}
.glyphicon-random:before {
	content: "\e110";
}
.glyphicon-comment:before {
	content: "\e111";
}
.glyphicon-magnet:before {
	content: "\e112";
}
.glyphicon-chevron-up:before {
	content: "\e113";
}
.glyphicon-chevron-down:before {
	content: "\e114";
}
.glyphicon-retweet:before {
	content: "\e115";
}
.glyphicon-shopping-cart:before {
	content: "\e116";
}
.glyphicon-folder-close:before {
	content: "\e117";
}
.glyphicon-folder-open:before {
	content: "\e118";
}
.glyphicon-resize-vertical:before {
	content: "\e119";
}
.glyphicon-resize-horizontal:before {
	content: "\e120";
}
.glyphicon-hdd:before {
	content: "\e121";
}
.glyphicon-bullhorn:before {
	content: "\e122";
}
.glyphicon-bell:before {
	content: "\e123";
}
.glyphicon-certificate:before {
	content: "\e124";
}
.glyphicon-thumbs-up:before {
	content: "\e125";
}
.glyphicon-thumbs-down:before {
	content: "\e126";
}
.glyphicon-hand-right:before {
	content: "\e127";
}
.glyphicon-hand-left:before {
	content: "\e128";
}
.glyphicon-hand-up:before {
	content: "\e129";
}
.glyphicon-hand-down:before {
	content: "\e130";
}
.glyphicon-circle-arrow-right:before {
	content: "\e131";
}
.glyphicon-circle-arrow-left:before {
	content: "\e132";
}
.glyphicon-circle-arrow-up:before {
	content: "\e133";
}
.glyphicon-circle-arrow-down:before {
	content: "\e134";
}
.glyphicon-globe:before {
	content: "\e135";
}
.glyphicon-wrench:before {
	content: "\e136";
}
.glyphicon-tasks:before {
	content: "\e137";
}
.glyphicon-filter:before {
	content: "\e138";
}
.glyphicon-briefcase:before {
	content: "\e139";
}
.glyphicon-fullscreen:before {
	content: "\e140";
}
.glyphicon-dashboard:before {
	content: "\e141";
}
.glyphicon-paperclip:before {
	content: "\e142";
}
.glyphicon-heart-empty:before {
	content: "\e143";
}
.glyphicon-link:before {
	content: "\e144";
}
.glyphicon-phone:before {
	content: "\e145";
}
.glyphicon-pushpin:before {
	content: "\e146";
}
.glyphicon-usd:before {
	content: "\e148";
}
.glyphicon-gbp:before {
	content: "\e149";
}
.glyphicon-sort:before {
	content: "\e150";
}
.glyphicon-sort-by-alphabet:before {
	content: "\e151";
}
.glyphicon-sort-by-alphabet-alt:before {
	content: "\e152";
}
.glyphicon-sort-by-order:before {
	content: "\e153";
}
.glyphicon-sort-by-order-alt:before {
	content: "\e154";
}
.glyphicon-sort-by-attributes:before {
	content: "\e155";
}
.glyphicon-sort-by-attributes-alt:before {
	content: "\e156";
}
.glyphicon-unchecked:before {
	content: "\e157";
}
.glyphicon-expand:before {
	content: "\e158";
}
.glyphicon-collapse-down:before {
	content: "\e159";
}
.glyphicon-collapse-up:before {
	content: "\e160";
}
.glyphicon-log-in:before {
	content: "\e161";
}
.glyphicon-flash:before {
	content: "\e162";
}
.glyphicon-log-out:before {
	content: "\e163";
}
.glyphicon-new-window:before {
	content: "\e164";
}
.glyphicon-record:before {
	content: "\e165";
}
.glyphicon-save:before {
	content: "\e166";
}
.glyphicon-open:before {
	content: "\e167";
}
.glyphicon-saved:before {
	content: "\e168";
}
.glyphicon-import:before {
	content: "\e169";
}
.glyphicon-export:before {
	content: "\e170";
}
.glyphicon-send:before {
	content: "\e171";
}
.glyphicon-floppy-disk:before {
	content: "\e172";
}
.glyphicon-floppy-saved:before {
	content: "\e173";
}
.glyphicon-floppy-remove:before {
	content: "\e174";
}
.glyphicon-floppy-save:before {
	content: "\e175";
}
.glyphicon-floppy-open:before {
	content: "\e176";
}
.glyphicon-credit-card:before {
	content: "\e177";
}
.glyphicon-transfer:before {
	content: "\e178";
}
.glyphicon-cutlery:before {
	content: "\e179";
}
.glyphicon-header:before {
	content: "\e180";
}
.glyphicon-compressed:before {
	content: "\e181";
}
.glyphicon-earphone:before {
	content: "\e182";
}
.glyphicon-phone-alt:before {
	content: "\e183";
}
.glyphicon-tower:before {
	content: "\e184";
}
.glyphicon-stats:before {
	content: "\e185";
}
.glyphicon-sd-video:before {
	content: "\e186";
}
.glyphicon-hd-video:before {
	content: "\e187";
}
.glyphicon-subtitles:before {
	content: "\e188";
}
.glyphicon-sound-stereo:before {
	content: "\e189";
}
.glyphicon-sound-dolby:before {
	content: "\e190";
}
.glyphicon-sound-5-1:before {
	content: "\e191";
}
.glyphicon-sound-6-1:before {
	content: "\e192";
}
.glyphicon-sound-7-1:before {
	content: "\e193";
}
.glyphicon-copyright-mark:before {
	content: "\e194";
}
.glyphicon-registration-mark:before {
	content: "\e195";
}
.glyphicon-cloud-download:before {
	content: "\e197";
}
.glyphicon-cloud-upload:before {
	content: "\e198";
}
.glyphicon-tree-conifer:before {
	content: "\e199";
}
.glyphicon-tree-deciduous:before {
	content: "\e200";
}

/* Ishikawa Toyota */
.actions-remove
{
	position: relative;
}
.actions-remove .remove
{
	position: absolute;
	right: 0px;
}

.google-map-control
{
	padding: 0px 0px 10px 0px;
}

.google-map-control input
{
	margin-left: 6px;
}

.google-map
{
	width: 640px;
	height: 400px;
}

.defaultvalue
{
	display: inline-block;
	width: 200px;
	vertical-align: top;
}

.existdefault input[type=text]
{
	width: 220px;
}

.existdefault textarea
{
	width: 460px;
	height: 80px;
}

.range input[type=text]
{
	width: 180px;
}

.csvuploadframe
{
	width: 600px;
	height: 200px;
	padding: 20px;
}

.csvuploadbox
{
	border-style: solid;
	border-width: 2px;
	background-color: rgba(200, 255, 200, 0.5);
	text-align: center;
	vertical-align: middle;
	padding-top: 12%;
	padding-bottom: 12%;
	cursor: pointer;
}

.csvstatus
{
	height: 40px;
}

.csvguide
{
	font-weight: bold;
	padding: 8px;
	display: none;
	margin-top: 12px;
	margin-botom: 12px;
}

.csverror
{
	padding: 4px;
}

.csverror div
{
	padding: 6px;
	background-color: #CC0000;
	color: #FFFFFF;
	cursor: pointer;
}

.csverror .fa
{
	padding: 4px;
}

.csverror ul
{
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 24px;
	border-style: solid;
	border-color: #CC0000;
	border-width: 2px;
	background-color: #FFCCCC;
	color: #CC0000;
}

.csverror li
{
	margin-top: 6px;
}

.csvwarning
{
	padding: 4px;
}
.csvwarning div
{
	padding: 6px;
	background-color: #FFCC00;
	color: #000000;
	cursor: pointer;
}

.csvwarning .fa
{
	padding: 4px;
}

.csvwarning ul
{
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 24px;
	border-style: solid;
	border-color: #FFCC00;
	border-width: 2px;
	background-color: #FFFFCC;
	color: #000000;
}

.csvwarning li
{
	margin-top: 2px;
}

.csvbasicinformation
{
	padding: 8px;
}

.csvbasicinformation div
{
	display: inline;
}

.csvbasicinformation dl,
.csvbasicinformation dd,
.csvbasicinformation dt
{
	margin: 0px !important;
}

.csvconfirm
{
	padding: 16px;
}

.csvconfirm table
{
	border-collapse: collapse;
	border-width: 1px;
	border-color: #000000;
	border-style: solid;
	width: 600px;
}

.csvconfirm tr
{
	background-color: #FFFFFF;
}

.csvconfirm tr:hover
{
	background-color: #FFFFCC;
}

.csvconfirm th
{
	text-align: center;
	padding: 8px;
	border-width: 1px;
	border-color: #000000;
	border-style: solid;
	background-color: #003399;
	color: #FFFFFF;
	font-weight: bold;
}

.csvconfirm td
{
	padding: 8px;
	border-width: 1px;
	border-color: #000000;
	border-style: solid;
}

.csvconfirm select
{
	font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',meiryo,'ＭＳ Ｐゴシック',sans-serif;
	padding: 4px;
}

.csvaction
{
	display: block;
	padding: 24px;
	margin: 0px !important;
}

.csvcontrol
{
	display: none;
}

.carmode
{
	padding: 4px;
}

.carmode.-carmode1.-testdrive-level1::after
{
	content: "★";
	margin-left: 6px;
}

.short input[type=text]
{
	width: 180px;
}

.short select
{
	width: 180px;
}

.button-small a
{
	border-radius: 4px;
	padding-left: 8px;
	padding-right: 8px;
	background-color: #003399;
	text-decoration: none;
	text-decoration-line: none;
	color: #FFFFFF;
}

.button-small a:visited
{
	color: #FFFFFF;
}

.button-width-10 {
	min-width: 10em;
}

.image_uploader
{
	border-width: 2px;
	border-style: dashed;
	border-color: #993300;
	text-align: center;
	cursor: pointer;
	background-color: #CCCCCC;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
}

.image_viewer
{
	margin: 6px;
	display: none;
}

.image_viewer *
{
	vertical-align: middle;
}

.image_remover
{
	cursor: pointer;
	margin: 10px;
}

.image_remover span.fa
{
	margin-right: 2px;
}

.image_upload_guide
{
	height: 48px;
}

.image_upload_guide *
{
	display: block !important;
}

.shop_main_image th
{
	text-align: left;
}

.shop_main_image td.image-upload-pc
{
	width: 460px;
	vertical-align: middle;
	padding: 2px;
}

.shop_main_image td.image-upload-mobile
{
	width: 280px;
	vertical-align: middle;
	padding: 2px;
}

.shop_main_image td .image_view
{
	width: 470px;
	height: 150px;
	padding: 10px;
}

.shop_main_image td.image-upload-mobile .image_view_mobile
{
	width: 280px;
	height: 150px;
	padding: 10px;
}

.shop_main_image .image_view img
{
	max-width: 380px;
	max-height: 150px;
}

.shop_main_image .image_view_mobile img
{
	max-width: 190px;
	max-height: 150px;
}

.shop_middle_image th
{
	text-align: left;
}

.shop_middle_image td
{
	width: 320px;
	vertical-align: middle;
	padding: 2px;
}

.shop_middle_image td .image_view
{
	width: 300px;
	height: 80px;
	margin: auto;
}

.shop_middle_image img
{
	height: 100px;
	max-width: 240px;
	max-height: 80px;
}

.shop_square_image td
{
	width: 160px;
	vertical-align: middle;
	text-align: center;
	height: 160px;
	padding: 2px;
}

.shop_square_image td .image_view
{
	width: 150px;
	height: 120px;
}

.shop_square_image img
{
	max-width: 138px;
	max-height: 100px;
	height: auto;
	display: block;
	margin: 0px auto 8px auto;
}

.nodisplay
{
	display: none;
}

.image_w600
{
	width: 600px;
}

.image_w600 img
{
	max-width: 540px;
	height: auto;
}

.image_w400
{
	width: 400px;
}

.image_w400 img
{
	max-width: 340px;
	height: auto;
}

.image_thumbnail
{
	width: 360px;
	height: 220px;
}

.image_thumbnail img
{
	max-width: 260px;
	max-height: 210px;
	height: auto;
}

.image_thumbnail_mobile
{
	width: 300px;
	height: 350px;
	text-align: center;
}

.image_thumbnail_mobile img
{
	max-width: 210px;
	max-height: 260px;
	width: auto;
}

.table_itemname
{
	width: 25%;
}

.fax
{
	width: 600px;
	height: 64px;
}

.colorpalette
{
	position: relative;
}

.pager_ra
{
	padding-top: 12px;
	padding-bottom: 12px;
}

.pager_ra div
{
	display: inline;
}

.pager_ra .fa
{
	padding: 6px;
}

.pager_ra .fa:hover
{
	color: #CCCC33;
	cursor: pointer;
}

.pager_ra input
{
	padding: 6px;
	width: 32px;
	text-align: right;
}

.pager_ra select
{
	padding: 6px;
}

.required:after
{
	/*
	content: " *必須";
	font-size: 10pt;
	color: #CC0000;
	font-weight: normal;
	*/
}

.optional:after
{
	content: " *任意";
	font-size: 10pt;
	color: #999;
	font-weight: normal;
}

.additionaltext
{
	font-weight: normal;
	color: #999;
	font-size: 10pt;
}

table.push-condition th
{
	width: 200px;
	vertical-align: middle;
}

.form input[type="text"].long
{
	width: 720px;
}

.form .btn-sort .fa-sort-up
{
	position: relative;
	top: 3px;
}

.form .btn-sort .fa-sort-down
{
	position: relative;
	bottom: 3px;
}

/**
 * For user mycar
 */
.mycar-info {
	display: flex;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	align-items: center;
	-ms-flex-align: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	padding: 24px 0;
}
.mycar-info__thumbnail {
	width: 400px;
	height: 250px;
	position: relative;
	overflow: hidden;
}
.mycar-info__thumbnail img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
}
.mycar-info__detail {
	margin-left: 40px;
}

.inspection_schedule {
	margin: 10px 0px 40px 0px;
}

.accordion {margin-bottom: 24px;}
.accordion__header {
	padding: 12px;
	background: #fff;
	font-weight: bold;
	margin-bottom: 4px;
	position: relative;
}

/* 20240202_会員管理担当店舗・担当スタッフアコーディオン */
.accordion-charge .accordion__header {
	margin-bottom: 0;
    margin-top: -31px;
    border: 1px solid #e5e5e5;
}

/* 20240417_アコーディオン_テキスト追加_クリックして展開 */
.accordion-charge .text-expand {
	/* 20240510_得意先要望_テキストカラー青 */
	color: #0c6fcc;
	display:inline-block;
	font-weight: normal;
	/* 20240430_アコーディオン_テキスト配置調整 */
	left: 248px;
	position: absolute;
}

.accordion-charge .active .text-expand {
	display: none;
}

/* 20240417_アコーディオン_テキスト追加_クリックして閉じる */
.accordion-charge .text-close {
	display: none;
}

.accordion-charge .active .text-close {
	/* 20240510_得意先要望_テキストカラー青 */
	color: #0c6fcc;
	display:inline-block;
	font-weight: normal;
	/* 20240430_アコーディオン_テキスト配置調整 */
	left: 248px;
	position: absolute;
}

.accordion__header span.fa {
	position: absolute;
	right: 20px;
	font-size: 1.2rem;
}
.accordion__body {
	display: none;
	background: #f9f9f9;
	padding: 12px 24px;
}

/* 20240206_会員管理担当店舗・担当スタッフアコーディオン */
.accordion-charge .accordion__body {
	padding: 0;
}

.accordion__body dt {
	float: left;
	width: 200px;
}
.accordion__body dd {
	*zoom: 1;
}
.accordion__body dd:before,
.accordion__body dd:after {
	display: table;
	line-height: 0;
	content: "";
}
.accordion__body dd:after {
	clear: both;
}
.accordion__body dt,
.accordion__body dd {
	margin-bottom: 6px;
}
.accordion__body h4 {
	font-weight: bold;
	margin-bottom:6px;
}
.accordion__body__section {
	margin-bottom: 32px;
}

/* 20240206_会員管理担当店舗・担当スタッフアコーディオン */
.accordion-charge .accordion__body .accordion__body__section {
	margin-bottom: 0;
}

.accordion__body__section ul {
	padding: 12px;
}

/*＝＝＝ 20240202_会員管理担当店舗・担当スタッフ ここから＝＝＝*/
.accordion__body__section table {
	width: 100%;
}

.accordion__body__section th {
	font-weight: bold;
}
/*＝＝＝ 20240202_会員管理担当店舗・担当スタッフ ここまで＝＝＝*/

dl.maintenance_pack_items dd span.maintenance_name {
	display: inline-block;
	width: 320px;
}

/**
 * For user detail
 */

.table span.model_name {
	display: block;
}

.table span.grade_name {
	display: block;
	font-size: 12px;
	color: #666666;
}

.user-mycar-info a {
	text-decoration: none;
	color: #333;
}
.user-mycar-info a:hover {
	color: #0c6fcc;
}
.user-mycar-info__inner {
	padding: 12px;
	background: #fff;
	margin-bottom: 12px;
	display: flex;
	display: flex;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
}
.user-mycar-info__thumbnail {
	width: 200px;
	height: 130px;
	position: relative;
	overflow: hidden;
}
.user-mycar-info__thumbnail img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
}
.user-mycar-info__list {
	margin-left: 40px;
}

.table tbody tr.message-unread { background: #FFFF99; }

/* メッセージ履歴 */
div.frontend-function {
	display: none;
}

/* メッセージ作成 */
ul.attachment-files li {
	display: block;
	margin: 6px 0px;
}

ul.attachment-files li input {
	margin: 0px 10px;
}

/* LP */
.form .table .lp-action-button ol
{
	list-style: decimal;
}

.form .table .lp-action-button ul
{
	list-style: none;
}

.form .table .lp-action-button ol li,
.form .table .lp-action-button ul li
{
	display: list-item;
	float: none;
	width: 100%;
	margin: 8px 0px 8px 32px;
}

table.photogallery-table
{
	width: 100%;
}

.lp-action-button-other
{
	margin-left: 16px;
}

.lp-action-button-other input[type="text"]
{
	margin: 0px 10px;
}

.colortip
{
	display: inline-block;
	width: 10px;
	min-height: 12px;
	margin: 0px 4px;
	border-style: solid;
	border-width: 1px;
	border-color: #000000;
}

ul.integrated-checker
{
	margin: 6px auto;
}

ul.integrated-checker li
{
	margin-right: 6px;
}

table.user-message img
{
	max-width: 810px;
	height: auto;
}

table.user-message .message-file
{
	margin: 14px 0px 0px 0px;
	padding: 6px 0px 0px 6px;
	border-style: dashed;
	border-width: 1px 0px 0px 0px;
	border-color: #999999;
	font-size: 12px;
}

table.user-message .message-file .filesize
{
	margin: 0px 12px;
}

}
.form.-additional
{
	margin: 40px 0px 0px 0px;
}

/* Auto-Reply */
.overlay
{
	display: block;
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.6);
	z-index: 1000;
}

.overlay .update-confirmation
{
	width: 600px;
	margin: -150px auto 0px auto;
	height: 300px;
	position: relative;
	top: 50%;
	left: auto;
	padding: 20px;
	box-sizing: border-box;
	background-color: #ffffff;
}

.overlay .update-confirmation .update-confirmation-message
{
	min-height: 100px;
	margin: 20px auto;
	padding: 20px;
	box-sizing: border-box;
}

.overlay .update-confirmation .update-confirmation-action
{
	margin: 20px;
	text-align: center;
}

.overlay .update-confirmation .update-confirmation-action li
{
	display: inline-block;
	padding: 0px 10px;
}

.receipt
{
	margin: 24px auto;
	padding: 16px;
	border-style: solid;
	border-width: 2px 0px;
	border-color: #666666;
	background-color: #ffffff;
}

.receipt .feedback
{
	font-weight: bold;
	margin: 4px 0px;
}

.receipt table.table
{
	margin: 0px;
	border-color: #000000;
}

/* Testdrive Reservation */
.fallback-visitor
{
	width: 640px;
	padding: 12px;
	border-width: 1px;
	border-style: solid;
	border-color: #000000;
	box-sizing: border-box;
	background-color: #ffffff;
}

.fallback-visitor p
{
	margin: 16px 0px;
}

.form input[type="text"].short
{
	width: 100px;
}

.utility-button
{
	margin: 0px 10px;
}

.utility-button:hover
{
	cursor: pointer;
}

.testdrive-car-information-view
{
	margin: 10px 0px;
}

ul.testdrive-car-information
{
	width: 100%;
	height: 240px;
	overflow: hidden;
}

ul.testdrive-car-information li
{
	vertical-align: top;
	display: inline-block;
	height: 100%;
	padding: 6px;
	box-sizing: border-box;
}

ul.testdrive-car-information li.image
{
	max-width: 240px;
	width: 240px;
	overflow: hidden;
}

ul.testdrive-car-information li.description
{
	max-width: 640px;
	width: 480px;
}

ul.testdrive-car-information li.image img
{
	width: 100%;
	height: auto;
}

ul.testdrive-car-information li.description ul
{
	height: auto;
}

ul.testdrive-car-information li.description ul li
{
	display: block;
	margin: 6px;
	padding: 0px;
	height: auto;
}

.testdrive-car-information .description
{
	display: inline-block;
	max-width: 600px;
	width: 480px;
}

.waitscreen
{
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.6);
	z-index: 9999;
}

.popup-container
{
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.6);
	z-index: 9999;
	display: none;
}

.popup-container.-show
{
	display: block;
}

.popup-container .popup
{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 800px;
	height: 600px;
	margin: auto;
	transform: translate(-50%,-50%);
	background-color: #ffffff;
	box-sizing: border-box;
	padding: 36px 42px;
}

.popup-container .popup.-auto-height
{
	height: auto;
}

.popup-container .popup .popup-content
{
	position: relative;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
}

.popup-container .popup .popup-content .confirmation-title
{
	padding: 10px 0px;
	font-weight: bold;
	font-size: 24px;
}

.popup-container .popup .popup-content .confirmation-table-container
{
	margin: 10px auto;
	padding: 10px;
	max-height: 340px;
	overflow: auto;
	box-sizing: border-box;
	border-color: #cccccc;
	border-width: 1px;
	border-style: solid;
}

.popup-container .popup .popup-content .confirmation-table-container table th
{
	font-weight: bold;
	min-width: 180px;
}

.popup-container .popup .popup-content .confirmation-table-container table th,
.popup-container .popup .popup-content .confirmation-table-container table td
{
	font-size: 18px;
	padding: 8px;
}

.popup-container .popup .popup-content .actions
{
	position: absolute;
	bottom: 0px;
}

.popup-container .popup.-auto-height .popup-content .actions
{
	position: static;
}

.popup-container .popup .popup-content .actions .testdrive-user-notification
{
	padding: 6px 0px;
	font-size: 16px;
}

.popup-container .popup .popup-content .actions .testdrive-user-notification input[type="checkbox"]
{
	margin-right: 6px;
}

.popup-container .popup .popup-content .actions .testdrive-user-notification label:hover
{
	cursor: pointer;
	background-color: #ffff99;
}

.testdrive-internal-memo
{
	visibility: visible;
}

.holiday-table-container
{
	max-height: 360px;
	overflow: auto;
}

.table.holiday-table tbody tr:hover
{
	background-color: #ffffcc;
}

/* ソート */
.sortable.-up::after
{
	content: "▲";
	margin-left: 6px;
}

.sortable.-down::after
{
	content: "▼";
	margin-left: 6px;
}

.testdrive-internal-memo-data
{
	display: block;
	max-height: 120px;
	overflow: auto;
}

span.testdrive-internal-memo-form
{
	display: block;
	padding: 6px 0px;
}

.testdrive-internal-memo-controller span
{
	margin-right: 8px;
	font-weight: normal;
}

th span.testdrive-internal-memo
{
	font-weight: bold;
}

.testdrive-internal-memo-edit textarea
{
	height: 120px;
}

.testdrive-internal-memo-edit textarea.-read-only
{
	background-color: #efefef;
}

.testdrive-internal-memo-message span.information
{
	color: #3333ff;
}

.testdrive-internal-memo-message span.error
{
	color: #ff0000;
}

h2 span.sub-controller
{
	margin: 0px 16px;
}

.message-items .table
{
	margin: 0px;
}

.message-items.-body
{
	margin: 0px;
	max-height: 360px;
	overflow: auto;
}

.message-items .internal-information
{
	font-style: italic;
}

.message-items .url-wrapper
{
	max-width: 100%;
	word-break: break-all;
}

.message-item-count
{
	margin: 12px;
}

/* Batch */
table.-batch td.active
{
	color: #006600;
	background-color: #ccffcc;
}

table.-batch td.inactive
{
	background-color: #ffcccc;
	color: #990000;
}

.update-user-info a
{
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	background: #fff;
	padding: 6px 8px;
	margin: 0 0 0 10px;
	border: 1px solid #e5e5e5;
}

/* Warehousing Reservation */
table.table tbody tr.reservation-active
{
	background: #ffff99;
}

table.table tbody tr.reservation-cancel
{
	background: #cccccc;
}

table.table.warehousing-reservation-requests td div.car-information span
{
	color: #666666;
	font-size: 12px;
}

.form textarea.tinymce.-recruit-qa
{
	height: 300px;
}

.toyotaid-link
{

}

.toyotaid-link span.-typewriter
{
	font-family: 'Ubuntu Mono', monospace;
	color: #990000;
	background-color: #ffcccc;
	padding: 2px 8px;
}

.table th.align-right,
.table td.align-right
{
	text-align: right;
}

span.functions
{
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	background: #fff;
	padding: 6px 8px;
	margin: 0 0 0 10px;
	border: 1px solid #e5e5e5;
}

.toyotaid-link ul.flat li
{
	display: inline-block;
	margin: 0px 8px;
}

.toyotaid-link ul.flat li:first-child
{
	margin-left: 0px;
}

.point-summary
{
	width: 640px;
}

.point-summary table.table th
{
	text-align: left;
}
.point-summary table.table td
{
	text-align: right;
}

.point-csv-control .point-csv-preview-container
{
	width: 100%;
	margin: 16px;
}

.point-csv-preview-container .point-csv-preview
{
	margin: 6px 0px;
	width: 640px;
	padding: 2px;
	box-sizing: border-box;
	font-family: monospace;
	height: 160px;
	border-width: 1px;
	border-color: #000000;
	border-style: solid;
	background-color: #ffffff;
	overflow: auto;
}

.point-csv-output
{
	margin: 8px 0px;
	border-width: 1px;
	border-colow: #000000;
	border-style: solid;
	background-color: #ffffff;
	box-sizing: border-box;
	font-family: monospace;
	width: 100%;
	min-height: 60px;
	padding: 4px;
}

.point-csv-output div.-information
{
	color: #0000cc;
}

.point-csv-output div.-warning
{
	color: #cc6600;
}

.point-csv-output div.-error
{
	color: #cc3333;
}

.point-example
{
	font-weight: normal;
	font-size: 10pt;
}

.point-example.-memo
{
	margin-top: 10px;
}

.point-example.-point
{
	margin-left: 10px;
}

.toyota-csv-information
{
	width: 50%;
}

.badge
{
	word-break: keep-all;
	border-radius: 2px;
	padding: 2px 8px;
	margin: 0px 6px;
	font-size: 12px;
}

.badge.-wholesale
{
	background-color: #c7a613;
	color: #ffffff;
}

.badge.-wholesale-root
{
	background-color: #cc6600;
	color: #ffffff;
}

ul.account-toyotaid-link li {
	display: inline-block;
	margin: 4px 0px 0px 4px;
	min-width: 110px;
}

ul.account-toyotaid-link li:first-child {
	margin: 0px;
}

ul.account-toyotaid-link li span.-separator {
	display: inline-block;
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 0px 6px;
	border-style: dashed;
	border-width: 0px 0px 0px 1px;
	border-color: #000000;
}

.bulk-controller-container {
	 position: fixed;
	 bottom: 0px;
	 left: 0px;
	 height: 66px;
	 width: 100%;
	 padding: 0px 0px 0px 160px;
	 box-sizing: border-box;
	 background: rgba(200,200,200,0.8);
}

.bulk-controller-container.-hide {
	 display: none;
}

.bulk-controller-container-shadow {
	padding: 0px 0px 66px 0px;
}

.bulk-controller-container-shadow.-hide {
	 display: none;
}

.bulk-controller-container .bulk-controller {
	position: absolute;
	width: 100%;
	box-sizing: border-box;
	padding: 8px;
}

.fileupload-remarks {
	margin: 0px 0px 0px 20px;
	font-size: 12px;
}

.subblock {
	margin: 8px 0px;
	padding: 8px;
	background-color: #ffffff;
}

.user-mycar-reservation-controller {
	margin: 4px;
}

.stafflist {
	background: #fff;
	border: 1px solid #ccc;
	padding: 6px;
	margin-left: 10px;
	font-size: 14px;
	line-height: 16px;
	width: 300px;
	-webkit-appearance: none;
}

.scroll_form {
    height: 75px;
    overflow-x: hidden;
    overflow-y: scroll;
    margin: -30px 0px 0px 0px;
}

.scroll_table {
    margin: 0px 0px -30px 0px;
}

.form_radio {
    width: 100px;
    margin-right: 30px;
    float: left;
}