@charset "utf-8";

/*========================================
 +CLASS
========================================*/

/* Site custom */
.site-header {
	border-bottom: 0;
	background: url("/assets/img/hd-bg.png") repeat-x scroll 0 100% ;
	padding-bottom: 6px;
}
.site-content {
	margin-top: 6px;
}
.layout-left-sidebar-fixed .site-left-sidebar {
	margin-top: 56px;
}
.catalog-filters .cf-colors label.sch_cond {
	min-width: 65px;
	min-height: 62px;
	text-align: center;
	border: 2px solid #ddd;
	background-size: contain;
	border-radius: 3px;
	margin: 0 2px 7px;
}

#maker_panel_2 .cf-colors label.sch_cond {
	min-height: 75px;
	background-position: 0px 2px;
}
#maker_panel_2 .cf-colors label.sch_cond p {
	line-height: 1.20em;
	margin-top: 2px;
}
.catalog-filters .cf-colors label.sch_cond:hover {
	border: 2px solid #34a853;
}
.catalog-filters .cf-colors label.sch_cond p {
	top: 41px;
	position: absolute;
	width: 100%;
	font-size: 11px;
}
.catalog-filters .cf-colors label.active {
	border: 2px solid #34a853;
}

.catalog-filters .cf-colors label.sch_cond .cfc-indicator {
	color: #34a853;
	font-size: 24px;
}
.catalog-filters .cf-colors label.sch_cond2 {
	margin-left: 0;
	margin-right: 10px;
	margin-top: 3px;
}
.catalog-products .c-product:hover {
	border: 2px solid #34a853;
}
.catalog-products .c-product:hover .cp-img{
    animation: bound 0.3s ease-in-out;
}
.sch_price {
	font-size: 20px;
	font-weight: bold;
}
#CommonLeftSchBoxForm hr.m-s {
	margin-bottom: 15px;
    margin-top: 15px;
}

@keyframes bound {
    0% {transform: scale(0.99)}
    100% {transform: scale(1.0)}
}

.catalog-products .c-product .cp-img {
	display: block;
	overflow: hidden;
	height: auto;
	position: relative;
}
.catalog-products .c-product img {
	width: 100%;
}
.catalog-products .c-product .cp-img-label {
	width: 100%;
	height: 18px;
	position: absolute;
	background-color: #FFF;
	bottom: 3px;
	left: 0;
}
.catalog-products .c-product .cp-content {
    padding-top: 0px;
}

/*
@media (max-width: 1550px) {
	.sch_car_panel {
		width: 340px;
	}

	.rst_car_panel {
		width : calc(100% - 340px) ;
	}
}
*/

.now_loading {
	width: 200px;
	height: 180px;
	background: url("/assets/img/loading_2.gif") no-repeat center;
	background-color: #FFF;
	border: 3px solid #CCC;
	border-radius: 10px;
}


.cssload-loader {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    margin: 2em;
    display: inline-block;
    position: relative;
    vertical-align: middle;
}

.cssload-loader,
.cssload-loader:before,
.cssload-loader:after {
    animation: 1.15s infinite ease-in-out;
    -o-animation: 1.15s infinite ease-in-out;
    -webkit-animation: 1.15s infinite ease-in-out;
    -moz-animation: 1.15s infinite ease-in-out;
}

.cssload-loader:before,
.cssload-loader:after {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgb(174, 3, 22);
    transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    animation: cssload-animation 1.73s infinite ease-in-out;
    -o-animation: cssload-animation 1.73s infinite ease-in-out;
    -webkit-animation: cssload-animation 1.73s infinite ease-in-out;
    -moz-animation: cssload-animation 1.73s infinite ease-in-out;
}

.cssload-loader:after {
    animation-delay: 0.86s;
    -o-animation-delay: 0.86s;
    -webkit-animation-delay: 0.86s;
    -moz-animation-delay: 0.86s;
}


.lyBm{ margin-bottom:10px;}


.badge-service-1 {
    color: #fff;
    background-color: #007bff;
}
.badge-service-2 {
    color: #212529;
    background-color: #ffc107;
}
.badge-service-3 {
    color: #fff;
    background-color: #28a745;
}
.badge-service-4 {
    color: #fff;
    background-color: #17a2b8;
}

.modal_sch_table {
	border: 0;
}
.modal_sch_table th ,.modal_sch_table td  {
	border: 0 !important;
	background: none;
	vertical-align: middle;
}

.ln-no-match {
	color:#900;
	text-align: center;
	padding: 10px 15px;
}

.help-block {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 5px;
}

.help-block .list-unstyled {
	margin-top: 5px;
	margin-bottom: 0;
}



/*　color　*/
.f_red { color:#900;}

/*　width　*/
.w1 {width:1px !important;}
.w5 {width:5px !important;}
.w10 {width:10px !important;}
.w15 {width:15px !important;}
.w20 {width:20px !important;}
.w25 {width:25px !important;}
.w30 {width:30px !important;}
.w35 {width:35px !important;}
.w40 {width:40px !important;}
.w45 {width:45px !important;}
.w50 {width:50px !important;}
.w55 {width:55px !important;}
.w60 {width:60px !important;}
.w65 {width:65px !important;}
.w70 {width:70px !important;}
.w75 {width:75px !important;}
.w80 {width:80px !important;}
.w85 {width:85px !important;}
.w90 {width:90px !important;}
.w100{width:100px !important;}
.w105{width:105px !important;}
.w110{width:110px !important;}
.w120{width:120px !important;}
.w130{width:130px !important;}
.w135{width:135px !important;}
.w140{width:140px !important;}
.w150{width:150px !important;}
.w160{width:160px !important;}
.w165{width:165px !important;}
.w170{width:170px !important;}
.w180{width:180px !important;}
.w185{width:185px !important;}
.w190{width:190px !important;}
.w200{width:200px !important;}
.w220{width:220px !important;}
.w230{width:230px !important;}
.w240{width:240px !important;}
.w250{width:250px !important;}
.w280{width:280px !important;}
.w300{width:300px !important;}
.w400{width:400px !important;}
.w450{width:450px !important;}
.w500{width:500px !important;}
.w600{width:600px !important;}
.w700{width:700px !important;}
.w800{width:800px !important;}
.w850{width:850px !important;}
.w900{width:900px !important;}
.w1000{width:1000px !important;}
.w1200{width:1200px !important;}
.w1300{width:1300px !important;}
.w1500{width:1500px !important;}
.w2000{width:2000px !important;}
.w2P {width:2%;}
.w5P {width:5%;}
.w6P {width:6%;}
.w7P {width:7%;}
.w8P {width:8%;}
.w9P {width:9%;}
.w10P {width:10%;}
.w12P {width:12%;}
.w15P {width:15%;}
.w19P {width:19%;}
.w20P {width:20%;}
.w25P {width:25%;}
.w30P {width:30%;}
.w35P {width:35%;}
.w40P {width:40%;}
.w45P {width:45%;}
.w48P {width:48%;}
.w50P {width:50%;}
.w50Pi {width:50% !important;}
.w53P {width:53%;}
.w55P {width:55%;}
.w60P {width:60%;}
.w65P {width:65%;}
.w70P {width:70%;}
.w75P {width:75%;}
.w80P {width:80%;}
.w90P {width:90%;}
.w93P {width:93%;}
.w96P {width:96%;}
.w100P {width:100%;}
.m-w-60p {width: 60%;}
.m-w-70p {width: 70%;}

/* height */
.h10 { height: 10px !important; }
.h20 { height: 20px !important;}
.h25 { height: 25px !important;}
.h30 { height: 30px !important;}
.h50 { height: 50px !important;}
.h70 { height: 70px !important;}
.h80 { height: 80px !important;}
.h90 { height: 90px !important;}
.h100 { height: 100px !important;}
.h200 { height: 200px !important;}
.h300 { height: 300px !important;}
.h350 { height: 350px !important;}
.h400 { height: 400px !important;}
.h450 { height: 450px !important;}
.h500 { height: 500px !important;}
.h550 { height: 550px !important;}
.h600 { height: 600px !important;}
.h650 { height: 650px !important;}
.h700 { height: 700px !important;}
.h1000 { height: 1000px !important;}
.max-h670 { max-height: 670px !important;}

/* margin */
.m0T {margin-top:0px !important;}
.m2T {margin-top:2px !important;}
.m3T {margin-top:3px !important;}
.m5T{margin-top:5px !important;}
.m7T{margin-top:7px !important;}
.m8T{margin-top:8px !important;}
.m9T{margin-top:9px !important;}
.m10T{margin-top:10px !important;}
.m15T{margin-top:15px !important;}
.m20T{margin-top:20px !important;}
.m30T{margin-top:30px !important;}
.m50T{margin-top:50px !important;}
.m8L { margin-left:8px;}
.m10L { margin-left:10px;}
.m20L { margin-left:20px;}
.m5L { margin-left:5px;}
.m10b {margin-bottom:10px;}
.m5BM {margin-bottom:5px !important;}
.m15b {margin-bottom:15px;}
.m0{margin:0px !important;}
.m5{margin:5px;}
.m10{margin:10px;}
.m5R{margin-right:5px;}
.m10R { margin-right:10px;}
.m20R { margin-right:20px;}
.m30R { margin-right:30px;}
.m0BM{margin-bottom:0px !important;}
.m10BM{margin-bottom:10px !important;}
.m15BM{margin-bottom:15px !important;}
.m20BM{margin-bottom:20px !important;}
.m30BM{margin-bottom:30px !important;}
.m-7T { margin-top: -7px;}
.m-a { margin: auto;}
/* padding */
.pd5{padding:5px;}
.pd10{padding:10px;}
.pd0L{padding:5px;}
.p10L{padding-left:10px;}
.pd15L{padding-left:15px;}
.pd20L{padding-left:20px !important;}
.pd0R{padding-right:0px !important;}
.p5R{padding-right:5px;}
.p10R{padding-right:10px !important;}
.pd0{padding:0px !important;}
.pd5L{padding-left:5px !important;}
.pd0BM{padding-bottom:0px !important;}
.pd5BM{padding-bottom:5px !important;}
.pd10BM{padding-bottom:10px !important;}
.pd20BM{padding-bottom:20px !important;}
.p56BM{padding-bottom:56px !important;}
.pd3T{padding-top:3px !important;}
.pd5T{padding-top:5px !important;}

.bd0T {
	border-top: 0px !important;
}
.bdbg0 {
	border: 0px !important;
	background: none !important;
	padding: 5px;
}
.bd0A {
	border: 0px !important;
}
.ipt_price {
	text-align:right;
}
/* float */
.fl {float:left;}
.fr {float:right;}

/* フォント設定 */
.f9 {font-size: 9px;}
.f10{font-size:10px;}
.f11{font-size:11px;}
.f12{font-size:12px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.f22{font-size:22px;}
.weight_nor{font-weight:normal;}
.weight_b{font-weight:bold;}
/* 書式設定 */
.t_r{text-align:right;}
.t_l{text-align:left;}
.t_c{text-align:center;}
.text_c{text-align:center;}
/* 入力設定 */
.ime_a{ime-mode:active;}
.ime_d{ime-mode:disabled;}
.ime_i{ime-mode:inactive;}
/* その他 */
.c_p { cursor:pointer;}
.d_n{display:none;}
.d_b{display:block;}
.m_h_300px {
	max-height: 300px;
	overflow-y: auto;
	border-bottom: 1px solid #ddd;
}

.m_h_450px {
	max-height: 450px;
	overflow-y: auto;
	border-bottom: 1px solid #ddd;
}
.m_h_600px {
	max-height: 610px;
	overflow-y: auto;
	border-bottom: 1px solid #ddd;
}

.h40px { height:40px;}

.modal-75p {
    width: 75%;
}
.modal-50p {
    width: 50%;
}
.btn-labeled { background-color: #FFF;}

/* Table */
.panel {
	border-width: 3px;
}
table {
	border-color: #bbb !important;
}
table thead th {
	background-color: #eeebe2 !important;
	border-color: #bbb !important;
}
table tbody td, table tbody th {
	border-color: #bbb !important;
}
#admin_search_form tbody th {
	background-color: #eeebe2;
	text-align: right;
	width: 130px;
}
.disp_table_th_left tbody th {
	background-color: #eeebe2;
	text-align: right;
	width: 130px;
}

.table-bordered-onlybm {
	border-bottom: 1px solid #ddd;
}

.form-group-btn-area {
	margin-top: 30px;
	padding-top: 10px;
	border-top: 1px dashed #ddd;
}

.cstm_modal_sch_box table {

}

.cstm_modal_sch_box th {
	width: 100px;
	text-align: right;
}
.cstm_modal_sch_box th, .cstm_modal_sch_box td {
	border-top : 0px !important;
}

.m_t_input_price_area .form-control {
	padding: 6px 5px !important;
}
.m_t_input_price_area tr td:last-child {
    padding-right: 8px !important;
}
.m_t_input_price_area tr th:last-child {
    padding-right: 8px !important;
}

.csv_btn {
	width:200px;
	height:80px;
	margin:0 10px;
}

/*
@media (max-width: 1536px) {
	.ad_area .col-md-6 {
		width: 100%;
	}
}
*/
.menu_title {
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}
.btn-menu {
	height:40px;
	font-size: 18px;
}

.menu_txt {
	margin: 0px 0 15px;
	min-height: 90px;
	text-align: center;
	font-size: 14px;

}
.apply_type_badge {
	font-size: 16px;
	padding: 4px 15px 5px;
	margin: 2px 0 0;
}

/* Calendar */
.ui-datepicker td span, .ui-datepicker td a {
    text-align: center;    /* 日付はセンタリングの方が好き */
}
/* 2011/4/25 削除 （土日の背景色はGClendar Holidaysが付けてくれる）
.ui-datepicker-week-end .ui-state-default {    / * 土日の背景を変える * /
    background-image: none;
    background-color: #b4ebfa;
}*/
.ui-datepicker select.ui-datepicker-year, .ui-datepicker select.ui-datepicker-month {
    width: 50px;    /* そのままだと改行してしまう */
}
.ui-datepicker select.ui-datepicker-year {
	float:left;
	width: 97px;
	height: 25px;
	font-size: 12px;
}
.ui-datepicker select.ui-datepicker-month {
    float:right;
	font-size: 12px;
	height: 25px;
}

.test_display { display:none !important; }

/* Common Custom */
.breadcrumb { margin-bottom: 0px; }

.c { height:0; line-height:0; clear:both; }
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */