@charset 'utf-8';

.fabricstory { 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 p { line-height: 2; }

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

.fabricstory-content { position: relative; margin: 0 6.02409638554%; }

.fabricstory-block { position: relative; margin-top: 120px; padding-top: 120px; }
.fabricstory-block:first-child { margin-top: 0; }
.fabricstory-block:before { content: ''; position: absolute; top: 0; left: 50%; margin-left: -30px; width: 60px; height: 1px; background: #ccc; }
.fabricstory-block-multi {}
.fabricstory-block-title { -ms-writing-mode: tb-rl; writing-mode: vertical-rl; white-space: nowrap; font-size: 2.4rem; font-weight: 400; letter-spacing: .15em; line-height: 2.16666666667; 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: 10px; width: 10px; height: 100%; background: rgba(212,161,192,.2); }
.fabricstory-block-comment {}
.fs-l-main .fabricstory-block-comment p { font-size: 1.3rem; color: #111; }
.fs-l-main .fabricstory-block-comment .note { font-size: 1rem; }
.fabricstory-block-comment p + p { margin-top: 1.8em; }
.fabricstory-block-photo {}

.fabricstory-block-1 .fabricstory-block-multi { display: flex; }
.fabricstory-block-1 .fabricstory-block-comment { margin: 0 60px 0 auto; width: 72.602739726%; }
.fabricstory-block-1 .fabricstory-block-photo { margin: 65px 0 0 auto; width: 89.0410958904%; }
.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: 9.31506849315%; }
.fabricstory-block-2 .fabricstory-block-comment { margin-left: 10.9589041096%; width: 56.7123287671%; }
.fabricstory-block-2 .fabricstory-block-photo { margin-bottom: 52px; }
.fabricstory-block-3 { display: flex; justify-content: space-between; }
.fabricstory-block-3 .fabricstory-block-multi { width: 38.3561643836%; }
.fabricstory-block-3 .fabricstory-block-title { padding-left: 42px; }
.fabricstory-block-3 .fabricstory-block-comment { margin-top: 140px; }
.fabricstory-block-3 .fabricstory-block-photo { width: 56.9863013699%; }
.fabricstory-block-4 { display: flex; flex-flow: column-reverse; }
.fabricstory-block-4 .fabricstory-block-title { position: absolute; top: 110px; right: 9.58904109589%; }
.fabricstory-block-4 .fabricstory-block-comment { margin-left: 12.3287671233%; width: 77.2602739726%; }
.fabricstory-block-4 .fabricstory-block-photo { margin-bottom: 52px; width: 61.9178082192%; }

.fabricstory-bnr { margin-top: 180px; }
.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; }