@font-face { font-family: 'LiberationSans'; src: url('/font/LiberationSans-Regular-webfont.ttf') format('truetype'),  url('/font/LiberationSans-Regular-webfont.woff') format('woff'); }
body { margin: 0; padding: 0; }
.kv { width: 100%; height: 500px; box-sizing: border-box; overflow: hidden; position: relative; line-height: 1; padding: 0; }
.kv a { color: #000; text-decoration: none; }
.kv__wrap { width: 1000px; height: 500px; position: relative; margin: 0 auto; }
.kv__copy { width: 420px; position: absolute; top: 205px; left: 50px; z-index: 3; margin: 0; }
.kv__copy-en-wrap { height: 46px; font-size: 21px; font-family: "LiberationSans"; letter-spacing: 2px; }
.kv__copy-en-word1 { float: left; white-space: nowrap; margin-right: 10px; }
.kv__copy-en-word2 { float: left; white-space: nowrap; margin-right: 10px; }
.kv__copy-en-word3 { float: left; position: relative; }
.kv__copy-en-word3-item { position: absolute; top: 0; left: 0; }
.kv__copy-en-label { white-space: nowrap; }
.kv__copy-en-line { height: 1px; position: absolute; top: 26px; right: 0; left: 0; background-color: #000; }
.kv__copy-ja { height: 1em; position: relative; font-size: 13px; letter-spacing: 1px; }
.kv__copy-ja-item { position: absolute; top: 0; left: 0; }
.kv__images { width: 50%; position: absolute; top: 0; right: 0; bottom: 0; left: 50%; z-index: 1; }
.kv__image { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-size: cover; background-position: 50%; }
.kv__image--01 { background-image: url('/images/corp/top/kv/191008_kv_img01.png'); }
.kv__image--02 { background-image: url('/images/corp/top/kv/180928_kv_img02.png'); }
.kv__image--03 { background-image: url('/images/corp/top/kv/kv_img03-b.jpg'); }
.kv__image--04 { background-image: url('/images/corp/top/kv/kv_img04-b.jpg?190820'); }
.kv__image--05 { background-image: url('/images/corp/top/kv/kv_img05-b.jpg'); }
.kv__image-cover { overflow: hidden; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; }
.kv__image-cover-color { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #fff; }
.kv__link { position: absolute; bottom: 20px; left: 0; z-index: 3; margin: 0; padding: 0; }
.kv__link li { display: block; float: left; vertical-align: middle; margin-right: 20px; font-size: 12px; font-family: "LiberationSans"; }
/*-- add 170906 --*/
.kv__link li {margin-right: 8px;}
.kv__link li img{ height: 22px;}
.kv__link li#kv__link_shoeplaza img{ width: 118px; height: 29px!important;}
.kv__link li#kv__link_tsrc img{ width: 170px; height: 29px!important;}
.kv__link li#kv__link_cloverleaf img{ width: 92px; height: 24px!important; margin-top: 3.5px!important;}
.kv__link li#kv__link_onlineshop img{ width: 90.781px;}
.kv__link li#kv__link_shop-information img{ width: 73.118px; margin-top: 3.5px!important;}
/*-- --*/
.kv__link-more { padding-top: 3px; }
.kv__bg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
/*
  Animation Init
*/
.kv__copy-first { }
.kv__copy-en-word3-item .kv__copy-en-label { opacity: 0; transform: translate3D(-10px, 0, 0); }
.kv__copy-en-word3-item .kv__copy-en-line { transform: scaleX(0); }
.kv__copy-ja-item { opacity: 0; transform: translate3D(-10px, 0, 0); }
.kv__image { opacity: 0; }
.kv__link { opacity: 0; }
.kv__bg { transition-duration: 1s; }
.kv__image-cover { transition-duration: 1s; }
.kv__image-cover-color { transition-duration: 1s; }
/*
  Animation
*/
@keyframes slideIn {  0% {
 transform: scaleX(0);
 transform-origin: left;
}
 100% {
 transform: scaleX(1);
 transform-origin: left;
}
}
@keyframes slideOut {  0% {
 transform: scaleX(1);
 transform-origin: right;
}
 100% {
 transform: scaleX(0);
 transform-origin: right;
}
}
.kv__copy-en-word3-item.is-visible .kv__copy-en-label { opacity: 1; transform: translate3D(0, 0, 0); transition-duration: 1s; transition-delay: 0.2s; }
.kv__copy-en-word3-item.is-visible .kv__copy-en-line { animation-name: slideIn; animation-duration: 1s; animation-iteration-count: 1; animation-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); animation-fill-mode: both; }
.kv__copy-ja-item.is-visible { opacity: 1; transform: translate3D(0, 0, 0); transition-duration: 1s; transition-delay: 0.4s; }
.kv__image-cover.is-visible { animation-name: slideOut; animation-duration: 0.8s; animation-delay: 0.8s; animation-iteration-count: 1; animation-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); animation-fill-mode: both; }
.kv__copy-en-word3-item.is-hidden .kv__copy-en-label { opacity: 0; transform: translate3D(10px, 0, 0); transition-duration: 1s; transition-delay: 0s; }
.kv__copy-en-word3-item.is-hidden .kv__copy-en-line { animation-name: slideOut; animation-duration: 1s; animation-iteration-count: 1; animation-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); }
.kv__copy-ja-item.is-hidden { opacity: 0; transform: translate3D(10px, 0, 0); transition-duration: 1s; transition-delay: 0.1s; }
.kv__image-cover.is-hidden { animation-name: slideIn; animation-duration: 0.8s; animation-delay: 0.2s; animation-iteration-count: 1; animation-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); animation-fill-mode: both; }
.kv__link.is-visible { opacity: 1; transition-duration: 1s; }