@charset 'utf-8';

.fixed-cart { display: none !important; }

.fs-l-pageMain { margin: 0 -10px; width: calc(100% + 20px); }
.fs-l-main > .side { display: none; }

.fabricstory { position: relative; padding-bottom: 118px; color: #111; }
.fabricstory img { width: auto; height: auto; max-width: 100%; vertical-align: top; }
.fabricstory .f-min { font-family: 'HiraMinProN-W3', 'ヒラギノ明朝 ProN W3', 'MS P Mincho', 'ＭＳ Ｐ明朝', 'MS 明朝', 'HG明朝E', 'Century', 'Times New Roman', serif; }

.fabricstory-visual { margin-bottom: 70px; }

.fabricstory-content { position: relative; margin: 0 15px; }

.fabricstory-block { position: relative; margin-top: 70px; padding-top: 70px; }
.fabricstory-block:first-child { margin-top: 0; }
.fabricstory-block:before { content: ''; position: absolute; top: 0; left: 50%; margin-left: -25px; width: 50px; height: 1px; background: #ccc; }
.fabricstory-block-multi {}
.fabricstory-block-title { -ms-writing-mode: tb-rl; writing-mode: vertical-rl; font-size: 17px; font-weight: 400; letter-spacing: .075em; line-height: 2; color: #111; }
.fabricstory-block-title span { display: inline-block; position: relative; vertical-align: top; }
.fabricstory-block-title span:after { content: ''; position: absolute; top: 0; right: 6px; width: 7px; height: 100%; background: rgba(212,161,192,.2); }
.fabricstory-block-comment { line-height: 2.2; }
.fabricstory-block-comment p { font-size: 11px; color: #111; }
.fabricstory-block-comment .note { font-size: 9.5px; white-space: nowrap; }
.fabricstory-block-comment p + p { margin-top: 18px; }
.fabricstory-block-photo {}

.fabricstory-block-1 .fabricstory-block-multi { display: flex; }
.fabricstory-block-1 .fabricstory-block-title { padding-left: 6px; }
.fabricstory-block-1 .fabricstory-block-comment { margin: 0 15px 0 auto; width: 72.4637681159%; }
.fabricstory-block-1 .fabricstory-block-photo { margin: 45px -15px 0 auto; width: calc(91.0144927536% + 15px); }
.fabricstory-block-2 { display: flex; flex-flow: column-reverse; }
.fabricstory-block-2 .fabricstory-block-multi { display: flex; flex-flow: row-reverse; justify-content: space-between; }
.fabricstory-block-2 .fabricstory-block-title { padding-right: 15px }
.fabricstory-block-2 .fabricstory-block-comment { margin-left: 15px; width: 64.6376811594%; }
.fabricstory-block-2 .fabricstory-block-photo { margin: 0 -15px 32px; width: calc(100% + 30px); }
.fabricstory-block-3 { display: flex; flex-flow: column-reverse; }
.fabricstory-block-3 .fabricstory-block-title { position: absolute; top: 60px; left: 15px; }
.fabricstory-block-3 .fabricstory-block-comment { margin: 0 15px; }
.fabricstory-block-3 .fabricstory-block-photo { margin: 0 0 35px auto; width: 73.9130434783%; }
.fabricstory-block-4 { display: flex; flex-flow: column-reverse; }
.fabricstory-block-4 .fabricstory-block-title { position: absolute; top: 60px; right: 15px; }
.fabricstory-block-4 .fabricstory-block-comment { margin-left: 30px; width: 86.9565217391%; }
.fabricstory-block-4 .fabricstory-block-photo { margin-bottom: 32px; width: 69.1304347826%; }

.fabricstory-bnr { margin: 65px 15px 0; }
.fabricstory-bnr a { display: block; }

.lazy-show { transition: transform ease 1s, opacity ease 1s; transform: translateY(40px); opacity: 0; }
.lazy-show-done { transform: translateY(0); opacity: 1; }