#dear-my-happiness .contents#maintop .contents__inner .stars2 { background-image: linear-gradient( 9deg, #171a2f 0%, #1a263c 18%, #444a67 30%, #1f233a 40%, #000000 75%, #494f6d 84%, #020212 100% ); } #dear-my-happiness .contents#maintop .contents__inner .stars3 { background-color: #263061; } #dear-my-happiness .contents#maintop .contents__inner .stars4 { background-color: #594c9e; } #dear-my-happiness .contents#maintop .contents__inner .stars5 { background-color: #0060a7; } #dear-my-happiness .contents#maintop .contents__inner .stars6 { background-color: #0091a9; } #dear-my-happiness .contents#maintop .contents__inner .kvContainer { color: #ffffff; } #dear-my-happiness .contents#maintop .contents__inner .kvContainer h1 { padding-top: 4.6rem; text-align: center; } #dear-my-happiness .contents#maintop .contents__inner .kvContainer h1 img { max-width: 323.34565px; } #dear-my-happiness .contents#maintop .contents__inner .kvContainer .kvArea { position: relative; } #dear-my-happiness .contents#maintop .contents__inner .kvContainer .kvArea .kv { position: relative; z-index: 1; } #dear-my-happiness .contents#maintop .contents__inner .kvContainer .kvArea .kv__text { position: absolute; z-index: 1; top: 50%; left: 50%; transform: translateX(-50%) translateY(200px); width: 100%; text-align: center; } #dear-my-happiness .contents#maintop .contents__inner .kvContainer .kvArea .kv__text img { width: 305px; } #dear-my-happiness .contents#maintop .contents__inner .kvContainer .kvArea .kv__text .kv__text__readText { margin-top: 5rem; font-family: serif, sans-serif; } #dear-my-happiness .contents#maintop .contents__inner .kvContainer .kvArea .kv__text .kv__text__readText p { font-size: 13.75px; } #dear-my-happiness .contents#maintop .contents__inner .kvContainer .kvArea .kv__text .kv__text__readText p:nth-of-type(2n) { margin-top: 2.4rem; padding-left: 2.8rem; padding-right: 2.8rem; text-align: left; } #dear-my-happiness .contents#maintop .contents__inner .kvContainer .kvArea .kv__text .kv__text__readText .bold { font-weight: bold; font-size: 1.6rem; } #dear-my-happiness .contents#maintop .contents__inner .kvContainer .ModalArea { border: none; background-color: transparent; transition: opacity 0.25s transform 0.25s; cursor: pointer; margin-top: 37rem; } #dear-my-happiness .contents#maintop .contents__inner .kvContainer .ModalArea:hover { opacity: 0.8; } #dear-my-happiness .contents#maintop .contents__inner .kvContainer .ModalArea .Modal_openBtn { display: grid; grid-template-columns: 18rem 4rem; justify-content: center; align-items: center; background-color: transparent; border: none; margin: 0 auto; } #dear-my-happiness .contents#maintop .contents__inner .kvContainer .ModalArea .Modal_openBtn p { font-size: 1.3rem; font-weight: bold; color: #ffffff; text-decoration: underline; } #dear-my-happiness .contents#maintop .contents__inner .kvContainer .ModalArea .Modal_openBtn img { max-width: 24px; } #dear-my-happiness .contents#maintop .contents__inner .kvContainer .ModalArea .dialog { padding: 0; background: #fff; border: #136a8d 2px solid; box-shadow: 0 0 10px #666; color: #000000; opacity: 0; transition: opacity 0.5s ease-in-out; height: 90vh; position: fixed; overflow: visible; } @media screen and (min-width: 768px) { #dear-my-happiness .contents#maintop .contents__inner .kvContainer .ModalArea .dialog { max-width: 357px; } } #dear-my-happiness .contents#maintop .contents__inner .kvContainer .ModalArea .dialog::backdrop { background: rgba(0, 0, 0, 0); transition: background 0.5s ease-in-out; } #dear-my-happiness .contents#maintop .contents__inner .kvContainer .ModalArea .dialog.show { opacity: 1; } #dear-my-happiness .contents#maintop .contents__inner .kvContainer .ModalArea .dialog.show::backdrop { background: rgba(0, 0, 0, 0.6); } #dear-my-happiness .contents#maintop .contents__inner .kvContainer .ModalArea .dialog .dialog__inner { margin-left: auto; margin-right: auto; height: 100%; overflow: hidden; overflow-y: scroll; } #dear-my-happiness .contents#maintop .contents__inner .kvContainer .ModalArea .dialog .dialog__inner .dialog__kv { text-align: center; } #dear-my-happiness .contents#maintop .contents__inner .kvContainer .ModalArea .dialog .dialog__inner .dialog__items { margin-top: 3.2rem; margin-bottom: 6.5rem; } #dear-my-happiness .contents#maintop .contents__inner .kvContainer .ModalArea .dialog .dialog__inner .dialog__items .dialog__items__grid .dialog__items__grid__inner { padding-left: 1.7rem; padding-right: 1.7rem; } #dear-my-happiness .contents#maintop .contents__inner .kvContainer .ModalArea .dialog .dialog__inner .dialog__items .dialog__items__grid .dialog__items__grid__inner .dialog__gridBox { display: grid; grid-template-columns: repeat(2, 1fr); grid-template-areas: "L R"; gap: 2rem; align-items: start; justify-content: center; } #dear-my-happiness .contents#maintop .contents__inner .kvContainer .ModalArea .dialog .dialog__inner .dialog__items .dialog__items__grid .dialog__items__grid__inner .dialog__gridBox .L { grid-area: L; } #dear-my-happiness .contents#maintop .contents__inner .kvContainer .ModalArea .dialog .dialog__inner .dialog__items .dialog__items__grid .dialog__items__grid__inner .dialog__gridBox .R { grid-area: R; } #dear-my-happiness .contents#maintop .contents__inner .kvContainer .ModalArea .dialog .dialog__inner .dialog__items .dialog__items__grid .dialog__items__grid__inner .dialog__gridBox .dialog__item__txt { font-size: 1.4rem; line-height: 1.5; margin-top: 1rem; letter-spacing: -0.05em; } #dear-my-happiness .contents#maintop .contents__inner .kvContainer .ModalArea .dialog .dialog__inner .dialog__items .dialog__items__grid .dialog__items__grid__inner .dialog__gridBox .Modal_OLSbtn { width: -moz-fit-content; width: fit-content; display: block; margin-top: 0.5rem; } #dear-my-happiness .contents#maintop .contents__inner .kvContainer .ModalArea .dialog .dialog__inner .dialog__items .dialog__items__grid .dialog__items__grid__inner .dialog__gridBox .Modal_OLSbtn p { cursor: pointer; width: 16rem; background-color: #263061; color: #ffffff; border: solid 1px #263061; padding: 1.3rem 2.7rem; text-align: center; border-radius: 80px; line-height: 0; font-size: 1.3rem; transition: all 0.6s ease; } @media (any-hover) { #dear-my-happiness .contents#maintop .contents__inner .kvContainer .ModalArea .dialog .dialog__inner .dialog__items .dialog__items__grid .dialog__items__grid__inner .dialog__gridBox .Modal_OLSbtn p:hover { background-color: #ffffff; color: #263061; } } #dear-my-happiness .contents#maintop .contents__inner .kvContainer .ModalArea .dialog .dialog__inner .dialog__items .dialog__items__grid .dialog__items__grid__inner .dialog__gridBox .dialog__item__txtLink { color: #697cda; font-weight: bold; font-size: 1.2rem; line-height: 1.4; margin-top: 0.5rem; } #dear-my-happiness .contents#maintop .contents__inner .kvContainer .ModalArea .dialog .dialog__inner .dialog__items .dialog__items__grid .dialog__items__grid__inner .dialog__gridBox + .dialog__gridBox { margin-top: 4rem; } #dear-my-happiness .contents#maintop .contents__inner .kvContainer .ModalArea .dialog .dialog__closeBtn { background-color: transparent; border: 0; aspect-ratio: 1/1; width: 45px; position: absolute; top: -19px; right: -16px; cursor: pointer; } #dear-my-happiness .contents#maintop .contents__inner .kvContainer .artistArea { margin-top: 7.5rem; padding-bottom: 5rem; padding-left: 2.8rem; padding-right: 2.8rem; } #dear-my-happiness .contents#maintop .contents__inner .kvContainer .artistArea .clipPassBox { margin-top: 1rem; position: relative; z-index: -2; background-color: #ffffff; clip-path: polygon( 6% 0, 95% 0, 100% 4%, 100% 96%, 96% 100%, 4% 100%, 0 96%, 0 4% ); } #dear-my-happiness .contents#maintop .contents__inner .kvContainer .artistArea .clipPassBox::before { content: ""; position: absolute; z-index: -2; width: calc(100% - 13px); height: calc(100% - 13px); top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); background-color: #003b73; clip-path: polygon( 6% 0, 95% 0, 100% 4%, 100% 96%, 96% 100%, 4% 100%, 0 96%, 0 4% ); } #dear-my-happiness .contents#maintop .contents__inner .kvContainer .artistArea .clipPassBox::after { content: ""; position: absolute; z-index: -2; width: calc(100% - 14px); height: calc(100% - 14px); top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); background-color: #ffffff; clip-path: polygon( 6% 0, 95% 0, 100% 4%, 100% 96%, 96% 100%, 4% 100%, 0 96%, 0 4% ); } #dear-my-happiness .contents#maintop .contents__inner .kvContainer .artistArea .clipPassBox .clipPassBox__inner { padding: 3rem 2.6rem 4.4rem; } #dear-my-happiness .contents#maintop .contents__inner .kvContainer .artistArea .clipPassBox .clipPassBox__inner .writer { text-align: center; color: #000000; } #dear-my-happiness .contents#maintop .contents__inner .kvContainer .artistArea .clipPassBox .clipPassBox__inner .writer .writer__imgBox .writer__img { max-width: 100px; display: block; margin: 0 auto; } #dear-my-happiness .contents#maintop .contents__inner .kvContainer .artistArea .clipPassBox .clipPassBox__inner .writer .writer__imgBox .writer__name { width: 202.3387px; margin-top: 2.1rem; } #dear-my-happiness .contents#maintop .contents__inner .kvContainer .artistArea .clipPassBox .clipPassBox__inner .writer .writer__txt { margin-top: 3.4rem; font-size: 1.3rem; letter-spacing: -0.03em; text-align: left; } #dear-my-happiness .contents#maintop .contents__inner .approachContainer h3 { text-align: center; padding-top: 5rem; padding-bottom: 5rem; background-color: #f2f2f2; } #dear-my-happiness .contents#maintop .contents__inner .approachContainer h3 img { width: 248.2163px; } #dear-my-happiness .contents#maintop .contents__inner .approachContainer .approachBox .title__inner { padding: 3.5rem 0 5rem; } #dear-my-happiness .contents#maintop .contents__inner .approachContainer .approachBox .title__category__copy { font-size: 14.5px; text-align: center; font-family: serif, sans-serif; margin-top: 3.5rem; font-weight: 500; } #dear-my-happiness .contents#maintop .contents__inner .approachContainer .approachBox._01 .titleBox .title__inner::before { content: ""; width: 100%; height: 100%; background-image: url("/base/pc/store/special/tanabataaccessories/2026/img/CoolSweet/CS_title_decoration02.webp"); background-repeat: no-repeat; background-size: 91.18655px; position: absolute; left: 50%; top: 50%; transform: translateY(-27%) translateX(16%); } #dear-my-happiness .contents#maintop .contents__inner .approachContainer .approachBox._01 .titleBox .title__inner::after { content: ""; width: 100%; height: 100%; background-image: url("/base/pc/store/special/tanabataaccessories/2026/img/top/TOP_CStitle_decoration02.webp"); background-repeat: no-repeat; background-size: 86.6708px; position: absolute; left: 50%; top: 50%; transform: translateY(-36%) translateX(-45%); } #dear-my-happiness .contents#maintop .contents__inner .approachContainer .approachBox._01 .Elegant_Casual { margin-top: 5rem; position: relative; } #dear-my-happiness .contents#maintop .contents__inner .approachContainer .approachBox._01 .Elegant_Casual .Elegant_Casual__img { width: 345px; margin-left: auto; margin-right: 0; display: block; } #dear-my-happiness .contents#maintop .contents__inner .approachContainer .approachBox._01 .Elegant_Casual .Elegant_Casual__title { width: 202.48195px; display: block; margin-top: 1.5rem; margin-left: auto; margin-right: 2rem; } #dear-my-happiness .contents#maintop .contents__inner .approachContainer .approachBox._01 .Elegant_Casual::after { content: ""; width: 216px; height: 216px; background-color: #e7eef3; position: absolute; left: 0; top: 50%; transform: translateY(-10%); z-index: -1; } #dear-my-happiness .contents#maintop .contents__inner .approachContainer .approachBox._01 .Elegant_Casual .TransitionLink span { letter-spacing: -0.03em; } #dear-my-happiness .contents#maintop .contents__inner .approachContainer .approachBox._01 .Cool_Sweet { position: relative; } #dear-my-happiness .contents#maintop .contents__inner .approachContainer .approachBox._01 .Cool_Sweet .Cool_Sweet__img { width: 345px; margin-left: 0; margin-right: auto; display: block; } #dear-my-happiness .contents#maintop .contents__inner .approachContainer .approachBox._01 .Cool_Sweet .Cool_Sweet__title { width: 160.8008px; display: block; margin-top: 1.5rem; margin-left: 2rem; margin-right: auto; } #dear-my-happiness .contents#maintop .contents__inner .approachContainer .approachBox._01 .Cool_Sweet::after { content: ""; width: 216px; height: 216px; background-color: #e7eef3; position: absolute; right: 0; top: 50%; transform: translateY(-10%); z-index: -1; } #dear-my-happiness .contents#maintop .contents__inner .approachContainer .approachBox._02 .titleBox .title__inner::before { content: ""; width: 100%; height: 100%; background-image: url("/base/pc/store/special/tanabataaccessories/2026/img/SinglePiercing/SP_title_decoration01.webp"); background-repeat: no-repeat; background-size: 40.2384px; position: absolute; left: 50%; top: 50%; transform: translateY(-37%) translateX(25%); } #dear-my-happiness .contents#maintop .contents__inner .approachContainer .approachBox._02 .titleBox .title__inner::after { content: ""; width: 100%; height: 100%; background-image: url("/base/pc/store/special/tanabataaccessories/2026/img/SinglePiercing/SP_title_decoration02.webp"); background-repeat: no-repeat; background-size: 108.42775px; position: absolute; left: 50%; top: 50%; transform: translateY(-45%) translateX(-45%); } #dear-my-happiness .contents#maintop .contents__inner .approachContainer .approachBox._02 .titleBox .title__inner .title__category__Name { max-width: 134.2881px; } #dear-my-happiness .contents#maintop .contents__inner .approachContainer .approachBox._02 .titleBox .title__inner .title__category__Text { max-width: 240.36755px; } #dear-my-happiness .contents#maintop .contents__inner .approachContainer .approachBox._03 .titleBox .title__inner::before { content: ""; width: 100%; height: 100%; background-image: url("/base/pc/store/special/tanabataaccessories/2026/img/LongNecklace/LN_title_decoration01.webp"); background-repeat: no-repeat; background-size: 51.65065px; position: absolute; left: 50%; top: 0; transform: translateX(26%); } #dear-my-happiness .contents#maintop .contents__inner .approachContainer .approachBox._03 .titleBox .title__inner::after { content: ""; width: 100%; height: 100%; background-image: url("/base/pc/store/special/tanabataaccessories/2026/img/LongNecklace/LN_title_decoration02.webp"); background-repeat: no-repeat; background-size: 113.57165px; position: absolute; left: 50%; top: 0; transform: translateX(-49%); } #dear-my-happiness .contents#maintop .contents__inner .approachContainer .approachBox._03 .titleBox .title__inner .title__category__Name { width: 125.499px; } #dear-my-happiness .contents#maintop .contents__inner .approachContainer .approachBox._03 .titleBox .title__inner .title__category__Text { width: 302.1134px; } #dear-my-happiness .contents#maintop .contents__inner .approachContainer .approachBox._04 .titleBox .title__inner::before { content: ""; width: 100%; height: 100%; background-image: url("/base/pc/store/special/tanabataaccessories/2026/img/StackableRings/SR_title_decoration01.webp"); background-repeat: no-repeat; background-size: 77.872px; position: absolute; left: 50%; top: 50%; transform: translateY(-43%) translateX(20%); } #dear-my-happiness .contents#maintop .contents__inner .approachContainer .approachBox._04 .titleBox .title__inner::after { content: ""; width: 100%; height: 100%; background-image: url("/base/pc/store/special/tanabataaccessories/2026/img/StackableRings/SR_title_decoration02.webp"); background-repeat: no-repeat; background-size: 85.45295px; position: absolute; left: 50%; top: 50%; transform: translateY(-41%) translateX(-42%); } #dear-my-happiness .contents#maintop .contents__inner .approachContainer .approachBox._04 .titleBox .title__inner .title__category__Name { width: 130.5991px; } #dear-my-happiness .contents#maintop .contents__inner .approachContainer .approachBox._04 .titleBox .title__inner .title__category__Text { width: 255.2107px; } #dear-my-happiness .contents#maintop .contents__inner .approachContainer .approachBox .TransitionButton { margin-top: 5rem; margin-bottom: 5rem; } #dear-my-happiness .contents#maintop .contents__inner .approachContainer .approachBox .TransitionButton .TransitionLink { color: #136a8d; width: -moz-fit-content; width: fit-content; margin-left: auto; margin-right: auto; text-transform: uppercase; display: block; padding: 8px 24px; text-align: center; line-height: 1.7; font-weight: 500; letter-spacing: 0.1rem; position: relative; min-width: 260px; border: 1px solid #136a8d; transition: opacity 0.25s; } #dear-my-happiness .contents#maintop .contents__inner .approachContainer .approachBox .TransitionButton .TransitionLink span { font-size: 14px; display: block; transition: opacity 0.25s; } #dear-my-happiness .contents#maintop .contents__inner .approachContainer .approachBox .TransitionButton .TransitionLink::before { content: ""; position: absolute; width: 41px; aspect-ratio: 1/1; right: -23px; top: 50%; transform: translateY(-50%); background-image: url("/base/pc/store/special/tanabataaccessories/2026/img/common/arrow-right.svg"); background-repeat: no-repeat; background-position: center; background-size: contain; transition: opacity 0.25s, transform 0.25s; } @media (any-hover: hover) { #dear-my-happiness .contents#maintop .contents__inner .approachContainer .approachBox .TransitionButton .TransitionLink:hover::before { transform: translateX(10px) translateY(-50%); opacity: 0.8; } } #dear-my-happiness .contents#maintop .contents__inner .approachContainer .separatorDecoration { margin-top: 10rem; } #dear-my-happiness .contents#maintop .contents__inner .eventContainer .event__copy { position: relative; margin: 10rem auto 0; color: #ffffff; width: 320px; height: 250.7289px; } #dear-my-happiness .contents#maintop .contents__inner .eventContainer .event__copy p { text-align: center; font-family: serif, sans-serif; font-size: 1.4rem; line-height: 2.4; letter-spacing: -0.03em; position: absolute; top: 50%; transform: translateY(-50%); } #dear-my-happiness .contents#maintop .contents__inner .eventContainer .event__copy::before { content: ""; width: 101.64685px; aspect-ratio: 1/1; background-image: url("/base/pc/store/special/tanabataaccessories/2026/img/top/top_kakko_L.svg"); background-repeat: no-repeat; background-position: top; position: absolute; left: 0; top: 0; } #dear-my-happiness .contents#maintop .contents__inner .eventContainer .event__copy::after { content: ""; width: 101.64685px; aspect-ratio: 1/1; background-image: url("/base/pc/store/special/tanabataaccessories/2026/img/top/top_kakko_R.svg"); background-repeat: no-repeat; background-position: bottom; position: absolute; right: 0; bottom: 0; } #dear-my-happiness .contents#maintop .contents__inner .eventContainer .event__heading { width: 232.8523px; margin: 10rem auto 0; } #dear-my-happiness .contents#maintop .contents__inner .eventContainer .event { margin-top: 5rem; margin-left: 1.7rem; margin-right: 1.7rem; color: #003b73; } #dear-my-happiness .contents#maintop .contents__inner .eventContainer .event + .event { margin-top: 2.8rem; } #dear-my-happiness .contents#maintop .contents__inner .eventContainer .event._02 { margin-bottom: 5rem; } #dear-my-happiness .contents#maintop .contents__inner .eventContainer .event._02 .clipPassBox { clip-path: polygon( 6% 0, 95% 0, 100% 2%, 100% 98%, 95% 100%, 5% 100%, 0 98%, 0 2% ); } #dear-my-happiness .contents#maintop .contents__inner .eventContainer .event._02 .clipPassBox::before { content: ""; clip-path: polygon( 6% 0, 95% 0, 100% 2%, 100% 98%, 95% 100%, 5% 100%, 0 98%, 0 2% ); } #dear-my-happiness .contents#maintop .contents__inner .eventContainer .event._02 .clipPassBox::after { content: ""; clip-path: polygon( 6% 0, 95% 0, 100% 2%, 100% 98%, 95% 100%, 5% 100%, 0 98%, 0 2% ); } #dear-my-happiness .contents#maintop .contents__inner .eventContainer .event._02 .event__title p:nth-of-type(2) { line-height: 1.5; } #dear-my-happiness .contents#maintop .contents__inner .eventContainer .event .event__title { text-align: center; } #dear-my-happiness .contents#maintop .contents__inner .eventContainer .event .event__title img { width: 124.4055px; margin-bottom: 2rem; } #dear-my-happiness .contents#maintop .contents__inner .eventContainer .event .event__title p { font-size: 1.3rem; letter-spacing: -0.05em; } #dear-my-happiness .contents#maintop .contents__inner .eventContainer .event .event__title p + p { margin-top: 0.3rem; } #dear-my-happiness .contents#maintop .contents__inner .eventContainer .event .event__title p:nth-of-type(2) { font-size: 2rem; line-height: 1.1; } #dear-my-happiness .contents#maintop .contents__inner .eventContainer .event .event__title p:nth-of-type(3) { margin-top: 2rem; text-align: left; } #dear-my-happiness .contents#maintop .contents__inner .eventContainer .event .bold { font-weight: bold; } #dear-my-happiness .contents#maintop .contents__inner .eventContainer .event .InstagramBox { margin-top: 2.8rem; color: #003b73; text-align: center; } #dear-my-happiness .contents#maintop .contents__inner .eventContainer .event .InstagramBox .Instagram__txt { color: #697cda; position: relative; font-size: 1.5rem; line-height: 1.4; } #dear-my-happiness .contents#maintop .contents__inner .eventContainer .event .InstagramBox .Instagram__txt::before { position: absolute; left: 50%; bottom: 0; transform: translateX(-130px); content: ""; width: 20px; height: 38px; background-image: url("/base/pc/store/special/tanabataaccessories/2026/img/top/top_fukidasi_L.svg"); background-repeat: no-repeat; } #dear-my-happiness .contents#maintop .contents__inner .eventContainer .event .InstagramBox .Instagram__txt::after { position: absolute; right: 50%; bottom: 0; transform: translateX(130px); content: ""; width: 20px; height: 38px; background-image: url("/base/pc/store/special/tanabataaccessories/2026/img/top/top_fukidasi_R.svg"); background-repeat: no-repeat; } #dear-my-happiness .contents#maintop .contents__inner .eventContainer .event .InstagramBox .Instagram__icon { margin-top: 2rem; max-width: 45px; } #dear-my-happiness .contents#maintop .contents__inner .eventContainer .event .InstagramBox a { margin-top: 1rem; text-decoration: underline; color: #697cda; } #dear-my-happiness .contents#maintop .contents__inner .eventContainer .event .InstagramBox a p { font-size: 1.4rem; } #dear-my-happiness .contents#maintop .contents__inner .eventContainer .event .InstagramBox .Instagram__annotation { margin-top: 1rem; text-align: left; font-size: 1.2rem; line-height: 1.3; } #dear-my-happiness .contents#maintop .contents__inner .eventContainer .event .event__artistImg { width: 189.5px; margin: 2.2rem auto 0; display: block; } #dear-my-happiness .contents#maintop .contents__inner .eventContainer .event .guidance__txt { margin-top: 3.2rem; font-size: 1.3rem; } #dear-my-happiness .contents#maintop .contents__inner .eventContainer .event .detailBox { margin-top: 4rem; text-align: center; } #dear-my-happiness .contents#maintop .contents__inner .eventContainer .event .detailBox .detail__txt { color: #697cda; position: relative; font-size: 1.5rem; line-height: 1.4; } #dear-my-happiness .contents#maintop .contents__inner .eventContainer .event .detailBox .detail__txt + .detail__txt { margin-top: 2.5rem; } #dear-my-happiness .contents#maintop .contents__inner .eventContainer .event .detailBox .detail__txt:nth-of-type(2) { position: relative; transform: translateX(3px); } #dear-my-happiness .contents#maintop .contents__inner .eventContainer .event .detailBox .detail__txt:nth-of-type(2)::before { position: absolute; left: 50%; bottom: 0; content: ""; transform: translateX(-130px); content: ""; width: 20px; height: 38px; background-image: url("/base/pc/store/special/tanabataaccessories/2026/img/top/top_fukidasi_L.svg"); background-repeat: no-repeat; } #dear-my-happiness .contents#maintop .contents__inner .eventContainer .event .detailBox .detail__txt:nth-of-type(2)::after { position: absolute; right: 50%; bottom: 0; transform: translateX(119px); content: ""; width: 20px; height: 38px; background-image: url("/base/pc/store/special/tanabataaccessories/2026/img/top/top_fukidasi_R.svg"); background-repeat: no-repeat; } #dear-my-happiness .contents#maintop .contents__inner .eventContainer .event .detailBox .detail__annotation { margin-top: 1rem; text-align: left; font-size: 1.2rem; line-height: 1.3; } #dear-my-happiness .contents#maintop .contents__inner .eventContainer .clipPassBox { position: relative; background-color: #ffffff; clip-path: polygon( 6% 0, 95% 0, 100% 4%, 100% 96%, 96% 100%, 4% 100%, 0 96%, 0 4% ); z-index: 0; } #dear-my-happiness .contents#maintop .contents__inner .eventContainer .clipPassBox::before { content: ""; position: absolute; z-index: -2; width: calc(100% - 13px); height: calc(100% - 13px); top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); background-color: #003b73; clip-path: polygon( 6% 0, 95% 0, 100% 4%, 100% 96%, 96% 100%, 4% 100%, 0 96%, 0 4% ); } #dear-my-happiness .contents#maintop .contents__inner .eventContainer .clipPassBox::after { content: ""; position: absolute; z-index: -2; width: calc(100% - 14px); height: calc(100% - 14px); top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); background-color: #ffffff; clip-path: polygon( 6% 0, 95% 0, 100% 4%, 100% 96%, 96% 100%, 4% 100%, 0 96%, 0 4% ); } #dear-my-happiness .contents#maintop .contents__inner .eventContainer .clipPassBox .clipPassBox__inner { padding: 5rem 3.5rem; } #dear-my-happiness .contents#maintop .contents__inner .eventContainer .clipPassBox .eventButton { margin-top: 4.1rem; margin-bottom: 5rem; } #dear-my-happiness .contents#maintop .contents__inner .eventContainer .clipPassBox .eventButton .eventLink { color: #697cda; width: -moz-fit-content; width: fit-content; margin-left: auto; margin-right: auto; text-transform: uppercase; display: block; padding: 8px 24px; text-align: center; line-height: 1.7; font-weight: 500; letter-spacing: 0.1rem; position: relative; min-width: 260px; border: 1px solid #697cda; transition: color 0.6s; } #dear-my-happiness .contents#maintop .contents__inner .eventContainer .clipPassBox .eventButton .eventLink span { font-size: 14px; display: block; transition: color 0.6s; } #dear-my-happiness .contents#maintop .contents__inner .eventContainer .clipPassBox .eventButton .eventLink::before { content: ""; position: absolute; width: 18.5px; aspect-ratio: 1/1; right: 10px; top: 50%; transform: translateY(-50%); background-image: url("/base/pc/store/special/tanabataaccessories/2026/img/top/top_entry_icon.svg"); background-repeat: no-repeat; background-position: center; background-size: contain; transition: background-image 0.25s; } @media (any-hover: hover) { #dear-my-happiness .contents#maintop .contents__inner .eventContainer .clipPassBox .eventButton .eventLink:hover { color: #ffffff; background-color: #697cda; } #dear-my-happiness .contents#maintop .contents__inner .eventContainer .clipPassBox .eventButton .eventLink:hover::before { background-image: url("/base/pc/store/special/tanabataaccessories/2026/img/top/top_entry_icon2.svg"); } } #dear-my-happiness .contents#maintop .contents__inner .Annotation__text { font-size: 1.2rem; margin-top: 7.5rem; margin-left: 2.5rem; margin-right: 2.5rem; margin-bottom: 6rem; } /*# sourceMappingURL=top.css.map */