@charset "UTF-8";

html,body,h1,h2,h3,h4,p,ul,li,img,dt,dd{margin: 0;
  padding: 0;}
hr{margin-bottom: 20px;}
h1,h2,h3,h4{font-weight: normal;}

body{background-color: #000;
  color: #fff;
  font-family: 'Shippori Mincho', serif;}
select,button{font-family: 'Shippori Mincho', serif;
  font-size: 16px;}

/* header */
header{display: flex;
  padding: 20px 0;
  border-bottom: #fff 1px solid;}
.rogo{width: 280px;
  margin-left: 80px;
  background-color: #fff;
  border-radius: 15px;
  box-shadow: 5px 5px 25px -5px #f0fcff;}
.header_right{margin-right: 50px;
  margin-left: auto;}
.header_right ul{display: flex;
  margin: 20px 0;
  border-bottom: 1px solid #fff;
  padding-bottom: 25px;}
.header_right ul a{font-size: 25px;
  margin-right: 40px;
  text-decoration: none;
  list-style-type: none;
  color: #fff;
  transition: 0.5s ease;}
.header_right ul a:hover{color: #9fecff;
  text-shadow: 1px 2px 3px #f0fcff;}
input{font-size: 20px;}
.btn{font-family: 'Shippori Mincho', serif;}

/* top */
.top_slide{position: relative;
  overflow: hidden;
  width: 1200px;
  height: 520px;
  margin: 20px auto;
  background: #fff;}
.top_slide img{display: block;
    position: absolute;
    width: inherit;
    height: inherit;
    opacity: 0;
    animation: slideAnime 30s ease infinite;} 
.top_slide img:nth-of-type(1) { animation-delay: 0s }
.top_slide img:nth-of-type(2) { animation-delay: 6s }
.top_slide img:nth-of-type(3) { animation-delay: 12s }
.top_slide img:nth-of-type(4) { animation-delay: 18s }
.top_slide img:nth-of-type(5) { animation-delay: 24s }
@keyframes slideAnime{
  0% { opacity: 0 }
  10% { opacity: 1 }
  10% { opacity: 1 }
  20% { opacity: 0 }
  100% { opacity: 0 }
  }

/* slide */
@keyframes infinity-scroll-left {
  from{transform: translateX(0);}
  to{transform: translateX(-100%);}
  }
@keyframes infinity-scroll-right {
  from{transform: translateX(-100%);}
  to{transform: translateX(0%);}
  }
_:-ms-lang(x)::-ms-backdrop,
.slide{display: -ms-grid;
  overflow: hidden;}
.slide_wrap{display: flex;
  overflow: hidden;}
.slide_list{display: flex;
  list-style: none;}
.slide_list--left{animation :infinity-scroll-left 95s infinite linear 0.5s both;}
.slide_list--right{animation :infinity-scroll-right 95s infinite linear 0.5s both;}
.slide_item {width: calc(100vw / 6);}
.slide_item > img{width: 100%;}

/* intr */
.intr{width: 1000px;
  margin: -126px auto;
  text-align: center;
  position: relative;
  top: -270px;
  color: #000;
  text-shadow: 1px 2px 3px #b39393;}
.intr h2{font-size: 45px;
  margin-bottom: 20px;
  font-family: 'Kaisei Decol', serif;}
.intr h3{font-size: 28px;
  margin-bottom: 50px;}
.intr p{font-size: 20px;
  margin-bottom: 15px;}
.fade {height: 1px;
  background-image: linear-gradient(
  90deg,
    hsla(0, 0%, 100%, 0),
    hsla(0, 0%, 100%, 0.5) 50%,
    hsla(0, 0%, 100%, 0) 100%);}

/* pick up */
.pick_up{width: 1200px;
  margin: 30px auto;}
.pick_up h3{margin-bottom: 10px;}
.p_flex{display: flex;
  border: 1px solid #fff;}
.p_flex img{border-right: 2px solid #fff;}
.p_p{margin-left: 40px;}
.p_name{font-size: 30px;
  border-bottom: #fff 1px solid;
  margin-top: 10px;
  margin-bottom: 15px;}
.p_price{font-size: 24px;}
.p_int{margin: 15px 0 30px;}
.p_p a{color: #000;
  font-size: 20px;
  background-color: #f0fcff;
  border-radius: 10px;
  text-decoration: none;
  padding: 3px 10px;
  transition: 0.5s ease;}
.p_p a:hover{color: #000;
  background-color: #ebe9a0;}

/* product */
.product{width: 1200px;
  margin: 60px auto 80px;}
.product h3{margin: 20px 0;}
.p_line{width: 900px;
  margin: 0 auto 40px;
  padding-bottom: 10px;
  border-bottom: #fff solid 2px;}
.p_line ul{list-style-type: none;
  display: flex;}
.p_line ul li a{font-size: 25px;
  margin: 0 20px;
  text-decoration: none;
  color: #fff;
  transition: 0.5s ease;}
.product h4{font-size: 30px;
  margin: 60px 0 10px;}
.product article{width: 1000px;
  margin: 0 auto;}
.pro_flex{display: flex;
  border: 1px solid #fff;}
.pro_flex img{width: 400px;
  border-right: 2px solid #fff;}
.n_p_s{margin-left: 50px;}
.pr_form button{font-size: 18px;
  font-family: 'Shippori Mincho', serif;}

/* footer */
footer{padding: 20px auto;
  margin: 20px auto;
  border-top: solid 1px #fff;}
.high{position: relative;}
.high a{position: absolute;
  bottom: 20px;
  right: 40px;
  text-decoration: none;
  font-size: 20px;
  font-weight: bold;
  color:#000;
  background-color: #f8f7d2;
  padding: 15px 10px;
  border-radius: 25%;
  transition: 0.5s ease;
  position: fixed;
  border: #000 solid 1px;}
.high a:hover{background-color: #ebe9a0;}
.last{width: 1200px;
  margin: 0 auto 20px;}
.last dl{width: 100%;
	padding: 20px 0;
	margin: 0;
	display: flex;
	flex-wrap: wrap}
.last dt{width: 300px;
  margin-left: 100px;}
.last dd{width: 800px;}
.last dd a{color: #fff;
  text-decoration: none;
  transform: 0.5s ease;}
.last dd a:hover{color: #ebe9a0;
  text-shadow: rgb(250, 245, 197) 1px 2px 3px;}
footer small p{text-align: center;}