@charset "UTF-8";
/*
Theme Name : happy1
*/
/*----------------------------
***basic-------------------*/
body{
	padding:0;
	margin:0;
	width:100vw;
	overflow-x: hidden;
/*	z-index: -10;*/
	max-width:100vw;
	
}
a:hover{
	opacity: 0.5;
}
li{
	list-style: none;
}
dl{
	
	padding:2vw 0;
}
/*----------------------------------------
-----header-------------------
1.video
2.video上に社名
3.logo+menu
------------*/
/*--1.video--*/
#header-wrap{
	padding:0;
	/*margin:0;*/
	width:100vw;
	height:100vh;
	min-width:100vw;
	/*min-height:100vh;*/
	overflow: hidden;
	position:relative;
	min-height: 100vh;
}
.line{
	padding:0;
	margin:0;
	width:100vw;
	height:100vh;
	min-width:100vw;
	min-height:100vh;
	overflow: hidden;
	/*z-index: 1;*/
	position:absolute;
}
.line video{
	padding:0;
	margin:0;
	width:100vw;
	height:100vh;
	min-width:100vw;
	min-height:100vh;
	overflow: hidden;
	object-fit: cover;
	position:absolute;
	top:0;
	left:0;

}
/*--2.video上の社名--*/ 
.line h1 img{
	/*z-index: 5;*/
	position:absolute;
	width:100%;
	height:100%;
	left:5%;
 }
 /*--3.logo+menu--*/
 .header-logo{
	/*z-index: 5;*/
	position:absolute;
	top:20%;
	left:20%;
	width:30vw;
	height:20vh;
 }
 /*3.2 navigation--------*/
 .header-nav{
	position:absolute;
	left:40%;
	top:0;
 }
 .header-nav ul li{
	display:block;
 }
 
 .header-nav ul li a{
	text-decoration:none;
	color:rgb(94, 87, 87);
	font-size: 30px;
 }
 .header-nav ul li a:hover{
	color:white;

 }
 /*---------------------------
 --------index.php---------
 --------------------------*/
 /*---index--slide--*/
 .main-index{
	padding:5% 10%;
	margin:0 5%;
	background-color: rgb(216, 216, 252);
	/*border: 5px solid black;*/
 }

 .slide-products{
	display:flex;
	justify-content: space-around;
	align-items: center;
	border-bottom: 3px solid rgb(0, 80, 80);
 }
 .slide-wrap{
	width:40vw;
	height:30vw;
	/*border:3px solid black;*/
	/*margin:0 auto;*/
	overflow: hidden;
	margin-top:5vh;
	
 }
 .ul-slide {
    animation: loop-slide 30s infinite linear 1s both;
    
     display: flex;
} 
.ul-slide img{
    width:40vw;
	height:30vw;
	object-fit: cover;
}

     
  @keyframes loop-slide {
    from {
      transform: translateX(0);
    }
    to {
      transform: translateX(-100%);
    }
  }
 /**===all products====*/
 .products-title h1{
	width:200px;
	margin:0 auto;
	text-align: center;
 }
 .ul-all{
	display:flex;
	flex-wrap: wrap;
	
 }
.ul-all img{
	width:20vw;
	height:20vw;
	
}
.ul-all li{
	text-align: center;
	padding:0 1vw;
}
.ul-all li a{
	text-decoration: none;
	color:black;
}
.ul-all li a:hover{
	color:gray;
}
/*-------news-index.php=====-*/
.news-index dl{
	width:80vw;
	margin:0 auto;
	align-items: center;
	display:flex;
}
.news h1{
	margin:20px auto;
	width:100px;
}
.div-news{
	width:40vw;
	margin:0 auto;
}
.readmore{
	margin:10px auto;
	width:150px;
	padding:20px 10px;
	border:1px solid #ddd;
	border-radius: 3px;
	text-align: center;
	align-items: center;
}
.readmore h2{
	font-size: 15px;
	width: 100px;
	margin:0 auto;
	font-family: 'Helvetica Neue','Helvetica','Arial','Segoe Script', 
	sans-serif;
	
}
.readmore:hover{
	background-color: black;
	color:white;
	

}
.readmore a{
	text-decoration: none;
	color:black;
}
 .readmore:hover a{
	color:white;

 }
 /*=====header  etc  ======*/
 /***etc-logo****/
 .header-etc{
	width:100vw;
	padding: 0;
	height:10vh;
	margin:0;
	/*position:absolute;*/
	top:0;
	left:0;
 }
 .etc-logo img{
	width:10vw;
	height:10vw;
	/*position:absolute;*/
	top:0;
	left:0;
	padding: 0;
	margin:0;
	border-radius: 1vw;	
 }
 .etc-logo{
	position:absolute;
	top:0;
	left:0;
 }
 .etc-nav{
	width:80vw;
	margin-left:20vw;
 }
 .etc-nav ul{
	display:flex;
 }
 .etc-nav li{
	font-size: 2vw;
	margin:1vw;
 }
 .etc-nav li a{
	text-decoration: none;
	color:rgb(63, 49, 49);
 }
 .etc-nav li a:hover{
	color:rgb(14, 13, 13);
	border:1px solid black;
	border-radius: 0.5vw;
 } 
 /**======company====================
 ====second-wrap~~main====*/
 .second-wrap{
	margin-top:-70vh;
 }
 .second-h1{
	width:10vw;
	margin:0 auto;
 }
 .second-wrap dl{
	width:60vw;
	margin:0 auto;
	display: flex;
	align-items: center;
 }
.second-wrap dd{
	margin:1vw;
 }
 .second-wrap dt{
	margin:1vw;

 }
 

 /*=====company=custom-top=======*/
 .custom-top h1{
width:20vw;
margin:0 auto;
text-align: center;
margin-bottom: 10vw;
 }
 .custom-top dl{
	width:60vw;
	margin:0 auto;
	display:flex;
	justify-content: center;
	align-items: center;
 }
 
 .custom-top{
	margin:0 auto;
	width:70vw;
 }
 
  /*===============================================================================
  =========contact form===================================
  ==================================*/

  .contact-contents__item-input--text,.contact-contents__item-textarea{
	margin:0;
  }
 #contact-section{
    width:80vw;
    margin:0 auto;
   border-radius: 10px;
background-image:url('img/fiat-logo.jpg');
 background-position: center;
background-color:rgba(255,255,255,0.8);
background-blend-mode:lighten;
}



.contact-submit{
    width:15vw;
    border:3px solid rgb(59, 58, 58);
    border-radius: 2px;
}
.contact-submit:hover{
    background-color: rgb(0, 0, 0);
    color:white;
}
#contact-section input{
    border:3px solid rgb(105, 101, 101);
    width:30vw;
    height:3em;
}
textarea{
    border:3px solid rgb(105, 101, 101);
    width:60vw;
    height:5em;
}
.main-contact{
	margin-top:-60vh;	
}
.main-contact h1{
	width:10vw;
	margin:0 auto;
	margin-bottom:5vw;
}
/*============================
===single-products==========*/
.div-wrap{
	width:80vw;
	margin:0 auto;
	display:flex;
	justify-content: space-between;
}
.products-image{
	width:40vw;
}
.products-image img{
	width:80%;
}
.products-text{
	width:40vw;
	Word-break:break-all;
	align-items: center;
	display:flex;
}
#single-wrap h1{
	width:40vw;
	margin:0 auto;
	text-align: center;
	margin-bottom: 5vw;
}
#single-wrap{
	width:80vw;
	margin:0 auto;
	margin-top:-40vh;
}
/*===========================
==search==============*/

/*============================
========copy======*/
#go{
	display:none;
}
#s{
    background: url(data:image/png;base64,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) no-repeat 10px 6px #444;
    border: 0 none;
    font: bold 12px Arial, Helvetica, Sans-serif;
    color:#d7d7d7;
    width:150px;
    padding:6px 15px 6px 35px;
    border-radius:20px;
    text-shadow:0 2px 2px rgba(0,0,0,0.3);
    box-shadow:0 1px 0 rgba(255,255,255,0.1), 0 1px 3px rgba(0,0,0,0.2) inset;
    -webkit-transition: all 0.7s ease 0s;
}

#s:focus{
    background:url(data:image/png;base64,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) no-repeat 10px 6px #fcfcfc;
    color:#6a6f75;
    width:200px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset;
    text-shadow: 0 2px 3px rgba(0,0,0,0.1);
    outline:0;
}
#searchform{
    width:200px;
    margin:0 auto;
    
}
.searchform{
	display:none;
}
.search-main{
	width:80vw;
	margin:0 auto;

}
.no{
	/*text-align: center;*/
	width:30vw;
	margin:0 auto;
  
  }
  .page-title{
	width:40vw;
	margin:0 auto;
	text-align: center;
}
  .search-li{
	display: flex;
	justify-content:space-around;
	width:80vw;
	align-items: center;
	margin:0 auto;
  }
  .search-li img{
	width:20vw;
	aspect-ratio: 4/3;
	object-fit: cover;
  }
  .search-text{
	word-break: break-all;
	width:30vw;
  }
  .div-title{
	text-align: center;
	width:20vw;
  }
  /****==========search-pagenation=======*/

.search-pagenation ul{
	display:flex;
	justify-content: center;
  }
  .search-pagenation .nav-links {
  text-align: center;
	
  }
  .search-pagenation .nav-links .current {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin: 8px;
  border: 1px solid rgb(10, 10, 10);
  background: rgb(5, 5, 5);
  color: #fff;
  font-size: 1.4rem;
  line-height: 30px;
  }
  .search-pagenation .nav-links .dots {
  display: inline-block;
  margin: 8px;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 30px;
  }
  .search-pagenation .nav-links a.page-numbers {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin: 8px;
  border: 1px solid #050505;
  font-size: 1.4rem;
  text-decoration: none;
  line-height: 30px;
  }
  .search-pagenation .nav-links a.page-numbers:hover {
  background: #eeeff0;
  color: #0e0d0d;
  transition: all .3s;
  }
  .search-pagenation .nav-links a.prev.page-numbers,
  .search-pagenation .nav-links a.next.page-numbers {
  width: auto;
  padding-right: 6px;
  padding-left: 6px;
  border: 0;
  /*border-bottom: 1px solid #0d0d0e;*/
  border-radius: 0;
  background: transparent;
  }
  .search-pagenation .nav-links a.prev.page-numbers:hover,
  .search-pagenation .nav-links a.next.page-numbers:hover {
  background: #00070e;
  color: #fff;
  }
  .search-main{
	width:80vw;
  }
  /******=======================**********************/
  /**=========================================
=============  pagenation  ==============
=======================================*/
.pagenation ul{
    display:flex;
    justify-content: center;
}
.pagination .nav-links {
	text-align: center;
    
}
.pagination .nav-links .current {
	display: inline-block;
	width: 30px;
	height: 30px;
	margin: 8px;
	border: 1px solid rgb(10, 10, 10);
	background: rgb(5, 5, 5);
	color: #fff;
	font-size: 1.4rem;
	line-height: 30px;
}
.pagination .nav-links .dots {
	display: inline-block;
	margin: 8px;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 30px;
}
.pagination .nav-links a.page-numbers {
	display: inline-block;
	width: 30px;
	height: 30px;
	margin: 8px;
	border: 1px solid #050505;
	font-size: 1.4rem;
	text-decoration: none;
	line-height: 30px;
}
.pagination .nav-links a.page-numbers:hover {
	background: #eeeff0;
	color: #0e0d0d;
	transition: all .3s;
}
.pagination .nav-links a.prev.page-numbers,
.pagination .nav-links a.next.page-numbers {
	width: auto;
	padding-right: 6px;
	padding-left: 6px;
	border: 0;
	/*border-bottom: 1px solid #0d0d0e;*/
	border-radius: 0;
	background: transparent;
}
.pagination .nav-links a.prev.page-numbers:hover,
.pagination .nav-links a.next.page-numbers:hover {
	background: #00070e;
	color: #fff;
}
/*form{
	border:1px solid red;
}*/
main{
	margin-top:300px;
}
/**================================================
======    Policy  ===============
===========================================*/
/*=======  POlicy  =======*/


.policy{
	width:80vw;
	margin:0 auto;
  height:40vw;
  display:flex;
  justify-content:center;
  align-items: center;
	
	/*max-width:100vw;*/
	overflow: hidden;
}
.policy-title{
	width:25vw;
	height:25vw;
	overflow: hidden;
	border-radius: 5px;
	position:relative;
}
.policy-title img{
	width:100%;
	height:100%;
	opacity: 0.5;
	position:absolute;
	top:0;
	left:0;
	opacity: 0.5;
	z-index: 1;
}
.policy-title h1{
	position:absolute;
  font-size: 2.5vw;
  font-family: 'Helvetica Neue','Helvetica','Arial','Segoe Script', 
sans-serif;

	Z-index:5;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
.policy-text{
	width:60%;
	position:relative;
	word-break: break-all;
	align-items: center;
	display:flex;
	margin:5vw;
  
}
.move .policy-text{
	animation: up 5s ;
	animation-fill-mode:forwards
}
.policy-text p{
	/*border:1px solid grey;*/
	box-shadow: 10px 10px 10px rgba(0,0,0,0.4);
	padding:5vw;
	
}
/*==policy  画像拡大　==*/
.move .policy-title img{
	position: absolute;
	top:0;
	left:0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    animation: scale 30s ;
	object-fit: cover;
  }
  @keyframes scale {
    from {
      transform: scale(1,1);
     opacity:1;
    }
    to {
      transform:scale(3,3) ;
      opacity:1;
    }
  }
  @keyframes scale {
    from {
      transform: scale(1,1);
     opacity:1;
    }
    to {
      transform:scale(3,3) ;
      opacity:1;
    }
  }
  @keyframes scale {
    from {
      transform: scale(1,1);
     opacity:1;
    }
    to {
      transform:scale(3,3) ;
      opacity:1;
    }
  }
  @keyframes up {
    from{
      transform:translatey(50px) ;
      opacity:0;
    }
    to {
      transform:translate(0) ;
      opacity:1;
    }
  } 
/*===============================================================
===============  footer   ========================*/
footer{
	display:flex;
	width:100vw;
	margin:0 auto;
	justify-content: center;
	background-image:linear-gradient(135deg,black 0%,white 100%);
}
.footer-nav ul{
	display:flex;
	justify-content: space-between;
}
.footer-nav ul li a{
text-decoration: none;
color:#ddd;
font-size: 1.5vw;

}
.footer-nav ul li a:hover{
	color:#00050a;
	border-bottom:2px solid black;
}
.footer-nav ul li{
	margin:0 1vw;
}
footer h1{
	color:white;
	font-size: 2vw;
}