@charset "UTF-8";


/* ==========================================================================
   Archive Store
========================================================================== */
.storeList.cards .card {
  margin-bottom: 0;
}
.storeList.cards .card a {
  border-bottom: 1px solid #E6E6E6;
  padding: 2rem 0;
}
.storeList.cards .card a .ttl {
  position: relative;
  padding-right: 2rem;
}
.storeList.cards .card a .ttl .icon-arrow {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -.5em;
}

@media only screen and (min-width: 768px) {
  .cards li.inview.fadeInUp {
    transition-delay: 0.2s !important;
  }
}

/* ==========================================================================
   Archive Dealer
========================================================================== */
.dealerList li.store > div{
  font-size: 1.1rem;
  padding: 0.45rem 0;
}
.dealerList li.store > div.name{
  font-size: 1.2rem;
  font-weight: 700;
  padding: 0.4rem 0;
}
@media only screen and (max-width: 575px) {
	#archive-store-dealer {
		margin-bottom: 0;
	}
	#archive-store-dealer .tabs {
		margin-bottom: 1px;
	}
	#archive-store-dealer .container > .content {
		margin-top: 0;
		margin-bottom: 0;
	}
	#archive-store-dealer .dealerList {
		margin-right: -30px;
		margin-left: -30px;
	}
}

/* ==========================================================================
   Single Store
========================================================================== */
@media only screen and (max-width: 767px) {
	.single #store-detail figure {
		margin-bottom: 30px;
	}
	.single #store-detail dl dt {
		margin-bottom: 10px;
	}
  	.single #store-detail dl dd {
		margin-bottom: 20px;
  	}
	.gMap {
		border: 2px solid #FFF;
	}
	.gMap .gMap__inner {
		padding-top: 100%;
	}
}

@media only screen and (min-width: 768px) {
	.single #store-detail .txtBox {
		padding-left: 0;
	}
	.single #store-detail dl {
		display: flex;
		flex-wrap: wrap;
		font-size: 1.2rem;
	}
	.single #store-detail dl dt {
		flex: 0 0 90px;
		margin-bottom: 10px;
	}
	.single #store-detail dl dd {
		flex: 0 0 calc(100% - 90px);
		margin-bottom: 10px;
	}
	.single #store-detail dl dt:last-of-type {
		margin-bottom: 0;
	}
	.single.lang-en #store-detail dl dt {
		flex: 0 0 110px;
	}
	.single.lang-en #store-detail dl dd {
		flex: 0 0 calc(100% - 110px);
	}
	.gMap {
		border: 10px solid #FFF;
	}
	.gMap .gMap__inner {
		padding-top: 300px;
	}
}