@charset "UTF-8";
/**
 * トリコレ編集部 Vol.6 CSS
 * Created on: 2026.3.24
 * Modified on: YYYY.MM.DD
 */
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap");
/*--------------------------------------------------------
　BREAK POINT
--------------------------------------------------------*/
/*--------------------------------------------------------
　MIXIN
--------------------------------------------------------*/
/*--------------------------------------------------------
　COLOR
--------------------------------------------------------*/
/*--------------------------------------------------------
Vol6 common
--------------------------------------------------------*/
.vol6 .l-main {
    border-left: none;
    border-right: none;
    position: relative;
}

.vol6.l-content {
    position: relative;
}

.vol6.l-content::before, .vol6.l-content::after {
    content: "";
    width: 1px;
    height: 100%;
    background: #000000;
    position: absolute;
    top: 0;
    z-index: 12;
}

.vol6.l-content::before {
    left: 0;
}

.vol6.l-content::after {
    right: 0;
}

.vol6 .p-bottom__note {
    padding-block: 7%;
    background-color: #fff;
}
.vol6 .p-bottom__note p {
    width: 84%;
    margin-inline: auto;
    font-size: 10px;
    font-weight: 400;
    text-align: left;
    line-height: 1.7;
    letter-spacing: normal;
    color: #000000;
    text-indent: -1em;
    padding-left: 1em;
}

@-webkit-keyframes photoAnm01 {
    0% {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(15deg);
                transform: rotate(15deg);
    }
}

@keyframes photoAnm01 {
    0% {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(15deg);
                transform: rotate(15deg);
    }
}
@-webkit-keyframes photoAnm02 {
    0% {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(-15deg);
                transform: rotate(-15deg);
    }
}
@keyframes photoAnm02 {
    0% {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(-15deg);
                transform: rotate(-15deg);
    }
}
/*--------------------------------------------------------
  vol6 -- TOP
--------------------------------------------------------*/
.top .l-main {
    padding-top: 0;
}
.top .p-fv {
    background: url("/triecolle_edit/common/images/about_bg2.png") repeat 0 0/21px 21px;
}
.top .p-fv__btn {
    padding: 30px 0;
}
.top .p-fv__btn a {
    display: block;
    width: 228px;
    margin: 0 auto;
    background: #fff100;
    border: 1px solid #000000;
    border-radius: 25px;
    font-size: 15px;
    line-height: 1;
    text-align: center;
    color: #000000;
    padding: 12px 0;
}
.top .p-theme {
    background: url("/triecolle_edit/common/images/about_bg2-7.png") repeat 0 0/20px 20px;
    padding: 26px 0;
    border-bottom: 1px solid #000000;
}
.top .p-theme__txt {
    font-size: 15px;
    line-height: 1.7333333333;
    color: #231815;
    letter-spacing: -0.05em;
}
.top .p-theme__space {
    display: block;
    height: 15px;
}
.top .p-theme__ttl, .top .p-theme__lead, .top .p-theme__btn {
    width: 300px;
    margin: 0 auto;
}
.top .p-mokuji {
    background: #e5c2db;
    border-top: 1px solid #000000;
}
.top .p-mokuji__vol {
    width: 280px;
    margin: 20px auto 19px;
    padding-block: 16px 11px;
    background: #FFFFFF;
    border: 1px solid #000000;
    -webkit-box-shadow: 4px 4px 0 0 #000000;
            box-shadow: 4px 4px 0 0 #000000;
}
.top .p-mokuji__vol img {
    width: 114px;
    margin: 0 auto;
}
.top .p-mokuji__catch {
    width: 140px;
    margin: 0 auto 13px;
}
.top .p-mokuji__list {
    border-top: 1px solid #000000;
}
.top .p-mokuji__list li {
    border-bottom: 1px solid #000000;
    padding: 14px 0;
}
.top .p-mokuji__list li img {
    width: 340px;
    margin: 0 auto;
}
.top .p-mokuji__list li.sub {
    border-bottom: none;
    padding: 20px 0 5px;
}
.top .p-mokuji__list li.navi2 img {
    display: inline-block;
    -webkit-transform: translateX(-1%);
            transform: translateX(-1%);
    width: 347px;
}
.top .p-mokuji__list li.navi3 {
    padding: 8px 0 11px;
}
.top .p-mokuji__list .break {
    background: #FFFFFF;
    padding: 2px;
}
.top .p-backnumber {
    background: #FFFFFF;
    border-bottom: 1px solid #000000;
    padding: 35px 0;
}
.top .p-backnumber a {
    display: block;
    width: 250px;
    margin: 0 auto;
}
.top .p-about {
    padding: 0 0 232px;
    position: relative;
}
.top .p-about__ttl {
    width: 249px;
    margin: 0 auto 30px;
}
.top .p-about__txt {
    font-size: 14px;
    line-height: 2;
}
.top .p-about__obj1 {
    width: 38.8%;
    position: absolute;
    bottom: 90px;
    left: 11.6%;
}
.top .p-about__obj1 img {
    -webkit-animation: photoAnm01 1.6s steps(2, end) 0s infinite;
            animation: photoAnm01 1.6s steps(2, end) 0s infinite;
}
.top .p-about__obj2 {
    width: 51.6%;
    position: absolute;
    bottom: 38px;
    right: 14.5%;
}
.top .p-about__obj2 img {
    -webkit-animation: photoAnm02 1.6s steps(2, end) 0s infinite;
            animation: photoAnm02 1.6s steps(2, end) 0s infinite;
}
.top .p-editor {
    background: #EAE5E3;
    margin-top: -90px;
}
.top .p-editor__img.editor2 {
    padding-top: 40px;
}
.top .p-editor__ttl {
    margin: 0 auto 30px;
}
.top .p-editor__ttl.ttl1 {
    width: 165px;
}
.top .p-editor__ttl.ttl2 {
    width: 250px;
}
.top .p-editor__txt {
    width: 74.7%;
    margin: 0 auto;
    padding-bottom: 30px;
    line-height: 2;
    letter-spacing: 0.05em;
    text-align: left;
}
.top .p-editor__detail {
    width: 74.7%;
    margin: 0 auto;
    background: #FFFFFF;
    border-top: 1px solid #000000;
    border-left: 1px solid #000000;
}
.top .p-editor__detail dt {
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
    background: #db6aa4;
    color: #FFFFFF;
    line-height: 1;
    padding: 5px 0;
}
.top .p-editor__detail dd {
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
    font-size: 15px;
    line-height: 1;
    padding: 8px 0;
}
.top .p-member {
    position: relative;
    z-index: 1;
}
.top .p-member__ttl {
    width: 150px;
    margin: 40px auto -9.6%;
}
.top .p-member__ttl img {
    position: relative;
    z-index: 1;
}
.top .p-member__txt {
    background: #FFFFFF;
    padding: 6.8% 10.3%;
    line-height: 1.6;
    text-align: left;
    letter-spacing: 0.015em;
    -webkit-font-feature-settings: "palt" 1;
            font-feature-settings: "palt" 1;
    text-align: justify;
}

/*--------------------------------------------------------
Vol6 -- onayami
--------------------------------------------------------*/
.vol6.onayami {
    color: #231815;
    -webkit-font-feature-settings: "palt" 1;
            font-feature-settings: "palt" 1;
    background-image: url("/triecolle_edit/vol6/assets/images/onayami/bg_base.png");
    background-size: contain;
}
.vol6.onayami .p-fv__ttl {
    width: 100%;
    margin-inline: auto;
    position: relative;
    z-index: 1;
}
.vol6.onayami .p-intro {
    padding-top: 3.4666666667%;
    position: relative;
}
.vol6.onayami .p-intro__txt {
    width: 86.9333333333%;
    -webkit-transform: translateX(-1%);
            transform: translateX(-1%);
    margin-inline: auto;
    padding-bottom: 2.1333333333%;
    position: relative;
    z-index: 1;
}
.vol6.onayami .p-profile {
    padding-top: 8%;
}
.vol6.onayami .p-profile__bg {
    width: 100%;
    width: 85.3333333333%;
    margin-inline: auto;
}
.vol6.onayami .p-profile__list {
    width: 85.3333333333%;
    margin-inline: auto;
    margin-block: 10.1333333333% 4.8%;
}
.vol6.onayami .p-profile__item {
    position: relative;
    margin-top: 8.125%;
}
.vol6.onayami .p-profile__item:first-child {
    margin-top: 0;
}
.vol6.onayami .p-profile__item:nth-child(even) .p-profile__inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
}
.vol6.onayami .p-profile__inner {
    padding-block: 4.6875%;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 5.3125%;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}
.vol6.onayami .p-profile__txt-wrap {
    width: 43.75%;
}
.vol6.onayami .p-profile__name {
    width: 87.323943662%;
    margin-top: 21.1267605634%;
}
.vol6.onayami .p-profile__name--2 {
    margin-top: 9.375%;
    width: 84.5070422535%;
}
.vol6.onayami .p-profile__txt {
    margin-top: 9.375%;
    letter-spacing: 0.06em;
    font-size: 10px;
    text-align: justify;
    line-height: 1.8;
    -webkit-font-feature-settings: "palt" 1;
            font-feature-settings: "palt" 1;
}
.vol6.onayami .p-profile__txt--2 {
    letter-spacing: 0.06em;
}
.vol6.onayami .p-profile__img-wrap {
    position: relative;
    width: 45%;
}
.vol6.onayami .p-profile__img {
    width: 100%;
}
.vol6.onayami .p-profile__balloon {
    position: absolute;
    width: 77.0833333333%;
}
.vol6.onayami .p-profile__balloon--1 {
    top: -17.3611111111%;
    left: -31.25%;
}
.vol6.onayami .p-profile__balloon--2 {
    top: -10.4166666667%;
    right: -3.4722222222%;
}
.vol6.onayami .p-profile__catch {
    margin-bottom: 10.6666666667%;
}
.vol6.onayami .p-collaboration {
    margin-block: 5.3333333333%;
}
.vol6.onayami .p-collaboration__head {
    width: 72%;
    margin-inline: auto;
}
.vol6.onayami .p-collaboration__body {
    width: 85.3333333333%;
    margin-inline: auto;
    margin-top: 5.3333333333%;
}
.vol6.onayami .p-collaboration-list {
    position: relative;
}
.vol6.onayami .p-collaboration-list__item {
    position: relative;
    margin-bottom: 20.3125%;
    z-index: 0;
}
.vol6.onayami .p-collaboration-list__item:last-child {
    margin-bottom: 7.8125%;
}
.vol6.onayami .p-collaboration-list__btn {
    width: 93.125%;
    position: absolute;
    bottom: 0.25%;
    left: 0.375%;
}
.vol6.onayami .p-collaboration-list__bg {
    position: absolute;
    z-index: -1;
}
.vol6.onayami .p-collaboration-list__bg--1 {
    bottom: -34.375%;
    left: 35.625%;
    width: 56.875%;
}
.vol6.onayami .p-collaboration-list__bg--2 {
    bottom: -34.375%;
    right: 34.0625%;
    width: 56.25%;
}
.vol6.onayami .p-collaboration-list__bg--3 {
    bottom: -34.0625%;
    left: 35.625%;
    width: 56.25%;
}
.vol6.onayami .p-collaboration-list__bg--4 {
    bottom: -34.0625%;
    right: 33.75%;
    width: 56.25%;
}
.vol6.onayami .p-collaboration-list__bg--5 {
    bottom: -34.0625%;
    left: 35.625%;
    width: 56.25%;
}

/* ---------------------------------------------
*   article
--------------------------------------------- */
.vol6.article {
    background-color: #ffffff;
}
.vol6.article .p-fv {
    margin-top: 8%;
}
.vol6.article .p-fv__ttl {
    width: 62.4%;
    margin-inline: auto;
}
.vol6.article .p-intro {
    margin-top: 10.1333333333%;
}
.vol6.article .p-intro__img {
    width: 85.3333333333%;
    margin-inline: auto;
}
.vol6.article .p-solve__container {
    margin-top: 8%;
}
.vol6.article .p-solve__ttl {
    width: 65.6%;
    margin-inline: auto;
}
.vol6.article .p-solve__body {
    margin-top: 9.3333333333%;
}
.vol6.article .p-solve__comic {
    width: 94.9333333333%;
    margin-inline: auto;
    -webkit-transform: translateX(-0.6%);
            transform: translateX(-0.6%);
}
.vol6.article .p-solve__balloon-list {
    width: 85.8666666667%;
    margin-inline: auto;
}
.vol6.article .p-solve__balloon-item--1 {
    margin-top: 10.6666666667%;
}
.vol6.article .p-solve__balloon-item--2 {
    margin-top: 1.3333333333%;
}
.vol6.article .p-solve__balloon-item--3 {
    margin-top: 2.6666666667%;
}
.vol6.article .p-solve__balloon-item--4 {
    margin-top: 2.6666666667%;
}
.vol6.article .p-solve__catch {
    margin-top: 2.1333333333%;
}
.vol6.article .p-solve__txt {
    width: 85.8666666667%;
    margin-inline: auto;
    margin-top: 4%;
    font-size: 16px;
    text-align: justify;
    letter-spacing: 0.08em;
    line-height: 1.9375;
    -webkit-font-feature-settings: "palt" 1;
            font-feature-settings: "palt" 1;
}
.vol6.article .p-solve__note {
    text-align: left;
    margin-top: 2.1333333333%;
    padding-left: 6.9333333333%;
    display: block;
    margin-inline: auto;
    line-height: 1.4;
}
.vol6.article .p-solve__note-lead {
    font-size: 14px;
    letter-spacing: 0.08em;
    -webkit-font-feature-settings: "palt" 1;
            font-feature-settings: "palt" 1;
    width: 100%;
    text-align: left;
}
.vol6.article .p-solve__note-txt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 0.5333333333%;
    letter-spacing: 0.08em;
    -webkit-font-feature-settings: "palt" 1;
            font-feature-settings: "palt" 1;
    font-size: 14px;
    width: 100%;
}
.vol6.article .p-solve__note-txt::before {
    content: "";
    display: block;
    width: 14px;
    height: 14px;
    background-image: url("/triecolle_edit/vol6/assets/images/onayami/article/ico_square.png");
    background-size: contain;
    background-repeat: no-repeat;
}
.vol6.article .p-solve__note-list {
    font-size: 14px;
    letter-spacing: 0.08em;
    -webkit-font-feature-settings: "palt" 1;
            font-feature-settings: "palt" 1;
    width: 100%;
    text-align: left;
    line-height: 1.6;
}
.vol6.article .p-solve__note-annotation {
    font-size: 10px;
    letter-spacing: 0.08em;
    -webkit-font-feature-settings: "palt" 1;
            font-feature-settings: "palt" 1;
    text-align: left;
    line-height: 1.1;
}
.vol6.article .p-solve__shop {
    width: 85.3333333333%;
    margin-inline: auto;
    margin-top: 12%;
}
.vol6.article .p-solve__shop p {
    margin-top: 5.3333333333%;
    text-align: left;
    font-size: 12px;
    letter-spacing: 0.04em;
    -webkit-font-feature-settings: "palt" 1;
            font-feature-settings: "palt" 1;
    line-height: 1.4;
}
.vol6.article .p-solve__annotation {
    margin-inline: auto;
    margin-top: 8%;
    font-size: 10px;
    text-align: left;
    letter-spacing: 0.06em;
    border-top: 1px solid #231815;
    border-bottom: 1px solid #231815;
    padding-block: 4%;
}
.vol6.article .p-solve__annotation p {
    width: 80%;
    margin-inline: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 1.7;
}
.vol6.article .p-contents__container {
    margin-top: 6.9333333333%;
}
.vol6.article .p-contents__head {
    width: 56.2666666667%;
    margin-inline: auto;
}
.vol6.article .p-contents__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 8%;
}
.vol6.article .p-contents__item {
    width: 38.4%;
    margin-top: 10.1333333333%;
}
.vol6.article .p-contents__item:nth-child(1) {
    margin-top: 5.3333333333%;
}
.vol6.article .p-contents__item:nth-child(2) {
    margin-top: 5.3333333333%;
}
.vol6.article .p-contents__item--selected {
    opacity: 0.3;
}
.vol6.article .p-contents__link {
    display: block;
}
.vol6.article .p-contents__img {
    display: block;
    width: 100%;
}
.vol6.article .p-contents__btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: #231815;
    color: #fff;
    padding: 2.6666666667% 6.6666666667%;
    margin-top: 13.3333333333%;
}
.vol6.article .p-contents__btn-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 6.6666666667%;
    font-size: 17px;
    width: 50%;
    color: #fff;
    position: relative;
}
.vol6.article .p-contents__btn-link:nth-child(1) {
    text-align: left;
}
.vol6.article .p-contents__btn-link:nth-child(1)::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background-color: #fff;
}
.vol6.article .p-contents__btn-link:nth-child(2) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    text-align: right;
}
.vol6.article .p-contents__btn-link img {
    width: 12px;
    display: block;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
}
.vol6.article .p-contents__btn-link span {
    color: #fff;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
}
.vol6.article .p-contents__btn-link:hover {
    opacity: 1 !important;
}
.vol6.article .p-contents__btn-link:hover img,
.vol6.article .p-contents__btn-link:hover span {
    opacity: 0.7;
}

/* ---------------------------------------------
*   article02
--------------------------------------------- */
.vol6.article02 .p-solve__container {
    margin-top: 8%;
}
.vol6.article02 .p-solve__ttl {
    width: 85.0666666667%;
}
.vol6.article02 .p-solve__body {
    margin-top: 9.3333333333%;
}
.vol6.article02 .p-solve__comic {
    width: 88.2666666667%;
    -webkit-transform: translateX(-1.6%);
            transform: translateX(-1.6%);
}
.vol6.article02 .p-solve__balloon-item--1 {
    margin-top: 9.3333333333%;
}
.vol6.article02 .p-solve__balloon-item--2 {
    margin-top: 2.4%;
}
.vol6.article02 .p-solve__balloon-item--3 {
    margin-top: 4%;
}
.vol6.article02 .p-solve__balloon-item--4 {
    margin-top: 2.4%;
}
.vol6.article02 .p-solve__shop {
    margin-top: 8%;
}
.vol6.article02 .p-solve__shop-lead p {
    font-size: 16px;
    text-align: justify;
    letter-spacing: 0.06em;
    line-height: 1.9375;
    -webkit-font-feature-settings: "palt" 1;
            font-feature-settings: "palt" 1;
}
.vol6.article02 .p-solve__annotation {
    margin-top: 5.3333333333%;
}

/* ---------------------------------------------
*   article03
--------------------------------------------- */
.vol6.article03 .p-solve__container {
    margin-top: 8%;
}
.vol6.article03 .p-solve__ttl {
    width: 63.2%;
}
.vol6.article03 .p-solve__body {
    margin-top: 9.3333333333%;
}
.vol6.article03 .p-solve__comic {
    width: 87.2%;
    -webkit-transform: translateX(-0.6%);
            transform: translateX(-0.6%);
}
.vol6.article03 .p-solve__balloon-item--1 {
    margin-top: 9.3333333333%;
}
.vol6.article03 .p-solve__balloon-item--2 {
    margin-top: 2.6666666667%;
}
.vol6.article03 .p-solve__balloon-item--3 {
    margin-top: 2.6666666667%;
}
.vol6.article03 .p-solve__balloon-item--4 {
    margin-top: 4%;
}
.vol6.article03 .p-solve__catch {
    margin-top: 8%;
}
.vol6.article03 .p-solve__txt {
    margin-top: -1.6%;
}
.vol6.article03 .p-solve__note {
    margin-top: 5.3333333333%;
}
.vol6.article03 .p-solve__note-lead {
    margin-bottom: 1.3333333333%;
}
.vol6.article03 .p-solve__note-txt {
    line-height: 1.6;
}
.vol6.article03 .p-solve__shop {
    margin-top: 10.1333333333%;
}
.vol6.article03 .p-solve__shop p {
    margin-top: 5.3333333333%;
}
.vol6.article03 .p-solve__annotation {
    margin-top: 7.4666666667%;
}

/* ---------------------------------------------
*   article04
--------------------------------------------- */
.vol6.article04 .p-solve__container {
    margin-top: 8%;
}
.vol6.article04 .p-solve__ttl {
    width: 63.2%;
}
.vol6.article04 .p-solve__body {
    margin-top: 9.6%;
}
.vol6.article04 .p-solve__comic {
    width: 101.6%;
    -webkit-transform: translateX(3.3%);
            transform: translateX(3.3%);
}
.safari .vol6.article04 .p-solve__comic {
    -webkit-transform: translateX(2.8%);
            transform: translateX(2.8%);
}

.vol6.article04 .p-solve__balloon-item--1 {
    margin-top: 9.3333333333%;
}
.vol6.article04 .p-solve__balloon-item--2 {
    margin-top: 2.6666666667%;
}
.vol6.article04 .p-solve__balloon-item--3 {
    margin-top: 4%;
}
.vol6.article04 .p-solve__balloon-item--4 {
    margin-top: 4%;
}
.vol6.article04 .p-solve__catch {
    margin-top: 9.6%;
}
.vol6.article04 .p-solve__txt {
    margin-top: 8%;
    letter-spacing: 0.02em;
}
.vol6.article04 .p-solve__note {
    margin-top: 4%;
}
.vol6.article04 .p-solve__note-lead {
    margin-bottom: 1.3333333333%;
}
.vol6.article04 .p-solve__note-txt {
    line-height: 1.6;
}
.vol6.article04 .p-solve__shop {
    margin-top: 9.3333333333%;
}

/* ---------------------------------------------
*   article05
--------------------------------------------- */
.vol6.article05 .p-solve__container {
    margin-top: 8%;
}
.vol6.article05 .p-solve__ttl {
    width: 88.5333333333%;
}
.vol6.article05 .p-solve__body {
    margin-top: 8.5333333333%;
}
.vol6.article05 .p-solve__comic {
    width: 97.8666666667%;
    -webkit-transform: translateX(3.2%);
            transform: translateX(3.2%);
}
.vol6.article05 .p-solve__balloon-item--1 {
    margin-top: 8.8%;
}
.vol6.article05 .p-solve__balloon-item--2 {
    margin-top: 4%;
}
.vol6.article05 .p-solve__balloon-item--3 {
    margin-top: 3.2%;
}
.vol6.article05 .p-solve__balloon-item--4 {
    margin-top: 3.2%;
}
.vol6.article05 .p-solve__catch {
    margin-top: 10.6666666667%;
}
.vol6.article05 .p-solve__catch img {
    width: 103.7333333333%;
}
.vol6.article05 .p-solve__txt {
    margin-top: 0%;
    letter-spacing: 0.06em;
}
.vol6.article05 .p-solve__note {
    margin-top: 6.1333333333%;
}
.vol6.article05 .p-solve__note-lead {
    margin-bottom: 1.3333333333%;
}
.vol6.article05 .p-solve__note-txt {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    line-height: 1.2;
    margin-bottom: 5px;
}
.vol6.article05 .p-solve__note-txt::before {
    position: relative;
    top: 0.05em;
}
.vol6.article05 .p-solve__note-txt:nth-child(4) {
    margin-bottom: 0;
}
.vol6.article05 .p-solve__note-annotation {
    line-height: 1.4;
}
.vol6.article05 .p-solve__shop {
    margin-top: 10.6666666667%;
}

/* ---------------------------------------------
*   article06
--------------------------------------------- */
.vol6.article06 .p-solve__container {
    margin-top: 8%;
}
.vol6.article06 .p-solve__ttl {
    width: 84%;
}
.vol6.article06 .p-solve__body {
    margin-top: 6.6666666667%;
}
.vol6.article06 .p-solve__comic {
    width: 93.6%;
    -webkit-transform: translateX(-1.5%);
            transform: translateX(-1.5%);
}
.vol6.article06 .p-solve__balloon-item--1 {
    margin-top: 8%;
}
.vol6.article06 .p-solve__balloon-item--2 {
    margin-top: 4%;
}
.vol6.article06 .p-solve__balloon-item--3 {
    margin-top: 2.1333333333%;
}
.vol6.article06 .p-solve__balloon-item--4 {
    margin-top: 2.6666666667%;
}
.vol6.article06 .p-solve__catch {
    margin-top: 10.6666666667%;
}
.vol6.article06 .p-solve__txt {
    margin-top: 6.6666666667%;
    letter-spacing: 0.06em;
}
.vol6.article06 .p-solve__note {
    margin-top: 5.3333333333%;
}
.vol6.article06 .p-solve__note-lead {
    margin-bottom: 0.5333333333%;
}
.vol6.article06 .p-solve__note-txt {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    line-height: 1.4;
    margin-bottom: 1.3333333333%;
}
.vol6.article06 .p-solve__note-txt::before {
    position: relative;
    top: 0.2em;
}
.vol6.article06 .p-solve__note-annotation {
    line-height: 1.4;
}
.vol6.article06 .p-solve__shop {
    margin-top: 8.8%;
}

/*--------------------------------------------------------
Vol6 -- talk
--------------------------------------------------------*/
.vol6.talk {
    color: #231815;
    -webkit-font-feature-settings: "palt" 1;
            font-feature-settings: "palt" 1;
    background-color: #efefef;
}
.vol6.talk .p-fv {
    background-color: #fff;
}
.vol6.talk .p-fv__ttl {
    margin-inline: auto;
    position: relative;
    z-index: 1;
}
.vol6.talk .p-intro {
    padding-top: 4.8%;
    background-color: #fff;
    position: relative;
}
.vol6.talk .p-intro__txt {
    width: 85.0666666667%;
    margin-inline: auto;
    padding-bottom: 10.6666666667%;
    position: relative;
    z-index: 1;
}
.vol6.talk .p-profile {
    padding-top: 10.6666666667%;
    background: #efefef;
}
.vol6.talk .p-profile__ttl {
    width: 35.2%;
    margin-inline: auto;
}
.vol6.talk .p-profile__box {
    padding-block: 8%;
    position: relative;
}
.vol6.talk .p-profile__box:last-of-type {
    padding-block: 6.6666666667% 10.6666666667%;
}
.vol6.talk .p-profile__box:not(:first-of-type)::before {
    content: "";
    display: block;
    width: 82.1333333333%;
    height: 1.2px;
    background-image: url(../images/talk/bg_line.svg);
    background-position: center;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
}
.vol6.talk .p-profile__box-inner {
    width: 80%;
    margin-inline: auto;
}
.vol6.talk .p-profile__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.vol6.talk .p-profile__img {
    width: 27.5974025974%;
}
.vol6.talk .p-profile__name {
    width: 68%;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.25;
    letter-spacing: 0.15em;
    text-align: left;
}
.vol6.talk .p-profile__name .small {
    display: block;
    font-size: 14px;
    font-weight: 700;
}
.vol6.talk .p-profile__name .middle {
    display: block;
    font-size: 17px;
    font-weight: 500;
}
.vol6.talk .p-profile__name .large {
    margin-left: 5px;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0.18em;
}
.vol6.talk .p-profile__name .middle + .large {
    margin-left: 0;
}
.vol6.talk .p-profile__txt {
    margin-top: 3.5714285714%;
    font-size: 16px;
    line-height: 1.6875;
    letter-spacing: 0.08em;
    text-align: justify;
    color: #231815;
}
.vol6.talk .p-profile__txt .address {
    font-size: 14px;
}
.vol6.talk .p-profile__txt a {
    display: inline;
    text-decoration: underline;
}
.vol6.talk .p-profile__txt a:link, .vol6.talk .p-profile__txt a:visited {
    color: inherit;
}
.vol6.talk .p-profile__txt a:hover {
    text-decoration: none;
}
.vol6.talk .p-interview {
    padding: 0 0 13%;
}
.vol6.talk .p-interview__ttl {
    width: 82.1333333333%;
    margin-inline: auto;
    margin-top: min(13.3333333333%, 50px);
    padding-left: 20px;
    font-size: 17px;
    font-weight: 500;
    line-height: 1.65;
    letter-spacing: 0.1em;
    color: #b28247;
    text-align: left;
    position: relative;
}
.vol6.talk .p-interview__ttl::before {
    content: "";
    width: 5px;
    height: 100%;
    background: #b28247;
    position: absolute;
    top: 0;
    left: 0;
}
.vol6.talk .p-interview__ttl--1 {
    letter-spacing: -0.02em;
}
.vol6.talk .p-interview__txt {
    width: 82.1333333333%;
    margin-top: min(12.8%, 48px);
    margin-inline: auto;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.7142857143;
    letter-spacing: 0.1em;
    text-align: justify;
}
.vol6.talk .p-interview__txt--2 {
    letter-spacing: 0.06em;
}
.vol6.talk .p-interview__txt--3 {
    letter-spacing: 0.08em;
}
.vol6.talk .p-interview .p-interview__ttl + .p-interview__txt {
    margin-top: min(6.6666666667%, 25px);
}
.vol6.talk .p-interview .p-interview__txt + .p-interview__ttl {
    margin-top: 87px;
}
.vol6.talk .p-interview__txt .name {
    font-weight: 700;
}
.vol6.talk .p-interview__img {
    width: 82.1333333333%;
    margin-inline: auto;
    margin-top: 2.6666666667%;
}
.vol6.talk .p-interview__img:has(figcaption) {
    width: 100%;
}
.vol6.talk .p-interview .p-interview__img:has(figcaption) + .p-interview__txt {
    margin-top: min(19.7333333333%, 74px);
}
.vol6.talk .p-interview .p-interview__img + .p-interview__txt {
    margin-top: 43px;
}
.vol6.talk .p-interview__img figcaption {
    width: 82.1333333333%;
    margin-top: 2.6%;
    margin-inline: auto;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: 0.04em;
    text-align: left;
    word-break: break-word;
}
.vol6.talk .p-interview__img figcaption .indent {
    display: block;
    padding-left: 1em;
    text-indent: -1em;
}
.vol6.talk .p-present__head {
    width: 100%;
}
.vol6.talk .p-present__txt {
    width: 100%;
}
.vol6.talk .p-present__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 7px;
    width: 100%;
    padding-block: 7px;
    color: #ffffff;
    font-size: 14px;
    text-align: center;
    letter-spacing: 0.14em;
    background-color: #c9a063;
}
.vol6.talk .p-present__link::after {
    content: "";
    display: block;
    width: 20px;
    aspect-ratio: 1/1;
    background: url("/triecolle_edit/vol5/assets/images/sweets/ico_arrow.svg") no-repeat center/contain;
}
.vol6.talk .p-shop {
    padding-block: 20% 19.2%;
}
.vol6.talk .p-shop__container {
    width: 82.1333333333%;
    margin-inline: auto;
}
.vol6.talk .p-shop__ttl {
    height: 58px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: #ffffff;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0.49em;
    border: 1px solid #ffffff;
    background-color: #988e6c;
}
.vol6.talk .p-shop__ttl::before, .vol6.talk .p-shop__ttl::after {
    content: "";
    display: block;
    width: 5.1948051948%;
    height: 100%;
    -ms-flex-negative: 0;
        flex-shrink: 0;
}
.vol6.talk .p-shop__ttl::before {
    border-right: 1px solid #ffffff;
}
.vol6.talk .p-shop__ttl::after {
    border-left: 1px solid #ffffff;
}
.vol6.talk .p-shop__list {
    padding-top: 12.987012987%;
}
.vol6.talk .p-shop__item:not(:first-child) {
    margin-top: 14.2857142857%;
}
.vol6.talk .p-shop figcaption {
    margin-top: 10px;
    font-weight: 500;
    letter-spacing: 0.15em;
    text-align: left;
}
.vol6.talk .p-shop figcaption .small {
    display: block;
    font-size: 13px;
    line-height: 1.5384615385;
}
.vol6.talk .p-shop figcaption .small + .small {
    margin-top: 0.4em;
}
.vol6.talk .p-shop figcaption .middle {
    display: block;
    font-size: 14px;
    letter-spacing: 0.06em;
    line-height: 1.4285714286;
}
.vol6.talk .p-shop figcaption .large {
    display: block;
    font-size: 17px;
    line-height: 1.4705882353;
}
.vol6.talk .p-shop figcaption .flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

/*--------------------------------------------------------
 Vol6 -- campaign
--------------------------------------------------------*/
.campaign .p-period {
    margin-top: 7%;
    margin-bottom: 9%;
}
.campaign .p-period__ttl {
    width: 87.2%;
    margin: 0 auto 20px;
}
.campaign .p-period__img {
    width: 100%;
}
.campaign .p-period__img img {
    vertical-align: bottom;
}
.campaign .p-period__date {
    margin-bottom: 3.2%;
}
.campaign .p-period__date img {
    vertical-align: bottom;
}
.campaign .p-period__list {
    width: 87.2%;
    margin: 0 auto;
}
.campaign .p-period__list > li {
    padding-top: 7.3%;
    position: relative;
}
.campaign .p-period__list > li::before {
    content: "";
    display: block;
    width: 100%;
    height: 4px;
    background-image: url(../images/campaign/bg_line.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
}
.campaign .p-period__list > li:last-child {
    margin-bottom: 0;
}
.campaign .p-period__list > li:nth-child(1) {
    padding-top: 0;
    padding-bottom: 7.2%;
}
.campaign .p-period__list > li:nth-child(2) {
    padding-top: 6%;
    padding-bottom: 8.5%;
}
.campaign .p-period__list > li:nth-child(2) .p-period__flex {
    margin-top: 4%;
}
.campaign .p-period__list > li:nth-child(2) .txt {
    padding-left: 8px;
}
.campaign .p-period__list > li:nth-child(3) {
    padding-top: 8.3%;
    padding-bottom: 8.5%;
}
.campaign .p-period__list > li:nth-child(3) .p-period__flex {
    margin-top: 5%;
}
.campaign .p-period__list > li:nth-child(3) .txt {
    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: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.campaign .p-period__list > li:nth-child(4) {
    padding-top: 6.3%;
    padding-bottom: 8.5%;
}
.campaign .p-period__list > li:nth-child(4) .p-period__flex {
    margin-top: 4%;
}
.campaign .p-period__list > li:nth-child(4) .txt {
    font-size: 16px;
    letter-spacing: -0.05em;
    -webkit-font-feature-settings: "palt";
            font-feature-settings: "palt";
}
.campaign .p-period__flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
    margin-top: 1%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.campaign .p-period__flex .logo {
    width: 28.9%;
    margin-right: 16px;
}
.campaign .p-period__flex .logo--1 {
    max-width: 75px;
    width: 20%;
    margin-left: 3px;
}
.campaign .p-period__flex .logo--2 {
    max-width: 113px;
    width: 34.6666666667%;
}
.campaign .p-period__flex .logo--3 {
    width: 32%;
    margin-left: 1px;
}
.campaign .p-period__flex .logo--4 {
    width: 18.6666666667%;
    margin-right: 10px;
}
.campaign .p-period__flex .txt {
    font-size: 18px;
    line-height: 1.4;
    color: #231815;
    text-align: left;
    letter-spacing: 0em;
}
.campaign .p-period__flex .txt .sml {
    font-size: 12px;
    -webkit-font-feature-settings: "palt";
            font-feature-settings: "palt";
}
.campaign .p-period__flex .txt .note {
    font-size: 12px;
    line-height: 1.4;
    text-align: left;
}
.campaign .p-period__flex .txt .note--1 {
    display: inline-block;
}
.campaign .p-period__flex .txt .note--2 {
    padding-left: 2px;
    letter-spacing: -0.09em;
}
.campaign .p-period__flex .txt .note--3 {
    padding-left: 2px;
}
.campaign .p-howto {
    position: relative;
    padding-bottom: 11.1%;
}
.campaign .p-howto__inner {
    padding: 0 6.3%;
}
.campaign .p-howto__head {
    width: 100%;
}
.campaign .p-howto__head img {
    vertical-align: bottom;
}
.campaign .p-howto__txt {
    font-size: 20px;
    line-height: 1.5;
    background: #FFF;
    font-weight: bold;
    letter-spacing: 0.03em;
}
.campaign .p-howto__txt span {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(65%, transparent), color-stop(35%, #fff100));
    background: linear-gradient(transparent 65%, #fff100 35%);
    -webkit-font-feature-settings: "palt";
            font-feature-settings: "palt";
}
.campaign .p-howto__message {
    width: 85.5%;
    margin: 7.5% auto 3%;
}
.campaign .p-howto__btn a {
    position: relative;
    display: block;
    width: 276px;
    margin: 0 auto;
    color: #000000;
    background: #FFF100;
    border: 1px solid #000000;
    -webkit-box-shadow: 4px 4px 0 0 #000000;
            box-shadow: 4px 4px 0 0 #000000;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 11px 0 15px 64px;
    font-size: 26px;
    line-height: 1.5;
    letter-spacing: 0.22em;
}
.campaign .p-howto__btn a::before {
    content: "";
    width: 30px;
    height: 30px;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    background: url("/triecolle_edit/vol6/assets/images/campaign/howto_icon.png") no-repeat left top/100% auto;
    margin-left: 5.1%;
    z-index: 1;
}
.campaign .p-howto__btn a > p {
    text-align: left;
}
.campaign .p-summary__btn {
    width: 87.2%;
    margin: 0 auto;
}
.campaign .p-summary__txt {
    width: 81.6%;
    margin: 13% auto 10%;
    font-size: 18px;
    line-height: 1.5;
    color: #000000;
    text-align: center;
}
.campaign .p-summary__txt p + p {
    border-top: 1px solid #000000;
    padding-top: 4%;
    margin-top: 4%;
}