@charset "UTF-8";
main {
    margin-top: 183px;
    font-family: "Noto Serif JP", serif;
}
button {
    padding: 0;
}
.u-flex {
    display: flex;
}
.u-flex--wrap {
    display: flex;
    flex-wrap: wrap;
}
.u-flex--between {
    display: flex;
    justify-content: space-between;
}
.u-flex--center {
    display: flex;
    justify-content: center;
}

.l-wrapper {
    max-width: 1100px;
    width: 100%;
    margin: 0 auto;
}
@media screen and (max-width: 768px) {
    main {
        margin-top: 115px;
    }
    .l-wrapper {
        width: 94%;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .l-wrapper {
        width: 94%;
    }
}

.u-indention {
    display: inline;
    padding-left: 0.5rem;
}
@media screen and (max-width: 768px) {
    .u-indention {
        display: block;
        padding-left: 0rem;
    }
}

/*-------------�ｽ莠･�ｽ鬨ｾ螟石夊崕�ｽ��ｸｺ阮吮穐邵ｺ�ｧ�ｽ�ｽ---------------*/

.l-main {
    width: 75%;
    float: right;
    margin-left: 5%;
    margin-bottom: 5%;
}
@media screen and (max-width: 768px) {
    .l-main {
        margin-left: 0;
        margin-bottom: 5%;
        width: 100%;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .l-main {
        width: 70%;
    }
}
.l-main section + section {
    margin-bottom: 3rem;
}
@media screen and (max-width: 768px) {
    .l-main section + section {
        margin-bottom: 4rem;
    }
}

.p-main__ttl {
    margin: 3rem auto 1.5rem;
    font-size: 1.4rem;
    font-weight: 600;
    position: relative;
    padding: 0 110px;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
}
@media screen and (max-width: 768px) {
    .p-main__ttl {
        margin: 3rem auto 2rem;
        padding: 0 70px;
    }
}
.p-main__ttl__wrapper {
    margin: 0 auto;
    text-align: center;
}
.p-main__ttl::before {
    content: "";
    position: absolute;
    top: calc(50% - 1px);
    left: 0;
    width: 20%;
    height: 1px;
    background: #444;
}
@media screen and (max-width: 768px) {
    .p-main__ttl::before {
        width: 15%;
    }
}
.p-main__ttl::after {
    content: "";
    position: absolute;
    top: calc(50% - 1px);
    right: 0;
    width: 20%;
    height: 1px;
    background: #444;
}
@media screen and (max-width: 768px) {
    .p-main__ttl::after {
        width: 15%;
    }
}
.p-main__ttl__sub {
    display: block;
    font-size: 1.2rem;
    letter-spacing: 1px;
    font-family: "Playfair Display", serif;
    font-weight: 600;
}
@media screen and (max-width: 768px) {
    .p-main__ttl__sub {
        font-size: 1.2rem;
    }
}

.p-itemList__wrapper {
    margin: 1rem auto;
    gap: 2%;
}
@media screen and (max-width: 768px) {
    .p-itemList__wrapper {
        flex-wrap: wrap;
        justify-content: space-between;
    }
}
.p-itemList__arrivalItem {
    width: 23.5%;
    margin-bottom: 2%;
}
@media screen and (max-width: 768px) {
    .p-itemList__arrivalItem {
        width: 49%;
    }
}
.p-itemList__mensItem {
    width: 15.6666666667%;
}
@media screen and (max-width: 768px) {
    .p-itemList__mensItem {
        width: 31.3333333333%;
        margin: 0;
        margin-bottom: 2%;
    }
}
.p-itemList__text {
    margin-top: 0.5rem;
    font-size: 1.2rem;
    text-align: justify;
}
.p-itemList__price {
    margin-top: 1rem;
    text-align: right;
}
.p-itemList__price--tex {
    font-size: 0.75rem;
    margin-right: 0.2rem;
}
.p-itemList__price--price {
    font-family: "Hiragino Sans", "ヒラギノ角ゴシック", "ヒラギノ角ゴ", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo,
        sans-serif;
    font-size: 1.2rem;
    font-weight: 600;
}
.p-itemList__price--price::before {
    font-family: "Hiragino Sans", "ヒラギノ角ゴシック", "ヒラギノ角ゴ", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo,
        sans-serif;
    content: "¥";
    font-size: 1.2rem;
    margin-right: 0.1rem;
}

.p-illCategory__tabs {
    gap: 2rem 2rem;
}
.p-illCategory__list__item {
    width: calc((100% - (4rem + 6px)) / 3);
    height: 80px;
    text-align: center;
    border: 1px solid #ccc;
}
@media screen and (max-width: 768px) {
    .p-illCategory__list__item {
        width: calc((100% - (2rem + 4px)) / 2);
    }
}
.p-illCategory__list__item img {
    width: 80px;
}
.p-illCategory__list__item a {
    display: block;
}
.p-illCategory__list__item p {
    margin: 0 auto;
    font-weight: 600;
    font-size: 1.4rem;
    display: grid;
    place-content: center;
}
.p-illCategory__list__item p span {
    display: block;
}
@media screen and (max-width: 768px) {
    .p-illCategory__list__item p {
        font-size: 1.2rem;
    }
}

.p-ivent__usually {
    gap: 2%;
}
.p-ivent__usually__item {
    margin-bottom: 2%;
    width: 49%;
}
@media screen and (max-width: 768px) {
    .p-ivent__usually__item {
        width: 100%;
        margin-bottom: 1rem;
    }
}
.p-ivent__bnr {
    margin-bottom: 1rem;
}

@media screen and (max-width: 768px) {
    .p-ranking {
        background: #f0f0f0;
        padding-bottom: 2rem;
        margin-left: -3%;
        margin-right: -3%;
    }
}
@media screen and (max-width: 768px) {
    .p-ranking__wrapper {
        display: block;
    }
}
.p-ranking__left {
    width: 35%;
}
@media screen and (max-width: 768px) {
    .p-ranking__left {
        width: 65%;
        margin: 0 auto 4%;
    }
}
.p-ranking__left__item {
    position: relative;
}
.p-ranking__left__item::before {
    display: block;
    position: absolute;
    content: "";
    width: 50px;
    height: 50px;
    background: url(https://gigaplus.makeshop.jp/lululusilk/theme/img/main/ranking-1.png) no-repeat center center/cover;
    left: -1rem;
    top: -1rem;
}
.p-ranking__right {
    width: 63%;
}
@media screen and (max-width: 768px) {
    .p-ranking__right {
        width: 94%;
        margin: 0 auto;
    }
}
.p-ranking__right__wrapper {
    gap: 2%;
}
@media screen and (max-width: 768px) {
    .p-ranking__right__wrapper {
        flex-wrap: wrap;
        justify-content: center;
    }
}
.p-ranking__right__upperItem {
    width: 23.5%;
    position: relative;
    margin-bottom: 2%;
}
@media screen and (max-width: 768px) {
    .p-ranking__right__upperItem {
        width: 47%;
        margin-bottom: 4%;
    }
}
.p-ranking__right__upperItem::before {
    display: block;
    position: absolute;
    content: "";
    width: 45px;
    height: 45px;
    left: -1rem;
    top: -1rem;
}
.p-ranking__right__rank2::before {
    background: url(https://gigaplus.makeshop.jp/lululusilk/theme/img/main/ranking-2.png) no-repeat center center/cover;
}
.p-ranking__right__rank3::before {
    background: url(https://gigaplus.makeshop.jp/lululusilk/theme/img/main/ranking-3.png) no-repeat center center/cover;
}
.p-ranking__right__rank4::before {
    background: url(https://gigaplus.makeshop.jp/lululusilk/theme/img/main/ranking-4.png) no-repeat center center/cover;
}
.p-ranking__right__rank5::before {
    background: url(https://gigaplus.makeshop.jp/lululusilk/theme/img/main/ranking-5.png) no-repeat center center/cover;
}
.p-ranking__right__underItem {
    width: 18.8%;
    margin-top: 1rem;
    position: relative;
}
.p-ranking__right__underItem::before {
    display: block;
    position: absolute;
    content: "";
    width: 35px;
    height: 35px;
    left: -0.7rem;
    top: -0.7rem;
}
.p-ranking__right__rank6::before {
    background: url(https://gigaplus.makeshop.jp/lululusilk/theme/img/main/ranking-6.png) no-repeat center center/cover;
}
.p-ranking__right__rank7::before {
    background: url(https://gigaplus.makeshop.jp/lululusilk/theme/img/main/ranking-7.png) no-repeat center center/cover;
}
.p-ranking__right__rank8::before {
    background: url(https://gigaplus.makeshop.jp/lululusilk/theme/img/main/ranking-8.png) no-repeat center center/cover;
}
.p-ranking__right__rank9::before {
    background: url(https://gigaplus.makeshop.jp/lululusilk/theme/img/main/ranking-9.png) no-repeat center center/cover;
}
.p-ranking__right__rank10::before {
    background: url(https://gigaplus.makeshop.jp/lululusilk/theme/img/main/ranking-10.png) no-repeat center center/cover;
}

.p-silkSeries__list {
    margin: 0 auto;
    gap: 2%;
}
@media screen and (max-width: 768px) {
    .p-silkSeries__list {
        justify-content: space-between;
    }
}
.p-silkSeries__item {
    width: 31.3333333333%;
    margin-bottom: 2rem;
}
@media screen and (max-width: 768px) {
    .p-silkSeries__item {
        width: 49%;
    }
}
.p-silkSeries__item__ttl {
    font-size: 1.6rem;
    font-weight: 600;
    margin: 1rem auto;
}
.p-silkSeries__item__ttl--sub {
    font-size: 1.2rem;
    text-transform: uppercase;
    display: block;
    letter-spacing: 1px;
    color: #777;
    font-family: "Playfair Display", serif;
}
.p-silkSeries__item__text {
    min-height: 3rem;
    font-size: 1.2rem;
}
@media screen and (max-width: 768px) {
    .p-silkSeries__item__text {
        min-height: auto;
    }
}
.p-silkSeries__item figure {
    overflow: hidden;
    border-radius: 10px;
}
.p-silkSeries__item img {
    transition: 1s all;
}
@media screen and (max-width: 768px) {
    .p-silkSeries__item img {
        -o-object-fit: cover;
        object-fit: cover;
        height: 35vh;
    }
}
.p-silkSeries__item img:hover {
    transform: scale(1.03, 1.03);
    transition: 1s all;
}
.p-silkSeries__more {
    text-align: right;
    font-size: 1.2rem;
    margin-top: 1rem;
    font-weight: 600;
    text-decoration: underline;
    color: #777;
    position: relative;
    padding-right: 20px;
}
.p-silkSeries__more::after {
    position: absolute;
    display: block;
    content: "";
    background: url(https://gigaplus.makeshop.jp/lululusilk/theme/img/icon/arrow.png) no-repeat center center/cover;
    width: 13px;
    height: 13px;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.p-silkSeries__more:hover::after {
    right: -3px;
    transition: all 0.3s;
}

.p-originalSilk__list {
    margin: 0 auto;
    gap: 2%;
}
@media screen and (max-width: 768px) {
    .p-originalSilk__list {
        display: block;
    }
}
.p-originalSilk__catch {
    background: #39646a;
    border-radius: 30px;
    color: #fff;
    padding: 0.5rem 1rem;
    display: inline-block;
    margin-top: 1rem;
    font-size: 1.2rem;
}
.p-originalSilk__item {
    width: 49%;
    margin-bottom: 4%;
}
@media screen and (max-width: 768px) {
    .p-originalSilk__item {
        width: 100%;
    }
}
.p-originalSilk__item__ttl {
    font-size: 1.4rem;
    font-weight: 600;
    margin: 1rem auto;
}
.p-originalSilk__item figure {
    overflow: hidden;
    border-radius: 10px;
}
.p-originalSilk__item img {
    transition: 1s all;
}
@media screen and (max-width: 768px) {
    .p-originalSilk__item img {
        -o-object-fit: cover;
        object-fit: cover;
        height: 25vh;
    }
}
.p-originalSilk__item img:hover {
    transform: scale(1.03, 1.03);
    transition: 1s all;
}
.p-originalSilk__text {
    font-size: 1.2rem;
    text-align: justify;
    min-height: 6rem;
}
@media screen and (max-width: 768px) {
    .p-originalSilk__text {
        min-height: auto;
    }
}

.p-about {
    background: url(https://gigaplus.makeshop.jp/lululusilk/theme/img/main/about.jpg) no-repeat top center/cover;
    position: relative;
    width: 100%;
    padding-bottom: 2rem;
}
@media screen and (max-width: 768px) {
    .p-about {
        width: 100vw;
        margin-left: -3%;
        margin-right: -3%;
    }
}
.p-about__image__wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
}
.p-about__image__text {
    color: #dc5f0d;
    margin-top: 1rem;
}
.p-about__image__text span {
    text-align: center;
    text-shadow: white 5px 0 10px;
}
.p-about__image__text__sub {
    display: block;
    font-family: "Playfair Display", serif;
    letter-spacing: 1px;
    font-size: 1.5rem;
    font-weight: 600;
    margin: 0 auto;
}
@media screen and (max-width: 768px) {
    .p-about__image__text__sub {
        font-size: 5.2631578947vw;
    }
}
.p-about__image__text__main {
    font-family: "Noto Serif JP", serif;
    display: block;
    font-size: 2.5rem;
    line-height: 1;
    margin: 1rem auto;
}
@media screen and (max-width: 768px) {
    .p-about__image__text__main {
        font-size: 7.6923076923vw;
    }
}
.p-about__image__text__main--sub {
    font-family: "Noto Serif JP", serif;
    display: block;
    margin: 1rem auto;
    font-size: 1.2rem;
}
@media screen and (max-width: 768px) {
    .p-about__image__text__main--sub {
        font-size: 5.5555555556vw;
    }
}
.p-about__customer {
    width: 94%;
    margin: 2rem auto 1rem;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    background: #f8f484;
    border-radius: 20px;
    padding: 1rem 2rem;
}
@media screen and (max-width: 768px) {
    .p-about__customer {
        margin: 1rem auto;
        padding: 1rem;
    }
}
.p-about__customer__ttl {
    font-size: 1.4rem;
    font-weight: 600;
}
.p-about__customer__ttl__wrapper {
    width: 94%;
    margin: 1rem auto;
}
@media screen and (max-width: 768px) {
    .p-about__customer__ttl__wrapper {
        display: block;
    }
}
.p-about__customer__buy {
    font-size: 1.2rem;
    display: flex;
    align-items: center;
}
.p-about__customer__buy a {
    text-decoration: underline;
}
.p-about__customer__text {
    text-align: justify;
    width: 94%;
    margin: 1rem auto;
    line-height: 1.8;
}
.p-about__customer__text span {
    background: linear-gradient(transparent 50%, #fff 0%);
}
.p-about__message {
    width: 94%;
    margin: 0 auto;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    background: #fff;
    text-align: justify;
    border: 1px solid #ddd;
    padding: 2rem;
}
@media screen and (max-width: 768px) {
    .p-about__message {
        padding: 2rem 1rem;
    }
}
.p-about__message__logo {
    width: 150px;
    display: block;
    margin: 0 auto 2rem;
}
.p-about__message__text {
    font-size: 1.2rem;
    line-height: 1.8;
    background-color: #fff;
    background-image: linear-gradient(90deg, transparent 0%, transparent 50%, #fff 50%, #fff 100%),
        linear-gradient(180deg, #ccc 1px, transparent 1px);
    background-size:
        6px 100%,
        100% 2.3rem;
    line-height: 2.3rem;
    padding-bottom: 1px;
}
@media screen and (max-width: 768px) {
    .p-about__message__text {
        background-size:
            6px 100%,
            100% 2rem;
        line-height: 2rem;
    }
}
.p-about__message__staff {
    text-align: right;
    margin-top: 1rem;
}

.p-media__wrapper {
    flex-wrap: wrap;
}
.p-media__item {
    width: 23.5%;
}
@media screen and (max-width: 768px) {
    .p-media__item {
        width: 47%;
        margin: 0;
        margin-bottom: 2rem;
    }
}

.p-living__cont {
    width: 90%;
    margin: 0 auto;
}
.p-living__list {
    gap: 3%;
}
@media screen and (max-width: 768px) {
    .p-living__list {
        gap: 5%;
        flex-wrap: wrap;
    }
}
.p-living__item {
    width: 22.75%;
}
@media screen and (max-width: 768px) {
    .p-living__item {
        width: 47.5%;
        margin-bottom: 2rem;
    }
}
.p-living__item span {
    display: block;
    margin-top: 1rem;
}

.p-headerItemList__wrapper {
    gap: 1%;
}
.p-headerItemList__item {
    width: 9.1%;
}
.p-headerItemList__price {
    text-align: right;
}
.p-headerItemList__price--tax {
    font-size: 0.75rem;
    margin-right: 0.2rem;
}
.p-headerItemList__price--price {
    font-family: "Hiragino Sans", "ヒラギノ角ゴシック", "ヒラギノ角ゴ", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo,
        sans-serif;
    font-size: 1.2rem;
    font-weight: 600;
}
.p-headerItemList__price--price::before {
    font-family: "Hiragino Sans", "ヒラギノ角ゴシック", "ヒラギノ角ゴ", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo,
        sans-serif;
    content: "¥";
    font-size: 0.7rem;
    margin-right: 0.1rem;
}
.p-headerItemList__rankIcon {
    width: 35%;
    display: block;
    margin: 0 auto;
}

.p-headerCategory__tabs {
    gap: 2%;
}
.p-headerCategory__list__item {
    width: 23.5%;
    height: 80px;
    align-items: center;
    text-align: center;
    border: 1px solid #ccc;
    margin-bottom: 2%;
}
@media screen and (max-width: 768px) {
    .p-headerCategory__list__item {
        width: 49%;
    }
}
.p-headerCategory__list__item img {
    width: 78px;
}
.p-headerCategory__list__item a {
    display: block;
}
.p-headerCategory__list__item p {
    margin: 0 auto;
    font-weight: 600;
    font-size: 1.2rem;
}
.p-headerCategory__list__item p span {
    display: block;
}
@media screen and (max-width: 768px) {
    .p-headerCategory__list__item p {
        font-size: 0.95rem;
    }
}

.p-headTtl__ttl {
    margin: 1rem auto;
    font-size: 1.4rem;
    font-weight: 600;
    position: relative;
    padding: 0 110px;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
}
@media screen and (max-width: 768px) {
    .p-headTtl__ttl {
        margin: 3rem auto 2rem;
        padding: 0 70px;
    }
}
.p-headTtl__ttl__wrapper {
    margin: 0 auto;
    text-align: center;
}
.p-headTtl__ttl::before {
    content: "";
    position: absolute;
    top: calc(50% - 1px);
    left: 0;
    width: 20%;
    height: 1px;
    background: #444;
}
@media screen and (max-width: 768px) {
    .p-headTtl__ttl::before {
        width: 15%;
    }
}
.p-headTtl__ttl::after {
    content: "";
    position: absolute;
    top: calc(50% - 1px);
    right: 0;
    width: 20%;
    height: 1px;
    background: #444;
}
@media screen and (max-width: 768px) {
    .p-headTtl__ttl::after {
        width: 15%;
    }
}
.p-headTtl__ttl__sub {
    display: block;
    font-size: 1.2rem;
    letter-spacing: 1px;
    font-family: "Playfair Display", serif;
    font-weight: 600;
}
@media screen and (max-width: 768px) {
    .p-headTtl__ttl__sub {
        font-size: 1.2rem;
    }
}

.l-aside {
    width: 20%;
    float: left;
    margin-top: 3rem;
    min-height: 2000px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .l-aside {
        width: 25%;
    }
}

.p-aside__search {
    background: #f0f0f0;
    padding: 0.5rem 0.8rem;
    margin-bottom: 1rem;
    position: relative;
}
.p-aside__search input[type="submit"] {
    background: url(https://gigaplus.makeshop.jp/lululusilk/theme/img/icon/search.png) no-repeat center center/contain;
    display: block;
    position: absolute;
    content: "";
    width: 18px;
    height: 18px;
    top: 0;
    bottom: 0;
    right: 0.8rem;
    margin: auto;
}
.p-aside__tag {
    margin-bottom: 2rem;
}
.p-aside__tag__text {
    font-size: 1.2rem;
    margin-bottom: 0.5rem;
    text-align: center;
    color: #444;
    font-weight: 600;
}
.p-aside__tag__item {
    background: #39646a;
    color: #fff;
    font-size: 1.2rem;
    margin: 1%;
    border-radius: 3px;
}
.p-aside__tag__item a {
    display: block;
    padding: 0.2rem 0.5rem;
}
.p-aside__tag__item a:hover {
    text-decoration: underline;
}
.p-aside__category {
    margin-bottom: 2rem;
}
.p-aside__category__ttl {
    font-size: 1.2rem;
    font-weight: 600;
}
.p-aside__category__ttl__wrapper {
    margin: 2rem auto 1rem;
    border-bottom: 2px solid #777;
    align-items: center;
    padding: 0.5rem 0;
}
.p-aside__category__ttl__wrapper span {
    font-size: 1.2rem;
    font-weight: 600;
    font-family: "Playfair Display", serif;
}
.p-aside__category dt div {
    background: #f0f0f0;
    align-items: center;
    margin: 1rem auto;
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 1.3;
}
.p-aside__category dt figure {
    width: 35%;
    margin-right: 0.8rem;
}
.p-aside__category dt span {
    font-size: 0.95rem;
}
.p-aside__category dd {
    position: relative;
    font-size: 0.95rem;
    border-bottom: 1px solid #ddd;
}
.p-aside__category dd a {
    display: block;
    padding: 0.8rem 0;
}
.p-aside__category dd::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 8%;
    width: 9px;
    height: 9px;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    transform: rotate(45deg);
    margin-top: -5px;
}
.p-aside__category dd:hover::after {
    right: 5%;
    transition: all 0.5s;
}
.p-aside__bnr {
    margin: 1.5rem auto;
}

/*----------------------------------------
    郢ｧ�ｫ郢晢ｽｬ郢晢ｽｳ郢敖€郢晢ｽｼ
-----------------------------------------*/
table.calbase_rakuten {
    background-color: #ffffff;
    border: 1px solid #cecece;
    width: 200px;
    border-collapse: collapse;
    padding: 0px 0px 10px 0px;
}

table.calbase_rakuten * {
    font-size: 98%;
    color: #222222;
    border-collapse: collapse;
    padding: 0px;
    margin: 0px;
}

table.calbase_rakuten th {
    text-align: center;
}

th.caltitle_rakuten {
    font-size: 85%;
    padding: 10px 0px 0px 0px;
}

table.calframe_rakuten {
    border-collapse: collapse;
    margin: 10px 10px 0px 10px;
    table-layout: fixed;
    width: 180px;
}

table.calframe_rakuten th {
    text-align: center;
    padding: 0px 0px 3px 0px;
}

table.calframe_rakuten td {
    border: 1px solid #ffffff;
    background-color: #ffffff;
    width: 19px;
    height: 17px;
    text-align: center;
}

tr.weektitle_rakuten td {
    background-color: #eeeeee;
}

td.event1day_rakuten {
    background-color: #ffe3e3 !important;
}

font.event1day_rakuten {
    color: #ffc6c6;
}

td.event2day_rakuten {
    background-color: #b5daff !important;
}

font.event2day_rakuten {
    color: #b5daff;
}

td.event3day_rakuten {
    background-color: #fede93 !important;
}

font.event3day_rakuten {
    color: #fede93;
}

.l-wrapper {
    max-width: 1100px;
    width: 100%;
    margin: 50px auto;
}
@media screen and (max-width: 768px) {
    .l-wrapper {
        width: 94%;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .l-wrapper {
        width: 94%;
    }
}

.l-about {
    padding: 6rem 0;
    width: 100%;
    margin: 0 auto;
}
@media screen and (max-width: 768px) {
    .l-about {
        padding: 4rem 0;
    }
}

.p-aboutOffice__left {
    overflow: hidden;
}
.swiper-button-next,
.swiper-button-prev {
    color: #fff;
}
.swiper-slide p {
    text-align: justify;
    color: #fff;
    padding: 1rem 0;
    width: 98%;
    min-height: 7rem;
}

.slider-thumbnail {
    margin: 1.5rem auto;
}

.swiper-button-next,
.swiper-button-prev {
    width: 55px;
    height: 55px;
}
@media screen and (max-width: 768px) {
    .swiper-button-next,
    .swiper-button-prev {
        width: 40px;
        height: 40px;
    }
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-prev {
    left: -1px;
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    right: -1px;
}

.u-about__ttl {
    font-size: 3rem;
    margin: 2rem auto;
    text-align: center;
}
.u-about__ttl2nd {
    text-align: center;
    margin: 2rem auto;
}
.u-about__ttl2nd span {
    color: #444;
    background: #fff;
    border-radius: 30px;
    font-size: 2.5rem;
    padding: 0.4rem 1.5rem;
    text-align: center;
    line-height: 2;
}
.u-about__ttlLine {
    text-align: center;
    margin: 0 auto;
}
.u-about__ttlLine span {
    position: relative;
    padding: 0 1.5rem;
    font-size: 1.4rem;
    font-family: "Playfair Display", serif;
    text-align: center;
    line-height: 1.8rem;
    letter-spacing: 2px;
}
.u-about__ttlLine span::before,
.u-about__ttlLine span::after {
    position: absolute;
    top: 0.8rem;
    height: 1.8rem;
    content: "";
    top: 0;
    bottom: 0;
    margin: auto;
}
.u-about__ttlLine span::before {
    border-left: solid 1px;
    left: 0;
    transform: rotate(45deg);
}
.u-about__ttlLine span::after {
    border-right: solid 1px;
    right: 0;
    transform: rotate(45deg);
}
.u-about__text {
    text-align: justify;
    margin-bottom: 1rem;
    line-height: 2;
    font-size: 1.4rem;
}
.u-about__text span {
    background: linear-gradient(transparent 50%, rgba(246, 255, 0, 0.812) 0%);
}

.p-aboutHead {
    background: url(https://gigaplus.makeshop.jp/lululusilk/theme/img/main/about.jpg) no-repeat center center/cover;
    position: relative;
    width: 100%;
    height: 40vh;
}
@media screen and (max-width: 1024px) {
    .p-aboutHead {
        height: 35vh;
    }
}
@media screen and (max-width: 768px) {
    .p-aboutHead {
        height: 50vh;
    }
}
@media screen and (max-width: 500px) {
    .p-aboutHead {
        height: 40vh;
    }
}

.p-aboutHead__image__wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.p-aboutHead__image__text {
    color: #dc5f0d;
    margin-top: 1rem;
}
.p-aboutHead__image__text span {
    text-align: center;
    text-shadow: white 5px 0 10px;
}
.p-aboutHead__image__text__sub {
    display: block;
    font-family: "Playfair Display", serif;
    letter-spacing: 1px;
    font-size: 2rem;
    font-weight: 600;
    margin: 0 auto;
}
@media screen and (max-width: 768px) {
    .p-aboutHead__image__text__sub {
        font-size: 4vw;
    }
}
@media screen and (max-width: 500px) {
    .p-aboutHead__image__text__sub {
        font-size: 5vw;
    }
}

.p-aboutHead__image__text__main {
    font-family: "Noto Serif JP", serif;
    display: block;
    font-size: 3.5rem;
    margin: 1rem auto;
}

@media screen and (max-width: 768px) {
    .p-aboutHead__image__text__main {
        font-size: 7vw;
        line-height: 1.3;
    }
}

.p-aboutHead__image__text__main--sub {
    font-family: "Noto Serif JP", serif;
    display: block;
    margin: 1rem auto;
    font-size: 1.8rem;
}

@media screen and (max-width: 768px) {
    .p-aboutHead__image__text__main--sub {
        font-size: 4vw;
    }
}

.p-aboutLululu {
    background: #e0e0e0;
}
.p-aboutLululu__cont {
    position: relative;
    margin-bottom: 5rem;
    height: 48vh;
    justify-content: space-between;
}
@media screen and (width: 1024px) {
    .p-aboutLululu__cont {
        height: 35vh;
    }
}
@media screen and (max-width: 768px) {
    .p-aboutLululu__cont {
        height: auto;
    }
}
.p-aboutLululu__ttl {
    font-size: 3rem;
    line-height: 1.5;
    letter-spacing: 2px;
    text-align: right;
    margin-bottom: 1rem;
}
@media screen and (max-width: 768px) {
    .p-aboutLululu__ttl {
        font-size: 2rem;
        text-align: right;
    }
}
.p-aboutLululu__ttl2nd {
    font-size: 3rem;
    line-height: 1.5;
    letter-spacing: 2px;
    text-align: left;
    margin-bottom: 1rem;
}
@media screen and (max-width: 768px) {
    .p-aboutLululu__ttl2nd {
        font-size: 2rem;
        text-align: right;
    }
}
.p-aboutLululu__images {
    position: absolute;
    left: 0;
    width: 50%;
}
@media screen and (max-width: 768px) {
    .p-aboutLululu__images {
        width: 100%;
        position: static;
    }
}
.p-aboutLululu__images img {
    box-shadow: 3px 5px 5px 0px rgba(0, 0, 0, 0.1);
}
.p-aboutLululu__images2nd {
    position: absolute;
    right: 0;
    width: 50%;
}
@media screen and (max-width: 768px) {
    .p-aboutLululu__images2nd {
        width: 100%;
        position: static;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .p-aboutLululu__images2nd {
        top: auto;
        bottom: 2rem;
    }
}
.p-aboutLululu__text {
    position: absolute;
    right: 0;
    width: 60%;
    letter-spacing: 1px;
    line-height: 2;
}
@media screen and (max-width: 768px) {
    .p-aboutLululu__text {
        width: 100%;
        position: static;
        margin-top: 1rem;
    }
}
.p-aboutLululu__text p {
    width: 75%;
    margin: 0 0 0 auto;
    text-align: justify;
}
@media screen and (max-width: 768px) {
    .p-aboutLululu__text p {
        width: 100%;
    }
}
.p-aboutLululu__text2nd {
    position: absolute;
    left: 0;
    width: 60%;
    letter-spacing: 1px;
    line-height: 2;
    z-index: 9;
}
@media screen and (max-width: 768px) {
    .p-aboutLululu__text2nd {
        width: 100%;
        position: static;
        margin-top: 1rem;
    }
}
.p-aboutLululu__text2nd p {
    width: 72%;
    text-align: left;
}
@media screen and (max-width: 768px) {
    .p-aboutLululu__text2nd p {
        width: 100%;
    }
}
.p-aboutLululu__logoimages {
    text-align: right;
}
@media screen and (max-width: 768px) {
    .p-aboutLululu__logoimages {
        text-align: left;
    }
}
.p-aboutLululu__logoimages img {
    width: auto;
    height: 70px;
}
@media screen and (max-width: 768px) {
    .p-aboutLululu__logoimages img {
        height: 40px;
    }
}
.p-aboutLululu__logoimages2nd {
    text-align: left;
}
.p-aboutLululu__logoimages2nd img {
    width: auto;
    height: 70px;
}
@media screen and (max-width: 768px) {
    .p-aboutLululu__logoimages2nd img {
        height: 40px;
    }
}
.p-aboutLululu hr {
    margin: 0.5rem 0;
}
.p-aboutLululu__massage {
    width: 90%;
    color: #111;
    margin: 0 auto;
    position: relative;
    background: #fff;
    padding: 2.5rem 3rem 5rem;
    box-shadow: 3px 5px 5px 0px rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 768px) {
    .p-aboutLululu__massage {
        padding: 2rem 1.5rem 7rem;
    }
}
.p-aboutLululu__massage__ttl {
    font-size: 2rem;
    color: #111;
}
.p-aboutLululu__massage__text {
    font-size: 1.6rem;
    text-align: justify;
    background-color: #fff;
    background-image: linear-gradient(90deg, transparent 0%, transparent 50%, #fff 50%, #fff 100%),
        linear-gradient(180deg, #ccc 1px, transparent 1px);
    background-size:
        5px 100%,
        100% 2.5rem;
    line-height: 2.5rem;
    padding-bottom: 1px;
    color: #111;
}

.p-aboutLululu__massage__text--sub {
    font-size: 1.4rem;
    text-align: right;
    margin: 1rem 0;
}

.p-aboutLululu__massage__logo {
    width: 120px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 1rem;
}
@media screen and (max-width: 768px) {
    .p-aboutLululu__massage__logo {
        width: 100px;
    }
}

.p-aboutOffice {
    background: #39646a;
    color: #fff;
}
.p-aboutOffice__cont {
    gap: 3rem;
    align-items: center;
}
@media screen and (max-width: 768px) {
    .p-aboutOffice__cont {
        display: block;
    }
}
.p-aboutOffice__left {
    width: 50%;
}
@media screen and (max-width: 768px) {
    .p-aboutOffice__left {
        width: 100%;
        margin-bottom: 2rem;
    }
}
.p-aboutOffice__right {
    width: 50%;
}
@media screen and (max-width: 768px) {
    .p-aboutOffice__right {
        width: 100%;
    }
}
.p-aboutOffice__right__ttl {
    text-align: center;
}
.p-aboutOffice__text {
    text-align: justify;
    line-height: 2;
}

.p-aboutCommitment {
    background: #e0e0e0;
}
.p-aboutCommitment__cont {
    margin-top: 2rem;
    gap: 2%;
}
@media screen and (max-width: 768px) {
    .p-aboutCommitment__cont {
        display: block;
    }
    .p-aboutCommitment__cont div + div {
        margin-top: 4rem;
    }
}
.p-aboutCommitment__ttl {
    width: 500px;
    text-align: center;
    margin: 2rem auto;
    background: #fff;
    border-radius: 30px;
    font-size: 2rem;
    padding: 0.4rem 1.5rem;
    text-align: center;
    line-height: 2;
}
@media screen and (max-width: 768px) {
    .p-aboutCommitment__ttl {
        width: 90%;
        max-width: 300px;
        line-height: 1.6;
        border-radius: 50px;
    }
}
@media screen and (max-width: 768px) {
    .p-aboutCommitment__ttl span {
        display: block;
    }
}
.p-aboutCommitment__item {
    width: 32%;
}
@media screen and (max-width: 768px) {
    .p-aboutCommitment__item {
        width: 100%;
    }
}
.p-aboutCommitment__item img {
    box-shadow: 3px 5px 5px 0px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
}
@media screen and (max-width: 768px) {
    .p-aboutCommitment__item img {
        -o-object-fit: cover;
        object-fit: cover;
        height: 28vh;
    }
}
.p-aboutCommitment__item__ttl {
    margin: 2rem auto 1rem;
    font-size: 2rem;
    text-align: center;
}
.p-aboutCommitment__item p {
    font-size: 1.4rem;
    line-height: 2;
}
.p-aboutCommitment__text {
    font-size: 1.4rem;
    line-height: 2;
}
.p-aboutCommitment__btn {
    width: 100%;
    position: relative;
    background: #fff;
    border-radius: 3px;
    text-align: center;
    margin: 1rem auto;
    border: 1px solid #ddd;
    font-size: 1.6rem;
    padding: 0;
}
.p-aboutCommitment__btn a {
    display: block;
    /*color: #000; */
    padding: 1.5rem 0.5rem;
    box-shadow: 3px 5px 5px 0px rgba(0, 0, 0, 0.1);
}
.p-aboutCommitment__btn::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 8%;
    width: 9px;
    height: 9px;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    transform: rotate(45deg);
    margin-top: -5px;
}
.p-aboutCommitment__btn:hover::after {
    right: 5%;
    transition: all 0.3s;
}

.p-aboutQuolity {
    max-width: 1000px;
}
.p-aboutQuolity__cont img {
    box-shadow: 3px 5px 5px 0px rgba(0, 0, 0, 0.1);
}
.p-aboutQuolity__ttl {
    margin: 2rem auto;
    text-align: center;
}
.p-aboutQuolity__ttl span {
    font-size: 1.8rem;
    background: #dc5f0d;
    color: #fff;
    padding: 0.8rem 1.5rem;
    border-radius: 10px 0 10px 0;
    box-shadow: 7px 7px 0px 0px hsla(24deg, 89%, 46%, 0.5);
}
@media screen and (max-width: 768px) {
    .p-aboutQuolity__ttl span {
        font-size: 5.5555555556vw;
    }
}
.p-aboutQuolity div + div {
    margin-top: 6rem;
}

.p-aboutLowprice {
    background: #39646a;
    color: #fff;
}
.p-aboutLowprice__slider {
    position: relative;
    margin-top: 2rem;
    overflow: hidden;
}
.p-aboutLowprice__text {
    font-size: 1.4rem;
    line-height: 2;
}

.p-aboutOriginal__itemList {
    margin: 1rem auto;
    gap: 1%;
}
@media screen and (max-width: 768px) {
    .p-aboutOriginal__itemList {
        flex-wrap: wrap;
        justify-content: space-between;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .p-aboutOriginal__itemList {
        gap: 3%;
    }
}
.p-aboutOriginal__item {
    width: 15.6666666667%;
}
@media screen and (max-width: 768px) {
    .p-aboutOriginal__item {
        width: 31.3333333333%;
        margin: 0;
        margin-bottom: 2%;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .p-aboutOriginal__item {
        width: 31.3333333333%;
        margin: 0;
        margin-bottom: 2%;
    }
}
.p-aboutOriginal__item a {
    display: block;
}
.p-aboutOriginal__item img {
    box-shadow: 3px 5px 5px 0px rgba(0, 0, 0, 0.1);
}
.p-aboutOriginal__item__text {
    margin-top: 0.5rem;
    font-size: 1.2rem;
    text-align: justify;
    min-height: 2rem;
}

.p-aboutOriginal__item__price {
    margin-top: 1rem;
    text-align: right;
}
.p-aboutOriginal__item__price--tex {
    font-size: 1.1rem;
    margin-right: 0.2rem;
}
.p-aboutOriginal__item__price--price {
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic",
        sans-serif;
    font-weight: 600;
    font-size: 1.4rem;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .p-aboutOriginal__item__price--price {
        font-size: 1.2rem;
    }
}
.p-aboutOriginal__item__price--price::before {
    content: "￥";
    margin-right: 0.1rem;
}

.p-aboutOriginal {
    background: #e0e0e0;
}
.p-aboutOriginal__cont + .p-aboutOriginal__cont {
    margin-top: 10rem;
}
.p-aboutOriginal__text {
    font-size: 1.4rem;
    line-height: 2;
}
.p-aboutOriginal__images {
    background: #fff;
    margin: 2rem auto;
    box-shadow: 3px 5px 5px 0px rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 768px) {
    .p-aboutOriginal__images {
        display: block;
    }
}
.p-aboutOriginal__images__left {
    width: 50%;
    line-height: 0;
}
.p-aboutOriginal__images__left img {
    -o-object-fit: cover;
    object-fit: cover;
    height: 43vh;
}
@media screen and (max-width: 768px) {
    .p-aboutOriginal__images__left {
        width: 100%;
    }
    .p-aboutOriginal__images__left img {
        -o-object-fit: cover;
        object-fit: cover;
        height: 30vh;
    }
}
.p-aboutOriginal__images__right {
    width: 50%;
    display: table;
}
@media screen and (max-width: 768px) {
    .p-aboutOriginal__images__right {
        width: 100%;
        padding: 1.5rem 0;
    }
}
.p-aboutOriginal__images__right__cont {
    display: table-cell;
    vertical-align: middle;
}
.p-aboutOriginal__images__right__ttl {
    width: 80%;
    margin: 0 auto;
    font-size: 2.5rem;
    margin-bottom: 1.5rem;
    color: #dc5f0d;
    text-align: center;
}
@media screen and (max-width: 768px) {
    .p-aboutOriginal__images__right__ttl {
        width: 90%;
        margin-bottom: 0.5rem;
    }
}
.p-aboutOriginal__images__right__text {
    width: 80%;
    margin: 0 auto;
    text-align: justify;
    line-height: 2;
}
@media screen and (max-width: 768px) {
    .p-aboutOriginal__images__right__text {
        width: 90%;
    }
}
.p-aboutOriginal__comment {
    width: 90%;
    margin: 0 auto 3rem;
}
.p-aboutOriginal__comment__ttl {
    background: #39646a;
    color: #fff;
    text-align: center;
    border-radius: 30px;
    padding: 0.5rem;
    font-size: 1.6rem;
}
.p-aboutOriginal__comment__text {
    text-align: justify;
    margin-top: 1rem;
    line-height: 2;
}
.p-aboutOriginal__voice {
    margin: 0 auto 4rem;
    font-weight: 600;
    letter-spacing: 1px;
}
.p-aboutOriginal__voice__ttl {
    color: #39646a;
    text-align: center;
    font-size: 2rem;
}
.p-aboutOriginal__voice__cont {
    border: 3px solid #39646a;
    margin: 1rem auto;
    background: #fff;
    border-radius: 10px;
    padding: 2rem;
    box-shadow: 3px 5px 5px 0px rgba(0, 0, 0, 0.1);
    gap: 5%;
    align-items: center;
}
@media screen and (max-width: 768px) {
    .p-aboutOriginal__voice__cont {
        display: block;
        flex-wrap: wrap;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .p-aboutOriginal__voice__cont {
        flex-wrap: wrap;
    }
}
.p-aboutOriginal__voice__icon {
    width: 10%;
    text-align: center;
}
@media screen and (max-width: 768px) {
    .p-aboutOriginal__voice__icon {
        width: 100%;
        margin-bottom: 1.5rem;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .p-aboutOriginal__voice__icon {
        width: 100%;
        margin-bottom: 1.5rem;
    }
}
.p-aboutOriginal__voice__icon img {
    max-width: 80px;
    margin-bottom: 0.3rem;
}
.p-aboutOriginal__voice__product {
    width: 15%;
}
@media screen and (max-width: 768px) {
    .p-aboutOriginal__voice__product {
        width: 100%;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .p-aboutOriginal__voice__product {
        width: 25%;
    }
}
.p-aboutOriginal__voice__product img {
    box-shadow: 3px 5px 5px 0px rgba(0, 0, 0, 0.1);
}
.p-aboutOriginal__voice__product__text {
    position: relative;
    font-size: 1.2rem;
    margin-top: 0.5rem;
    text-align: right;
    text-decoration: underline;
    padding-right: 20px;
}
.p-aboutOriginal__voice__product__text::after {
    position: absolute;
    display: block;
    content: "";
    background: url(https://gigaplus.makeshop.jp/lululusilk/theme/img/icon/arrow.png) no-repeat center center/cover;
    width: 13px;
    height: 13px;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.p-aboutOriginal__voice__text {
    width: 65%;
    text-align: justify;
    background-color: #fff;
    background-image: linear-gradient(90deg, transparent 0%, transparent 50%, #fff 50%, #fff 100%),
        linear-gradient(180deg, #ccc 1px, transparent 1px);
    background-size:
        5px 100%,
        100% 2.5rem;
    line-height: 2.5rem;
    padding-bottom: 1px;
    font-weight: 400;
}
@media screen and (max-width: 768px) {
    .p-aboutOriginal__voice__text {
        width: 100%;
        margin: 1.5rem auto;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .p-aboutOriginal__voice__text {
        width: 100%;
        width: 70%;
    }
}
.p-aboutOriginal__btn {
    display: block;
    width: 100%;
    max-width: 500px;
    margin: 2rem auto 0;
    position: relative;
    background: #fff;
    border-radius: 3px;
    text-align: center;
    border: 1px solid #ddd;
    font-size: 1.6rem;
}
.p-aboutOriginal__btn a {
    display: block;
    /*color: #000; */
    padding: 1.5rem 0.5rem;
    box-shadow: 3px 5px 5px 0px rgba(0, 0, 0, 0.1);
}
.p-aboutOriginal__btn::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 8%;
    width: 9px;
    height: 9px;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    transform: rotate(45deg);
    margin-top: -5px;
}
.p-aboutOriginal__btn:hover::after {
    right: 5%;
    transition: all 0.3s;
}

.p-main__ttl {
    margin: 3rem auto 1.5rem;
    font-size: 2.5rem;
    font-weight: 600;
    position: relative;
    padding: 0 110px;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
}
@media screen and (max-width: 768px) {
    .p-main__ttl {
        margin: 3rem auto 2rem;
        padding: 0 70px;
    }
}
.p-main__ttl__wrapper {
    margin: 0 auto;
    text-align: center;
}
.p-main__ttl::before {
    content: "";
    position: absolute;
    top: calc(50% - 1px);
    left: 0;
    width: 20%;
    height: 1px;
    background: #444;
}
@media screen and (max-width: 768px) {
    .p-main__ttl::before {
        width: 15%;
    }
}
.p-main__ttl::after {
    content: "";
    position: absolute;
    top: calc(50% - 1px);
    right: 0;
    width: 20%;
    height: 1px;
    background: #444;
}
@media screen and (max-width: 768px) {
    .p-main__ttl::after {
        width: 15%;
    }
}
.p-main__ttl__sub {
    display: block;
    font-size: 1.4rem;
    letter-spacing: 1px;
    font-family: "Playfair Display", serif;
    font-weight: 600;
}
@media screen and (max-width: 768px) {
    .p-main__ttl__sub {
        font-size: 1.2rem;
    }
}
h2 span {
    font-size: inherit;
}
/*# sourceMappingURL=about.css.map */