body {
	/*background-image:url(bg.jpg);*/
	background-color: #4e4e4e;
	color: #4e4e4e;
}
.container {
	margin-top: 5rem;
	margin-bottom: 2rem;
	padding: 0rem 6rem;
	background-color: #fff;
}
header {
	text-align: center;
	background-color: orange;
	padding-top: 1rem;
}


header p {
	font-size: 0.9rem;
	margin-top: 0.3rem;
	color: #353535;
}


.title {
	text-align: center;
	font-weight: bold;
}
.u-line {
	border: 3px solid orange/*#7EC2C2*/;
	margin-top: 2rem;
	margin-bottom: 2rem;
}

.blank {
	padding: 4rem 0rem;
}

.nav-item {
	margin-right: 40px;
	font-size: 17px;
}
.navbar-light .navbar-nav .nav-link {
	color: white;
}
/*#news span.comment  {
	margin-left: 8rem;
	padding-top: 8px;
}
*/
span.s-title {
	margin-left: 1rem;
	font-size: 17px;
}

em {
	color: red;
}

.car-btn {
		
}


/*=================================
ホイール修理アニメーション
===================================*/
.album {
	margin: 0 auto;
	position: relative;
}

.album img {
	width: 50%;
	animation-name: album;
	-webkit-animation-name: album;
	animation-duration: 22s;
	-webkit-animation-duration: 22s;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	opacity: 0;
}

.album .img1 {
	display: block;
	margin: 0 auto;
	top: 0;
	left: 25%;
}

.album .img2{
	animation-delay:6s;
	-webkit-animation-delay:6s;
	position: absolute;
	top: 0;
	left: 25%;
}
.album .img3{
	animation-delay:10s;
	-webkit-animation-delay:10s;
	position: absolute;
	top: 0;
	left: 25%;
}
.album .img4{
	animation-delay:14s;
	-webkit-animation-delay:14s;
	position: absolute;
	top: 0;
	left: 25%;
}
.album .img5{
	animation-delay:18s;
	-webkit-animation-delay:18s;
	position: absolute;
	top: 0;
	left: 25%;
}


@keyframes album {
	0% {
		opacity: 0;
	}
	
	12.5% {
		opacity: 1;
	}

	37.5% {
		opacity: 1;
	}
	50% {
		opacity: 0;
	}
}

@-webkit-keyframes album {
	0% {
		opacity: 0;
	}
	
	12.5% {
		opacity: 1;
	}

	37.5% {
		opacity: 1;
	}
	50% {
		opacity: 0;
	}
}
/*==================================
ホイール修理アニメーションEND
===================================*/


span.album-desc {
	font-size: 13px;
}


.under {
  background: linear-gradient(transparent 0, #a8eaff 0);
}




/************************
************************/
.boximage {
	background:pink;
	width: 300px;
	height: 200px;
/*	margin: 1px;*/
}
.badge {
	display: inline-block;
	width: 500px;
	font-size: 20px;
	font-weight: normal;
	padding: 0.6rem 1.6rem;
	background-color: #e87d3f;
}










footer {
	background-color: #4e4e4e;
	text-align: center;
	color: #fff;
	padding:1.1rem 0 ;
}


/*#page_top {
    position: fixed;
    bottom: 150px;
    right: 20px;
    color: white;
	background-color: rgba(78,78,78,0.5);
	border-radius: 10px;
	padding: 1.1rem
}*/
#page_top a{
    text-decoration: none;
}
#page_top a:hover {
    text-decoration: none;
}

@media(max-width: 768px) {
	span.comment {
	margin-left: 2rem;
	}
	span.s-title {
	display: block;
	margin-left: 2rem;
	padding-top: 5px;
	}
}

@media(max-width: 576px) {
	.container {
	padding: 0rem 2.7rem;
	margin-top: 3rem;
	}
	header {
		padding-top: 0.5rem;
	}
	.navbar {
		padding-left:1rem;
		padding-top: 0;
		padding-bottom: 0; 
	}
	.nav-item {
		margin-right: 0;
	}
	.navbar-light .navbar-toggler-icon {
		background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
	}
	.navbar-light .navbar-toggler {
		border-color: transparent;
	}
	.top-img {
	background-image: url(img/top1.png);
	height: 40vh;
	background-size: cover;
	}
	.album img {
		width: 80%;
	}

	.album .img1, .album .img2, .album .img3,
	 .album .img4, .album .img5 {
	 	left: 10%;
	 }
	 span.album-desc {
	 	margin-left: 3.5rem;
	 }
	 .badge {
	width: 300px;
	}




}