@charset "utf-8";

/* bg image */
#oldalfaromeo::after {
  background-image: url(/sp/images/bg/bg-oldromeo.jpg);
}

/* oldalfaromeo */
.oldalfaromeo .head {
  font-size: 5vw;
  color: #7b0002;
  line-height: 1.3;
  text-align: center;
}
.oldalfaromeo .text {
  margin: 5.33vw 0;
  font-size: 3.73vw;
  line-height: 1.6;
}

/* image */
.restore_image {
  text-align: right;
}
.restore_image img {
  display: block;
  margin-bottom: 2.4vw;
}
.subimage {
  display: inline-block;
  padding-right: 4vw;
}
.subimage img {
  float: left;
  width: 42.65vw;
}
.subimage img:first-child {
  margin-right: 2.13vw;
}
.subimage .head {
  margin-top: 5.33vw;
  font-size: 3.73vw;
  font-weight: bold;
  line-height: 1.4;
  text-align: right;
}
.logoimage {
  margin-top: 14.66vw;
}
.logoimage img {
  margin: 0 auto;
}

/* oldalfaromeo list */
.oldromeolist {
  margin-top: 16vw;
  padding: 3vw 0 2.66vw;
  background: #333;
}
.selection {
  width: 92vw;
  margin: 0 auto;
  padding: 4vw 0 6vw;
  background: #000;
}
.oldromeolist .head {
  font-size: 4vw;
  font-weight: bold;
  color: #ffc600;
  text-align: center;
}
.oldlist li:last-child {
  margin-top: 1.73vw;
}
.stocklist {
  width: 92vw;
  margin: 5.2vw auto 0;
}
.stocklist li {
  width: 100%;
  padding: 2.2vw 2.66vw;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e6e6e6), to(#bababa));
  background: linear-gradient(#e6e6e6, #bababa);
}
.stocklist a {
  display: block;
  color: #000;
}
.stocklist .image {
  display: table-cell;
  width: 34vw;
  font-size: 0;
  vertical-align: middle;
}
.stocklist .data {
  display: table-cell;
  padding-left: 3.33vw;
  vertical-align: middle;
}
.stocklist .carname {
  display: table-cell;
  height: 2.7em;
  font-size: 3.33vw;
  font-weight: bold;
  line-height: 1.2;
  letter-spacing: -0.02em;
  vertical-align: middle;
}
.stocklist dl {
  margin-top: 1vw;
  line-height: 0.75em;
}
.stocklist dt {
  display: inline-block;
  font-size: 2.4vw;
  font-weight: bold;
}
.stocklist dt.price {
  display: inline-block;
  font-size: 2.4vw;
  font-weight: bold;
}
.stocklist dd {
  display: inline-block;
  font-size: 2.93vw;
  font-weight: bold;
}
.stocklist dd.price {
  display: inline-block;
  margin-left: .2em;
  font-size: 3.73vw;
  font-weight: bold;
  color: #a40000;
}

/* service */
.bg_service {
  height: 43vw;
  margin-top: 5.2vw;
  background: url(/sp/images/oldalfaromeo/oldromeo-image04.jpg) center center;
  background-size: cover;
}
.service .head {
  font-size: 4vw;
  color: #fff;
	padding: 10px 0 5px 0;
	position: relative;
	text-align: center;
	text-shadow: 0 0 10px rgba(0,0,0,1), 0 0 10px rgba(0,0,0,1), 0 0 10px rgba(0,0,0,1);
}
.service .circle {
	display: flex;
  margin: 0 auto;
  width: calc(100% - 20px);
	justify-content: space-around;
}
.service .circle a {
	display: table;
	border-radius: 100%;
  width: 29vw;
  height: 29vw;
  border: 2px solid #FFF;
  box-shadow: 0 0 10px rgba(0,0,0,1), 0 0 10px rgba(0,0,0,1), 0 0 10px rgba(0,0,0,1);
}
.service .circle p {
	display: table-cell;
	vertical-align: middle;
  color: #FFF;
  text-decoration: none;
	font-size: 3.2vw;
	line-height: 4.6vw;
  text-align: center;
  font-weight: 400;
}
.service .circle .sale {
	background: radial-gradient(circle at center, #93002e 0, #66001f 100%);
}
.service .circle .restore {
  background: radial-gradient(circle at center, #004298 0, #002e69 100%);
}
.service .circle .tradein {
	background: radial-gradient(circle at center, #575757 0, #282828 100%);
}
.service .circle span {
	display:block;
	font-size:2.6vw;
	text-decoration: underline;
	margin-top: 8px;
	text-shadow: none;
	font-weight: 600;
}

/* oldromeo */
.oldromeo {
  padding: 8vw 0;
}
.oldromeo .head {
  margin-bottom: 6.66vw;
  font-size: 4.66vw;
  font-weight: bold;
  text-align: center;
}
.oldromeo .text {
  font-size: 3.73vw;
  line-height: 1.6;
}
.oldromeo .red {
  display: block;
  margin-top: 6vw;
  color: #de0024;
}

/* restorecase */
.restorecase:nth-child(even) {
  background: #eee;
}

/* atshop */
.atshop {
  padding: 7.33vw 0;
}
.atshop .red {
  color: #a40000;
}
.atshop .head {
  font-size: 5vw;
  font-weight: bold;
  text-align: center;
}
.atshop .subtext {
  padding: 1.33vw 0 3.6vw;
  font-size: 3.33vw;
  text-align: center;
}
.atshop .pics {
  display: flex;
  padding: 0 4vw;
  justify-content: space-between;
  flex-wrap: wrap;
}
.atshop .pics a {
  display: block;
  width: 44vw;
}
.atshop .pics img {
  display: block;
  width: 100%;
}
.atshop .model,
.atshop .small {
  display: block;
  font-size: 2.4vw;
  font-weight: bold;
  line-height: 1.55;
  color: #4d4d4d;
}
.atshop .model {
  padding: 1.33vw 0 2vw;
}

/* body */
.body {
  padding: 7.33vw 0;
}
.body .red {
  color: #a40000;
}
.body .head {
  font-size: 5vw;
  font-weight: bold;
  text-align: center;
}
.body .subtext {
  padding: 1.33vw 0 3.6vw;
  font-size: 3.33vw;
  text-align: center;
}
.body .pics {
  display: flex;
  padding: 0 4vw;
  justify-content: space-between;
  flex-wrap: wrap;
}
.body .pics a {
  display: block;
  width: 22vw;
  margin-top: 1.73vw;
}
.body .pics img {
  display: block;
  width: 100%;
}
.body .description {
  text-align: center;
  padding: 0 6.66vw;
}
.body .description .head {
  display: inline-block;
  margin: 0 -5vw;
  padding: 5.33vw 0 2.66vw;
  font-size: 4vw;
  font-weight: bold;
  line-height: 1.3;
  text-align: center;
}
.body .description .text {
  font-size: 3.73vw;
  line-height: 1.6;
}

/* interior */
.interior {
  padding: 7.33vw 0;
}
.interior .red {
  color: #a40000;
}
.interior .head {
  font-size: 5vw;
  font-weight: bold;
  text-align: center;
}
.interior .subtext {
  padding: 1.33vw 0 3.6vw;
  font-size: 3.33vw;
  text-align: center;
}
.interior .pics {
  display: flex;
  padding: 0 4vw;
  justify-content: space-between;
  flex-wrap: wrap;
}
.interior .pics a {
  display: block;
  width: 22vw;
  margin-top: 1.73vw;
}
.interior .pics img {
  display: block;
  width: 100%;
}
.interior .description {
  text-align: center;
  padding: 0 6.66vw;
}
.interior .description .head {
  display: inline-block;
  margin: 0 -5vw;
  padding: 5.33vw 0 2.66vw;
  font-size: 4vw;
  font-weight: bold;
  line-height: 1.3;
  text-align: left;
}
.interior .description .text {
  font-size: 3.73vw;
  line-height: 1.6;
}

/* exterior */
.exterior {
  padding: 7.33vw 0;
}
.exterior .red {
  color: #a40000;
}
.exterior .head {
  font-size: 5vw;
  font-weight: bold;
  text-align: center;
}
.exterior .subtext {
  padding: 1.33vw 0 3.6vw;
  font-size: 3.33vw;
  text-align: center;
}
.exterior .pics {
  display: flex;
  padding: 0 4vw;
  justify-content: space-between;
  flex-wrap: wrap;
}
.exterior .pics a {
  display: block;
  width: 22vw;
  margin-top: 1.73vw;
}
.exterior .pics img {
  display: block;
  width: 100%;
}
.exterior .description {
  text-align: center;
  padding: 0 6.66vw;
}
.exterior .description .head {
  display: inline-block;
  margin: 0 -7vw 0 -5vw;
  padding: 5.33vw 0 2.66vw;
  font-size: 4vw;
  font-weight: bold;
  line-height: 1.3;
  text-align: left;
}
.exterior .description .text {
  font-size: 3.73vw;
  line-height: 1.6;
}

/* system */
.system {
  padding: 7.33vw 0;
}
.system .red {
  color: #a40000;
}
.system .head {
  font-size: 5vw;
  font-weight: bold;
  text-align: center;
}
.system .subtext {
  padding: 1.33vw 0 3.6vw;
  font-size: 3.33vw;
  text-align: center;
}
.system .pics {
  display: flex;
  padding: 0 4vw;
  justify-content: space-between;
  flex-wrap: wrap;
}
.system .pics a {
  display: block;
  width: 22vw;
  margin-top: 1.73vw;
}
.system .pics img {
  display: block;
  width: 100%;
}
.system .description {
  text-align: center;
  padding: 0 6.66vw;
}
.system .description .head {
  display: inline-block;
  margin: 0 -5vw;
  padding: 5.33vw 0 2.66vw;
  font-size: 4vw;
  font-weight: bold;
  line-height: 1.3;
  text-align: left;
}
.system .description .text {
  font-size: 3.73vw;
  line-height: 1.6;
}

/* blog */
.blog {
  padding: 7.33vw 0;
}
.blog .red {
  color: #a40000;
}
.blog .head {
  font-size: 5vw;
  font-weight: bold;
  text-align: center;
}
.blog .subtext {
  padding: 1.33vw 0 3.6vw;
  font-size: 3.33vw;
  text-align: center;
}
.blog .small {
  padding-bottom: 3.6vw;
  font-size: 3.2vw;
  font-weight: bold;
  color: #4d4d4d;
  text-align: center;
}
.blog .pics {
  display: flex;
  padding: 0 6.66vw;
  justify-content: space-between;
  flex-wrap: wrap;
}
.blog .pics a {
  display: block;
  width: 41vw;
  margin-bottom: 3.6vw;
}
.blog .pics img {
  display: block;
  width: 100%;
}
.blog .pics span {
  display: block;
  background: #282828;
  color: #FFF;
  width: 100%;
  padding: 4vw 0;
  font-size: 3vw;
  font-weight: bold;
  line-height: 1.36;
  text-align: center;
}

/* special */
.bg_special {
  position: relative;
  background: #515151;
}
.bg_img {
  margin-bottom: 1vw;
  padding-top: 5.6vw;
  background: #790026;
}
.bg_img img {
  display: block;
}
.inner_box {
  display: block;
  width: 25.33vw;
  margin: 0 auto;
  padding: 8vw 0;
  position: absolute;
  top: 16vw;
  left: 0;
  right: 0;
  font-size: 3.2vw;
  font-weight: bold;
  text-align: center;
  line-height: 1.5;
  background: rgba(255,255,255,.8);
}
.bg_contents .contents_name {
  font-size: 3.73vw;
}
.special {
  padding: 10vw 0 8.66vw;
}
.special .head {
  padding-bottom: 6vw;
  font-size: 5.06vw;
  font-weight: bold;
  color: #fff;
  line-height: 1.3;
  text-align: center;
}
.special .text {
  font-size: 3.73vw;
  color: #fff;
  line-height: 1.6;
}

/* reason */
.reason {
  padding: 8.66vw 6.66vw 8.93vw;
  background: #eee;
}
.reason .head {
  padding-bottom: 6vw;
  font-size: 5.06vw;
  font-weight: bold;
  color: #a40000;
  line-height: 1.3;
  text-align: center;
}
.reason .bodytext {
  padding-bottom: 6vw;
  font-size: 3.73vw;
  line-height: 1.6;
}

/* lightBox */
#lightbox {
	margin-top: 20%;
}
.lb-outerContainer {
	width: 90%!important;
	height: auto!important;
}
.lb-outerContainer .lb-image {
	width: 100%!important;
}
.lb-dataContainer {
	width: 90%!important;
}

.parts{
  margin-top: 5%;
}
.parts-block .head{
  font-size: 5vw;
  font-weight: bold;
  text-align: center;
}
.parts-block .red{
  color: #a40000;
}
.parts .subtext{
  padding: 1.33vw 0 3.6vw;
  font-size: 3.33vw;
  text-align: center;
}
.flex{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.center{
  -webkit-box-align: center;
     -ms-flex-align: center;
        align-items: center;
}
.parts-block-ul{
  width: 92vw;
  margin: 5.2vw auto 0;
}
.parts-block-ul li{
  width: 100%;
  padding: 2.2vw 2.66vw;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e6e6e6), to(#bababa));
  background: linear-gradient(#e6e6e6, #bababa);
}
.parts-block-ul .listitem{
  margin-bottom: 3%;
  border: 1px solid #b3b3b3;
}
.parts-block-ul a{
  display: block;
  color: #000;
}
.parts-block .image img{
  display: block;
  width: 100%;
}
.parts-block .image{
  display: table-cell;
  width: 40%;
  font-size: 0;
  vertical-align: middle;
}
.parts-block .detail{
  display: table-cell;
  padding-left: 3.33vw;
  vertical-align: middle;
}
.parts-block .title{
  display: table-cell;
  height: 2.7em;
  font-size: 3.33vw;
  font-weight: bold;
  line-height: 1.2;
  letter-spacing: -0.02em;
  vertical-align: middle;
}
.parts-block .detail dl{
  margin-top: 1vw;
  line-height: 0.75em;
}
.parts-block dt {
  display: inline-block;
  font-size: 2.4vw;
  font-weight: bold;
}
.parts-block .price{
  display: inline-block;
  margin-left: .2em;
  font-size: 3.73vw;
  font-weight: bold;
  color: #a40000;
}
.parts-block .price span{
  margin-right: 1em;
  font-size: 3.73vw;
  float: right;
  color: #de0024;
}
.parts .description .bodytext{
  padding: 3.66vw 6.66vw 0;
  font-size: 3.73vw;
}