@charset "UTF-8";

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

/* ----------------------------------------------------------------------------------------------- */

@font-face {
font-family: 'f4a';
src: url('../font/f4a.otf') format('opentype');
}

/* ---------------------------------------------------------------------------------------------- */

/* -- Link Text -----------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------- */

	a:link { color: #888; }
	a:visited { color: #57c; }
	a:hover { color: #f22; }
	a:active { color: #ff2; }
	a { text-decoration: none;}


body {
	font-size: 0.85rem;
	color: #222;
	background-color: rgba(255,255,255,1.0);
	background-image: url(../);
	background-repeat: no-repeat, no-repeat;
	background-attachment: fixed;
	background-position: left top;
	font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
}


/* ====================overhead area==================== */

#overhead {
	width: 100%;
	height: 28px;
	position: fixed;
	margin: 0 auto;
	background-color: rgba(255,255,255,1.0);
	top: 0;
	left: 0;
	Z-index: 100;
	}


h1 {
	font-size: 0.7rem;
	font-weight: normal;
	padding: 0 0 0 30px;
	line-height: 1.1em;
	}

#overhead ul.guide {
	position: absolute;
	top: 5px;
	right: 10px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	}

#overhead ul.guide li {
	display: inline;
	padding: 0 7px 0 13px;
	font-size: 0.7rem;
    font-weight: bold;
	}


/* title bar */


span {
	font-size: 0.75em;
	}


/* ====================header==================== */

#header {
	width: 100%;
	height: 60px;
	margin-top: 28px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom:0;
	position: fixed;
	background-color: rgba(255,15,15,0.8);

	border-bottom: solid 3px #ffd700;
	top: 0;
	left: 0;
	z-index: 99;
	}

#header_inn {
	margin: -40px auto;
	width: 90%;
	padding: -60px 0 5px 0;
	text-align: right;
	}

h2 {
	 font-size: 0.8rem;
	 color: #f00;
	 padding: 0 0 0 20px;
	font-family: "f5a";
	}

/* menu */

#menu {
margin: 0 auto;
display: flex;
align-items: center;
justify-content: center;
}


/* ====================openning area==================== */

#opening {
	width: 100%;
	margin: 130px auto 20px;
	height: auto;
	border-top: solid 1px #f00;
	border-bottom: solid 1px #f00;
	}


/* ====================navigation menu============ */

#menu {
width: 100%;
height:px;
color: #333;
background-color: #fff;
background-image:();
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}


/*  */



/* ====================img control==================== */

img.logo {
	float: right;
	margin: 10px 20px 10px 10px;
	}

img.right {
	float: right;
	margin: 10px 10px 10px 10px;
	}

img.left{
	float: left;
	margin-right: 10px 10px 10px 10px;
	padding-right: 15px;
}

img.center{
	text-align: center;
	padding: 10px 20px 10px 20px;
}

img.boxtop{
margin:0;
}


#line6 img:hover {
	opacity: 0.5;
	}

img.menu:hover{opacity: 0.5;
                            }


/* ====================container==================== */

#container{
width:100%;
height:auto;
overflow: auto;
margin: 5px auto;
border-bottom: solid 2px #f00;
}


/* ====================toppage==================== */

#line1 {
width: 100%;
height:px;
color: #333;
background-color: #fff;
background-image: url(../image/bg_car_line.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
display: flex;
align-items: center;
justify-content: center;
}


#line2 {
width: 100%;
height: px;
color: #333;
background-image: url(../image/line2.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
display: flex;
align-items: center;
justify-content: center;

}


#line3 {
width: 100%;
height: px;
color: #333;
background-color: #fff;
background-image: url(../image/line5.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
display: flex;
align-items: center;
justify-content: center;

}


#line4 {
width: 100%;
height: px;
color: #333;
background-image: url(../image/line4.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
display: flex;
align-items: center;
justify-content: center;

}



#line5 {
width: 100%;
height: ;
color: #333;
background-color: #fff;
background-image: url(../image/ameblo.png);
background-size: ;
background-repeat: repeat;
background-position: ;
display: flex;
align-items: center;
justify-content: center;

}


#line7 {
width: 100%;
height: ;
color: #333;
background-color: #fff;
background-image: url(../image/line7.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
display: flex;
align-items: center;
justify-content: center;

}

#line6 {
width: 100%;
height: 500px;
color: #333;
background-image: url(../image/line3.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
display: flex;
align-items: center;
justify-content: center;

}


/* ====================policy==================== */

#policy1 {
width: 100%;
height:;
color: #333;
background-color: #fff;
background-image: url(../image/policy1.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
display: flex;
align-items: center;
justify-content: center;
}


#policy2 {
width: 100%;
height: ;
color: #333;
background-image: url(../image/);
background-size: 100% auto;
background-repeat: no-repeat;
background-position: center center;
display: flex;
align-items: center;
justify-content: center;

}


#policy3 {
width: 100%;
height: ;
color: #333;
background-color: #fff;
background-image: url(../image/bg_car_int.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
display: flex;
align-items: center;
justify-content: center;

}


#policy4 {
width: 100%;
height: ;
color: #333;
background-image: url(../image/policy4.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
display: flex;
align-items: center;
justify-content: center;

}


#policy5 {
width: 100%;
height: ;
color: #333;
background-color: #fff;
background-image: url(../image/policy5.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
display: flex;
align-items: center;
justify-content: center;

}


#policy6 {
width: 100%;
height: 500px;
color: #333;
background-image: url(../image/policy6.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
display: flex;
align-items: center;
justify-content: center;

}


/* ====================profile==================== */

#profile1 {
width: 100%;
height:px;
color: #333;
background-color: #fff;
background-image: url(../image/profile1.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
display: flex;
align-items: center;
justify-content: center;
}


#profile2 {
width: 100%;
height: px;
color: #333;
background-image: url(../image/profile2.png);
background-size: 100% auto;
background-repeat: no-repeat;
background-position: center center;
display: flex;
align-items: center;
justify-content: center;

}


#profile3 {
width: 100%;
height: px;
color: #333;
background-color: #fff;
background-image: url(../image/profile3.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
display: flex;
align-items: center;
justify-content: center;

}


#profile4 {
width: 100%;
height: px;
color: #333;
background-image: url(../image/profile4.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
display: flex;
align-items: center;
justify-content: center;

}


#profile5 {
width: 100%;
height: 500px;
color: #333;
background-color: #fff;
background-image: url(../image/profile5.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
display: flex;
align-items: center;
justify-content: center;

}


#profile6 {
width: 100%;
height: 500px;
color: #333;
background-image: url(../image/profile6.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
display: flex;
align-items: center;
justify-content: center;

}


/* ====================shop==================== */

#shop1 {
width: 100%;
height:;
color: #333;
background-color: #fff;
background-image: url(../image/shop_01.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
display: flex;
align-items: center;
justify-content: center;
}


#shop2 {
width: 100%;
height: px;
color: #333;
background-image: url(../image/shop_02_pano.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
display: flex;
align-items: center;
justify-content: center;

}


#shop3 {
width: 100%;
height: px;
color: #333;
background-color: #fff;
background-image: url(../image/shop3.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
display: flex;
align-items: center;
justify-content: center;

}


#shop4 {
width: 100%;
height: px;
color: #333;
background-image: url(../image/shop4.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
display: flex;
align-items: center;
justify-content: center;

}


#shop5 {
width: 100%;
height: 500px;
color: #333;
background-color: #fff;
background-image: url(../image/shop5.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
display: flex;
align-items: center;
justify-content: center;

}


#shop6 {
width: 100%;
height: 500px;
color: #333;
background-image: url(../image/shop6.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
display: flex;
align-items: center;
justify-content: center;

}


/* ====================service==================== */

#service1 {
width: 100%;
height:;
color: #333;
background-color: #fff;
background-image: url(../image/bg_car_front.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
display: flex;
align-items: center;
justify-content: center;
}


#service2 {
width: 100%;
height: ;
color: #333;
background-image: url(../image/service2.png);
background-size: 100% auto;
background-repeat: no-repeat;
background-position: center center;
display: flex;
align-items: center;
justify-content: center;

}


#service3 {
width: 100%;
height: ;
color: #333;
background-color: #fff;
background-image: url(../image/bg_car_equip.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
display: flex;
align-items: center;
justify-content: center;

}


#service4 {
width: 100%;
height: ;
color: #333;
background-image: url(../image/service4.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
display: flex;
align-items: center;
justify-content: center;

}


#service5 {
width: 100%;
height: ;
color: #333;
background-color: #fff;
background-image: url(../image/service5.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
display: flex;
align-items: center;
justify-content: center;

}


#service6 {
width: 100%;
height: ;
color: #333;
background-image: url(../image/service6.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
display: flex;
align-items: center;
justify-content: center;

}


#service7 {
width: 100%;
height: ;
color: #333;
background-color: #fff;
background-image: url(../image/service7.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
display: flex;
align-items: center;
justify-content: center;

}


/* ====================guarantee==================== */

#guarantee1 {
width: 100%;
height:px;
color: #333;
background-color: #fff;
background-image: url(../image/guarantee1.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
display: flex;
align-items: center;
justify-content: center;
}


#guarantee2 {
width: 100%;
height: px;
color: #333;
background-image: url(../image/guarantee2.png);
background-size: 100% auto;
background-repeat: no-repeat;
background-position: center center;
display: flex;
align-items: center;
justify-content: center;

}


#guarantee3 {
width: 100%;
height: px;
color: #333;
background-color: #fff;
background-image: url(../image/guarantee3.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
display: flex;
align-items: center;
justify-content: center;

}


#guarantee4 {
width: 100%;
height: px;
color: #333;
background-image: url(../image/guarantee4.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
display: flex;
align-items: center;
justify-content: center;

}


#guarantee5 {
width: 100%;
height: 500px;
color: #333;
background-color: #fff;
background-image: url(../image/guarantee5.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
display: flex;
align-items: center;
justify-content: center;

}


#guarantee6 {
width: 100%;
height: 500px;
color: #333;
background-image: url(../image/guarantee6.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
display: flex;
align-items: center;
justify-content: center;

}



/* ====================select==================== */

#select1 {
width: 100%;
height:px;
color: #333;
background-color: #fff;
background-image: url(../image/select1.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
display: flex;
align-items: center;
justify-content: center;
}


#select2 {
width: 100%;
height: px;
color: #333;
background-image: url(../image/shop_01_2019.jpg);
background-size: 100% auto;
background-repeat: no-repeat;
background-position: center center;
display: flex;
align-items: center;
justify-content: center;

}


#select3 {
width: 100%;
height: px;
color: #333;
background-color: #fff;
background-image: url(../image/shop_02_2019.jpg);
background-size: 100% auto;
background-repeat: no-repeat;
background-position: center center;
display: flex;
align-items: center;
justify-content: center;

}


#select4 {
width: 100%;
height:px;
color: #333;
background-color: #fff;
background-image: url(../image/select4.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
display: flex;
align-items: center;
justify-content: center;
}


#select5 {
width: 100%;
height:px;
color: #333;
background-color: #fff;
background-image: url(../image/select5.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
display: flex;
align-items: center;
justify-content: center;
}


/* ====================commons style==================== */


.title {
border-bottom: solid 1px #999;
font-weight: normal;
color: #888;
}

h3 {
font-family: 'f4a';
color: #556;
font-size: 1.45rem;
font-weight: bold;
padding: 3px 20px 15px 25px;
border-bottom: 2px solid #f22;
}

h4 {
font-family: 'f4a';
color: #fff;
font-size: 1.05rem;
font-weight: bold;
padding: 8px 5px 10px 15px;
margin-top: -5px;
margin-bottom: 4px;
background-color: rgba(255,15,15,0.8);
border-bottom: 5px solid #ff2;
border-radius: 3px;
}

h5 {
font-family: 'f5a';
color: #fff;
font-size: 1.2rem;
font-weight: normal;
padding: 8px 5px 10px 15px;
margin-top: -5px;
margin-bottom: 4px;
background-color: rgba(0,15,80,0.8);
border-bottom: 5px solid #ff2;
border-radius: 3px;
}

h5:hover {
color: #f21;
background-color: rgba(235,235,45,1.0);
border-bottom: 5px solid #f21;
}

.img_box {
width: 400px;
}

#under {
width: 100%;
}

/*====================inner contents===============*/

.article {
width:85%;
margin: 20px auto;
padding: 10px 30px 30px 30px;
overflow: visible;
font-size: 1.0rem;
color: #444;
line-height: 2.0rem;
background-color:rgba(255,255,255,0.96);
border-right: solid 1px #aaa;
border-bottom: solid 1px #aaa;
border-radius: 8px;
-webkit-border-radius: 8px;    /* for Safari,Google Chrome */  
-moz-border-radius: 8px;   /* for Firefox */  

}

.article2 {
width:85%;
margin: 20px auto;
padding: 10px 30px 30px 30px;
overflow: visible;
font-size: 1.0rem;
color: #444;
line-height: 2.0em;
background-color:rgba(255,255,255,0.96);
border-radius: 8px;
-webkit-border-radius: 5px;    /* for Safari,Google Chrome */  
-moz-border-radius: 5px;   /* for Firefox */  

}


.article3 {
width:100%;
margin: 20px auto;
padding: 10px 0px 30px 0px;
overflow: visible;
font-size: 1.0rem;
color: #444;
line-height: 2.0rem;
background-color:rgba(255,255,255,0.4);
border-radius: 8px;
-webkit-border-radius: 5px;    /* for Safari,Google Chrome */  
-moz-border-radius: 5px;   /* for Firefox */  

}



/* ====================footer==================== */

#footer {
	position: fixed;
	width:100%;
	height: 30px;
	clear: both;
	text-align: center;
	bottom: 0;
	left: 0;
	background-color: rgba(255,15,15,0.9);
	color: #fff;
	border-top: solid 2px #ffd700;
	}

#footer p {
	font-size: 0.9rem;
	color: #fff;
	line-height: 1.0rem;
	}

#footer:hover {
	height: 140px;
	}


address {
	font-size: 0.8rem;
	margin-top: -8px;
}




/* ====================data==================== */

dt
      {
         font-weight: bold;
         border-bottom: solid 1px #cccccc;
         color: #f4f4f4;
         margin-top: 1.0rem;
         font-size: 1.0rem;
         text-shadow:1px 1px 1px #888;
         background-color: #888;
         padding: 0.5rem 1.0rem 0.5rem 1.0rem;
      }
      
dd
      {
         border: solid 1px #cccccc;
         padding: 1.0rem;
         margin-left: 0rem;
         margin-top: 0.5rem;
         font-size: 0.9rem;
         color: #666;
      }



/* ====================access====================*/

.access {
width: 100%;

}

.access dt {
	font-weight: bold;
	border-bottom: solid 1px #cccccc;
	border-radius: 3px;
	color: #fff;
	margin-top: 1.0rem;
	font-size: 1.0rem;
	font-weight: normal;
	text-transform:uppercase;
	background-color: rgba(80,80,80,0.8);
	padding-left: 2rem;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	}

.access dd {
	border: solid 1px #cccccc;
	border-radius: 3px;
	padding: 1rem 2rem;
	margin-left: 0rem;
	margin-top: 0.5rem;
	font-size: 0.9rem;
	font-weight: normal;
	color: #666666;
	}

.access li {
	margin-left: 15px;
	font-weight: normal;
	}








/* ====================span==================== */

span.app {
	font-size: 1.0rem;
	color: #f33;
	font-weight: normal;
	}
	
span.reference{
	font-size: 0.7rem;
	color:#fff;
	text-transform:none;
	text-decoration:none;
	text-shadow:1px 1px 1px #000;
	}

span.reference a{
	color:#fff;
	text-transform:uppercase;
	text-decoration:none;
	text-shadow:1px 1px 1px #000;
	}

span.reference a:hover{
	color:#f00;
	}



/*---spare---*/

.guarantee dt {
	font-weight: bold;
	border-bottom: solid 1px #ccc;
	border-radius: 3px;
	color: #f4f4f4;
	margin-top: 1.0rem;
	font-size: 0.9rem;
	font-weight: normal;
	text-transform:uppercase;
	text-shadow:0.5px 0.5px 0.5px #666;
	background-color: rgba(0,15,80,0.8);
	padding-left: 2.0rem;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	}

.guarantee dd {
	border: solid 1px #ccc;
	border-radius: 3px;
	padding: 1.0rem 2.0rem;
	margin-left: 0rem;
	margin-top: 0.5rem;
	font-size: 0.9rem;
	font-weight: normal;
	color: #666;
	}

.guarantee dd li {
	margin-left: 15px;
	font-weight: normal;
	}

    .col2 dt
      {
         font-weight: bold;
         border-bottom: solid 1px #ccc;
         color: #f4f4f4;
         margin-top: 1.0rem;
         font-size: 1.0rem;
         font-weight: bold;
         background-color: #aaa;
         padding: 0.5rem 1.0rem 0.5rem 1.0rem;
      }
      
     .col2 dd
      {
         border: solid 1px #ccc;
         padding: 1.0rem;
         margin-left: 0rem;
         margin-top: 0.5rem;
         font-size: 0.9rem;
         color: #666;
      }

.scroll_button a{
    position: fixed;
    display: block;
    right:20px;
    bottom:70px;
    background-color: rgba(30,30,30,0.8);
    color:#fff;
    padding:20px;
}