﻿@import url(https://fonts.googleapis.com/css?family=Roboto:400,500,700,900&subset=latin,cyrillic);

@import url(https://fonts.googleapis.com/css?family=Roboto:400,500,700,900&subset=latin,cyrillic);

/*------------------------------------------------------------
 サイト全体で使われているファイル
------------------------------------------------------------*/

.bnr-bgc__cp_new-mid-coupon {
	background-color: #db2727;
}

.inline-block {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

.init-bottom:before {
	content: '';
	display: inline-block;
	width: 8px;
	height: 8px;
	margin: 0 0.5em 2px 0;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.init-right:after {
	content: '';
	display: inline-block;
	width: 8px;
	height: 8px;
	margin: 0 0.5em 0 0.25em;
	border-right: 2px solid #fff;
	border-top: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.ios .header_dialog input[type="submit"]:hover,
.ios
    .header_dialog input[type="reset"]:hover,
.ios
    .header_dialog input[type="button"]:hover,
.ios
    .header_dialog button:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}

.ios .header_dialog a[role="button"]:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}

/*デフォルトで付いている「?～」以下の引数は外す（IE9対応するときは付ける）
　　キャッシュクリア忘れを防ぐため*/

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

[class^="icon-"],
[class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	vertical-align: -1px; /* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-coupon:before {
	content: "\e922";
}

.icon-coupon-off:before {
	content: "\e923";
}

.icon-padlock:before {
	content: "\e921";
}

.icon-crown:before {
	content: "\e920";
}

.icon-view-map:before {
	content: "\e91f";
}

.icon-pc:before {
	content: "\e91e";
}

.icon-facebook:before {
	content: "\e91c";
}

.icon-instagram:before {
	content: "\e91d";
}

.icon-document-wide:before {
	content: "\e90b";
}

.icon-document-id:before {
	content: "\e917";
}

.icon-expansion:before {
	content: "\e918";
}

.icon-document:before {
	content: "\e919";
}

.icon-exclamation-baloon:before {
	content: "\e91b";
}

.icon-check-serif:before {
	content: "\e91a";
}

.icon-nix-sign:before {
	content: "\e916";
}

.icon-inv:before {
	content: "\e911";
}

.icon-human-car:before {
	content: "\e912";
}

.icon-docments:before {
	content: "\e913";
}

.icon-dollars:before {
	content: "\e914";
}

.icon-envelope-open:before {
	content: "\e915";
}

.icon-bills:before {
	content: "\e90e";
}

.icon-car:before {
	content: "\e90f";
}

.icon-leftalignlist:before {
	content: "\e910";
}

.icon-timer24h:before {
	content: "\e90d";
}

.icon-invoice:before {
	content: "\e90c";
}

.icon-envelope:before {
	content: "\e90a";
}

.icon-auction:before {
	content: "\e907";
}

.icon-live-chat:before {
	content: "\e908";
}

.icon-timer:before {
	content: "\e909";
}

.icon-human:before {
	content: "\e904";
}

.icon-logout:before {
	content: "\e905";
}

.icon-star:before {
	content: "\e615";
}

.icon-star-check:before {
	content: "\e616";
}

.icon-phone-in-talk:before {
	content: "\e60f";
}

.icon-port:before {
	content: "\e60e";
}

.icon-message:before {
	content: "\e600";
}

.icon-close:before {
	content: "\e601";
}

.icon-calculator:before {
	content: "\e602";
}

.icon-send-mail:before {
	content: "\e603";
}

.icon-plus-bold:before {
	content: "\e608";
}

.icon-warning:before {
	content: "\e609";
}

.icon-help:before {
	content: "\e60a";
}

.icon-closs-bold:before {
	content: "\e60b";
}

.icon-chevron-left-bold:before {
	content: "\e613";
}

.icon-photo-library:before {
	content: "\e1a5";
}

.icon-pdf:before {
	content: "\e1a6";
}

.icon-chevron-right-bold:before {
	content: "\e60d";
}

.icon-printer:before {
	content: "\e60c";
}

.icon-clock:before {
	content: "\e08e";
}

.icon-clip:before {
	content: "\e0c0";
}

.icon-headset:before {
	content: "\e10d";
}

.icon-chevron-left:before {
	content: "\e207";
}

.icon-chevron-right:before {
	content: "\e208";
}

.icon-expand-less:before {
	content: "\e20a";
}

.icon-expand-more:before {
	content: "\e20b";
}

.icon-person:before {
	content: "\e253";
}

.icon-cached:before {
	content: "\e27f";
}

.icon-thumb-down:before {
	content: "\e2ed";
}

.icon-thumb-up:before {
	content: "\e2ee";
}

.icon-grid:before {
	content: "\e302";
}

.icon-login:before {
	content: "\e903";
}

.icon-new-message:before {
	content: "\e900";
}

.icon-profile:before {
	content: "\e901";
}

.icon-list:before {
	content: "\e902";
}

.icon-arrow-down:before {
	content: "\ea36";
}

.icon-arrow-right:before {
	content: "\ea34";
}

.icon-search:before {
	content: "\e906";
}

.icon-calendar:before {
	content: "\f073";
}

.icon-folder-open:before {
	content: "\f07c";
}

.icon-check:before {
	content: "\e614";
}

.icon-check-square-o:before {
	content: "\e612";
}

.exclamation-icon {
	position: relative;
	right: 4px;
	top: 5px;
	display: inline-block;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background-color: rgba(51, 51, 51, 0.7);
	color: #bf4b47;
}

.exclamation-icon:after {
	content: "!";
	position: absolute;
	top: -8px;
	left: 10px;
	font-size: 30px;
	font-size: 3rem;
	font-weight: 900;
}

.stars-txt {
	margin-left: 0.5em;
}

.icon-stars {
	width: 88px;
	height: 16px;
	vertical-align: middle;
}

.icon-flag-wrap {
	vertical-align: 1px;
	margin-left: 8px;
}

.icon-flag {
	width: 22px;
	height: 14px;
	vertical-align: middle;
	border: 1px solid #f2f3f5;
}

/* help icon
------------------------------------------------------------*/

.icon-help.icon-blue {
	margin-left: 4px;
	color: #6082be;
	cursor: pointer;
	vertical-align: -2px;
	font-size: 16px;
	font-size: 1.6rem;
}

.icon-help.icon-green {
	margin-right: 4px;
	color: #61a0ab;
	vertical-align: -2px;
	font-size: 24px;
	font-size: 2.4rem;
}

/* info icon
------------------------------------------------------------*/

/* icon expand toggle
------------------------------------------------------------*/

.aa-sheet-link-wrap:before,
.advance-search-link-wrap:before {
	font-family: 'icomoon';
	content: "\e20b";
	color: #9ba0ae;
}

.bid-range-link-wrap.open:before,
.aa-sheet-link-wrap.open:before,
.advance-search-link-wrap.open:before {
	content: "\e20a";
}

/* svg color setting
------------------------------------------------------------*/

/*------------------------------------------------------------
 サイト全体で使われているファイル ココまで
------------------------------------------------------------*/

/*------------------------------------------------------------
 編集可｜page layout(各ページ用レイアウトstyleの読み込み)
------------------------------------------------------------*/

/*=========================
 tcv_demo
=========================*/

.header_dialog { /* shiny btn
------------------------------------------------------------*/ /* aa list
------------------------------------------------------------*/ /* aa detail
------------------------------------------------------------*/ /* order
------------------------------------------------------------*/ /* bid confirm
------------------------------------------------------------*/ /* stock top
------------------------------------------------------------*/ /* used car detali
------------------------------------------------------------*/ /* auction account
------------------------------------------------------------*/ /* what auction
------------------------------------------------------------*/
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	background-color: #4a67ad;
	margin-bottom: 5px;
	font-family: 'Roboto', Arial, 'Helvetica Neue', Helvetica, Verdana, '游ゴシック', YuGothic, 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	font-size: 16px;
	text-align: left;
}

.ios .header_dialog input[type="submit"]:hover,
.ios
      .header_dialog input[type="reset"]:hover,
.ios
      .header_dialog input[type="button"]:hover,
.ios
      .header_dialog button:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}

.ios .header_dialog a[role="button"]:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}

.header_dialog .ghost-btn.inactive {
	color: #c4c9d5;
	cursor: default;
	opacity: 1;
}

.header_dialog .ghost-btn.inactive:hover {
	color: #c4c9d5;
	background-color: transparent;
}

.header_dialog .gray-btn.inactive {
	background-color: #9ba0ae;
	-webkit-box-shadow: 0px 4px 0px 0px rgba(93, 100, 123, 0.8);
	box-shadow: 0px 4px 0px 0px rgba(93, 100, 123, 0.8);
	border: none;
	text-shadow: none;
	cursor: default;
	color: #cdcfd6;
}

.header_dialog .gray-btn.inactive:hover {
	opacity: 1;
	background-color: #9ba0ae;
	color: #cdcfd6;
}

.header_dialog .gray-btn.inactive:active {
	top: 0;
	-webkit-box-shadow: 0px 4px 0px 0px rgba(93, 100, 123, 0.8);
	box-shadow: 0px 4px 0px 0px rgba(93, 100, 123, 0.8);
	opacity: 1;
}

.header_dialog .btn--light-navy.inactive {
	background-color: #9ba0ae;
	-webkit-box-shadow: 0px 4px 0px 0px rgba(93, 100, 123, 0.8);
	box-shadow: 0px 4px 0px 0px rgba(93, 100, 123, 0.8);
	border: none;
	text-shadow: none;
	cursor: default;
	color: #cdcfd6;
}

.header_dialog .btn--light-navy.inactive:hover {
	opacity: 1;
	background-color: #9ba0ae;
	color: #cdcfd6;
}

.header_dialog .btn--light-navy.inactive:active {
	top: 0;
	-webkit-box-shadow: 0px 4px 0px 0px rgba(93, 100, 123, 0.8);
	box-shadow: 0px 4px 0px 0px rgba(93, 100, 123, 0.8);
	opacity: 1;
}

.header_dialog .btn--light-navy.inactive:visited {
	color: #cdcfd6;
}

.header_dialog .btn--light-navy.inactive {
	background-color: #9ba0ae;
	-webkit-box-shadow: 0px 4px 0px 0px #9ba0ae;
	box-shadow: 0px 4px 0px 0px #9ba0ae;
	color: #cdcfd6;
}

.header_dialog .btn--light-navy.inactive:hover {
	color: #cdcfd6;
}

.header_dialog .blue-btn.inactive {
	background-color: #9ba0ae;
	-webkit-box-shadow: 0px 4px 0px 0px rgba(93, 100, 123, 0.8);
	box-shadow: 0px 4px 0px 0px rgba(93, 100, 123, 0.8);
	border: none;
	text-shadow: none;
	cursor: default;
	color: #cdcfd6;
}

.header_dialog .blue-btn.inactive:hover {
	opacity: 1;
	background-color: #9ba0ae;
	color: #cdcfd6;
}

.header_dialog .blue-btn.inactive:active {
	top: 0;
	-webkit-box-shadow: 0px 4px 0px 0px rgba(93, 100, 123, 0.8);
	box-shadow: 0px 4px 0px 0px rgba(93, 100, 123, 0.8);
	opacity: 1;
}

.header_dialog .lightblue-btn.inactive {
	background-color: #9ba0ae;
	-webkit-box-shadow: 0px 4px 0px 0px rgba(93, 100, 123, 0.8);
	box-shadow: 0px 4px 0px 0px rgba(93, 100, 123, 0.8);
	border: none;
	text-shadow: none;
	cursor: default;
	color: #cdcfd6;
}

.header_dialog .lightblue-btn.inactive:hover {
	opacity: 1;
	background-color: #9ba0ae;
	color: #cdcfd6;
}

.header_dialog .lightblue-btn.inactive:active {
	top: 0;
	-webkit-box-shadow: 0px 4px 0px 0px rgba(93, 100, 123, 0.8);
	box-shadow: 0px 4px 0px 0px rgba(93, 100, 123, 0.8);
	opacity: 1;
}

.header_dialog .red-btn.inactive {
	background-color: #9ba0ae;
	-webkit-box-shadow: 0px 4px 0px 0px rgba(93, 100, 123, 0.8);
	box-shadow: 0px 4px 0px 0px rgba(93, 100, 123, 0.8);
	border: none;
	text-shadow: none;
	cursor: default;
	color: #cdcfd6;
}

.header_dialog .red-btn.inactive:hover {
	opacity: 1;
	background-color: #9ba0ae;
	color: #cdcfd6;
}

.header_dialog .red-btn.inactive:active {
	top: 0;
	-webkit-box-shadow: 0px 4px 0px 0px rgba(93, 100, 123, 0.8);
	box-shadow: 0px 4px 0px 0px rgba(93, 100, 123, 0.8);
	opacity: 1;
}

.header_dialog .red-btn--flex.inactive {
	background-color: #9ba0ae;
	-webkit-box-shadow: 0px 4px 0px 0px rgba(93, 100, 123, 0.8);
	box-shadow: 0px 4px 0px 0px rgba(93, 100, 123, 0.8);
	border: none;
	text-shadow: none;
	cursor: default;
	color: #cdcfd6;
}

.header_dialog .red-btn--flex.inactive:hover {
	opacity: 1;
	background-color: #9ba0ae;
	color: #cdcfd6;
}

.header_dialog .red-btn--flex.inactive:active {
	top: 0;
	-webkit-box-shadow: 0px 4px 0px 0px rgba(93, 100, 123, 0.8);
	box-shadow: 0px 4px 0px 0px rgba(93, 100, 123, 0.8);
	opacity: 1;
}

.header_dialog .red-btn--flex.inactive:visited {
	color: #cdcfd6;
}

.header_dialog .green-btn.inactive {
	background-color: #9ba0ae;
	-webkit-box-shadow: 0px 4px 0px 0px rgba(93, 100, 123, 0.8);
	box-shadow: 0px 4px 0px 0px rgba(93, 100, 123, 0.8);
	border: none;
	text-shadow: none;
	cursor: default;
	color: #cdcfd6;
}

.header_dialog .green-btn.inactive:hover {
	opacity: 1;
	background-color: #9ba0ae;
	color: #cdcfd6;
}

.header_dialog .green-btn.inactive:active {
	top: 0;
	-webkit-box-shadow: 0px 4px 0px 0px rgba(93, 100, 123, 0.8);
	box-shadow: 0px 4px 0px 0px rgba(93, 100, 123, 0.8);
	opacity: 1;
}

.header_dialog .orange-btn.inactive {
	background-color: #9ba0ae;
	-webkit-box-shadow: 0px 4px 0px 0px rgba(93, 100, 123, 0.8);
	box-shadow: 0px 4px 0px 0px rgba(93, 100, 123, 0.8);
	border: none;
	text-shadow: none;
	cursor: default;
	color: #cdcfd6;
}

.header_dialog .orange-btn.inactive:hover {
	opacity: 1;
	background-color: #9ba0ae;
	color: #cdcfd6;
}

.header_dialog .orange-btn.inactive:active {
	top: 0;
	-webkit-box-shadow: 0px 4px 0px 0px rgba(93, 100, 123, 0.8);
	box-shadow: 0px 4px 0px 0px rgba(93, 100, 123, 0.8);
	opacity: 1;
}

.header_dialog .btn--orange.inactive {
	background-color: #9ba0ae;
	-webkit-box-shadow: 0px 4px 0px 0px rgba(93, 100, 123, 0.8);
	box-shadow: 0px 4px 0px 0px rgba(93, 100, 123, 0.8);
	border: none;
	text-shadow: none;
	cursor: default;
	color: #cdcfd6;
}

.header_dialog .btn--orange.inactive:hover {
	opacity: 1;
	background-color: #9ba0ae;
	color: #cdcfd6;
}

.header_dialog .btn--orange.inactive:active {
	top: 0;
	-webkit-box-shadow: 0px 4px 0px 0px rgba(93, 100, 123, 0.8);
	box-shadow: 0px 4px 0px 0px rgba(93, 100, 123, 0.8);
	opacity: 1;
}

.header_dialog .btn--orange.inactive:visited {
	color: #cdcfd6;
}

.header_dialog .vehicle-search-input-btn_aa.inactive {
	color: #c4c9d5;
	cursor: default;
	opacity: 1;
}

.header_dialog .vehicle-search-input-btn_aa.inactive:hover {
	color: #c4c9d5;
	background-color: transparent;
}

.header_dialog .aa-list-search-btn.inactive {
	background-color: #9ba0ae;
	-webkit-box-shadow: 0px 4px 0px 0px rgba(93, 100, 123, 0.8);
	box-shadow: 0px 4px 0px 0px rgba(93, 100, 123, 0.8);
	border: none;
	text-shadow: none;
	cursor: default;
	color: #cdcfd6;
}

.header_dialog .aa-list-search-btn.inactive:hover {
	opacity: 1;
	background-color: #9ba0ae;
	color: #cdcfd6;
}

.header_dialog .aa-list-search-btn.inactive:active {
	top: 0;
	-webkit-box-shadow: 0px 4px 0px 0px rgba(93, 100, 123, 0.8);
	box-shadow: 0px 4px 0px 0px rgba(93, 100, 123, 0.8);
	opacity: 1;
}

.header_dialog .aa-list-search-btn .size-large {
	font-weight: 700;
}

.header_dialog .about-aa-btn.inactive {
	background-color: #9ba0ae;
	-webkit-box-shadow: 0px 4px 0px 0px rgba(93, 100, 123, 0.8);
	box-shadow: 0px 4px 0px 0px rgba(93, 100, 123, 0.8);
	border: none;
	text-shadow: none;
	cursor: default;
	color: #cdcfd6;
}

.header_dialog .about-aa-btn.inactive:hover {
	opacity: 1;
	background-color: #9ba0ae;
	color: #cdcfd6;
}

.header_dialog .about-aa-btn.inactive:active {
	top: 0;
	-webkit-box-shadow: 0px 4px 0px 0px rgba(93, 100, 123, 0.8);
	box-shadow: 0px 4px 0px 0px rgba(93, 100, 123, 0.8);
	opacity: 1;
}

.header_dialog .aa-bid-btn.inactive {
	background-color: #9ba0ae;
	-webkit-box-shadow: 0px 4px 0px 0px rgba(93, 100, 123, 0.8);
	box-shadow: 0px 4px 0px 0px rgba(93, 100, 123, 0.8);
	border: none;
	text-shadow: none;
	cursor: default;
	color: #cdcfd6;
}

.header_dialog .aa-bid-btn.inactive:hover {
	opacity: 1;
	background-color: #9ba0ae;
	color: #cdcfd6;
}

.header_dialog .aa-bid-btn.inactive:active {
	top: 0;
	-webkit-box-shadow: 0px 4px 0px 0px rgba(93, 100, 123, 0.8);
	box-shadow: 0px 4px 0px 0px rgba(93, 100, 123, 0.8);
	opacity: 1;
}

.header_dialog .aa-bid-action-btn.inactive {
	background-color: #9ba0ae;
	-webkit-box-shadow: 0px 4px 0px 0px rgba(93, 100, 123, 0.8);
	box-shadow: 0px 4px 0px 0px rgba(93, 100, 123, 0.8);
	border: none;
	text-shadow: none;
	cursor: default;
	color: #cdcfd6;
}

.header_dialog .aa-bid-action-btn.inactive:hover {
	opacity: 1;
	background-color: #9ba0ae;
	color: #cdcfd6;
}

.header_dialog .aa-bid-action-btn.inactive:active {
	top: 0;
	-webkit-box-shadow: 0px 4px 0px 0px rgba(93, 100, 123, 0.8);
	box-shadow: 0px 4px 0px 0px rgba(93, 100, 123, 0.8);
	opacity: 1;
}

.header_dialog .aa-confirm-btn.inactive {
	background-color: #9ba0ae;
	-webkit-box-shadow: 0px 4px 0px 0px rgba(93, 100, 123, 0.8);
	box-shadow: 0px 4px 0px 0px rgba(93, 100, 123, 0.8);
	border: none;
	text-shadow: none;
	cursor: default;
	color: #cdcfd6;
}

.header_dialog .aa-confirm-btn.inactive:hover {
	opacity: 1;
	background-color: #9ba0ae;
	color: #cdcfd6;
}

.header_dialog .aa-confirm-btn.inactive:active {
	top: 0;
	-webkit-box-shadow: 0px 4px 0px 0px rgba(93, 100, 123, 0.8);
	box-shadow: 0px 4px 0px 0px rgba(93, 100, 123, 0.8);
	opacity: 1;
}

.header_dialog .aa-place-bid-btn.inactive {
	background-color: #9ba0ae;
	-webkit-box-shadow: 0px 4px 0px 0px rgba(93, 100, 123, 0.8);
	box-shadow: 0px 4px 0px 0px rgba(93, 100, 123, 0.8);
	border: none;
	text-shadow: none;
	cursor: default;
	color: #cdcfd6;
}

.header_dialog .aa-place-bid-btn.inactive:hover {
	opacity: 1;
	background-color: #9ba0ae;
	color: #cdcfd6;
}

.header_dialog .aa-place-bid-btn.inactive:active {
	top: 0;
	-webkit-box-shadow: 0px 4px 0px 0px rgba(93, 100, 123, 0.8);
	box-shadow: 0px 4px 0px 0px rgba(93, 100, 123, 0.8);
	opacity: 1;
}

.header_dialog .aa-guide-btn.inactive {
	background-color: #9ba0ae;
	-webkit-box-shadow: 0px 4px 0px 0px rgba(93, 100, 123, 0.8);
	box-shadow: 0px 4px 0px 0px rgba(93, 100, 123, 0.8);
	border: none;
	text-shadow: none;
	cursor: default;
	color: #cdcfd6;
}

.header_dialog .aa-guide-btn.inactive:hover {
	opacity: 1;
	background-color: #9ba0ae;
	color: #cdcfd6;
}

.header_dialog .aa-guide-btn.inactive:active {
	top: 0;
	-webkit-box-shadow: 0px 4px 0px 0px rgba(93, 100, 123, 0.8);
	box-shadow: 0px 4px 0px 0px rgba(93, 100, 123, 0.8);
	opacity: 1;
}

.header_dialog .order-page-wrap .back-btn.inactive {
	background-color: #9ba0ae;
	-webkit-box-shadow: 0px 4px 0px 0px rgba(93, 100, 123, 0.8);
	box-shadow: 0px 4px 0px 0px rgba(93, 100, 123, 0.8);
	border: none;
	text-shadow: none;
	cursor: default;
	color: #cdcfd6;
}

.header_dialog .order-page-wrap .back-btn.inactive:hover {
	opacity: 1;
	background-color: #9ba0ae;
	color: #cdcfd6;
}

.header_dialog .order-page-wrap .back-btn.inactive:active {
	top: 0;
	-webkit-box-shadow: 0px 4px 0px 0px rgba(93, 100, 123, 0.8);
	box-shadow: 0px 4px 0px 0px rgba(93, 100, 123, 0.8);
	opacity: 1;
}

.header_dialog .order-page-wrap .decide-btn.inactive {
	background-color: #9ba0ae;
	-webkit-box-shadow: 0px 4px 0px 0px rgba(93, 100, 123, 0.8);
	box-shadow: 0px 4px 0px 0px rgba(93, 100, 123, 0.8);
	border: none;
	text-shadow: none;
	cursor: default;
	color: #cdcfd6;
}

.header_dialog .order-page-wrap .decide-btn.inactive:hover {
	opacity: 1;
	background-color: #9ba0ae;
	color: #cdcfd6;
}

.header_dialog .order-page-wrap .decide-btn.inactive:active {
	top: 0;
	-webkit-box-shadow: 0px 4px 0px 0px rgba(93, 100, 123, 0.8);
	box-shadow: 0px 4px 0px 0px rgba(93, 100, 123, 0.8);
	opacity: 1;
}

.header_dialog .bid-page-wrap .back-btn.inactive {
	background-color: #9ba0ae;
	-webkit-box-shadow: 0px 4px 0px 0px rgba(93, 100, 123, 0.8);
	box-shadow: 0px 4px 0px 0px rgba(93, 100, 123, 0.8);
	border: none;
	text-shadow: none;
	cursor: default;
	color: #cdcfd6;
}

.header_dialog .bid-page-wrap .back-btn.inactive:hover {
	opacity: 1;
	background-color: #9ba0ae;
	color: #cdcfd6;
}

.header_dialog .bid-page-wrap .back-btn.inactive:active {
	top: 0;
	-webkit-box-shadow: 0px 4px 0px 0px rgba(93, 100, 123, 0.8);
	box-shadow: 0px 4px 0px 0px rgba(93, 100, 123, 0.8);
	opacity: 1;
}

.header_dialog .bid-page-wrap .decide-btn.inactive {
	background-color: #9ba0ae;
	-webkit-box-shadow: 0px 4px 0px 0px rgba(93, 100, 123, 0.8);
	box-shadow: 0px 4px 0px 0px rgba(93, 100, 123, 0.8);
	border: none;
	text-shadow: none;
	cursor: default;
	color: #cdcfd6;
}

.header_dialog .bid-page-wrap .decide-btn.inactive:hover {
	opacity: 1;
	background-color: #9ba0ae;
	color: #cdcfd6;
}

.header_dialog .bid-page-wrap .decide-btn.inactive:active {
	top: 0;
	-webkit-box-shadow: 0px 4px 0px 0px rgba(93, 100, 123, 0.8);
	box-shadow: 0px 4px 0px 0px rgba(93, 100, 123, 0.8);
	opacity: 1;
}

.header_dialog .bid-page-wrap .decide-btn.inactive {
	-webkit-box-shadow: 0 5px 0 0 rgba(93, 100, 123, 0.8);
	box-shadow: 0 5px 0 0 rgba(93, 100, 123, 0.8);
}

.header_dialog .bid-page-wrap .decide-btn.inactive:hover,
.header_dialog .bid-page-wrap .decide-btn.inactive:active {
	-webkit-box-shadow: 0 5px 0 0 rgba(93, 100, 123, 0.8);
	box-shadow: 0 5px 0 0 rgba(93, 100, 123, 0.8);
}

.header_dialog .top-search-btn.inactive {
	background-color: #9ba0ae;
	-webkit-box-shadow: 0px 4px 0px 0px rgba(93, 100, 123, 0.8);
	box-shadow: 0px 4px 0px 0px rgba(93, 100, 123, 0.8);
	border: none;
	text-shadow: none;
	cursor: default;
	color: #cdcfd6;
}

.header_dialog .top-search-btn.inactive:hover {
	opacity: 1;
	background-color: #9ba0ae;
	color: #cdcfd6;
}

.header_dialog .top-search-btn.inactive:active {
	top: 0;
	-webkit-box-shadow: 0px 4px 0px 0px rgba(93, 100, 123, 0.8);
	box-shadow: 0px 4px 0px 0px rgba(93, 100, 123, 0.8);
	opacity: 1;
}

.header_dialog .search-from-btn.auction {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	overflow: hidden;
	padding: 0.35em 1.5em 0.25em;
	border-radius: 5px;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	-webkit-transition: opacity .3s, position .3s, color .3s;
	-o-transition: opacity .3s, position .3s, color .3s;
	transition: opacity .3s, position .3s, color .3s;
	background-color: #398896;
	color: #fff;
	text-shadow: 0px -1px 0.5px #333;
	-webkit-box-shadow: 0px 0px 2px 0px rgba(51, 51, 51, 0.25) inset, 0px 4px 0px 0px #24565f;
	box-shadow: 0px 0px 2px 0px rgba(51, 51, 51, 0.25) inset, 0px 4px 0px 0px #24565f;
	border: 0.5px solid #2b6671;
	position: relative;
	width: 200px;
	margin-bottom: 24px;
	padding: 8px 10px 8px 60px;
	font-size: 28px;
	font-size: 2.8rem;
	font-weight: 900;
	text-align: left;
	line-height: 1;
}

.header_dialog .search-from-btn.auction.inactive {
	background-color: #9ba0ae;
	-webkit-box-shadow: 0px 4px 0px 0px rgba(93, 100, 123, 0.8);
	box-shadow: 0px 4px 0px 0px rgba(93, 100, 123, 0.8);
	border: none;
	text-shadow: none;
	cursor: default;
	color: #cdcfd6;
}

.header_dialog .search-from-btn.auction.inactive:hover {
	opacity: 1;
	background-color: #9ba0ae;
	color: #cdcfd6;
}

.header_dialog .search-from-btn.auction.inactive:active {
	top: 0;
	-webkit-box-shadow: 0px 4px 0px 0px rgba(93, 100, 123, 0.8);
	box-shadow: 0px 4px 0px 0px rgba(93, 100, 123, 0.8);
	opacity: 1;
}

.header_dialog .search-from-btn.auction:active {
	position: relative;
	top: 4px;
	-webkit-box-shadow: none;
	box-shadow: none;
	opacity: 0.7;
	filter: alpha(opacity=70);
}

.header_dialog .search-from-btn.auction:hover {
	color: #fff;
}

.header_dialog .search-from-btn.auction:visited {
	color: #fff;
}

.header_dialog .search-from-btn.auction .icon-search {
	position: absolute;
	top: 26%;
	left: 12px;
	font-size: 40px;
	font-size: 4rem;
	color: #24565f;
	font-weight: 400;
}

.header_dialog .search-from-btn.stock.inactive {
	background-color: #9ba0ae;
	-webkit-box-shadow: 0px 4px 0px 0px rgba(93, 100, 123, 0.8);
	box-shadow: 0px 4px 0px 0px rgba(93, 100, 123, 0.8);
	border: none;
	text-shadow: none;
	cursor: default;
	color: #cdcfd6;
}

.header_dialog .search-from-btn.stock.inactive:hover {
	opacity: 1;
	background-color: #9ba0ae;
	color: #cdcfd6;
}

.header_dialog .search-from-btn.stock.inactive:active {
	top: 0;
	-webkit-box-shadow: 0px 4px 0px 0px rgba(93, 100, 123, 0.8);
	box-shadow: 0px 4px 0px 0px rgba(93, 100, 123, 0.8);
	opacity: 1;
}

.header_dialog .calculate-btn {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	overflow: hidden;
	padding: 0.35em 1.5em 0.25em;
	border-radius: 5px;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	-webkit-transition: opacity .3s, position .3s, color .3s;
	-o-transition: opacity .3s, position .3s, color .3s;
	transition: opacity .3s, position .3s, color .3s;
	background-color: #4a67ad;
	color: #fff;
	text-shadow: 0px -1px 0.5px #333;
	-webkit-box-shadow: 0px 0px 0px 0.5px rgba(43, 52, 82, 0.85) inset, 0px 4px 0px 0px rgba(43, 52, 82, 0.85);
	box-shadow: 0px 0px 0px 0.5px rgba(43, 52, 82, 0.85) inset, 0px 4px 0px 0px rgba(43, 52, 82, 0.85);
	display: block;
	float: right;
	margin-top: 8px;
	font-size: 20px;
	font-size: 2rem;
	font-weight: 700;
}

.header_dialog .calculate-btn.inactive {
	background-color: #9ba0ae;
	-webkit-box-shadow: 0px 4px 0px 0px rgba(93, 100, 123, 0.8);
	box-shadow: 0px 4px 0px 0px rgba(93, 100, 123, 0.8);
	border: none;
	text-shadow: none;
	cursor: default;
	color: #cdcfd6;
}

.header_dialog .calculate-btn.inactive:hover {
	opacity: 1;
	background-color: #9ba0ae;
	color: #cdcfd6;
}

.header_dialog .calculate-btn.inactive:active {
	top: 0;
	-webkit-box-shadow: 0px 4px 0px 0px rgba(93, 100, 123, 0.8);
	box-shadow: 0px 4px 0px 0px rgba(93, 100, 123, 0.8);
	opacity: 1;
}

.header_dialog .calculate-btn:active {
	position: relative;
	top: 4px;
	-webkit-box-shadow: none;
	box-shadow: none;
	opacity: 0.7;
	filter: alpha(opacity=70);
}

.header_dialog .calculate-btn:hover {
	color: #fff;
}

.header_dialog .calculate-btn:visited {
	color: #fff;
}

.header_dialog .change-dest-btn.inactive {
	color: #c4c9d5;
	cursor: default;
	opacity: 1;
}

.header_dialog .change-dest-btn.inactive:hover {
	color: #c4c9d5;
	background-color: transparent;
}

.header_dialog .add-fav-btn.inactive {
	color: #c4c9d5;
	cursor: default;
	opacity: 1;
}

.header_dialog .add-fav-btn.inactive:hover {
	color: #c4c9d5;
	background-color: transparent;
}

.header_dialog .sign-up-btn.inactive {
	background-color: #9ba0ae;
	-webkit-box-shadow: 0px 4px 0px 0px rgba(93, 100, 123, 0.8);
	box-shadow: 0px 4px 0px 0px rgba(93, 100, 123, 0.8);
	border: none;
	text-shadow: none;
	cursor: default;
	color: #cdcfd6;
}

.header_dialog .sign-up-btn.inactive:hover {
	opacity: 1;
	background-color: #9ba0ae;
	color: #cdcfd6;
}

.header_dialog .sign-up-btn.inactive:active {
	top: 0;
	-webkit-box-shadow: 0px 4px 0px 0px rgba(93, 100, 123, 0.8);
	box-shadow: 0px 4px 0px 0px rgba(93, 100, 123, 0.8);
	opacity: 1;
}

.header_dialog .login-btn.inactive {
	background-color: #9ba0ae;
	-webkit-box-shadow: 0px 4px 0px 0px rgba(93, 100, 123, 0.8);
	box-shadow: 0px 4px 0px 0px rgba(93, 100, 123, 0.8);
	border: none;
	text-shadow: none;
	cursor: default;
	color: #cdcfd6;
}

.header_dialog .login-btn.inactive:hover {
	opacity: 1;
	background-color: #9ba0ae;
	color: #cdcfd6;
}

.header_dialog .login-btn.inactive:active {
	top: 0;
	-webkit-box-shadow: 0px 4px 0px 0px rgba(93, 100, 123, 0.8);
	box-shadow: 0px 4px 0px 0px rgba(93, 100, 123, 0.8);
	opacity: 1;
}

.header_dialog .send-btn.inactive {
	background-color: #9ba0ae;
	-webkit-box-shadow: 0px 4px 0px 0px rgba(93, 100, 123, 0.8);
	box-shadow: 0px 4px 0px 0px rgba(93, 100, 123, 0.8);
	border: none;
	text-shadow: none;
	cursor: default;
	color: #cdcfd6;
}

.header_dialog .send-btn.inactive:hover {
	opacity: 1;
	background-color: #9ba0ae;
	color: #cdcfd6;
}

.header_dialog .send-btn.inactive:active {
	top: 0;
	-webkit-box-shadow: 0px 4px 0px 0px rgba(93, 100, 123, 0.8);
	box-shadow: 0px 4px 0px 0px rgba(93, 100, 123, 0.8);
	opacity: 1;
}

.header_dialog .item-print-btn.inactive {
	color: #c4c9d5;
	cursor: default;
	opacity: 1;
}

.header_dialog .item-print-btn.inactive:hover {
	color: #c4c9d5;
	background-color: transparent;
}

.header_dialog .item-print-btn.inactive:hover .icon-printer {
	color: #c4c9d5;
}

.header_dialog .page-top-btn {
	position: fixed;
	bottom: 8px;
	right: 8px;
	z-index: 10;
	width: 56px;
	height: 56px;
	border-radius: 5px;
	background-color: rgba(230, 231, 234, 0.5);
	text-align: center;
	font-weight: 900;
	cursor: pointer;
}

.header_dialog .page-top-btn .icon-expand-less {
	margin-top: 4px;
	font-size: 32px;
	font-size: 3.2rem;
}

.header_dialog .page-top-btn .page-top-btn-body {
	margin-top: -10px;
	font-size: 12px;
	font-size: 1.2rem;
}

.header_dialog .auction-account-page-wrap .back-btn {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	overflow: hidden;
	padding: 0.35em 1.5em 0.25em;
	border-radius: 5px;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	-webkit-transition: opacity .3s, position .3s, color .3s;
	-o-transition: opacity .3s, position .3s, color .3s;
	transition: opacity .3s, position .3s, color .3s;
	background-color: #e6e7ea;
	color: #9ba0ae;
	-webkit-box-shadow: 0px 0px 0px 0.5px rgba(155, 160, 174, 0.2) inset, 0px 4px 0px 0px #9ba0ae;
	box-shadow: 0px 0px 0px 0.5px rgba(155, 160, 174, 0.2) inset, 0px 4px 0px 0px #9ba0ae;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-box-shadow: 0px 5px 0px 0px #9ba0ae;
	box-shadow: 0px 5px 0px 0px #9ba0ae;
	margin-right: 24px;
	padding: 24px 88px 20px;
	font-size: 24px;
	font-size: 2.4rem;
	font-weight: 900;
}

.header_dialog .auction-account-page-wrap .back-btn.inactive {
	background-color: #9ba0ae;
	-webkit-box-shadow: 0px 4px 0px 0px rgba(93, 100, 123, 0.8);
	box-shadow: 0px 4px 0px 0px rgba(93, 100, 123, 0.8);
	border: none;
	text-shadow: none;
	cursor: default;
	color: #cdcfd6;
}

.header_dialog .auction-account-page-wrap .back-btn.inactive:hover {
	opacity: 1;
	background-color: #9ba0ae;
	color: #cdcfd6;
}

.header_dialog .auction-account-page-wrap .back-btn.inactive:active {
	top: 0;
	-webkit-box-shadow: 0px 4px 0px 0px rgba(93, 100, 123, 0.8);
	box-shadow: 0px 4px 0px 0px rgba(93, 100, 123, 0.8);
	opacity: 1;
}

.header_dialog .auction-account-page-wrap .back-btn:active {
	position: relative;
	top: 4px;
	-webkit-box-shadow: none;
	box-shadow: none;
	opacity: 0.7;
	filter: alpha(opacity=70);
}

.header_dialog .auction-account-page-wrap .back-btn :active {
	top: 5px;
}

.header_dialog .auction-account-page-wrap .back-btn .icon-chevron-left-bold {
	position: relative;
	margin: 0 12px 0 -16px;
	vertical-align: 1px;
	font-size: 20px;
	font-size: 2rem;
	font-weight: 900;
}

.header_dialog .auction-account-page-wrap .decide-btn {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	overflow: hidden;
	padding: 0.35em 1.5em 0.25em;
	border-radius: 5px;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	-webkit-transition: opacity .3s, position .3s, color .3s;
	-o-transition: opacity .3s, position .3s, color .3s;
	transition: opacity .3s, position .3s, color .3s;
	background-color: #f38d10;
	color: #fff;
	text-shadow: 0px -1px 0.5px #c6720a;
	-webkit-box-shadow: 0px 0px 2px 0px rgba(51, 51, 51, 0.25) inset, 0px 4px 0px 0px #ae6409;
	box-shadow: 0px 0px 2px 0px rgba(51, 51, 51, 0.25) inset, 0px 4px 0px 0px #ae6409;
	padding: 17px 145px 13px;
	vertical-align: -4px;
	-webkit-box-shadow: 0px 5px 0px 0px #ae6409;
	box-shadow: 0px 5px 0px 0px #ae6409;
	font-size: 36px;
	font-size: 3.6rem;
	font-weight: 700;
}

.header_dialog .auction-account-page-wrap .decide-btn.inactive {
	background-color: #9ba0ae;
	-webkit-box-shadow: 0px 4px 0px 0px rgba(93, 100, 123, 0.8);
	box-shadow: 0px 4px 0px 0px rgba(93, 100, 123, 0.8);
	border: none;
	text-shadow: none;
	cursor: default;
	color: #cdcfd6;
}

.header_dialog .auction-account-page-wrap .decide-btn.inactive:hover {
	opacity: 1;
	background-color: #9ba0ae;
	color: #cdcfd6;
}

.header_dialog .auction-account-page-wrap .decide-btn.inactive:active {
	top: 0;
	-webkit-box-shadow: 0px 4px 0px 0px rgba(93, 100, 123, 0.8);
	box-shadow: 0px 4px 0px 0px rgba(93, 100, 123, 0.8);
	opacity: 1;
}

.header_dialog .auction-account-page-wrap .decide-btn:active {
	position: relative;
	top: 4px;
	-webkit-box-shadow: none;
	box-shadow: none;
	opacity: 0.7;
	filter: alpha(opacity=70);
}

.header_dialog .auction-account-page-wrap .decide-btn:hover {
	color: #fff;
}

.header_dialog .auction-account-page-wrap .decide-btn:visited {
	color: #fff;
}

.header_dialog .auction-account-page-wrap .decide-btn :active {
	top: 5px;
}

.header_dialog .auction-account-page-wrap .decide-btn .icon-chevron-right-bold {
	position: relative;
	margin: 0 -12px 0 30px;
	vertical-align: 0px;
	font-size: 26px;
	font-size: 2.6rem;
	font-weight: 900;
}

.header_dialog .auction-account-page-wrap .edit-btn {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	overflow: hidden;
	padding: 0.35em 1.5em 0.25em;
	border-radius: 5px;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	-webkit-transition: opacity .3s, position .3s, color .3s;
	-o-transition: opacity .3s, position .3s, color .3s;
	transition: opacity .3s, position .3s, color .3s;
	background-color: #f38d10;
	color: #fff;
	text-shadow: 0px -1px 0.5px #c6720a;
	-webkit-box-shadow: 0px 0px 2px 0px rgba(51, 51, 51, 0.25) inset, 0px 4px 0px 0px #ae6409;
	box-shadow: 0px 0px 2px 0px rgba(51, 51, 51, 0.25) inset, 0px 4px 0px 0px #ae6409;
	padding: 12px 40px 10px;
	vertical-align: -4px;
	-webkit-box-shadow: 0px 5px 0px 0px #ae6409;
	box-shadow: 0px 5px 0px 0px #ae6409;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: 500;
}

.header_dialog .auction-account-page-wrap .edit-btn.inactive {
	background-color: #9ba0ae;
	-webkit-box-shadow: 0px 4px 0px 0px rgba(93, 100, 123, 0.8);
	box-shadow: 0px 4px 0px 0px rgba(93, 100, 123, 0.8);
	border: none;
	text-shadow: none;
	cursor: default;
	color: #cdcfd6;
}

.header_dialog .auction-account-page-wrap .edit-btn.inactive:hover {
	opacity: 1;
	background-color: #9ba0ae;
	color: #cdcfd6;
}

.header_dialog .auction-account-page-wrap .edit-btn.inactive:active {
	top: 0;
	-webkit-box-shadow: 0px 4px 0px 0px rgba(93, 100, 123, 0.8);
	box-shadow: 0px 4px 0px 0px rgba(93, 100, 123, 0.8);
	opacity: 1;
}

.header_dialog .auction-account-page-wrap .edit-btn:active {
	position: relative;
	top: 4px;
	-webkit-box-shadow: none;
	box-shadow: none;
	opacity: 0.7;
	filter: alpha(opacity=70);
}

.header_dialog .auction-account-page-wrap .edit-btn:hover {
	color: #fff;
}

.header_dialog .auction-account-page-wrap .edit-btn:visited {
	color: #fff;
}

.header_dialog .auction-account-page-wrap .edit-btn :active {
	top: 5px;
}

.header_dialog .auction-account-page-wrap .edit-btn .icon-chevron-right-bold {
	position: relative;
	margin: 0 -32px 0 44px;
	vertical-align: 0px;
	font-size: 26px;
	font-size: 2.6rem;
	font-weight: 900;
}

.header_dialog .auction-account-page-wrap .back-tcvtop-btn {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	overflow: hidden;
	padding: 0.35em 1.5em 0.25em;
	border-radius: 5px;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	-webkit-transition: opacity .3s, position .3s, color .3s;
	-o-transition: opacity .3s, position .3s, color .3s;
	transition: opacity .3s, position .3s, color .3s;
	background-color: #f38d10;
	color: #fff;
	text-shadow: 0px -1px 0.5px #c6720a;
	-webkit-box-shadow: 0px 0px 2px 0px rgba(51, 51, 51, 0.25) inset, 0px 4px 0px 0px #ae6409;
	box-shadow: 0px 0px 2px 0px rgba(51, 51, 51, 0.25) inset, 0px 4px 0px 0px #ae6409;
	padding: 14px 48px 12px;
	vertical-align: -4px;
	-webkit-box-shadow: 0px 5px 0px 0px #ae6409;
	box-shadow: 0px 5px 0px 0px #ae6409;
	font-size: 28px;
	font-size: 2.8rem;
	font-weight: 500;
}

.header_dialog .auction-account-page-wrap .back-tcvtop-btn.inactive {
	background-color: #9ba0ae;
	-webkit-box-shadow: 0px 4px 0px 0px rgba(93, 100, 123, 0.8);
	box-shadow: 0px 4px 0px 0px rgba(93, 100, 123, 0.8);
	border: none;
	text-shadow: none;
	cursor: default;
	color: #cdcfd6;
}

.header_dialog .auction-account-page-wrap .back-tcvtop-btn.inactive:hover {
	opacity: 1;
	background-color: #9ba0ae;
	color: #cdcfd6;
}

.header_dialog .auction-account-page-wrap .back-tcvtop-btn.inactive:active {
	top: 0;
	-webkit-box-shadow: 0px 4px 0px 0px rgba(93, 100, 123, 0.8);
	box-shadow: 0px 4px 0px 0px rgba(93, 100, 123, 0.8);
	opacity: 1;
}

.header_dialog .auction-account-page-wrap .back-tcvtop-btn:active {
	position: relative;
	top: 4px;
	-webkit-box-shadow: none;
	box-shadow: none;
	opacity: 0.7;
	filter: alpha(opacity=70);
}

.header_dialog .auction-account-page-wrap .back-tcvtop-btn:hover {
	color: #fff;
}

.header_dialog .auction-account-page-wrap .back-tcvtop-btn:visited {
	color: #fff;
}

.header_dialog .auction-account-page-wrap .back-tcvtop-btn :active {
	top: 5px;
}

.header_dialog .auction-account-page-wrap .back-tcvtop-btn .icon-chevron-right-bold {
	position: relative;
	margin: 0 24px 0 -16px;
	vertical-align: 0px;
	font-size: 20px;
	font-size: 2rem;
	font-weight: 900;
}

.header_dialog .auction-account-page-wrap.account-setting .back-btn {
	width: 237px;
	padding: 20px 0 18px;
}

.header_dialog .auction-account-page-wrap.account-setting .back-btn .icon-chevron-left-bold {
	font-size: 18px;
	font-size: 1.8rem;
}

.header_dialog .auction-account-page-wrap.account-setting .decide-btn {
	width: 433px;
	padding: 20px 0 17px;
	vertical-align: top;
	font-size: 24px;
	font-size: 2.4rem;
}

.header_dialog .auction-account-page-wrap.account-setting .decide-btn .icon-chevron-right-bold {
	position: relative;
	margin: 0 -8px 0 16px;
	font-size: 18px;
	font-size: 1.8rem;
}

.header_dialog.fixed {
	position: fixed;
	z-index: 100001;
	top: 0;
	left: 0;
	width: 100%;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	-webkit-box-shadow: 0 1px 2px 0px #e6e7ea;
	box-shadow: 0 1px 2px 0px #e6e7ea;
}

.header_dialog.fixed:before {
	content: none;
}

.header_dialog:before {
	content: "";
	position: absolute;
	bottom: -5px;
	display: block;
	width: 100%;
	height: 5px;
	border-top: 1px solid #cdcfd6;
	background-color: #f2f3f5;
	-webkit-box-shadow: 0px 1px 2px 0px #e6e7ea inset;
	box-shadow: 0px 1px 2px 0px #e6e7ea inset;
}

.header_dialog__inner {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.header_dialog__body {
	color: #fff;
}

.header_dialog__body a {
	color: #fff;
	text-decoration: underline;
}

.header_dialog__body a:link,
.header_dialog__body a:visited {
	color: #fff;
}

.header_dialog__txt {
	margin-top: 0.5em;
	margin-bottom: 0;
	line-height: 1.4;
}

.header_dialog__txt:first-child {
	margin-top: 0;
}

.header_dialog__btn {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-justify-content: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	overflow: hidden;
	border-radius: 5px;
	text-decoration: none;
	cursor: pointer;
	-webkit-transition: opacity .3s, position .3s, color .3s;
	-o-transition: opacity .3s, position .3s, color .3s;
	transition: opacity .3s, position .3s, color .3s;
	background-color: #c4c9d5;
	color: #5d647b;
	-webkit-box-shadow: 0px 4px 0px 0px #9ba0ae;
	box-shadow: 0px 4px 0px 0px #9ba0ae;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding-top: 4px;
	background-color: #dae2f0;
	-webkit-box-shadow: 0px 4px 0px 0px #334462;
	box-shadow: 0px 4px 0px 0px #334462;
	font-weight: 700;
	color: #4a67ad;
}

.header_dialog__btn__wrap {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-webkit-align-items: flex-end;
	-ms-flex-align: end;
	align-items: flex-end;
}

.header_dialog__btn.inactive {
	background-color: #9ba0ae;
	-webkit-box-shadow: 0px 4px 0px 0px rgba(93, 100, 123, 0.8);
	box-shadow: 0px 4px 0px 0px rgba(93, 100, 123, 0.8);
	border: none;
	text-shadow: none;
	cursor: default;
	color: #cdcfd6;
}

.header_dialog__btn.inactive:hover {
	opacity: 1;
	background-color: #9ba0ae;
	color: #cdcfd6;
}

.header_dialog__btn.inactive:active {
	top: 0;
	-webkit-box-shadow: 0px 4px 0px 0px rgba(93, 100, 123, 0.8);
	box-shadow: 0px 4px 0px 0px rgba(93, 100, 123, 0.8);
	opacity: 1;
}

.header_dialog__btn.inactive:visited {
	color: #cdcfd6;
}

.header_dialog__btn:active {
	position: relative;
	top: 4px;
	-webkit-box-shadow: none;
	box-shadow: none;
	opacity: 0.7;
	filter: alpha(opacity=70);
}

.header_dialog__btn.inactive {
	background-color: #9ba0ae;
	-webkit-box-shadow: 0px 4px 0px 0px #9ba0ae;
	box-shadow: 0px 4px 0px 0px #9ba0ae;
	color: #cdcfd6;
}

.header_dialog__btn.inactive:hover {
	color: #cdcfd6;
}

.header_dialog__btn:hover {
	background-color: #c4c9d5;
	color: #5d647b;
}

.header_dialog__btn:visited {
	background-color: #c4c9d5;
	color: #5d647b;
}

.header_dialog__btn:hover {
	background-color: #dae2f0;
	opacity: 0.85;
	text-decoration: none;
}

.header_dialog__btn:link,
.header_dialog__btn:visited {
	background-color: #dae2f0;
	color: #4a67ad;
}

/*------------------------------------------------------------
 page layout ココまで
------------------------------------------------------------*/

/*------------------------------------------------------------
 サイト全体で使われているファイル
------------------------------------------------------------*/

.txt-tilde:after {
	content: "~";
	margin: 0 2px;
}

.currency {
	margin-right: 2px;
	font-size: 70%;
}

.txt-strong {
	font-weight: 700;
}

.txt-xstrong {
	font-weight: 900;
}

.size-xxlarge {
	font-size: 48px;
	font-size: 4.8rem;
}

.size-xlarge {
	font-size: 36px;
	font-size: 3.6rem;
}

.size-large {
	font-size: 22px;
	font-size: 2.2rem;
}

.size-medium {
	font-size: 16px;
	font-size: 1.6rem;
}

.size-small {
	font-size: 14px;
	font-size: 1.4rem;
}

.size-xsmall {
	font-size: 12px;
	font-size: 1.2rem;
}

.size-xxsmall {
	font-size: 10px;
	font-size: 1rem;
}

.col-red {
	color: #bf4b47;
}

.txt-underline {
	text-decoration: underline;
}

.txt-underline:hover {
	text-decoration: none;
}

.txt-nowrap {
	white-space: nowrap;
	text-wrap: none;
}

.require-note {
	color: #bf4b47;
}

.both {
	clear: both;
}

.fl-left {
	float: left;
}

.fl-right {
	float: right;
}

.align-left {
	text-align: left;
}

.align-center {
	text-align: center;
}

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

.relative {
	position: relative;
}

.w1260 {
	width: 1260px;
}

.mt00 {
	margin-top: 0px;
}

.mt04 {
	margin-top: 4px;
}

.mt08 {
	margin-top: 8px;
}

.mt12 {
	margin-top: 12px;
}

.mt40 {
	margin-top: 40px;
}

.mr40 {
	margin-right: 40px;
}

.mb00 {
	margin-bottom: 0px;
}

.mb08 {
	margin-bottom: 8px;
}

.mb12 {
	margin-bottom: 12px;
}

.mb16 {
	margin-bottom: 16px;
}

.mb24 {
	margin-bottom: 24px;
}

.mb32 {
	margin-bottom: 32px;
}

.mb40 {
	margin-bottom: 40px;
}

.pr240 {
	padding-right: 240px;
}

.pl08 {
	padding-left: 8px;
}

.pr63_per {
	padding-right: 63%;
}

.col-stock {
	color: #4a67ad;
}

.col-aa {
	color: #398896;
}

/*------------------------------------------------------------
 サイト全体で使われているファイル ココまで
------------------------------------------------------------*/

/*# sourceMappingURL=../maps/header_dialog/style.css.map */

@media screen and (min-width: 768px) {

.pc-d--none {
	display: none;
}

.header_dialog {
	min-width: 1260px;
}

.header_dialog__inner {
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 1260px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 16px;
	padding-bottom: 20px;
}

.header_dialog__body {
	width: 70%;
}

.header_dialog__btn__wrap {
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	width: 30%;
}

.header_dialog__btn {
	width: 160px;
	height: 44px;
	font-size: 18px;
}

}

@media screen and (max-width: 767px) {

.sp-d--none {
	display: none;
}

.header_dialog__inner {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	padding: 16px 16px 8px;
}

.header_dialog__txt {
	font-size: 12px;
}

.header_dialog__btn__wrap {
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	padding-top: 8px;
	padding-bottom: 8px;
	line-height: 1.3;
}

.header_dialog__btn {
	width: 128px;
	height: 40px;
	font-size: 16px;
}

}
