/* CSS Document */
/*.under #mv {
  background-color: #6c9bd2;
  height: 180px;

  > .wrap {
    padding: 0 0 0;
  }
}*/
#mv {
		background-image: url("../images/servicestation/mv.jpg");
}
@media screen and (max-width: 768px) {
		#mv::before {
				background-image: url("../images/servicestation/mv_sp.jpg");
		}
}
#mv .mv_icon {
		width: 38px;
}
@media screen and (max-width: 768px) {
		#mv .mv_icon {
				width: 30px;
		}
}

#map {
		width: 100%;
		height: 510px;
}
.gm-style .gm-style-iw-tc{
	display: none !important;
}

#shop_list {
		padding: 80px 0;
		background-color: #ffffff;
}
#shop_list .txt {
		text-align: center;
		font-size: 1.4rem;
		line-height: 2;
		margin-bottom: 60px;
}

.sec_ttl_en {
		margin-bottom: 25px;
}

.shop_box {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		background-color: #fff;
		-webkit-box-pack: start;
		    -ms-flex-pack: start;
		        justify-content: flex-start;
}
.shop_box + .sec_ttl {
		margin-top: 70px;
}
.shop_box + .shop_box {
		margin-top: 10px;
}
@media screen and (max-width: 768px) {
		.shop_box + .shop_box {
				margin-top: 40px;
		}
}

.shop_img {
		width: 140px;
}
.shop_img img {
		width: 100%;
		height: 100%;
		-o-object-fit: cover;
		   object-fit: cover;
}

.shop_info {
		width: 280px;
		padding: 20px;
		color: #333333;
}

.line_box {
		width: 79px;
		padding: 15px 0 20px;
}

.shop_service {
		width: 455px;
		padding: 20px 20px 20px 0;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		margin-left: auto;
}
.shop_service li {
		border: 1px solid #c6c6c6;
		font-size: 1.1rem;
		font-weight: bold;
		color: #0b308e;
		line-height: 1;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		width: calc( (100% - 4px * 3)/4);
		margin-bottom: 4px;
		padding: 4px 6px;
}
.shop_service li.keeper, .shop_service li.tire {
		width: calc( (100% - 4px * 1)/2);
		margin-bottom: 0;
}
.shop_service li.blank {
		color: #c6c6c6;
}
.shop_service li::before {
		content: "";
		width: 21px;
		height: 19px;
		display: block;
		background-size: contain;
		background-position: center center;
		background-repeat: no-repeat;
		margin-right: 10px;
}
.shop_service li.syaken::before {
		background-image: url("../images/servicestation/icn_syaken.png");
}
.shop_service li.gas::before {
		background-image: url("../images/servicestation/icn_gas.png");
}
.shop_service li.hanbai::before {
		background-image: url("../images/servicestation/icn_hanbai.png");
}
.shop_service li.seibi::before {
		background-image: url("../images/servicestation/icn_seibi.png");
}
.shop_service li.renta::before {
		background-image: url("../images/servicestation/icn_renta.png");
}
.shop_service li.bankin::before {
		background-image: url("../images/servicestation/icn_bankin.png");
}
.shop_service li.wash::before {
		background-image: url("../images/servicestation/icn_wash.png");
}
.shop_service li.oil::before {
		background-image: url("../images/servicestation/icn_oil.png");
}
.shop_service li.keeper::before {
		background-image: url("../images/servicestation/icn_keeper.png");
}
.shop_service li.tire::before {
		background-image: url("../images/servicestation/icn_tire.png");
}
.shop_service li.syaken.blank::before {
		background-image: url("../images/servicestation/icn_syaken_b.png");
}
.shop_service li.gas.blank::before {
		background-image: url("../images/servicestation/icn_gas_b.png");
}
.shop_service li.hanbai.blank::before {
		background-image: url("../images/servicestation/icn_hanbai_b.png");
}
.shop_service li.seibi.blank::before {
		background-image: url("../images/servicestation/icn_seibi_b.png");
}
.shop_service li.renta.blank::before {
		background-image: url("../images/servicestation/icn_renta_b.png");
}
.shop_service li.bankin.blank::before {
		background-image: url("../images/servicestation/icn_bankin_b.png");
}
.shop_service li.wash.blank::before {
		background-image: url("../images/servicestation/icn_wash_b.png");
}
.shop_service li.oil.blank::before {
		background-image: url("../images/servicestation/icn_oil_b.png");
}
.shop_service li.keeper.blank::before {
		background-image: url("../images/servicestation/icn_keeper_b.png");
}
.shop_service li.tire.blank::before {
		background-image: url("../images/servicestation/icn_tire_b.png");
}

.shop_name {
		font-size: 1.8rem;
		font-weight: bold;
		line-height: 1.2;
		margin-bottom: 10px;
}

.shop_add, .shop_tel {
		font-size: 1.4rem;
}

.gogo_link {
		margin-top: 4px;
}
.gogo_link img {
		display: inline-block;
		margin: 0;
		width: 75px;
}

.adj .shop_info {
		padding-right: 0;
}
.adj .shop_name {
		letter-spacing: -0.05em;
		font-size: 1.7rem;
}

/*------------------------------- sp ----------------------------*/
@media screen and (max-width: 768px) {
		.under #mv > .wrap {
				padding: 0 0 0;
		}

		#map {
				height: 30vh;
		}

		#shop_list {
				padding: 35px 0;
		}

		.shop_box {
				-ms-flex-wrap: wrap;
				    flex-wrap: wrap;
		}
		.shop_box + .sec_ttl {
				margin-top: 75px;
		}

		.shop_img {
				width: 100px;
		}

		.shop_info {
				width: calc( 100% - 100px);
				padding: 10px;
		}

		.shop_name {
				font-size: 1.6rem;
				margin-bottom: 5px;
		}

		.adj .shop_name {
				letter-spacing: -0.08em;
				font-size: 1.5rem;
		}

		.shop_add {
				font-size: 1.2rem;
		}

		.shop_tel {
				font-size: 1.2rem;
		}
		.shop_tel a {
				color: #333333;
		}

		.shop_service {
				width: 100%;
				padding: 10px 10px;
		}

		.line_btn {
				padding: 0px 10px 40px;
				width: 100%;
		}
		.line_btn img {
				width: 100%;
		}
}
@media screen and (max-width: 425px) {
		.shop_service li {
				width: calc( (100% - 4px * 1)/2);
				font-size: 1.1rem;
		}
		.shop_service li::before {
				width: 15px;
				height: 15px;
				margin-right: 5px;
		}

		.shop_name .pc {
				display: block !important;
		}
}
@media screen and (max-width: 768px) and (orientation: landscape) {
		.under #mv {
				height: 100px;
		}
		.under #mv > .wrap {
				padding: 25px 0 0;
		}

		#map {
				height: 300px;
		}
}
#shop_list {
		padding-bottom: 0;
}

.shop_list-head {
		padding-bottom: 110px;
		background-color: #ffffff;
}
@media screen and (max-width: 768px) {
		.shop_list-head {
				padding-bottom: 60px;
		}
}
.shop_list-detail {
		padding-top: 100px;
		padding-bottom: 210px;
}
@media screen and (max-width: 768px) {
		.shop_list-detail {
				padding-top: 45px;
				padding-bottom: 75px;
		}
}

.ss-link-ttl {
		font-weight: bold;
		font-size: 2.1rem;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		margin-bottom: 13px;
}
@media screen and (max-width: 768px) {
		.ss-link-ttl {
				font-size: 1.7rem;
				margin-bottom: 10px;
		}
}
.ss-link-ttl::after {
		content: "";
		-webkit-box-flex: 1;
		    -ms-flex-positive: 1;
		        flex-grow: 1;
		margin-left: 1em;
		border-bottom: 1px solid #12348a;
}
.ss-link-list {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
		.ss-link-list {
				display: block;
		}
}
.ss-link-list + .ss-link-ttl {
		margin-top: 35px;
}
.ss-link-list-item {
		height: 60px;
		width: calc( ( 100% - 9px * 2 ) / 3 );
		margin-right: 8px;
		margin-top: 9px;
}
@media screen and (max-width: 768px) {
		.ss-link-list-item {
				width: 100%;
				margin-top: 8px;
				height: 45px;
		}
		.ss-link-list-item:first-of-type {
				margin-top: 0;
		}
}
@media print, screen and (min-width: 769px) {
		.ss-link-list-item:nth-of-type(-n+3) {
				margin-top: 0;
		}
		.ss-link-list-item:nth-of-type(3n) {
				margin-right: 0;
		}
}
.ss-link-list-item a {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		height: 100%;
		width: 100%;
		background-color: #12348a;
		color: #ffffff;
		border-radius: 5px;
		font-size: 1.6rem;
		font-weight: bold;
		padding: 0 17px;
		position: relative;
}
.ss-link-list-item a::after {
		content: "";
		width: 10px;
		height: 10px;
		border: 0 solid #ffffff;
		border-width: 1px 1px 0 0;
		-webkit-transform: translateY(-50%) rotate(45deg);
		        transform: translateY(-50%) rotate(45deg);
		top: 50%;
		position: absolute;
		right: 0;
}
@media screen and (max-width: 768px) {
		.ss-link-list-item a {
				font-size: 1.4rem;
				padding: 0 25px;
		}
}
.ss-link-list-item a::after {
		width: 11px;
		height: 11px;
		right: 20px;
}
@media screen and (max-width: 768px) {
		.ss-link-list-item a::after {
				right: 30px;
		}
}