body {background-size:contain; font-family:ten-oldstyle, "Helvetica Neue",Helvetica,Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif; font-style:normal; font-feature-settings: "palt"; -webkit-font-feature-settings: "palt"; -moz-font-feature-settings: "palt"; letter-spacing: 0.075em; display:block; font-weight:500; color: #000000; line-height: 1.7; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size:16px; overflow-x:hidden;}
h1,h2,h3,h4,h5,h6,p { font-family: ten-oldstyle, sans-serif; font-weight: 400; font-style: normal; margin:0; color:#000000; line-height:1.7;text-align:center;}
ol, ul { list-style: none; padding: 0;}
a, a:hover {text-decoration: none;}
small {font-size:80%;}
#loader img {position: absolute;top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 180px;}

a, td, td p {font-family: futura-pt, sans-serif;color:#000000;  transition: 0.5s;}
a:hover {color:#000000; opacity:0.5;}
.current {border-bottom:1px solid #000000;}

header {position:fixed; top:0; z-index:10; width:100%; display:flex; justify-content:space-between; align-items: center; background-color:#ffffff;}
header .header-logo img {width: 60px; margin: 18px 24px 18px 0;}

nav {display:flex; align-items: baseline;}
nav .to-home {    font-size: 14px;     line-height: 1;    margin-left: 24px;}

ul {margin:0; margin-left: 24px;}
ul li {display: inline; font-size:14px;}
ul li {margin-left:24px; }
ul li:first-of-type {margin-left:0;}

.slick-slide img {width: 100%;}
.slick-slider, .slick-slide {margin:0;}
.slick-prev {left: 25px; z-index: 100;}
.slick-next {right: 25px; z-index: 100;}
.slick-prev, .slick-next {width:60px; height:60px;}
.slick-prev:before, .slick-next:before {opacity:1;}
.slick-next:before {content: url(/assets/special/outerwear_21fw/img/next.svg); color: #000000;}
.slick-prev:before {content: url(/assets/special/outerwear_21fw/img/prev.svg); color: #000000;}
.fullscreenmenu ul li {margin-left:0;}
.scroll-animation-top {font-family: futura-pt, sans-serif; display: inline-block; position: absolute; left: 40px; bottom: 0; z-index: 2; padding: 10px 10px 110px; overflow: hidden; color: #ffffff; font-size: 14px; line-height: 1; letter-spacing: .2em; text-decoration: none; writing-mode: vertical-lr;-ms-writing-mode:tb-lr;}
.scroll-animation-top::after {content: ''; position: absolute; bottom: 0; left: 45%; width: 1px; height: 100px; background: #ffffff;}
.scroll-animation-top::after { animation: sdl 4s cubic-bezier(1, 0, 0, 1) infinite;}
@keyframes sdl { 0% { opacity: 1; transform: scale(1, 0); transform-origin: 0 0; } 30% { transform: scale(1, 1); transform-origin: 0 0; } 30.1%, 70% { transform: scale(1, 1); transform-origin: 0 100%; } 100% { opacity: 0; transform: scale(1, 0); transform-origin: 0 100%; }}
.fade-in {opacity:0;}
.fade-in.active{ opacity:0; animation-name:sample02; animation-duration:2s;  animation-iteration-count: 1; animation-fill-mode: forwards;}
@keyframes sample02 {
0% {
 opacity: 0;
 transform: translateX(-50px);}
 100% {
 opacity:1;
 transform: translateX(0);
 } }

.fade-in.odd.active{ opacity:0; animation-name:sample03; animation-duration:2s;  animation-iteration-count: 1; animation-fill-mode: forwards;}
@keyframes sample03 {
0% {
 opacity: 0;
 transform: translateX(50px);}
 100% {
 opacity:1;
 transform: translateX(0);
 } }

section {background:#ffffff;}
section.main-visual {height:100vh; width:100%; background-image: url(/assets/special/outerwear_21fw/img/Cb_0922_0207.jpg); background-size: cover; background-position-x:center; position: fixed; top: 0; z-index: -1;    margin-bottom: 0!important;}
.main-title {position:fixed; z-index:-1; top:148px; left: 50%; width:100%; transform: translate(-50%, 0%); -webkit-transform: translate(-50%, 0%); -ms-transform: translate(-50%, 0%);}
.main-title h1, .main-title h2, .main-title p {color:#ffffff;}
.main-title h1 {font-size:72px; line-height:1.25}
.main-title h2 {font-size: 54px; line-height: 1;}
.main-title p {font-size:21px; margin-top:8px;}

.top-page section:nth-of-type(2) {margin-top:100vh; padding: 80px 0 0; overflow: hidden;}
h2 {font-size:48px;}
h3 {font-size:90px; text-transform: uppercase; line-height: 1;}

.introduction {width: 500px; max-width:90%; margin: 0 auto 80px; }
.introduction h2, .introduction p {text-align:left;}
.introduction h2 {margin-bottom:56px;padding-top:160px;}
.introduction p {line-height:2.2;}

.top-large-link {position:relative; display:block;}
.top-large-link a .main-image {transition: 1s; }
.top-large-link a:hover .main-image {opacity:0.5;}
.top-large-link h3 {position: absolute; z-index:1; left:24px; line-height: 1; text-align:left;}
.top-large-link img.main-image {margin-top: 48px; width: calc(50vw - 40px); height: 70vw;}
.top-large-link img.text-image {position: absolute; left: 16px; bottom: 16px; width: 16px;}
.top-large-link.mens h3 {right: 24px;}

.product-page section {position:relative; padding-top:80px; margin-bottom:120px;}
.product-page section:last-of-type {margin-bottom:0;}

.g-links ul {margin-top:330px;}

.uk-grid>* { padding-left: 80px;}
.uk-grid { margin-left: -80px;}
.uk-grid>.uk-grid-margin { margin-top: 10vh;}

footer {background-color: #ffffff;}
footer .copyright {background:#ffffff; padding:12px 0;}
footer .copyright p {font-size:12px; margin: 0; font-family: futura-pt, sans-serif;}
.product-page footer {padding-top:240px;}





.menu, .menu span { display: inline-block; -webkit-transition: all .4s; transition: all .4s; box-sizing: border-box;}
.menu.active p {color:#ffffff;}
.menu.active span {background-color:#000;}
.menu {    position: fixed; top: 16px; right: 16px; width: 64px; height: 64px; z-index: 10; border: none; background: transparent; padding: 0;}
.menu p { text-align: center; margin-top: -32px; font-size: 12px;   position: fixed;}
.menu span { position: absolute; right: 0; width: 100%; height: 2px; background-color: #000; z-index: 10;}
.menu span:nth-of-type(1) { top: 24px; width: 42px; right: 10px;}
.menu span:nth-of-type(2) { bottom: 25px; width: 28px; right: 10px;}
.menu span:nth-of-type(3) { bottom: 0px;}
.menu.active span:nth-of-type(1) { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg);   top: 22px;}
.menu.active span:nth-of-type(2) { -webkit-transform: translateY(0) rotate(-45deg); transform: translateY(0) rotate(-45deg);   bottom: 30px; width: 42px;}
#nav { position: fixed; top: 0; right: 0; z-index: 10; width: 100%; height: 100vh; opacity: 0; background-color: #ffffff; transition: all 0.3s ease-in-out; visibility: hidden;   overflow-y: scroll;}
#nav.active { right: 0; opacity: 1; -moz-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); visibility: visible;}
#nav ul { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
#nav ul li { list-style-type: none;}
#nav ul li a { display: block; margin: 20px 0; transition: all 0.2s ease-in-out; text-align: center; text-decoration: none; color: #ffffff; font-size: 26px; letter-spacing: 0.05em; line-height: 1.25; font-weight: 700;}
#nav ul li a img {    width: 90px; margin: 0 auto 0;}
#nav ul li a:hover {   opacity:0.5;}

a.store_link {color:#000000; font-family:sans-serif; font-size:14px; font-weight:700;  display: block; border-bottom: 1px solid #000000; padding-bottom: 3px; margin-bottom: 8px;}
td:first-of-type a.store_link{margin-right:32px; }
a.store_link:hover {color:#000000; opacity:0.5;}


.top-large-link .product-detail {display: flex; flex-wrap: wrap; justify-content: flex-end; margin-top: 8px;}
.top-large-link:nth-of-type(even) .product-detail {justify-content: flex-start;}
.product-detail td, .product-detail th {vertical-align: top; font-family: futura-pt, sans-serif; font-weight:normal; text-align: right;}
.product-detail td a {font-weight: bold; border-bottom:2px solid #000000; margin-left:24px; text-align: right;}
.product-detail td p {font-size:12px; margin-left:24px; text-align:right;}
.product-name {width: 100%; text-align: right;    margin-bottom: 8px;}
.top-large-link:nth-of-type(even) .product-detail .product-name {text-align:left;} 
.main_visual {display:flex; flex-wrap:wrap;}

.link_area { overflow: hidden; max-width: 410px; margin: 60px auto 0; text-align: center;}
.link_area .modal_link { display: inline;}
.link_area .modal_link a { display: inline-block; width: 180px; color: #000; line-height: 2.5; text-decoration: none; margin: 0 10px; background: #e6e6e6;}
.link-area ul li.modal_link:first-child a { float: left;}
.link-area ul li.modal_link:last-child a { float: right;}
.product-page .title {position: absolute; right: 24px;}

.sp {display:none;}
.pc {display:initial;}
._sp {display:none;}
._pc {display:block;}

@media screen and (max-width: 1399px) {

/**.product-detail tr {display: flex; flex-wrap: wrap;}**/
.product-detail td {width:50%; text-align: right;}
.product-detail td p {text-align: right;}
.product-detail tr:first-of-type {display: table-row;}
}

@media screen and (min-width: 640px) {
.top-large-link.rplus p {right:0;}
.top-large-link.rplus h3{bottom:-32px;}
.top-large-link.rplus img {margin:0 0 48px;}
.top-large-link.rplus img.text-image {right: 16px; left: initial;}
.product-page .top-large-link.rplus img {margin: 0;}
.product-page .top-large-link:nth-of-type(2) .uk-card {margin-top:50vh;}
.uk-grid>.uk-grid-margin { margin-top: 20vh;}
.top-large-link:nth-of-type(even) .product-detail td, .top-large-link:nth-of-type(even) .product-detail th {text-align:left;}
.top-large-link:nth-of-type(even) .product-detail td a {text-align:left; margin-left:0; margin-right:24px;}
.top-large-link:nth-of-type(even) .product-detail td p {text-align:left; margin-left:0;}
.unset-on-large {animation: unset!important; opacity: 1!important;}
}

@media screen and (max-width: 639px) {
.pc {display:none;}
.sp {display:initial;}
._sp {display:block;}
._pc {display:none;}

section.main-visual {background-image: url(/assets/special/outerwear_21fw/img/Cb_0922_0219.jpg);}
header {display:none;}
.fullscreenmenu #nav ul {margin-left:0; width: 100%;}
#nav ul li:last-of-type a {margin-top:120px}
.main-title h1 {font-size:14vw; line-height:1;}
.main-title h2 {font-size: 7.5vw; margin-top: 8px;}
.top-large-link .product-detail {display:block;}
.introduction {margin-bottom:40px;}
.introduction h2 {padding-top: 40px;}
.slick-prev {left: 0px;}
.slick-next {right: 0px;}
#nav ul li a {width:100%;}
#nav ul li a h2 {font-size:6vw;}
.top-large-link:nth-of-type(even) .product-detail .product-name {text-align: right;}
.top-large-link table {display: block; float: right;}

a.store_link {color:#000000; font-family:sans-serif; font-size:14px; font-weight:700;  display: block; border-bottom: 1px solid #000000; padding-bottom: 3px; margin-bottom: 8px;}
td:first-of-type a.store_link{margin-right:32px; }
a.store_link:hover {color:#000000; opacity:0.5;}

.main_visual {display:flex; flex-wrap:wrap;}
.link_area { overflow: hidden; max-width: 410px; margin: 60px auto 0; text-align: center;}
.link_area .modal_link { display: inline;}
.link_area .modal_link a { display: inline-block; width: 180px; color: #000; line-height: 2.5; text-decoration: none; margin: 0 10px; background: #e6e6e6;}
.link-area ul li.modal_link:first-child a { float: left;}
.link-area ul li.modal_link:last-child a { float: right;}

.top-large-link:nth-of-type(even) .product-detail {justify-content: flex-end;}
.product-page .title {position: initial; right: 0;}
.product-page .title h3 { text-align: left; margin: 0 16px; line-height: 1; font-size: 12vw;}
.top-large-link .product-detail {margin:16px 16px 0}

.introduction {padding: 0 24px;}
.top-large-link h3 { font-size: 18vw;}
.top-large-link img.main-image {padding-top: 36px; margin-top: 0;width: calc(100vw - 0px); height: 160vw;}
.slider {padding-top: 36px}
.scroll-animation-top {left: 16px;}

}