@charset "utf-8";
/*
Theme Name: L-style
Theme URI: http://www./
Description: L-style
Version: 1.0
Author: L-style
Author URI: http://www./
Tags: L-style

	L-style
	http://www./

*/

/*
@import url('css/entypo/font/entypo.css' );
@import url('css/fontawesome/css/all.css' );
*/

*{margin:0;padding:0;}

html{
	font-size:62.55%;
	word-break:break-all;
	word-wrap:break-word;
	background:#fff;
}

/* IE用(CSSハック)［IE8～11］https://spyweb.media/2017/12/04/ie-edge-css-hacks/ */
@media screen\0 {
	html{font-size:10px;}
}

body{
	/*font-family:'メイリオ','Meiryo',arial,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,'MS Pゴシック','MS PGothic',Sans-Serif;*/
	font-family:'游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic', 'メイリオ', 'Meiryo', 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'Helvetica', 'Arial', sans-serif;
	font-size:15px;
	font-size:1.5rem;
	font-weight:500;
	line-height:1.66;
	color:#000;
}

/*******************************
/* box-sizing
*******************************/
*{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}

@media screen and (max-width: 767px){
/* mobile-----------------------------------------------------------------*/
	img{
		max-width: 100%;
	}
}





head {
    width: 100%;
    margin: 0 auto;
    padding: 30px 0 20px;
}


.description, .access-item-title, .access-item-txt,  .s-inner-title, .s-inner-txt, .r-inner-txt, .st-inner-title, .title, .message {
	color: #875217;
}

.m-description p {
	color: #875217;
}



#top {
    width: 100%;
    background-color: #fff;
}

.logo {
	display: flex;
	justify-content: space-between;
}

.shop-logo {
    padding: 10px 0 10px;

}

.information {
    display: flex;
}

.teltime h2 {
    color: #c13545;
    padding-top: 5px;
	
}




.photo {
	background-image: url(images/top-photo.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: 917px;
	background-position: left center;
	display: flex;
	align-items: center;
	
		
}

.shopname {
	text-align: center;
}

.top-message {
	margin-left: 5%;
	margin-top: 15%;
}


/*head mobile-----------------------------------------------------------------*/	
@media screen and (max-width: 767px){

		
	
head {
    width: 100%;
    margin: 0 auto;
    padding: 30px 0 20px;
	
}	
	
	
#top {
    width: 100%;
    background-color: #fff;
}
	
	

	
	
.teltime h2 {
    color: #c13545;
    padding-top: 5px;
	font-size: 14px;	
}	

	
.teltime h3 {
	font-size: 12px;
}		
	

	
.shop-logo img {
	width: 80%;
	
}
	
.image img {
	display: none;	
}	
	
.photo {
	background-image: url(images/top-photo.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: 280px;
	background-position: left center;
	display: flex;
	align-items: center;
	
	
		
}

.top-message img {
	
	display: block;
	width: 80%;
	
	
}  	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
}
	
	
	
	
	
	
	
	




/* main-introduce */



.main-intro {
	display: flex;
	justify-content: space-between;
	width: 1060px;
    margin: 0 auto;
}

.map {
  
	
}

.image02 {
	display: block;
}

.description h3 {
	line-height: 1.6;
	font-size: 16px;
}


.sub-intro {
    width: 1060px;
    margin: 0 auto;
}
.access-inner {
    display: flex;
	 justify-content: space-between;
}

.access-item-txt {
    text-align: left;
	font-size: 12px;
	font-weight: bold;
	
}

.access-item {
    flex-basis: 23%;
}


.access-item-title {
  
	justify-content: center;
	align-items: center;
	height: 4.4em;
	text-align: center;
	text-decoration: underline;
}



.image1, .image2 {
   text-align: center;
	
}

.image3 {
	text-align: center;
	margin-bottom: 40px;
	

}

.image4 {
	text-align: center;
	margin-bottom: 40px;

}  


/*main-introduce mobile-----------------------------------------------------------------*/
@media screen and (max-width: 767px){

.main-introduce {
    width: 100%;
    margin: 0 auto;
  
}
	
.main-introduce .shopname img {
	padding-left: 10px;
	padding-right: 10px;
	text-align: center;
}
	
.main-intro {
	flex-direction: column;
	justify-content: space-between;
	width: 100%;
    margin: 0 auto;
}
	

.map {
  width: 100%;
	
}


.description {
	width: 100%;	
}

	
.description h3 {
	line-height: 1.6;
	font-size: 14px;	
	text-align: left;
	justify-content: center;
	padding-left: 10px;
	padding-right: 10px;
	
}	

.description .image01 img {
	padding-left: 10px;
	padding-right: 10px;
}	
	
	
.description .image02 img {
	padding-left: 10px;
	padding-right: 10px;
}	

	

	
.sub-intro {
    width: 100%;
    margin: 0 auto;
}


.access-inner {
    flex-direction: column;
	 justify-content: center;
}


.access-item img {
    display: block;
    margin: 10px auto 10px auto;
	
}
	
	
.access-item-title  {
	height: auto;
	text-decoration: underline;
	text-align: center;
	line-height: 1.2;
}
	
	
.access-item-txt {
    text-align: left;
	font-size: 12px;
	font-weight: bold;
	
	width: 80%;
	margin: 0 auto;
	display: block;

}
	

	
	
	
	
	
	
	
	
}	
	
	
	
	
	
	
	
	
	
	

/* maintenance */


.maintenance {
    width: 1060px;
    margin: 0 auto;
}

.m-inner1 h2.title span {
	display: inline;
	position: relative;
} 

.m-inner1 h2.title {
	font-size: 30px;
    text-align: center;
    color: #c13545;
}



.m-inner1 h2.title span:before {
	content: "";
	background-image: url(images/dot-mini.png);
	background-repeat: no-repeat;
	background-size: cover;
	width: 53px;
	height: 53px;
	position: absolute;
	left: -63px;
	
}

.m-inner1 h2.title span:after {
	content: "";
	background-image: url(images/car-illust.png);
	background-repeat: no-repeat;
	background-size: cover;
	width: 170px;
	height: 50px;
	position: absolute;
	right: -180px;
}


.m-inner1 p {
    text-align: center;
	font-size: 15px;
	margin-bottom: 18px;
	line-height: 1.8;
	font-weight: bold;
	padding: 0 1.2em;
}

.m-inner2 p {
    text-align: center;
    font-size: 15px;
    margin-bottom: 18px;
	
	line-height: 1.8;
	font-weight: bold;
	
}


.m-inner1-items, .m-inner2-items {
    display: flex;
	 justify-content: space-between;
}

.m-inner1-item, .m-inner2-item {
    flex-basis: 300px;
    
}

.m-inner2-item {
    margin-bottom: 40px;
    
}

.maintenance {
    width: 1060px;
    margin: 0 auto;
}

/*maintenance mobile-----------------------------------------------------------------*/
@media screen and (max-width: 767px){


.maintenance {
    width: 100%;
    margin: 0 auto;
}	
	

	
.m-description  .title span {
	font-size: 20px;
    text-align: center;
    color: #c13545;	

	
}

	
	
.m-inner1 h2.title span:before {
	content: none;
	background-image: url(images/dot-mini.png);
	background-repeat: no-repeat;
	background-size: cover;
	width: 30px;
	height: 30px;
	position: absolute;
	left: -33px;
	
}

.m-inner1 h2.title span:after {
	content: none;
	background-image: url(images/car-illust.png);
	background-repeat: no-repeat;
	background-size: cover;
	width: 44px;
	height: 7px;
	position: absolute;
	right: -60px;
	
}
	

.m-inner1  p {
    text-align: left;
	font-size: 15px;
	margin-bottom: px;
	line-height: 1.6;
	font-weight: bold;
	padding-left: 12px;
	padding-right: 12px;
	
}

.m-inner2 p {
    text-align: left;
    font-size: 15px;
    margin-bottom: 12px;
	margin-top: 15px;
	line-height: 1.6;
	font-weight: bold;
	padding-left: 12px;
	padding-right: 12px;
}


	
.m-inner1-items, .m-inner2-items {
     display: flex;
	justify-content: space-between;
	margin-top: 10px;
	
}


	
	
.m-inner1-item, .m-inner1-item img,
.m-inner1-item, .m-inner2-item img{
   	width: 100%;
	height: auto;
	
}	
	
	
	
	
}




/* service */

.service {
    width: 1060px;
    margin: 0 auto;
}


.s-inner h2.title {
	font-size: 30px;
    text-align: center;
    color: #c13545;
	margin-top: 20px;
	
}

.s-inner h2.title span {
	display: inline;
	position: relative;
} 

.s-inner h2.title span:before {
	content: "";
	background-image: url(images/dot-mini.png);
	background-repeat: no-repeat;
	background-size: cover;
	width: 53px;
	height: 53px;
	position: absolute;
	left: -63px;
	top: -8px;
	
	
}

.s-inner h2.title span:after {
	content: "";
	background-image: url(images/car-illust.png);
	background-repeat: no-repeat;
	background-size: cover;
	width: 170px;
	height: 50px;
	position: absolute;
	right: -180px;
	
}

.s-inner-item {
	display: flex;
	justify-content: space-between;
}

.s-inner-txt {
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.2;
	align-items: center;
	justify-content: center;
}

.box1, .box2, .box3 {
    flex-basis: 327px;
	margin-top: 40px;
	margin-bottom: 50px;
	
}

.box1 {
	background-color: #f3d7e2;
	
}

.box2 {
	background-color: #fffbc6;
	
}

.box3 {
	background-color: #cfcfcf;
	
}

.s-inner-title {
  	display: flex;
	justify-content: center;
	align-items: center;
	
	text-align: center;
}

.link-detail {
	display: block;
	margin: 0 auto;
	padding-bottom: 20px;
	padding-top: 10px;
}


/*service mobile-----------------------------------------------------------------*/
@media screen and (max-width: 767px){
	

.service {
    width: 100%;
    margin: 0 auto;
}


.s-inner .title span {
	font-size: 20px;
    text-align: center;
    color: #c13545;
	margin: 0 auto;
	display: block;

	
}
	

.s-inner h2.title span:before {
	content: none;
	background-image: url(images/dot-mini.png);
	background-repeat: no-repeat;
	background-size: cover;
	width: 30px;
	height: 30px;
	position: absolute;
	left: -33px;

	
	
}

.s-inner h2.title span:after {
	content: none;
	background-image: url(images/car-illust.png);
	background-repeat: no-repeat;
	background-size: cover;
	width: 44px;
	height: 7px;
	position: absolute;
	right: -80px;
	
}

	
.s-inner-item {
    flex-direction: column;
	 justify-content: center;
}


.box1, .box2, .box3 {
    flex-basis: 20%;
	align-items: center;
	width: 300px;
    margin: 0 auto;
	margin-bottom: 25px;
	margin-top: 10px;
}

.box3 {
	margin-bottom: 45px;	
}

	
.s-inner-title  {
	text-align: center;
	justify-content: center;
	
	text-align: left;
	font-size: 16px;
	
}
	
	
.s-inner-txt  {
    text-align: left;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 15px; 
	padding: 0 1.2em;
	line-height: 1.6;
	
}
	
	
.s-inner-txt br {
	display: none;
}
	
	





}	

	
	
	
	
	
	


/* recommend */

.recommend {
    width: 1060px;
    margin: 0 auto;
}


.r-inner h2.title {
	font-size: 30px;
    text-align: center;
    color: #c13545;
}

.r-inner h2.title span {
	display: inline;
	position: relative;
} 

.r-inner h2.title span:before {
	content: "";
	background-image: url(images/dot-mini.png);
	background-repeat: no-repeat;
	background-size: cover;
	width: 53px;
	height: 53px;
	position: absolute;
	left: -63px;
	top: -8px;
	
	
}

.r-inner h2.title span:after {
	content: "";
	background-image: url(images/car-illust.png);
	background-repeat: no-repeat;
	background-size: cover;
	width: 170px;
	height: 50px;
	position: absolute;
	right: -180px;
	
}



.r-inner-txt {
    text-align: center;
	font-size: 16px;
	font-weight: bold;
	
}

.r-inner-txt span {
   color: #b4060a;
	font-weight: bold;
	
}


.r-inner-items {
    display: flex;
	 justify-content: space-between;
	
}





.r-box1, .r-box2, .r-box3 {
    flex-basis: 350px;
	margin-top: 40px;
}

/*recommend mobile-----------------------------------------------------------------*/
@media screen and (max-width: 767px){

	
.recommend {
    width: 100%;
    margin: 0 auto;
}


.r-inner .title span {
	font-size: 20px;
    text-align: center;
    color: #c13545;
	

	
}
	
.r-inner h2.title span {
	display: inline;
	position: relative;
} 

.r-inner h2.title span:before {
	content: none;
	background-image: url(images/dot-mini.png);
	background-repeat: no-repeat;
	background-size: cover;
	width: 30px;
	height: 30px;
	position: absolute;
	left: -36px;
	

	
	
}

.r-inner h2.title span:after {
	content: none;
	background-image: url(images/car-illust.png);
	background-repeat: no-repeat;
	background-size: cover;
	width: 170px;
	height: 50px;
	position: absolute;
	right: -180px;
	
}
	
	
.r-inner-items {
    flex-direction: column;
	justify-content: center;
}
	
	
.r-box1, .r-box2, .r-box3 {
	flex-basis: 20%;
	align-items: center;
	width: 300px;
    margin: 0 auto;
	margin-bottom: 15px;	
	margin-top: 10px;
}
	
	
.r-inner-txt {
    text-align: center;
	font-size: 14px;
	font-weight: bold;
	margin-top: 10px;
}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
}




/* step */


.step {
	background-image: url(images/dotcover5.png);
	
	
	
}



.step h2 {
	font-size: 30px;
    text-align: center;
    color: #c13545;
	padding-top: 40px;
}


.st-inner-items {
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	
}

.st-inner-item {
	width: 300px;
	position: relative;
	
	
}

.st-inner-item.arrow {
	width: 50px;
	
}

.st-inner-title {
	font-size: 24px;
	position: absolute;
	bottom: 30px;
	width: 100%;
	text-align: center;
}

.image5 {
	text-align: center;
	margin-top: 15px;
	margin-bottom: 20px;
}


/*step mobile-----------------------------------------------------------------*/
@media screen and (max-width: 767px){

.step {
    width: 100%;
    margin: 0 auto;
}

	
.st-inner h2 {
	
	font-size: 20px;
    text-align: center;
    color: #c13545;
	

} 	
	

.st-inner-items {
    flex-direction: column;
	justify-content: center;
}	
	
	
.st-inner-item {
	width: 200px;
	position: relative;
		
}
	
	
	
.st-inner-title {
	font-size: 16px;
	
}	
	
	
.st-inner-item-arrow img {
	transform: rotate(90deg);
}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
}

/* contact */

.contact {
	background-image: url(images/yellowcover.png);
	
	height: 350px;
	
}

.contact  .title {
	font-size: 20px;
	text-align: center;
	padding-top: 30px;
		
}

.contact .message {
	font-size: 18px;
	text-align: center;
	
		
}

.contact p {
	font-size: 30px;
	text-align: center;

	color: #c13545;
	padding-top: 15px;
			
}

.image6 {
	text-align: center;
	margin-top: 30px;
	
}

/*contact mobile-----------------------------------------------------------------*/
@media screen and (max-width: 767px){
.contact{
    width: 100%;
	height: 300px;
    margin: 0 auto;
}
	
.contact {
	background-image: url(images/yellowcover.png);
			
}
	
	
.contact .title {
	font-size: 16px;
	text-align: center;
	padding-top: 30px;
		
}

.contact .message {
	font-size: 15px;
	text-align: center;
	
		
}

.contact p {
	font-size: 24px;
	text-align: center;
	
	color: #c13545;
	padding-top: 15px;
	
			
}

.image6 {
	text-align: center;
	margin-top: 20px;
	
}

	

	
	
	
	
	
	
	
	
	
	
	
	
	


}






#footer {
	background-image: url(images/footercover.png);
	flex-basis: px;
	
}

.copyright {
	text-align: center;
	font-style: bold;
	padding-top: 20px;
	padding-bottom: 20px;
	
}

/*footer mobile-----------------------------------------------------------------*/
@media screen and (max-width: 767px){	
	
.copyright {
	text-align: center;
	font-style: bold;
	padding-top: 20px;
	padding-bottom: 20px;
	font-size: 12px;
}	
	
	
	
	
	
	
	
	
}