@charset "UTF-8";

/* ------------------------------
  block-topics-detail
------------------------------ */
#block-topics-detail .detail_ttl h2 {color: #1A1A1A; font-weight: 700; letter-spacing: 0.075em;}
#block-topics-detail .detail_ttl .date {color: #4D4D4D; letter-spacing: 0.1em;}
#block-topics-detail .detail_content .editarea img {display: block; margin: auto;}
#block-topics-detail .detail_content .editarea h3 {font-weight: 700; letter-spacing: 0.075em;}
#block-topics-detail .detail_content .editarea p {color: #333; letter-spacing: 0.1em;}
#block-topics-detail .detail_content .btnarea .common-btn01 {margin: auto;}
#block-topics-detail .detail_side .btnarea .common-btn01 {margin: auto;}

/* ------------------------------
  block-unot
------------------------------ */
#block-unot {background-image: url(/img/concept/unot-bg.png); background-position: center bottom; background-repeat: no-repeat; background-color: #F1EBDD;}
#block-unot .unot_inner .detail {position: relative;}
#block-unot .unot_inner .detail::after {content: ""; position: absolute; background-image: url(/img/icon-exclamation.svg); background-size: 100% auto; background-repeat: no-repeat;}
#block-unot .unot_inner .detail .txt h4 {color: #666; font-weight: 700; letter-spacing: -0.075em;}
#block-unot .unot_inner .detail .txt h5 {color: #4D4D4D; font-weight: 700; letter-spacing: -0.01em;}
#block-unot .unot_inner .detail .txt p {margin-top: 2em; line-height: 1.7;}
#block-unot .unot_inner .sns {text-align: center;}
#block-unot .unot_inner .sns .instagram {display: inline-block;}
#block-unot .unot_inner .sns .instagram a {position: relative; display: inline-block; color: #4D4D4D; font-style: italic; font-weight: 700; text-align: left; line-height: 1;}
#block-unot .unot_inner .sns .instagram a::before {content: ""; position: absolute; top: 50%; left: 0; background: url(/img/icon-instagram.svg) left top / 100% auto no-repeat; transform: translateY(-50%);}

/* ------------------------------
  block-artwalet
------------------------------ */
#block-artwalet {background-repeat: no-repeat; background-color: #E6ECF2;}
#block-artwalet .artwalet_inner .detail .txt h4 {color: #666; font-weight: 700; letter-spacing: -0.075em;}
#block-artwalet .artwalet_inner .detail .txt h5 {color: #4D4D4D; font-weight: 700; letter-spacing: -0.01em;}
#block-artwalet .artwalet_inner .detail .txt p {margin-top: 1em; line-height: 1.7; text-align: justify;}
#block-artwalet .artwalet_inner .detail .txt .bottom {display: flex; align-items: center;}
#block-artwalet .artwalet_inner .detail .txt .bottom_right a {position: relative; display: inline-block; color: #4D4D4D; font-style: italic; font-weight: 700; text-align: left; line-height: 1;}
#block-artwalet .artwalet_inner .detail .txt .bottom_right a::before {content: ""; position: absolute; top: 50%; left: 0; background: url(/img/icon-instagram.svg) left top / 100% auto no-repeat; transform: translateY(-50%);}

/* ------------------------------
  block-concept
------------------------------ */
.block-concept {color: #fff;}
.block-concept .common-ttl01 {color: #fff;}
.block-concept .common-ttl01 .en {color: #fff;}
.block-concept .concept_ttl {font-weight: 700; text-align: center; line-height: 1; letter-spacing: -0.075em;}
.block-concept .concept_inner .box h4 {font-weight: 700; letter-spacing: 0.01em;}
.block-concept .concept_inner .box .txt {line-height: 1.7; text-align: justify;}

/* ------------------------------
  block-quality
------------------------------ */
#block-quality {background-image: url(/img/concept/quality-bg.jpg); background-position: center center; background-size: cover; background-repeat: no-repeat;}

/* ------------------------------
  block-artist
------------------------------ */
#block-artist {background-color: #F5F4EF;}
#block-artist .artist_ttl {color: #666; font-weight: 700; letter-spacing: -0.075em; text-align: center;}
#block-artist .artist_lead {text-align: center;}
#block-artist .artist_lead p {line-height: 1.7; letter-spacing: -0.01em;}
#block-artist .artist_lead small {display: block; margin-top: 1em;}
#block-artist .artist_list ul {display: flex; flex-wrap: wrap;}
#block-artist .artist_list ul > li {display: flex; flex-direction: column;}
#block-artist .artist_list ul > li .prof {position: relative; height: 0; margin: 0 auto; border-radius: 50%; overflow: hidden;}
#block-artist .artist_list ul > li .prof img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
#block-artist .artist_list ul > li .ttl {font-weight: 700; text-align: center; letter-spacing: 0.05em;}
#block-artist .artist_list ul > li .detail p {line-height: 1.7; text-align: justify;}
#block-artist .artist_list ul > li .detail p.name {font-weight: 700;}
#block-artist .artist_list ul > li .detail p a {color: #0071BC;}
#block-artist .artist_list ul > li .item {margin-top: auto;}

/* ------------------------------
  block-product-index
------------------------------ */
#block-product-index {background-color: #F3F5F9;}

/* ------------------------------
  block-product-detail
------------------------------ */
#block-product-detail .detail-ttl01 {color: #808080; font-weight: 700; line-height: 1; text-align: center; letter-spacing: -0.075em;}
#block-product-detail .detail-ttl02 {font-weight: 700; text-align: center; line-height: 1.1; letter-spacing: -0.01em;}
#block-product-detail .detail-subttl {color: #666; font-weight: 700; text-align: center;}
#block-product-detail .detail-lead {margin-top: 1em; color: #333; text-align: center; letter-spacing: 0.1em;}

#block-product-detail .detail_first .category {margin-top: 1em; color: #666; font-weight: 700; text-align: center; letter-spacing: 0.05em;}
#block-product-detail .detail_first .item .txt h4 {font-weight: 700; letter-spacing: -0.01em;}
#block-product-detail .detail_first .description .box {background-position: center center; background-size: cover;}
#block-product-detail .detail_first .description .box-toilet {background-image: url(/img/product/toilet-bg.jpg);}
#block-product-detail .detail_first .description .box .inner {color: #fff;}
#block-product-detail .detail_first .description .box .inner h4 {font-weight: 700; line-height: 1.25; letter-spacing: -0.01em;}
#block-product-detail .detail_first .description .box .inner p {margin-top: 1em;}

#block-product-detail .detail_select .select_list {display: flex; justify-content: center; flex-wrap: wrap;}
#block-product-detail .detail_select .select_list > li .img img {display: block; margin: auto;}
#block-product-detail .detail_select .select_list > li .inner h4 {color: #666; font-weight: 700;}
#block-product-detail .detail_select .select_message {color: #445B79; font-weight: 700; text-align: center;}
#block-product-detail .detail_select .select_btn .common-btn01 {margin: auto;}

#block-product-detail .detail_gift .detail-lead {max-width: 915px; margin: 1em auto 0; text-align: left;}
#block-product-detail .detail_gift .gift_ttl {color: #666; font-weight: 700; text-align: center;}
#block-product-detail .detail_gift .gift_list {display: flex; justify-content: center; flex-wrap: wrap;}
#block-product-detail .detail_gift .gift_list > li .inner h4 {color: #666; font-weight: 700; text-align: center;}
#block-product-detail .detail_gift .gift_list > li .inner p {margin-top: 1em;}
#block-product-detail .detail_gift .gift_img img {display: block; margin: auto;}
#block-product-detail .detail_gift .gift_btn .common-btn01 {margin: auto;}

#block-product-detail .detail_method .method_img img {display: block; margin: auto;}

#block-product-detail .detail_relieve .detail-lead {max-width: 740px; margin: 1em auto 0; text-align: left;}
#block-product-detail .detail_relieve .relieve_img img {display: block; margin: auto;}

#block-product-detail .detail_item .item_img img {display: block; margin: auto;}
#block-product-detail .detail_item .item_img figcaption {max-width: 885px; margin: auto; font-weight: 700; line-height: 1.6; text-align: left;}
#block-product-detail .detail_item .item_outer img {display: block; margin: auto;}

#block-product-detail .detail_artist {background-color: #F5F4EF;}
#block-product-detail .detail_artist .artist_list {display: flex; flex-wrap: wrap;}
#block-product-detail .detail_artist .artist_list .list .img {position: relative; width: 100%; height: 0; padding-top: 100%; border-radius: 50%; overflow: hidden;}
#block-product-detail .detail_artist .artist_list .list .img img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
#block-product-detail .detail_artist .artist_list .list .name {margin-top: 0.5em; color: #231815; font-weight: 700; text-align: center; letter-spacing: 0.05em;}

#block-product-detail .detail_explanation .explanation_main {position: relative;}
#block-product-detail .detail_explanation .explanation_main figure {position: relative; width: 100%; height: 0;}
#block-product-detail .detail_explanation .explanation_main figure img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
#block-product-detail .detail_explanation .explanation_main .catch {position: absolute; color: #fff; font-weight: 700;}
#block-product-detail .detail_explanation .explanation_txt .box-set {background-color: #F1F0EC;}
#block-product-detail .detail_explanation .explanation_txt .box h4 {color: #666; font-weight: 700;}
#block-product-detail .detail_explanation .explanation_txt .box .lead {margin-top: 0.5em; color: #445B79; font-weight: 700;}
#block-product-detail .detail_explanation .explanation_txt .box .img {text-align: center;}

#block-product-detail .detail_summary {background-color: #EDEDED;}
#block-product-detail .detail_summary .summary_inner {text-align: center;}
#block-product-detail .detail_summary .summary_inner .ttl {font-weight: 700; line-height: 1.1; letter-spacing: -0.01em;}
#block-product-detail .detail_summary .summary_inner .lead {margin-top: 0.5em; color: #666; font-weight: 700;}
#block-product-detail .detail_summary .summary_inner .txt {max-width: 560px; margin: 1em auto 0; text-align: left;}
#block-product-detail .detail_summary .summary_inner .merit {color: #445B79; font-weight: 700; line-height: 1.3; letter-spacing: -0.01em;}
#block-product-detail .detail_summary .summary_inner .company {margin-top: 1em; color: #666; font-weight: 700;}

/* ------------------------------
  block-lineup
------------------------------ */

@media (min-width: 1410px) {
  /* ------------------------------
    block-artwalet
  ------------------------------ */
  #block-artwalet {background-size: auto auto;}
}
@media (max-width: 1409px) {
  /* ------------------------------
    block-artwalet
  ------------------------------ */
  #block-artwalet {background-size: cover;}
}
@media (min-width: 1300px) {
  /* ------------------------------
    block-artwalet
  ------------------------------ */
  #block-artwalet {background-position: calc(50% + 160px) bottom;}
}
@media (max-width: 1299px) {
  /* ------------------------------
    block-artwalet
  ------------------------------ */
  #block-artwalet {background-position: right 30% bottom;}
}
@media (min-width: 1160px) {
  /* ------------------------------
    block-artist
  ------------------------------ */
  #block-artist .artist_list ul > li:nth-child(3n + 1)::before {content: ""; position: absolute; left: -69px; top: 0; width: 1134px; height: 1px; background-color: #B3B3B3;}
}
@media (max-width: 1159px) {
  /* ------------------------------
    block-artist
  ------------------------------ */
  #block-artist .artist_list ul > li:nth-child(3n + 1)::before {content: ""; position: absolute; left: -59px; top: 0; width: calc(100vw - 99px); height: 1px; background-color: #B3B3B3;}
}
@media (min-width: 1000px) {
  /* ------------------------------
    block-unot
  ------------------------------ */
  #block-unot {margin-top: 30px; padding-bottom: 650px; background-size: auto auto;}
  #block-unot > .container03 {padding-top: 100px;}
  #block-unot .unot_inner {max-width: 900px; margin: auto; padding-top: 40px;}
  #block-unot .unot_inner .logo {width: 234px; margin: 0 auto 120px;}
  #block-unot .unot_inner .detail::after {right: 8.3%; top: 50%; width: 72px; height: 377px; transform: translateY(-50%);}
  #block-unot .unot_inner .detail .txt {width: 58.9%;}
  #block-unot .unot_inner .detail .txt h4 {font-size: 8.2rem;}
  #block-unot .unot_inner .detail .txt h5 {margin-top: 30px; font-size: 4.5rem;}
  #block-unot .unot_inner .detail .txt p {font-size: 2.1rem;}
  #block-unot .unot_inner .sns {margin-top: 120px;}
  #block-unot .unot_inner .sns .instagram a {padding-left: 65px; font-size: 2.4rem;}
  #block-unot .unot_inner .sns .instagram a::before {width: 50px; height: 50px;}

  /* ------------------------------
    block-artwalet
  ------------------------------ */
  #block-artwalet {margin-top: 30px; background-image: url(/img/concept/artwalet-bg.jpg);}
  #block-artwalet > .container03 {padding: 100px 20px 175px;}
  #block-artwalet .artwalet_inner {max-width: 900px; margin: auto;}
  #block-artwalet .artwalet_inner > .logo {width: 348px; margin: 0 auto 90px;}
  #block-artwalet .artwalet_inner .detail .txt {width: 58.9%;}
  #block-artwalet .artwalet_inner .detail .txt h4 {font-size: 8.2rem;}
  #block-artwalet .artwalet_inner .detail .txt h5 {font-size: 4.5rem;}
  #block-artwalet .artwalet_inner .detail .txt p {font-size: 2.1rem;}
  #block-artwalet .artwalet_inner .detail .txt .bottom {margin-top: 50px;}
  #block-artwalet .artwalet_inner .detail .txt .bottom_img {width: 42.2%;}
  #block-artwalet .artwalet_inner .detail .txt .bottom_right {width: 40%; margin-left: 45px;}
  #block-artwalet .artwalet_inner .detail .txt .bottom_right a {padding-left: 65px; font-size: 1.8rem;}
  #block-artwalet .artwalet_inner .detail .txt .bottom_right a::before {width: 50px; height: 50px;}
  #block-artwalet .artwalet_inner .detail .txt .btnarea {display: flex; margin-top: 70px;}
  #block-artwalet .artwalet_inner .detail .txt .btnarea .common-btn01 + .common-btn01 {margin-left: 10px;}

  /* ------------------------------
    block-concept
  ------------------------------ */
  .block-concept > .container04 {padding: 70px 20px 180px;}
  .block-concept .common-ttl01 {margin-bottom: 130px;}
  .block-concept .concept_ttl {font-size: 8.2rem;}
  .block-concept .concept_inner {display: flex; justify-content: space-between; margin-top: 50px;}
  .block-concept .concept_inner .box {width: calc(50% - 30px);}
  .block-concept .concept_inner .box .sub {margin-bottom: 40px;}
  .block-concept .concept_inner .box .sub img {height: 40px;}
  .block-concept .concept_inner .box h4 {margin-bottom: 1em; font-size: 4.5rem;}
  .block-concept .concept_inner .box .txt {font-size: 2.1rem;}

  /* ------------------------------
    block-commit
  ------------------------------ */
  #block-commit {background-image: url(/img/concept/commit-bg.jpg); background-position: center bottom -150px; background-size: auto auto; background-repeat: no-repeat;}

  #block-quality .concept_ttl {text-align: left;}

  /* ------------------------------
    block-artist
  ------------------------------ */
  #block-artist .artist_list ul {padding: 0 69px; gap: 0 80px;}
  #block-artist .artist_list ul > li {width: calc((100% - 160px) / 3); padding: 70px 0;}
  #block-artist .artist_list ul > li:nth-child(3n + 1) {position: relative;}
  #block-artist .artist_list ul > li:nth-child(-n + 3)::before {content: none;}
  #block-artist .artist_list ul > li .prof {width: 77.7%; padding-top: 77.7%;}

  /* ------------------------------
    block-product-detail
  ------------------------------ */
  #block-product-detail .detail-ttl01 {margin-top: 30px; font-size: 15.7rem;}
  #block-product-detail .detail-ttl02 {font-size: 9.2rem;}
  #block-product-detail .detail-subttl {font-size: 3.5rem;}
  #block-product-detail .detail-lead {font-size: 1.8rem;}
  #block-product-detail .detail-inner {max-width: 1225px; padding: 0 20px; margin: auto;}

  #block-product-detail .detail_first {padding-top: 90px;}
  #block-product-detail .detail_first-edit {padding-top: 0;}
  #block-product-detail .detail_first .item .img {width: 50%;}
  #block-product-detail .detail_first .item .txt {width: calc(50% - 80px);}
  #block-product-detail .detail_first .common-ttl01 {margin-bottom: 0;}
  #block-product-detail .detail_first .category {font-size: 3.5rem;}
  #block-product-detail .detail_first .description {margin-top: 80px;}
  #block-product-detail .detail_first .description .box {position: relative;}
  #block-product-detail .detail_first .description .box .inner {position: absolute; left: 50px; bottom: 30px;}
  #block-product-detail .detail_first .description .box .inner h4 {font-size: 5.2rem;}
  #block-product-detail .detail_first .description .box .inner p {font-size: 2.1rem;}

  #block-product-detail .detail_select {padding: 70px 0 80px;}
  #block-product-detail .detail_select .select_list > li .inner {padding: 0 15px;}
  #block-product-detail .detail_select .select_list > li .inner h4 {font-size: 3.4rem;}
  #block-product-detail .detail_select .select_list > li .inner p {margin-top: 1em; font-size: 1.8rem;}
  #block-product-detail .detail_select .select_message {margin-top: 60px; font-size: 3.2rem;}
  #block-product-detail .detail_select .select_btn {margin-top: 25px;}

  #block-product-detail .detail_gift {padding: 80px 0 100px;}
  #block-product-detail .detail_gift .gift_ttl {margin-top: 50px; font-size: 2.6rem;}
  #block-product-detail .detail_gift .gift_list > li .inner h4 {font-size: 2.6rem;}
  #block-product-detail .detail_gift .gift_list > li .inner p {padding: 0 15px; font-size: 1.8rem;}
  #block-product-detail .detail_gift .gift_img {margin-top: 40px;}
  #block-product-detail .detail_gift .gift_btn {margin-top: 50px;}

  #block-product-detail .detail_method .method_img {margin-top: 50px;}

  #block-product-detail .detail_relieve {padding-top: 80px;}
  #block-product-detail .detail_relieve .relieve_img {margin-top: 40px;}

  #block-product-detail .detail_item {padding: 90px 0 80px;}
  #block-product-detail .detail_item .item_img {margin-top: 30px;}
  #block-product-detail .detail_item .item_img figcaption {margin-top: 40px; font-size: 2.2rem;}
  #block-product-detail .detail_item .item_outer {margin-top: 170px;}

  #block-product-detail .detail_explanation {max-width: 1410px; margin: 70px auto 0;}
  #block-product-detail .detail_explanation .explanation_txt .box h4 {font-size: 4rem;}
  #block-product-detail .detail_explanation .explanation_txt .box .lead {font-size: 3.2rem;}
  #block-product-detail .detail_explanation .explanation_txt .box .txt {font-size: 1.8rem;}
  #block-product-detail .detail_explanation .explanation_txt .box .img {margin-top: 40px;}
  #block-product-detail .detail_explanation .explanation_txt .box-set .img {max-width: 473px;}
  #block-product-detail .detail_explanation .explanation_txt .box-step .img {max-width: 455px;}

  #block-product-detail .detail_summary > .container02 {padding: 90px 20px;}
  #block-product-detail .detail_summary .summary_inner .ttl {font-size: 7.4rem;}
  #block-product-detail .detail_summary .summary_inner .lead {font-size: 3.4rem;}
  #block-product-detail .detail_summary .summary_inner .txt {font-size: 1.8rem;}
  #block-product-detail .detail_summary .summary_inner .merit {margin-top: 1em; font-size: 5.1rem;}
  #block-product-detail .detail_summary .summary_inner .company {font-size: 2.5rem;}
}
@media (max-width: 999px) {
  /* ------------------------------
    block-unot
  ------------------------------ */
  #block-unot {padding-bottom: 51.33333333333333%; background-size: 181.5% auto;}
  #block-unot > .container03 {padding-top: 40px;}
  #block-unot .unot_inner .logo {width: 98px; margin: 0 auto 40px; padding-top: 30px;}
  #block-unot .unot_inner .detail {padding-bottom: 100px;}
  #block-unot .unot_inner .detail::after {left: 50%; bottom: 0; width: 36px; height: 188px; transform: translateX(-50%);}
  #block-unot .unot_inner .detail .txt {position: relative; z-index: 1;}
  #block-unot .unot_inner .detail .txt h4 {font-size: 3.6rem; text-align: center;}
  #block-unot .unot_inner .detail .txt h5 {font-size: 2.2rem; text-align: center;}
  #block-unot .unot_inner .detail .txt p {padding: 0 20px; font-size: 1.3rem;}
  #block-unot .unot_inner .sns {margin-top: 30px;}
  #block-unot .unot_inner .sns .instagram a {padding-left: 35px; font-size: 1.2rem;}
  #block-unot .unot_inner .sns .instagram a::before {width: 25px; height: 25px;}

  /* ------------------------------
    block-artwalet
  ------------------------------ */
  #block-artwalet {padding-bottom: 62.4%; background-image: url(/img/concept/artwalet-bg-sp.jpg); background-position: center bottom;}
  #block-artwalet > .container03 {padding: 40px 20px 0;}
  #block-artwalet .artwalet_inner > .logo {width: 47.3%; margin: 0 auto 30px;}
  #block-artwalet .artwalet_inner .detail .txt {padding: 0 40px;}
  #block-artwalet .artwalet_inner .detail .txt h4 {font-size: 3.6rem; text-align: center;}
  #block-artwalet .artwalet_inner .detail .txt h5 {font-size: 2.2rem; text-align: center;}
  #block-artwalet .artwalet_inner .detail .txt .bottom {margin-top: 25px;}
  #block-artwalet .artwalet_inner .detail .txt .bottom_img {width: 42.2%; text-align: center;}
  #block-artwalet .artwalet_inner .detail .txt .bottom_right {width: 42%; margin-left: 12%;}
  #block-artwalet .artwalet_inner .detail .txt .btnarea {margin-top: 25px;}
  #block-artwalet .artwalet_inner .detail .txt .btnarea .common-btn01 {margin: auto;}
  #block-artwalet .artwalet_inner .detail .txt .btnarea .common-btn01 + .common-btn01 {margin-top: 10px;}

  /* ------------------------------
    block-concept
  ------------------------------ */
  .block-concept .common-ttl01 {margin-bottom: 40px;}
  .block-concept .concept_ttl {font-size: 3.8rem; margin-bottom: 30px;}
  .block-concept .concept_inner {padding: 0 40px;}
  .block-concept .concept_inner .box + .box {margin-top: 40px;}
  .block-concept .concept_inner .box .sub {margin-bottom: 10px; text-align: center;}
  .block-concept .concept_inner .box .sub img {height: 27px;}
  .block-concept .concept_inner .box h4 {margin-bottom: 1em; font-size: 2.3rem; text-align: center;}
  .block-concept .concept_inner .box .txt {font-size: 1.3rem;}

   /* ------------------------------
    block-commit
  ------------------------------ */
  #block-commit {background-image: url(/img/concept/commit-bg-sp.jpg); background-position: center bottom; background-size: 100% auto; background-repeat: no-repeat; background-color: #03A0A7;}
  #block-commit > .container04 {padding: 45px 20px 53.33333333333333%;}

  /* ------------------------------
    block-quality
  ------------------------------ */
  #block-quality > .container04 {padding: 45px 20px 69.33333333333333%;}

  /* ------------------------------
    block-artist
  ------------------------------ */
  #block-artist .artist_list ul {padding: 0 15px; gap: 0 25px;}
  #block-artist .artist_list ul > li {width: calc((100% - 25px) / 2); padding: 35px 0;}
  #block-artist .artist_list ul > li:nth-child(odd) {position: relative;}
  #block-artist .artist_list ul > li:nth-child(odd)::before {content: ""; position: absolute; left: 0; top: 0; width: calc(200% + 25px); height: 1px; background-color: #B3B3B3;}
  #block-artist .artist_list ul > li:nth-child(-n + 2)::before {content: none;}
  #block-artist .artist_list ul > li .prof {width: 82%; padding-top: 82%;}

  /* ------------------------------
    block-product-detail
  ------------------------------ */
  #block-product-detail .detail-ttl01 {font-size: 7.9rem;}
  #block-product-detail .detail-ttl02 {font-size: 5.5rem;}
  #block-product-detail .detail-subttl {font-size: 2.1rem;}
  #block-product-detail .detail-lead {font-size: 1.3rem;}
  #block-product-detail .detail-inner {padding: 40px 20px 0;}

  #block-product-detail .detail_first-edit .detail-inner {padding-top: 0;}
  #block-product-detail .detail_first .item .img {width: 50%;}
  #block-product-detail .detail_first .item .txt {width: 50%;}
  #block-product-detail .detail_first .category {font-size: 1.8rem;}
  #block-product-detail .detail_first .description {padding-left: 20px; margin-top: 50px;}
  #block-product-detail .detail_first .description .box .inner {width: 100%; height: 0; padding-top: 100%;}
  #block-product-detail .detail_first .description .box .inner .txt {position: absolute; left: 30px; bottom: 30px;}
  #block-product-detail .detail_first .description .box .inner h4 {font-size: 3.2rem;}
  #block-product-detail .detail_first .description .box .inner p {font-size: 1.3rem;}
  #block-product-detail .detail_first .description .slick-dots {margin-top: 30px; margin-right: 20px;}

  #block-product-detail .detail_select {padding-bottom: 50px;}
  #block-product-detail .detail_select .select_list {margin: 30px 15px 0;}
  #block-product-detail .detail_select .select_list > li .inner {padding: 0 10px;}
  #block-product-detail .detail_select .select_list > li .inner h4 {font-size: 2.1rem;}
  #block-product-detail .detail_select .select_list > li .inner p {margin-top: 0.5em; font-size: 1.2rem; line-height: 1.4;}
  #block-product-detail .detail_select .select_message {margin-top: 40px; font-size: 1.6rem; text-align: center;}
  #block-product-detail .detail_select .select_btn {margin-top: 15px;}

  #block-product-detail .detail_gift {padding-bottom: 50px;}
  #block-product-detail .detail_gift .gift_ttl {margin-top: 15px;}
  #block-product-detail .detail_gift .gift_list {margin: 30px 15px 0;}
  #block-product-detail .detail_gift .gift_list > li .inner h4 {font-size: 1.6rem;}
  #block-product-detail .detail_gift .gift_list > li .inner p {margin-top: 0.5em; font-size: 1.2rem; line-height: 1.4;}
  #block-product-detail .detail_gift .gift_img {margin-top: 20px;}
  #block-product-detail .detail_gift .gift_img img {max-width: 310px;}
  #block-product-detail .detail_gift .gift_btn {margin-top: 15px;}

  #block-product-detail .detail_method .method_img {margin-top: 30px;}
  #block-product-detail .detail_method .method_img img {max-width: 310px;}

  #block-product-detail .detail_item {padding: 65px 0 60px;}
  #block-product-detail .detail_item .item_img {margin-top: 25px;}
  #block-product-detail .detail_item .item_img figcaption {max-width: 270px; margin-top: 1em; font-size: 1.4rem;}
  #block-product-detail .detail_item .item_outer {margin-top: 80px;}
  #block-product-detail .detail_item .item_outer img {max-width: 256px;}

  #block-product-detail .detail_explanation {margin-top: 30px;}
  #block-product-detail .detail_explanation .explanation_txt .box h4 {font-size: 2.4rem;}
  #block-product-detail .detail_explanation .explanation_txt .box .lead {font-size: 1.6rem;}
  #block-product-detail .detail_explanation .explanation_txt .box .txt {margin-top: 1em; font-size: 1.2rem;}
  #block-product-detail .detail_explanation .explanation_txt .box .img {margin-top: 20px; text-align: center;}

  #block-product-detail .detail_summary > .container02 {padding: 60px 20px 50px;}
  #block-product-detail .detail_summary .summary_inner .ttl {font-size: 4.5rem;}
  #block-product-detail .detail_summary .summary_inner .lead {font-size: 2.1rem;}
  #block-product-detail .detail_summary .summary_inner .txt {padding: 0 30px; font-size: 1.2rem;}
  #block-product-detail .detail_summary .summary_inner .merit {margin-top: 0.5em; font-size: 3.1rem;}
  #block-product-detail .detail_summary .summary_inner .company {font-size: 1.5rem;}
}
@media (min-width: 768px) {
  /* ------------------------------
    block-topict-index
  ------------------------------ */
  #block-topict-index > .container03 {padding: 80px 20px;}

  /* ------------------------------
    block-topics-detail
  ------------------------------ */
  #block-topics-detail > .container03 {padding: 80px 20px 100px;}
  #block-topics-detail .detail_ttl {margin-bottom: 60px;}
  #block-topics-detail .detail_ttl h2 {font-size: 3.2rem;}
  #block-topics-detail .detail_ttl .date {font-size: 1.4rem;}
  #block-topics-detail .detail_wrap {display: flex; justify-content: space-between;}
  #block-topics-detail .detail_content {width: 55.9%;}
  #block-topics-detail .detail_content .editarea * + * {margin-top: 1.5em;}
  #block-topics-detail .detail_content .editarea h3 {font-size: 2.1rem;}
  #block-topics-detail .detail_content .editarea p {font-size: 1.8rem;}
  #block-topics-detail .detail_content .btnarea {margin-top: 60px;}
  #block-topics-detail .detail_side {width: 39.5%;}
  #block-topics-detail .detail_side .common-ttl01 {margin-bottom: 30px;}
  #block-topics-detail .detail_side .common-ttl01 .en {font-size: 3.4rem; line-height: 1.1;}
  #block-topics-detail .detail_side .common-list02 {display: block;}
  #block-topics-detail .detail_side .common-list02 > li {width: 100%; padding: 30px 20px;}
  #block-topics-detail .detail_side .common-list02 > li a .img {width: 56.9%;}
  #block-topics-detail .detail_side .common-list02 > li a .inner {margin-left: 20px;}
  #block-topics-detail .detail_side .common-list02 > li a .inner .ttl {font-size: 1.4rem;}
  #block-topics-detail .detail_side .common-list02 > li a .inner .date {font-size: 1.2rem;}
  #block-topics-detail .detail_side .btnarea {margin-top: 40px;}

  /* ------------------------------
    block-artist
  ------------------------------ */
  #block-artist {margin-top: 20px;}
  #block-artist > .container {padding: 100px 20px;}
  #block-artist .artist_ttl {font-size: 8.2rem;}
  #block-artist .artist_lead p {font-size: 2.7rem;}
  #block-artist .artist_lead small {font-size: 1.8rem;}
  #block-artist .artist_list {margin-top: 20px; padding: 0 13px;}
  #block-artist .artist_list ul > li .ttl {margin-top: 0.5em; font-size: 3rem;}
  #block-artist .artist_list ul > li .detail {margin: 40px 0 20px;}
  #block-artist .artist_list ul > li .detail p {font-size: 2.1rem;}
  #block-artist .artist_list ul > li .detail p.name {font-size: 2.6rem;}
  #block-artist .artist_list ul > li .item .img {text-align: center;}
  #block-artist .artist_list ul > li .item .common-btn01 {margin: 20px auto 0;}

  /* ------------------------------
    block-product-index
  ------------------------------ */
  #block-product-index > .container04 {padding: 85px 0;}
  #block-product-index .common-list03 {padding: 0 40px; margin-top: 80px;}

  /* ------------------------------
    block-product-detail
  ------------------------------ */
  #block-product-detail .detail_first .item {display: flex; justify-content: space-between; align-items: center; margin-top: 40px;}
  #block-product-detail .detail_first .item .img figure {text-align: right;}
  #block-product-detail .detail_first .item .txt {padding-top: 15px;}
  #block-product-detail .detail_first .item .txt h4 {font-size: 4.5rem;}
  #block-product-detail .detail_first .item .txt p {margin-top: 1em; font-size: 2.1rem;}
  #block-product-detail .detail_first .item .txt .common-btn01 {margin-top: 30px;}
  #block-product-detail .detail_first .description {display: flex;}
  #block-product-detail .detail_first .description .box {position: relative; width: 50%; height: 0; padding-top: 50%;}

  #block-product-detail .detail_select .select_list {gap: 0 20px; margin-top: 30px;}
  #block-product-detail .detail_select .select_list > li {width: calc((100% - 120px) / 4);}

  #block-product-detail .detail_gift .gift_list {gap: 0 40px; margin-top: 30px;}
  #block-product-detail .detail_gift .gift_list > li {width: calc((100% - 120px) / 4);}

  #block-product-detail .detail_method {padding: 30px 0;}

  #block-product-detail .detail_artist > .container02 {padding: 90px 20px 85px;}
  #block-product-detail .detail_artist .artist_list {gap: 35px;}
  #block-product-detail .detail_artist .artist_list .list {width: calc((100% - 175px) / 6); margin-top: 60px;}
  #block-product-detail .detail_artist .artist_btn {display: flex; justify-content: center; margin-top: 50px;}
  #block-product-detail .detail_artist .artist_btn .common-btn01 + .common-btn01 {margin-left: 10px;}

  #block-product-detail .detail_explanation .explanation_main figure {padding-top: 44.68085106382979%;}
  #block-product-detail .detail_explanation .explanation_main .catch {top: 120px; left: 50%; width: 50.4%; font-size: 3.4rem; transform: translateX(-50%);}
  #block-product-detail .detail_explanation .explanation_txt {display: flex;}
  #block-product-detail .detail_explanation .explanation_txt .box {width: 50%; padding: 80px 90px 60px;}

  /* ------------------------------
    block-lineup
  ------------------------------ */
  .block-lineup > .container {padding: 100px 20px 20px;}
  .block-lineup .common-list04 {margin: 0 13px;}
}
@media (max-width: 767px) {
  /* ------------------------------
    block-topict-index
  ------------------------------ */
  #block-topict-index > .container03 {padding: 40px 35px 90px;}

  /* ------------------------------
    block-topics-detail
  ------------------------------ */
  #block-topics-detail > .container03 {padding: 40px 35px 70px;}
  #block-topics-detail .detail_ttl {margin-bottom: 20px;}
  #block-topics-detail .detail_ttl h2 {font-size: 1.8rem;}
  #block-topics-detail .detail_ttl .date {font-size: 1.1rem;}
  #block-topics-detail .detail_content {padding-bottom: 35px;}
  #block-topics-detail .detail_content .editarea * + * {margin-top: 1em;}
  #block-topics-detail .detail_content .editarea h3 {font-size: 1.8rem;}
  #block-topics-detail .detail_content .editarea p {font-size: 1.4rem;}
  #block-topics-detail .detail_content .btnarea {margin-top: 20px;}
  #block-topics-detail .detail_side {padding-top: 40px; border-top: 1px solid #B3B3B3;}
  #block-topics-detail .detail_side .common-ttl01 {display: none;}
  #block-topics-detail .detail_side .common-list02 {display: none;}

  /* ------------------------------
    block-artist
  ------------------------------ */
  #block-artist > .container {padding: 45px 20px 25px;}
  #block-artist .artist_ttl {font-size: 3.6rem;}
  #block-artist .artist_lead p {font-size: 1.3rem;}
  #block-artist .artist_lead small {font-size: 1.3rem;}
  #block-artist .artist_list ul > li .ttl {font-size: 1.5rem; margin-top: 0.5em;}
  #block-artist .artist_list ul > li .detail {margin: 20px 0 15px;}
  #block-artist .artist_list ul > li .detail p {font-size: 1.2rem;}
  #block-artist .artist_list ul > li .detail p.name {font-size: 1.3rem;}
  #block-artist .artist_list ul > li .item .common-btn01 {width: 110px; height: 37px; margin: 0 auto; font-size: 1.2rem;}
  #block-artist .artist_list ul > li .item .common-btn01.store {padding-left: 20px;}
  #block-artist .artist_list ul > li .item .common-btn01.store::after {left: 12px; width: 18px; height: 17px;}

  /* ------------------------------
    block-product-index
  ------------------------------ */
  #block-product-index > .container04 {padding: 40px 20px 30px;}
  #block-product-index .common-list03 {padding: 0 15px;}

  /* ------------------------------
    block-product-detail
  ------------------------------ */
  #block-product-detail .detail_first .detail-inner {padding-left: 0; padding-right: 0;}
  #block-product-detail .detail_first .item {margin: 30px 15px 0; padding: 0 20px;}
  #block-product-detail .detail_first .item .img {width: 100%;}
  #block-product-detail .detail_first .item .txt {width: 100%; margin-top: 30px;}
  #block-product-detail .detail_first .item .txt h4 {font-size: 2.8rem;}
  #block-product-detail .detail_first .item .txt p {font-size: 1.3rem; line-height: 1.7;}
  #block-product-detail .detail_first .item .txt .common-btn01 {margin: 20px auto 0;}
  #block-product-detail .detail_first .description .box .inner {position: relative;}

  #block-product-detail .detail_select .select_list {gap: 20px 0;}
  #block-product-detail .detail_select .select_list > li {width: 50%;}

  #block-product-detail .detail_gift .gift_list {gap: 20px 0;}
  #block-product-detail .detail_gift .gift_list > li {width: 50%; padding: 0 15px;}
  #block-product-detail .detail_gift .gift_list > li .inner {padding: 0;}

  #block-product-detail .detail_relieve .detail-lead {max-width: 275px;}

  #block-product-detail .detail_artist > .container02 {padding: 60px 20px 50px;}
  #block-product-detail .detail_artist .artist_list {margin-top: 30px; gap: 20px 8px;}
  #block-product-detail .detail_artist .artist_list .list {width: calc((100% - 16px) / 3);}
  #block-product-detail .detail_artist .artist_list .list .name {font-size: 1.2rem;}
  #block-product-detail .detail_artist .artist_btn {margin-top: 25px;}
  #block-product-detail .detail_artist .artist_btn .common-btn01 {margin: auto;}
  #block-product-detail .detail_artist .artist_btn .common-btn01 + .common-btn01 {margin-top: 10px;}

  #block-product-detail .detail_explanation .explanation_main figure {padding-top: 100.9333333333333%;}
  #block-product-detail .detail_explanation .explanation_main .catch {top: 60px; left: 45px; font-size: 2.2rem;}
  #block-product-detail .detail_explanation .explanation_txt .box {padding: 50px 50px 40px;}

  /* ------------------------------
    block-lineup
  ------------------------------ */
  .block-lineup > .container {padding: 50px 20px 15px;}
  .block-lineup .common-list04 {margin: 0 9px;}
}