@media (orientation: portrait) and (min-width: 600px) and (max-width: 980px)  {

.c-loader-bg img {
    width: 330px;
    max-width: 45%;
    margin: 0 auto 90px;
}	
.tablet_none{
	display:none;
}
.tablet_only{
	display:block;
}

.features h2, 
.harf h2, 
.top--news h2, 
.lineup h2,
.message h2{
    font-size: 5.3vw;
}

.timelessdesign .harf h3, .tomrrow-stechnology .harf h3 {
	font-size: 4.3vw;
}


sign .harf01>div p {
    font-size: 2.3vw;
}

.features p, .lineup p, .top--news p {
    margin: 0;
    padding: 0;
    font-size: 3.3vw;
}




.timelessdesign .harf01>div p,
.tomrrow-stechnology .harf01 div p{
    width: 100%;
    max-width: 100%;
    font-size: 2.3vw;
    margin-top: 20px;
}


.slick__item {
}

.bicycle--wallpaper {
    height: 70vw;
}
.bicycle--wallpaper img {
    height: 85vw;
}

.cruiser--img__sp,
.ringo--spec__imgsp{
	display:none;
}

.ringo--img__tabletonly,
.cruiser--img__tabletonly{
	display:block;
}

.cruiser--spec div>h3>img,
.ringo--spec div>h3>img{
    width: 45%;
}
.ringo--spec div>h3>img {
    margin: 50px auto 0;
}
.slider {
    padding: 0 20px 100px;
}
.js-item01 h3 img {
    max-width: 385px;
}
.js-item02 h3 img {
    max-width: 400px;
}
.js-item03 h3 img {
    max-width: 360px;
}
.js-item04 h3 img {
    max-width: 360px;
}
.cruiser--spec>div>div a, 
.ringo--spec>div>div a,
.commentary a{
    border-radius: 40px;
    font-size: .20rem;
    padding: 12px 80px 13px 80px;
}
.cruiser--spec>div>div p, .ringo--spec>div>div>p {
    font-size: .18rem;
}
.commentary p {
    font-size: .17rem;
}
/*
.slider {
    display: flex;
}


.slider .slider-nav-wrap .slick-prev01, .slider .slider-nav-wrap .slick-prev02{
    content: '';
    rotate: 90deg;
    position: absolute;
    top: -25px;
    right: 0;
    left: 0;
    margin: auto;
    border-bottom: solid 1px #000000;
    border-left: solid 1px #000000;
    width: 24px;
    height: 24px;
    transform: rotate(45deg);
}

.slider .slider-nav-wrap .slick-next01, .slider .slider-nav-wrap .slick-next02{
    content: '';
    rotate: 90deg;
    position: absolute;
    top: -25px;
    right: 0;
    left: 0;
    margin: auto;
    border-bottom: solid 1px #000000;
    border-left: solid 1px #000000;
    width: 24px;
    height: 24px;
    transform: rotate(45deg);
}
*/
/*
.slider .slider-nav-wrap {
    width: 56.3%;
}
.slider .slider-for, .slider .slider-for02 {
    width: 77.5%;
    margin: 0 auto;
}
.slider .slider-nav-wrap {
    width: 72%;
    margin: 23px auto 0;
}
*/
.top--footer02 div:nth-of-type(1) {
    width: 45%;
}

.top--footer01 {
    height: 61vw;
    background-position: 50% 50%;
    padding-top: 70px;
}

.lity-container {
    max-width: 94%;
}


.contact-top {
    height: 47vw;
    margin-top: 0;
}

.item {
    margin-top: 130px;
}
.contact--list .td {
    width: 100%;
    max-width: 628px;
}
.nema-box,
.contact--box {
    padding: 0 60px;
}

.name-card {
    align-items: center;
}
.inst--block {
    padding: 0 0 0 20px;
}

  .slider .slider-nav-wrap {
    padding: 0 20px;
    margin-top: 12px;
  }
  .slider{
    display:block;
  }
  .slider {
    position: relative;
    width: 100%;
    margin: 0 auto;
    left: 0;
    padding: 0 20px 85px;
  }

  .slider .slider-nav-wrap .slick-next01,
  .slider .slider-nav-wrap .slick-next02 {
    rotate: 180deg;
    top: 0;
    bottom: 0;
    right: -666px;
    left: 30px;
  }

  .slider .slider-nav-wrap .slick-prev01,
  .slider .slider-nav-wrap .slick-prev02 {
    rotate: 180deg;
    top: 0;
    bottom: 0;
    right: 30px;
    left: -666px;
  }

  .slider .slider-nav-wrap .slick-prev01,
  .slider .slider-nav-wrap .slick-prev02 {
    width: 15px;
    height: 15px;
    rotate: 180deg;
    top: 0;
    bottom: 0;
    right: auto;
    left: 0;
  }
	.slider .slider-nav-wrap .slick-next01, 
	.slider .slider-nav-wrap .slick-next02{
    width: 15px;
    height: 15px;
    rotate: 180deg;
    top: 0;
    bottom: 0;
    right: 0;
    left: auto;
	}
  

}

@media (orientation: landscape) and (min-width: 600px) and (max-width: 1025px)  {

	.slider11 {
    	width: 60%;
	    max-width: 450px;
	}
	.item-container h3 {
    	padding-top: 10px;
	}
	.commentary p {
    	width: 83%;
	}
	.slick-prev {
    	left: -40px;
	}
	.slick-next {
    	left: 40px;
	}
	.top--footer02 {
    	max-width: 88%;
	}
	.ringo_top-container {
    	padding-bottom: 80px;
   	 	margin-bottom: 40px;
	}
}