@charset "UTF-8"; /* ██████╗ ██████╗ ███╗ ███╗███╗ ███╗ ██████╗ ███╗ ██╗ ██╔════╝██╔═══██╗████╗ ████║████╗ ████║██╔═══██╗████╗ ██║ ██║ ██║ ██║██╔████╔██║██╔████╔██║██║ ██║██╔██╗ ██║ ██║ ██║ ██║██║╚██╔╝██║██║╚██╔╝██║██║ ██║██║╚██╗██║ ╚██████╗╚██████╔╝██║ ╚═╝ ██║██║ ╚═╝ ██║╚██████╔╝██║ ╚████║ ╚═════╝ ╚═════╝ ╚═╝ ╚═╝╚═╝ ╚═╝ ╚═════╝ ╚═╝ ╚═══╝ */ :root{ --pageWidth:1600px; --gutterPage:40px; --gutterPageMinus:-40px; --gutterPageSmall:calc((100vw - 280px)/2); --gutterPageSmallMinus:calc(-(100vw - 280px)/2); --sectionSpace:80px; --sectionSpaceSmall:32px; --gutterGrid:30px; --gutterGridMinus:-30px; --gutterGridSmall:10px; --gutterGridSmallMinus:-10px; --radiusGrid:0px; } *,:after,:before{margin:0;padding:0;-o-box-sizing:border-box;-ms-box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-font-smoothing: antialiased;} html { -webkit-tap-highlight-color: rgba(255, 255, 255, 0); -webkit-text-size-adjust: 100%; font-size: 62.5%; } body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, select, p, blockquote, th, td, figure, main { margin: 0; padding: 0 } table { border-collapse: collapse; border-spacing: 0 } fieldset, img { border: 0 } address, button, caption, cite, code, dfn, em, input, optgroup, option, select, strong, textarea, th, var { font: inherit } del, ins { text-decoration: none } li { list-style: none } caption, th { text-align: left } h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: 400; } q:before, q:after { content: '' } abbr, acronym { border: 0; font-variant: normal } sup { vertical-align: baseline } sub { vertical-align: baseline } legend { color: #000 } .clear { clear:both; } .cf:before, .cf:after { content: ""; display: table; } .cf:after { clear: both; } .cf { zoom: 1; } .fl { float: left } .fr { float: right } @font-face { font-family: 'Monument Grotesk Mono'; src: url(../fonts/MonumentGrotesk-Mono.woff2) format("woff2"),url(../fonts/MonumentGrotesk-Mono.woff) format("woff"); font-weight: 400; font-style: normal; } body, html { width: 100%; font-family: "Roboto",YuGothic,"Yu Gothic","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: 400; } .no-scroll { overflow: hidden; } b,strong { font-weight: 700; } i,em { font-weight:300; font-style:italic; } .fw7 { font-weight:400 } * { outline: none; } svg, img { vertical-align: bottom; } a { text-decoration: none; } hr { border:none; height: 1px; width: 100%; } .table { display: table; } .cell { display: table-cell; vertical-align: middle; } .ta-right { text-align: right; } .ta-center { text-align: center; } .flex { margin:0; display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: flex-start;justify-content: flex-start; } .flex-reverse { flex-direction: row-reverse; } .flex-end { align-items: flex-end; justify-content:flex-end; } .flex-between { justify-content:space-between; } .flex-center { justify-content:center; } .flex_child { position: relative; margin:0; display: -webkit-flex;display: flex;-webkit-flex-direction: column;flex-direction: column;-webkit-align-items: stretch;align-items: stretch;-webkit-flex: 1;flex: 1; } .flex_child-100 { min-width:100%; max-width:100%; } .flex_child-75 { min-width:75%; max-width:75%; } .flex_child-50 { min-width:50%; max-width:50%; } .flex_child-25 { min-width:25%; max-width:25%; } .flex_child-66 { min-width:66%; max-width:66%; } .flex_child-33 { min-width:33%; max-width:33%; } body { position:relative; background:#cacaca; z-index:100; } body a { color:inherit; } .xhr-body { position:relative; background:#fff;max-width:1600px;margin:0 auto;} .en { font-family: 'Monument Grotesk Mono', sans-serif; text-transform:uppercase; } .serif { font-family: "EB Garamond", YuMincho, Yu Mincho, serif } .uppercase { text-transform:uppercase } .grid { display: flex; flex-wrap: wrap; margin: 0; padding: 0; margin-left: var(--gutterGridMinus); margin-bottom: var(--gutterGridMinus); } .grid--align-bottom { align-items: flex-end} .grid--align-center { align-items: center} .grid--align-top { align-items: flex-start} .grid--justify-center { justify-content: center} .grid--justify-flex-start { justify-content: flex-start} .grid--justify-flex-end { justify-content: flex-end} .grid--nowrap { flex-wrap: nowrap} .grid--reverse { flex-direction: row-reverse} .grid__item { flex-basis: 100%; flex-grow: 1; flex-shrink: 1; max-width: 100%; padding-left: var(--gutterGrid); padding-bottom: var(--gutterGrid); width: 100%; min-height: 1px } @media only screen and (max-width:768px){ .grid{ margin-left: var(--gutterGridSmallMinus); margin-bottom: var(--gutterGridSmallMinus); } .grid__item{ padding-left: var(--gutterGridSmall); padding-bottom: var(--gutterGridSmall); } } .grid--small { margin-left: -10px; margin-bottom: -10px; } .grid--small > .grid__item { padding-left: 10px; padding-bottom: 10px; } .grid--no-gutters { margin-left: 0; margin-bottom: 0; } .grid--no-gutters > .grid__item { padding-left: 0; padding-bottom: 0; } .grid--full{ margin-left:0 } .grid--full>.grid__item{ padding-left:0; } @media only screen and (min-width:769px){ .grid--large { margin-left: -40px; margin-bottom: -40px; } .grid--large > .grid__item { padding-left: 40px; padding-bottom: 40px; } } @media only screen and (min-width:1025px){ .grid--large { margin-left: -50px; margin-bottom: -50px; } .grid--large > .grid__item { padding-left: 50px; padding-bottom: 50px; } } @media only screen and (max-width:768px){ .grid-overflow-wrapper{ padding-bottom:1px; overflow:hidden; overflow-x:scroll; -webkit-overflow-scrolling:touch } .grid-overflow-wrapper .grid{ white-space:nowrap; display:flex; flex-wrap: nowrap!important; padding: 1px 0 0; } .grid-overflow-wrapper .grid__item{ width:260px; flex:0 0 260px; display:inline-block; float:none; white-space:normal; } .grid-overflow-wrapper .grid__item--large{ width:70vw; flex:0 0 70vw; } .grid-overflow-wrapper .grid__item:first-child{ margin-left:var(--gutterPageSmall); } .grid-overflow-wrapper .grid:after{ content:""; width:var(--gutterPageSmall); flex:0 0 var(--gutterPageSmall); display:inline-block; float:none; white-space:normal; } .grid-overflow-wrapper .grid__item--view-all{ align-self:center; } .grid-overflow-wrapper .grid-product__price,.grid-overflow-wrapper .grid__item{ font-size:0.75rem; } [data-aos=overflow__animation]{ transform:translateY(20px); transition:all 0.8s cubic-bezier(.25,.46,.45,.94) } [data-aos=overflow__animation].aos-animate{ transform:translateY(0); } [data-disable-animations=true] [data-aos=overflow__animation]{ transform:none; transition:none} } @media only screen and (min-width:769px){ .grid-overflow-wrapper--full{ padding-bottom:1px; overflow:hidden; overflow-x:auto; -webkit-overflow-scrolling:touch } .grid-overflow-wrapper--full .grid{ white-space:nowrap; display:flex; flex-wrap: nowrap!important; padding: 1px 0 0; } .grid-overflow-wrapper--full .grid__item{ display:inline-block; float:none; white-space:normal; } .grid-overflow-wrapper--full .grid__item.medium-up--one-quarter{ width:25vw; flex:0 0 25vw; } .grid-overflow-wrapper--full .grid__item.medium-up--one-fifth{ width:20vw; flex:0 0 20vw; } } .one-whole { flex-basis: 100%; max-width: 100%; width: 100%;} .one-half { flex-basis: 50%; max-width: 50%; width: 50%;} .one-third { flex-basis: 33.33333%; max-width: 33.33333%; width: 33.33333%;} .two-thirds { flex-basis: 66.66667%; max-width: 66.66667%; width: 66.66667%;} .one-quarter { flex-basis: 25%; max-width: 25%; width: 25%;} .two-quarters { flex-basis: 50%; max-width: 50%; width: 50%;} .three-quarters { flex-basis: 75%; max-width: 75%; width: 75%;} .one-fifth { flex-basis: 20%; max-width: 20%; width: 20%;} .two-fifths { flex-basis: 40%; max-width: 40%; width: 40%;} .three-fifths { flex-basis: 60%; max-width: 60%; width: 60%;} .four-fifths { flex-basis: 80%; max-width: 80%; width: 80%;} .one-sixth { flex-basis: 16.66667%; max-width: 16.66667%; width: 16.66667%;} .two-sixths { flex-basis: 33.33333%; max-width: 33.33333%; width: 33.33333%;} .three-sixths { flex-basis: 50%; max-width: 50%; width: 50%;} .four-sixths { flex-basis: 66.66667%; max-width: 66.66667%; width: 66.66667%;} .five-sixths { flex-basis: 83.33333%; max-width: 83.33333%; width: 83.33333%;} .one-eighth { flex-basis: 12.5%; max-width: 12.5%; width: 12.5%;} .two-eighths { flex-basis: 25%; max-width: 25%; width: 25%;} .three-eighths { flex-basis: 37.5%; max-width: 37.5%; width: 37.5%;} .four-eighths { flex-basis: 50%; max-width: 50%; width: 50%;} .five-eighths { flex-basis: 62.5%; max-width: 62.5%; width: 62.5%;} .six-eighths { flex-basis: 75%; max-width: 75%; width: 75%;} .seven-eighths { flex-basis: 87.5%; max-width: 87.5%; width: 87.5%;} .one-tenth { flex-basis: 10%; max-width: 10%; width: 10%;} .two-tenths { flex-basis: 20%; max-width: 20%; width: 20%;} .three-tenths { flex-basis: 30%; max-width: 30%; width: 30%;} .four-tenths { flex-basis: 40%; max-width: 40%; width: 40%;} .five-tenths { flex-basis: 50%; max-width: 50%; width: 50%;} .six-tenths { flex-basis: 60%; max-width: 60%; width: 60%;} .seven-tenths { flex-basis: 70%; max-width: 70%; width: 70%;} .eight-tenths { flex-basis: 80%; max-width: 80%; width: 80%;} .nine-tenths { flex-basis: 90%; max-width: 90%; width: 90%;} .one-twelfth { flex-basis: 8.33333%; max-width: 8.33333%; width: 8.33333%;} .two-twelfths { flex-basis: 16.66667%; max-width: 16.66667%; width: 16.66667%;} .three-twelfths { flex-basis: 25%; max-width: 25%; width: 25%;} .four-twelfths { flex-basis: 33.33333%; max-width: 33.33333%; width: 33.33333%;} .five-twelfths { flex-basis: 41.66667%; max-width: 41.66667%; width: 41.66667%;} .six-twelfths { flex-basis: 50%; max-width: 50%; width: 50%;} .seven-twelfths { flex-basis: 58.33333%; max-width: 58.33333%; width: 58.33333%;} .eight-twelfths { flex-basis: 66.66667%; max-width: 66.66667%; width: 66.66667%;} .nine-twelfths { flex-basis: 75%; max-width: 75%; width: 75%;} .ten-twelfths { flex-basis: 83.33333%; max-width: 83.33333%; width: 83.33333%;} .eleven-twelfths { flex-basis: 91.66667%; max-width: 91.66667%; width: 91.66667%;} @media only screen and (max-width:768px) { .small--one-whole { flex-basis: 100%; max-width: 100%; width: 100%;} .small--one-half { flex-basis: 50%; max-width: 50%; width: 50%;} .small--one-third { flex-basis: 33.33333%; max-width: 33.33333%; width: 33.33333%;} .small--two-thirds { flex-basis: 66.66667%; max-width: 66.66667%; width: 66.66667%;} .small--one-quarter { flex-basis: 25%; max-width: 25%; width: 25%;} .small--two-quarters { flex-basis: 50%; max-width: 50%; width: 50%;} .small--three-quarters { flex-basis: 75%; max-width: 75%; width: 75%;} .small--one-fifth { flex-basis: 20%; max-width: 20%; width: 20%;} .small--two-fifths { flex-basis: 40%; max-width: 40%; width: 40%;} .small--three-fifths { flex-basis: 60%; max-width: 60%; width: 60%;} .small--four-fifths { flex-basis: 80%; max-width: 80%; width: 80%;} .small--one-sixth { flex-basis: 16.66667%; max-width: 16.66667%; width: 16.66667%;} .small--two-sixths { flex-basis: 33.33333%; max-width: 33.33333%; width: 33.33333%;} .small--three-sixths { flex-basis: 50%; max-width: 50%; width: 50%;} .small--four-sixths { flex-basis: 66.66667%; max-width: 66.66667%; width: 66.66667%;} .small--five-sixths { flex-basis: 83.33333%; max-width: 83.33333%; width: 83.33333%;} .small--one-eighth { flex-basis: 12.5%; max-width: 12.5%; width: 12.5%;} .small--two-eighths { flex-basis: 25%; max-width: 25%; width: 25%;} .small--three-eighths { flex-basis: 37.5%; max-width: 37.5%; width: 37.5%;} .small--four-eighths { flex-basis: 50%; max-width: 50%; width: 50%;} .small--five-eighths { flex-basis: 62.5%; max-width: 62.5%; width: 62.5%;} .small--six-eighths { flex-basis: 75%; max-width: 75%; width: 75%;} .small--seven-eighths { flex-basis: 87.5%; max-width: 87.5%; width: 87.5%;} .small--one-tenth { flex-basis: 10%; max-width: 10%; width: 10%;} .small--two-tenths { flex-basis: 20%; max-width: 20%; width: 20%;} .small--three-tenths { flex-basis: 30%; max-width: 30%; width: 30%;} .small--four-tenths { flex-basis: 40%; max-width: 40%; width: 40%;} .small--five-tenths { flex-basis: 50%; max-width: 50%; width: 50%;} .small--six-tenths { flex-basis: 60%; max-width: 60%; width: 60%;} .small--seven-tenths { flex-basis: 70%; max-width: 70%; width: 70%;} .small--eight-tenths { flex-basis: 80%; max-width: 80%; width: 80%;} .small--nine-tenths { flex-basis: 90%; max-width: 90%; width: 90%;} .small--one-twelfth { flex-basis: 8.33333%; max-width: 8.33333%; width: 8.33333%;} .small--two-twelfths { flex-basis: 16.66667%; max-width: 16.66667%; width: 16.66667%;} .small--three-twelfths { flex-basis: 25%; max-width: 25%; width: 25%;} .small--four-twelfths { flex-basis: 33.33333%; max-width: 33.33333%; width: 33.33333%;} .small--five-twelfths { flex-basis: 41.66667%; max-width: 41.66667%; width: 41.66667%;} .small--six-twelfths { flex-basis: 50%; max-width: 50%; width: 50%;} .small--seven-twelfths { flex-basis: 58.33333%; max-width: 58.33333%; width: 58.33333%;} .small--eight-twelfths { flex-basis: 66.66667%; max-width: 66.66667%; width: 66.66667%;} .small--nine-twelfths { flex-basis: 75%; max-width: 75%; width: 75%;} .small--ten-twelfths { flex-basis: 83.33333%; max-width: 83.33333%; width: 83.33333%;} .small--eleven-twelfths { flex-basis: 91.66667%; max-width: 91.66667%; width: 91.66667%;} } @media only screen and (min-width:769px) { .medium-up--one-whole { flex-basis: 100%; max-width: 100%; width: 100%;} .medium-up--one-half { flex-basis: 50%; max-width: 50%; width: 50%;} .medium-up--one-third { flex-basis: 33.33333%; max-width: 33.33333%; width: 33.33333%;} .medium-up--two-thirds { flex-basis: 66.66667%; max-width: 66.66667%; width: 66.66667%;} .medium-up--one-quarter { flex-basis: 25%; max-width: 25%; width: 25%;} .medium-up--two-quarters { flex-basis: 50%; max-width: 50%; width: 50%;} .medium-up--three-quarters { flex-basis: 75%; max-width: 75%; width: 75%;} .medium-up--one-fifth { flex-basis: 20%; max-width: 20%; width: 20%;} .medium-up--two-fifths { flex-basis: 40%; max-width: 40%; width: 40%;} .medium-up--three-fifths { flex-basis: 60%; max-width: 60%; width: 60%;} .medium-up--four-fifths { flex-basis: 80%; max-width: 80%; width: 80%;} .medium-up--one-sixth { flex-basis: 16.66667%; max-width: 16.66667%; width: 16.66667%;} .medium-up--two-sixths { flex-basis: 33.33333%; max-width: 33.33333%; width: 33.33333%;} .medium-up--three-sixths { flex-basis: 50%; max-width: 50%; width: 50%;} .medium-up--four-sixths { flex-basis: 66.66667%; max-width: 66.66667%; width: 66.66667%;} .medium-up--five-sixths { flex-basis: 83.33333%; max-width: 83.33333%; width: 83.33333%;} .medium-up--one-seventh { flex-basis: 14.285%; max-width: 14.285%; width: 14.285%;} .medium-up--two-sevenths { flex-basis: 28.571%; max-width: 28.571%; width: 28.571%;} .medium-up--three-sevenths { flex-basis: 42.857%; max-width: 42.857%; width: 42.857%;} .medium-up--four-sevenths { flex-basis: 57.142%; max-width: 57.142%; width: 57.142%;} .medium-up--five-sevenths { flex-basis: 71.428%; max-width: 71.428%; width: 71.428%;} .medium-up--six-sevenths { flex-basis: 85.714%; max-width: 85.714%; width: 85.714%;} .medium-up--one-eighth { flex-basis: 12.5%; max-width: 12.5%; width: 12.5%;} .medium-up--two-eighths { flex-basis: 25%; max-width: 25%; width: 25%;} .medium-up--three-eighths { flex-basis: 37.5%; max-width: 37.5%; width: 37.5%;} .medium-up--four-eighths { flex-basis: 50%; max-width: 50%; width: 50%;} .medium-up--five-eighths { flex-basis: 62.5%; max-width: 62.5%; width: 62.5%;} .medium-up--six-eighths { flex-basis: 75%; max-width: 75%; width: 75%;} .medium-up--seven-eighths { flex-basis: 87.5%; max-width: 87.5%; width: 87.5%;} .medium-up--one-tenth { flex-basis: 10%; max-width: 10%; width: 10%;} .medium-up--two-tenths { flex-basis: 20%; max-width: 20%; width: 20%;} .medium-up--three-tenths { flex-basis: 30%; max-width: 30%; width: 30%;} .medium-up--four-tenths { flex-basis: 40%; max-width: 40%; width: 40%;} .medium-up--five-tenths { flex-basis: 50%; max-width: 50%; width: 50%;} .medium-up--six-tenths { flex-basis: 60%; max-width: 60%; width: 60%;} .medium-up--seven-tenths { flex-basis: 70%; max-width: 70%; width: 70%;} .medium-up--eight-tenths { flex-basis: 80%; max-width: 80%; width: 80%;} .medium-up--nine-tenths { flex-basis: 90%; max-width: 90%; width: 90%;} .medium-up--one-twelfth { flex-basis: 8.33333%; max-width: 8.33333%; width: 8.33333%;} .medium-up--two-twelfths { flex-basis: 16.66667%; max-width: 16.66667%; width: 16.66667%;} .medium-up--three-twelfths { flex-basis: 25%; max-width: 25%; width: 25%;} .medium-up--four-twelfths { flex-basis: 33.33333%; max-width: 33.33333%; width: 33.33333%;} .medium-up--five-twelfths { flex-basis: 41.66667%; max-width: 41.66667%; width: 41.66667%;} .medium-up--six-twelfths { flex-basis: 50%; max-width: 50%; width: 50%;} .medium-up--seven-twelfths { flex-basis: 58.33333%; max-width: 58.33333%; width: 58.33333%;} .medium-up--eight-twelfths { flex-basis: 66.66667%; max-width: 66.66667%; width: 66.66667%;} .medium-up--nine-twelfths { flex-basis: 75%; max-width: 75%; width: 75%;} .medium-up--ten-twelfths { flex-basis: 83.33333%; max-width: 83.33333%; width: 83.33333%;} .medium-up--eleven-twelfths { flex-basis: 91.66667%; max-width: 91.66667%; width: 91.66667%;} } @media only screen and (min-width:1025px) { .large-up--one-whole { flex-basis: 100%; max-width: 100%; width: 100%;} .large-up--one-half { flex-basis: 50%; max-width: 50%; width: 50%;} .large-up--one-third { flex-basis: 33.33333%; max-width: 33.33333%; width: 33.33333%;} .large-up--two-thirds { flex-basis: 66.66667%; max-width: 66.66667%; width: 66.66667%;} .large-up--one-quarter { flex-basis: 25%; max-width: 25%; width: 25%;} .large-up--two-quarters { flex-basis: 50%; max-width: 50%; width: 50%;} .large-up--three-quarters { flex-basis: 75%; max-width: 75%; width: 75%;} .large-up--one-fifth { flex-basis: 20%; max-width: 20%; width: 20%;} .large-up--two-fifths { flex-basis: 40%; max-width: 40%; width: 40%;} .large-up--three-fifths { flex-basis: 60%; max-width: 60%; width: 60%;} .large-up--four-fifths { flex-basis: 80%; max-width: 80%; width: 80%;} .large-up--one-sixth { flex-basis: 16.66667%; max-width: 16.66667%; width: 16.66667%;} .large-up--two-sixths { flex-basis: 33.33333%; max-width: 33.33333%; width: 33.33333%;} .large-up--three-sixths { flex-basis: 50%; max-width: 50%; width: 50%;} .large-up--four-sixths { flex-basis: 66.66667%; max-width: 66.66667%; width: 66.66667%;} .large-up--five-sixths { flex-basis: 83.33333%; max-width: 83.33333%; width: 83.33333%;} .large-up--one-seventh { flex-basis: 14.285%; max-width: 14.285%; width: 14.285%;} .large-up--two-sevenths { flex-basis: 28.571%; max-width: 28.571%; width: 28.571%;} .large-up--three-sevenths { flex-basis: 42.857%; max-width: 42.857%; width: 42.857%;} .large-up--four-sevenths { flex-basis: 57.142%; max-width: 57.142%; width: 57.142%;} .large-up--five-sevenths { flex-basis: 71.428%; max-width: 71.428%; width: 71.428%;} .large-up--six-sevenths { flex-basis: 85.714%; max-width: 85.714%; width: 85.714%;} .large-up--one-eighth { flex-basis: 12.5%; max-width: 12.5%; width: 12.5%;} .large-up--two-eighths { flex-basis: 25%; max-width: 25%; width: 25%;} .large-up--three-eighths { flex-basis: 37.5%; max-width: 37.5%; width: 37.5%;} .large-up--four-eighths { flex-basis: 50%; max-width: 50%; width: 50%;} .large-up--five-eighths { flex-basis: 62.5%; max-width: 62.5%; width: 62.5%;} .large-up--six-eighths { flex-basis: 75%; max-width: 75%; width: 75%;} .large-up--seven-eighths { flex-basis: 87.5%; max-width: 87.5%; width: 87.5%;} .large-up--one-tenth { flex-basis: 10%; max-width: 10%; width: 10%;} .large-up--two-tenths { flex-basis: 20%; max-width: 20%; width: 20%;} .large-up--three-tenths { flex-basis: 30%; max-width: 30%; width: 30%;} .large-up--four-tenths { flex-basis: 40%; max-width: 40%; width: 40%;} .large-up--five-tenths { flex-basis: 50%; max-width: 50%; width: 50%;} .large-up--six-tenths { flex-basis: 60%; max-width: 60%; width: 60%;} .large-up--seven-tenths { flex-basis: 70%; max-width: 70%; width: 70%;} .large-up--eight-tenths { flex-basis: 80%; max-width: 80%; width: 80%;} .large-up--nine-tenths { flex-basis: 90%; max-width: 90%; width: 90%;} .large-up--one-twelfth { flex-basis: 8.33333%; max-width: 8.33333%; width: 8.33333%;} .large-up--two-twelfths { flex-basis: 16.66667%; max-width: 16.66667%; width: 16.66667%;} .large-up--three-twelfths { flex-basis: 25%; max-width: 25%; width: 25%;} .large-up--four-twelfths { flex-basis: 33.33333%; max-width: 33.33333%; width: 33.33333%;} .large-up--five-twelfths { flex-basis: 41.66667%; max-width: 41.66667%; width: 41.66667%;} .large-up--six-twelfths { flex-basis: 50%; max-width: 50%; width: 50%;} .large-up--seven-twelfths { flex-basis: 58.33333%; max-width: 58.33333%; width: 58.33333%;} .large-up--eight-twelfths { flex-basis: 66.66667%; max-width: 66.66667%; width: 66.66667%;} .large-up--nine-twelfths { flex-basis: 75%; max-width: 75%; width: 75%;} .large-up--ten-twelfths { flex-basis: 83.33333%; max-width: 83.33333%; width: 83.33333%;} .large-up--eleven-twelfths { flex-basis: 91.66667%; max-width: 91.66667%; width: 91.66667%;} } @media only screen and (min-width:769px) { .medium-up--push-one-half { margin-left: 50%;} .medium-up--push-one-third { margin-left: 33.33333%;} .medium-up--push-two-thirds { margin-left: 66.66667%;} .medium-up--push-one-quarter { margin-left: 25%;} .medium-up--push-two-quarters { margin-left: 50%;} .medium-up--push-three-quarters { margin-left: 75%;} .medium-up--push-one-fifth { margin-left: 20%;} .medium-up--push-two-fifths { margin-left: 40%;} .medium-up--push-three-fifths { margin-left: 60%;} .medium-up--push-four-fifths { margin-left: 80%;} .medium-up--push-one-sixth { margin-left: 16.66667%;} .medium-up--push-two-sixths { margin-left: 33.33333%;} .medium-up--push-three-sixths { margin-left: 50%;} .medium-up--push-four-sixths { margin-left: 66.66667%;} .medium-up--push-five-sixths { margin-left: 83.33333%;} .medium-up--push-one-eighth { margin-left: 12.5%;} .medium-up--push-two-eighths { margin-left: 25%;} .medium-up--push-three-eighths { margin-left: 37.5%;} .medium-up--push-four-eighths { margin-left: 50%;} .medium-up--push-five-eighths { margin-left: 62.5%;} .medium-up--push-six-eighths { margin-left: 75%;} .medium-up--push-seven-eighths { margin-left: 87.5%;} .medium-up--push-one-tenth { margin-left: 10%;} .medium-up--push-two-tenths { margin-left: 20%;} .medium-up--push-three-tenths { margin-left: 30%;} .medium-up--push-four-tenths { margin-left: 40%;} .medium-up--push-five-tenths { margin-left: 50%;} .medium-up--push-six-tenths { margin-left: 60%;} .medium-up--push-seven-tenths { margin-left: 70%;} .medium-up--push-eight-tenths { margin-left: 80%;} .medium-up--push-nine-tenths { margin-left: 90%;} .medium-up--push-one-twelfth { margin-left: 8.33333%;} .medium-up--push-two-twelfths { margin-left: 16.66667%;} .medium-up--push-three-twelfths { margin-left: 25%;} .medium-up--push-four-twelfths { margin-left: 33.33333%;} .medium-up--push-five-twelfths { margin-left: 41.66667%;} .medium-up--push-six-twelfths { margin-left: 50%;} .medium-up--push-seven-twelfths { margin-left: 58.33333%;} .medium-up--push-eight-twelfths { margin-left: 66.66667%;} .medium-up--push-nine-twelfths { margin-left: 75%;} .medium-up--push-ten-twelfths { margin-left: 83.33333%;} .medium-up--push-eleven-twelfths { margin-left: 91.66667%;} } @media only screen and (min-width:1025px) { .large-up--push-one-half { margin-left: 50%;} .large-up--push-one-third { margin-left: 33.33333%;} .large-up--push-two-thirds { margin-left: 66.66667%;} .large-up--push-one-quarter { margin-left: 25%;} .large-up--push-two-quarters { margin-left: 50%;} .large-up--push-three-quarters { margin-left: 75%;} .large-up--push-one-fifth { margin-left: 20%;} .large-up--push-two-fifths { margin-left: 40%;} .large-up--push-three-fifths { margin-left: 60%;} .large-up--push-four-fifths { margin-left: 80%;} .large-up--push-one-sixth { margin-left: 16.66667%;} .large-up--push-two-sixths { margin-left: 33.33333%;} .large-up--push-three-sixths { margin-left: 50%;} .large-up--push-four-sixths { margin-left: 66.66667%;} .large-up--push-five-sixths { margin-left: 83.33333%;} .large-up--push-one-eighth { margin-left: 12.5%;} .large-up--push-two-eighths { margin-left: 25%;} .large-up--push-three-eighths { margin-left: 37.5%;} .large-up--push-four-eighths { margin-left: 50%;} .large-up--push-five-eighths { margin-left: 62.5%;} .large-up--push-six-eighths { margin-left: 75%;} .large-up--push-seven-eighths { margin-left: 87.5%;} .large-up--push-one-tenth { margin-left: 10%;} .large-up--push-two-tenths { margin-left: 20%;} .large-up--push-three-tenths { margin-left: 30%;} .large-up--push-four-tenths { margin-left: 40%;} .large-up--push-five-tenths { margin-left: 50%;} .large-up--push-six-tenths { margin-left: 60%;} .large-up--push-seven-tenths { margin-left: 70%;} .large-up--push-eight-tenths { margin-left: 80%;} .large-up--push-nine-tenths { margin-left: 90%;} .large-up--push-one-twelfth { margin-left: 8.33333%;} .large-up--push-two-twelfths { margin-left: 16.66667%;} .large-up--push-three-twelfths { margin-left: 25%;} .large-up--push-four-twelfths { margin-left: 33.33333%;} .large-up--push-five-twelfths { margin-left: 41.66667%;} .large-up--push-six-twelfths { margin-left: 50%;} .large-up--push-seven-twelfths { margin-left: 58.33333%;} .large-up--push-eight-twelfths { margin-left: 66.66667%;} .large-up--push-nine-twelfths { margin-left: 75%;} .large-up--push-ten-twelfths { margin-left: 83.33333%;} .large-up--push-eleven-twelfths { margin-left: 91.66667%;} } .show{display:block !important;} .hide{display:none !important;} .text-left{text-align:left !important;} .text-right{text-align:right !important;} .text-center{text-align:center !important;} @media only screen and (max-width:768px){.small--show{display:block !important;}.small--hide{display:none !important;}.small--text-left{text-align:left !important;}.small--text-right{text-align:right !important;}.small--text-center{text-align:center !important;}} @media only screen and (max-width:1024px){.medium-down--show{display:block !important;}.medium-down--hide{display:none !important;}.medium-down--text-left{text-align:left !important;}.medium-down--text-right{text-align:right !important;}.medium-down--text-center{text-align:center !important;}} @media only screen and (min-width:769px){.medium-up--show{display:block !important;}.medium-up--hide{display:none !important;}.medium-up--text-left{text-align:left !important;}.medium-up--text-right{text-align:right !important;}.medium-up--text-center{text-align:center !important;}} @media only screen and (min-width:1025px){.large-up--show{display:block !important;}.large-up--hide{display:none !important;}.large-up--text-left{text-align:left !important;}.large-up--text-right{text-align:right !important;}.large-up--text-center{text-align:center !important;}} /** * Swiper 4.4.6 * Most modern mobile touch slider and framework with hardware accelerated transitions * http://www.idangero.us/swiper/ * * Copyright 2014-2018 Vladimir Kharlampidi * * Released under the MIT License * * Released on: December 19, 2018 */ .swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top: 0;width: 20%;height: 100%;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat;}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity: 0;cursor:auto;pointer-events:none;}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");left: 0;right:auto;}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");right: 0;left:auto;}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom: 30px;left:0;width:100%;}.swiper-pagination-bullets-dynamic{/* overflow:hidden; */font-size:0;}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background: #fff;opacity: .5;}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#ffffff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px} .swiper-wrapper { transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1); } @media screen and (max-width:768px) { .swiper-button-next, .swiper-button-prev { background-size: 13px 22px; } } .in { position: relative; height: 100%; width: 100%; } .site-body { position: relative; } .spacer { display: block; height: 100px; } .bd { position: relative; max-width: 1000px; margin: 0 auto; } section { position:relative; width:100%; overflow:hidden; } .inner { position: relative; width: 280px; margin: 0 auto; } .inner--vertical { padding:10vw 0; } .space { display: block; height:80px; } .space-x05 { display: block; height: 40px; } @media screen and (min-width:360px) { .inner { width:320px; } } @media screen and (min-width:768px) { .inner { width:100%; padding: 0 calc((50vw - 340px)/2 + 20px); } .inner--vertical { padding-top:120px; padding-bottom:120px; } } @media screen and (min-width:1080px) { .inner { padding: 0 calc((50vw - 425px)/2 + 25px); } .inner--vertical { padding-top:140px; padding-bottom:140px; } } @media screen and (min-width:1280px) { .inner { padding: 0 calc((50vw - 475px)/2 + 25px); } .inner--vertical { padding-top:140px; padding-bottom:140px; } } @media screen and (min-width:1600px) { .inner { width:480px; padding: 0; } .inner--w { width:1225px; padding: 0; } .inner--vertical { padding-top:140px; padding-bottom:140px; } } @media screen and (max-width:1000px) { .spNone { display:none; } } .js-bg > span { background-size: cover; background-repeat: no-repeat; background-position: center; height: 100%; width: 100%; display: block; } .js-bg { overflow: hidden; position: relative; } .js-bg:after { transition: opacity 1s, border 0.3s, background 1s; content: ''; display: block; height: 100%; width: 100%; background: #fff; position: absolute; top: 0; left: 0; } .js-bg.is-loaded:after { background: rgba(255, 255, 255, 0); } .media-holder { position: relative; height: 0; width: 100%; padding-bottom: 100%; display: block; } .media-holder > span { position: absolute; left:0; top:0; } .media-holder > span.img { width:100%; height:100% } .media-holder.h150 { padding-bottom: 150% !important; } .media-holder.h133 { padding-bottom: 133.3333% !important; } .media-holder.h125 { padding-bottom: 125% !important; } .media-holder.h120 { padding-bottom: 120% !important; } .media-holder.h100 { padding-bottom: 100% !important; } .media-holder.h80 { padding-bottom: 80% !important; } .media-holder.h75 { padding-bottom: 75% !important; } .media-holder.h66 { padding-bottom: 66.6666% !important; } .media-holder.h56 { padding-bottom: 56.3% !important; } .media-holder.h50 {padding-bottom: 50% !important;} .media-holder.h33 { padding-bottom: 33.3333%; } .media-holder.w90 { width: 90%; } .media-holder.w80 { width: 80%; } .media-holder.w66 { width: 66.6666%; } .media-holder.w50 { width: 50%; } .media-holder.w33 { width: 33.3333%; } .video-bg::before, .video-bg::after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; pointer-events: none; z-index: 2; transition: all 700ms cubic-bezier(0.19, 1, 0.22, 1); } .video-bg::before { width: 60px; height: 60px; border:2px solid #fff; border-radius: 50%; } .video-bg::after { right: -4px; width: 0; height: 0; border-style: solid; border-width: 10px 0 10px 16px; border-color: transparent transparent transparent #FFF; } .video-bg:hover::before,.video-bg:hover::after { transform:scale(1.1); } @media screen and (max-width:480px) { .video-bg::before { width: 40px; height: 40px; border:1px solid #fff; } .video-bg::after { right: -2px; border-width: 5px 0 5px 8px; } } .io { transform: translate(0, 100px); opacity: 0; transition: transform 1s, opacity 1s; } .io.on { transform: translate(0px, 0px); opacity: 1; } .io-o { opacity: 0; transition: opacity 1s; } .io-o.on { opacity: 1; } .w-o { padding-right: 0.25em; overflow: hidden; } .w-o:last-child { padding-right: 0; } .w-o .o { overflow: hidden; } .js-words span, .js-char span { display: inline-block; vertical-align: top; } .js-h { cursor: pointer; } .button { border: 1px solid #000; box-sizing: border-box; height: 50px; display: inline-block; padding: 0 25px; } .button .t { font-weight: 700; } .button .in { display: flex; height: 100%; width: 100%; align-items: center; } .tx-r { text-align: right; } .tx-c { text-align: center; } .tx-l { text-align: left; } .is-mb { display: none; } .is-dp { display: block; } @media screen and (max-width:1024px) { .is-mb { display: block; } .is-dp { display: none; } .done .tr-bg { opacity: 1 !important; } .bd { max-width: 100%; box-sizing: border-box; padding: 0 50px; } .io { transform: translate(0, 0); opacity: 1; transition: transform 1s, opacity 1s; } .w-o .o, .w-o { padding-bottom: 0.1em; } .ghost { display:none; } } @media screen and (max-width:768px) { .spacer { height: 50px; } } .btn-wrap { margin-top:20px; } .btn {position:relative;display:block;font-size:13px;line-height: 50px;transition: all 700ms cubic-bezier(0.19, 1, 0.22, 1);border:1px solid #fff; } .btn>span {position:relative;display:flex;align-items: center;justify-content:center;text-transform:uppercase;letter-spacing:.1rem;} .arrow { position: relative; margin:-1px 5px 0 10px; height: 1px; width: 8px; display: inline-block; background: #fff; transition: width 700ms cubic-bezier(0.19, 1, 0.22, 1); } .arrow::before, .arrow::after { content: ''; position: absolute; top: 0; right: 0; height: 1px; width: 8px; display: block; background: inherit; transition: transform 700ms cubic-bezier(0.19, 1, 0.22, 1); } .arrow::before { transform: translateX(5px) rotate(45deg); transform-origin: 100% 100%; } .arrow::after { transform: translateX(5px) rotate(-45deg); transform-origin: 100% 0%; } .arrow__wh { background:#fff; } .arrow--blank { transform:rotate(-45deg); } a.btn:hover { color: #fff; border-color: #666; background-color:#666; } a:hover .arrow { width:20px; background:#fff; } a:hover .arrow::before { transform: translateX(9px) rotate(-45deg); transform-origin: 100% 0%; } a:hover .arrow::after { transform: translateX(9px) rotate(45deg); transform-origin: 100% 100%; } /* Loader */ .loading {position: fixed;left:0;top:0;right: 0;bottom: 0;width: 100%;height: 100%;background: #d1cbc6;z-index: 9999;} .loading-logo { position: absolute; left:50%; top:50%; width: 200px; height: 70px; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .loading-logo .step { opacity: 0; transform-origin: center; } .is-loaded .loading { opacity: 0; visibility: hidden; transition: all .6s .1s cubic-bezier(.72,.16,.345,.875); } .is-loaded .loading-logo { -webkit-transform: translate(-50%,-50%) scale(.8); transform: translate(-50%,-50%) scale(.8); transition: all .5s cubic-bezier(.72,.16,.345,.875); } @media screen and (max-width:480px) { .loading-logo { width: 100px; height: 35px; } } /* Header */ .header { top: 0; z-index: 299; } .header__logo {position: fixed;left:15px;top:10px;width:90px;opacity: 1;z-index:300;transition: transform .5s ease;} .header__logo .logo { position: absolute;right:0;top:0;width: 100%;height:0; padding-bottom: 50%; } .header__logo img {position: absolute;left:0;top:0;width: 100%;height: 100%;margin:0;fill: #b38a00;transition: fill .5s cubic-bezier(0.19, 1, 0.22, 1);} .header__logo>a {transition: transform .5s ease; } /* .is-hide.header__logo>a { transform:translateY(-150%); } .is-hide.is-sticky.header__logo>a { transform:translateY(0); } .is-home-hide.header__logo>a { transform:translateY(-150%); } .is-home-hide.is-sticky.header__logo>a { transform:translateY(0); } */ .gn__trigger { position: fixed; right:0; top:0; width:60px; height:60px; cursor:pointer; z-index:300; } .gn__trigger .btn-menu { display: block;position: absolute; left:10px; top:24px; } .gn__trigger .btn-menu > div { position: relative; width: 40px; height: 1px; margin:0 auto; display: block; overflow: hidden; transition: transform 0.55s cubic-bezier(.19,1,.22,1),opacity 0.2s cubic-bezier(.19,1,.22,1); will-change: transform,opacity; } .gn__trigger .btn-menu > div:after, .gn__trigger .btn-menu > div:before { content: ''; position: absolute; width: 100%; height: 100%; background: #000; will-change: transform; } .gn__trigger .btn-menu > div:before { transform: translate3d(0,0,0); } .gn__trigger .btn-menu > div:after { transform: translate3d(-100%,0,0); } .gn__trigger .btn-menu > div:nth-child(1):before { transition: transform 0.6s cubic-bezier(.25,.46,.45,.94) 90ms; } .gn__trigger .btn-menu > div:nth-child(1):after { transition: transform 0.6s cubic-bezier(.25,.46,.45,.94); } .gn__trigger .btn-menu > div:nth-child(2):before { transition: transform 0.6s cubic-bezier(.25,.46,.45,.94) 0.14s; } .gn__trigger .btn-menu > div:nth-child(2):after { transition: transform 0.6s cubic-bezier(.25,.46,.45,.94) 30ms; } .gn__trigger .btn-menu > div:nth-child(3):before { transition: transform 0.6s cubic-bezier(.25,.46,.45,.94) 0.19s; } .gn__trigger .btn-menu > div:nth-child(3):after { transition: transform 0.6s cubic-bezier(.25,.46,.45,.94) 60ms; } .gn__trigger .btn-menu > div:not(:last-child) { margin-bottom: 4px; } .gn__trigger .btn-menu:hover > div:nth-child(1):before { transition: transform 0.55s cubic-bezier(.19,1,.22,1); } .gn__trigger .btn-menu:hover > div:nth-child(1):after { transition: transform 0.55s cubic-bezier(.19,1,.22,1) 0.1s; } .gn__trigger .btn-menu:hover > div:nth-child(2):before { transition: transform 0.5s cubic-bezier(.19,1,.22,1) 50ms; } .gn__trigger .btn-menu:hover > div:nth-child(2):after { transition: transform 0.5s cubic-bezier(.19,1,.22,1) 0.15s; } .gn__trigger .btn-menu:hover > div:nth-child(3):before { transition: transform 0.45s cubic-bezier(.19,1,.22,1) 0.1s; } .gn__trigger .btn-menu:hover > div:nth-child(3):after { transition: transform 0.45s cubic-bezier(.19,1,.22,1) 0.2s; } .gn__trigger .btn-menu:hover > div:before { transform: translate3d(100%,0,0); } .gn__trigger .btn-menu:hover > div:after { transform: translate3d(0,0,0); } .is-gn-open .header__logo { transform:translateY(0); } .is-gn-open .gn__trigger .btn-menu > div:nth-child(1) { transform: translate3d(0,5px,0) rotate3d(0,0,1,30deg);} .is-gn-open .gn__trigger .btn-menu > div:nth-child(2) { opacity: 0;} .is-gn-open .gn__trigger .btn-menu > div:nth-child(3) { transform: translate3d(0,-5px,0) rotate3d(0,0,1,-30deg);} .gn__reserve { position: fixed; right:65px; top:0; display:flex; align-items:center; height:60px; cursor:pointer; z-index:300; } .gn__reserve a { display:block; padding:3px 8px; border:1px solid #000; font-size:12px; } .gn__language { position: fixed; right:110px; top:0; display:flex; align-items:center; height:60px; cursor:pointer; z-index:300; } .gn__language a { display:block; display: flex; align-items: center; justify-content: center; width:30px; height: 30px; border-radius: 100%; border:1px solid #000; font-size:12px; } .gn { position:fixed; left:0; top:0; width:100%; max-width:1600px; height:100%; opacity: 0; visibility: hidden; transition: all 1s ease; z-index:199; } .gn__mask {position:absolute;left:0;top:0;width:100%;height:100%; background:#d1cbc6; transform:translateY(-100%);transform-origin: 0 100%;transition: transform .1s .9s cubic-bezier(0.19, 1, 0.22, 1);} .is-gn-open .gn { opacity: 1; visibility: visible; transition: all .2s ease; } .is-gn-open .gn__mask { transform:translateY(0); transform-origin: 0 0; transition: transform .8s cubic-bezier(0.19, 1, 0.22, 1); } .is-gn-open .gn__trigger--close { transform:translate(0%,-50%); } .gn .inner { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); } @media (max-width: 1079px) { .gn__lists li { font-size:20px; line-height:1.1; margin:10px 0; font-family: "EB Garamond", YuMincho, Yu Mincho, serif; } .gn__lists li.mt15 { margin-top:15px } .gn__lists li h4 { font-size:11px; line-height:1.1; display:block; margin:5px 0; } .gn__lists li .s { font-size:13px; line-height:1.1; display:block } .gn__lists li a i { display:inline-block; margin-right:5px; } .gn__lists li a strong {display:inline-block; } .gn__lists li .is-active { font-weight:700; } .gn__lists li .is-active h4 { font-weight:700; } .gn__sub-btns { display:flex; justify-content: space-between; margin-top:20px; width:290px; } .gn__sub-btns li { width:140px; font-size:12px; justify-content: space-between; } .gn__sub-btns li a { height:40px; border:1px solid #000; display:flex; align-items:center; justify-content:center; text-align:center; } .gn__sub-btns li .is-active { background-color:#000; color:#d1cbc6; } .gn__sub-lists { margin-top:30px; } .gn__sub-lists li { font-size:13px; line-height:1.1; margin:0 15px 10px 0; display:block } .gn__sub-lists li a:before { content:"⚪︎"; opacity:0.5; margin-right: 5px; } .gn__sub-lists li .is-active { text-decoration:underline; } .gn__sub-lists li .is-active:before { content:"⚫︎"; opacity:1; } } @media (min-width: 360px) { .gn__trigger { top:0px; right:10px; } .gn__reserve { top:0; right:120px; } .gn__language { top:0; right:75px; } } @media (min-width: 768px) { .header__logo { left:10px;top:10px; } .gn__trigger { top:10px; right:15px; } .gn__reserve { top:10px; right:140px; } .gn__language { top:10px; right:90px; } .header-space { height:95px; display: block; } } @media (min-width: 1080px) { .header__logo { left:25px; /*right:15px;*/ top:20px; width:100px; /*width:10vw;*/} .gn__trigger, .gn__mask { display: none; } .gn { width:calc(100% - 200px); left:50%; top:45px; height:30px; display: flex; align-items: center; transform: translate(-50%,-50%); opacity: 1 !important; visibility: visible !important; } .gn .inner { width:100%; display: flex; flex-direction: column; align-items: center; padding:0; } .gn__trigger { display: none; } .gn__reserve { top:15px; right:70px; display: none; } .gn__language { top:15px; right:25px; } .gn__body nav ul { display: inline-block; } .gn__body nav li { display: inline-block; font-size:12px; margin:0 8px; } .gn__body nav li a:hover { opacity: .5; } .gn__body nav li a.is-active { font-weight: 700; } .gn__lists li h4 { display: none; } } @media (min-width: 1600px) { .header__logo { left:50%; margin-left:-770px; width:100px; /*width:150px;*/ } .gn__reserve { top:15px; right:50%; margin-right:-710px; } .gn__language { top:15px; right:50%; margin-right:-770px; } .gn__body nav li { margin:0 12px; } } .xhr-header { font-weight: 500; } .xhr-head-pan .t { text-transform: uppercase; } .xhr-head-pan span { display: inline-block; vertical-align: top; } .xhr-head-pan { height: 126px; z-index: 2; display: flex; top: 0; left: 50%; width: 400px; margin-left: -200px; position: fixed; justify-content: center; align-items: center; } .xhr-head-pan .i { padding-right: 0.5em; } .tr-bg { opacity: 1; } .mask { -webkit-mask: url(../img/mask.png); mask: url(../img/mask.png); -webkit-mask-size: 2700% 100%; mask-size: 2700% 100%; will-change: mask-position; mask-position: 100% 50%; -webkit-mask-position: 100% 50%; } .maskin { -webkit-mask: url(../img/mask.png); mask: url(../img/mask.png); -webkit-mask-size: 2700% 100%; mask-size: 2700% 100%; will-change: mask-position; mask-position: 0% 50%; -webkit-mask-position: 0% 50%; } .header-intro { padding: 60px 0 0; width:280px; margin:0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } .header-intro__claim { display: none !important; } @media (min-width: 360px) { .header-intro { width:320px; } } @media (min-width: 768px) { .header-intro { width:100%; padding:25px 25px 25px 50vw; height: 10rem; min-height: 0; margin-bottom: -10rem; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .header-intro__claim {width: 300px;z-index: 1;position: relative;} } @media (min-width: 1080px) { .header-intro__claim { width:400px; } } @media (min-width: 1280px) { .header-intro__claim { width:480px; } } @media (min-width: 1600px) { .header-intro { padding:25px 25px 25px 800px; } } .header-intro__claim h2 { font-size: 10px; letter-spacing:0.12em; line-height: 1.5; } /* Home */ .section-fond-1 { background: #d1cbc6;} .section-fond-2 { background: #d1cbc6;} .section-fond-3 { background: #d1cbc6;} .section-fond-4 { background: #d1cbc6; } .section-fond-5 { background: #d1cbc6; } .media-box { position: relative; padding-bottom: 0; height: 100%; overflow: hidden } .media-box .img { width: calc(100% + 2px); height: calc(100% + 2px); position: absolute; top: 0; left: 0; -o-object-fit: cover; object-fit: cover; -o-object-position: 50% 50%; object-position: 50% 50%; } .media-box iframe { width: calc(100% + 2px); height: calc(100% + 2px); position: absolute; top: 0; left: 0; filter: grayscale(1); } .media-box__cover { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.1);} .media-box__title {position: absolute;top: 50%;left: 0;right: 0;transform: translateY(-50%);padding: 2rem;text-align: center;color:#fff;} .media-box__title svg { display:block; width:240px; fill:#fff; margin:0 auto; } .media-box__title img { display:block; width:240px; margin:0 auto; } .media-box__title--top { top:0; transform:unset; padding:0; } .media-box__title--top svg, .media-box__title--top img { width:120px; margin:0; } @media (max-width: 480px) { .media-box__title svg, .media-box__title img { width:180px; } .media-box__title--top svg, .media-box__title--top img { width:100px; } } .couple { background: #bebebe; color:#fff; } .couple .couple__content { padding:30px 0; position: relative } .couple .couple__img { padding: 15vw calc((100vw - 280px)/2) 0 0 } .couple .couple__img.couple__img--cover { padding:0 !important; } .couple.passepartout .couple__img { padding: 10vw calc((100vw - 280px)/2); } .couple--rtl .couple__img { padding: 15vw 0 0 calc((100vw - 280px)/2); } .couple.full .couple__img { padding:0; } .couple .couple__img a { display: block; height: 100%; width: 100% } .couple .couple__img .media-box { width: 100%; } .couple.hero .couple__content { background: #d1cbc6; } @media (min-width: 360px) { .couple .couple__content { padding:40px 0; } .couple .couple__img { padding: 15vw calc((100vw - 320px)/2) 0 0 } .couple.passepartout .couple__img { padding: 10vw calc((100vw - 320px)/2); } .couple--rtl .couple__img { padding: 15vw 0 0 calc((100vw - 320px)/2); } .couple.full .couple__img { padding:0; } } @media (max-width: 767px) { .couple .couple__img {height: 125vw;} .couple.hero .couple__img {height: 133vw;} } @media (min-width: 768px) { .couple {min-height:100vh;display: -webkit-box;display: -ms-flexbox;display: flex;position: relative;} .couple>* { width: 50%; } .couple .couple__img { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 120px 0 0 calc((50vw - 340px)/2 + 20px) } .couple.passepartout .couple__img { padding: 120px calc((50vw - 340px)/2) 120px calc((50vw - 340px)/2 + 20px) } .couple--rtl { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse } .couple--rtl:not(.passepartout) .couple__img { padding: 120px calc((50vw - 340px)/2 + 20px) 0 0 } .couple--rtl.passepartout .couple__img { padding: 120px calc((50vw - 340px)/2 + 20px) 120px calc((50vw - 340px)/2); } .couple .couple__content { padding:0 20px 60px 0; } .couple--rtl .couple__content { padding: 0 0 60px 20px; } .couple.full .couple__img { padding:120px 0 0; } @supports ((position: -webkit-sticky) or (position:sticky)) { .couple .couple__img { position:-webkit-sticky; position: sticky; top: 0; height: 100vh; margin-bottom: -100vh; will-change: transform } } .couple.hero .couple__img { width:100%; } .couple.hero .couple__content {position:absolute;bottom:0;left:0;padding:0 0 0 20px;} .couple.hero .couple__content .main-col {padding:20px 0;} .couple.hero .couple__content .main-col h1 { margin-top:10px; } } @media (min-width: 1080px) { .couple { min-height:100vh; } .couple .couple__img { padding: 140px 0 0 calc((50vw - 425px)/2 + 25px); } .couple.passepartout .couple__img { padding: 140px calc((50vw - 425px)/2) 140px calc((50vw - 425px)/2 + 25px) } .couple.full .couple__img { padding:140px 0 0 !important; } .couple--rtl:not(.passepartout) .couple__img { padding: 140px calc((50vw - 425px)/2 + 25px) 0 0 } .couple--rtl.passepartout .couple__img { padding: 140px calc((50vw - 425px)/2 + 25px) 140px calc((50vw - 425px)/2) } .couple .couple__content {padding:0 25px 75px 0;} .couple--rtl .couple__content { padding: 0 0 75px 25px; } .couple.hero .couple__content .main-col { padding:2vh 0; } .couple.hero .couple__content { padding-left:25px; } } @media (min-width: 1280px) { .couple .couple__img { padding: 140px 0 0 calc((50vw - 475px)/2 + 25px); } .couple.passepartout .couple__img { padding: 140px calc((50vw - 475px)/2) 140px calc((50vw - 475px)/2 + 25px) } .couple--rtl .couple__img { padding: 140px calc((50vw - 475px)/2 + 25px) 0 0 } .couple--rtl.passepartout .couple__img { padding: 140px calc((50vw - 475px)/2 + 25px) 140px calc((50vw - 475px)/2) } } @media (min-width: 1600px) { .couple .couple__img { padding: 140px 0 0 200px; } .couple.passepartout .couple__img { padding: 140px 162.5px 140px 187.5px; } .couple--rtl .couple__img { padding: 140px 187.5px 0 0 } .couple--rtl.passepartout .couple__img { padding: 140px 187.5px 140px 162.5px; } } @media (min-height: 1000px) { .couple { min-height:1000px; } .couple .couple__img { height:1000px; margin-bottom: -1000px; } /*@supports ((position: -webkit-sticky) or (position:sticky)) { .couple .couple__img { height: 900px; margin-bottom: -900px; } }*/ } @media (min-width: 1080px) and (orientation: portrait) { .couple {min-height:70vh;} @supports ((position: -webkit-sticky) or (position:sticky)) { .couple .couple__img {height: 70vh;margin-bottom: -70vh;} } } .main-col {position:relative;display:-webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: center;-ms-flex-align: center;align-items: center;} .main-col>* { width:280px; } .main-col.center { text-align:center; justify-content: center; } .main-col .fs-s { font-size:11px; line-height:1.6; } @media (min-width: 360px) { .main-col>* { width:320px; } } @media (min-width: 768px) { .main-col { padding-top: 120px; height: 100%; } .main-col--top { padding-top:160px } .main-col>* { width:320px; } .main-col>a { display: block } .main-col.center { padding-top:60px; } } @media (min-width: 1080px) { .main-col { padding-top: 160px; } .main-col--top { padding-top:220px } .main-col>* { width:400px; } .main-col.center { padding-top:75px; } .main-col .fs-s { font-size:12px; } } @media (min-width: 1280px) { .main-col>* { width:480px; } } .main-col hr { border:none; background:#000; height:1px; margin:20px 0; } h1 {font-size:30px;margin:10px 0;font-weight: 300;} h1 .h1s { font-size:18px; display:block; } h2 { font-size:16px; letter-spacing:0.05em; margin:10px 0; } h3 { font-size:14px; letter-spacing:0.05em; margin:10px 0; } h4 { font-size:12px; letter-spacing:0.1em; line-height:1.9; margin:10px 0; } p { font-size:12px; letter-spacing:0.1em; line-height:1.8; margin:10px 0; } .sec-t { font-size:10px; line-height:1.5; letter-spacing:0.12em; margin:10px 0; } .catch-t { font-size:28px; margin:10px 0; letter-spacing:0.01em; } .catch-t i { display:block; font-size:15px; letter-spacing: .08em; margin-bottom:5px; } .catch-t span { display:block; font-size:20px; letter-spacing: .08em; margin-bottom:5px; } .catch-s { font-size:18px; margin:0 0 10px; letter-spacing:0.01em; } .catch-s i { display:block; font-size:13px; letter-spacing: .08em; margin-bottom:5px; } .silver { color:#666; } .gold { color:#b38a00; } li{ font-size:12px; margin-bottom:0.25em;} ul.square{ list-style:square outside;margin:0 0 0 15px;} ul.disc{ list-style:disc outside;margin:0 0 0 15px;} ol.alpha{ list-style:lower-alpha outside;margin:0 0 0 15px;} ul.square li { list-style:unset; } ul.disc li { list-style:unset; } ul.disc.news li { margin-top: 20px; } ol.alpha li {list-style:unset; } @media (min-width: 768px) { li{ font-size:13px; } } @media (min-width: 360px) { h1 { font-size:32px; } h1 .h1s { font-size:20px; } h2 { font-size:18px; } h3 { font-size:16px; } .catch-t { font-size:32px; } } @media (min-width: 768px) { h1 { margin-top:50px; } } @media (min-width: 1080px) { h1 { font-size:40px; margin-top:50px; } h1 .h1s { font-size:24px; } h2 { font-size:20px; } h3 { font-size:18px; } h4 { font-size:14px; } p { font-size:13px; } .sec-t { font-size:11px;} .catch-t { font-size:40px; } .catch-t i { font-size:18px; } .catch-t span { font-size:24px; } } @media (min-width: 1280px) { h1 { font-size:45px; } .catch-t { font-size:45px; } .catch-t i { font-size:20px; } .catch-t span { font-size:30px; } } .scroll { display:none; } @media (min-width: 768px) { .scroll { position:absolute; left:50%; bottom:0; display:block; transform:translateX(-50%); } .scroll p { position:relative; display:inline-block; padding-right:100px; } .scroll p::after { content:""; position:absolute; right:0; top:50%; width:80px; height:1px; margin-top:-1px; background:#666; } } .philosophy { margin:40px 0;padding-top:40px;border-top: 1px solid #b38a00;} .philosophy p { font-size:12px; letter-spacing:1px; line-height:2; margin:10px 0; } .philosophy p span { display:block; } @media (min-width: 768px) { .philosophy p { font-size:13px; } } @media (min-width: 1080px) { .philosophy h2 { font-size:24px; margin:20px 0; } .philosophy p { font-size:14px; letter-spacing:2px; } } .servicecols { position: relative; margin: 0; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .servicecols .col { position: relative; display: block; width:calc(50% - 5px); border-top:1px solid #000; margin-top:20px; } .servicecols .col:nth-child(2n+1) { margin-right:9px; } .servicecols .col-svg { position:relative; width:80px; height:60px; margin:20px 0; } .servicecols .col-svg svg { position:absolute; left:0; top:0; width:100%; height:100%; } .servicecols .col-img { display: none } .servicecols .col-text { position:relative; padding:0 0 20px; } .servicecols .col-text h2 { font-size:12px; letter-spacing:.02em; margin-bottom:5px; margin-top:0; } .servicecols .col-text h3 { font-size:11px;display: none; letter-spacing:1px; margin-bottom:15px; } .servicecols .col-text li { display:inline-block; font-size:10px; text-transform:none; } .servicecols .col-text li::after { content:","; display:inline-block; margin:0 1px; } .servicecols .col-text li:last-child::after { display:none } .servicecols .col.is-active { color:#b38a00; border-top:1px solid #b38a00; } .servicecols .col.is-active .col-svg svg { fill:#b38a00; } @media (min-width:360px){ .servicecols .col { width:calc(50% - 10px); } .servicecols .col:nth-child(2n+1) { margin-right:20px; } } @media (min-width:1080px){ .servicecols { margin-top:15px; } .servicecols .col { margin-top:20px; } .servicecols .col-svg {width: 100px;height: 75px; margin:24px 0; } .servicecols .col-text h2 { font-size:13px; } .servicecols .col-text li { font-size:11px; } .servicecols .col:hover { color:#b38a00; border-top:1px solid #b38a00; } .servicecols .col:hover .col-svg svg { fill:#b38a00; } } .content-section { position: relative; background-color: #b5aea7; color:#fff; } .c__text { position:relative; padding:40px 0; } @media (min-width:768px){ .c__text { padding:60px 0; } } @media (min-width:1080px){ .c__text { text-align:center; padding:80px 0; } } .c__lists { position:relative; margin:1px 0; } .c__lists dl { border-top:1px solid #00000050; padding:5px 0; } .c__lists dt { font-size:12px; margin:5px 0; } .c__lists dd { font-size:12px; margin:5px 0; color:#444; } @media (min-width:768px){ .c__lists dl { padding:7px 0; } .c__lists dt,.c__lists dd { margin:7px 0; } } .c__sepa {border:none;height:1px;border-top: 1px solid #000000;margin:40px 0;} .b__sepa {border:none;height:1px;border-top: 1px solid #b38a00;margin:40px 0;} .service-title {padding:0;text-transform: uppercase; } .service-title h4 { font-size:10px; letter-spacing:1.5px; margin:10px 0; } @media (min-width:1080px){ .other-service .servicecols .col { width:calc(33.3333% - 20px); margin-left:30px; } .other-service .servicecols .col:nth-child(2n+1) { margin-right:0; } .other-service .servicecols .col:nth-child(3n+1) { margin-left:0; } .other-service .servicecols .col h3 { display:block; } } @media (min-width:1280px){ .other-service .servicecols .col { width:calc(33.3333% - 40px); margin-left:60px; } } .acc { padding:15px; border:1px solid #ccc; background: #fff; margin:15px 0 0; transition:.5s ease; } .acc__btn { position:relative; cursor: pointer; padding-right:15px; } .acc__btn:after { content:""; position: absolute; right: 8px; top: 50%; margin-top: -7px; display: block; width: 8px; height: 8px; border-top: solid 2px #000; border-right: solid 2px #000; transform: rotate(135deg); transition: all 0.2s ease-in-out; } .acc__content { position: relative; display: none; padding-top: 15px; padding-bottom: 1px;} .acc:hover, .acc.is-show { border-color:#000; } .acc.is-show .acc__btn:after { margin-top: -5px; transform: rotate(-45deg);} .acc__btn h4 { margin:0; font-size:11px; } .acc__btn h3 { margin:0; font-size:14px; } .acc__btn .price { margin:5px 0 0; } @media (min-width: 1080px) { .acc__btn h3 { font-size:16px; } .acc__btn h4 { font-size:12px; } } .about-col { display:block; margin:20px 0; } @media (max-width: 768px) { .about-col { text-align:center } } .dl-list { border-top: 1px solid #000; margin-top:30px; } .dl-list dl { display: flex; flex-wrap: wrap; align-items:flex-start; padding:15px 0; border-bottom: 1px solid #999; } .dl-list dt { width:30%; font-size:1.3rem; } .dl-list dd { width:70%; font-size:1.3rem; } .dl-list iframe { filter: grayscale(1); } @media screen and (max-width:480px) { .dl-list dt { width:40%; font-size:1.2rem; } .dl-list dd { width:60%; font-size:1.2rem; } } .agreement__list { margin:30px 0;} .agreement__item { text-indent: -.9em; padding-left: .9em; font-size: 13px; letter-spacing:0.08em; margin-bottom: 1em;} @media screen and (max-width:480px) { .agreement__item { font-size: 12px; } } .form-wrapper { margin-top:30px; } .form-wrapper form { width:100% } .form-input { position: relative; text-align: left; margin-bottom: 3rem; } .form-input__label { display: inline-block; font-size: 12px; line-height: 1.1; color:#999; } .form-input__label>span { display: inline-block; font-size:15px; width: .25rem; height: .25rem; color: #000; border-radius: 50%; vertical-align: text-top; margin-left: .3125rem; } .form-input__field { position: relative; margin-top: 1rem; } .form-input__field input, .form-input__field select, .form-input__field textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; height: 3.75rem; padding: 1em 1em .9em; border: 1px solid #ccc; background:#f4f4f4; border-radius: 0; font-size: 1.1rem; } .form-input__field textarea { height: 13.8888888889rem; } .form-btn { display: flex; } .form-btn .form-button { width: 100%; height: 3.75rem; background-color: #000; border: 1px solid #000; color: #fff; font-size: 13px; cursor: pointer; transition: background-color 1s cubic-bezier(.18,.06,.23,1),opacity .7s cubic-bezier(.18,.06,.23,1); } .contact-info { margin-top:30px; } .contact-info p { margin-top:1em; } .contact-info a { color: #b38a00; } @media screen and (min-width: 769px) { .form-wrapper { display: flex; justify-content: space-between; flex-direction: column; } .form-btn .form-button { width: 50%; } } .form-send { margin-top: 2rem; } .form-send>div { } .form-send>div>p { background-color:#fff; border:1px solid; padding: 1em 1em .9em; font-size: 1.1rem; display: block; text-align: center; } .form-send #success p { color:#b38a00; border-color:#b38a00; } .form-send #error p { color:red; border-color:red; } .works { margin-top:50px; } .works__col { position:relative; display:block } .works__img { position:relative; overflow:hidden; } .works__text { position:relative; margin:20px 0; padding-right:55px; } .works__text h2 { font-size:16px; margin:0 } .works__text p { font-size:11px; letter-spacing: 0.05em; margin:5px 0 0 } .works__logo { position:absolute; right:0; top:50%; width:50px; transform:translateY(-50%); } /* ███████╗██████╗ ██╗ █████╗ ███████╗██╗ ██╗ ██╔════╝██╔══██╗██║ ██╔══██╗██╔════╝██║ ██║ ███████╗██████╔╝██║ ███████║███████╗███████║ ╚════██║██╔═══╝ ██║ ██╔══██║╚════██║██╔══██║ ███████║██║ ███████╗██║ ██║███████║██║ ██║ ╚══════╝╚═╝ ╚══════╝╚═╝ ╚═╝╚══════╝╚═╝ ╚═╝ */ .tr-bg, .xhr-head-pan { opacity: 0; } .done .tr-bg, .is-loaded .xhr-head-pan { opacity: 1; } .js-b-show .o { opacity: 0; transform: translate(0%, 100%); } .js-w-show .o { opacity: 0; transform: translate(0%, -100%); } .js-show { opacity: 0; transform: translate(0%, 50px); } .pjx-load { position: fixed; left:50%; top:0; width: 100%; max-width: 1600px; height: 100%; transform: translate(-50%, 0); background-color: #fff; z-index: 99; pointer-events: none; } .site-footer { position: relative; max-width: 1600px; padding: 1px 0; margin:0 auto; background-color:#8a8a8a; color:#fff } .footer-inner { padding: 30px 20px; margin: 0 auto; overflow:hidden; } @media (min-width: 1080px) { .site-footer hr { margin:50px 0; } .footer-inner { padding: 40px 25px; max-width: 1280px; } } .foooter-col { margin:20px 0; } .foooter-col h4 { font-size:16px; border-bottom: 1px solid rgba(255,255,255,.5); } .foooter-col dl { font-size:12px; margin-bottom:10px; } .foooter-col dt { font-weight: 700; } .foooter-col dd { } .foooter-col iframe { filter: grayscale(1); } .foooter-col p { font-size:11px; line-height: 1.4; letter-spacing: 0.05em; margin:20px 0 0 } @media (min-width: 769px) { .footer-col { margin:30px 0; } } @media (min-width: 1080px) { } .footer-bottom { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; } .icon-instagram { display: block; width: 30px; height:30px; background-color: #fff; border-radius: 100%; padding:7px; } .icon-instagram svg { fill:#8a8a8a } .privacy-policy { margin-left: 10px;margin-right: auto; } .copyright { font-size:10px; color:#ccc; letter-spacing: 0; } .plan-dl { max-width:800px; border:1px solid #ddd; padding:15px; margin-top:40px; } .plan-dl__title { display:block; font-size:16px; padding-bottom:10px; border-bottom:1px solid #ddd; margin-bottom:15px; } .plan-dl dl { font-size:13px; } .plan-dl dl dt { font-weight: 700; padding: 0 5px; line-height: 1.5; } .plan-dl dl dd { border-bottom: dashed 1px #ddd; margin-bottom: 10px; margin-left: 0; padding: 2px 5px 10px; line-height: 1.5; } .plan-dl dl dd:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: 0; } .plan-dl dl.full dd { } @media only screen and (min-width: 768px) { .plan-dl__title { margin-bottom:5px; } .plan-dl dl { line-height: 2; } .plan-dl dl dt { float: left; padding: 15px 0 15px; } .plan-dl dl dd { margin: 0; padding: 15px 0 15px 22ch; } .plan-dl dl.full dd { padding-left:0; } } .plan-box-t { display:inline-block; background-color:#943b3b; border-radius:30px; color:#fff; padding:15px 20px; margin-top:20px; text-align:center; font-size:16px; font-weight:600; } .plan-tb { display:flex; flex-direction:row; text-align:center; max-width:800px; background-color:#000; color:#fff; padding:15px 0; margin-top:20px; } .plan-tb__col { display:flex; align-items:center; flex-direction:column; border-left:1px solid #333; } .plan-tb__col--half { width:50%; } .plan-tb__col--third { width:33.3333%; } .plan-tb__col:first-child { border:none !important; } .plan-tb__t { font-size:13px; } .plan-tb__c { font-size:16px; } .plan-tb__c strong { font-size:24px; } @media only screen and (max-width: 767px) { .plan-tb__t { font-size:11px; } .plan-tb__c { font-size:13px; } .plan-tb__c strong { font-size:18px; } } .reserve-btns {} .reserve-btns a { position:relative; display:flex; align-items:center; justify-content:center; flex-direction:column; width:100%; background-color:rgba(0,0,0,0.3); margin:20px 0; padding:15px 10px; transition:.5s; } .reserve-btns a:before { content:""; position:absolute; left:5px; right:5px; top:5px; bottom:5px; border:1px solid #fff; opacity:.5; } .reserve-btns a span { font-size:13px; letter-spacing:.1em; } .reserve-btns a strong { font-weight:400; font-size:24px; letter-spacing:.1em; } .reserve-btns a i { font-style:normal; font-size:12px; font-weight:700; margin-top:5px; } .reserve-btns a:hover { background-color:rgba(0,0,0,0.7); } @media only screen and (max-width: 1079px) { .reserve-btns a span { font-size:11px; } .reserve-btns a strong { font-size:22px; } } .price-dl { margin:10px 0; } .price-dl dl { width:100%; display:flex; align-items:center; justify-content:space-between; font-size:13px; margin:0 0 5px; } .price-dl dt { position:relative; flex: 1 1 auto; } .price-dl dt:before { content:""; position:absolute; left:0; top:50%; width:calc(100% - 10px); border-top:1px dotted #fff; } .price-dl dt span { position:relative; display:inline-block; padding-right:10px; background-color:#bebebe; } .price-dl p { margin:0 0 5px; } @media only screen and (min-width: 1080px) { .price-dl dl { font-size:14px; } } /* added 20251009*/ @media (min-width: 360px) { .menu-wrap h2{font-size: 20px; margin-top:0;} .menu-wrap .ttl{font-size: 16px;} .menu-wrap .ttl span{font-size: 13px;} .menu-wrap .menu-ttl{font-size: 13px; margin-top:10px; font-weight: 700;} .menu-wrap .line{border-top: 1px solid #aaa; margin-top: 30px; padding-top:30px;} .menu-wrap .step{border-top: 1px solid #999; border-bottom: 1px solid #999; margin: 30px 0; padding: 15px 0;} .menu-wrap ol.alpha li { list-style: auto;} .menu-wrap ul.disc { margin-top: 20px; } .menu-wrap ul.disc li{ font-size: 0.8em;} } @media (min-width: 1080px) { .menu-wrap h2{font-size: 25px;} .menu-wrap .ttl{font-size: 18px;} .menu-wrap .menu-ttl{font-size: 14px;} }