@charset 'utf-8';

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

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

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

.todoroki-title { margin: 0 auto; padding: 20px 0; width: 71.3333333333%; }
.todoroki-visual { margin-bottom: 75px; }
.todoroki-introduce {}
.todoroki-introduce-top { position: relative; margin: 0 15px; border: solid #ccc 1px; }
.todoroki-introduce-top > .frame { position: relative; padding: 50px 44px; }
.todoroki-introduce-top:before,
.todoroki-introduce-top:after,
.todoroki-introduce-top > .frame:before,
.todoroki-introduce-top > .frame:after { content: ''; position: absolute; width: 20px; height: 20px; background: #fff; }
.todoroki-introduce-top:before { top: -1px; left: -1px; }
.todoroki-introduce-top:after { top: -1px; right: -1px; }
.todoroki-introduce-top > .frame:before { bottom: -1px; left: -1px; }
.todoroki-introduce-top > .frame:after { bottom: -1px; right: -1px; }
.todoroki-introduce-title {}
.todoroki-introduce-title--en { width: 84.375%; }
.todoroki-introduce-title--ja { margin-top: 16px; font-size: 10px; font-weight: 400; }
.todoroki-introduce-lead { margin-top: 38px; }
.todoroki-introduce-lead > p { font-size: 12px; letter-spacing: .15em; line-height: 2.375; }
.todoroki-introduce-lead > p + p { margin-top: 2em; }
.todoroki-introduce-name { margin: 30px 0 0 74.8046875%; font-size: 10px; letter-spacing: .0525em; }
.todoroki-introduce-mid { position: relative; margin-top: 75px; padding-bottom: 66.6666666667%; width: 100%; height: 0; background: url(../../images/todoroki/introduce_photo1.jpg) no-repeat center center; background-size: cover; overflow: hidden; }
.todoroki-introduce-mid02 { position: relative; margin-top: 75px; padding-bottom: 66.6666666667%; width: 100%; height: 0; background: url(../../images/todoroki/introduce_photo1_02.jpg) no-repeat center center; background-size: cover; overflow: hidden; }
.todoroki-introduce-mid03 { position: relative; margin-top: 75px; padding-bottom: 66.6666666667%; width: 100%; height: 0; background: url(../../images/todoroki/introduce_photo1_03.jpg) no-repeat center center; background-size: cover; overflow: hidden; }
.todoroki-introduce-mid04 { position: relative; margin-top: 75px; padding-bottom: 66.6666666667%; width: 100%; height: 0; background: url(../../images/todoroki/introduce_photo1_04.jpg) no-repeat center center; background-size: cover; overflow: hidden; }
.todoroki-introduce-mid03-2 { position: relative; margin-top: 75px; padding-bottom: 66.6666666667%; width: 100%; height: 0; background: url(../../images/todoroki/introduce_photo1_03-2.jpg) no-repeat center center; background-size: cover; overflow: hidden; }
.todoroki-introduce-copy { position: absolute; top: 8%; right: 45px; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; font-size: 11px; letter-spacing: .0525em; line-height: 2.77272727273; overflow: hidden; }
.todoroki-introduce-detail { margin-top: 75px; }
.todoroki-introduce-detail--photo { margin: 0 75px; }
.todoroki-introduce-detail--text { margin: 20px 60px 0; }
.todoroki-introduce-detail--text > p { font-size: 11px; line-height: 2; }
.todoroki-introduce-detail--text > p + p { margin-top: 2em; }
.todoroki-introduce-person { display: flex; align-items: center; position: relative; margin: 40px 15px 0; padding-top: 40px; }
.todoroki-introduce-person:before { content: ''; position: absolute; top: 0; left: 50%; margin-left: -25px; width: 50px; height: 1px; background: #ccc; }
.todoroki-introduce-person--photo { width: 28.9855072464%; }
.todoroki-introduce-person__box { margin-left: 7.24637681159%; width: 63.768115942%; }
.todoroki-introduce-person__box--title { font-size: 13px; font-weight: 700; line-height: 1.2; }
.todoroki-introduce-person__box--text { margin-top: 8px; font-size: 11px; line-height: 2; }
.todoroki-introduce-bnr { margin: 50px 15px 0; }
.todoroki-introduce-bnr > a { display: block; }
.todoroki-morning { position: relative; margin-top: 90px; }
.todoroki-morning-title { margin: 0 auto 50px; width: 72.4%; }
.todoroki-morning-content { position: relative; margin: 0 30px; }
.todoroki-morning-block { position: relative; margin-top: 80px; border: solid #ebebeb 1px; }
.todoroki-morning-block:first-child { margin-top: 0; }
.todoroki-morning-copy { font-size: 11px; letter-spacing: .25em; line-height: 1.81818181818; }
.todoroki-morning-slide { position: relative; width: 100%; opacity: 0; }
.todoroki-morning-slide__frame { position: relative; width: 100%; max-width: 700px; overflow: hidden; }
.todoroki-morning-slide__move { position: relative; overflow: hidden; }
.todoroki-morning-slide--item { position: relative; float: left; }
.todoroki-morning-slide__bullets { display: flex; justify-content: center; position: absolute; bottom: 10px; left: 0; width: 100%; height: 4px; }
.todoroki-morning-slide__bullets > a { display: block; margin: 0 3px; width: 4px; height: 100%; border: solid rgba(255,255,255,.8) 1px; border-radius: 50%; text-indent: -9999px; white-space: nowrap; overflow: hidden; }
.todoroki-morning-slide__bullets > a.active { background: rgba(255,255,255,.8); }
.todoroki-morning-slide--direct { display: none; }
.todoroki-morning-photo { position: relative; }
.todoroki-morning-products { position: relative; margin-top: 12px; }
.todoroki-morning-products > p { font-size: 9px; line-height: 1.83333333333; }
.todoroki-morning-block--1 { padding: 35px 0 30px; }
.todoroki-morning-block--1 .todoroki-morning-slide { margin-left: -15px; width: calc(100% + 30px); }
.todoroki-morning-block--1 .todoroki-morning-copy { position: absolute; top: 30px; left: 15.9420289855%; color: #fff; z-index: 10; }
.todoroki-morning-block--1 .todoroki-morning-products { margin-left: 15px; }
.todoroki-morning-block--2 { padding: 30px 0; }
.todoroki-morning-block--2 .todoroki-morning-copy { margin-left: 50%; }
.todoroki-morning-block--2 .todoroki-morning-slide { margin: 30px 0 0 -15px; width: calc(100% + 30px); }
.todoroki-morning-block--2 .todoroki-morning-photo { margin: 45px 42px 0; }
.todoroki-morning-block--2 .todoroki-morning-products { margin-left: 90px; }
.todoroki-morning-block--3 { padding: 35px 0 30px; }
.todoroki-morning-block--3 .todoroki-morning-photo { margin: 0 42px; }
.todoroki-morning-block--3 .todoroki-morning-copy { position: absolute; top: 25px; left: 13.0434782609%; color: #fff; }
.todoroki-morning-block--3 .todoroki-morning-slide { margin: 45px 0 0 -15px; width: calc(100% + 30px); }
.todoroki-morning-block--3 .todoroki-morning-products { margin-left: 15px; }
.todoroki-morning-block--4 { padding: 30px 0; }
.todoroki-morning-block--4 .todoroki-morning-copy { margin-left: 96px; }
.todoroki-morning-block--4 .todoroki-morning-slide { margin: 30px 0 0 -15px; width: calc(100% + 30px); }
.todoroki-morning-block--4 .todoroki-morning-photo { margin: 45px 0 0 -15px; width: calc(100% + 30px); }
.todoroki-morning-block--4 .todoroki-morning-products { margin-left: 90px; }
.todoroki-morning-block--5 { padding: 30px 0; }
.todoroki-morning-block--5 .todoroki-morning-copy { margin-left: 40px; }
.todoroki-morning-block--5 .todoroki-morning-slide { margin: 30px 0 0 -15px; width: calc(100% + 30px); }
.todoroki-morning-block--5 .todoroki-morning-photo { margin: 45px 0 0 -15px; width: calc(100% + 30px); }
.todoroki-morning-block--5 .todoroki-morning-products { margin-left: 15px; }
.todoroki-staff { position: relative; margin-top: 76px; }
.todoroki-staff-title { position: relative; margin-bottom: 24px; text-align: center; font-size: 10px; line-height: 1.55; }
.todoroki-staff-title:after { content: ''; display: block; margin: 10px auto 0; width: 25px; height: 1px; background: #ccc; }
.todoroki-staff-content { margin: 0 90px; }
.todoroki-staff-lists {}
.todoroki-staff-lists--item { font-size: 10px; line-height: 2.3845; }

.todoroki-bnr { margin: 65px 15px 0; }
.todoroki-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; }