/*----------------------------------------------------
　基本フレーム

  ベースカラー：#0056B4
----------------------------------------------------*/
html, body {
  height: 100%;
  overflow: auto;
  font-family: YuGothic, 'Yu Gothic medium', 'Hiragino Sans', Meiryo, 'sans-serif';
  font-size: 14px;
  line-height: 1.5;
  font-weight: 500;
}
#main {
	width: 100%;
	padding-top: 10px;
}
.wrapper {
	width: 98%;
	margin: 0 auto;
	padding: 0 10px;
	position: relative;
}
.wrapper2 {
	width: 98%;
	margin: 0 auto;
	padding: 0 10px;
	position: relative;
}
.wrapper_p {
	width: 1350px;
	margin: 0 auto;
	padding: 0 10px;
	position: relative;
}
.logo {
	width: 182px;
	transition: all 0.2s;
}
.logo img {
	width: 100%;
}
/*----------------------------------------------------
　ボタン設定
----------------------------------------------------*/
/* ボタン+アイコン (ベースサイズ) */
.icon_btn {
	font-size: 15px;
	font-weight: bold;
	margin: 6px 0;
	display: inline-block;
}
.icon_btn a {
	padding: 8px 15px;
	text-align: center;
	border-radius: 6px;
	display: block;
}
.icon_btn .fas {
	margin-right: 6px;
	font-size: 16px;
}

/* ボタン+アイコン (ミドルサイズ) */
.mini_btn {
	font-size: 13px;
	font-weight: bold;
	margin: 0;
	display: inline-block;
}
.mini_btn a {
	padding: 4px 10px;
	text-align: center;
	border-radius: 6px;
	display: block;
	cursor: pointer;
}
.mini_btn .fas {
	margin-right: 6px;
	font-size: 13px;
}
/* ボタンのみ (ベースサイズ) */
.base_btn {
	font-size: 15px;
	font-weight: bold;
	margin: 6px 0;
	display: inline-block;
}
.base_btn a {
	padding: 8px 15px;
	text-align: center;
	border-radius: 6px;
	display: block;
}

/* ボタンのみ (スモールサイズ、一部アイコン付き) */
.small_btn {
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	display: inline-block;
}
.small_btn a {
	padding: 4px 12px;
	text-align: center;
	border-radius: 4px;
	display: block;
}
.small_btn .fas {
	margin-right: 4px;
	font-size: 11px;
}

/* トグルボタン (Display switch) */
.toggle_switch {
	position: relative;
	font-weight: bold;
	font-size: 13px;
	color: #ffffff;
	text-shadow: 0 2px 1px rgba(0,0,0,0.2);
	z-index: 1;
  line-height: 1;
	margin: 6px 0;
  opacity: 0.8;
}
.toggle_switch::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	background: #94aebf;
	background: -moz-linear-gradient(top,  #94aebf 0%, #abc1d1 50%);
	background: -webkit-linear-gradient(top,  #94aebf 0%,#abc1d1 50%);
	background: linear-gradient(to bottom,  #94aebf 0%,#abc1d1 50%);
	border-radius: 10px;
	box-shadow: 0 2px 3px rgba(0,0,0,0.2);
	transition: all 0.2s;
}
.toggle_switch::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -2;
	background: #abc1d1;
	background: -moz-linear-gradient(top, #abc1d1 00%, #94aebf 50%);
	background: -webkit-linear-gradient(top,  #abc1d1 00%, #94aebf 50%);
	background: linear-gradient(to bottom,  #abc1d1 00%, #94aebf 50%);
	border-radius: 10px;
	box-shadow: 0 2px 3px rgba(0,0,0,0.2);
}
.toggle_switch a {
	padding: 4px 10px 4px;
	display: block;
}
.toggle_switch:hover::before {
	opacity: 0;
}
.toggle_switch.active {
  opacity: 1;
}
.toggle_switch.active::before {
	background: #7ac7ff;
	background: -moz-linear-gradient(top,  #7ac7ff 0%, #33aaff 50%);
	background: -webkit-linear-gradient(top,  #7ac7ff 0%,#33aaff 50%);
	background: linear-gradient(to bottom,  #7ac7ff 0%,#33aaff 50%);
}
.toggle_switch.active::after {
	background: #33aaff;
	background: -moz-linear-gradient(top, #BCE2FD 0%,#86C9F8 50%);
	background: -webkit-linear-gradient(top, #BCE2FD 0%,#86C9F8 50%);
	background: linear-gradient(to bottom,  #BCE2FD 0%,#86C9F8 50%);
}
.toggle_switch .fas {
	font-size: 14px;
	text-shadow: none;
	margin-right: 6px;
}
.toggle_switch .fa-toggle-off {
	color: #086cd6;
}
.toggle_switch .fa-toggle-on {
	color: #85edff;
}

#toggle_kaijo {
	padding-top: 5px;
	padding-bottom: 5px;
}

#countPage,#pageFromTo,#countPage_f,#pageFromTo_f {
	padding-left: 5px;
}

.snoRink {
	color: #0066cc;
}


/* トグルボタン (Large) */
.toggle_btn {
	position: relative;
	font-weight: bold;
	font-size: 15px;
	color: #ffffff;
	text-shadow: 0 2px 1px rgba(0,0,0,0.2);
	z-index: 1;
	margin: 6px 0;
	width: 220px;
	display: inline-block;
}
.toggle_btn::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	background: #94aebf;
	background: -moz-linear-gradient(top,  #94aebf 0%, #abc1d1 50%);
	background: -webkit-linear-gradient(top,  #94aebf 0%,#abc1d1 50%);
	background: linear-gradient(to bottom,  #94aebf 0%,#abc1d1 50%);
	border-radius: 6px;
	transition: all 0.2s;
}
.toggle_btn::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -2;
	background: #abc1d1;
	background: -moz-linear-gradient(top,  #abc1d1 50%, #94aebf 100%);
	background: -webkit-linear-gradient(top,  #abc1d1 50%,#94aebf 100%);
	background: linear-gradient(to bottom,  #abc1d1 50%,#94aebf 100%);
	border-radius: 6px;
}
.toggle_btn a {
	padding: 8px 4px;
	display: block;
	text-align: center;
	cursor: pointer;
}
.toggle_btn:hover::before {
	opacity: 0;
}
.toggle_btn.active::before {
	background: #7ac7ff;
	background: -moz-linear-gradient(top,  #7ac7ff 0%, #33aaff 50%);
	background: -webkit-linear-gradient(top,  #7ac7ff 0%,#33aaff 50%);
	background: linear-gradient(to bottom,  #7ac7ff 0%,#33aaff 50%);
}
.toggle_btn.active::after {
	background: #33aaff;
	background: -moz-linear-gradient(top,  #33aaff 50%, #33aaff 50%, #7ac7ff 100%);
	background: -webkit-linear-gradient(top,  #33aaff 50%,#33aaff 50%,#7ac7ff 100%);
	background: linear-gradient(to bottom,  #33aaff 50%,#33aaff 50%,#7ac7ff 100%);
}

/* 検索結果ボタン：商談 */
.opportunity_btn {
	position: relative;
	text-align: center;
	font-size: 13px;
    font-weight: bold;
	color: #0071bc;
	z-index: 1;
	margin: 0;
	display: inline-block;
}
.opportunity_btn::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	background: #ffdf3c;
	background: -moz-linear-gradient(top,  #fff3b8 0%, #ffdf3c 50%, #f2d639 100%);
	background: -webkit-linear-gradient(top,  #fff3b8 0%,#ffdf3c 50%,#f2d639 100%);
	background: linear-gradient(to bottom,  #fff3b8 0%,#ffdf3c 50%,#f2d639 100%);
	border-radius: 6px;
	transition: all 0.2s;
	box-shadow: 0 2px 6px rgba(0,0,0,0.2);
}
.opportunity_btn::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -2;
	background: #fff3b8;
	background: -moz-linear-gradient(top,  #f2d639 0%, #ffdf3c 50%, #fff3b8 100%);
	background: -webkit-linear-gradient(top,  #f2d639 0%,#ffdf3c 50%,#fff3b8 100%);
	background: linear-gradient(to bottom,  #f2d639 0%,#ffdf3c 50%,#fff3b8 100%);
	border-radius: 6px;
	box-shadow: 0 2px 6px rgba(0,0,0,0.2);
}
.opportunity_btn a {
	width: 56px;
	padding: 8px 4px;
	display: block;
}
.opportunity_btn:hover::before {
	opacity: 0;
}
/* 検索結果ボタン：入札 */
.bidding_btn {
	position: relative;
	text-align: center;
	font-size: 13px;
    font-weight: bold;
 	color: #0071bc;
	z-index: 1;
	margin: 0;
	display: inline-block;
}
.bidding_btn::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	background: #94faff;
	background: -moz-linear-gradient(top,  #e0feff 0%, #94faff 50%, #51e6ed 100%);
	background: -webkit-linear-gradient(top,  #e0feff 0%,#94faff 50%,#51e6ed 100%);
	background: linear-gradient(to bottom,  #e0feff 0%,#94faff 50%,#51e6ed 100%);
	border-radius: 6px;
	transition: all 0.2s;
	box-shadow: 0 2px 6px rgba(0,0,0,0.2);
}
.bidding_btn::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -2;
	background: #e0feff;
	background: -moz-linear-gradient(top,  #51e6ed 0%, #94faff 50%, #e0feff 100%);
	background: -webkit-linear-gradient(top,  #51e6ed 0%,#94faff 50%,#e0feff 100%);
	background: linear-gradient(to bottom,  #51e6ed 0%,#94faff 50%,#e0feff 100%);
	border-radius: 6px;
	box-shadow: 0 2px 6px rgba(0,0,0,0.2);
}
.bidding_btn a {
	width: 56px;
	padding: 8px 4px;
	display: block;
}
.bidding_btn:hover::before {
	opacity: 0;
}

.bidding_btn_en {
	position: relative;
	text-align: center;
	font-size: 13px;
    font-weight: bold;
 	color: #0071bc;
	z-index: 1;
	margin: 0;
	display: inline-block;
}
.bidding_btn_en::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	background: #94faff;
	background: -moz-linear-gradient(top,  #e0feff 0%, #94faff 50%, #51e6ed 100%);
	background: -webkit-linear-gradient(top,  #e0feff 0%,#94faff 50%,#51e6ed 100%);
	background: linear-gradient(to bottom,  #e0feff 0%,#94faff 50%,#51e6ed 100%);
	border-radius: 6px;
	transition: all 0.2s;
	box-shadow: 0 2px 6px rgba(0,0,0,0.2);
}
.bidding_btn_en::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -2;
	background: #e0feff;
	background: -moz-linear-gradient(top,  #51e6ed 0%, #94faff 50%, #e0feff 100%);
	background: -webkit-linear-gradient(top,  #51e6ed 0%,#94faff 50%,#e0feff 100%);
	background: linear-gradient(to bottom,  #51e6ed 0%,#94faff 50%,#e0feff 100%);
	border-radius: 6px;
	box-shadow: 0 2px 6px rgba(0,0,0,0.2);
}
.bidding_btn_en a {
	width: 56px;
	padding: 8px 4px;
	display: block;
}
.bidding_btn_en:hover::before {
	opacity: 0;
}

/* 検索結果ボタン：搬出 */
.han_btn {
	position: relative;
	text-align: center;
	font-size: 13px;
    font-weight: bold;
 	color: #fff;
	z-index: 1;
	margin: 0;
	display: inline-block;
}
.han_btn::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	background: #00b477;
	background: -moz-linear-gradient(top,  #00e799 0%, #00b477 50%, #009a66 100%);
	background: -webkit-linear-gradient(top,  #00e799 0%,#00b477 50%,#009a66 100%);
	background: linear-gradient(to bottom,  #00e799 0%,#00b477 50%,#009a66 100%);
	border-radius: 6px;
	transition: all 0.2s;
	box-shadow: 0 2px 6px rgba(0,0,0,0.2);
}
.han_btn::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -2;
	background: #00b477;
	background: -moz-linear-gradient(top,  #009a66 0%, #00b477 50%, #00e799 100%);
	background: -webkit-linear-gradient(top,  #009a66 0%,#00b477 50%,#00e799 100%);
	background: linear-gradient(to bottom,  #009a66 0%,#00b477 50%,#00e799 100%);
	border-radius: 6px;
	box-shadow: 0 2px 6px rgba(0,0,0,0.2);
}
.han_btn a {
	width: 56px;
	padding: 8px 4px;
	display: block;
}
.han_btn:hover::before {
	opacity: 0;
}

/* 検索結果ボタン：価格交渉 */
.ope_btn {
	position: relative;
	text-align: center;
	font-size: 13px;
    font-weight: bold;
 	color: #fff;
	z-index: 1;
	margin: 0;
	display: inline-block;
	width: 5em;
	height: 3em;
	text-align: center;
	overflow-y: hidden;
	box-shadow: 0 2px 6px rgba(0,0,0,0.2);
}
.ope_btn::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	background: #00b477;
	background: -moz-linear-gradient(top,  #00e799 0%, #00b477 50%, #009a66 100%);
	background: -webkit-linear-gradient(top,  #00e799 0%,#00b477 50%,#009a66 100%);
	background: linear-gradient(to bottom,  #00e799 0%,#00b477 50%,#009a66 100%);
	border-radius: 6px;
	transition: all 0.2s;

}
.ope_btn::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -2;
	background: #00b477;
	background: -moz-linear-gradient(top,  #009a66 0%, #00b477 50%, #00e799 100%);
	background: -webkit-linear-gradient(top,  #009a66 0%,#00b477 50%,#00e799 100%);
	background: linear-gradient(to bottom,  #009a66 0%,#00b477 50%,#00e799 100%);
	border-radius: 6px;
	box-shadow: 0 2px 6px rgba(0,0,0,0.2);
}
.ope_btn a {
	width: 65px;
	height: 65px;
	padding: 8px 4px;
	display: block;
}
.ope_btn:hover::before {
	opacity: 0;
}

.ope_btn span{
  position: relative;
  display: inline-block;
  width: 100%;
  height: 100%;
  animation: flash 3s linear infinite;
}

.ope_btn_en {
	position: relative;
	text-align: center;
	font-size: 13px;
    font-weight: bold;
 	color: #fff;
	z-index: 1;
	margin: 0;
	display: inline-block;
	width: 6em;
	height: 3em;
	text-align: center;
	overflow-y: hidden;
	box-shadow: 0 2px 6px rgba(0,0,0,0.2);
	line-height: 1;
}
.ope_btn_en::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	background: #00b477;
	background: -moz-linear-gradient(top,  #00e799 0%, #00b477 50%, #009a66 100%);
	background: -webkit-linear-gradient(top,  #00e799 0%,#00b477 50%,#009a66 100%);
	background: linear-gradient(to bottom,  #00e799 0%,#00b477 50%,#009a66 100%);
	border-radius: 6px;
	transition: all 0.2s;

}
.ope_btn_en::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -2;
	background: #00b477;
	background: -moz-linear-gradient(top,  #009a66 0%, #00b477 50%, #00e799 100%);
	background: -webkit-linear-gradient(top,  #009a66 0%,#00b477 50%,#00e799 100%);
	background: linear-gradient(to bottom,  #009a66 0%,#00b477 50%,#00e799 100%);
	border-radius: 6px;
	box-shadow: 0 2px 6px rgba(0,0,0,0.2);
}
.ope_btn_en a {
	width: 75px;
	height: 65px;
	padding: 8px 4px;
	display: block;
}
.ope_btn_en:hover::before {
	opacity: 0;
}

.ope_btn_en span{
  position: relative;
  display: inline-block;
  width: 100%;
  height: 100%;
  font-size: 12px;
  letter-spacing: -0.03em !important;
  animation: flash 3s linear infinite;
}

@media all and (-ms-high-contrast: none) {
	.ope_btn span{
	  position: relative;
	  display: inline-block;
	  width: 100%;
	  height: 100%;
	  animation: none;
	}
	.ope_btn_en span{
	  position: relative;
	  display: inline-block;
	  width: 100%;
	  height: 100%;
	  font-size: 12px;
	  letter-spacing: -0.1em !important;
	  animation: none;
	}
}

@keyframes flash {
  0%{
    opacity: 0;
  }
  1%,50%{
    top: 0;
    opacity: 1;
  }

  51%,100%{
    top: -3.7em;
  }
}

.opportunity_btn_en {
	position: relative;
	text-align: center;
	font-size: 12px;
    font-weight: bold;
	color: #0071bc;
	z-index: 1;
	margin: 0;
	display: inline-block;
	letter-spacing: -0.06em !important;
}
.opportunity_btn_en::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	background: #ffdf3c;
	background: -moz-linear-gradient(top,  #fff3b8 0%, #ffdf3c 50%, #f2d639 100%);
	background: -webkit-linear-gradient(top,  #fff3b8 0%,#ffdf3c 50%,#f2d639 100%);
	background: linear-gradient(to bottom,  #fff3b8 0%,#ffdf3c 50%,#f2d639 100%);
	border-radius: 6px;
	transition: all 0.2s;
	box-shadow: 0 2px 6px rgba(0,0,0,0.2);
}
.opportunity_btn_en::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -2;
	background: #fff3b8;
	background: -moz-linear-gradient(top,  #f2d639 0%, #ffdf3c 50%, #fff3b8 100%);
	background: -webkit-linear-gradient(top,  #f2d639 0%,#ffdf3c 50%,#fff3b8 100%);
	background: linear-gradient(to bottom,  #f2d639 0%,#ffdf3c 50%,#fff3b8 100%);
	border-radius: 6px;
	box-shadow: 0 2px 6px rgba(0,0,0,0.2);
}
.opportunity_btn_en a {
	width: 56px;
	padding: 8px 2px;
	display: block;
}
.opportunity_btn_en:hover::before {
	opacity: 0;
}


/* コントロール系ボタン */
.control_btn {
	width: 250px;
}
.control_btn a {
	color: #ffffff;
	border: 1px solid #ffffff;
}
.control_btn a:hover {
	opacity: 0.7;
}

#tab a{
	cursor: pointer;
}

#btKaijo_exe{
	cursor: pointer;
}

/* ----------------- ボタン配色 ----------------- */
/* 青ベタ */
.solid_blue a {
	color: #ffffff;
	background-color: #2556b4;
	cursor: pointer;
}
.solid_blue a:hover {
	background-color: #6ebdf5;
}
.solid_blue .fas {
	color: #99daff;
}

/* グレーベタ */
.solid_gray a {
	color: #ffffff;
	background-color: #808080;
	padding: 4px 6px;
	cursor: pointer;
}
.solid_gray a:hover {
	background-color: #cccccc;
}

/* 水色グラデ */
.gradient_sky {
	position: relative;
	z-index: 1;
	color: #ffffff;
	text-shadow: 0 2px 1px rgba(0,0,0,0.2);
}
.gradient_sky::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	background: #7ac7ff;
	background: -moz-linear-gradient(top,  #7ac7ff 0%, #33aaff 50%);
	background: -webkit-linear-gradient(top,  #7ac7ff 0%,#33aaff 50%);
	background: linear-gradient(to bottom,  #7ac7ff 0%,#33aaff 50%);
	border-radius: 6px;
	transition: all 0.2s;
}
.gradient_sky::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -2;
	background: #33aaff;
	background: -moz-linear-gradient(top,  #33aaff 50%, #33aaff 50%, #7ac7ff 100%);
	background: -webkit-linear-gradient(top,  #33aaff 50%,#33aaff 50%,#7ac7ff 100%);
	background: linear-gradient(to bottom,  #33aaff 50%,#33aaff 50%,#7ac7ff 100%);
	border-radius: 6px;
}
.gradient_sky:hover::before {
	opacity: 0;
}
.gradient_sky .fas {
	color: #2556b4;
	text-shadow: none;
}

/* 選択解除 */
.deselection a {
	color: #999999;
	background-color: #ffffff;
	cursor: pointer;
}
.deselection a:hover {
	background-color: #f0f0f0;
}
.deselection .fas {
	color: #2556b4;
}

/* コントロール系ボタン配色 */
.go_back a {
	background-color: #666666;
}
.go_search a {
	background-color: #d1171b;
	cursor: pointer;
}
.go_search .fas {
	color: #ffc9de;
}
.add_terms a {
	background-color: #2556b4;
	cursor: pointer;
}
.add_terms .fas {
	color: #99daff;
}
.go_request a {
	background-color: #ff931e;
}
.go_correction a {
	background-color: #f15a24;
}
.go_estimate a {
	background-color: #3fa9f5;
}
.go_calc a {
	background-color: #1db59c;
}
.go_transition a {
	background-color: #4eb825;
}

/* 利用不可時 */
.disable a {
	color: #e6e6e6;
	background-color: #cccccc;
	pointer-events: none;
}
.disable .fas {
	color: #b3b3b3;
}

/*----------------------------------------------------
　ヘッダー
----------------------------------------------------*/
#header {
	position: fixed;
	z-index: 999;
	width: 100%;
	height: 122px;
	background-color: #ffffff;
}
#header .wrapper {
	padding: 0 20px 0 0;
}
#header .wrapper2 {
	padding: 0 20px 0 0;
}
#header .wrapper_p {
	padding: 0 20px 0 0;
}
@media screen and (max-width: 1210px) {
	#header .wrapper {
		padding: 0 10px;
	}
}
@media screen and (max-width: 1210px) {
	.wrapper2 {
		padding: 0 10px;
		width: 1220px;
	}
}
@media screen and (max-width: 1210px) {
	#header .wrapper_p {
		padding: 0 10px;
	}
}
#header .upper {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	height: 56px;
	background-color: #FFF;
}
#header .logo {
	width: 182px;
	transition: all 0.2s;
}
#header .logo img,
#navi .real img {
	width: 100%;
}
#header .login_user {
	background-color: #F4F4F4;
	padding: 8px 6px;
	margin-left: 40px;
	width: 660px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 14px;
}
#header .login_user .fa-user {
	color: #2FA2F5;
	margin-right: 8px;
}
#header .sub_button {
	margin-left: auto;
	display: flex;
	flex-wrap: wrap;
	text-align: center;
	border-right: 1px solid #E6E6E6;
}
#header .sub_button li {
	font-size: 13px;
	border-left: 1px solid #E6E6E6;
	color: #666666;
}
#header .sub_button li a {
	padding: 6px 16px;
	display: block;
	margin: 0 auto;
}
#header .sub_button li a:hover {
	background-color: #f0f0f0;
}
#header .sub_button li .fas {
	display: block;
	margin: 0 0 6px;
	font-size: 14px;
}
#header .sub_button li .fa-question-circle {
	color: #39B54A;
}
#header .sub_button li .fa-sign-out-alt {
	color: #3FA9F5;
}

#header #navi {
	background-color: #0056B4;
}
#header #navi .wrapper {
	display: flex;
	flex-wrap: wrap;
	background-color: #0056B4;
}
#header #navi nav > ul {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	height: 66px;
	border-right: 1px solid #4986c5;
	border-left: 1px solid #003e7a;
}
#header #navi nav > ul > li {
	font-weight: bold;
	font-size: 13px;
	text-align: center;
  line-height: 1;
	color: #ffffff;
	text-shadow: 0 2px 1px rgba(0,0,0,0.2);
	justify-content: center;
	position: relative;
}
#header #navi nav > ul > li > a {
/* 	width: 120px; */
/*	width: 111px; */
/* 	width: 101px; */
	width: 100px;
	height: 66px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	line-height: 1.2;
	border-left: 1px solid #4986c5;
	border-right: 1px solid #003e7a;
}
#header #navi nav > ul > li > a:hover {
	background-color: #00499e;
	border-left: 1px solid #00499e;
}
#header #navi nav ul li .fas {
	color: #99DAFF;
	margin: 0 0 6px;
	font-size: 18px;
	display: block;
}

#header #navi nav ul li .fas_new {
	color: #99DAFF;
	font-size: 18px;
	font-family: "Font Awesome 5 Free";
    font-weight: 900;
}
#header #navi nav ul li.top a {
	width: 75px;
}
#header #navi nav ul li.go_real {
	background-color: #F8E400;
}
#header #navi nav ul li.go_real a:hover {
	background-color: #f7ef9e;
}
#header #navi nav ul li.active {
	background-color: #003673;
	position: relative;
}
#header #navi nav ul li.active::after {
	content: "";
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 7px 7px 0 7px;
	border-color: #003673 transparent transparent transparent;
}
#header #navi nav ul li .real {
	width: 90px;
}

#header #navi nav ul li.new_riku {
	background-color: #e8741c;
}
#header #navi nav ul li.new_riku a:hover {
	background-color: #FFA336;
}
#header #navi nav ul li.new_riku .fas {
    color: #FFE5C5;
    margin: 0 0 6px;
    font-size: 18px;
    display: block;
}

#header #navi nav ul li.active_riku::after {
	content: "";
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 7px 7px 0 7px;
	border-color: #e8741c transparent transparent transparent;
}

/* Sub Menu */
#header #navi nav ul li > ul.sub_menu {
	visibility: hidden;
	opacity: 0;
	position: absolute;
	top: 56px;
	left: 0;
	z-index: 2;
	width: 200px;
	text-align: left;
	background-color: #003673;
	transition: all .2s ease;
}
#header #navi nav ul li:hover > ul.sub_menu {
	visibility: visible;
	opacity: 1;
	top: 66px;
}
#header #navi nav ul li > ul.sub_menu li a {
	display: block;
	width: 200px;
	padding: 14px;
	color: #ffffff;
	border-top: 1px solid #4986c5;
	border-bottom: 1px solid #4986c5;
	position: relative;
	margin: 0 0 -1px;
}

#header #navi nav ul li > ul.sub_menu li a::after {
	content: "";
	position: absolute;
	right: 12px;
	top: 18px;
	border-top: 2px solid #99DAFF;
	border-right: 2px solid #99DAFF;
	width: 6px;
	height: 6px;
	transform: rotate(45deg);
}
#header #navi nav ul li > ul.sub_menu li a:hover {
	background-color: #00499e;
}
#header #navi nav ul li > ul.sub_menu.column2 {
	width: 402px;
	font-size: 0;
}
#header #navi nav ul li > ul.sub_menu.column2 > li {
	display: inline-block;
	font-size: 13px;
}
#header #navi nav ul li > ul.sub_menu.column2 > li:nth-child(2n+1) {
	border-right: 1px solid #4986c5;
}

#header #display_switch {
	margin-left: auto;
	padding: 2px 0 0;
}

#header #navi nav ul li > ul.sub_menu li span {
	display: block;
	width: 200px;
	padding: 14px;
	color: #ffffff;
	border-top: 1px solid #4986c5;
	position: relative;
}

/*----------------------------------------------------
検索エリア
----------------------------------------------------*/
#search_box {
	background-color: #f5f8ff;
	border: 1px solid #c1d0eb;
	padding: 10px 12px;
	margin: 18px 0 0;
/*	display: flex; */
	flex-wrap: wrap;
	align-items: center;
}
#search_box .toggle_btn {
	margin: 0 1px;
	width: 120px;
	font-size: 13px;
}
#search_box input[type="text"] {
	width: 360px;
	margin: 0 8px;
}
#search_box #target_select {
	margin-right: 8px;
	float: left;
	margin-top: 10px;
}
#search_box #target_select label {
	font-weight: bold;
}

/*----------------------------------------------------
タブ
----------------------------------------------------*/
#tab ul {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	margin: 18px 0 0;
}
#tab ul li {
	width: 160px;
	text-align: center;
	margin-right: 2px;
}
#tab ul li a {
	display: block;
	font-size: 15px;
	font-weight: bold;
	color: #003673;
	padding: 12px 10px;
	background-color: #ebebeb;
	border-radius: 3px 3px 0 0;
}
#tab ul li a:hover {
	background-color: #99daff;
}
#tab ul li a.active {
	background-color: #003673;
	color: #ffffff;
}

#tab_description {
	background-color: #003673;
	color: #ffffff;
	padding: 5px 12px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
#tab_description #tab_guidance {
	font-size: 13px;
	padding: 4px;
	display: inline-block;
}
#tab_description #tab_option_btn {
	margin-left: auto;
	display: inline-block;
}
#tab_description #tab_option_btn2 {
	margin-left: auto;
	display: inline-block;
}

/*----------------------------------------------------
　トップ
----------------------------------------------------*/
#schedule {
  display: flex;
  justify-content: space-between;
  margin: 18px 0 18px;
}
#schedule p {
  margin-bottom: 1em;
}
#aa_schedule {
  width:60%;
}
#aazaiko_schedule {
  width: 38%;
}
table.matrix,
table.aamatrix1,
table.aamatrix2{
  width: 100%;
  border: 1px solid #c1d0eb;
  margin-bottom: 5px;
}
table.matrix th,
table.aamatrix1 th,
table.aamatrix2 th {
  background: #003673;
  color: #fff;
}
table.matrix th,
table.matrix td,
table.aamatrix1 th,
table.aamatrix2 th,
table.aamatrix1 td,
table.aamatrix2 td {
  padding: 3px;
  font-size: 13px;
  line-height: 1.5;
  border: 1px solid #c1d0eb;
}
table.matrix .active,
table.matrix .active,
table.aamatrix1 .active,
table.aamatrix2 .active,
table.aamatrix1 .active,
table.aamatrix2 .active {
  background: #FCF9B9;
}
table.matrix .h01,
table.matrix .d01 {
  width: 35px;
  text-align: center;
  font-weight: bold;
}
table.matrix .h02,
table.matrix .d02 {
  width: 80px;
  text-align: center;
  font-weight: bold;
}
table.matrix .h03,
table.matrix .d03 {
  width: 280px;
}
table.matrix .h04 {
  width: 90px;
}
table.matrix .d04 {
  width: 90px;
  text-align: right;
}
table.aamatrix1 .ah01,
table.aamatrix1 .ad01 {
  width: 140px;
  text-align: center;
}
table.aamatrix1 .ah02,
table.aamatrix1 .ad02 {
  width: 100px;
  text-align: center;
}
table.aamatrix1 .ah03,
table.aamatrix1 .ad03 {
  width: 140px;
  text-align: center;
}
table.aamatrix1 .ah04,
table.aamatrix1 .ad04 {
  text-align: center;
}
table.aamatrix1 .ah08,
table.aamatrix1 .ad08 {
  width: 180px;
  text-align: center;
}
table.aamatrix1 .ah09,
table.aamatrix1 .ad09 {
  width: 180px;
  text-align: center;
}
table.aamatrix1 .ah10,
table.aamatrix1 .ad10 {
  text-align: right;
}
.scroll {
  overflow-y:auto;
  height: 593px;
}
.bnr {
  margin-top: 15px;
}
.bnr img {
  width: 100%;
  border: 1px solid #c1d0eb;
}
.bnr a:hover {
  opacity: 0.8;
}


.news {
	margin: 20px auto 25px;
}
.newsBox {
  background: #f6f6f6;
  border: 1px solid #ddd;
  padding: 15px;
}
.newsBoxLeft {
  float: left;
  border: 1px solid #ddd;
  width: 49%;
}
.newsBoxRight {
  float: right;
  border: 1px solid #ddd;
  width: 49%;
}
.newsBoxFirst {
  float: left;
  border: 1px solid #ddd;
  width: 32%;
  margin-right: 1.5%;
}
.newsBoxSecond {
  float: left;
  border: 1px solid #ddd;
  width: 32%;
}
.newsBoxThird {
  float: right;
  border: 1px solid #ddd;
  width: 32%;
}
.newsBox h3 {
  border-bottom: 1px solid #ddd;
  padding: 10px;
  background: #fff;
  font-size: 14px;
}
.newsBox iframe {
  width: 100%
}
.campaign {
  border: 1px solid #ddd;
  padding: 6px;
  background: #fff;
  font-weight: bold;
  margin-bottom: 5px;
}
.newsList {
  background: #fff;
  padding: 10px;
  height: 130px;
  overflow: auto;
}
.newsList2 {
  background: #fff;
  padding: 10px;
  height: 165px;
  overflow: auto;
}
.newsList dl, .newsList2 dl {
  border-bottom: 1px dotted #ddd;
  padding-bottom: 3px;
  margin-bottom: 3px;
}
.newsList dl dt, .newsList2 dl dt {
  font-size: 11px;
}
span.new {
  margin-left: 5px;
  color: #DD0000;
  font-size: 12px;
  font-weight: bold;
  font-family: Verdana, Geneva, sans-serif;
}
.newsList a, .newsList2 a {
  color: #0050B3;
}
.newsList a:hover, .newsList2 a:hover {
  text-decoration: underline;
}
.newsFooter {
  background: #fff;
  border-top: 1px solid #ddd;
  padding: 8px;
  text-align: right;
}
.newsFooter img {
  vertical-align: middle;
}

.news ul.tabNav {
  margin:15px 0 0;
  display: flex;
  border-top: 1px solid #ddd;
}
.news ul.tabNav li {
	width:10.8%;
	font-size:14px;
  display: block;
	text-align:center;
	line-height:1.3;
	font-weight:bold;
}
.news ul.tabNav li:first-child {
	width:13.6%;
}
.news ul.tabNav li span {
	font-size:11px;
}
.news ul.tabNav li a {
  position: relative;
	display:block;
	background:#fff;
	padding:6px 0 18px;
	height:64px !important;
}
.news ul.tabNav li a:after {
  font-family:  "Font Awesome 5 Solid", "Font Awesome 5 Free", "FontAwesome";
  font-weight: bold;
  content:"\f107";
  position: absolute;
  left: 50%;
  margin-left: -8px;
  bottom: 6px;
}

.news ul.tabNav li a:hover,
.news ul.tabNav li a.active {
	background:#0150B4;
	color:#fff;
}

/*----------------------------------------------------
　会場選択
----------------------------------------------------*/
#tab_select_swich {
	text-align: center;
	background-color: #d7eafa;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 0 0 12px;
	padding: 2px;
}
#tab_select_swich .toggle_btn {
	margin: 6px 8px;
}
#tab_select_swich .icon_btn {
	margin-left: 22px;
}
.select_venue {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.select_venue .categry_title {
	font-size: 17px;
	font-weight: bold;
	background-color: #333333;
	text-align: center;
	padding: 2px 7px;
	color: #ffffff;
	width: 100%;
	margin: 0 0 2px;
}
.venue_inner {
	width: 96px;
}
.venue_inner.double {
	width: 195px;
}
.venue_inner.double .venue_list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#venue_machine,
#venue_bike,
#venue_parts {
	width: 96px;
}
#venue_car {
	width: 998px;
}
#venue_parts {
	margin: 30px 0 0;
}
.venue_wrapper {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
/* チェックボックス付曜日名・在庫種類 */
.day_box dl {
	position: relative;
	margin: 0 0 3px;
}
.day_box > dl > dd {
	position: absolute;
	top: 50%;
	left: 5px;
	transform: translateY(-50%);
	z-index: 100;
}
.day_box > dl > dt {
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	text-shadow: 0 2px 1px rgba(0,0,0,0.2);
	text-align: center;
	padding: 5px 0px 3px 5px;
}
/* 曜日 */
.day_box .day_label dt {
	background-color: #2556b4;
}
/* AA在庫 */
.day_box .aa_label dt {
	background-color: #0a6100;
}
/* 共有在庫 */
.day_box .share_label dt {
	background-color: #ff8a00;
}
/* ワキタ */
.day_box .wa_label dt {
	background-color: #2556b4;
}
.day_box .aa_label,
.day_box .share_label {
	margin: 0 0 3px;
}

/* 非選択状態 */
.disactive {
	position: relative;
}
.disactive::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
	z-index: 101;
}
/* 当日表示 */
.today {
	position: relative;
}
.today > .day_label dt {
	background-color: #ed0e17;
}
.today::before {
	content: "";
	position: absolute;
	top: 0;
	left: -1px;
	width: 102%;
	height: 100%;
	border: 2px solid #ed1c24;
	z-index: 2;
	pointer-events: none;
}
.venue_section {
	border: 1px solid #cccccc;
	margin: 0 0 3px;
	position: relative;
	color: inherit;
	transition: all 0.2s;
	width: 96px;
	cursor: pointer;
}

.venue_section_ac {
    background-color: #b0deff;
}

.venue_section.nodata {
  opacity: 0.3;
  cursor: default;
}
.venue_section::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 0%, #e6e6e6 100%);
	background: -webkit-linear-gradient(top,  #ffffff 0%,#e6e6e6 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#e6e6e6 100%);
}
.venue_section:hover {
	background-color: #b0deff;
	transition: all 0.2s;
}
.venue_section.active {
	background: #32b6ff;
	background: -moz-linear-gradient(top,  #32b6ff 50%, #8ad8ff 100%);
	background: -webkit-linear-gradient(top,  #32b6ff 50%,#8ad8ff 100%);
	background: linear-gradient(to bottom,  #32b6ff 50%,#8ad8ff 100%);
}
.venue_section input[type="checkbox"] {
	position: absolute;
	width: 11px;
	height: 11px;
	top: 6px;
	left: 3px;
	z-index: 100;
}
.venue_section dl.upper {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
  line-height: 1;
}
.venue_section dl.upper {
	padding: 4px 1px 4px 16px;
}
#venue_parts .venue_section dl.upper {
	padding: 4px 2px 4px 2px;
}
.venue_section dl dd {
	margin-left: auto;
}
.venue_section dl.under {
	font-size: 10px;
	font-weight: bold;
	padding: 1px 2px 0px 1px;
	margin-bottom: 0px;
	width: 100%;
  text-align: center;
/*  border-top:1px dotted rgba(0,0,0,0.3); */
  display: flex;
  font-family: "Meiryo UI", "メイリオ","ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック","MS PGothic","Hiragino Kaku Gothic Pro", Osaka, "sans-serif" !important;
  letter-spacing: -0.05em;
}
.venue_section dl.under dt {
  padding: 0.5px 0px 0px 2px;
  letter-spacing: -0.05em;
}
.venue_section dl.under dd {
/*  padding: 1px 0 0; */
}

.kaijosin {
	margin: 0px 10px !important;
}

.corner5 {
	margin: 0px 10px !important;
}

.kaisai5 {
	margin: 0px 10px !important;
}

.sin_a {
	background-color: #003673;
	color: #FFF !important;
	font-weight: bold;
}
.sin_aa {
	background-color: #0a6100;
	color: #FFF !important;
	font-weight: bold;
}
.sin_tp {
	background-color: #ff8a00;
	color: #FFF !important;
	font-weight: bold;
}

/*----------------------------------------------------
　車両選択
----------------------------------------------------*/
.search_item_column {
	background-color: #d7eafa;
	display: flex;
	flex-wrap: wrap;
	padding: 18px 18px 15px;
	width: 100%;
}

@media (max-width: 988px) {
	.search_item_column {
		background-color: #d7eafa;
		display: inline;
		flex-wrap: nowrap;
		padding: 0px;
		width: 100%;
	}
}

.search_item_column .caution {
	color: #4d4d4d;
	font-size: 11px;
}
.multiple_selection {
	width: 255px;
	margin-right: 15px;
}
.multiple_selection2 {
	width: 370px;
	margin-right: 10px;
}
.multiple_selection3 {
	width: 860px;
}
.multiple_selection4 {
	width: 470px;
	margin-right: 10px;
}
.multiple_selection_double {
  width: 570px;
}
.pickup_selection {
	width: 275px;
}
.pickup_selection2 {
	width: 360px;
}
.pickup_selection_double {
	width: 550px;
}
.select_item_title {
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 8px;
}
.select_item_title p.item_name {
	color: #003673;
	font-weight: bold;
	margin-right: auto;
  font-size:16px;
}
.select_item_title p .square {
	color: #6ebdf5;
}
.select_item_title p .asterisk {
	color: #ff0000;
	margin-left: 8px;
}
.select_item_box{
	overflow-y: scroll;
	background-color: #ffffff;
	border: 1px solid #bcbcbc;
	height: 320px;
	margin: 0 0 5px;
}
#add_terms_select .select_item_box,
#add_terms_select .select_item_box{
	height: 260px;
}
/* メーカー選択 */
.select_item_box .origin {
	font-size: 13px;
	color: #003673;
	padding: 10px 6px 6px;
	border-bottom: 1px solid #cccccc;
}

.solid_sno {
	margin-right: 12px;
}

/* 選択肢表示 */
.select_item_box dl {
	display: table;
	width: 100%;
	border-bottom: 1px solid #cccccc;
	transition: all 0.2s;
}
.select_item_box dl:hover {
	color: #003673;
	background-color: #b0deff;
	cursor: pointer;
	transition: all 0.2s;
}
.select_item_box dl.active {
	background-color: #2556b4;
	color: #ffffff;
}
.select_item_box dl dt,
.select_item_box dl dd {
	display: table-cell;
	padding: 5px 0;
	vertical-align: middle;
}
.select_item_box dl dd {
	width: 26px;
	text-align: center;
}
.select_item_box dl dd input[type="checkbox"] {
  width: 14px;
  height: 14px;
  margin: 0 10px;
}
.select_item_box dl dt {
	font-size: 14px;
	width: calc(100% - 26px);
}
.select_item_box dl dt .target_units {
  float: right;
  margin-right: 10px;
}
/* 索引 */
.indexes {
	display: flex;
	flex-wrap: wrap;
	margin: 4px 0 0;
	padding-left: 3px;
	border-bottom: 1px solid #cccccc;
}
.indexes li {
	font-size: 12px;
	letter-spacing: 0;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
}
.indexes li:last-child {
	border-right: 1px solid #cccccc;
}
.indexes li a {
	padding: 4px 2px;
	display: block;
	cursor: pointer;
}
.indexes li a:hover {
	color: #003673;
	background-color: #b0deff;
}
.indexes li.active a {
	background-color: #003673;
	color: #ffffff;
}
.pickup_selection .drop_down_select,
.pickup_selection2 .drop_down_select,
.pickup_selection_double .drop_down_select{
	margin: 0 0 12px;
}
.pickup_selection .drop_down_select select {
	width: calc((275px - 30px) / 2);
}
.pickup_selection2 .drop_down_select select {
	width: calc((360px - 30px) / 2);
}
.pickup_selection_double .drop_down_select select {
	width: calc((550px - 30px) / 2);
}
.pickup_selection_double .drop_down_select input[type="text"] {
	width: calc((550px - 20px) / 3);
}
.pickup_selection_double .drop_down_select input[type="number"] {
	width: calc((550px - 20px) / 3);
}
#target_selected {
	background-color: #2556b4;
	padding: 4px;
	width: 100%;
	margin: 7px 0 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
#target_selected dt {
	color: #ffffff;
	text-align: center;
	width: 146px;
	font-size: 15px;
	font-weight: bold;
}
#target_selected dd {
	width: calc(100% - 146px);
}
#target_selected dd .target_selected_item_box {
	width: 100%;
	background-color: #ffffff;
	border: 1px solid #bcbcbc;
}
#target_selected .target_selected_list {
	display: flex;
	flex-wrap: wrap;
}
#target_selected .target_selected_list li {
	padding: 10px;
	font-size: 14px;
  font-weight: bold;
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	width: 25%;
}
#target_selected .target_selected_list li .target_name:before {
  font-family: "Font Awesome 5 Solid","Font Awesome 5 Free", "FontAwesome";
  font-weight: bold;
  content: "\f410";
  color: #bbb;
  margin-right: .5em;
}
#target_selected .target_selected_list li:hover {
	color: #003673;
	background-color: #b0deff;
	cursor: pointer;
	transition: all 0.2s;
}
#target_selected .target_selected_list li .target_name {
	float: left;
}
#target_selected .target_selected_list li:hover  .target_name:before {
  color: #2556b4;
}
#target_selected .target_selected_list li .target_units {
	float: right;
}
#add_terms_select {
	margin: 4px 0 0;
}

#target_selected_btn {
	width: 100%;
	text-align: right;
}

/*----------------------------------------------------
検索結果
----------------------------------------------------*/
.pagination {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	background-color: #d7eafa;
	padding: 7px 12px;
}
.pagination select {
	padding: 0 2px;
}
.pagination .current_page {
	margin: 0 auto;
	vertical-align: middle;
}
.pagination .current_page p {
	display: inline-block;
	vertical-align: middle;
}
#search_result table {
	width: 100%;
	margin: 3px 0 0;
}
#search_result table tr {
	transition: all 0.2s;
}
#search_result table tr:hover {
	background-color: #f0f0f0;
	transition: all 0.2s;
}
#search_result table tr.aa_stock {
	background-color: #dff7c8;
}
#search_result table tr.aa_stock:hover {
	background-color: #f0f7eb;
}
#search_result table tr.store_stock {
	background-color: #ffe9ab;
}
#search_result table tr.store_stock:hover {
	background-color: #fff8e3;
}

#search_result table th {
	background-color: #2556b4;
	color: #ffffff;
	font-size: 10px;
	padding: 7px;
	vertical-align: middle;
	border-top: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	line-height: 1.3;
	text-align: left;
  white-space:nowrap;
}
#search_result table th a:not(.sort) {
	text-decoration: underline;
	margin-right: 0.5em;
}
#search_result table th .sort {
	color: #99daff;
}
#search_result table td {
	border-right: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	font-size: 12px;
	padding: 4px 7px;
	line-height: 1.7;
	vertical-align: middle;
}
#search_result table td:last-child {
/*	border-right: none; */
}
#search_result table td.favorite {
	width: 64px;
	padding: 4px 4px;
}
#search_result table td.thumbnail {
	width: 89px;
	padding: 4px 4px;
}
#search_result table td.thumbnail img {
	width: 100%;
}
#search_result table td.car_name {
	width: 200px;
	line-height: 1.4;
}
#search_result table td.car_name2w {
	width: 140px;
	line-height: 1.4;
}
#search_result table td.result_btn {
	width: 64px;
	text-align: center;
}
/* お気に入りボタン */
.favorite_select {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-content: center;
	width: 60px;
	margin: 0 auto;
}
.favorite_select li {
	border: 1px solid #999999;
	margin: 3px;
}
.favorite_select li a {
	display: block;
	text-align: center;
	font-size: 13px;
	line-height: 20px;
	width: 20px;
	height: 20px;
	background-color: #ffffff;
}
.favorite_select li a:hover {
	background-color: #f0f0f0;
}
.favorite_select li a.active {
	background-color: #ffc673;
}

/* 車名ラベル */
#search_result .label {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin: 0 0 2px;
}
#search_result .label span {
	color: #ffffff;
	font-size: 10px;
	/*width: 40px;*/
	padding: 2px;
	text-align: center;
	margin: 1px;
}
#search_result .label .blue {
	background-color: #3fa9f5;
}
#search_result .label .orange {
	background-color: #ff8b00;
}
#search_result .label .green {
	background-color: #009245;
}
#search_result .label .red {
	background-color: #ff0000;
}

/*----------------------------------------------------
操作系ボタンエリア
----------------------------------------------------*/
.screen_control {
	background-color: #ebebeb;
	padding: 8px 140px;
	margin: 20px 0;
	text-align: center;
}
.screen_control_cm {
	background-color: #ebebeb;
	padding: 8px 140px;
	text-align: center;
	position: fixed;
    bottom: 0;
    width :100%;
    z-index: 998;
    background:rgba(235,235,235,0.9);
}

/*
@media (max-width: 1238px) {
	.screen_control_cm {
		background-color: #ebebeb;
		padding: 8px 140px;
		text-align: center;
		position: fixed;
	    margin-bottom: 0px !important;
	    width :100%;
	    z-index: 999;
	    background:rgba(235,235,235,0.9);
	}
}
*/

.screen_control_d {
	background-color: #ebebeb;
	padding: 8px 140px;
	margin: 20px 0;
	text-align: center;
}
.number_wrap {
  padding: 10px 0;

}
.number_wrap .number {
  font-size:21px;
  font-weight: bold;
}
#shitami .kiyaku_box {
  height: 360px;
  overflow-y: auto;
  padding: 10px;
  border:1px solid #ccc;

}
/*----------------------------------------------------
詳細情報（別ウィンドウ）
----------------------------------------------------*/
#detail_window .wrapper {
	width: 1020px;
}
#detail_window_p .wrapper_p {
	width: 1320px;
}
.control_area {
	padding: 8px 0;
	position: relative;
}
.control_area.upper {
	border-bottom: 2px solid #2556b4;
}
.control_area.lower {
	border-top: 2px solid #2556b4;
}
.control_area .logo_s {
	width: 100px;
	position: absolute;
	top: 6px;
	left: 0;
}
.control_area .logo_s img {
	width: 150%;
}
.control_area .logo_ju {
	width: 60px;
	position: absolute;
	top: 4px;
	left: 0;
}
.control_area .logo_ju img {
	width: 100%;
}
.control_area .logo_juAA {
	width: 78px;
	position: absolute;
	top: 10px;
	left: 65px;
	color: #595959!important;
    font-size: 22px;
    font-weight: bold;
}

.control_area .logo_taa {
	width: 60px;
	position: absolute;
	top: 14px;
	left: 0;
}
.control_area .logo_taa img {
	width: 100%;
}

.control_area .logo_taaAA {
	width: 78px;
	position: absolute;
	top: 1px;
	left: 0;
}
.control_area .logo_taaAA img {
	width: 100%;
}

.control_area .logo_mrv {
	width: 100px;
	position: absolute;
	top: 13px;
	left: 0;
}
.control_area .logo_mrv img {
	width: 100%;
}

.control_area .logo_ho {
	width: 60px;
	position: absolute;
	top: 8px;
	left: 0;
}
.control_area .logo_ho img {
	width: 100%;
}

.control_area .logo_ox {
	width: 85px;
	position: absolute;
	top: 4px;
	left: 0;
}
.control_area .logo_ox img {
	width: 100%;
}

.control_area .logo_aa {
	width: 95px;
	position: absolute;
	top: 6px;
	left: 0;
}
.control_area .logo_aa img {
	width: 100%;
}

.control_area .logo_tp {
	width: 135px;
	position: absolute;
	top: 0px;
	left: 0;
}
.control_area .logo_tp img {
	width: 100%;
}

.control_area .tpComWord_ai {
	width: 100%;
	position: absolute;
	top: 45px;
	left: 0px;
	font-weight: bold;
    font-size:13px;
    color:#dc143c;
    letter-spacing: -0.1em;
    line-height:1.4;
}

.control_area .tpComWord_ai_en {
	width: 100%;
	position: absolute;
	top: 45px;
	left: 0px;
	font-weight: bold;
    font-size:13px;
    color:#dc143c;
    letter-spacing: 0em;
    line-height:1.4;
}

.control_area .logo_tp_com_ju {
	width: 60px;
	position: absolute;
	top: 5px;
	left: 150px;
}
.control_area .logo_tp_com_ju img {
	width: 100%;
}

.control_area .tpComWord_ju {
	width: 100%;
	position: absolute;
	top: 45px;
	left: 0px;
	font-weight: bold;
    font-size:13px;
    color:#dc143c;
    letter-spacing: -0.5px;
    line-height:1.4;
}

.control_area .logo_tp_com_taa {
	width: 85px;
	position: absolute;
	top: 0px;
	left: 150px;
}
.control_area .logo_tp_com_taa img {
	width: 100%;
}

.control_area .tpComWord_taa {
	width: 100%;
	position: absolute;
	top: 45px;
	left: 0px;
	font-weight: bold;
    font-size:13px;
    color:#dc143c;
    letter-spacing: -0.5px;
    line-height:1.4;
}

.control_area .logo_tp_com_truck {
	width: 155px;
	position: absolute;
	top: 5px;
	left: 150px;
}
.control_area .logo_tp_com_truck img {
	width: 100%;
}

.control_area .pdf2w_ri {
	width: 245px;
	position: absolute;
	top: 8px;
	left: 155px;
}
.control_area .page_navi {
	text-align: center;
}
.control_area .option_ctl {
	position: absolute;
	top: 8px;
	right: 0;
}
.control_area .solid_blue {
	width: 80px;
}
#detail_window #screen_control p {
	margin: 4px 2px;
}

#detail_table {
	display: table;
	flex-wrap: wrap;
	border: 1px solid #cccccc;
	width: 100%;
	margin: 12px 0 0;
}
#detail_table .favorite {
	display: table-cell;
	vertical-align: top;
	width: 104px;
	border-right: 1px solid #cccccc;
}
#detail_table .favorite .fav_title {
	background-color: #2556b4;
	color: #ffffff;
	height: 44px;
	font-size: 14px;
	line-height: 44px;
	text-align: center;
}
#detail_table .favorite .fav_ctl {
	height: 118px;
	display: flex;
	align-items: center;
}
#detail_table .favorite .favorite_select {
	width: 94px;
}
#detail_table .favorite .favorite_select li {
	margin: 4px;
}
#detail_table .favorite .favorite_select li a {
	font-size: 24px;
	line-height: 36px;
	width: 36px;
	height: 36px;
}
#detail_table table {
	width: 100%;
}
#detail_table table th {
	background-color: #2556b4;
	color: #ffffff;
	font-size: 14px;
	padding: 3px 8px;
	vertical-align: middle;
	border-right: 1px solid #cccccc;
	line-height: 1.3;
	text-align: center;
}
#detail_table table.upper th {
	height: 44px;
}
#detail_table table th:last-child,
#detail_table table td:last-child {
	border-right: none;
}
#detail_table table td {
	border-right: 1px solid #cccccc;
	font-size: 14px;
	padding: 3px 8px;
	line-height: 1.5;
	vertical-align: middle;
	text-align: center;
}
#detail_table table td .fas {
	font-size: 16px;
	color: #63c7ff;
	margin-right: 10px;
}
/* 補足事項 */
#detail_hosoku {
	display: flex;
	flex-wrap: wrap;
	border: 1px solid #cccccc;
	border-top: none;
	width: 100%;
}
#hosoku_title {
	border-right: 1px solid #cccccc;
	background-color: #2556b4;
	color: #ffffff;
	height: 44px;
	font-size: 14px;
	line-height: 44px;
	text-align: center;
	width:104px;
}
#hosoku_naiyou {
	display: flex;
	align-items: center;
	margin-left: 20px;
	width:865px;
}

/* 車両写真サムネイル */
#detail_photo {
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	background-color: #f5f8ff;
}
#detail_photo ul {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	padding: 3px 7px;
}
#detail_photo ul li {
	width: 78px;
	height: 60px;
	border: 1px solid #3fa9f5;
	margin: 2px;
}
#detail_photo ul li img {
	width: 100%;
	height: 100%;
}
/* 写真拡大・入札・商談 */
#detail_info {
	display: flex;
	flex-wrap: wrap;
	margin: 20px 0 0;
}
#detail_info .zoom_area {
	width: 530px;
}
#detail_info .zoom_area img {
  width: 100%;
  height: auto;
}
#detail_info .bid_area {
	width: 430px;
	margin-left: auto;
}
#detail_info .bid_area .correction {
	border: 1px solid #666666;
	margin: 12px 0 20px;
	padding: 10px;
}
#detail_info .bid_area .bidding {
	border: 3px solid #e6e6e6;
	padding: 20px 30px;
}
#detail_info .bid_area .bidding h3 {
	font-size: 26px;
	font-weight: bold;
	text-align: center;
	padding: 0 0 10px;
	margin: 0 0 20px;
	border-bottom: 1px solid #cccccc;
}
#detail_info .bid_area .bidding h3.title_bidding {
	color: #ff0000;
}
#detail_info .bid_area .bidding h3.title_opportunity {
	color: #2556b4;
}
#detail_info .bid_area .bidding .caution {
	line-height: 1.4;
	color: #ff0000;
	width: 380px;
	margin: 0 auto 20px;
}
#detail_info .bid_area .bidding .bid_schedule {
	color: #ff0000;
	margin: 0 auto 12px;
	width: 20em;
	font-size: 17px;
}
#detail_info .bid_area .bidding .bid_schedule dt,
#detail_info .bid_area .bidding .bid_schedule dd {
	display: inline-block;
}
#detail_info .bid_area .bidding .bid_schedule dt {
	font-weight: bold;
	width: 8em;
}
#detail_info .bid_area .bidding .bid_schedule dd {
	width: 10em;
}
#detail_info .bid_area .bidding .bid_detail {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	margin: 20px 0;
	padding: 20px 0 0;
}
#detail_info .bid_area .bidding .bid_detail dl {
	width: 11em;
	margin: 0 0 20px;
}
#detail_info .bid_area .bidding .bid_detail dl dt {
	font-weight: bold;
	margin: 0 0 6px;
	background-color: #f0f0f0;
	padding: 3px;
}
#detail_info .bid_area .bidding .now_price,
#detail_info .bid_area .bidding .bid_price,
#detail_info .bid_area .bidding .syo_price,
#detail_info .bid_area .bidding .syo_price2 {
	margin: 0 auto 12px;
	width: 23em;
	font-size: 16px;
}
#detail_info .bid_area .bidding .aa_price {
	margin: 0 auto 12px;
	width: 21em;
	font-size: 18px;
	text-align: left !important;
}
#detail_info .bid_area .bidding .now_price dt,
#detail_info .bid_area .bidding .now_price dd,
#detail_info .bid_area .bidding .bid_price dt,
#detail_info .bid_area .bidding .bid_price dd,
#detail_info .bid_area .bidding .syo_price dt,
#detail_info .bid_area .bidding .syo_price dd,
#detail_info .bid_area .bidding .syo_price2 dt,
#detail_info .bid_area .bidding .syo_price2 dd,
#detail_info .bid_area .bidding .syo_price_neg dt,
#detail_info .bid_area .bidding .syo_price_neg dd,
#detail_info .bid_area .bidding .aa_price dt,
#detail_info .bid_area .bidding .aa_price dd   {
	display: inline-block;
}
#detail_info .bid_area .bidding .now_price dt {
	font-weight: bold;
	width: 8em;
}
#detail_info .bid_area .bidding .now_price dd {
	width: 11em;
}
#detail_info .bid_area .bidding .bid_price dt {
	font-weight: bold;
	color: #2556b4;
	width: 6em;
}
#detail_info .bid_area .bidding .bid_price dd {
	width: 14em;
}
#detail_info .bid_area .bidding .bid_price dd .bid {
  padding: 3px;
  width: 55px;
}
#detail_info .bid_area .bidding .bid_price dd .tel {
  padding: 3px;
  width: 45px;
}
#detail_info .bid_area .bidding .bid_price dd select {
  padding: 3px;
}
#detail_info .bid_area .bidding .syo_price dt {
	font-weight: bold;
	color: #2556b4;
	width: 8em;
}
#detail_info .bid_area .bidding .syo_price dd {
	width: 14em;
}
#detail_info .bid_area .bidding .syo_price dd .bid {
  padding: 3px;
  width: 55px;
}
#detail_info .bid_area .bidding .syo_price dd .tel {
  padding: 3px;
  width: 45px;
}

#detail_info .bid_area .bidding .syo_price2 dt {
	font-weight: bold;
	width: 11em;
	padding-left: 5px;
}
#detail_info .bid_area .bidding .syo_price2 dd {
	width: 11em;
}
#detail_info .bid_area .bidding .syo_price2 dd .bid {
  padding: 3px;
  width: 55px;
}
#detail_info .bid_area .bidding .syo_price2 dd .tel {
  padding: 3px;
  width: 45px;
}

#detail_info .bid_area .bidding .syo_price_neg {
	margin: 0 auto 12px;
	width: 23em;
	font-size: 16px;
}
#detail_info .bid_area .bidding .syo_price_neg dt {
	font-weight: bold;
	color: #2556b4;
	width: 11em;
	padding-left: 5px;
}
#detail_info .bid_area .bidding .syo_price_neg dd {
	width: 11em;
}
#detail_info .bid_area .bidding .syo_price_neg dd .bid {
  padding: 3px;
  width: 55px;
}
#detail_info .bid_area .bidding .syo_price_neg dd .tel {
  padding: 3px;
  width: 45px;
}


#detail_info .bid_area .bidding .aa_price dt {
	font-weight: bold;
	color: #2556b4;
	width: 10em;
}
#detail_info .bid_area .bidding .aa_price dd {
	width: 9em;
}
#detail_info .bid_area .bidding .aa_price dd .bid {
  padding: 5px;
  width: 70px;
  height: 40px;
  font-size: 18px;
}

.bid_btn,
.negotiation_btn {
	margin: 20px 0px 0px 0px;
	padding: 20px 0 0;
	border-top: 1px solid #cccccc;
  text-align: center;
  font-size: 12px;
}
.bid_btn input[type="button"],
.negotiation_btn input[type="button"]{
  background-color: #2556b4;
  color: #fff;
  font-size:18px;
  font-weight: bold;
  padding: 8px 16px;
  cursor: pointer;
  margin-bottom: 10px;
  border-radius: 6px;
  transition: .2s;
  border:2px solid #fff;
  box-shadow: 0 4px 8px rgba(0,0,0,0.2);
}
.bid_btn input[type="button"]:hover {
	background-color: #6ebdf5;
}
.negotiation_btn input[type="button"] {
  background-color: #FFED01;
  color: #000;
}
.negotiation_btn input[type="button"]:hover {
  background-color: #000;
  color: #FFED01;
}
#teisei_detail {
	color:#ff0000;
}
.hed_left {
  margin: 20px 0px 0px 0px !important;;
}
.confOnly {
  font-weight: bold;
  color: #FF5959;
}
.confOnly_ju {
  font-weight: bold;
  color: #FF5959;
  text-align: left;
}
@media all and (-ms-high-contrast: none) {
	.confOnly_ju {
	  font-weight: bold;
	  color: #FF5959;
	  text-align: left;
	  font-size:14px;
	}
}

.confOnly_taa {
  font-weight: bold;
  color: #FF5959;
  text-align: left;
}
@media all and (-ms-high-contrast: none) {
	.confOnly_taa {
	  font-weight: bold;
	  color: #FF5959;
	  text-align: left;
	  font-size:14px;
	}
}

table.map {
  border: none;
  margin: 4px 8px;
  width: 540px;
  color: #fff;
  border-collapse: separate;
}
table.jp td {
  border: none;
  text-align: center;
  vertical-align: middle;
  font-size:12px;
  padding:1px;
}
table.en td {
  border: none;
  text-align: center;
  vertical-align: middle;
  font-family:Arial, Helvetica, sans-serif;
  line-height:1;
  font-size:11px;
  padding:1px;
}
table.map label {
	cursor:pointer;
	display:block;
	padding:5px 1px;
}
table.map label:hover {
	text-decoration:underline;
}
table.map td.head {
  text-align: left;
  vertical-align: top;
}
table.map td.foot {
  text-align: right;
  vertical-align: bottom;
}
table.map td.nobr {
  white-space: nowrap;
}
table.map a {
  text-decoration: none;
}

@-moz-document url-prefix() {
 #map_en { padding-left: 63px; }
}

/*----------------------------------------------------
地域検索
----------------------------------------------------*/
.map_selection {
	width: 180px;
	margin-right: 10px;
}
.map_selection2 {
	width: 965px;
}
.conditions_selection {
	width: 750px;
  margin: 0 auto;
}
#map {
  width: 100%;
  background: #fff;
  position: relative;
  padding: 60px 0 140px;
}
.areabox {
  position: absolute;
  border: 2px solid #c1d0eb;
  background-color: #fff;
  padding: 6px;
  border-radius:8px;
  width: 216px;
  display: flex;
  flex-wrap: wrap;
}
.areabox .head {
  font-size:14px;
  font-weight: bold;
  width: 100%;
}
.areabox .head input[type="checkbox"] {
  width: 14px;
  height: 14px;
}
.areabox .sub {
  font-size:11px;
  width: 50%;
  margin-top: 6px;
}
.areabox.shikoku .sub,
.areabox.koshin .sub,
.areabox.hokuriku .sub {
  width: 100%;
}


.coutry { left: 310px; top:20px; width: 280px;}
.hokkaido {border: 2px solid #99C1D6; right:20px; top:40px;}
.tohoku {border: 2px solid#82A0DD;  right:20px; top:100px;}
.kanto {border: 2px solid #A2D04B; right:20px; top:220px;}
.koshin{border: 2px solid #8DE28D; left:450px; top:60px; width: 140px;}
.hokuriku{border: 2px solid #EC9B9B; left:310px; top:60px; width: 130px;}
.tokai {border: 2px solid #9B9BEC; right:20px; top:360px;}
.kansai {border: 2px solid #FBB855; left:510px; top:445px;}
.chugoku{border: 2px solid #C696D5; left:60px; top:120px;}
.shikoku {border: 2px solid #8A94D2; left:370px; top:445px; width: 130px;}
.kyushu{border: 2px solid #F46D6D; left:20px; top:280px;}
.okinawa{border: 2px solid #F46D6D; left:20px; top:420px;}

/* 色の設定 */
table.map {
  margin: 0 auto;
  width: 480px;
  border-collapse: collapse;
}
table.map, table.map td {} /* 海 */
table.map td {
  border: 1px solid #fff;
}
table.mapchk td {background: #aaddff;} /* 確認用 */

table.map td.hd {background: #99C1D6;} /* 北海道 */
table.map td.th {background: #82A0DD;} /* 東北 */
table.map td.kt {background: #A2D04B;} /* 関東 */
table.map td.ko {background: #8DE28D;} /* 甲信越 */
table.map td.hr {background: #EC9B9B;} /* 北陸 */
table.map td.tk {background: #9B9BEC;} /* 東海 */
table.map td.kk {background: #FBB855;} /* 近畿 */
table.map td.cg {background: #C696D5;} /* 中国 */
table.map td.sk {background: #8A94D2;} /* 四国 */
table.map td.qs {background: #F46D6D;} /* 九州 */
table.map td.on {background: #F46D6D;} /* 沖縄 */

/* サイズの設定 */
table.map td.h00 {height: 0.1em;} /* 枠 */
table.map td.h01 {height: 3.6em;} /* 北海道 */
table.map td.h02 {height: 0.3em;}
table.map td.h03 {height: 1.6em;} /* 東北(青森) */
table.map td.h04 {height: 1.8em;}
table.map td.h05 {height: 0.8em;}
table.map td.h06 {height: 0.8em;} /* 北陸(石川) */
table.map td.h07 {height: 0.8em;}
table.map td.h08 {height: 0.8em;}
table.map td.h09 {height: 0.8em;}
table.map td.h10 {height: 0.8em;}
table.map td.h11 {height: 0.6em;} /* 中国(島根) */
table.map td.h12 {height: 0.6em;}
table.map td.h13 {height: 0.6em;}
table.map td.h14 {height: 0.6em;}
table.map td.h15 {height: 0.6em;} /* 九州(佐賀) */
table.map td.h16 {height: 0.6em;}
table.map td.h17 {height: 0.6em;} /* 九州(長崎) */
table.map td.h18 {height: 0.6em;}
table.map td.h19 {height: 0.6em;}
table.map td.h20 {height: 0.6em;}
table.map td.h21 {height: 1.2em;}

table.map td.w00 {width: 1%;} /* 枠 */
table.map td.w01 {width: 2%;} /* 九州(長崎) */
table.map td.w02 {width: 5%;}
table.map td.w03 {width: 2%;}
table.map td.w04 {width: 6%;}
table.map td.w05 {width: 2%;}
table.map td.w06 {width: 6%;} /* 中国(山口) */
table.map td.w07 {width: 2%;}
table.map td.w08 {width: 9%;}
table.map td.w09 {width: 7%;}
table.map td.w10 {width: 2%;} /* 近畿(兵庫) */
table.map td.w11 {width: 5%;}
table.map td.w12 {width: 1%;}
table.map td.w13 {width: 6%;}
table.map td.w14 {width: 2%;}
table.map td.w15 {width: 6%;} /* 北陸(石川) */
table.map td.w16 {width: 7%;}
table.map td.w17 {width: 8%;}
table.map td.w18 {width: 2%;}
table.map td.w19 {width: 2%;} /* 北海道 */
table.map td.w20 {width: 3%;}
table.map td.w21 {width: 5%;}
table.map td.w22 {width: 2%;}
table.map td.w23 {width: 6%;}


/*----------------------------------------------------
条件指定
----------------------------------------------------*/
.selected_venue {

}
.selected_venue li {
  background: #fff;
  border-bottom: 1px solid #c1d0eb;
  padding: 5px;
}
.search_table {
  border:  1px solid #c1d0eb;
  width: 750px;
  margin: 0 auto;
}
.search_table td {
  border:  1px solid #c1d0eb;
  padding: 5px 5px 5px 9px;
  background: #fff;
  line-height: 1.5;
}
.search_table .button {

  cursor: pointer;
  background: #333;
  color: #fff;
  padding: 5px 15px;
  margin-right: 5px;
  margin-bottom: 5px;
  border-radius: 4px;
}
.search_table .called {
	background: #7ac7ff;
	background: -moz-linear-gradient(top,  #7ac7ff 0%, #33aaff 50%);
	background: -webkit-linear-gradient(top,  #7ac7ff 0%,#33aaff 50%);
	background: linear-gradient(to bottom,  #7ac7ff 0%,#33aaff 50%);
}
.search_table .resisted {
	background: #7ac7ff;
	background: -moz-linear-gradient(top,  #7ac7ff 0%, #33aaff 50%);
	background: -webkit-linear-gradient(top,  #7ac7ff 0%,#33aaff 50%);
	background: linear-gradient(to bottom,  #7ac7ff 0%,#33aaff 50%);
}

.search_table .celltion {
  padding: 10px 10px 5px 10px;
}

.search_table .celltion2 {
  padding: 8px 10px 0px 10px;
}

/*----------------------------------------------------
下見代行
----------------------------------------------------*/
#shitami {
  background: #fff;
  max-width: 800px;
  margin: 0 auto;
  padding: 20px;
}
#shitami h1 {
  font-size:20px;
  margin-bottom: .5em;
  padding: .5em 0;
  text-align: center;
}
#shitami p {
  margin-bottom: 1em;
}
#shitami .kiyaku_box {
  height: 360px;
  overflow-y: auto;
  padding: 10px;
  border:1px solid #ccc;

}
.shitami_box {
	background-color: #ccc;
	padding: 20px;
	margin: 20px 0;
}
h2.shitami-title {
  font-size:20px;
  margin-bottom: 20px;
  text-align: center;
  background: #f5f8ff;
}
.shitami_box dl.shitami {
  width: 100%;
  font-size:16px;
  display: flex;
  border-top:1px solid #999;
  border-bottom:1px solid #999;
  margin-bottom: -1px;
}
.shitami_box dl.shitami dt,
.shitami_box dl.shitami dd {
	text-align: left;
  padding: 10px 15px;
  box-sizing: border-box;
}
.shitami_box dl.shitami dt {
  width: 18%;
  text-align: center;
  background: #f5f8ff;
}
.shitami_box dl.shitami dd {
  width: 82%;
  background: #fff;
  display: block;
}
.shitami_box dl.shitami dd input {
  width: 100%;
  font-size:15px;
}
.shitami_box dl.shitami dd span {
  display: inline-block;
  background-color: #fff;
  border:1px solid #ccc;
  font-weight: bold;
  padding: 2px 10px;
}
.shitami_box .total {
  background: #fff;
  padding: 10px;
  text-align: right;
  margin-top: 25px;
  border-top:1px solid #ccc;
  border-bottom:1px solid #ccc;
}
.shitami_box .total .price {
  color: #ff0000;
  font-weight: bold;
  font-size: 18px;
  margin-right: 1em;
}


.shitami_head {
  margin: 25px 0 0;
  padding: 20px;
	background-color: #d7eafa;
}
.shitami_head h2 {
  text-align: center;
  font-size:24px;
  font-weight: bold;
  color:#2556b4;
  border-bottom: 3px solid #2556b4;
}
.shitami_column {
	background-color: #d7eafa;
	display: flex;
  justify-content: space-between;
	flex-wrap: wrap;
	padding: 18px 18px 15px;
	width: 100%;
}
.shitami_column .caution {
	color: #4d4d4d;
	font-size: 11px;
}
.shitami_selection {
	width: 470px;
}

#shitami_selected {
	background-color: #2556b4;
	padding: 4px;
	width: 100%;
	margin: 16px 0 0;
}
#shitami_selected dt {
	color: #ffffff;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
  padding: 5px 0;
}
#shitami_selected dd .shitami_selected_item_box {
	width: 100%;
	background-color: #ffffff;
	border: 1px solid #bcbcbc;
}
#shitami_selected .shitami_selected_list {
	display: flex;
	flex-wrap: wrap;
}
#shitami_selected .shitami_selected_list li {
	padding: 10px;
	font-size: 14px;
  font-weight: bold;
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	width: 20%;
}
#shitami_selected .shitami_selected_list li .shitami_name:before {
  font-family: "Font Awesome 5 Solid","Font Awesome 5 Free", "FontAwesome";
  font-weight: bold;
  content: "\f410";
  color: #bbb;
  margin-right: .5em;
}
#shitami_selected .shitami_selected_list li:hover {
	color: #2556b4;
	background-color: #b0deff;
	cursor: pointer;
	transition: all 0.2s;
}
#shitami_selected .shitami_selected_list li .shitami_name {
	float: left;
}
#shitami_selected .shitami_selected_list li:hover .shitami_name:before {
  color: #2556b4;
}
#shitami_selected .shitami_selected_list li .shitami_units {
	float: right;
}

#shitami_order {
	border-bottom: 1px solid #cccccc;
	margin: 0 0 10px;
	padding: 0 0 10px;
}
.shitami_select {
  width: 100%;
  margin-bottom: 10px;
}
.shitami_select_text {
  position: relative;
  padding: 2px 8px;
  font-weight: bold;
  background: #eee;
  border: 1px solid #ccc;
  box-sizing: border-box;
  margin-bottom: 5px;
}
.shitami_select select {
  margin: 0 0 5px;
  width: calc(50% - 12px);
  color: #000;
  border: 1px solid #999;
}
.shitami_select select:disabled {
  color: #999;
  border: 1px solid #ccc;
}
.shitami_select .other_input input {
  width:100%;
  border: 1px solid #999
}
.shitami_select .other_input input:disabled,
.shitami_contact_input input:disabled  {
	color: #999;
  	border: 1px solid #ccc;
  	background-color: #ebebeb;
    opacity: 0.7;
}

.shitami_minus {
  position: absolute;
  right: 0;
  top: 0;
  width: 30px;
  padding: 2px 8px;
  background: #d00;
  color: #fff;
  text-align: center;
  box-sizing: border-box;
}
#shitami_plus_wrap {
	padding: 0 0 10px;
	border-bottom: 1px solid #cccccc;
  text-align: center;
}
#shitami_plus {
  background: #2456B4;
  color: #fff;
  border-radius: 4px;
  cursor: pointer;
  padding: 4px 8px;
  display: inline-block;
}
#shitami_contact {
	margin: 10px 0 10px;
	padding: 10px 0 10px;
}
#shitami_contact dl dt {
  display: block;
  background: #eee;
  font-weight: bold;
  font-size:15px;
  padding: 3px 6px;
  margin-bottom: 5px;
  border: 1px solid #ddd;
  border-radius: 4px;
}
#shitami_contact dl dd {
  margin-bottom: 15px;
}
#shitami_contact .submit {
  text-align: center;
}
#shitami_contact .submit .order {
  background: #f00;
  color: #fff;
  padding: 8px 24px;
  border: none;
  margin: 0 5px;
  cursor: pointer;
}
#shitami_contact .submit .back {
  background: #2456B4;
  color: #fff;
  padding: 8px 16px;
  border: none;
  margin: 0 5px;
  cursor: pointer;
}
#shitami_contact .total {
  color: #f00;
  font-weight: bold;
}
#shitami_contact .check {
  text-align: center;
  margin-bottom: 15px;
}

#shitami_point {
	color: #f00;
	font-weight: bold;
	cursor: pointer;
}
#shitami_point:hover{
	text-decoration: underline;
}

/*----------------------------------------------------
マイページ
----------------------------------------------------*/
#mypage {
	margin: 24px 0 0;
}
.mypage_title {
	margin: 0 0 8px;
}
.mypage_title p.item_name {
	color: #000;
  border-bottom: 3px solid #999;
	font-weight: bold;
	margin-right: auto;
  font-size:18px;
  padding: 4px 0;
}
.select_item_title p .square {
	color: #6ebdf5;
}
.select_item_title p .asterisk {
	color: #ff0000;
	margin-left: 8px;
}
.mypage_btn{
  margin-bottom: 24px;
}
.mypage_btn a {
	color: #ffffff;
	background-color: #2556b4;
}
.mypage_btn a:hover {
	background-color: #6ebdf5;
}
.mypage_btn .control_btn {
	width: 220px;
}
.mypage_btn a {
	color: #ffffff;
	border: 1px solid #ffffff;
}
.mypage_btn a:hover {
	opacity: 0.7;
}

/*----------------------------------------------------
店舗在庫登録
----------------------------------------------------*/

.tenpo-regist-head {
  margin: 10px 0 5px;
}
.tenpo-shuppin {
  background: #ff0000;
  color: #fff;
  display: inline-block;
  padding: 9px 10px;
  margin-left: 15px;
  font-weight: bold;
}

.tenpo-shuppin:hover {
	color: #fff;
}

.tenpo-guidance {
  color: #fff;
  font-weight: bold;
  display: inline-block;
  padding: 9px 10px;
  margin-left: 15px;
}

.tenpo-regist {
	background-color: #d7eafa;
  padding: 5px 15px 15px 15px;
  margin: 0 0 20px;
}
.tenpo-regist h3 {
  font-size:18px;
  margin-bottom: .5em;
}
.tenpo-regist h3 span {
  font-size:14px;
  font-weight: normal;
  margin-left: 20px;
}
.tenpo-select {
  display: flex;
}
.tenpo-regist .name {
  display: inline-block;
  width: 8em;
}
.tenpo-regist .name_en {
  display: inline-block;
  width: 11em;
}
.tenpo-regist button {
  width: 160px;
  height: 32px;
  display: block;
  margin-bottom: 10px;
}

.buttonST{
	margin-top: 11px;
}
.buttonST2{
	margin-top: 12px;
}

@media (max-width: 988px) {
	.tenpo-regist button {
	  width: 125px;
	  height: 32px;
	  display: inline;
	  margin-bottom: 10px;
	  cursor: pointer;
	  margin-top: 30px;
	}
	.buttonST{
		margin-top: 0px;
		text-align: center;
	}
	.buttonST2{
		margin-top: 0px;
		text-align: center;
	}
}

.tenpo-regist button.go_search {
	background-color: #ff1d25;
  color: #fff;
}
.tenpo-regist button.go_search:hover {
  background-color: #fd8484;
}
button.next {
	color: #ffffff;
	background-color: #2556b4;
}
button.next:hover {
	background-color: #6ebdf5;
}
button.next .fas {
	color: #99daff;
}
button.clear {
	color: #ffffff;
	background-color: #808080;
	padding: 4px 6px;
}
button.clear:hover {
	background-color: #cccccc;
}
.tenpo-regist table td {
  padding: 0 0 5px;
}
input[type="text"].tenpo-price {
  width: 52px;
  padding: 0 4px;
  margin-bottom: 5px;
  margin-right: 2px;
}
.publish {
  margin-bottom: 5px;
  letter-spacing: -1px;
}
.publish a {
  color: #ff0000 !important;
  font-weight: bold;
  font-size:13px;
}


/*----------------------------------------------------
搬出券印刷
----------------------------------------------------*/
.pickup {
	padding: 5px 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
  margin-bottom: 15px;
}
.pickup #pickup_guidance {
	font-size: 14px;
  color: #dd0000;
	padding: 4px;
	display: inline-block;
}
.pickup #pickup_print_btn {
	margin-left: auto;
	display: inline-block;
  background: #ffffdd;
  padding: 10px;
  border: 1px solid #ccc;
}
.pickup #pickup_print_btn p {
  display: inline-block;
  margin-left: 5px;
}

/*----------------------------------------------------
フッター
----------------------------------------------------*/
#footer {
  clear: both;
  background: #f6f6f6;
  border-top: 1px solid #ddd;
  margin: 0 auto 0;
  width: 100%;
  position: relative;
  z-index: 100;
}
#footer .wrapper {
    display: flex;
    background: #f6f6f6;
    border-top: 1px solid #ddd;
}
#footer .araiaa {
    width: 7%;
	padding: 15px 0;
}
#footer .araiaa img {
    width: 100%;
}
#footer .copyright {
    width: 40%;
	padding: 25px 0;
  	font-size: 12px;
    text-align: right;
}
#footer .link {
    width: 70%;
    padding: 25px 0;
    margin-left: 1%;
}
#footer ul {
  list-style: none;
  margin: 0;
}
#footer ul li {
  font-size: 13px;
  display: inline-block;
  padding: 0 0 0 10px;
  margin: 0 10px 0 0;
}
#footer ul li a:hover {
    color: #0056B4;
}
/*----------------------------------------------------
レコメンド
----------------------------------------------------*/
#recommend {
  clear: both;
  background: #BCE2FD;
  margin: 0 auto 0;
  width: 100%;
  position: relative;
  z-index: 100;
}

#recommend .wrapper{
   display: flex;
   background: #BCE2FD;
   padding-bottom: 15px;
}

#recommend .wrapper2{
   display: flex;
   background: #BCE2FD;
   padding-bottom: 15px;
}
#recommend .slide {
  margin: 0 30px;
  /* margin: 0 auto; */
  margin-top: 5px;
  display: none;
}
#recommend .slide h3 {
  font-size:18px;
  text-align: center;
  margin-bottom: 10px;
  color: #000;
}
#recommend .slide h3 i{
  color:#0056B4;
}
#recommend ul {
  padding: 0;
  margin: 0;
}
#recommend ul li {
  background: #fff;
  padding: 0;
  margin: 0;
  white-space: nowrap;
}
#recommend ul li a {
  display: block;
  text-align: center;
  padding: 3px;
  font-size:11px;
  line-height: 1.0;
  transition:.2s;
  height: 145px;
}
#recommend ul li a:hover {
  opacity: 0.8;
}
#recommend ul li a img {
  max-width: 100%;
  margin-bottom: 5px;
}

#rikusoDiv dt{
  vertical-align: top;
}
#rikusoDiv dd {
  width: 15em !important;
}
#rikusoDiv #rikL {
  font-size:14px;
  color: #2556b4;
  text-decoration: underline;
}
#rikusoDiv #rikL:hover {
   color: #ff0000;
}

#selrik {
  font-size:13px;
  font-weight: bold;
}

/* 検索結果ボタン：成約 */
.zaiko_contract_btn {
	position: relative;
	text-align: center;
	font-size: 13px;
    font-weight: bold;
	color: #FFF;
  line-height: 1.2;
	z-index: 1;
	margin: 0 auto;
	display: inline-block;
}
.zaiko_contract_btn::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
  background: #cf0404;
  background: -moz-linear-gradient(top,  #ff6051 0%, #cf0404 100%);
  background: -webkit-linear-gradient(top,  #ff6051 0%,#cf0404 100%);
  background: linear-gradient(to bottom,  #ff6051 0%,#cf0404 100%);
	border-radius: 6px;
	transition: all 0.2s;
	box-shadow: 0 2px 6px rgba(0,0,0,0.2);
}
.zaiko_contract_btn::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -2;
  background: #ff6051;
  background: -moz-linear-gradient(top, #cf0404  0%, #ff6051 100%);
  background: -webkit-linear-gradient(top,  #cf0404 0%,#ff6051 100%);
  background: linear-gradient(to bottom, #cf0404 0%, #ff6051 100%);
	border-radius: 6px;
	box-shadow: 0 2px 6px rgba(0,0,0,0.2);
}
.zaiko_contract_btn a {
	width:56px;
	padding: 8px 4px;
	display: block;
}
.zaiko_contract_btn:hover::before {
	opacity: 0;
}

.confRiku {
  margin-top: 5px;
  color: #FF3F3F !important;
  font-size: 14px;
  width: 26em !important;
  font-weight :normal !important;
}

.confMult {
  margin-top: 5px;
  color: #FF3F3F !important;
  font-size: 14px;
  width: 26em !important;
  font-weight :normal !important;
  font-weight: bold !important;
}

#multiple {
  color: #FF3F3F !important;
  font-size: 20px;
  font-weight: bold;
}

.rakDi {
  color: #FF3F3F;
}

.kasai_result {
	overflow-y: scroll;
	height: 320px;
}
.kaisaiL th {
	font-weight: bold;
	background-color: #828282 !important;
	cursor: default;
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index: 1;
	border-top: 0px !important;
}

.kaisaiL tr {
	background-color: #FFF;
}

.kaisaiL tr:hover {
	color: #003673;
	background-color: #b0deff !important;
	cursor: pointer;
	transition: all 0.2s;
}

.kaisaiL tr.active {
	background-color: #2556b4;
	color: #ffffff;
}

/* AA在庫出品ボタン：入札 */
.zaiko_bidding_btn {
	position: relative;
	text-align: center;
	font-size: 13px;
    font-weight: bold;
	color: #0071bc;
  line-height: 1.2;
	z-index: 1;
	margin: 0 auto;
  /* width: 72px; */
	display: block;
}
.zaiko_bidding_btn::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	background: #94faff;
	background: -moz-linear-gradient(top,  #e0feff 0%, #94faff 50%, #51e6ed 100%);
	background: -webkit-linear-gradient(top,  #e0feff 0%,#94faff 50%,#51e6ed 100%);
	background: linear-gradient(to bottom,  #e0feff 0%,#94faff 50%,#51e6ed 100%);
	border-radius: 6px;
	transition: all 0.2s;
	box-shadow: 0 2px 6px rgba(0,0,0,0.2);
}
.zaiko_bidding_btn::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -2;
	background: #e0feff;
	background: -moz-linear-gradient(top,  #51e6ed 0%, #94faff 50%, #e0feff 100%);
	background: -webkit-linear-gradient(top,  #51e6ed 0%,#94faff 50%,#e0feff 100%);
	background: linear-gradient(to bottom,  #51e6ed 0%,#94faff 50%,#e0feff 100%);
	border-radius: 6px;
	box-shadow: 0 2px 6px rgba(0,0,0,0.2);
}
.zaiko_bidding_btn a {
	padding: 6px 4px;
	display: block;
}
.zaiko_bidding_btn:hover::before {
	opacity: 0;
}
.zaiko_bidding_btn.nocertificate::before  {
  background: #666;
}

.zaiko_bidding_btn_disable {
	position: relative;
	text-align: center;
	font-size: 13px;
    font-weight: bold;
	color: #666;
  line-height: 1.2;
	z-index: 1;
	margin: 0 auto;
  width: 72px;
	display: block;
	padding: 6px 4px;
}
.zaiko_bidding_btn_disable::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -2;
	background: #ddd;
	border-radius: 6px;
}

.zaiko_bidding_btn_en {
	position: relative;
	text-align: center;
	font-size: 12px;
    font-weight: bold;
	color: #0071bc;
  line-height: 1.2;
	z-index: 1;
	margin: 0 auto;
	width: 82px;
	display: block;
}
.zaiko_bidding_btn_en::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	background: #94faff;
	background: -moz-linear-gradient(top,  #e0feff 0%, #94faff 50%, #51e6ed 100%);
	background: -webkit-linear-gradient(top,  #e0feff 0%,#94faff 50%,#51e6ed 100%);
	background: linear-gradient(to bottom,  #e0feff 0%,#94faff 50%,#51e6ed 100%);
	border-radius: 6px;
	transition: all 0.2s;
	box-shadow: 0 2px 6px rgba(0,0,0,0.2);
}
.zaiko_bidding_btn_en::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -2;
	background: #e0feff;
	background: -moz-linear-gradient(top,  #51e6ed 0%, #94faff 50%, #e0feff 100%);
	background: -webkit-linear-gradient(top,  #51e6ed 0%,#94faff 50%,#e0feff 100%);
	background: linear-gradient(to bottom,  #51e6ed 0%,#94faff 50%,#e0feff 100%);
	border-radius: 6px;
	box-shadow: 0 2px 6px rgba(0,0,0,0.2);
}
.zaiko_bidding_btn_en a {
	padding: 6px 4px;
	display: block;
}
.zaiko_bidding_btn_en:hover::before {
	opacity: 0;
}
.zaiko_bidding_btn_en.nocertificate::before  {
  background: #666;
}

/* 検索結果ボタン：商談 */
.zaiko_edit_btn {
	position: relative;
	text-align: center;
	font-size: 13px;
    font-weight: bold;
	color: #0071bc;
  line-height: 1.2;
	z-index: 1;
	/* margin: 0 auto; */
	margin: 10px 0px;
  /* width: 56px; */
	display: block;
}
.zaiko_edit_btn::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	background: #ffdf3c;
	background: -moz-linear-gradient(top,  #fff3b8 0%, #ffdf3c 50%, #f2d639 100%);
	background: -webkit-linear-gradient(top,  #fff3b8 0%,#ffdf3c 50%,#f2d639 100%);
	background: linear-gradient(to bottom,  #fff3b8 0%,#ffdf3c 50%,#f2d639 100%);
	border-radius: 6px;
	transition: all 0.2s;
	box-shadow: 0 2px 6px rgba(0,0,0,0.2);
}
.zaiko_edit_btn::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -2;
	background: #fff3b8;
	background: -moz-linear-gradient(top,  #f2d639 0%, #ffdf3c 50%, #fff3b8 100%);
	background: -webkit-linear-gradient(top,  #f2d639 0%,#ffdf3c 50%,#fff3b8 100%);
	background: linear-gradient(to bottom,  #f2d639 0%,#ffdf3c 50%,#fff3b8 100%);
	border-radius: 6px;
	box-shadow: 0 2px 6px rgba(0,0,0,0.2);
}
.zaiko_edit_btn a {
	padding: 2px 0px;
	display: block;
}
.zaiko_edit_btn:hover::before {
	opacity: 0;
}

.aaspnData {
	font-size: 14px !important;
    font-weight: bold;
    width: 170px;
}

#detailapp th {
	background-color: #0056B4;
	font-weight: bold;
	color: #FFF;
	border:1px solid #fff;
	vertical-align: middle;
  	width: 260px;
  	border-collapse: collapse;
}

#finalpasslimit{
	font-weight: bold;
    width: 700px;
    padding-top: 5px;
    padding-left: 200px;
    color: #f50126;
    font-size:18px;
}

#emergency {
	margin:15px auto 15px;
	border:4px solid #DD0000;
	background:#fff6f6;
	max-width:1280px;
	display: none;
}
#emergency h3 {
	color:#DD0000;
	font-size:18px;
	padding:10px;
}
#emergency p {
	font-size:14px;
	line-height:1.5em;
	padding:0 10px 10px;
}

#emergency #errSentence {
	font-size:16px;
    font-weight: bold;
    color: #e60026;
}

#emergency .errSentence_en {
	font-size: 15px !important;
}

#emergency #noteSentence {
	font-size:14px;
    font-weight: bold;
    color: rgb(51, 51, 51);
}

#sei_btn{
	color:#ffffff;
}

#emergencyInfo {
	margin:15px 0px 15px 5px;
/*	border:4px solid #E2E2E2;
	background:#FDFDFD; */
	max-width:1280px;
}

#emergencyInfo img {
	border: 1px solid #c1d0eb;
}

#emergencyInfo a:hover img {
  opacity: 0.8;
}

#emergencyInfo h3 {
	color:#0056B4;
	font-size:18px;
	padding:10px;
}
#emergencyInfo p {
	font-size:14px;
	line-height:1.5em;
	padding:0 10px 10px;
}

#emergencyInfo #errSentence {
	font-size:16px;
    font-weight: bold;
    color: #e60026;
}

#emergencyInfo .errSentence_en {
	font-size: 15px !important;
}

#search_result_image {
  display: flex;
  flex-wrap: wrap;
}
#search_result_image .unit {
  width: 19%;
  padding: 8px;
  box-sizing: border-box;
  background: #D7EAFA;
  margin: 10px 1.2% 10px 0;
}
#search_result_image .unit:nth-child(5n) {
  margin: 10px 0 10px 0;
}
#search_result_image .unit .thumbnail {
  margin-bottom: 5px;
}
#search_result_image .unit .thumbnail img {
  width: 100%;
  height: auto;
}
#search_result_image .unit .thumbnail a:hover img {
  opacity: 0.8;
}
#search_result_image .unit table {
  width: 100%;
  background: #fff;
}
#search_result_image .unit table td {
  font-size:11px;
  padding: 3px;
  border: 1px solid #ddd;
  text-align: center;
}
#search_result_image .unit table td a {color: #2556b4;}

#search_result_image .favorite_select {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-content: center;
	width: 120px;
	margin: 0 auto;
}

.priceDisp {
	 font-size:0px;
}

.priceDisp:before {
	font-size:14px;
	content:"***" !important;
}

#client_nm {
	width: 100%;
}

#privacy {
	padding: 5px 18px 4px 0px;
	color: #666666;
	height: 8px;
	background: url(../images/privacy.gif) right no-repeat;
}

.port_pdf {
    margin-top: 2px;
    margin-bottom: 0px;
}

#btRikusoPrice{
	background-color:#53BF49;
}

.new_img{
	vertical-align:baseline !important;
	margin: 0px 5px 0px 0px;
}

.syoriList_bk{
	font-size:13px;
	color: #2b2b2b;
	font-weight: bold;
}

.syoriList_r{
	font-size:13px;
	color: #ba2929;
	font-weight: bold;
}

.syoriList_r2{
	padding: 5px 12px;
	text-align: center;
	color: #ba2929;
	border-radius: 5px;
	background: #fcf0f0;
	font-weight: bold;
	font-size:13px;
	border: solid 2px #ba2929;
}

.syoriList_b{
	padding: 5px 5px;
	text-align: center;
	font-size:13px;
	color: #3d5fad;
	font-weight: bold;
	border-radius: 5px;
	background: #f2f7ff;
	border: solid 2px #3d5fad;
}

.fas_sp {
	font-family: "Font Awesome 5 Free";
    font-weight: 900 !important;
    font-style:normal !important;
}
.err_hd {
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	color: red;
}
#err_msg {
	font-size: 13px;
	text-align: left;
	color: #555;
}

#conf_msg {
	font-size: 16px;
	text-align: left;
	color: #555;
	margin: 20px 0px 25px 0px;
}

.conf_msg_r {
	color: red;
}

.conf_msg_r_st {
	font-weight: bold;
	border-bottom: 2px solid #ff3333;
	font-size: 110%;
}

.conf_msg_b_st {
	font-weight: bold;
	font-size: 115%;
}

.multiple_selection_en {
	width: 255px;
	margin-right: 15px;
}
.multiple_selection2_en {
	width: 470px;
	margin-right: 10px;
}
.multiple_selection3_en {
	width: 410px;
}
.multiple_selection4_en {
	width: 170px;
	margin-right: 10px;
}

.rukuEnTab {
	letter-spacing: -0.03em;
}

.enTabTitle {
	letter-spacing: -0.01em;
}

h4 label {
  font-size:15px;
  font-weight: bold;
  margin-bottom: 0px;
}

h4 span {
  font-size:16px;
  font-weight: normal;
}

.syaRegH {
	margin-top: 10px;
}

.spanleft {
	margin-left: 20px;
}

.spantop {
	margin-top: 5px;
}

.syaRegHB {
	margin-bottom: 36px;
}

.syazH1 {
	float: left;
	font-size:16px;
	font-weight: bold;
	color: #666666;
	margin-left: 20px;
}
.syazH2 {
	float: left;
	font-size:16px;
	font-weight: bold;
	color: #666666;
	margin-left: 20px;
}

.syazH3 {
	float: left;
	font-size:16px;
	font-weight: bold;
	color: #666666;
	margin-top: 5px;
	margin-left: 20px;
}

.syazH4 {
	float: left;
	font-size:16px;
	font-weight: bold;
	color: #666666;
	margin-top: 5px;
	margin-left: 20px;
}

.syazH5 {
	float: left;
	font-size:16px;
	font-weight: bold;
	color: #666666;
	margin-top: 5px;
	margin-left: 20px;
}

.nameAA {
	margin-left: 4px;
}

@media (max-width: 988px) {
	.syazH1 {
		float: none;
		margin-left: 0px;
		margin-top: 10px;
		font-weight: bold;
		color: #666666;
	}
	.syazH2 {
		float: left;
		margin-left: 0px;
		margin-right: 20px;
		font-weight: bold;
		color: #666666;
	}
	.syazH3 {
		margin: 20px 0px 20px 10px;
		font-weight: bold;
		color: #666666;
	}
	.syazH4 {
		float: none;
		margin: 20px 0px 10px 10px;
		font-weight: bold;
		color: #666666;
	}
	.syazH5 {
		float: none;
		margin: 0px 0px 0px 10px;
		font-weight: bold;
		color: #666666;
	}
	.syaRegHB {
		margin-bottom: 10px;
	}
	.nameAA {
		margin-left: 0px;
	}
}

#detail h6 {
	color: #666666;
	font-size:13px;
	font-weight: bold;
	padding: 2px 0 2px 15px;
	margin: 0 0 1px;
	position: relative;
}

#detail h5 {
	color: #666666;
	font-size:13px;
	font-weight: bold;
	padding: 2px 0 2px 15px;
	margin: 10px 0 1px;
	position: relative;
}

#detail h4 {
	color: #666666;
	font-size:18px;
	font-weight: bold;
	padding: 2px 0 2px 15px;
	margin: 20px 0 1px;
	position: relative;
}

@media (max-width: 988px) {
	#detail h4 {
		color: #666666;
		font-size:18px !important;
		font-weight: bold;
		padding: 2px 0 2px 15px;
		margin: 20px 0px 2px 1px;
		position: relative;
	}

	.title_lead {
		margin: 2px 0px 2px 1px !important;
	}
}

.aikon {
  position: absolute;
  top: 0.5em;
  left: 0.2em;
  width: 7px;
  height: 7px;
  background-color: #d9534f;
  -webkit-transform: rotate(-45deg);
}

.aikon_mon {
	font-size:15px;
	color: #d9534f;
	font-weight: bold;
}

.nyuAria button {
  width: 120px;
  height: 32px;
}

@media (max-width: 988px) {
	.aikon {
	  position: absolute;
	  top: 0.3em;
	  left: 0.2em;
	  width: 8px;
	  height: 8px;
	  background-color: #d9534f;
	  -webkit-transform: rotate(-45deg);
	}

	.nyuAria {
	  text-align: center;
	}
}

#search_areaDef {
	margin-top: 20px;
}

/* 非選択状態 */
.search_area {
	position: relative;
}
.search_area::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
	z-index: 101;
}

.btn_ss:hover,
.btn_ss:focus,
.btn_ss.focus {
  color: #FFF;
  text-decoration: none;
}

#kaiin_nm[disabled] {
	font-weight: bold;
}

#kaiin_cd[disabled] {
	font-weight: bold;
}

.checked {
    background: #2556b4;
    color: #fffef6;
    font-weight: 500;
    border-radius: 7px;
    padding: 5px;
    font-weight: bold;
    margin-top: 0px !important;
}

.checked_en {
    background: #2556b4;
    color: #fffef6;
    font-weight: 500;
    border-radius: 7px;
    padding: 5px;
    font-weight: bold;
    margin-top: 0px !important;
}

@media (max-width: 988px) {
	.checked_en {
	    background: #2556b4;
	    color: #fffef6;
	    font-weight: 500;
	    border-radius: 7px;
	    padding: 5px;
	    font-weight: bold;
	    margin-top: 8px !important;
	}

	.titH1 {
		letter-spacing: -0.01em;
	}
}