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



/*@media only screen and (min-width: 1024px){
.vbtn{
width:400px;
height:60px;
line-height:60px;
padding-bottom:50px;
}
}

@media only screen and (min-width: 375px) and (max-width: 979px) {
.vbtn{
width:90%;
height:50px;
line-height:50px;
padding-bottom:50px;
}
}

.vbtn a{
display:block;
width:100%;
height:100%;
text-decoration: none;
background:#0e2a4b;
text-align:center;
color:#FFFFFF;
font-size:18px;
font-weight:500;
letter-spacing:0.2em;
border-radius:10px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
box-shadow:3px 3px 4px 0px #C4C4C4 ;
}
.vbtn a:hover{
background:#deb8d1;
color:#D62F58;
opacity:0.5;
}*/



#slidesub{
position: relative;
overflow: hidden;
list-style: none;
z-index: 1;
}/*
#slidesub img {
box-shadow: none;
vertical-align: bottom;
}*/
.swiper-slide p{font-size:1.0rem;letter-spacing:.1vw;line-height:0.3}
.swiper-slide-prev,.swiper-slide-next{ opacity: 0.5; }


/* ランキングshimanohito */
@media only screen and (max-width: 700px){
#ranking{margin-bottom:25%;}
#slidesub{padding: 0;width: 100%;}
#slidesub img {width: 80%;margin: 5%;}
.swiper-button-prev,
.swiper-button-next {width: 15%;margin-top:-15%;}
}


@media only screen and (min-width: 701px){
#ranking{margin:5% 0;}
#slidesub{padding: 0;width: 100%;}
#slidesub img {width: 80%;margin: 5%;}
.swiper-button-prev,
.swiper-button-next {width: 5%;height: 5%;}
}
@media only screen and (min-width: 1500px){
#slidesub{width: 50%;padding: 0;}
#slidesub img {width: 80%;margin: 0;}
.swiper-button-prev,
.swiper-button-next {width: 10%;margin-top:-5%;}	
/*.swiper-slide {width: 10%;margin: 0;}*/

}