html, body { height: 100%; width: 100%; margin: 0; font-family: "Times New Roman", YuMincho, "Hiragino Mincho ProN", Meiryo, serif; }

h1, h2 { font-weight: normal; }

h1, h2, p, ul { margin: 0; padding: 0; }

li { list-style: none; }

a { color: #000; text-decoration: none; }

img { vertical-align: top; }

.overlay { display: none; position: absolute; top: 0; height: 100%; width: 100%; background-color: rgba(255, 255, 255, 0.7); z-index: 100; }

.overlay .overlay-wrapper { height: 100%; width: 100%; }

.overlay .overlay-wrapper ul { position: relative; width: 100%; margin: 120px 0; z-index: 101; }

.overlay .overlay-wrapper ul li { height: 45px; margin: 0 30px; overflow: hidden; line-height: 45px; text-align: center; font-size: 12.5px; border-bottom: 1px solid #000; }

.overlay .overlay-wrapper ul .collection { border-top: 1px solid #000; }

.overlay .overlay-wrapper .close-overlay { position: fixed; top: 0; height: 100%; width: 100%; z-index: 100; }

.menu-overlay-wrapper { overflow: scroll; -webkit-overflow-scrolling: touch; }

.menu-overlay-wrapper .collections ul { margin-top: 0px; }

.menu-overlay-wrapper .collections ul li { position: relative; height: 27.5px; line-height: 12.5px; margin-bottom: 32.5px; border-bottom: none; }

.menu-overlay-wrapper .collections ul li a { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; }

.menu-overlay-wrapper .collections ul li .small { font-size: 10px; }

.header { position: fixed; height: 30px; width: 100%; background-color: #fff; z-index: 1; }

.header .header-inner { position: relative; padding: 7.5px 15px; }

.header h1 { display: inline; float: left; height: 15px; line-height: 15px; }

.header h1 img { width: 45px; }

.header .header-menu { display: inline; float: right; height: 15px; font-size: 12.5px; }

.header .header-menu .open-menu { position: relative; z-index: 1; }

.header .header-menu .close-menu { position: relative; z-index: 2; }

.content { position: relative; width: 100%; overflow: hidden; }

.content .devide-bar { height: 1px; width: 0px; margin: 30px auto; background-color: #000; opacity: 1 !important; }

.content .devide-bar.active { width: 121px; }

.content #top { height: 100%; width: 100%; overflow: hidden; }

.content #top .section-wrapper { position: relative; height: 100%; }

.content #top .section-wrapper img { max-width: 100%; }

.content #top .section-wrapper .section { position: fixed; top: 0; padding: 30px 15px 0 15px; height: 100%; transform: translate3d(0, 0, 0); transition-property: transform; transition-duration: 1.5s; transition-timing-function: cubic-bezier(0.77, 0, 0.25, 1); -webkit-transform: translate3d(0, 0, 0); -webkit-transition-property: transform; -webkit-transition-duration: 1.5s; -webkit-transition-timing-function: cubic-bezier(0.77, 0, 0.25, 1); -moz-transform: translate3d(0, 0, 0); -moz-transition-property: transform; -moz-transition-duration: 1.5s; -moz-transition-timing-function: cubic-bezier(0.77, 0, 0.25, 1); -o-transform: translate3d(0, 0, 0); -o-transition-property: transform; -o-transition-duration: 1.5s; -o-transition-timing-function: cubic-bezier(0.77, 0, 0.25, 1); -ms-transform: translate3d(0, 0, 0); -ms-transition-property: transform; -ms-transition-duration: 1.5s; -ms-transition-timing-function: cubic-bezier(0.77, 0, 0.25, 1); }

.content #top .section-wrapper .section-up { transform: translate3d(0, -100%, 0) !important; -webkit-transform: translate3d(0, -100%, 0) !important; -moz-transform: translate3d(0, -100%, 0) !important; -o-transform: translate3d(0, -100%, 0) !important; -ms-transform: translate3d(0, -100%, 0) !important; }

.content #top .section-wrapper .section-cur { transform: translate3d(0, 0, 0) !important; -webkit-transform: translate3d(0, 0%, 0) !important; -moz-transform: translate3d(0, 0%, 0) !important; -o-transform: translate3d(0, 0%, 0) !important; -ms-transform: translate3d(0, 0%, 0) !important; }

.content #top .section-wrapper .section-down { transform: translate3d(0, 100%, 0) !important; -webkit-transform: translate3d(0, 100%, 0) !important; -moz-transform: translate3d(0, 100%, 0) !important; -o-transform: translate3d(0, 100%, 0) !important; -ms-transform: translate3d(0, 100%, 0) !important; }

.content #top .section-wrapper .section-items { position: absolute; top: 50%; height: 15px; width: 100%; margin-top: -30px; z-index: 2; }

.content #top .section-wrapper .section-items .section-items-wrapper { position: relative; height: 100%; width: 100%; overflow: hidden; }

.content #top .section-wrapper .section-items .section-items-wrapper .item { position: absolute; width: 100%; bottom: 0; text-align: center; font-size: 12.5px; color: #fff; }

.content #top .section-wrapper .section-items .section-items-wrapper .item a { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; }

.content #top .section-wrapper .section-items .section-items-wrapper .item-02, .content #top .section-wrapper .section-items .section-items-wrapper .item-03, .content #top .section-wrapper .section-items .section-items-wrapper .item-04, .content #top .section-wrapper .section-items .section-items-wrapper .item-05 { bottom: -100%; }

.content #about { overflow: scroll; -webkit-overflow-scrolling: touch; position: relative; height: 100%; width: 100%; padding-top: 57.5px; }

.content #about h2 { font-size: 12.5px; margin-bottom: 37.5px; }

.content #about .section { position: relative; padding-bottom: 30px; }

.content #about .section a { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; }

.content #about .section .text-wrapper { padding: 0 15px; text-align: center; }

.content #about .section .text-wrapper p { font-size: 10px; line-height: 13px; }

.content #about .section-03 .text-wrapper { margin-bottom: 75px; }

.content #contact { display: flex; display: -webkit-box; display: -webkit-flex; align-items: center; -webkit-box-align: center; -webkit-align-items: center; height: 100%; width: 100%; text-align: center; }

.content #contact .page-inner { width: 100%; }

.content #contact .page-inner h2 { font-size: 11.5px; }

.content #contact .page-inner h2 .h2-sub { position: relative; top: -5px; }

.content #contact .page-inner .text-wrapper-devide-bar { height: 1px; width: 20px; margin: 12.5px auto; background-color: #000; }

.content #contact .page-inner .devide-bar { margin: 32.5px auto; }

.content #contact .page-inner p { line-height: 16px; font-size: 11.5px; }

.content #contact .page-inner .contact-logo { width: 45.5px; }

.content #contact .page-inner .depeche { width: 119.5px; }

.content #contact .social { position: absolute; left: 0; bottom: 15px; display: flex; display: -webkit-box; display: -webkit-flex; width: 100%; text-align: center; }

.content #contact .social ul { margin: 0 auto; }

.content #contact .social ul li { float: left; display: inline-block; margin-right: 45px; }

.content #contact .social ul li a { font-size: 11.5px; }

.content #contact .social ul li:last-child { margin-right: 0; }

.content #collection { position: relative; height: 100%; width: 100%; top: 30px; overflow: scroll; -webkit-overflow-scrolling: touch; }

.content #collection .title { height: 75px; width: 100%; display: flex; display: -webkit-box; display: -webkit-flex; align-items: center; -webkit-box-align: center; -webkit-align-items: center; }

.content #collection .title p { width: 100%; text-align: center; }

.content #collection .title .medium span { text-decoration: underline; }

.content #collection .title .medium span.link { text-decoration: none; }

.content #collection .title .medium .cat-lookbook { margin-right: 15px; }

.content #collection .grid-wrapper { width: 100%; }

.content #collection .grid-wrapper .grid { padding: 0 15px; }

.content #collection .grid-wrapper .grid .grid-item { margin-bottom: 15px; width: 100%; }

.content #collection .grid-wrapper .grid .p-bottom { height: 30px; width: 100%; }

.fadein { opacity: 0; transition-duration: 0.5s; }

.fadein.scrollin { opacity: 1; }

.cf { *zoom: 1; }

.cf:before { content: " "; /* 1 */ display: table; /* 2 */ }

.cf:after { content: " "; /* 1 */ display: table; /* 2 */ clear: both; }