@charset "utf-8";
/* CSS Document */

/*---------scrollアイコン-----------*/
.p-index-kv__scroll {
width: 1px;
height: 40px;
position: absolute;
left: 0;
right: 0;
text-align: center;
margin: auto;
z-index: 100;
background-color: #eee
}

@media only screen and (min-width: 769px) {
.p-index-kv__scroll {
/*bottom: 6.51042%;*/
bottom: 5%;
}
}
/*sp*/
@media only screen and (max-width: 768px) {
.p-index-kv__scroll {
bottom: 5%;
}
}


@media all and (min-width:768px) and (max-width:1024px) {
.p-index-kv__scroll {
bottom: 15.84507%
}
}

@media all and (max-width:767px) {
.p-index-kv__scroll {
bottom: 13.20423%
}
}
.p-index-kv__scroll-pointer {
width: 1px;
height: 10px;
position: absolute;
top: 0;
left: 0;
z-index: 100
}
.p-index-kv__scroll-pointer:before {
content: '';
display: block;
width: 1px;
height: 10px;
border-radius: 50%;
background-color: red
}

@media all and (min-width:768px) {
.p-index-kv__scroll-text {
position: absolute;
bottom: -30px;
font-size: 10px;
font-size: .625rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: .1em;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
color: #fff;
}
}

@media all and (max-width:767px) {
.p-index-kv__scroll-text {
position: absolute;
bottom: -30px;
font-size: 10px;
font-size: .625rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: .1em;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
color: #fff;
}
}


@-webkit-keyframes moveScrollPointer {
0% {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
100% {
-webkit-transform:translate3d(0, 35px, 0);
transform:translate3d(0, 35px, 0)
}
}
@keyframes moveScrollPointer {
0% {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
100% {
-webkit-transform:translate3d(0, 35px, 0);
transform:translate3d(0, 35px, 0)
}
}

.p-index-kv__scroll-pointer {
width: 1px;
height: 10px;
position: absolute;
top: 0;
left: 0;
z-index: 100
}
.p-index-kv__scroll-pointer:before {
content: '';
display: block;
width: 1px;
height: 10px;
border-radius: 50%;
background-color: #ad5011;
}
@-webkit-keyframes scrollPointerInOut {
0% {
-webkit-transform:scale(0);
transform:scale(0)
}
10% {
-webkit-transform:scale(1);
transform:scale(1)
}
60% {
-webkit-transform:scale(1);
transform:scale(1)
}
100% {
-webkit-transform:scale(0);
transform:scale(0)
}
}
@keyframes scrollPointerInOut {
0% {
-webkit-transform:scale(0);
transform:scale(0)
}
10% {
-webkit-transform:scale(1);
transform:scale(1)
}
60% {
-webkit-transform:scale(1);
transform:scale(1)
}
100% {
-webkit-transform:scale(0);
transform:scale(0)
}
}
.p-index-kv__scroll-pointer {
-webkit-animation-name: moveScrollPointer;
animation-name: moveScrollPointer;
-webkit-animation-duration: .8s;
animation-duration: .8s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
.p-index-kv__scroll-pointer:before {
-webkit-animation-name: scrollPointerInOut;
animation-name: scrollPointerInOut;
-webkit-animation-duration: .8s;
animation-duration: .8s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
/*PC*/
@media print, screen and (min-width: 768px) {

/*-------------------*/
.flexList3 {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 30px;
}
.flexList3 li {
-ms-flex-preferred-size: 30%;
flex-basis: 30%;
margin-right: 5%;
}
.flexList3 li:nth-child(3n) {
margin-right: 0;
}
.flexList_img img {
width: 100%;
}
.flexList_img {
margin-bottom: 10px;
}
.flexList3 p {
text-align: center;
}
.pdBox {
border: #ccc 5px solid;
padding: 40px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
margin:0 0 60px;
}
.pdBoxIn {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
}
.pdBoxIn:nth-child(1) {
border-right: #ccc 1px dashed;
padding-right: 5%
}
.pdBoxIn:nth-child(2) {
padding-left: 5%
}
.pdBoxIn1 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
#pdBox .product_wrap {
margin-bottom: 80px;
}
#pdBox .product_wrap:last-child {
margin-bottom: 0px;
}



}





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





/*sp*/
@media only screen and (max-width: 767px) {

/*-------------------*/
.flexList3 {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 30px;
}
.flexList3 li {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
margin-bottom: 20px;
}
.flexList3 li:last-child{
margin-bottom: 0;
}
.flexList_img img {
width: 100%;
}
.flexList_img {
text-align: center;
margin-bottom: 10px;
}
.flexList3 p {
text-align: center;
}
.pdBox {
border: #ccc 5px solid;
padding: 15px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin:0 0 40px;
}
.pdBoxIn {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
.pdBoxIn:nth-child(1) {
border-bottom: #ccc 1px dashed;
padding-right: 10px;
margin-bottom: 10px;
}
.pdBoxIn1 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
#pdBox .product_wrap {
margin-bottom: 60px;
}
#pdBox .product_wrap:last-child {
margin-bottom: 0px;
}

}