@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap');

#main,
#footer .inner,
body.option #conts .top,
body.option #conts .category,
body.option #conts .category .top,
body.option #conts .optionList,
body.detailOp #container .side .link ul li.movie a,
body.detailOp #container .product .priceBtn {
	*zoom: 1;
}

#main:after,
#footer .inner:after,
body.option #conts .top:after,
body.option #conts .category:after,
body.option #conts .category .top:after,
body.option #conts .optionList:after,
body.detailOp #container .side .link ul li.movie a:after,
body.detailOp #container .product .priceBtn:after {
	height: 0;
	display: block;
	visibility: hidden;
	clear: both;
	content: ".";
	line-height: 0;
	font-size: 0;
}

/*------------------------------------------------------------
	ディーラー用PDF出力用に追加 2017/04/19 12:06
------------------------------------------------------------*/
.pad_top_10px {
	padding-top: 10px;
}

.pad_bottom_10px {
	padding-bottom: 10px;
}

.pad_left_10px {
	padding-left: 10px;
}

.pad_bottom_35px {
	padding-bottom: 35px;
}

.pad_bottom_40px {
	padding-bottom: 40px;
}

.float_left {
	float: left;
}

/*-----------------------
// プライスタグPDFダウンロード用（コンテンツエリア）
-----------------------*/
.pdf_download1 a {
	width: 171px;
	padding: 7px 20px 7px 7px;
	display: block;
	background-color: #22282f;
	border: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	behavior: url(../js/PIE-2.0beta1/PIE.htc);
	position: relative;
	color: #FFF;
	font-size: 120%;
	text-align: left;
}

.pdf_download1 a:after {
	margin-top: -13px;
	width: 23px;
	height: 22px;
	background: url(../img/common/icon/icon08.png) no-repeat;
	position: absolute;
	top: 50%;
	right: 14px;
	content: "";
}

.pdf_download1 a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	-moz-opacity: 0.7;
	cursor: pointer;
}

/*-----------------------
// プライスタグPDFダウンロード用（サイドエリア）
-----------------------*/
.pdf_download2 a {
	float: left;
	width: 160px;
	padding: 10px 30px 10px 7px;
	display: block;
	background-color: #22282f;
	border: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	behavior: url(../js/PIE-2.0beta1/PIE.htc);
	position: relative;
	color: #FFF;
	font-size: 120%;
	text-align: left;
}

.pdf_download2 a:after {
	margin-top: -13px;
	width: 23px;
	height: 22px;
	background: url(../img/common/icon/icon08.png) no-repeat;
	position: absolute;
	top: 50%;
	right: 14px;
	content: "";
}

.pdf_download2 a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	-moz-opacity: 0.7;
	cursor: pointer;
}

/*-----------------------
// ディーラーオプション一覧への遷移ボタン
-----------------------*/
.move_dealeroption_list a {
	float: right;
	width: 205px;
	padding: 7px 28px 7px 10px;
	display: block;
	background-color: #22282f;
	border: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	behavior: url(../js/PIE-2.0beta1/PIE.htc);
	position: relative;
	color: #FFF;
	font-size: 120%;
	text-align: left;
}

.move_dealeroption_list a:after {
	margin-top: -8px;
	width: 10px;
	height: 22px;
	background: url(../img/common/icon/icon06.png) no-repeat;
	position: absolute;
	top: 50%;
	right: 14px;
	content: "";
}

.move_dealeroption_list a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	-moz-opacity: 0.7;
	cursor: pointer;
}

/*-----------------------
// オーダーインフォメーションExcelダウンロード用
-----------------------*/
.file_download a {
	width: 203px;
	padding: 10px 20px 10px 20px;
	display: block;
	background-color: #22282f;
	border: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	behavior: url(../js/PIE-2.0beta1/PIE.htc);
	position: relative;
	color: #FFF;
	font-size: 120%;
	text-align: left;
}

.file_download a:after {
	margin-top: -13px;
	width: 23px;
	height: 22px;
	background: url(../img/common/icon/icon08.png) no-repeat;
	position: absolute;
	top: 50%;
	right: 14px;
	content: "";
}

.file_download a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	-moz-opacity: 0.7;
	cursor: pointer;
}


/*-----------------------
// 詳細情報PDFダウンロード用（コンテンツエリア）
-----------------------*/
.pdf_download3 a {
	width: 204px;
	padding: 7px 20px 7px 7px;
	display: block;
	background-color: #22282f;
	border: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	behavior: url(../js/PIE-2.0beta1/PIE.htc);
	position: relative;
	color: #FFF;
	font-size: 120%;
	text-align: left;
}

.pdf_download3 a:after {
	margin-top: -13px;
	width: 23px;
	height: 22px;
	background: url(../img/common/icon/icon08.png) no-repeat;
	position: absolute;
	top: 50%;
	right: 14px;
	content: "";
}

.pdf_download3 a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	-moz-opacity: 0.7;
	cursor: pointer;
}



/*------------------------------------------------------------
	デフォルトスタイル
------------------------------------------------------------*/
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
dialog,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 1em;
}

article,
aside,
dialog,
figure,
footer,
header,
nav,
section {
	display: block;
}

html {
	font-size: 62.5%;
}

body,
table,
input,
textarea,
select,
option,
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	line-height: 1.1;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: bold;
}

table,
input,
textarea,
select,
option {
	line-height: 1.1;
}

ol,
ul {
	list-style: none;
}

blockquote,
q {
	quotes: none;
}

:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

img {
	vertical-align: top;
}

a {
	color: #007AFF;
	text-decoration: none;
}

/*------------------------------------------------------------
	書式設定
------------------------------------------------------------*/
/* テキストの位置 */
.taLeft {
	text-align: left !important;
}

.taCenter {
	text-align: center !important;
}

.taRight {
	text-align: right !important;
}

.vTop {
	vertical-align: top !important;
}

.vMiddle {
	vertical-align: middle !important;
}

/* フォントの太さ */
.fwNormal {
	font-weight: normal !important;
}

.fwBold {
	font-weight: bold !important;
}

/*------------------------------------------------------------
	微調整用クラス（※多用しないこと）
------------------------------------------------------------*/
.mt0 {
	margin-top: 0 !important;
}

.mb0 {
	margin-bottom: 0 !important;
}

/*------------------------------------------------------------
	clearfix（float解除）
------------------------------------------------------------*/
.clearfix {
	*zoom: 1;
}

.clearfix:after {
	height: 0;
	display: block;
	visibility: hidden;
	clear: both;
	content: ".";
	line-height: 0;
	font-size: 0;
}

/*------------------------------------------------------------
	トラッキングタグの余計なスペースを削除
------------------------------------------------------------*/
.trackTags {
	display: none;
}

/*------------------------------------------------------------
	レイアウト
------------------------------------------------------------*/
body {
	min-width: 960px;
	/* ウインドウ幅で横スクロール時に背景が切れるバグ対策でコンテンツと同じ幅を指定 */
	line-height: 1.5;
}

@media screen and (max-width: 768px) {
	body {
		min-width: 100%;
	}
}

#container {
	width: 100%;
	text-align: left;
	background-color: #E8E8E8;
}

#main {
	margin: 0 auto;
	width: 960px;
}

@media screen and (max-width: 768px) {
	#main {
		width: 100%;
	}
}

/*------------------------------------------------------------
	ヘッダー
------------------------------------------------------------*/
#header {
	margin-bottom: 25px;
	width: 100%;
	background-color: #FFF;
}

#header .inner {
	width: 960px;
	margin: 0 auto;
	position: relative;
}

@media screen and (max-width: 768px) {
	#header .inner {
		width: 100%;
		padding: 0 15px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
}

#header .inner .logo {
	position: absolute;
	top: 0;
	left: 0;
}

#header .logo a img {
	width: 178px;
}

#header .inner .step {
	/*margin-left: 105px;*/
	margin-left: 180px;
	display: table;
}

#header .inner .step li {
	padding: 15px 30px 12px 15px;
	display: table-cell;
	background: url(../img/common/template/bg_step01.gif) no-repeat center right;
	text-align: center;
	vertical-align: middle;
	line-height: 1.3;
	font-size: 140%;
}

@media screen and (max-width: 768px) {
	#header .inner .step li {
		padding: 5px 15px 5px 5px;
		width: 70px;
	}
}

#header .inner .step li a {
	display: block;
	color: #22282F;
	text-decoration: none;
	position: relative;
	z-index: 10;
}

#header .inner .step li a .number {
	display: block;
	color: #757C8B;
	font-size: 83%;
}

#header .inner .step li a:hover {
	color: #ccc;
}

#header .inner .step li a:hover .number {
	color: #ccc;
}

#header .inner .step li.before {
	background: url(../img/common/template/bg_step02.gif) no-repeat center right;
}

#header .inner .step li.current {
	background: url(../img/common/template/bg_step03.gif) no-repeat center right #f2f2f2;
}

#header .inner .step li.current a {
	color: #757C8B;
}

#header .inner .step li.current a:hover {
	color: #ccc;
}

/*------------------------------------------------------------
	グローバルナビ
------------------------------------------------------------*/
/*------------------------------------------------------------
	パンクズリスト
------------------------------------------------------------*/
/*------------------------------------------------------------
	コンテンツ
------------------------------------------------------------*/
#conts {
	width: 725px;
	float: left;
}

@media screen and (max-width: 768px) {
	#conts {
		width: 100%;
	}
}

#conts .pageMove {
	margin-bottom: 150px;
	text-align: center;
}

#conts .pageMove li {
	margin-left: 15px;
	width: 181px;
	display: inline-block;
}

#conts .pageMove li:first-child {
	margin-left: 0;
}

#conts .pageMove li a {
	padding: 10px 0 7px;
	display: block;
	background-color: #F7F7F7;
	text-align: center;
	color: #007AFF;
	font-size: 160%;
	text-decoration: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	behavior: url(../js/PIE-2.0beta1/PIE.htc);
	position: relative;
}

#conts .pageMove li a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	-moz-opacity: 0.7;
}

#conts .pageMove li a .icon {
	padding: 5px 0;
}

#conts .pageMove li.prevBtn a {
	color: #74B1F4;
}

#conts .pageMove li.prevBtn a .icon {
	padding-left: 30px;
	background: url(../img/common/template/arrow_prev.png) no-repeat center left;
}

#conts .pageMove li.nextBtn a .icon {
	padding-right: 30px;
	background: url(../img/common/template/arrow_next.png) no-repeat center right;
}

#conts .sl_banner {
	margin-top: 40px;
	margin-bottom: 20px;
	width: 100%;
	cursor: pointer;
}

#conts .output_csv {
	height: auto;
	border: none;
	display: block;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	background-color: #fff;
	font-size: 140%;
	text-align: center;
	padding: 15px;
	cursor: pointer;
}

/*------------------------------------------------------------
	アパレル
------------------------------------------------------------*/
div.category>div.empty {
	font-size: 160%;
	display: none;
}

/*------------------------------------------------------------
	サイドバー / 見積もりエリア
------------------------------------------------------------*/
#sideBar {
	width: 220px;
	float: right;
}

#estimateArea {
	width: 220px;
	float: right;
	background-color: #9FA3AC;
	position: relative;
}

#estimateArea .deco {
	position: absolute;
	top: -75px;
	left: 65px;
	pointer-events: none;
}

#estimateArea h2 {
	padding: 22px 0 18px;
	background-color: #3D454E;
	color: #FFF;
	text-align: center;
}

#estimateArea h2 .small {
	position: relative;
	font-size: 140%;
	font-weight: normal;
}

#estimateArea h2 .small:after {
	margin-top: -3px;
	width: 7px;
	height: 6px;
	background: url(../img/common/icon/icon03.png) no-repeat center left;
	position: absolute;
	top: 50%;
	left: -14px;
	content: "";
}

#estimateArea h2 .name {
	margin-top: 10px;
	display: block;
	font-size: 290%;
	font-weight: bold;
}

#estimateArea .total {
	padding: 12px 15px 10px;
	background-color: #515A64;
	color: #fff;
	font-size: 140%;
	line-height: 1.5;
}

#estimateArea .total .price {
	margin-top: 3px;
	display: block;
	position: relative;
	font-size: 175%;
	text-align: right;
	line-height: 1;
}

#estimateArea .total .price:after {
	position: absolute;
	top: 0;
	left: 0;
	content: "￥";
}

#estimateArea .total .tax {
	font-size: 83%;
	display: block;
	text-align: right;
}

#estimateArea .basePrice {
	padding: 12px 12px 10px;
	background-color: #F7F7F7;
}

#estimateArea .basePrice .top {
	padding-bottom: 5px;
}

#estimateArea .basePrice .top h3 {
	margin-bottom: 5px;
	font-size: 140%;
}

#estimateArea .basePrice .top .price {
	text-align: right;
	font-size: 130%;
}

#estimateArea .basePrice .top .price .bold {
	margin-left: 5px;
	font-size: 120%;
	font-weight: bold;
}

#estimateArea .basePrice ul li {
	margin-bottom: 2px;
	background-color: #E4E4E4;
	padding: 10px 10px 5px;
	display: block;
	color: #000;
	font-size: 130%;
	line-height: 1.2;
}

#estimateArea .basePrice ul li .price {
	margin-top: 3px;
	display: block;
	color: #556E92;
	text-align: right;
}

#estimateArea .option {
	border-top: 1px #d7d7d7 solid;
	padding: 12px 12px 10px;
	background-color: #F7F7F7;
}

#estimateArea .option .top {
	padding-bottom: 5px;
}

#estimateArea .option .top h3 {
	padding-left: 20px;
	margin-bottom: 5px;
	background: url(../img/common/icon/icon01.png) no-repeat center left;
	font-size: 140%;
	font-weight: normal;
}

#estimateArea .option .top h3 .number {
	color: #007AFF;
}

#estimateArea .option .top h3:hover {
	cursor: pointer;
}

#estimateArea .option .top .price {
	text-align: right;
	font-size: 130%;
}

#estimateArea .option .top .price .bold {
	margin-left: 5px;
	font-size: 120%;
	font-weight: bold;
	line-height: 1;
}

#estimateArea .option .top .price .small {
	display: block;
	color: #757C8B;
	font-size: 90%;
}

#estimateArea .option ul {
	display: none;
}

#estimateArea .option ul li {
	margin-bottom: 2px;
	background-color: #E4E4E4;
	position: relative;
}

li[data-optype="extended_warranty"] {
	padding: 20px 0 5px;
	font-size: 1.3rem;
}


#estimateArea .option ul li a {
	display: block;
	color: #000;
	font-size: 130%;
	text-decoration: none;
}

#estimateArea .option ul li a .item {
	display: table;
}

#estimateArea .option ul li a .item .img {
	display: table-cell;
}

#estimateArea .option ul li a .item .img img {
	width: 46px;
	height: 46px;
}


#estimateArea .option ul li a .item .name,
#estimateArea .option ul li .item .name {
	padding: 7px 40px 7px 10px;
	display: table-cell;
	vertical-align: middle;
	line-height: 1;
}

#estimateArea .option ul li a .price,
#estimateArea .option ul li .price {
	margin-right: 5px;
	display: block;
	color: #556E92;
	text-align: right;
}

#estimateArea .option ul li a:before,
.deactivated {
	width: 100%;
	height: 100%;
	background: url(../img/common/template/img_resele.png) repeat;
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	z-index: 1;
}

/*
#estimateArea .option ul li[data-optype="maker_select"] {
	display:none;
	background: none;
}
#estimateArea .option ul li.active[data-optype="maker_select"] {
	display:block;
}
*/
#estimateArea .option ul li.active a:before {
	background: none;
}

#estimateArea .option ul li .btn {
	padding: 13px;
	width: auto;
	display: block;
	background-color: #3B4251;
	position: absolute;
	top: 0;
	right: 0;
	color: #fff;
	line-height: 1;
	z-index: 2;
	font-size: 1.6rem;
	/* font-size: 160%; */
}

#estimateArea .option ul li .btn:hover {
	cursor: pointer;
}

#estimateArea .option.open h3 {
	background-image: url(../img/common/icon/icon02.png);
}

#estimateArea .option.open ul {
	display: block;
}

#estimateArea .cta_and_dealer_button {
	padding-left: 12px;
	padding-right: 12px;
}

#estimateArea .sl_banner {
	margin-top: 20px;
	margin-bottom: 20px;
	cursor: pointer;
}

#estimateArea .output_csv {
	height: auto;
	border: none;
	display: block;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	position: relative;
	background-color: #fff;
	font-size: 140%;
	text-align: center;
	padding: 15px;
	cursor: pointer;
}

/*------------------------------------------------------------
	フッター
------------------------------------------------------------*/
#footer {
	padding: 12px 0;
	width: 100%;
	border-top: 1px #9fa3ac solid;
	color: #757C8B;
}

#footer .inner {
	width: 960px;
	margin: 0 auto;
}

@media screen and (max-width: 768px) {
	#footer .inner {
		width: 100%;
		padding: 0 15px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
}

#footer .inner .left {
	float: left;
}

#footer .inner .left .tax {
	margin-bottom: 7px;
	padding: 8px 8px 8px 5px;
	background-color: #F7F7F7;
	font-size: 130%;
}

#footer .inner .left .links {
	margin-bottom: 5px;
}

#footer .inner .left .links li {
	margin-left: 25px;
	display: inline-block;
}

#footer .inner .left .links li a {
	padding-right: 25px;
	background: url(../img/common/icon/icon04.png) no-repeat center right;
	color: #22282F;
	font-size: 130%;
	font-weight: bold;
	text-decoration: none;
}

#footer .inner .left .links li:first-child {
	margin-left: 0;
}

#footer .inner .left .links .privacy a {
	color: #007AFF;
	font-size: 120%;
	font-weight: normal;
}

#footer .inner .left .copyright {
	font-size: 120%;
	font-style: normal;
}

#footer .inner .pageTop {
	margin-top: 8px;
	float: right;
}

#footer .inner .pageTop a {
	display: block;
}

#footer .inner .pageTop a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	-moz-opacity: 0.7;
}

/*------------------------------------------------------------
	コンテンツ内ナビゲーション
------------------------------------------------------------*/
/* spのみ表示 */
#modelInfo .pageMove,
#conts .pageMove_top {
	display: none;
}

/*------------------------------------------------------------
	container main
------------------------------------------------------------*/
html,
body {
	height: 100%;
}

#container {
	height: 100%;
	min-height: 100%;
}

body>#container {
	height: auto;
}

#main {
	font-size: 100%;
}

/*------------------------------------------------------------
	オプション
------------------------------------------------------------*/
body.option #main {
	width: 100%;
	/* max-width: 960px; */
	max-width: 1100px;
}

body.option #conts {
	width: auto;
	padding-right: 15px;
}

@media screen and (max-width: 768px) {
	body.option #conts {
		padding: 0 0 0 15px;
	}
}

body.option #conts .top {
	margin: 0 0 15px 0;
}

body.option #conts .top .nextBtn {
	float: right;
}

body.option #conts .top .nextBtn a {
	padding: 10px 0;
	width: 181px;
	display: block;
	background-color: #F7F7F7;
	text-align: center;
	color: #007AFF;
	font-size: 160%;
	text-decoration: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	behavior: url(../js/PIE-2.0beta1/PIE.htc);
	position: relative;
}

body.option #conts .top .nextBtn a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	-moz-opacity: 0.7;
}

body.option #conts .top .nextBtn a .icon {
	padding: 5px 0;
}

body.option #conts .top .nextBtn.nextBtn a .icon {
	padding-right: 30px;
	background: url(../img/common/template/arrow_next.png) no-repeat center right;
}

body.option #conts .category {
	margin-bottom: 10px;
	margin-left: calc((100% - 91.5%));
}

body.option #conts .category .top {
	margin-bottom: 15px;
	padding-bottom: 5px;
	border-bottom: 1px #c2c4c8 solid;
}

body.option #conts .category .top h2 {
	float: left;
	font-size: 180%;
}

body.option #conts .category .top h2 .small {
	margin-left: 10px;
	color: #757C8B;
	font-size: 72%;
}

body.option #conts .category .top .notes {
	margin-top: 5px;
	float: right;
	color: #720000;
	font-size: 130%;
}

body.option #conts .optionList_bg {
	background: #9FA3AC;
	margin-left: calc((100% - 91.5%));
}

body.option #conts .optionList_wrap {
	padding: 0 10px;
	margin-left: calc((100% - 91.5%));
}
body.option #conts .mc_option_list_wrap{
	margin-bottom: 50px;
}

body.option #conts .optionList_wrap h3 {
	padding: 10px 0 5px;
	color: #fff;
	font-size: 1.6rem;
}

body.option #conts .optionList_wrap h3 span {
	font-size: 1.4rem;
}

body.option #conts .otherOption h3 {
	padding: 0 0 5px;
	color: #000;
}

body.option #conts .otherOption h3 span {
	color: #720000;
}

.ttl_note{
	color: #720000;
	font-size: 1.4rem;
	font-weight: bold;
}
.mc_note{
	display: block;
	color: #720000;
	font-size: 1.4rem;
	font-weight: bold;
	margin-bottom: 1.5rem;
}

body.option #conts .optionList {
	margin: 0 -8px 50px 0px;
	padding-top: 10px;
	border-top: 1px solid #ccc;
}
body.option #conts .mc_option_list {
	margin: 0 -8px 10px 0px;
}

body.option #conts .optionList li {
	margin: 0 8px 14px 0px;
	/* width: 170px; */
	width: 186px;
	/*	height: 242px;*/
	-webkit-box-shadow: #d6d8db 1px 1px 0;
	-moz-box-shadow: #d6d8db 1px 1px 0;
	box-shadow: #d6d8db 1px 1px 0;
	behavior: url(../js/PIE-2.0beta1/PIE.htc);
	position: relative;
	background-color: #fff;
	float: left;
	position: relative;
	zoom: 1;
}

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

	body.option #conts .category {
	margin-left: 0;
	}
}

/*****メーカー******/


.eachItem {
	padding: 0 10px;
	width: 100%;
}

.eachItem .item dl {
	width: 100%;
}

/* .model-warranty-wrp {
	display: flex;
	justify-content: space-between;
} */

.model-warranty-ttl {
	font-size: 1.6rem;
	width: 160px;
}

.eachItem .item dl .warranty {
	width: 180px;
	height: 30px;
	float: right;
}

.eachCost .eachItem .item dl:after {
	height: 0;
	display: block;
	visibility: hidden;
	clear: both;
	content: ".";
	line-height: 0;
	font-size: 0;
}

.model-warranty-wrp .box select {
	width: 20%;
	height: 30px;
	margin-top: 3px;
}

@media screen and (max-width: 768px) {
	body.option #conts .optionList li {
		margin-left: 7px;
	}
}

body.option #conts .optionList li a {
	height: 100%;
	display: flex;
	flex-direction: column;
	color: #757C8B;
	font-size: 130%;
	text-decoration: none;
}

body.option #conts .optionList li a .img {
	margin-bottom: 12px;
	position: relative;
	z-index: 1;
	width: 186px;
	height: 170px;
	display: table-cell;
	/display: inline;
	/zoom: 1;
	text-align: center;
	vertical-align: top;
}

body.option #conts .optionList li a .img img {
	position: relative;
	z-index: -1;
	display: inline-block;
	width: 186px;
	/display: inline;
	/zoom: 1;

}

body.option #conts .optionList li a p {
	padding: 0 12px;
	line-height: 1.3;
}

body.option #conts .optionList li a p.name {
	padding: 10px 12px 0;
}

body.option #conts .optionList li a p.price {
	padding-bottom: 15px;
	padding-top: 15px;
	margin-top: auto;
	color: #22282F;
	font-weight: bold;
	font-size: 110.0%;
}

body.option #conts .optionList li a .status,
body.option #conts .optionList li a .package_status,
body.option #conts .optionList li a .service_inclusive_status {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 100;
}

body.option #conts .optionList li a .status:after,
body.option #conts .optionList li a .package_status:after,
body.option #conts .optionList li a .service_inclusive_status:after {
	font-size: 16px;
}

body.option #conts .optionList li a.active .status:after,
body.option #conts .optionList li a.active .package_status:after,
body.option #conts .optionList li a.active .service_inclusive_status:after {
	padding: 3px 3px 3px 25px;
	width: 39px;
	height: auto;
	background: url(../img/common/icon/icon_select.gif) no-repeat 6px 9px #0a79ea;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	behavior: url(../js/PIE-2.0beta1/PIE.htc);
	position: relative;
	position: absolute;
	top: 5px;
	right: 5px;
	content: "選択";
	z-index: 101;
	color: #fff;
}

body.option #conts .optionList li a.active .img:before {
	width: 186px;
	height: 186px;
	background: url(../img/common/template/img_resele02.png) repeat;
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	z-index: 51;
}

body.option #conts .optionList li a.active .img:after {
	margin: -26px 0 0 -26px;
	width: 52px;
	height: 52px;
	background: url(../img/common/icon/icon_zoom01.png) no-repeat;
	position: absolute;
	top: 50%;
	left: 50%;
	content: "";
	z-index: 50;
}

body.option #conts .optionList li.standard a .status:after {
	padding: 3px 3px 3px 25px;
	width: 62px;
	height: auto;
	background: url(../img/common/icon/icon_standard.gif) no-repeat 5px 8px #e9e9e9;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	behavior: url(../js/PIE-2.0beta1/PIE.htc);
	position: relative;
	position: absolute;
	top: 5px;
	right: 5px;
	content: "標準装備";
	z-index: 101;
	color: #22282F;
	font-size: 14px;
}

body.option #conts .optionList li.check a .status:after,
body.option #conts .optionList li.check a .package_status:after,
body.option #conts .optionList li.check a .service_inclusive_status:after {
	width: 32px;
	height: 32px;
	background: url(../img/common/icon/icon_check.png) no-repeat;
	position: absolute;
	top: 5px;
	right: 5px;
	content: "";
	z-index: 101;
}


body.option #conts .optionList li.not-selected::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	pointer-events: none;
	z-index: 1;
	border-radius: inherit;
}

/*
body.option #conts .optionList li.check[data-optype="maker_select"] a.active .status:after {
	padding: 0px;
}
*/
/*
body.option #conts .optionList li.check:not([data-optype="maker_select"]) a.active .status:after {
	padding: 3px 3px 3px 25px;
	width: 39px;
	height: auto;
	background: url(../img/common/icon/icon_release.gif) no-repeat 6px 9px #3b4251;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	behavior: url(../js/PIE-2.0beta1/PIE.htc);
	position: relative;
	position: absolute;
	top: 5px;
	right: 5px;
	content: "解除";
	z-index: 101;
	color: #fff;
}
*/
body.option #conts .optionList li.check a.active .status:after {
	padding: 3px 3px 3px 25px;
	width: 39px;
	height: auto;
	background: url(../img/common/icon/icon_release.gif) no-repeat 6px 9px #3b4251;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	behavior: url(../js/PIE-2.0beta1/PIE.htc);
	position: relative;
	position: absolute;
	top: 5px;
	right: 5px;
	content: "解除";
	z-index: 101;
	color: #fff;
}

body.option #conts .pageTop {
	margin: 0 20px 35px 0;
	float: right;
}

body.option #conts .pageTop a {
	padding: 5px 0;
	width: 106px;
	display: block;
	background-color: #9FA3AC;
	color: #fff;
	font-size: 130%;
	text-align: center;
	text-decoration: none;
}

body.option #conts .pageTop a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	-moz-opacity: 0.7;
}

body.option #conts+.pageMove {
	margin-top: 35px;
}

@media screen and (max-width: 768px) {
	body.option #conts .pageMove li {
		margin-left: 0;
	}
}

body.option #conts .priceTag {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

/*------------------------------------------------------------
	オプション ライトボックス
------------------------------------------------------------*/
/*
		Colorbox Core Style:
		The following CSS is consistent between example themes and should not be altered.
*/
#colorbox,
#cboxOverlay,
#cboxWrapper {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999;
	overflow: hidden;
}

#cboxWrapper {
	max-width: none;
}

#cboxOverlay {
	position: fixed;
	width: 100%;
	height: 100%;
}

#cboxMiddleLeft,
#cboxBottomLeft {
	clear: left;
}

#cboxContent {
	position: relative;
}

#cboxLoadedContent {
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}

#cboxTitle {
	margin: 0;
}

#cboxLoadingOverlay,
#cboxLoadingGraphic {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#cboxPrevious,
#cboxNext,
#cboxClose,
#cboxSlideshow {
	cursor: pointer;
}

.cboxPhoto {
	float: left;
	margin: auto;
	border: 0;
	display: block;
	max-width: none;
	-ms-interpolation-mode: bicubic;
}

.cboxIframe {
	width: 100%;
	height: 100%;
	display: block;
	border: 0;
}

#colorbox,
#cboxContent,
#cboxLoadedContent {
	box-sizing: content-box;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
}

/*
		User Style:
		Change the following styles to modify the appearance of Colorbox.	They are
		ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay {
	background: url(../img/common/template/overlay.png) repeat 0 0;
}

#colorbox {
	outline: 0;
}

#cboxTopLeft {
	width: 0;
	height: 0;
}

#cboxTopRight {
	width: 0;
	height: 0;
}

#cboxBottomLeft {
	width: 0;
	height: 0;
}

#cboxBottomRight {
	width: 0;
	height: 0;
}

#cboxMiddleLeft {
	width: 0;
}

#cboxMiddleRight {
	width: 0;
}

#cboxTopCenter {
	height: 0;
}

#cboxBottomCenter {
	height: 0;
}

#cboxContent {
	background: #fff;
	overflow: hidden;
}

.cboxIframe {
	background: #fff;
}

#cboxError {
	padding: 50px;
	border: 1px solid #ccc;
}

#cboxLoadedContent {
	margin-bottom: 0;
}

#cboxTitle {
	position: absolute;
	bottom: 4px;
	left: 0;
	text-align: center;
	width: 100%;
	color: #949494;
}

#cboxCurrent {
	position: absolute;
	bottom: 4px;
	left: 58px;
	color: #949494;
}

#cboxLoadingOverlay {
	background: url(../img/common/colorbox/loading_background.png) no-repeat center center;
}

#cboxLoadingGraphic {
	background: url(../img/common/colorbox/loading.gif) no-repeat center center;
}

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious,
#cboxNext,
#cboxSlideshow,
#cboxClose {
	border: 0;
	padding: 0;
	margin: 0;
	overflow: visible;
	width: auto;
	background: none;
}

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active,
#cboxNext:active,
#cboxSlideshow:active,
#cboxClose:active {
	outline: 0;
}

#cboxSlideshow {
	position: absolute;
	bottom: 4px;
	right: 30px;
	color: #0092ef;
}

#cboxPrevious {
	position: absolute;
	bottom: 0;
	left: 0;
	background: url(../img/common/colorbox/controls.png) no-repeat -75px 0;
	width: 25px;
	height: 25px;
	text-indent: -9999px;
}

#cboxPrevious:hover {
	background-position: -75px -25px;
}

#cboxNext {
	position: absolute;
	bottom: 0;
	left: 27px;
	background: url(../img/common/colorbox/controls.png) no-repeat -50px 0;
	width: 25px;
	height: 25px;
	text-indent: -9999px;
}

#cboxNext:hover {
	background-position: -50px -25px;
}

#cboxClose {
	width: 29px;
	height: 29px;
	position: absolute;
	top: 20px;
	right: 20px;
	background: url(../img/common/btn/btn_close.png) no-repeat;
}

/*
	The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
	when an alpha filter (opacity change) is set on the element or ancestor element.	This style is not applied to or needed in IE9.
	See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF);
}

body.detailOp {
	padding: 50px;
	min-width: 100%;
	height: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #F7F7F7;
	position: relative;
}

body.detailOp #container {
	background-color: #F7F7F7;
	display: table;
}

body.detailOp #container .side {
	padding-right: 50px;
	width: 230px;
	display: table-cell;
	vertical-align: top;
}

body.detailOp #container .side .img {
	margin-bottom: 17px;
	border: 1px #d5d7db solid;
	position: relative;
}

body.detailOp #container .side .img img {
	width: 230px;
}

body.detailOp #container .side .img span {
	padding: 10px;
	background: url(../img/common/template/bg_zoom.png) repeat;
	position: absolute;
	bottom: 0;
	right: 0;
	color: #FFF;
	font-size: 160%;
	text-decoration: none;
}

body.detailOp #container .side .img span img {
	margin-right: 5px;
	width: auto;
	height: auto;
	vertical-align: middle;
}

body.detailOp #container .side .link h3 {
	margin-bottom: 5px;
	color: #757C8B;
	font-size: 140%;
}

body.detailOp #container .side .link ul li {
	margin-top: 2px;
}

body.detailOp #container .side .link ul li:first-child {
	margin-top: 0;
}

body.detailOp #container .side .link ul li a {
	padding: 10px;
	display: block;
	background-color: #E4E4E4;
	color: #007AFF;
	font-size: 140%;
	line-height: 1.3;
	text-decoration: none;
}

body.detailOp #container .side .link ul li a .icon {
	padding-right: 15px;
	display: block;
	position: relative;
}

body.detailOp #container .side .link ul li a .icon:after {
	width: 17px;
	height: 13px;
	background: url(../img/common/icon/icon04.png) no-repeat 0 0;
	position: absolute;
	bottom: 4px;
	right: 0;
	content: "";
}

body.detailOp #container .side .link ul li.movie a {
	padding: 4px;
	color: #FFF;
	background-color: #757C8B;
}

body.detailOp #container .side .link ul li.movie a img {
	float: right;
}

body.detailOp #container .side .link ul li.movie a .txt {
	padding: 6px 10px 2px 10px;
	display: block;
}

body.detailOp #container .side .link ul li.movie a .txt .icon {
	padding-right: 0;
	display: inline;
}

body.detailOp #container .side .link ul li.movie a .txt .icon:after {
	right: -25px;
}

body.detailOp #container .product {
	width: 100%;
	display: table-cell;
	vertical-align: top;
}

body.detailOp #container .product h2 {
	margin-bottom: 20px;
	color: #22282F;
	font-size: 240%;
	font-weight: bold;
}

body.detailOp #container .product .priceBtn {
	margin-bottom: 12px;
}

body.detailOp #container .product .priceBtn .price {
	float: left;
}

body.detailOp #container .product .priceBtn .price p {
	font-size: 160%;
}

body.detailOp #container .product .priceBtn .price p .big {
	font-weight: bold;
	font-size: 120%;
}

body.detailOp #container .product .priceBtn .price p .tax {
	color: #757C8B;
	font-size: 85%;
}

body.detailOp #container .product .priceBtn .btn {
	float: right;
}

body.detailOp #container .product .priceBtn .btn a {
	padding: 12px 10px 12px 20px;
	width: 90px;
	display: block;
	background-color: #0A79EA;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	behavior: url(../js/PIE-2.0beta1/PIE.htc);
	position: relative;
	color: #fff;
	font-size: 190%;
	line-height: 1;
	text-decoration: none;
}

body.detailOp #container .product .priceBtn .btn a.green {
	background-color: #4dd963;
	padding-right: 0px;
}

body.detailOp #container .product .priceBtn .btn a.release {
	background-color: #3B4251;
}

body.detailOp #container .product .priceBtn .btn a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	-moz-opacity: 0.7;
}

body.detailOp #container .product .priceBtn .btn {
	display: none;
}

body.detailOp #container .product .item {
	padding-top: 20px;
	border-top: 1px #D5D7DB solid;
}

body.detailOp #container .product .item h3 {
	margin-bottom: 20px;
	color: #3C4147;
	font-size: 160%;
}

body.detailOp #container .product .item .inner {
	padding-right: 12px;
	/*	height: 310px;*/
	/*	width: 933px;*/
	position: relative;
	/*	overflow: hidden;*/
	font-size: 150%;
}

body.detailOp #container .product .item .inner p,
body.detailOp #container .product .item .inner ul,
body.detailOp #container .product .item .inner dl {
	margin-bottom: 20px;
}

body.detailOp #container .product .item .inner p.txt,
body.detailOp #container .product .item .inner ul.txt,
body.detailOp #container .product .item .inner dl.txt {
	margin-bottom: 0;
}

body.detailOp #container .product .item .inner ul {
	list-style: disc;
	margin: 1.618em 0;
	padding: 0 0 0 40px;
}

body.detailOp #container .product .item .inner ol {
	list-style: decimal;
	margin: 1.618em 0;
	padding: 0 0 0 40px;
}

body.detailOp #container .product .item .inner blockquote {
	margin: 0 0 0 1.618em;
	padding: 0 1.618em;
	border-left: 3px solid #c0c6c9;
}

body.detailOp #container .product .item .inner hr {
	margin: 3.236em 0;
}

body.detailOp #container .product .item .inner h1 {
	margin: 1.618em 0;
	text-rendering: optimizeLegibility;
	font-size: 2em;
}

body.detailOp #container .product .item .inner h2 {
	margin: 1.618em 0;
	text-rendering: optimizeLegibility;
	font-size: 1.5em;
}

body.detailOp #container .product .item .inner h3 {
	margin: 1.618em 0;
	text-rendering: optimizeLegibility;
	font-size: 1.17em;
}

body.detailOp #container .product .item .inner h4 {
	margin: 1.618em 0;
	text-rendering: optimizeLegibility;
	font-size: 1em;
}

body.detailOp #container .product .item .inner h5 {
	margin: 1.618em 0;
	text-rendering: optimizeLegibility;
	font-size: 0.83em;
}

body.detailOp #container .product .item .inner h6 {
	margin: 1.618em 0;
	text-rendering: optimizeLegibility;
	font-size: 0.75em;
}

body.detailOp #container .product .item .inner pre {
	overflow: auto;
	margin: 1.618em 0;
	padding: 1.618em;
	background-color: #dcdddd;
	color: #2b2b2b;
	font-family: monospace;
	white-space: pre-wrap;
	word-wrap: break-word;
	font-size: 1em;
}

.gaitonashi {
	margin: 20px 0 60px;
	font-size: 160%;
	text-align: center;
}

#shiharaikaisu .hide {
	display: none !important;
}

.new_item {
	position: relative;
}

.new_item_cl {
	position: static;
}

.new_item:before {
	content: "";
	background: url(../img/common/icon/icon_new.png) no-repeat left top;
	width: 44px;
	height: 44px;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
}


/*20190320_追加*/

.item_status_area {
	margin: 0 13px;
	padding-bottom: 12px;
}

.item_status {
	position: static;
	background-color: #ad0000;
	display: inline-block;
	color: #fff;
	padding: 5px !important;
	text-align: center;
	font-size: 10px;
	vertical-align: top;
}


.item_status_text {
	color: #000;
	display: inline-block;
	padding: 0 0 0 3px !important;
	width: 80px;
	vertical-align: text-top;
}

.item_status_area_02 {
	margin-bottom: 20px;
}

.item_status_02 {
	position: static;
	background-color: #ad0000;
	display: inline-block;
	color: #fff;
	padding: 5px !important;
	text-align: center;
	font-size: 10px;
	vertical-align: top;
}

.item_status_text_02 {
	color: #000;
	display: inline-block;
	padding: 0 0 0 3px !important;
	width: 670px;
	vertical-align: text-top;
	font-size: 12px;
}

.item_status_caution_02 {
	font-size: 12px;
	color: #ad0000;
}


.item_status_text {
	width: auto;
	/*line-height: 2 !important;*/
	padding-top: 5px !important;
}

.item_status_text_02 {
	line-height: 2;
}

/*20190909 消費税警告表示対応*/
.consumpTaxNote {
	width: 960px;
	text-align: left;
	margin: auto;
	font-size: 12px;
}

/*20200128 メンテナンス警告表示対応*/
.maintenanceTxt {
	width: 960px;
	text-align: left;
	margin: auto;
	font-size: 12px;
	color: red;
}


/*------------------------------------------------------------
	パッケージ比較 ライトボックス
------------------------------------------------------------*/
.pkgBtn {
	color: #fff;
	font-size: 16px;
	text-align: center;
	width: 190px;
	margin: 0 auto 50px;
	background-color: #007aff;
	border: none;
	border-radius: 5px;
}

@media screen and (max-width: 768px) {
	.pkgBtn {
		display: none;
	}
}

.pkgBtn:hover {
	opacity: 0.7;
}

.pkgBtn a {
	color: inherit;
	display: block;
	padding: 15px 0 12px;
}

/*		パッケージ比較ポップアップ
------------------------------------*/
.pkg_page {
	min-width: 100%;
	height: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #F7F7F7;
	position: relative;
}

.pkg_page #container {
	background-color: transparent;
}

.pkg_page .product {
	border-bottom: 1px solid #D5D7DB;
	padding-bottom: 13px;
	margin-bottom: 20px;
}

.pkg_page .product>h2 {
	margin-bottom: 15px;
	color: #22282F;
	font-size: 240%;
	font-weight: bold;
	font-family: 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro';
}

.pkg_page .product .priceBtn {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-align: center;
	align-items: center;
}

.pkg_page .product .priceBtn .price {
	width: calc(100% - 120px);
}

.pkg_page .product .priceBtn .price p {
	font-size: 160%;
	font-weight: bold;
	font-family: 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro';
}

.pkg_page .product .priceBtn .price p .big {
	font-weight: bold;
	font-size: 140%;
}

.pkg_page .product .priceBtn .btn {}

.pkg_page .product .priceBtn .btn a {
	padding: 12px 10px 12px 20px;
	width: 90px;
	display: block;
	background-color: #0A79EA;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	behavior: url(../js/PIE-2.0beta1/PIE.htc);
	position: relative;
	color: #fff;
	font-size: 190%;
	line-height: 1;
	text-decoration: none;
}

.pkg_page .product .priceBtn .btn a.green {
	background-color: #4dd963;
	padding-right: 0px;
}

.pkg_page .product .priceBtn .btn a.release {
	background-color: #3B4251;
}

.pkg_page .product .priceBtn .btn a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	-moz-opacity: 0.7;
}

.pkg_page .product .priceBtn .btn {
	display: none;
}

.pkg_page .option {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top: 40px;
}

.pkg_page .option .side {
	padding-right: 20px;
	width: 230px;
	display: table-cell;
	vertical-align: top;
}

.pkg_page .option .side .img {
	width: 230px;
}

.pkg_page .option .item {
	width: calc(100% - 250px);
}

.pkg_page .option .item>h3 {
	font-weight: bold;
	font-family: 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro';
	font-size: 180%;
	margin-bottom: 8px;
}

.pkg_page .option .item>span {
	color: #757C8B;
	font-size: 140%;
	font-weight: bold;
	font-family: 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro';
	margin-bottom: 10px;
	display: block;
}

.pkg_page .option .inner {
	padding-right: 12px;
	position: relative;
	font-size: 150%;
	font-family: 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro';
}

.pkg_page .option .inner p .pkg_page .option .inner ul .pkg_page .option .inner dl {
	margin-bottom: 1em;
}

.pkg_page .option .inner ul.txt .pkg_page .option .inner dl.txt {
	margin-bottom: 0;
}

.pkg_page .option .inner p {
	margin-bottom: 20px;
}

.pkg_page .option .inner ul {
	list-style: disc;
	padding: 0 0 0 1.5em;
}

.pkg_page .option .inner ol {
	list-style: decimal;
	padding: 0 0 0 1.5em;
}

.pkg_page .option .inner blockquote {
	margin: 0 0 0 1.618em;
	padding: 0 1.618em;
	border-left: 3px solid #c0c6c9;
}

.pkg_page .option .inner hr {
	margin: 1em 0;
}

.pkg_page .option .inner h1 {
	margin: 1em 0 0.5em;
	text-rendering: optimizeLegibility;
	font-size: 2em;
	font-weight: bold;
}

.pkg_page .option .inner h2 {
	margin: 1em 0 0.5em;
	text-rendering: optimizeLegibility;
	font-size: 1.5em;
	font-weight: bold;
}

.pkg_page .option .inner h3 {
	margin: 1em 0 0.5em;
	text-rendering: optimizeLegibility;
	font-size: 1.17em;
	font-weight: bold;
}

.pkg_page .option .inner h4 {
	margin: 1em 0 0.5em;
	text-rendering: optimizeLegibility;
	font-size: 1em;
	font-weight: bold;
}

.pkg_page .option .inner h5 {
	margin: 1em 0 0.5em;
	text-rendering: optimizeLegibility;
	font-size: 0.83em;
	font-weight: bold;
}

.pkg_page .option .inner h6 {
	margin: 1em 0 0.5em;
	text-rendering: optimizeLegibility;
	font-size: 0.75em;
	font-weight: bold;
}

.pkg_page .option .inner pre {
	overflow: auto;
	margin: 1.618em 0;
	padding: 1.618em;
	background-color: #dcdddd;
	color: #2b2b2b;
	font-family: monospace;
	white-space: pre-wrap;
	word-wrap: break-word;
	font-size: 1em;
}


/*		パッケージスライダー
------------------------------------*/
.pkg_slider,
.pkg_slider.slick-slider {
	width: 100%;
	min-width: 960px;
	position: relative;
	margin: 0 auto;
	box-sizing: border-box;
	padding: 57px 0;
}

.pkg_slider.slick-slider .slick-list,
.pkg_slider.slick-slider .slick-track {
	width: inherit;
	height: inherit;
	box-sizing: border-box;
}

.pkg_slider .slick-slide:not(.slick-center) {
	opacity: 0.2;
}

.pkg_slider.slick-dotted.slick-slider {
	margin-bottom: 0;
}

.pkg_slider_itm {
	width: 100%;
	padding: 0 15px;
	margin: 0 auto;
	box-sizing: border-box;
}

.pkg_slider .slick-dots {
	top: 20px;
	bottom: auto;
	right: 0;
	left: 0;
	padding-top: 0;
	height: auto;
	text-align: center;
	position: fixed;
}

.pkg_slider .slick-dots li {
	width: 16px;
	height: 16px;
	margin: 0 4px;
	overflow: visible;
}

.pkg_slider .slick-dots li button {
	overflow: visible;
}

.pkg_slider .slick-dots li button::before {
	background-color: #ddd;
	border: 2px solid #fff;
	border-radius: 50%;
	box-sizing: border-box;
}

.pkg_slider .slick-dots li.slick-active button::before {
	background-color: #0A79EA;
	color: black;
}

.pkg_slider_prev,
.pkg_slider_next {
	width: 30px;
	height: 54px;
	top: 48vh;
	margin: auto;
	-webkit-transition: background .3s;
	transition: background .3s;
	opacity: 0.7;
	display: block;
	position: fixed;
	cursor: pointer;
	z-index: 2;
}

.pkg_slider_prev {
	left: 35px;
}

.pkg_slider_next {
	right: 35px;
}

.pkg_slider_prev::before,
.pkg_slider_next::before {
	content: '';
	width: 36px;
	height: 36px;
	border-top: 3px solid #757C8B;
	border-right: 3px solid #757C8B;
	top: 0;
	bottom: 0;
	margin: auto;
	opacity: 1;
	position: absolute;
	-webkit-transition: opacity .3s;
	transition: opacity .3s;
}

.pkg_slider_prev::before {
	transform: rotate(-135deg);
	left: 8px;
}

.pkg_slider_next::before {
	transform: rotate(45deg);
	right: 8px;
}

.pkg_slider_prev:hover::before,
.pkg_slider_next:hover::before {
	opacity: 0.7;
}


/*		パッケージ修正_230130
------------------------------------*/
p.name_u {
	padding-top: 60px !important;
}



/*------------------------------------------------------------
	おすすめアイコン
------------------------------------------------------------*/
.recd_ic__red,
.recd_ic__blu {
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	font-family: 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro';
	text-align: center;
	padding: 3px 6px;
	display: inline-block;
	margin: 10px 12px 0;
	box-sizing: border-box;
}

.recd_ic__red {
	background-color: #C33239;
}

.recd_ic__blu {
	background-color: #037AFA;
}





/*****HATENA STYLE****/


.hatena {
	margin-left: 10px;
	width: 30px;
	display: inline-block;
	background-color: #FFF;
	border: 1px #2d90fc solid;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	behavior: url(../js/PIE-2.0beta1/PIE.htc);
	position: relative;
	color: #2D90FC;
	font-size: 140%;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
}

.warranty-select-item {
	width: 100%;
}

#extended_warranty {
	max-width: 26%;
	width: 100%;
	height: 30px;
}

@media all and (max-width: 768px) {
	#estimateArea .deco {
		display: none;
	}
}
/*------------------------------------------------------------
	スマホ対応 2022/12/05
	vwを使用。数値の算出式は 「(px値) / 576 * 100」 で、小数点第二位まで
------------------------------------------------------------*/
@media all and (min-width: 577px) {
	.sp_only {
		display: none !important;
	}

	.dispSwitcher {
		display: none;
	}
}

@media screen and (max-width: 576px) {
	.pc_only {
		display: none !important;
	}

	html {
		font-size: 1.7361vw;
	}

	body {
		min-width: auto;
		font-size: 1.4rem;
	}

	#header {
		margin-bottom: 0;
		position: fixed;
		left: 0;
		top: 0;
		right: 0;
		z-index: 200;
	}

	#header .inner {
		width: 100%;
		padding: 0 !important;
	}

	#header .inner .logo {
		background: url(../img/model/ttl01.png) no-repeat right 2.95vw center / 29.68vw auto;
		height: 15.97vw;
		display: flex;
		align-items: center;
		margin-top: 0 !important;
		padding-left: 2.60vw;
		box-sizing: border-box;
		border-bottom: .34vw #e8e8e8 solid;
		position: static;
	}

	#header .inner .logo a img {
		width: 31.59vw;
	}

	#header .inner .logo .title {
		display: none !important;
	}

	#header .inner .step {
		margin-left: 0;
		display: flex;
		border-bottom: 0.34vw #e8e8e8 solid;
	}

	#header .inner .step li {
		background-size: 2.66vw 100%;
		width: 19.96vw;
		padding: 0;
		display: block;
		flex-shrink: 0;
	}

	#header .inner .step li.before,
	#header .inner .step li.current {
		background-size: 2.66vw 100%;
	}

	#header .inner .step li:first-child {
		width: 22.04vw;
	}

	#header .inner .step li:last-child {
		background-image: none;
		width: 24.05vw;
	}

	#header .inner .step li a {
		display: flex;
		align-items: center;
		justify-content: center;
		box-sizing: border-box;
		height: 11.23vw;
		position: relative;
		width: 100%;
		padding-right: 2.25vw;
		padding-top: 3.7vw;
		font-weight: bold;
		font-size: calc(10rem * (576 / 375) / 10);
	}

	#header .inner .step li a .number {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		font-size: calc(8rem * (576 / 375) / 10);
		font-weight: normal;
		box-sizing: border-box;
		padding-right: 2.25vw;
		height: 5.55vw;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	#header .inner .step li:last-child a {
		padding-right: 0;
		padding-top: 0;
	}

	#footer {
		padding: 0;
		border-top: .34vw #9fa3ac solid;
		position: relative;
	}

	#footer .inner {
		padding: 0;
	}

	#footer .inner .left {
		float: none;
	}

	#container #footer .inner .notes,
	#footer .inner .left .tax {
		margin: 5.2vw;
		padding: 2.08vw;
		text-align: center;
		font-size: calc(11rem * (576 / 375) / 10);
		background-color: #F7F7F7;
	}

	#footer .inner .left .links {
		margin-bottom: 0;
	}

	#footer .inner .left .links li:first-child {
		margin-left: 0;
		border-top: .34vw #ddd solid;
	}

	#footer .inner .left .links li {
		margin-left: 0;
		display: list-item;
		border-bottom: .34vw #ddd solid;
	}

	#footer .inner .left .links li a {
		padding: 4.34vw;
		background: url(../img/common/icon/icon04.png) no-repeat center right 5.2vw / 4.34vw auto;
		color: #22282F;
		font-weight: bold !important;
		text-decoration: none;
		display: block;
		font-size: calc(14rem * (576 / 375) / 10) !important;
	}

	#footer .inner .left .copyright {
		text-align: center;
		padding: 5.2vw 0 4.34vw;
		font-size: calc(10rem * (576 / 375) / 10);
	}

	#footer .inner .pageTop {
		position: absolute;
		top: 0;
		left: 50%;
		transform: translateX(-50%) translateY(calc(-100% - 5.2vw));
	}

	#conts {
		padding-top: 30.2vw;
	}

	/* おすすめアイコン関連 */
	.recd_ic__red,
	.recd_ic__blu {
		margin: 0 0 10px 0;
	}


	/* maker */
	body.option #conts {
		padding: 35.4vw 5.2vw 13.02vw;
		float: none;
		height: auto !important;
		width: auto !important;
	}

	body.option #conts .top {
		width: auto !important;
	}

	body#dealer.option #conts .nextBtn,
	body#maker.option #conts .top {
		display: none;
	}

	body.option #conts>.category,
	body.option #conts>.optionList_wrap,
	body.option #conts>.gaitonashi {
		padding: 0;
		margin: 12.15vw 0 0;
	}

	body.option #conts>.gaitonashi {
		font-size: calc(18rem * (576 / 375) / 10);
		line-height: 1.8;
		font-weight: bold;
	}


	body.option #conts .otherOption h3 {
		font-size: calc(18rem * (576 / 375) / 10);
		font-weight: bold;
		margin-bottom: 0;
		padding-bottom: 1.125vw;
	}
	.ttl_wrp{
		border-bottom: .34vw #a2a2a4 solid;
		padding-bottom: 3.125vw
	}
	.ttl_note{
		font-size: 1.6rem;
	}
	.mc_note {
		font-size: 1.6rem;
		margin-top: 1.5rem;
	}
	body.option #conts .category .top h2 {
		font-size: calc(18rem * (576 / 375) / 10);
		font-weight: bold;
		margin-bottom: 0;
		padding-bottom: 0;
		float: none;
	}

	body.option #conts .category .top h2 .small {
		font-size: calc(14rem * (576 / 375) / 10);
		margin-left: 2.6vw;

	}

	body.option #conts .category .top .notes,
	body.option #conts .otherOption h3 span {
		color: #720000;
		display: block;
		font-size: calc(14rem * (576 / 375) / 10);
		font-weight: normal;
		margin-top: 4.34vw;
		margin-bottom: 3.125vw;
		float: none;
		text-indent: -1em;
		padding-left: 15px;
	}

	body.option #conts>.category .optionList,
	body.option #conts>.optionList_wrap .optionList {
		display: flex;
		flex-wrap: wrap;
		margin: 0;
		padding-top: 3.47vw;
		border-top: none;
		display: flex;
		flex-wrap: wrap;
	}

	body.option #conts>.category .optionList li,
	body.option #conts>.optionList_wrap .optionList li {
		float: none;
		width: 43.4vw;
		margin: 0 2.77vw 2.77vw 0;
		height: auto !important;
	}

	body.option #conts>.category .optionList li:nth-child(2n),
	body.option #conts>.optionList_wrap .optionList li:nth-child(2n) {
		margin-right: 0;
	}

	body.option #conts>.category .optionList li a,
	body.option #conts>.optionList_wrap .optionList li a {
		position: relative;
		padding: 0 2.6vw 16.49vw;
		box-sizing: border-box;
	}

	body.option #conts>.category .optionList li a:after,
	body.option #conts>.optionList_wrap .optionList li a:after {
		content: "";
		font-size: calc(11rem * (576 / 375) / 10);
		display: block;
		position: absolute;
		left: 2.6vw;
		bottom: 6.07vw;
		color: #007AFF;
		font-weight: bold;
		padding-right: 3.8194vw;
		background: url(../img/common/template/arrow_next.png) no-repeat center right / 1.9vw auto;
	}

	body.option #conts>.category .optionList li[data-optype="dealer"] a:after,
	body.option #conts>.optionList_wrap .optionList li[data-optype="dealer"] a:after,
	body.option #conts>.category .optionList li[data-optype="maker"] a:after,
	body.option #conts>.optionList_wrap .optionList li[data-optype="maker"] a:after {
		content: "詳細スペックはこちら";
	}

	body.option #conts>.category .optionList li[data-optype="service_inclusive"] a:after,
	body.option #conts>.optionList_wrap .optionList li[data-optype="service_inclusive"] a:after {
		content: "詳細はこちら";
	}

	body.option #conts>.category .optionList li a .img,
	body.option #conts>.optionList_wrap .optionList li a .img {
		width: calc(100% + 2.6vw + 2.6vw);
		/*width: 43.4vw;*/
		height: auto;
		min-height: 43.4vw;
		display: block;
		margin: 0 -2.6vw 2.6vw;
	}

	body.option #conts>.category .optionList li a.active .img:before,
	body.option #conts>.category .optionList li a.active .img:after,
	body.option #conts>.optionList_wrap .optionList li a.active .img:before,
	body.option #conts>.optionList_wrap .optionList li a.active .img:after {
		content: none;
	}

	body.option #conts>.category .optionList li a .img img,
	body.option #conts>.optionList_wrap .optionList li a .img img {
		max-width: 100%;
		width: 100%;
	}

	body#maker.option #conts>.category .optionList li a .img,
	body#maker.option #conts>.optionList_wrap .optionList li a .img {
		display: flex;
		align-items: center;
		justify-content: center;
	}

	body.option #conts>.category .optionList li a p.name,
	body.option #conts>.optionList_wrap .optionList li a p.name {
		padding: 0 0 2.6vw;
		font-size: calc(14rem * (576 / 375) / 10);
		word-break: break-all;
	}

	body.option #conts>.category .optionList li a p.price,
	body.option #conts>.optionList_wrap .optionList li a p.price {
		padding: 0;
		font-size: calc(16rem * (576 / 375) / 10);
	}

	body.option #conts>.category .optionList li a .status,
	body.option #conts>.optionList_wrap .optionList li a .status {
		top: 0;
		right: 0;
		width: 43.4vw;
		height: 43.4vw;
	}

	body.option #conts>.category .optionList li a .status:after,
	body.option #conts>.category .optionList li a.active .status:after,
	body.option #conts>.optionList_wrap .optionList li a .status:after,
	body.option #conts>.optionList_wrap .optionList li a.active .status:after {
		content: "";
		width: 5.55vw;
		height: 5.55vw;
		background: url(../img/common/icon/icon_no_check.png) no-repeat left center / 5.55vw auto;
		position: absolute;
		top: 2.6vw;
		right: 2.6vw;
		display: block;
		z-index: 101;
		padding: 0;
	}

	body.option #conts>.category .optionList li.check a.active .status:after,
	body.option #conts>.category .optionList li.check a .status:after,
	body.option #conts>.category .optionList li.check a.active .status:after,
	body.option #conts>.optionList_wrap .optionList li.check a.active .status:after,
	body.option #conts>.optionList_wrap .optionList li.check a .status:after,
	body.option #conts>.optionList_wrap .optionList li.check a.active .status:after {
		content: "";
		padding: 0;
		width: 5.55vw;
		height: 5.55vw;
		background: url(../img/common/icon/icon_check.png) no-repeat left center / 5.55vw auto;
		top: 2.6vw;
		right: 2.6vw;
		content: "";
		z-index: 101;
	}

	body.option #conts>.pageMove {
		margin: 12.15vw 0 0 !important;
	}

	#modelInfo .pageMove,
	#conts .pageMove {
		margin-top: 4.34vw;
		display: flex;
	}

	#modelInfo .pageMove li,
	#conts .pageMove li {
		width: 43.40vw;
		display: block;
	}

	#modelInfo .pageMove li.nextBtn,
	#conts .pageMove li.nextBtn {
		margin-left: auto !important;
	}

	#modelInfo .pageMove li a,
	#conts .pageMove li a {
		padding: 2.6vw;
		height: 13.88vw;
		box-sizing: border-box;
		display: flex;
		align-items: center;
		justify-content: center;
		background-color: #F7F7F7;
		text-align: center;
		color: #007AFF;
		font-size: calc(16rem * (576 / 375) / 10);
		font-weight: bold;
		text-decoration: none;
		border-radius: 1.73vw;
		position: relative;
	}

	#modelInfo .pageMove li.prevBtn a,
	#conts .pageMove li.prevBtn a {
		color: #007AFF;
	}

	#modelInfo .pageMove li.prevBtn a .icon,
	#conts .pageMove li.prevBtn a .icon {
		padding-left: 4.34vw;
		background: url(../img/common/template/sp_arrow_prev.png) no-repeat center left / 1.9vw auto;
	}

	#modelInfo .pageMove li.nextBtn a .icon,
	#conts .pageMove li.nextBtn a .icon {
		padding-right: 4.34vw;
		background: url(../img/common/template/arrow_next.png) no-repeat center right / 1.9vw auto;
	}

	#estimateArea {
		height: auto !important;
		float: none;
		width: 100vw;
		background: #fff;
		position: fixed;
		left: 0;
		bottom: 0;
		z-index: 200;
		max-height: calc(100% - 30.2vw - .34vw);
		padding: 0;
		box-sizing: border-box;
		transform: translateY(calc(100% - 22.56vw));
		transition: .5s;
		box-shadow: 0 0 1.04vw rgba(0, 0, 0, .2);
	}

	#estimateArea * {
		font-family: "Noto Sans JP";
	}

	#estimateArea .spOverflowBox {
		overflow-y: hidden;
		max-height: calc(100vh - 30.2vw - .34vw);
		max-height: calc(calc(var(--vh, 1vh) * 100) - 30.2vw - .34vw);
		padding: 0 5.2vw;
	}


	#estimateArea.areaDisp {
		transform: translateY(0);
	}

	#estimateArea.areaDisp .spOverflowBox {
		overflow-y: auto;
	}

	#estimateArea .deco {
		display: none;
	}

	#estimateArea h2 {
		float: left;
		padding: 0;
		display: flex;
		flex-flow: column;
		justify-content: center;
		align-items: flex-start;
		background-color: transparent;
		color: #000;
		text-align: left;
		height: 22.56vw;
	}

	#estimateArea h2 .name {
		font-size: calc(20rem * (576 / 375) / 10);
	}

	#estimateArea h2 .small {
		font-size: calc(12rem * (576 / 375) / 10);
		font-weight: bold;
	}

	#estimateArea h2 .small:after {
		content: none;
	}

	#estimateArea .total {
		float: right;
		padding: 0;
		display: flex;
		flex-flow: column;
		justify-content: center;
		align-items: flex-end;
		background-color: transparent;
		color: #757c8b;
		text-align: left;
		height: 22.56vw;
		line-height: 1.5;
		font-size: calc(14rem * (576 / 375) / 10);
		font-weight: bold;
	}

	#estimateArea .total .price {
		padding-left: 0;
		font-size: calc(18rem * (576 / 375) / 10);
		margin-top: .52vw;
	}

	#estimateArea .total .price:before {
		content: "￥";
	}

	#estimateArea .total .price:after {
		content: none;
	}

	#estimateArea .total .tax {
		font-size: calc(12rem * (576 / 375) / 10);
		font-weight: normal;
		margin-top: .86vw;
	}

	#estimateArea .dispSwitcher {
		display: block;
		width: 9.2vw;
		height: 9.2vw;
		border-radius: 50%;
		box-shadow: 0 0 1.73vw rgba(0, 0, 0, .15);
		background: url(../img/common/icon/sp_opt_disp_icon.png) #fff no-repeat center center / 3.29vw auto;

		position: absolute;
		left: 50%;
		top: 0;
		transform: translate(-50%, -50%);
		z-index: 100;
	}

	#estimateArea.areaDisp .dispSwitcher {
		transform: scale(1, -1) translate(-50%, 50%);
	}

	#estimateArea .dispSwitcher span {
		position: absolute;
		opacity: 0;
		pointer-events: none;
	}

	#estimateArea .option {
		background: transparent;
		border-top: .34vw #999da7 solid;
		padding: 2.6vw 0;
	}

	#estimateArea .option .top {
		padding-bottom: 1.73vw;
	}

	#estimateArea .option .top h3 {
		padding-left: 0;
		margin-bottom: 2.6vw;
		background: none;
		font-size: calc(14rem * (576 / 375) / 10);
	}

	#estimateArea .option .top h3:before {
		content: "▼";
		color: #2F78F6;
		display: inline-block;
		transform: rotate(-90deg);
		transition: .3s;
	}

	#estimateArea .option.open h3 {
		background: none;
	}

	#estimateArea .option.open h3:before {
		transform: rotate(0deg);
	}

	#estimateArea .option .top .price {
		font-size: calc(14rem * (576 / 375) / 10);
	}

	#estimateArea .option .top .price .bold {
		margin-left: 5px;
		font-size: calc(18rem * (576 / 375) / 10);
	}

	#estimateArea .option ul li {
		margin-bottom: 2.6vw;
		padding: 0.34vw;
	}

	#estimateArea .option ul li:last-child {
		margin-bottom: 0;
	}

	#estimateArea .option ul li a {
		height: 15.625vw;
		font-size: calc(14rem * (576 / 375) / 10);
	}

	#estimateArea .option ul li a .item .img img {
		width: 16.66vw;
		height: 15.625vw;
		object-fit: cover;
		object-position: center;
	}

	#estimateArea .option ul li a .item .name {
		padding: 0 19.79vw 0 3.47vw;
	}

	#estimateArea .option ul li .btn {
		width: 16.319vw;
		height: 16.319vw;
		display: flex;
		align-items: center;
		justify-content: center;
		line-height: 0;
		box-sizing: border-box;
		font-size: calc(14rem * (576 / 375) / 10);
		font-weight: 700;
		padding: 0;
	}

	#estimateArea .option ul li.active a .item .name {
		padding: 0 19.79vw 0 3.47vw;
	}

	#estimateArea .option ul li.active .btn {
		font-size: calc(23rem * (576 / 375) / 10);
	}

	#estimateArea .option ul li a .price {
		display: none;
	}

	#estimateArea .basePrice {
		clear: both;
		background: transparent;
		padding: 0 0 2.6vw;
	}

	#estimateArea .option ul.package li {
		margin-bottom: 2.6vw;
		border: none;
	}

	#estimateArea .option ul.package li a {
		background-color: #E4E4E4;
		padding: 1.73vw 4.34vw;
		display: flex;
		align-items: center;
		color: #000;
		font-size: calc(14rem * (576 / 375) / 10);
		line-height: 1.2;
		height: 13.88vw;
		box-sizing: border-box;
	}

	#estimateArea .option ul.package li:last-child {
		margin-bottom: 0;
	}

	#estimateArea .option ul.package li a .item .name {
		padding: 0;
	}

	#estimateArea .option ul.package li a .img {
		display: none;
	}

	#estimateArea .basePrice ul li {
		margin-bottom: 2.6vw;
		background-color: #E4E4E4;
		padding: 1.73vw 4.34vw;
		display: flex;
		align-items: center;
		color: #000;
		font-size: calc(14rem * (576 / 375) / 10);
		line-height: 1.2;
		height: 13.88vw;
		box-sizing: border-box;
	}

	#estimateArea .basePrice ul li:last-child {
		margin-bottom: 0;
	}

	body.option #conts .optionList_bg {
		padding: 3.47vw 3.47vw 7.81vw;
		margin-left: 0;
	}

	body.option #conts .optionList_bg .optionList_wrap {
		padding: 0;
		margin-left: 0;
	}

	body.option #conts .optionList_bg .optionList_wrap h3 {
		padding: 1.73vw 0 3.125vw;
		color: #fff;
		font-size: calc(18rem * (576 / 375) / 10);
		font-weight: normal;
	}

	body.option #conts .optionList_bg .optionList_wrap>p {
		color: #000;
		font-size: calc(11rem * (576 / 375) / 10);
		margin-bottom: 2.6vw;
	}
	body.option #conts .category{
		margin-left: 0;
	}

	body.option #conts .optionList_bg .optionList {
		margin: 0;
		padding-top: 3.47vw;
		border-top: .34vw solid #ccc;
		display: block;
	}

	body.option #conts .optionList_bg .optionList li {
		margin: 0 0 2.43vw;
		width: 100%;
		float: none;
		height: auto !important;
		border-radius: 1.73vw;
	}

	body.option #conts .optionList_bg .optionList li:last-child {
		margin-bottom: 0;
	}

	body.option #conts .optionList_bg .optionList li a {
		display: block;
		box-sizing: border-box;
		padding: 3.47vw 2.6vw;
	}

	body.option #conts .optionList_bg .optionList li a .img {
		display: none;
	}

	body.option #conts .optionList_bg .optionList li a p {
		padding: 0;
	}

	body.option #conts .optionList_bg .optionList li a p.name {
		padding: 0 0 3.125vw;
		font-size: calc(14rem * (576 / 375) / 10);
	}

	body.option #conts .optionList_bg .optionList li a p.price {
		display: inline-block;
		padding-bottom: 0;
		font-size: calc(20rem * (576 / 375) / 10);
		line-height: 1;
		white-space: nowrap;
	}

	body.option #conts .optionList_bg .optionList li a p.price+p {
		display: inline-block;
		margin: 0;
		line-height: 1;
		font-size: calc(14rem * (576 / 375) / 10);
		white-space: nowrap;
	}

	body.option #conts .optionList_bg .optionList li a .status {
		top: 50%;
		right: 2.6vw;
		transform: translateY(-50%);
	}

	body.option #conts .optionList_bg .optionList li a .status:after,
	body.option #conts .optionList_bg .optionList li a.active .status:after {
		content: "";
		width: 5.55vw;
		height: 5.55vw;
		background: url(../img/common/icon/icon_no_check.png) no-repeat left center / 5.55vw auto;
		position: static;
		display: block;
		z-index: 101;
		padding: 0;
	}

	body.option #conts .optionList_bg .optionList li.check a.active .status:after,
	body.option #conts .optionList_bg .optionList li.check a .status:after,
	body.option #conts .optionList_bg .optionList li.check a.active .status:after {
		content: "";
		padding: 0;
		width: 5.55vw;
		height: 5.55vw;
		background: url(../img/common/icon/icon_check.png) no-repeat left center / 5.55vw auto;
		position: static;
		content: "";
		z-index: 101;
	}

	body.option .pkgBtn {
		display: block;
		margin: 13.02vw 0 0;
		width: auto;
		border-radius: 1.73vw;
		font-size: calc(16rem * (576 / 375) / 10);
	}

	body.option .pkgBtn a {
		display: flex;
		align-items: center;
		justify-content: center;
		height: 13.88vw;
		width: 100%;
		font-weight: bold;
		box-sizing: border-box;
	}



	/* モーダル関係 */
	#cboxOverlay {
		background: none;
	}

	#colorbox {
		top: 15.97vw !important;
		left: 0 !important;
		right: 0;
		bottom: 0;
		width: 100vw !important;
		height: auto !important;
	}

	#cboxWrapper {
		width: 100vw !important;
		height: 100% !important;
	}

	#cboxWrapper>div:nth-child(2) {
		width: 100% !important;
		height: 100% !important;
	}

	#cboxWrapper #cboxContent {
		width: 100% !important;
		height: 100% !important;
	}

	#cboxWrapper #cboxContent #cboxLoadedContent {
		width: 100% !important;
		height: 100% !important;
	}

	#cboxWrapper #cboxContent .cboxIframe {
		width: 100vw;
	}

	#cboxWrapper #cboxContent #cboxClose {
		display: none;
	}

	body.detailOp,
	body.detailOp #container {
		background: #fff;
		display: block;
	}

	body.detailOp {
		padding: 31.25vw 5.2vw 36.45vw;
	}

	body.detailOp #container .side .img {
		border: none;
		margin-bottom: 10.41vw;
	}

	body.detailOp #container .side .img a {
		pointer-events: none;
	}

	body.detailOp #container .side .img a span {
		display: none;
	}

	body.detailOp #container .side .img img {
		width: 100%;
	}


	body.detailOp #container .side {
		display: block;
		width: auto;
		padding: 0 0 5.2vw;
	}

	body.detailOp #container .product {
		display: block;
		width: auto;
		overflow-x: hidden;
	}

	body.detailOp #container .product h2 {
		margin-bottom: 11.28vw;
		color: #22282F;
		font-size: calc(18rem * (576 / 375) / 10);
		line-height: 1.6;
		font-weight: bold;
		word-break: break-all;
	}

	body.detailOp #container .product .priceBtn {
		margin-bottom: 0;
	}

	body.detailOp #container .product .priceBtn .price {}

	body.detailOp #container .product .priceBtn .price p {
		font-size: calc(18rem * (576 / 375) / 10);
	}

	body.detailOp #container .product .priceBtn .price p .big {
		font-size: calc(18rem * (576 / 375) / 10);
	}

	body.detailOp #container .product .priceBtn .price p .tax {
		display: block;
		font-size: calc(14rem * (576 / 375) / 10);
		margin-top: .86vw;
	}

	body.detailOp #container .product .item {
		border: none;
		padding: 0;
	}

	body[data-optype="package"].detailOp #container .product .item {
		padding-top: 13.02vw;
	}

	body.detailOp #container .product .item h3 {
		font-size: calc(16rem * (576 / 375) / 10);
		margin-bottom: 3.47vw;
	}

	body.detailOp #container .product .item .inner p,
	body.detailOp #container .product .item .inner ul,
	body.detailOp #container .product .item .inner dl {
		margin-bottom: 3.47vw;
	}

	body.detailOp #container .product .item .inner ul {
		margin: 4.34vw 0;
		padding: 0 0 0 6.94vw;
	}

	body.detailOp #container .product .item>.inner {
		margin: 13.02vw 0 0;
		padding: 0;
		font-size: calc(12rem * (576 / 375) / 10);
	}

	body.detailOp #container .product .item>.inner img {
		max-width: 100%;
		height: auto;
	}

	body[data-optype="package"] #container .product .item>.inner {
		margin-top: 0;
	}


	.pkg_page {
		background: #fff;
	}

	.pkg_page #container {
		padding: 13.02vw 5.2vw;
		box-sizing: border-box;
	}

	.pkg_page .option .inner {
		font-size: calc(14rem * (576 / 375) / 10);
	}

	.pkg_page .option .inner p {
		margin-bottom: 3.47vw;
	}

	.pkg_slider {
		min-width: auto;
		padding: 13.02vw 0 0;
	}

	.pkg_slider .pkg_slider_itm {
		padding: 18.22vw 0 12.15vw;
		border-top: .34vw #9e9e9e solid;
		width: 100% !important;
		position: relative;
	}

	.pkg_slider .pkg_slider_itm .product {
		border-bottom: none;
		padding-bottom: 0;
		margin-bottom: 12.15vw;
	}

	.pkg_slider .pkg_slider_itm .product>h2 {
		word-break: keep-all;
		line-height: 1.8;
		font-size: calc(18rem * (576 / 375) / 10);
		margin-bottom: 8.68vw;
	}

	.pkg_slider .pkg_slider_itm .product .priceBtn .price {
		width: 100%;
		font-size: calc(18rem * (576 / 375) / 10);
	}

	.pkg_slider .pkg_slider_itm .product .priceBtn .price p,
	.pkg_slider .pkg_slider_itm .product .priceBtn .price span {
		font-size: 100%;
	}

	.pkg_slider .pkg_slider_itm .product .priceBtn .price .tax {
		display: block;
		font-size: calc(14rem * (576 / 375) / 10);
		font-weight: normal;
		margin-top: .52vw;
		color: #7b7b7b;
	}

	.pkg_slider .pkg_slider_itm .priceBtn .btn {
		position: absolute;
		right: 0;
		top: 5.2vw;
		width: 7.81vw;
		height: 7.81vw;
		z-index: 101;
		overflow: hidden;
	}

	.pkg_slider .pkg_slider_itm .priceBtn .btn a {
		opacity: 0;
		font-size: 0;
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
	}

	.pkg_slider .pkg_slider_itm .priceBtn .btn.select,
	.pkg_slider .pkg_slider_itm .priceBtn .btn.reselect {
		background: url(../img/common/icon/icon_no_check.png) no-repeat left center / 7.81vw auto;
	}

	.pkg_slider .pkg_slider_itm .priceBtn .btn.reset,
	.pkg_slider .pkg_slider_itm .priceBtn .btn.selected {
		background: url(../img/common/icon/icon_check.png) no-repeat left center / 7.81vw auto;
	}

	.pkg_slider .pkg_slider_itm .option {
		margin-top: 8.68vw;
	}

	.pkg_slider .pkg_slider_itm .option .side {
		display: none;
	}

	.pkg_slider .pkg_slider_itm .option .item {
		width: 100%;
	}


	/*		パッケージ修正_230130
	------------------------------------*/
	p.name_u {
		padding: 0 !important;
	}






	.selectBtnWrapper,
	.selectBtnBottomWrapper {
		display: flex;
		position: absolute;
		padding: 0 5.2vw;
		left: 0;
		right: 0;
	}

	.selectBtnWrapper {
		top: 12.15vw;
	}

	.selectBtnBottomWrapper {
		bottom: 8.68vw;
	}

	.selectBtnWrapper .btn,
	.selectBtnBottomWrapper .btn {
		margin-left: auto;
	}

	.selectBtnWrapper .btn a,
	.selectBtnBottomWrapper .btn a {
		background: #137dfc;
		width: 43.4vw !important;
		display: block;
		color: #007AFF;
		padding: 2.6vw !important;
		height: 13.88vw;
		box-sizing: border-box;
		display: flex !important;
		align-items: center;
		justify-content: center;
		text-align: center;
		color: #fff;
		font-size: calc(16rem * (576 / 375) / 10) !important;
		font-weight: bold;
		text-decoration: none;
		border-radius: 1.73vw;
		position: relative;
	}

	.spModalClose {
		width: 43.4vw;
		display: block;
		color: #007AFF;
		padding: 2.6vw;
		height: 13.88vw;
		box-sizing: border-box;
		display: flex;
		align-items: center;
		justify-content: center;
		background-color: #F7F7F7;
		text-align: center;
		color: #007AFF;
		font-size: calc(16rem * (576 / 375) / 10);
		font-weight: bold;
		text-decoration: none;
		border-radius: 1.73vw;
		position: relative;
	}

	.spModalClose span {
		padding-left: 4.34vw;
		background: url(../img/common/template/sp_arrow_prev.png) no-repeat center left / 1.9vw auto;
	}

	.spModalClose.singleBtn {
		width: 100%;
	}

	.new_item:before {
		content: "";
		background: url(../img/common/icon/icon_new_sp.png) no-repeat left top / 12.73vw auto;
		width: 12.73vw;
		height: 12.73vw;
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		z-index: 2;
	}

	body.option #conts>.category[data-filter="recommend_item"] .optionList li a:before {
		content: "";
		background: url(../img/common/icon/icon_recom_sp.png) no-repeat left top / 12.73vw auto;
		width: 12.73vw;
		height: 12.73vw;
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		z-index: 2;
	}

	.new_item:before {
		content: "";
		background: url(../img/common/icon/icon_new_sp.png) no-repeat left top / 12.73vw auto;
		width: 12.73vw;
		height: 12.73vw;
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		z-index: 2;
	}


	body.option #conts .pageTop {
		float: none;
		margin: 7.8125vw 0 0;
	}

	body.option #conts .pageTop a {
		padding: 0;
		box-sizing: border-box;
		width: 100%;
		height: 12.15vw;
		display: flex;
		align-items: center;
		justify-content: center;
		background-color: #9FA3AC;
		color: #fff;
		font-size: calc(14rem * (576 / 375) / 10);
		font-weight: bold;
		text-align: center;
		text-decoration: none;
	}

	body.option #conts .priceTag {
		float: none;
		margin: 7.8125vw 0 0;
	}

	body.option #conts .priceTag a {
		padding: 0;
		box-sizing: border-box;
		width: 100%;
		height: 12.15vw;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: calc(14rem * (576 / 375) / 10);
		text-align: center;
		text-decoration: none;
	}

	body#maker.option #footer,
	body#dealer.option #footer {
		margin-bottom: 22.56vw;
	}

	.pkg_slider,
	.pkg_slider.slick-slider {
		min-width: auto;
		padding: 0;
	}

	.slick-slider:before {
		content: "";
		width: 100%;
		height: 0.68vw;
		display: block;
		background: #fff;
		position: absolute;
		z-index: 1;
		pointer-events: none;
	}

	.pkg_slider .slick-arrow {
		display: none !important;
	}

	.pkg_slider .slick-list {
		padding: 0 !important;
	}

	.pkg_slider .slick-track {
		width: 100% !important;
		transform: none !important;
	}

	.pkg_slider .slick-cloned {
		display: none;
	}

	.pkg_slider .slick-slide:not(.slick-center) {
		opacity: 1 !important;
	}

	.pkg_slider .slick-dots {
		display: none !important;
	}

	.menu_inr {
		display: block;
		margin-top: 0;
	}

	.filter_wrap {
		margin-top: 4vw;
	}

	body.option #conts>.pageMove_top {
		display: flex;
		margin: -5.333vw 0 4vw !important;
	}

	.nextBtn {
		display: none;
	}

	.step_wrap {
		overflow-x: scroll;
		overflow-y: hidden;
	}

	/* simplebar用 stepのスクロールバー */
	.simplebar-track {
		background: #E5E5E5;
		border-radius: 10px;
	}

	.simplebar-track .simplebar-scrollbar.simplebar-visible::before {
		opacity: 1;
	}

	.simplebar-track .simplebar-scrollbar,
	.simplebar-track.simplebar-horizontal {
		height: 1.867vw;
	}

	.simplebar-track .simplebar-scrollbar::before {
		background: #9FA3AC;
	}

	.model-warranty-wrp {
		padding: 10px 0;
	}

	#extended_warranty {
		max-width: 100%;
		width: 100%;
		text-align: center;
		background: #f7f7f7;
		border-radius: 1.04vw;
		border: .34vw #CBCBCB solid;
		height: 10.41vw;
		font: inherit;
	}
}