@charset "utf-8";
/* CSS Document */
body#body {font-size: 3.5vw;}
main {margin-block-start: var(--h-size);}
.pc_view,
.pc_view_dib {display: none;}
.sp_view {display: block;}
.sp_view_dib {display: inline-block;}
.sp_dib {display: inline-block;}
.left {float: none;}
.right {float: none;}
.sp_left {text-align: left !important;}
.sp_center {text-align: center;}
.flex {display: block;}
.in_flex {display: flex;}
.table {display: block;}
.table dt,.table dd {display: block;}
.d025s,.d05s,.d075s,.d1s,.d125s,.d15s,.d175s,.d2s {transition-delay: 0s !important;}
.inner {inline-size: 96%;}
.middle_inner {inline-size: 96%;}
.lower_inner {inline-size: 96%;}
.left_side,.right_side{inline-size:100%;}
:root { --h-size: 5em;}
/*header*/
#header .top .site_name {inline-size: min(178px,5.25em);margin-inline: 0 auto;margin: 0.35em auto auto 0.75em;transform: translateY(-0.65em);}
#header .top .top_link {inset: 0.25em 6em auto auto;}
#header .top .top_link [class^="link_"] .text {display: none;}
#header .top .top_link .link_online {font-size: 1.444em;padding: 0;line-height: 1;background-color: #fff;color: #000;border: none;}
#header .top .top_link .link_online .fa-cart-shopping {font-size: 1.584em;margin-inline-end: 0;vertical-align: middle;display: none;}
#header .top .top_link .link_music {font-size: 1.444em;padding: 0;line-height: 1;background-color: #fff;color: #000;border: none;margin-inline-start: 0.65em;}
#header .top .top_link .link_music .fa-music {font-size: 1.584em;margin-inline-end: 0;}
#header {z-index: 10;block-size: var(--h-size);padding-block-start: 0.825em;position: fixed;inset: 0 0 auto 0;}
#header .bottom .ul {opacity: 0; position: fixed;transition: all 0.3s;inline-size: 100%;block-size: 100vh;background-color: #fff;inset: 0 0 auto 0;z-index: -1;padding: 4.5em 1.5em 4em 1.5em;pointer-events: none;}
#header .bottom .ul.active {opacity: 1;pointer-events: auto;}
#header .bottom .ul .list {border-block-end: 2px dotted var(--blue1);padding-block-end: 0.875em;margin-block-end: 0.75em;}
#header .bottom .ul .list.sp_view {border-block-end: none;margin-block: 2em 1em;padding-block-end: 0;}
#header .bottom .ul .list.sp_view .link_online {font-size: 1.444em;letter-spacing: 0.03em;border: 1px solid #000;padding: 0.35em 2.175em 0.5em 1.5em;border-radius: 100vmax;font-weight: 700;transition: all 0.3s;inline-size: 100%;}
#header .bottom .ul .list.sp_view .link_online .fa-cart-shopping {margin-inline-end: 0.76em;}
#header .bottom .ul .list .link {text-align: left;inline-size: fit-content;margin-inline: 0 auto;font-size: 1.525em;position: relative;}
#header .bottom .ul .list .link:after {content: "";position: absolute;background-image: url(../img/top/iluust_arrow1.png);background-repeat: no-repeat;background-position: center;background-size: cover;inline-size: min(40px,1.6em);block-size: auto;aspect-ratio: 50 / 11;inset: 31% auto auto calc(100% + 0.75em);transition: all 0.3s;}
#header .bottom .ul .list .link .small {font-size: 0.650em;line-height: 1;}
.btn {inline-size: auto;block-size: 5em;background-color: var(--blue1);inset: 0 0 auto auto;aspect-ratio: 1;border-radius: 0 0 0 1em;}
.btn i {transition: all 0.3s;inset: 0;margin: auto;inline-size: fit-content;block-size: fit-content;}
.btn .fa-xmark {font-size: 2.592em;opacity: 0;}
.btn.active .fa-xmark {opacity: 1;}
.btn .fa-bars {font-size: 2.287em;opacity: 1;}
.btn.active .fa-bars {opacity: 0;}

.ttl1 {font-size: 2.2em;}
#fv .top .fv_img {inline-size: min(1410px,100%);margin-inline: auto;}
#fv .top .fv_text {font-size: 1.444em;line-height: 1.75em;position: inherit;text-align: center;}
#fv .top .fv_text_item {inset: 71.25% auto auto 2.75%;inline-size: min(153px,15%);}
#fv .bottom .fv_ttl {font-size: 2em}
#fv .item2 {inset: auto 2.5em -7.25em auto;inline-size: min(225px,25%);}
#fv .item1 {inset: auto auto -7.75em 1.3em;inline-size: min(201px,19%);}
#top_blog {padding-block: 1.75em 0.65em;}
#top_blog .ttl_side {inline-size: 100%;}
#top_blog .blog_side {inline-size: 96%;margin: 0 auto;}
#top_blog .blog_side .list {inline-size: min(380px,100%);margin: 0 auto 2em auto;}
#top_blog .ttl_side .more1 {margin: 2em auto 2em 30%;}
#top_blog .ttl_side .ttl1 {font-size: 2.2em;}
#top_about {padding-block: 1.35em 9.25em;}
#top_about .item3 {inset: 1.2% auto auto 3.35%;inline-size: min(267px,27%);}
#top_about .item4 {inset: 5.75% 1.2% auto auto;inline-size: min(252px,19%);}
#top_about .item5 {inset: auto auto 1% 5.5%;inline-size: min(216px,28%);}
#top_about .strong {font-size: 1.7em;}
#top_about .column .flex_item {inline-size: min(550px,100%);margin-inline: auto;}
#top_about .column .flex_item:nth-of-type(2),#top_about .column .flex_item:nth-of-type(3) {margin-block-start: 3em;}
#top_about .column .flex_item .link_text {font-size: 2em;}
#top_about .column .flex_item .link_text::before {inline-size: 12.35em;}
#top_product {padding-block: 1em 3.875em;}
#top_product .item6 {inset: -1.25em 3.75% auto auto;inline-size: min(186px,24%);}
#top_product .top .ttl1 {margin-inline-start: 0;}
#top_product .top .text {margin-block-start: 2.75em;}
#top_product .top {inline-size: min(1250px,96%);margin-block-end: 2em;}
#top_product .middle .img {border-radius: 0;inline-size: min(900px,100%);margin-block-end: 3em;}
#top_product .swiper {inline-size: 96%;}
#top_product .swiper .prev_next {inline-size: 32.5%;margin: 4em 1em auto auto;}
#top_product .swiper .swiper-pagination {inset: auto auto 0.25em 0;}
#top_media {padding-block: 3.75em 4.5em;}
#top_media .item7 {inset: -3.25em auto auto 0.8em;inline-size: min(209px,24%);}
#top_media .ttl2 {font-size: 2em;}
#top_media .insta_inner {inline-size: min(820px,90%);}
#top_media .ttl3 {margin-block: 8.5em 4em;}
#top_media .ttl3 .icon {inline-size: min(260px,16.5em);}
#top_media .p_2 {font-size: 1.222em;margin-block-end: 2.35em;}
#top_media .item8 {inline-size: min(168px,16%);}
#top_media .item9 {inset: 42.5% auto auto 1em;inline-size: min(253px,25%);}
#top_media .box {inline-size: min(820px,75%);}
#top_media .box iframe {inline-size: 100%;display: block;margin-block-end: 2em;}
.page_contact {padding-block: 2em 4.5em;}
.page_contact .top {inline-size: min(1070px,96%);}
.page_contact .top .ttl1 {margin-inline-start: 0;}
.page_contact .item11 {inset: -4em auto auto 1.75em;inline-size: min(226px,25%);}
.page_contact .bottom .flex_item1 {font-size: 1.5em;}
.page_contact .bottom [class^="flex_item"] {font-size: 1.5em;inline-size: 100%;margin-block-end: 0.5em;}
.page_contact .bottom .flex_item1 i {font-size: 1.875em;inset: 52% auto auto 0.65em;}
.page_contact .bottom .flex_item2 img {inline-size: clamp(40px,3.125vw,60px);}
.page_contact .bottom .flex_item3 img {inline-size: clamp(40px,3.125vw,60px);}
#footer .bottom .ul {text-align: center;}
#footer .bottom .ul .list.sp_dib {margin-inline: 0.875em;}
#footer .bottom .ul .list .link .youtube_logo {inline-size: auto;block-size: clamp(39px,2.288888vw,44px);}
#footer .bottom .ul .list .link .line_logo {inline-size: clamp(40px,2.3vw,44px);}
#footer .bottom .ul .list .link .insta_logo {inline-size: clamp(40px,2.3vw,44px);}
#footer .footer_logo {margin-block-end: 3.5em;inline-size: min(178px,7em);}
#footer .middle .ul {inline-size: 80%;margin-inline: auto;}
#footer .middle .ul .list .link {inline-size: fit-content;text-align: left;margin-inline: 0 auto;}
#footer .bottom .ul .list .link {font-size: 1.3em;}
#footer .bottom .ul .list {margin-block-end: 1.5em;}
#footer .bottom .ul .list .link_online {font-size: 1.35em;padding: 0.25em 1.175em 0.5em 1em;}
#footer .bottom .ul .list .link_music {font-size: 1.256em;padding: 0.4em 1.12em 0.5em 1.125em;}

.page_ttl1 {inset: 36% 0 auto 0;font-size: 2em;}
.page_ttl1:after {inline-size: min(400px,72.5%);}
#shop .p_1 {padding-inline-start: 0;}
#shop .item1 {inset: 1.75em auto auto 0.65em;inline-size: min(179px,21.5%);}
#shop .item2 {inset: 25.5em 1.25em auto auto;inline-size: min(198px,23.8%);}
#shop .dotted {margin-block: 0.75em 5em;transform: translateX(0);inline-size: min(555px,86%);}
#shop .dl .dt {inline-size: 100%;text-align: left;padding-inline-start: 1em;margin-block-end: 1em;}
#privacy {padding-block: 2.25em 5em;}
#privacy .ol .list {padding: 1em 0 1em 3.5em;margin-block-end: 1em;}
#contact_top {padding-block: 3em 2.5em;z-index: 2;}
#contact_top .item1 {inset: -0.5em 2.35% auto auto;inline-size: min(201px,17%);}
#contact_top .item2 {inset: auto auto -2.75em 3.75%;inline-size: min(170px,20%);}
#contact_top .strong {font-size: 1.5em;}
#contact_top .dotted_line {margin-block: 1.55em 1.125em;transform: translateX(0);inline-size: min(267px,49%);}
#links .top {padding-inline: 0;}
#contact_top .p_1 {font-size: 1.111em;line-height: 2;padding-inline: 1%;}
#links .top .ttl1 {margin-block-start: 0.15em;font-size: 2em;margin-inline-start: 0;}
#links .top .ttl1 .icon {inline-size: min(60px,1.135em);}
#links .top .ttl1 .small {font-size: 0.534em;}
#links .top .text {font-size: 1.111em;margin-block-start: 2em;line-height: 2em;}
#links .bottom [class^="link_"] {inline-size: 100%;font-size: 0.75em;margin-block-end: 1.5em;}
#links .bottom .link_line .line_logo {inline-size: clamp(40px,3.125vw,60px);}
#links .bottom .link_insta .insta_logo {inline-size: clamp(40px,3.125vw,60px);}
#contact {padding-block: 0.75em 3.75em;}
#contact .item3 {inset: -5.2em 4.2% auto auto;inline-size: min(221px,20%);}
#contact .item4 {inset: 0.5em auto auto 4%;inline-size: min(255px,20.29%);}
#contact .item5 {inset: 24% 2.75% auto auto;inline-size: min(108px,11.625%);}
#contact .item6 {inset: auto auto 1.5em 3%;inline-size: min(239px,20.45%);}
#contact .ttl1 {font-size: 2em;}
#contact .ttl1 .small {font-size: 0.534em;}
#contact .p_1 {padding-inline-start: 0;}
#contact .dashed_line {inline-size: min(213px,45%);margin-block-end: 1.7em;}
#contact .contact_form {padding-inline: 4%;padding-block-end: 3em;}
#contact .contact_form form .dl {margin: 0 auto 0.5em auto;padding-block: 0 1.25em;}
#contact .contact_form form .dl .dt {inline-size: 100%;margin-block-end: 0.5em;}
#contact .contact_form form .dl .dt .n,
#contact .contact_form form .dl .dt .h {transform: translateY(0);margin-inline-end: 0;}

#post {padding-block: 3.25em 5em;}
#post .post_side {inline-size: 100%;}
#post .post_side .post_column {inline-size: min(480px,100%);margin-inline: auto;}
#post .meta .time {font-size: 1.25em;margin-inline-end: 0.5em;}
#post .post_ttl .em {font-size: 1.25em;}
#post .page_navi ul.page-numbers {gap: 0.5em;}
#post .page_navi ul.page-numbers .page-numbers {inline-size: 2em;padding-block-start: 0.35em;}
#post .page_navi ul.page-numbers .page-numbers.prev,
#post .page_navi ul.page-numbers .page-numbers.next {inline-size: min(70px,2em);padding-block-start: 0.125em;}
#post .sidebar_side {inline-size: 100%;margin-block-start: 4em;}
#post .sidebar_side .widget {margin-block-end: 3em;}

#cats .p_1 {padding-inline-start: 0;}
#cats .p_1::after {inline-size: min(555px,86%);inset: 110% 0 auto 0;}
#cats [class^="column"] {padding-inline: 3.875%;}
#cats [class^="column"] .item1 {inset: -4.5em 4.5% auto auto;inline-size: min(223px,22%);}
#cats [class^="column"] .item2 {inset: auto auto -2.5em 5.65%;inline-size: min(217px,27%);}
#cats [class^="column"] .item3 {inset: auto 8.25% -1em auto;inline-size: min(160px,18%);}
#cats [class^="column"] .item4 {inset: auto auto -0.5em 10.75%;inline-size: min(158px,19%);}
#cats [class^="column"] .item5 {inset: auto 8.75% -2em auto;inline-size: min(199px,23%);}
#cats [class^="column"]:nth-of-type(2n+1) {background-size: cover;}
#cats [class^="column"] .text_side {inline-size: 100%;}
#cats [class^="column"] .text_side .text {line-height: 2;}
#cats [class^="column"] .img_side {inline-size: min(550px,100%);margin: 1em auto 0 auto;}
#cats [class^="column"] .text_side .cat_name .name_item1 {inset: -1em auto auto 48.25%;}
#cats [class^="column"] .text_side .cat_name .name_item2 {inset: -1.35em auto auto 61.25%;}
#cats [class^="column"] .text_side .cat_name .name_item3 {inset: -1.35em auto auto 67.25%;}
#cats [class^="column"] .text_side .cat_name .name_item4 {inset: -1.35em auto auto 61.25%;}
#cats [class^="column"] .text_side .cat_name .name_item5 {inset: -1.25em auto auto 51.25%;}
#cats [class^="column"] .text_side .cat_name .name_item6 {inset: -1.25em auto auto 75%;}

#creator .column1 .text_side,#creator .column2 .text_side {inline-size: 96%;margin-inline: 2%;}
#creator [class^="column"] .img_side {inline-size: min(900px,100%);}
#creator .column1 .img_side .img,
#creator .column2 .img_side .img {border-radius: 0;}
#renassamg .item4 {inset: -2.4em auto auto 3.95%;inline-size: min(256px,22%);}
#renassamg .item5 {inset: 1.875em 5.35% auto auto;inline-size: min(322px,23%);}
#creator .ttl1,#renassamg .ttl1 {font-size: 2.2em;}
#renassamg .column3 .text_side,
#renassamg [class^="column"] .text_side {inline-size: 100%;}
#renassamg .column1 .img_side,
#renassamg .column2 .img_side,
#renassamg .column3 .img_side {inline-size: min(730px,100%);}
#renassamg {padding-block: 1em 5em;}
#creator [class^="column"] .text_side .text1,
#creator [class^="column"] .text_side .text2,
#renassamg [class^="column"] .text_side .p_2,
#renassamg [class^="column"] .text_side .p_3 {line-height: 2;}
#renassamg [class^="column"] .text_side .p_1 .em,
#renassamg [class^="column"] .text_side .p_2 .em {line-height: 1.5;}
#renassamg .column3 .img_side {margin-block-start: 3em;}

#cd {padding-block: 5.35em 3.875em;}
#cd .item1 {inset: 1.65em auto auto 4.25%;inline-size: min(316px,28%);}
#cd .item2 {inset: 14.875em 2.75% auto auto;inline-size: min(280px,21%);}
#cd .ttl::after {inline-size: min(555px,62%);inset: 111% 0 auto 0;}
#cd .p_1 {line-height: 2;margin-block-end: 1.25em;}
#cd .link_box {inline-size: min(1060px,90%);}
#cd .link_box .flex_item {inline-size: 100%;font-size: 1.5em;margin-block-end: 1em;}

#music {padding-block: 5.35em 3.875em;}
#music .item1 {inset: 0.125em auto auto 6%;inline-size: min(248px,18%);}
#music .item2 {inset: 24em 2.25% auto auto;inline-size: min(340px,30%);}
#music .item3 {inset: auto 3.15% 2.2em auto;inline-size: min(344px,27%);}
#music .ttl {margin-block-end: 2.35em;}
#music .ttl::after {inline-size: min(555px,62%);inset: 111% 0 auto 0;}
#music .ttl2 {font-size: 1.5em;padding-inline-end: 1em;}
#music .ttl2::after {inline-size: min(940px,88%);}
#music .p_1 {line-height: 2;margin-block-end: 1.25em;}
#music .flex_item {inline-size: 100%;margin-block-end: 2.35em;padding-block-end: 2.25em;}
#music .middle_inner::after {inset: auto 0 -0.75em 0;}
#music .flex_item .link_side .text {font-size: 1.25em;}
#music .flex_item .link_side::after {inline-size: min(84px,4em);inset: auto 1.75em -1em auto;}
#music .flex_item .link_side:hover::after {inset: auto 1.5em -1em auto;}

#product .ttl {font-size: 1.5em;}
#product .item1 {inset: 0.5em 4% auto auto;inline-size: min(204px,18%);}
#product .item2 {inset: 0.65em auto auto 3.25%;inline-size: min(195px,14%);}
#product .link_online {font-size: 1.5em;margin-block-end: 1em;}
#product .link_box {margin-block-end: 3em;}
.product_list .product_item {inline-size: min(520px,100%);margin-inline: auto;margin-block-end: 4.5em;}
.product_list .product_item .item_name::after {inline-size: min(506px,97%);}
#product .column_top .ttl_side {inline-size: 96%;margin-inline: 2%;}
#product .column_top .img_side {inline-size: min(840px,100%);margin-block-start: 0;}
.product_list .product_item.dashed .item_link {font-size: 1.25em;}
#product .column_top .ttl_side .column_top_ttl {font-size: 1.75em;padding-block-end: 0.75em;margin-block-end: 1em;text-align: center;}
#product .column_top .ttl_side .link_online {margin-inline-start: auto;margin-block-end: 0;}
#product .text {margin-block: 1.95em 2em;}
.product_list .last_product_item {inline-size: 100%;aspect-ratio: 10 / 3;margin-inline: auto 0;}
.product_list .last_product_item .cat {inset: 0 0.75em auto auto;inline-size: min(619px,67%);}