html {scroll-behavior: smooth;overflow-x: hidden;}
body {background-size:contain; font-family: "Arial", 'Century Gothic', '小塚ゴシック Pro','Kozuka Gothic Pro',sans-serif; font-style:normal; font-feature-settings: "palt"; -webkit-font-feature-settings: "palt"; -moz-font-feature-settings: "palt"; font-display:block; font-size:14px; font-weight:400; color: #000000; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size:16px;}
h1,h2,h3,h4,h5,h6,p { font-family: "Helvetica Neue", "Helvetica", 'arial black', "Arial", 'Century Gothic', '小塚ゴシック Pro','Kozuka Gothic Pro',sans-serif; margin:0; color:#000000; line-height:1.7;text-align:center;}
#introduction p {font-size: 18px; font-weight: 700; line-height: 2.4;}
#contents p {font-size:21px; line-height:1; font-weight: 700; text-align:left;}
#contents p span {font-size:12px;}
h2 {font-size:48px; font-weight:900; color:#000000; text-align: center; padding-top:90px; margin: 90px auto 40px;}
#contents table {margin:24px auto 0;}
#contents table tr:nth-of-type(2) td {padding-top:8px;}
#contents table td:nth-of-type(4) {padding-left: 48px;}
a img {transition: all 0.2s;}
a img:hover{transform: translate(10px,0px);}
#contents table a img {height:21px;     margin-bottom: -5px;}
.light-text {font-weight:normal;}

.main-logo a img:hover{transform: translate(0px,10px);}

footer a img:hover{transform: translate(0px,-10px);}

.flex-contents {display:flex; flex-wrap:nowrap;}
.flex-contents img {width:100%;}

/**#contents01, #contents02, #contents03, #contents04 {margin:0; display: flex; flex-wrap: wrap;}**/
#contents01 div:last-of-type, #contents02 div:last-of-type, #contents03 div:last-of-type, #contents04 div:last-of-type {margin: 0 auto;}

#contents01 table tr {display:block;}
#contents01 table tr:first-of-type {margin-bottom:24px;}

#contents02 table tr {display:block;}
#contents02 table tr:first-of-type {margin-bottom:24px;}

#contents03 table tr {display:block;}
#contents03 table tr:first-of-type {margin-bottom:24px;}

section h3 {font-weight: 700; font-size: 36px; padding-bottom: 20px; border-bottom: 2px solid #000000; margin-bottom: 64px;}
section {padding: 40px 0; padding: 120px 0 0;}

ol, ul { list-style: none; padding: 0;}
small {font-size:80%;}
iframe {width: 100%;}
img.cover, video.cover {object-fit: cover; width: 100%; height: 100%;}
#loader img {position: absolute;top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 180px;}
header .main-title {    font-weight: 900; text-align: left;z-index:100; position: absolute;right: 80px; top:50%; transform: translateY(-75%) translateX(0%); -webkit-transform: translateY(-75%) translateX(0%); -ms-transform: translateY(-75%) translateX(0%); font-size: 36px;}

header .main-logo .full-logo {position: fixed; top: 24px; right: 24px; width: 120px; z-index: 1;}

.outer-links {margin: 240px auto; display:block;}
.outer-links a {    width: 300px;
    margin: 0 auto 48px;
    display: block;}

.main-logo .kiwi-logo {position: absolute;
    top: 48px;
    right: 14px;
    width: 72px;
    z-index: 1000;}

.main-logo .to-womens {position: fixed;
    bottom: 0;
    right: 0px;
    width: 120px;
    z-index: 1000;}


.introduction {z-index: 100;
    position: absolute;
    right: 33px;
    bottom:0;
    width: 32px;
    transform: translateY(-5%) translateX(0%);
    -webkit-transform: translateY(-5%) translateX(0%);
    -ms-transform: translateY(-5%) translateX(0%);
}

#introduction {position:relative; line-height: 2; padding: 160px 24px 0;  max-width: 800px; margin: 0 auto 0;}
#introduction p {margin-bottom:160px;}
#introduction td:last-of-type {padding-left:48px;;}
#introduction td img {width: 250px;}
header .top-01 {background-image:url(/static/full/canterbury/special/kiwi_noritake_2022/img/00214.jpg); background-size: cover; background-repeat: no-repeat; height: 100%;}
header .main-visual {height:calc(100vh - 48px); width: calc(100% - 100px); padding-top: 48px;}
.header-sticky { padding: 16px 0 27px; background:#ffffff;}
#introduction td {padding-top:8px; padding-bottom:8px; line-height:2; font-weight: 600; vertical-align: middle;}
#introduction td span {font-weight:700; font-size: 24px; line-height: 1;}
#introduction td a {color:#000000; text-decoration:none; font-weight:700; font-size:18px;}
.uk-child-width-1-3 {margin:40px 0!important;}
.mb40 {margin-bottom:40px}
.captions {    margin-bottom: 100px;}

.story-look{transform: rotate(-90deg); transform-origin: 0 0; font-family:'Century Gothic', sans-serif;}
.anchor-links {position:fixed; left: 16px; top: calc(50% + 70px); transform: translateY(-50%) translateX(0%); -webkit-transform: translateY(-50%) translateX(0%); -ms-transform: translateY(-50%) translateX(0%);    z-index: 100;}

.uk-tab::before {border:none;}
.uk-tab>*>a {color: #000000;    padding: 0;}
.uk-tab>.uk-active>a {color: #828282; border:none;}

.uk-tab>.uk-active>a:after {
    position: absolute;
    top: 22px;
    left: 56px;
    content: "";
    display: inline-block;
    width: 2em;
    height: 2em;
    background: url(/static/full/canterbury/special/kiwi_noritake_2022/img/nike.svg) no-repeat;
    background-size: contain;
    transform: rotate(
90deg
 );
    transform-origin: 0 0;
}

#look .model {text-align: left;
    font-size: 18px;
    margin-top: 100px;
    padding: 0;
    color: #333333;
    line-height: 1.25;
    margin-bottom: 80px;}
#look .model a {color:#000000;}

#story .single img {max-width: 50%;
    margin: 0 auto;
    display: block;}

#nav-content .primetime-logo {display: block; width:240px; margin:120px auto 0;}

.slick-slider {padding: 0; margin: 0;}
.slick-dots {bottom: -50px;}
.slick-dots li {width: 80px; margin: 0 16px;}
.slick-dots li button {width:80px; height:10px;}
.slick-dots li button:before {background:#000000; opacity: .5; height:10px; content: '';}
.slick-dots li.slick-active button:before {background:#000000; opacity: 1;}
.slick-dots li button:before {width:100%;}
.slider{width:100vw; height:calc(100vh - 80px); left:0; margin:80px auto 0; text-align:center;}
.slider img{object-fit:cover; width:100%; height:calc(100vh - 80px); margin: 0 auto; text-align:center;}
.slick-next {right:25px; z-index: 10;}
.slick-prev {left:25px; z-index: 10;}
.slider h2 {margin:0; position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); border: none; color: #ffffff; font-weight: 700; font-size: 40px; line-height: 1.5;}
.slider h2 span {font-size:32px; font-weight:400;}
.slick-prev, .slick-next {width: 32px; height: 32px;}
.slick-prev::before {content: url(../img/arrow-pre.svg);}
.slick-next::before {content: url(../img/arrow-nex.svg);}
.contents-wrap { display:flex; flex-wrap: wrap;}
footer.copyright {background:#ffffff; padding:12px 0; margin-top: 120px; text-align:center;}
footer.copyright p {font-size:12px; margin-top:60px;}
footer .back-to-top {    width: 120px;
    display: block;
    margin: 0 auto;}

.main-visual {width:100%; height:100vh; overflow:hidden;}
.navigation-sticky {background: #ffffff;
    padding: 14px 0 16px;    z-index: 980;
    position: sticky;
    top: 0;}

.uk-subnav {position:fixed; left:0; top: 50%; -webkit-transform: translate(-50%, 0%); transform: translate(-50%, 0%); }
.uk-subnav li {display: list-item;}
.uk-subnav li a:hover {opacity: .9z; -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; transition: all .3s ease-out;}

.uk-switcher {padding-top:80px;}

td:first-of-type hr {display:none;}

.sp {display:none!important;}
.pc {display:initial!important;}
._sp {display:none!important;}
._pc {display:block!important;}


@media screen and (min-width: 640px) {

header {position:absolute; top: 0;width:100%; height:100vh;}
#page {position:absolute; padding-top:100vh; width: 100%;}
#contents .flex-contents {margin-bottom:100px;}
#contents .flex-contents .margin-right100 {margin-right:100px;}
#contents .flex-contents .margin-left200 {margin-left:200px;}
#contents .flex-contents .margin-right200 {margin-right:200px;}
#contents .flex-contents .maxwidth-50 {max-width:50%; width:100%; margin:0 auto;}
}

@media screen and (max-width: 639px) {
.pc {display:none!important;}
.sp {display:initial!important;}
._pc {display:none!important;}
._sp {display:block!important;}
.slick-dots li {width: 56px;}


.flex-contents {display: block;}
#page {padding-top:120px; width: 100%;}
.flex-contents {margin-bottom:50px!important;}
.flex-contents .margin-right100 {margin-right:0!important; margin-bottom:50px!important;}
.flex-contents .margin-left200 {margin-left:0px!important;}
.flex-contents .margin-right200 {margin-right:0px!important;}
.flex-contents .maxwidth-50 {max-width:100%; width:100%; margin:0 auto;}

.captions {    margin-bottom: 50px;}

.introduction {right: 8px; width: 32px;}
#introduction p {
    font-size: 4vw;}
#contents03 table tr:first-of-type {
    margin-bottom: 36px;
}

header .main-visual {
    height: 70vh;
    width: 100%;
    margin-top: 100px!important;
    padding-top: 0;
    display: block;
}
.main-logo .kiwi-logo {
    position: fixed;
    background-color: rgba(255, 255, 255, .3);
    padding: 8px;
    top: 16px;
    right: 20px;
    width: 80px;
}
h2 {text-align:center; font-size:12vw; padding-top:120px;}

#introduction table td{
min-width:80px;
}
#introduction td img {
    width: 120px;
    height: 120px;
}
#introduction td:last-of-type {
    padding-left: 24px;
        font-size: 4vw;
}
#introduction td span {
    font-size: 6vw;
}
#introduction td a {font-size:4vw;}
#contents td {width:100%; display:block;     padding-bottom: 12px;}
#contents td p {text-align:center;}
#contents table td:first-of-type {
    text-align:center;
    border-right:none;
    padding-right:0;
}
#contents td:first-of-type hr {
    display:block;
    width: 80px;
    margin: 16px auto 8px;
        border-top: 1px solid #000000;
}
#contents td:nth-of-type(2) {
padding-left: 16px;
    padding-right: 16px;
    box-sizing: border-box;
}
#contents td:last-of-type {
    text-align: center;
    padding-left: 16px;
    padding-right: 16px;
    box-sizing: border-box;
}
#contents table td:nth-of-type(4) {padding-left:0; padding-right:0; padding-top:8px;}
header .uk-grid-match {
    width: calc(100% - 48px);
}
header .top-01 {
    background-image: url(/static/full/canterbury/special/kiwi_noritake_2022/img/00214.jpg);
    background-position: center;
}
header .main-title_sp {
line-height: 1.25;
    padding: 0 24px;
    right: inherit;
    font-weight: 900;
    text-align: left;
    font-size: 36px;
    margin-top: 24px;
}
#introduction {
    padding: 40px 24px 0;}
header .scroll-down-sp {max-width: 180px; width:100%; z-index: 100;
    position: absolute;bottom:40px; left:50%;
    transform: translateY(-10%) translateX(-50%);
    -webkit-transform: translateY(-10%) translateX(-50%);
    -ms-transform: translateY(-10%) translateX(-50%);}

header .main-logo .full-logo {
    width: 80px;}
}


#gnav {text-align: center;}
#gnav li {display:inline-block; text-align:center; padding: 0 18px;}
#gnav li a p {font-size:16px; line-height: 1.5;}
#gnav li a p span {font-size:12px;}
#gnav li a.current span{
    color: #000000;
        border-bottom: 4px solid #000000;
    padding: 0 0 4px;
}
#gnav li a:hover span {
    border-bottom:4px solid #000000;
    padding: 0 0 4px;
}
#gnav li a {
    color: #666666;
    text-decoration: none;
        font-weight: 900;
    line-height: 1.75;
    border-bottom:none;
}







