@charset "utf-8";
*{
	-ms-overflow-style:none;
	}

*{
	box-sizing:border-box;
	}
 
*{
	margin:0px;
		}
section{
	margin:0px;
}
body{
	margin:0 auto;
	}

#wrap1 {
	width:100%;
	}
@media screen and (min-width:560px){
header {
	height:100px;
	width:100%;
	background-color:#CC0012;
	margin-bottom:14px;
	box-shadow:0 6px 6px 4px rgba(0,0,0,.30);
	}

#logo {
	float:left;
	}
	
#logo img{
	position:absolute;
	width:650px;
	margin-left:2%;
	margin-top:20px;
	}
	

h1{
	}
				
.mainbox_pc{
	width:1600px;
	margin:0 auto;

}

article {
	margin:0 auto;
	}

section .lp_imgesbox img{
	display:block;
	margin:0 auto;
	}

section .libox_pc{
	margin-bottom:30px;
	margin-top:30px;
	}
	
 section .libox_pc img{
    display:inline-block;
	margin:0 auto;
	}

section .slidebox{
	line-height:0;
	font-size:0;
	margin:0;
	margin-bottom:-90px;
	padding:0;
	}

article .pc_pre_part_b{
	margin-top:15px;
	}	
/*                     */	
.top_akl_btn{
	 position:relative;		
	}	
.top_akl_btn a{
	position:absolute;
 	top: 72%;
	left: 90%;
 	-ms-transform:translate(-85%,-20%);
	-webkit-transform:translate(-85%,-20%);
	transform:translate(-85%,-20%);
	margin:0;/*余計な隙間を除く*/
	text-decoration:none;/*下線を表示させない*/	
	}	
.top_akl_btn a:hover{/*カーソルを当てたとき*/
	background: rgba(255,255,255,0.3);/*背景を半透明に*/
 	 }	

/*                     */		
.lp_imges_ff img{
	vertical-align:bottom;
	}
	
	
.first_cv_btn{
	margin:0 auto;
	background-image:url("../images/lp_parts_pc_a_08_bg.jpg");
	background-repeat:no-repeat;
	background-position:center;
	}
	
.first_cv_btn a:hover{
	opacity:0.5;
	}
	
.first_cv_btn {
	line-height:0;
	font-size:0;
	margin:0;
	padding:0;
	}	

.first_cv_btn img{
	vertical-align:initial;
	}

.std_first_cv_btn{
	margin:0 auto;
	background-image:url("../images/lp_parts_pc_b_05_bg.jpg");
	background-repeat:no-repeat;
	background-position:center;
	}	

.std_first_cv_btn a:hover{
	opacity:0.5;
	}	
	
.car_first_cv_btn{
	margin:0 auto;
	background-image:url("../images/lp_parts_pc_c_04.jpg");
	background-repeat:no-repeat;
	background-position:center;
	}	

.car_first_cv_btn a:hover{
	opacity:0.5;
	}	
	
	


/* ↓↓↓↓↓スクロールすると出現するリンクボタン↓↓↓↓↓ */

.elm {
	text-decoration:none;
	background-color:#ffffff;
	position:fixed;
	width:100%;
	height:120px;
	bottom:0px;
	padding:20px;
	color:#fff;
	transition:0.2s;
	opacity:0;
	z-index:1 !important;
	box-shadow:0 -8px 12px 6px rgba(0,0,0,.4);
	}

.libox_pc{
	display:block;
	text-align:center;
	margin:0 auto;
	}

.ft_cv_btn_pc{
	margin:0 20px;
	margin-bottom:40px;
	}
	
.ft_cv_btn_pc img:hover {
	opacity:0.5;
	}
.mainbox_sp article{
	display:none;
	}

.scl_link_btn_sp{
	display:none;
	}
	
}



/*************↓↓↓↓↓↓↓↓↓↓↓ここからSP↓↓↓↓↓↓↓↓↓↓↓↓↓↓*************/

@media screen and (max-width:560px){
.scl_link_btn_pc{
	display:none;
	}
	
.mainbox_pc article{
	display:none;
	}

.scl_link_btn_sp{
	display:block;
	}
	
body{
	width: 100%;		
	}
	
#logo {
	float: left;
	}
	
#logo img{
	position: absolute;
	width:90%;
	margin-left:5%;
	margin-top:15px;
	}
		
header {
	height:60px;
	width:100%;
	background-color: #CC0012;
	margin-bottom:7px;
	box-shadow:0 3px 3px 2px rgba(0,0,0,.30);
	}
	
.mainbox_sp section .lp_imgesbox img{
	display:block;
	margin:0 auto;
	width:100%;
	}

.mainbox_sp section .libox_sp img{
	width:100%;
	margin:0 auto;
	}
	
/*****************/	
.sp_top_akl_btn{
	position: relative;
	}
.sp_top_akl_btn a {
 	position: absolute;
	top:72%;
	left:0;
  /*以下装飾*/
	margin:0;/*余計な隙間を除く*/	
	text-decoration: none;/*下線を表示させない*/
	width:100%;
	}
.sp_top_akl_btn a:hover{
	background:rgba(255,255,255,0.3);/*背景を半透明に*/
	}
.sp_top_akl_btn a img {
 	width:100%;
 	}
/*****************/	

/*↓↓↓↓↓↓↓↓↓↓↓モーダル↓↓↓↓↓↓↓↓↓↓↓*/

.modal-open{
	margin-bottom:10px;
    }

.modal-open img{
	display:block;
	margin:0 auto;
	width:100%;
	}

.modal{
	width:100%;
    height:100%;
    position:fixed;
    top:0;
    left:0;
	margin-bottom:150px;
    }
.modal:not(:target){
    opacity:0;
    visibility:hidden;
    transition:opacity 0.5s, visibility 0.5s;
    }
.modal:target{
	opacity:1;
	visibility:visible;
	transition:opacity 0.5s, visibility 0.5s;
    }
.modal .overlay{
	display: blWe ock;
	width:100%;
	height:100%;
	position:absolute;
	background-color:#000;
	opacity:0.7;
	top:0;
	left:0;
	}
.modal-wrapper{
	width:100%;
	max-width:500px;
	min-width:300px;
	height:100%;
	max-height:650px;
	background-color:#fff;
	position:absolute;
	top:40%;
	left:50%;
	transform:translate(-50%,-50%);
	}
.modal-contents{
	overflow:auto;
	width:100%;
	height:100%;
	box-sizing:border-box;
	position:relative;
	}
.modal-content{
	margin:25px;
	}
.modal-content img{
	max-width:100%;
	}
.modal-close{
	position:fixed;
	top:80px;
	right:20px;
	text-decoration:none;
	}
.modal-open_2{
	margin-bottom:10px;
	}
.modal-open_2 img{
	display:block;
	margin:0 auto;
	width:100%;
	}
.modal-open_3{
	margin-bottom:90px;
	}
.modal-open_3 img{
	display:block;
	margin:0 auto;
	width:100%;
	}

.last_parts{
	margin-top:0px;
	margin-bottom:10px;
	}
	


/*スクロール出現リンク*/	
.elm_sp {
	text-decoration:none;
	background-color:#ffffff;
	position:fixed;
	width:100%;
	height:90px;
	bottom:0px;
	padding:0;
	padding-bottom:30px;
	margin:0 auto;
	color: #fff;
	box-shadow:0 -4px 6px 3px rgba(0,0,0,.4);
	z-index:100;
	}

.elm_sp .libox_sp{
	display:block;
	margin:0 auto;
	}
.elm_sp .libox_sp a{
	display:inline;
	}
	


.elm_sp img{
	margin-top:15px;
	margin-bottom:15px;
	margin-left:2%;
	margin-right:5px;
	width:30%;
	}
.elm_sp img:hover {
	opacity:0.5;
	}
}