@charset "utf-8";

/* --------------------------------------------------------- */
/* 部品 - parts.css
------------------------------------------------------------ */

/* アイコン
------------------------------------------------------------ */
.icon {
	background-image: url(../img/common/ico_parts.png);
	background-repeat: no-repeat;
	background-size: 80px 128px; -webkit-background-size: 80px 128px; -moz-background-size: 80px 128px; -o-background-size: 80px 128px;
	display: inline-block;
	vertical-align: middle;
	width: 16px;
	height: 16px;
	margin: 0 5px 0 0;
}

.japan { background-position: 0 0; }
.world { background-position: 0 -16px; }
.glass { background-position: 0 -32px; }
.close { background-position: -16px -32px; }
.area  { background-position: -32px 0; }
.spot  { background-position: -32px -16px; }
.check { background-position: -32px -32px; }
.file  { background-position: -32px -48px; }



/* ボタン
------------------------------------------------------------ */
.action {
	padding: 0 10px;
}
.action li {
	text-align: center;
	padding: 10px;
	margin-bottom: 10px;
}
.action li a {
	font-weight: bold;
	color: #FFF;
	display: block;
}
.telBtn, .redBtn {
	border: 1px solid #de1209;
	border-radius: 7px;
	background-image: -webkit-gradient(linear, center top, center bottom, from(#fe6060), to(#de1209));
	background-image: -webkit-linear-gradient(top, #fe6060, #de1209);
	background-image: -moz-linear-gradient(top, #fe6060, #de1209);
	background-image: -o-linear-gradient(top, #fe6060, #de1209);
	background-image: -ms-linear-gradient(top, #fe6060, #de1209);
	background-image: linear-gradient(to bottom, #fe6060, #de1209);
	-webkit-box-shadow: 0 2px 2px rgba(183,183,183,0.4), inset 0 0 2px 2px rgba(252,111,108,0.7);
	-moz-box-shadow: 0 2px 2px rgba(183,183,183,0.4), inset 0 0 2px 2px rgba(252,111,108,0.7);
	box-shadow: 0 2px 2px rgba(183,183,183,0.4), inset 0 0 2px 2px rgba(252,111,108,0.7);
}
.mailBtn, .blueBtn {
	border: 1px solid #459ded;
	border-radius: 7px;
	background-image: -webkit-gradient(linear, center top, center bottom, from(#6dc7f1), to(#2da2e8));
	background-image: -webkit-linear-gradient(top, #6dc7f1, #2da2e8);
	background-image: -moz-linear-gradient(top, #6dc7f1, #2da2e8);
	background-image: -o-linear-gradient(top, #6dc7f1, #2da2e8);
	background-image: -ms-linear-gradient(top, #6dc7f1, #2da2e8);
	background-image: linear-gradient(to bottom, #6dc7f1, #2da2e8);
	-webkit-box-shadow: 0 2px 2px rgba(183,183,183,0.4), inset 0 0 2px 2px rgba(112,208,245,0.7);
	-moz-box-shadow: 0 2px 2px rgba(183,183,183,0.4), inset 0 0 2px 2px rgba(112,208,245,0.7);
	box-shadow: 0 2px 2px rgba(183,183,183,0.4), inset 0 0 2px 2px rgba(112,208,245,0.7);
}
.considerBtn, .yellowBtn {
	border: 1px solid #fda126;
	border-radius: 7px;
	background-image: -webkit-gradient(linear, center top, center bottom, from(#ffd56a), to(#fda126));
	background-image: -webkit-linear-gradient(top, #ffd56a, #fda126);
	background-image: -moz-linear-gradient(top, #ffd56a, #fda126);
	background-image: -o-linear-gradient(top, #ffd56a, #fda126);
	background-image: -ms-linear-gradient(top, #ffd56a, #fda126);
	background-image: linear-gradient(to bottom, #ffd56a, #fda126);
	-webkit-box-shadow: 0 2px 2px rgba(183,183,183,0.4), inset 0 0 2px 2px rgba(255,218,113,0.7);
	-moz-box-shadow: 0 2px 2px rgba(183,183,183,0.4), inset 0 0 2px 2px rgba(255,218,113,0.7);
	box-shadow: 0 2px 2px rgba(183,183,183,0.4), inset 0 0 2px 2px rgba(255,218,113,0.7);
}
.deleteBtn, .grayBtn {
	border: 1px solid #9e9c98;
	border-radius: 7px;
	background-image: -webkit-gradient(linear, center top, center bottom, from(#c3c3c3), to(#888));
	background-image: -webkit-linear-gradient(top, #c3c3c3, #888);
	background-image: -moz-linear-gradient(top, #c3c3c3, #888);
	background-image: -o-linear-gradient(top, #c3c3c3, #888);
	background-image: -ms-linear-gradient(top, #c3c3c3, #888);
	background-image: linear-gradient(to bottom, #c3c3c3, #888);
	-webkit-box-shadow: 0 2px 2px rgba(183,183,183,0.4), inset 0 0 2px 2px rgba(209,209,209,0.7);
	-moz-box-shadow: 0 2px 2px rgba(183,183,183,0.4), inset 0 0 2px 2px rgba(209,209,209,0.7);
	box-shadow: 0 2px 2px rgba(183,183,183,0.4), inset 0 0 2px 2px rgba(209,209,209,0.7);
}
.whiteBtn {
	background: #FFF url(../img/common/bac_grad.png) repeat-x 0 15px;
	background-size: 5px 30px; -webkit-background-size: 5px 30px; -moz-background-size: 5px 30px; -o-background-size: 5px 30px;
	border: solid 1px #DDD;
	border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px;
	box-shadow: 0 0 4px rgba(0,0,0,0.07); -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.07); -moz-box-shadow: 0 0 4px rgba(0,0,0,0.07);
}
.whiteBtn a {
	color: #333 !important;
}



/* タブ
------------------------------------------------------------ */
.tab {
	line-height: 30px;
	border-bottom: solid 1px #DDD;
	display: box; display: -webkit-box; display: -moz-box; display: -o-box;
	width: 100%;
	margin-top: 5px;
}
header+.tab {
	margin-top: 10px;
}
.title+.tab {
	margin-top: 15px;
}
#fixedBox+aside {
	margin-top: 10px;
}
#fixedBox+.tab {
	margin-top: 15px;
}
.tab li {
	text-align: center;
	color: #333; /* #FFF; */
	background-color: #DDD; /* #DA1109; */
	border: solid 1px #DDD; /* #DA1109; */;
	border-top-left-radius: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-topleft: 5px;
	border-top-right-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topright: 5px;
	box-flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1; -o-box-flex: 1;
	max-width: 50%;
	/*padding: 0 10px;*/
	margin: 0 5px;
	cursor: pointer;
}
.tab li:first-child {
	margin-left: 10px;
}
.tab li a {
	color: #333;
	display: block;
}
.tab li.active {
	color: #DA1109;
	background: #FFF url(../img/common/ico_active.png) no-repeat center bottom;
	background-size: 7px 3px; -webkit-background-size: 7px 3px; -moz-background-size: 7px 3px; -o-background-size: 7px 3px;
	border: solid 1px #DDD;
	border-bottom: solid 1px #FFF;
	padding-top: 5px;
	margin-top: -5px;
	margin-bottom: -1px;
}
.tab li.active a {
	color: #DA1109;
}



/* ページ内リンク
------------------------------------------------------------ */
.pagelink {
	font-size: 10px; font-size: 1.0rem;
	text-align: center;
	background-color: #FFF;
	border-top: solid 1px #EEE;
	border-bottom: solid 1px #EEE;
	display: box; display: -webkit-box; display: -moz-box; display: -o-box;
	width: 100%;
}
.pagelink li {
	text-align: center;
	color: #333;
	box-flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1; -o-box-flex: 1;
	max-width: 100%;
	padding: 10px 0;
	cursor: pointer;
}
.pagelink li+li {
	border-left: solid 1px #EEE;
}
.pagelink li.active {
	color: #DA1109;
	background-color: #FEF8F8;
}
.pagelink li a {
	color: #333;
	display: block;
}


/* 詳細
------------------------------------------------------------ */
/* コメント */
.comment {
	background-color: #FFF;
	border: solid 2px #DDD;
	border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px;
	padding: 10px;
	margin: 0 10px 10px 10px;
}
.comment h2 {
	font-weight: normal;
	color: #999;
	position: relative;
	cursor: pointer;
}
.comment h2 .icon {
	background-position: -16px -48px;
	position: absolute;
	right: -5px;
}
.comment h2.close .icon {
	background-position: -16px -64px;
}
.comment span.new {
	font-size: 9px; font-size: 0.9rem;
	line-height: 1;
	color: #FFF;
	background-color: #DE1209;
	padding: 0 3px;
	margin-left: 5px;
}
.comment p {
	padding-top: 5px;
	display: none;
	word-wrap: break-word;
}

/* 店舗情報 */
aside .shop {
	background-color: #EEE;
	padding: 10px;
	margin: 0 10px 10px 10px;
}
header+aside .shop {
	margin-top: 8px;
}
aside .shop h2 {
	font-size: 14px; font-size: 1.4rem;
}
aside .shop .tel {
	font-size: 14px; font-size: 1.4rem;
	font-weight: bold;
	color: #D81106;
	padding: 5px 0;
}
aside .shop .tel span {
	font-size: 10px; font-size: 1.0rem;
	font-weight: normal;
	color: #FFF;
	background-color: #D81106;
	display: inline-block;
	vertical-align: middle;
	padding: 1px 3px;
	margin-right: 5px;
}
aside .shop .data {
	position: relative;
	min-height: 75px;
	padding-right: 110px;
}
aside .shop .photo {
	position: absolute;
	width: 100px;
	height: 75px;
	right: 0;
	overflow: hidden;
}
aside .shop th, aside .shop td {
	background-color: #FFF;
	border: solid 1px #EEE;
}
aside .shop th {
	font-size: 10px; font-size: 1.0rem;
	font-weight: normal;
	border-left: none;
	white-space: nowrap;
	width: 40px;
}



/* 汎用テキスト
------------------------------------------------------------ */
.txtBox {
	padding: 10px;
}
h1.bar+.txtBox {
	padding-top: 0;
}
.txtBox ul {
	padding-left: 1em;
}
.txtBox ul li {
	text-indent: -1em;
}
.txtBox ul li:before {
	content: "・";
}
.txtBox p+ul, .txtBox p+ol {
	padding-top: 5px;
}
.txtBox ul+p, .txtBox ol+p {
	padding-top: 5px;
}



/* 汎用リンク
------------------------------------------------------------ */
.linkBox .note {
	padding: 10px;
}
.linkBox section h1 {
	color: #FFF;
	background-color: #DA1109;
	padding: 5px 10px;
}
.linkBox section h2 {
	color: #FFF;
	background-color: #DA1109;
	padding: 5px 10px;
}
.linkBox section li {
	text-shadow: 1px 1px 0px #FFF;
	background: url(../img/common/bac_grad.png) repeat-x 0 bottom;
	background-size: 5px 30px; -webkit-background-size: 5px 30px; -moz-background-size: 5px 30px; -o-background-size: 5px 30px;
	position: relative;
	padding-right: 5px;
}
.linkBox section li a {
	color: #333;
	background: url(../img/common/ico_link.png) no-repeat right center;
	background-size: 6px 12px; -webkit-background-size: 6px 12px; -moz-background-size: 6px 12px; -o-background-size: 6px 12px;
	display: block;
	padding: 15px 60px 15px 10px;
	font-size: 1.5rem;
}
.linkBox section li span {
	font-size: 10px; font-size: 1.0rem;
	line-height: 1;
	color: #DA1109;
	background-color: #FBE7E6;
	border: solid 1px #FFF;
	border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
	position: absolute;
	padding: 3px;
	top: 50%;
	right: 20px;
	margin-top: -0.95em;
}
.linkBox section li p {
	display: inline-block;
	vertical-align: middle;
}
.linkBox section li p.photo {
	width: 80px;
	height: 60px;
	margin: -5px 10px -5px 0;
	overflow: hidden;
}
.linkBox section li p.name {
	width: 60%;
	font-size: 1.5rem;
}
.linkBox .action {
	margin-top: 15px;
}
.linkBox #refine {
	margin: 5px;
}


/* 汎用フォーム
------------------------------------------------------------ */
.formBox {
	padding: 0 10px;
}
.formBox h1.bar {
	margin-left: -10px;
}
.formBox h2.bar {
 margin-left: -10px;
 font-weight: bold;
}
.formBox section+section {
	border-top: solid 1px #DDD;
	margin-top: 10px;
}
.formBox .note {
	border-bottom: dotted 1px #DDD;
	padding: 10px 0;
	margin: 10px 0;
}
.formBox p select {
	width: 45%;
}
.formBox li+li {
	margin-top: 10px;
}
.formBox dt {
	padding: 10px 0 10px 0;
	font-size: 1.4rem;
	font-weight: bold;
}
.formBox dd {
	padding: 0 0 10px 10px
}
.formBox dd span {
	font-size: 10px; font-size: 1.0rem;
	color: #666;
	display: block;
	padding-top: 5px;
}
.formBox dd li {
	display: inline-block;
	width: 45%;
	padding: 7px 10px 7px 0;
	margin-top: 0;
}
.formBox dd ul+textarea {
	margin-top: 10px;
}
.formBox .freeword input {
	border: solid 1px #D7D7D7;
	border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
	padding: 10px 5px;
}
.formBox .action {
	padding: 0;
	margin-top: 15px;
}
.formBox h1+.action {
	margin-top: 0;
	margin-bottom: 15px;
}

/* 必須 */
dt span.require {
	font-size: 10px; font-size: 1.0rem;
	font-weight: normal;
	color: #FFF;
	background-color: #D81106;
	display: inline-block;
	vertical-align: middle;
	padding: 1px 3px;
	margin-right: 5px;
}



/* 汎用ポップアップ
------------------------------------------------------------ */
.popupBox {
	background-color: #FFF;
	border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px;
	position: relative;
	max-width: 600px;
	padding: 5px 10px 10px 10px;
	margin: 0 auto;
}
.popupBox h1.bar {
	margin: 10px 0 15px -20px;
}



/* --------------------------------------------------------- */
/* 調整用
------------------------------------------------------------ */
/*
.slick-list {
	overflow: visible !important;
}
*/
/* clearfix
------------------------------------------------------------ */
.linkBox li:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

/* 色
------------------------------------------------------------ */
.color01{
	background-color: white;
}
.color15{
	background-color: #f7f6f5;
}
.color16{
	background-color: beige;
}
.color05{
	background-color: black;
}
.color09{
	background-color: silver;
}
.color02{
	background-color: red;
}
.color03{
	background-color: blue;
}
.color06{
	background-color: brown;
}
.color04{
	background-color: green;
}
.color10{
	background-color: yellow;
}
.color12{
	background-color: pink;
}
.color13{
	background-color: purple;
}
.color08{
	background-color: gold;
}

/* ラジオボタン
------------------------------------------------------------ */
.radioBox {
	margin: 0 0 70px 20px;
}
.radioBox ul li input {
	display: none;
}
.radioBox ul li label {
	display: block;
	float: left;
	cursor: pointer;
	width: 25%;
	margin: 0;
	padding: 12px 5px;
	border-right: 1px solid #abb2b7;
	background: #bdc3c7;
	color: #555e64;
	font-size: 14px;
	text-align: center;
	line-height: 1;
	transition: .2s;
}
.radioBox ul li:first-child label {
	border-radius: 3px 0 0 3px;
}
.radioBox ul li:last-child label {
	border-right: 0px;
	border-radius: 0 3px 3px 0;
}
.radioBox ul li input[type="radio"]:checked + label {
	background-color: #a1b91d;
	color: #fff;
}

/* 在庫リスト 切り替えボタン
------------------------------------------------------------ */
.change {
	background: #FFF url(../img/common/bac_grad.png) repeat-x 0 bottom;
	background-size: 5px 30px;
	-webkit-background-size: 5px 30px;
	-moz-background-size: 5px 30px;
	-o-background-size: 5px 30px;
	padding: 5px 10px 5px 5px;
	text-align: right;
}
.change li {
	background-color: #FFF;
	border: solid 1px #DEDEDE;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	display: inline-block;
	padding-right: 5px;
}
.change li a {
	color: #333;
	background: url(../img/common/ico_active.png) no-repeat right center;
	background-size: 7px 3px;
	-webkit-background-size: 7px 3px;
	-moz-background-size: 7px 3px;
	-o-background-size: 7px 3px;
	display: block;
	height: 16px;
	padding: 7px 10px 7px 7px;
}

/* --------------------------------------------------------- */
/* 人気車種上位表示リスト
------------------------------------------------------------ */
span.typename {
    position: static!important;
    background-color: transparent!important;
    padding: 1px 2px!important;
    color: #999!important;
    border: none!important;
}