.ivfade {
  opacity : 0;
  transform : translate(0, 100px);
  transition : all 1s;
}

.ivfade.active{
  opacity : 1;
  transform : translate(0, 0);
}

/* Style for PCs */
@media screen and (min-width: 1025px) {

/* video
------------------------------------------------------*/



#topimage {
width:100%;
height: 95vh;
display: block;
position: relative;
}
#tpdw {
width: 300px;
height: 100px;
display: block;
position: absolute;
bottom: 10px;
left:50%;
margin-left:-150px;
background-image:url(../img/index/ic-scrolldoen.png);
background-repeat: no-repeat;
background-position: center bottom;
background-size: auto 90px;
}

#tpdw a {
	display: block;
width: 300px;
height: 100px;
}


/* Image Slider
------------------------------------------------------*/
#slidebody {
display: none;
}

#slidecov {
display: none;
}
#slidemm {
display: none;
}
#slidemm.cycle-slideshow {
display: none;
}
#slidemm.cycle-slideshow div img {
display: none;
}
#slidemm.cycle-slideshow div img {
display: none;
}

/* Title
------------------------------------------------------*/
.titletxt01 {
font-size:30px;
line-height: 1.25em;
font-weight: 900;
font-style: italic;
color:#333;
letter-spacing: -1.5px;
margin-bottom: 2px;
}
.titletxt02 {
font-size:14px;
line-height: 1.25em;
font-weight: 400;
color:#000;
margin-bottom: 50px;
}


/* Wheel lineup
------------------------------------------------------*/
#wlmm {
width:90%;
height: auto;
display:block;;
background-color: rgba(255,255,255,1.0);
padding:50px 5% 50px 5%;
margin-left:10%;
}
.wlborder {
width:90%;
height: auto;
display:block;
margin-left:10%;
}


/* News
------------------------------------------------------*/
#newsmm {
width:90%;
height: auto;
display:block;;
background-color: rgba(255,255,255,1.0);
padding:50px 5% 50px 5%;
}
.nwborder {
width:90%;
height: auto;
display:block;
}
.nwlist {
width:100%;
height: auto;
display: block;
}
.nwlist dt {
width:100px;
height: auto;
display: block;
padding:10px 5px;
float: left;
font-size:12px;
line-height: 1.4em;
font-weight: 400;
color:#333333;
}
.nwlist dd {
width:100%;
height: auto;
display: block;
padding:10px 5px 10px 120px;
font-size:12px;
line-height: 1.4em;
border-bottom: 1px dotted #d5d5d5;
}
.nwlist dd a {
text-decoration: none;
color:#454545;
}
.nwlist dd a img {
width:35px;
height: auto;
display: inline;
margin-right:5px;
}

/* Gallery
------------------------------------------------------*/
#gallerymm {
width:100%;
height: auto;
display:block;;
background-color: rgba(255,255,255,1.0);
padding:50px 5% 50px 5%;
}
.gmtitle {
width:100%;
height: auto;
display: block;
padding:0 5%;
}
.gmtitle h2 {
color:#fff!important;
}
.gmtitle p {
color:#d6cfbf!important;
}
ul.gallerylist li {
width:25%;
height: auto;
display: block;
float: left;
}
ul.gallerylist li a {
width:100%;
height: auto;
display: block;
filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
ul.gallerylist li a:hover {
filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}


}


/* Style for iPad Pro */
@media screen and (min-width: 769px) and (max-width: 1024px) {

/* video
------------------------------------------------------*/
#topimage {
width:100%;
height: 95vh;
display: block;
position: relative;
}
#tpdw {
width: 300px;
height: 100px;
display: block;
position: absolute;
bottom: 10px;
left:50%;
margin-left:-150px;
background-image:url(../img/index/ic-scrolldoen.png);
background-repeat: no-repeat;
background-position: center bottom;
background-size: auto 90px;
}

#tpdw a {
	display: block;
width: 300px;
height: 100px;
}

/* Image Slider
------------------------------------------------------*/
#slidebody {
display: none;
}

#slidecov {
display: none;
}
#slidemm {
display: none;
}
#slidemm.cycle-slideshow {
display: none;
}
#slidemm.cycle-slideshow div img {
display: none;
}
#slidemm.cycle-slideshow div img {
display: none;
}

/* Title
------------------------------------------------------*/
.titletxt01 {
font-size:30px;
line-height: 1.25em;
font-weight: 900;
font-style: italic;
color:#333;
letter-spacing: -1.5px;
margin-bottom: 2px;
}
.titletxt02 {
font-size:14px;
line-height: 1.25em;
font-weight: 400;
color:#000;
margin-bottom: 50px;
}


/* Wheel lineup
------------------------------------------------------*/
#wlmm {
width:90%;
height: auto;
display:block;;
background-color: rgba(255,255,255,1.0);
padding:50px 5% 50px 5%;
margin-left:10%;
}
.wlborder {
width:90%;
height: auto;
display:block;
margin-left:10%;
}


/* News
------------------------------------------------------*/
#newsmm {
width:90%;
height: auto;
display:block;;
background-color: rgba(255,255,255,1.0);
padding:50px 5% 50px 5%;
}
.nwborder {
width:90%;
height: auto;
display:block;
}
.nwlist {
width:100%;
height: auto;
display: block;
}
.nwlist dt {
width:100px;
height: auto;
display: block;
padding:10px 5px;
float: left;
font-size:12px;
line-height: 1.4em;
font-weight: 400;
color:#333333;
}
.nwlist dd {
width:100%;
height: auto;
display: block;
padding:10px 5px 10px 120px;
font-size:12px;
line-height: 1.4em;
border-bottom: 1px dotted #d5d5d5;
}
.nwlist dd a {
text-decoration: none;
color:#454545;
}
.nwlist dd a img {
width:35px;
height: auto;
display: inline;
margin-right:5px;
}

/* Gallery
------------------------------------------------------*/
#gallerymm {
width:100%;
height: auto;
display:block;;
background-color: rgba(255,255,255,1.0);
padding:50px 5% 50px 5%;
}
.gmtitle {
width:100%;
height: auto;
display: block;
padding:0 5%;
}
.gmtitle h2 {
color:#fff!important;
}
.gmtitle p {
color:#d6cfbf!important;
}
ul.gallerylist li {
width:33.33333333%;
height: auto;
display: block;
float: left;
}
ul.gallerylist li a {
width:100%;
height: auto;
display: block;
filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
ul.gallerylist li a:hover {
filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

}

/* Style for iPad */
@media screen and (min-width: 481px) and (max-width: 768px) {

/* video
------------------------------------------------------*/
#topimage {
width:100%;
height: 95vh;
display: block;
position: relative;
display: none;
}


#tpdw {
width: 300px;
height: 100px;
display: block;
position: absolute;
bottom: 10px;
left:50%;
margin-left:-150px;
background-image:url(../img/index/ic-scrolldoen.png);
background-repeat: no-repeat;
background-position: center bottom;
background-size: auto 90px;
}

#tpdw a {
	display: block;
width: 300px;
height: 100px;
}

/* Image Slider
-----------------------------------------------------------------------*/
#slidebody {
width:100%;
height: auto;
display: block;
position:relative;
}

#slidecov {
width:100%;
height: auto;
display: block;
position: absolute;
bottom:0;
left:0;
z-index:1500;
}


#slidecov2 {
width:100%;
height: auto;
display: block;
position: absolute;
bottom:0;
left:0;
z-index:1500;
}






#slidemm {
width:100%;
height: auto;
display: block;
}
#slidemm.cycle-slideshow {
width:100%;
height: auto;
display: block;
}
#slidemm.cycle-slideshow div img {
width:100%;
height: auto;
display: block;
}
#slidemm.cycle-slideshow div img {
width:100%;
height: auto;
display: block;
}


/* Title
------------------------------------------------------*/
.titletxt01 {
font-size:24px;
line-height: 1.25em;
font-weight: 900;
color:#333;
letter-spacing: -1px;
margin-bottom: 2px;
}
.titletxt02 {
font-size:12px;
line-height: 1.25em;
font-weight: 400;
color:#000;
margin-bottom: 30px!important;
}



/* Wheel lineup
------------------------------------------------------*/
#wlmm {
width:100%;
height: auto;
display:block;;
background-color: rgba(255,255,255,1.0);
padding:50px 5% 50px 5%;
}
#wlb01 {
display: none;
}
.wlborder {
width:100%;
height: auto;
display:block;
}


/* News
------------------------------------------------------*/
#newsmm {
width:100%;
height: auto;
display:block;;
background-color: rgba(255,255,255,1.0);
padding:50px 5% 50px 5%;
}
.nwborder {
width:100%;
height: auto;
display:block;
}
.nwlist {
width:100%;
height: auto;
display: block;
}
.nwlist dt {
width:100px;
height: auto;
display: block;
padding:10px 5px;
float: left;
font-size:12px;
line-height: 1.4em;
font-weight: 400;
color:#333333;
}
.nwlist dd {
width:100%;
height: auto;
display: block;
padding:10px 5px 10px 120px;
font-size:12px;
line-height: 1.4em;
border-bottom: 1px dotted #d5d5d5;
}
.nwlist dd a {
text-decoration: none;
color:#454545;
}
.nwlist dd a img {
width:35px;
height: auto;
display: inline;
margin-right:5px;
}

/* Gallery
------------------------------------------------------*/
#gallerymm {
width:100%;
height: auto;
display:block;;
background-color: rgba(255,255,255,1.0);
padding:50px 5% 50px 5%;
}
.gmtitle {
width:100%;
height: auto;
display: block;
padding:0 5%;
}
.gmtitle h2 {
color:#fff!important;
}
.gmtitle p {
color:#d6cfbf!important;
}
ul.gallerylist li {
width:50%;
height: auto;
display: block;
float: left;
}
ul.gallerylist li a {
width:100%;
height: auto;
display: block;
filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
ul.gallerylist li a:hover {
filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}



}

/* Style for Smartphone */
@media screen and (max-width: 480px) {

/* video
------------------------------------------------------*/
#topimage {
width:100%;
height: 95vh;
display: block;
position: relative;
display: none;
}

#tpdw {
width: 300px;
height: 100px;
display: block;
position: absolute;
bottom: 10px;
left:50%;
margin-left:-150px;
background-image:url(../img/index/ic-scrolldoen.png);
background-repeat: no-repeat;
background-position: center bottom;
background-size: auto 90px;
}

#tpdw a {
	display: block;
width: 300px;
height: 100px;
}


/* Image Slider
-----------------------------------------------------------------------*/
#slidebody {
width:100%;
height: auto;
display: block;
position:relative;
}

#slidecov {
width:100%;
height: auto;
display: block;
position: absolute;
bottom:0;
left:0;
z-index:1500;
}


#slidecov2 {
width:100%;
height: auto;
display: block;
position: absolute;
bottom:0;
left:0;
z-index:1500;
}






#slidemm {
width:100%;
height: auto;
display: block;
}
#slidemm.cycle-slideshow {
width:100%;
height: auto;
display: block;
}
#slidemm.cycle-slideshow div img {
width:100%;
height: auto;
display: block;
}
#slidemm.cycle-slideshow div img {
width:100%;
height: auto;
display: block;
}


/* Title
------------------------------------------------------*/
.titletxt01 {
font-size:24px;
line-height: 1.25em;
font-weight: 900;
color:#333;
letter-spacing: -1px;
margin-bottom: 2px;
}
.titletxt02 {
font-size:12px;
line-height: 1.25em;
font-weight: 400;
color:#000;
margin-bottom: 30px!important;
}

/* Wheel lineup
------------------------------------------------------*/
#wlmm {
width:100%;
height: auto;
display:block;;
background-color: rgba(255,255,255,1.0);
padding:50px 5% 50px 5%;
}
#wlb01 {
display: none;
}
.wlborder {
width:100%;
height: auto;
display:block;
}


/* News
------------------------------------------------------*/
#newsmm {
width:100%;
height: auto;
display:block;;
background-color: rgba(255,255,255,1.0);
padding:50px 5% 50px 5%;
}
.nwborder {
width:100%;
height: auto;
display:block;
}
.nwlist {
width:100%;
height: auto;
display: block;
}
.nwlist dt {
width:100%;
height: auto;
display: block;
padding:0px 5px 5px;
font-size:12px;
line-height: 1.4em;
font-weight: 400;
color:333;
border-bottom: 1px dotted rgba(197,5,47,1.00);
}
.nwlist dd {
width:100%;
height: auto;
display: block;
padding:5px 5px 25px 5px;
font-size:12px;
line-height: 1.4em;
}
.nwlist dd a {
text-decoration: none;
color:#454545;
}
.nwlist dd a img {
width:35px;
height: auto;
display: inline;
margin-right:5px;
}

/* Gallery
------------------------------------------------------*/
#gallerymm {
width:100%;
height: auto;
display:block;;
background-color: rgba(255,255,255,1.0);
padding:50px 5% 50px 5%;
}
.gmtitle {
width:100%;
height: auto;
display: block;
padding:0 5%;
}
.gmtitle h2 {
color:#fff!important;
}
.gmtitle p {
color:#d6cfbf!important;
}
ul.gallerylist li {
width:50%;
height: auto;
display: block;
float: left;
}
ul.gallerylist li a {
width:100%;
height: auto;
display: block;
filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
ul.gallerylist li a:hover {
filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}


ul.gallerylist li {
width:100%;
height: auto;
display: block;
float: none;
margin-bottom: 20px;
word-break: break-all;
}




}





.detail-text{
  text-decoration: none;
  color: #000;
}


.detail-text:hover{
  text-decoration: none;

}




.detail-text dl{
  padding: 10px;

}

.detail-text dl dt{
  color: #000;
  
}

.detail-text dl dd.name{
  font-weight: bold;
  font-size: 16px;
    color: #000;
  
}

.detail-text dl dd{ 
    color: #000;
    word-break: break-all;
}


#top-down {
   margin-top:-100px;
  padding-top:100px;
}



@media screen and (min-width: 768px) {
  #slider-zoom{
    display: none;

}
}

  #slider-zoom{
    overflow: hidden;
    width: 100%;
 /*   min-height: 600px;*/
        min-height: 360px;
    background-color: #999;
    position: relative;
}
.zs-bullets{
  display: none;

}


.color-name{
    padding-top: 5px;
  padding-bottom: 5px;
}


  .zs-enabled{position:relative}.zs-enabled .zs-slideshow,.zs-enabled .zs-slides,.zs-enabled .zs-slide{position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;overflow:hidden}.zs-enabled .zs-slideshow .zs-slides .zs-slide{background:transparent none no-repeat 20% 20%;background-size:cover;position:absolute;visibility:hidden;opacity:0;-webkit-transform:scale(1.2, 1.2);-moz-transform:scale(1.2, 1.2);-ms-transform:scale(1.2, 1.2);-o-transform:scale(1.2, 1.2);transform:scale(1.2, 1.2)}.zs-enabled .zs-slideshow .zs-slides .zs-slide.active{visibility:visible;opacity:1}.zs-enabled .zs-slideshow .zs-bullets{position:absolute;z-index:4;bottom:20px;left:0;width:100%;text-align:center}.zs-enabled .zs-slideshow .zs-bullets .zs-bullet{display:inline-block;cursor:pointer;border:2px solid #ccc;width:14px;height:14px;border-radius:8px;margin:10px;background-color:#4a4a4a}.zs-enabled .zs-slideshow .zs-bullets .zs-bullet.active{background-color:#ccc}.zs-enabled .zs-slideshow:after{content:" ";position:absolute;top:0;left:0;width:100%;height:100%;z-index:3;background:transparent none repeat 0 0}.zs-enabled.overlay-plain .zs-slideshow:after{background-image:url(plain.png)}.zs-enabled.overlay-dots .zs-slideshow:after{background-image:url(dots.png)}