@charset "utf-8";
body {
 /*background-color: #FFF;*/
}
.iroiro_more .entry {
 max-width: 100% !important;
 color: #1a1a1a;
 padding: 0 25px 60px;
}
.page-id-96606 #mainvisual {
 overflow: hidden;
 width: 100%;
 height: 100%;
 aspect-ratio: 75 / 83;
 background: url("../images/iroiro/mein-iroiro-sp.jpg") no-repeat 50% 50%;
 background-size: cover;
}
.page-id-96606 #mainvisual div {
 display: none;
}
h2.logoImg {
 text-align: center;
 margin: 0 !important;
 padding: 60px 0 40px;
}
h2.logoImg img {
 display: block;
 margin: 0 auto;
 width: auto;
 height: 16px;
}
.iroiro_more hr {
 max-width: 1080px;
 margin: 50px auto 70px;
 border-top: 1px dotted #1a1a1a;
}
.iroiro_more .entry img {
 display: block;
}
.iroiro_more .entry .blank_2 {
 margin-bottom: 110px;
}
.iroiro_more .entry .sub_heading {
 font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
 font-size: 10px;
 color: #808080;
 text-align: center;
 line-height: 1;
 margin: 0 0 10px;
}
.iroiro_more .entry .flexbox, .iroiro_more .entry p {
 max-width: 1080px;
 margin: 0 auto;
}
.iroiro_more .entry h3, .iroiro_more .entry h4 {
 font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
 text-align: center;
 font-weight: bold;
 line-height: 1;
}
.iroiro_more .entry .sub_heading + h3 {
 font-size: 14px;
 margin: 0 0 35px;
}
.iroiro_more .entry .wp-block-columns {
 max-width: 1080px;
 margin: 0 auto;
}
/* iroiro_primary */
.iroiro_more .entry .anchorBtn {
 padding: 25px 0 0;
 gap: 10px;
}
.iroiro_more .entry .anchorBtn li {
 font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
 width: calc(100% / 2 - 5px);
 height: 70px;
 margin: 0;
 background-position: 50% 50%;
 background-repeat: no-repeat;
 background-size: cover;
}
.iroiro_more .entry .anchorBtn li:first-child {
 background-image: url("../images/iroiro/bg_anchor_01.jpg");
}
.iroiro_more .entry .anchorBtn li:nth-child(2) {
 background-image: url("../images/iroiro/bg_anchor_02.jpg");
}
.iroiro_more .entry .anchorBtn li:nth-child(3) {
 background-image: url("../images/iroiro/bg_anchor_03.jpg");
}
.iroiro_more .entry .anchorBtn li:nth-child(4) {
 background-image: url("../images/iroiro/bg_anchor_04.jpg");
}
.iroiro_more .entry .anchorBtn li a {
 font-size: 10px;
 display: flex;
 align-items: center;
 justify-content: center;
 width: 100%;
 height: 100%;
 color: #000;
}
.iroiro_more .entry .anchorBtn li a::before {
 content: '';
 margin: -2px 5px 0 0;
 width: 4px;
 height: 4px;
 border-top: 1px solid #000;
 border-right: 1px solid #000;
 -webkit-transform: rotate(135deg);
 transform: rotate(135deg);
}
.iroiro_more .entry .iroiro_primary p {
 text-align: center;
}
/* iroiro_secondary */
/* iroiro_step */
.iroiro_more .entry .iroiro_step h4 {
 margin: 80px 0 10px;
 text-align: center;
}
.iroiro_more .entry .iroiro_step p {
 text-align: center;
}
.iroiro_more .entry .iroiro_step h4 + p {
 margin-bottom: 10px;
 line-height: 1;
 font-weight: bold;
}
.iroiro_more .entry .iroiro_step .flexbox {
 padding-top: 40px;
}
.iroiro_more .entry .iroiro_step .step2 {
 padding-top: 20px;
}
.iroiro_more .entry .iroiro_step .step2_first {
 padding-top: 40px;
}
.iroiro_more .entry .iroiro_step .step5 {
 padding-top: 20px;
}
.iroiro_more .entry .iroiro_step .step5_first {
 padding-top: 40px;
}
.iroiro_more .entry .iroiro_step .step1 li img, .iroiro_more .entry .iroiro_step .step3 li img, .iroiro_more .entry .iroiro_step .step4 li img {
 margin-bottom: 8px;
}
.iroiro_more .entry .iroiro_step .flexbox li p {
 font-size: 10px;
}
.iroiro_more .entry .iroiro_step .step1 li {
 width: 48%;
 margin: 0 4% 0 0;
}
.iroiro_more .entry .iroiro_step .step1 li:nth-child(2n) {
 margin-right: 0;
}
.iroiro_more .entry .iroiro_step .step1 li p {
 line-height: 1;
 margin: 0;
}
.iroiro_more .entry .iroiro_step .step3 li {
 margin-bottom: 30px;
}
.iroiro_more .entry .iroiro_step .step3 li:nth-child(2n) {
 margin-right: 0;
}
.iroiro_more .entry .iroiro_step .step3 li p {
 color: #808080;
 margin: 0;
 padding-top: 5px;
 line-height: 1;
 text-align: left;
}
.iroiro_more .entry .iroiro_step .step3 li p:nth-child(2) {
 color: #000;
 padding-top: 0;
}
.iroiro_more .entry .iroiro_step .step3 .slideDoun {
 display: none;
}
.iroiro_more .entry .iroiro_step .step3_acc {
 width: 100%;
 position: relative;
}
.iroiro_more .entry .acBtn {
 width: 100% !important;
 height: 130px;
 line-height: 1;
 margin: 0 !important;
 padding-top: 30px;
 position: absolute;
 bottom: 0;
 left: 0;
 z-index: 1;
 text-align: center;
 background: rgb(255, 255, 255);
 background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 20%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 100%);
}
.iroiro_more .entry .acBtn::after {
 font-family: 'icomoon';
 vertical-align: middle;
 content: "\e904";
 margin-left: .5em;
}
.iroiro_more .entry .iroiro_step .step4 li {
 margin-bottom: 30px;
}
.iroiro_more .entry .iroiro_step .step4 li p {
 line-height: 1;
 text-align: left;
}
.iroiro_more .entry .iroiro_method {
 margin-bottom: 40px;
}
.iroiro_method .wp-block-columns {
 padding-top: 45px;
}
.iroiro_method .wp-block-columns .wp-block-column {
 margin: 0 !important;
}
.iroiro_method .wp-block-columns .wp-block-column:nth-child(2) {
 padding-top: 30px;
}
.iroiro_more .entry .iroiro_shop {
 margin-bottom: 90px;
}
.iroiro_more .entry .iroiro_shop h3 {
 margin: 0 0 50px;
}
.iroiro_more .entry .iroiro_shop .wp-block-image {
 margin-bottom: 1rem;
}
.iroiro_more .entry .iroiro_shop .wp-block-image a {
 pointer-events: none;
}
.iroiro_more .entry .iroiro_shop h3 + p {
 text-align: center;
 font-size: 10px;
 margin-bottom: 15px;
}
.iroiro_shop .shop_link .wp-block-column {
 margin: 0 !important;
}
.iroiro_shop .shop_link .wp-block-column p {
 margin: 0;
 font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}
.iroiro_more .entry .border p{
 font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}
.iroiro_shop .shop_link .wp-block-column:first-child p {
 padding-left: 10px;
}
.iroiro_shop .shop_link .wp-block-column:nth-child(2) p.btn a {
 width: 100%;
 text-align: center;
 position: relative;
}
.iroiro_shop .shop_link .wp-block-column:nth-child(2) p.btn a::after {
 position: absolute;
 top: 8px;
 right: 15px;
}
.iroiro_more .border a {
 color: #000;
}
/* -- swiper */
.swiper-scrollbar {
 width: 100%;
 max-width: 1080px;
 background-color: #e7e7e7;
 height: 4px !important;
 /*border-radius: 99em;*/
}
.swiper-scrollbar-drag {
 background-color: #808080;
 height: 4px !important;
 border-radius: 2px;
}
.swiper_container .thumb {
 cursor: pointer;
}
.iroiro_more .swiper_container {
 max-width: 1080px;
 margin: 0 auto;
 padding: 35px 0 0;
 position: relative;
}
.iroiro_more .swiper-wrapper {
 padding-bottom: 15px;
}
.iroiro_more .swiper_iroiro {
 overflow: visible !important;
}
.swiper_iroiro_1 .swiper-slide {
 width: 240px;
}
.swiper_iroiro_2 .swiper-slide {
 width: 150px;
}
.swiper_iroiro_2 .thumb {
 margin-bottom: 15px;
}
.entry .swiper_iroiro_2 .swiper-slide p {
 font-size: 10px;
 line-height: 1;
 color: #1a1a1a;
}
/* -- modal */
.iroiro-color .close_i {
 /*top: 25px*/
 top: 20px;
}
.iroiro-price .close_i {
 top: 25px
}
/* == iroiro-color */
.iroiro_more .close_i::before, .iroiro_more .close_i::after {
 background-color: #666666;
}
.modal.iroiro-color {
 background-color: rgba(0, 0, 0, 0);
 -webkit-backdrop-filter: blur(6px);
 backdrop-filter: blur(6px);
 height: 70%;
 top: 15%;
 box-shadow: 0 0 10px #999;
}
@media print, screen and (max-width: 380px) {
 .modal.iroiro-color {
  height: 86%;
  top: 7%;
 }
 .iroiro-price .close_i {
  top: 15px
 }
}
@media print, screen and (max-width: 375px) {
 .modal.iroiro-color {
  height: 90%;
  top: 5%;
 }
 .iroiro-price .close_i {
  top: 15px
 }
}
@media print, screen and (max-width: 350px) {
 .modal.iroiro-color {
  height: 100%;
  top: 0;
 }
 .iroiro-price .close_i {
  top: 15px
 }
}
.iroiro-color .modal__bg {
 width: 100%;
 height: 100%;
 background: rgba(255, 255, 255, 0.65);
}
.iroiro-color .modal__content {
 padding: 5% 8.6% 10%;
 /*padding: 5% 8.6% 0;*/
 width: 82%;
 max-height: 100%;
 overflow: inherit;
 display: flex;
 justify-content: center;
 align-items: center;
}
@media print, screen and (max-width: 399px) {
 .iroiro-color .modal__content {
  /* max-height: 86%;*/
 }
}
#iroiro-color-1 .modal__content {
 background: rgba(142, 154, 171, 0.9);
}
#iroiro-color-2 .modal__content {
 background: rgba(254, 238, 237, 0.9);
}
#iroiro-color-3 .modal__content {
 background: rgba(248, 180, 0, 0.9);
}
#iroiro-color-4 .modal__content {
 background: rgba(187, 188, 191, 0.9);
}
#iroiro-color-5 .modal__content {
 background: rgba(238, 187, 203, 0.9);
}
#iroiro-color-6 .modal__content {
 background: rgba(242, 242, 176, 0.9);
}
#iroiro-color-7 .modal__content {
 background: rgba(224, 146, 133, 0.9);
}
#iroiro-color-8 .modal__content {
 background: rgba(232, 236, 239, 0.9);
}
#iroiro-color-9 .modal__content {
 background: rgba(244, 221, 165, 0.9);
}
#iroiro-color-10 .modal__content {
 background: rgba(241, 144, 114, 0.9);
}
.iroiro-color .modal__inner {
 width: 100%;
 margin-top: 0;
 margin-bottom: 0;
 padding: 0;
}
.entry .iroiro-color .modal__inner p {
 font-size: 10px;
 line-height: 1.8;
}
.color_name img {
 display: block;
 margin: 0 auto;
 width: auto;
 height: 105px
}
.color_thumb {
 padding: 25px 0 0;
}
.color_thumb img {
 display: block;
 margin: 0 auto;
 width: 100%;
 object-fit: cover;
 aspect-ratio: 6/5;
}
/* == iroiro-price */
.modal.iroiro-price {
 background-color: rgba(0, 0, 0, 0);
 -webkit-backdrop-filter: blur(6px);
 backdrop-filter: blur(6px);
 /*height: 50%;top: 25%;*/
 height: 50%;
 top: 25%;
 box-shadow: 0 0 10px #999;
}
@media print, screen and (max-width: 380px) {
 .modal.iroiro-price {
  height: 60%;
  top: 20%;
 }
}
@media print, screen and (max-width: 340px) {
 .modal.iroiro-price {
  height: 70%;
  top: 15%;
 }
}
.iroiro-price .modal__bg {
 width: 100%;
 height: 100%;
 background: rgba(255, 255, 255, 0.65);
}
.iroiro-price .modal__content {
 background-color: transparent !important;
 /*padding: 0 15%;width: 100%;*/
 padding: 0;
 width: 70%;
 height: 100%;
 display: flex;
 justify-content: center;
 align-items: center;
 flex-wrap: wrap;
 overflow: inherit;
}
.iroiro-price .modal__inner {
 width: 100%;
 margin-top: 0;
 margin-bottom: 0;
}
.price_thumb {
 width: 100%;
 margin-bottom: 15px;
}
.entry .iroiro-price .modal__inner p {
 width: 100%;
 font-size: 10px;
 line-height: 1;
 margin-bottom: .5rem;
}
.swiper_container.pointer-events .js-modal-open {
 pointer-events: none;
}
/* ********************************************************************** */
/* ********************************************************************** */
@media print, screen and (min-width: 768px) {
 @media print, screen and (min-width: 768px) {
  .page-id-96606 #mainvisual {
   height: 630px;
   aspect-ratio: initial;
   background-image: none;
  }
  .page-id-96606 #mainvisual div {
   display: block;
  }
  .iroiro_more .entry {
   padding: 0 0 85px;
  }
  .iroiro_more hr {
   margin: 160px auto 90px;
  }
  .iroiro_more .entry .flexbox, .iroiro_more .entry p {
   font-size: 14px;
  }
  .iroiro_more .entry .blank_2 {
   margin-bottom: 170px;
  }
  .iroiro_more .entry .sub_heading {
   width: 100% !important;
   max-width: 100% !important;
   font-size: 14px;
   margin: 0 0 20px;
  }
  .iroiro_more .entry .sub_heading + h3 {
   font-size: 22px;
   margin: 0 0 70px;
  }
  h2.logoImg {
   padding: 95px 0 70px;
  }
  h2.logoImg img {
   height: 42px;
  }
  /* iroiro_primary */
  .iroiro_more .entry .anchorBtn {
   padding: 90px 0 0;
   justify-content: space-between;
   gap: 0;
  }
  .iroiro_more .entry .anchorBtn li {
   width: 250px;
   height: 120px;
  }
  .iroiro_more .entry .anchorBtn li a {
   font-size: 20px;
  }
  .iroiro_more .entry .anchorBtn li a::before {
   margin: -5px 10px 0 0;
   width: 10px;
   height: 10px;
  }
  .iroiro_more .entry .iroiro_primary .wp-block-column {
   /*padding: 0 15px;*/
  }
  .iroiro_more .entry .iroiro_primary p {
   font-size: 18px;
   line-height: 3;
  }
  /* iroiro_secondary */
  .entry .iroiro_secondary p {
   max-width: 46em;
   line-height: 1.8;
   margin-bottom: 25px;
  }
  /* iroiro_step */
  .entry .iroiro_step p {
   max-width: 39em;
   line-height: 1.8;
   margin-bottom: 0;
  }
  .iroiro_more .entry .iroiro_step h4 {
   margin: 160px 0 24px;
   font-size: 20px;
  }
  .iroiro_more .entry .iroiro_step h4 + p {
   margin-bottom: 30px;
   font-size: 16px;
  }
  .iroiro_more .entry .iroiro_step .step2 {
   padding-top: 40px;
  }
  .iroiro_more .entry .iroiro_step .step2_first {
   padding-top: 80px;
  }
  .iroiro_more .entry .iroiro_step .step5 {
   padding-top: 40px;
  }
  .iroiro_more .entry .iroiro_step .step5_first {
   padding-top: 80px;
  }
  .iroiro_more .entry .iroiro_step .step1 li img, .iroiro_more .entry .iroiro_step .step3 li img, .iroiro_more .entry .iroiro_step .step4 li img {
   margin-bottom: 20px;
  }
  .iroiro_more .entry .iroiro_step .flexbox li p {
   font-size: 14px;
  }
  .iroiro_more .entry .iroiro_step .flexbox {
   padding-top: 80px;
  }
  .iroiro_more .entry .iroiro_step .step1 {
   width: 840px;
   gap: 40px;
  }
  .iroiro_more .entry .iroiro_step .step1 li {
   width: 400px;
   margin: 0;
  }
  .iroiro_more .entry .iroiro_step .step1 li p {
   line-height: 1;
   margin: 0;
  }
  .iroiro_more .entry .iroiro_step .step3 {
   width: 1000px;
   gap: 20px;
  }
  .iroiro_more .entry .iroiro_step .step3 li {
   width: 320px;
   margin: 0 0 40px;
  }
  .iroiro_more .entry .iroiro_step .step3 li p {
   padding-top: 10px;
   font-size: 12px;
  }
  .iroiro_more .entry .iroiro_step .step3 li p:nth-child(2) {
   font-size: 14px;
  }
  .iroiro_more .entry .iroiro_step .step3 .slideDoun {
   display: block;
  }
  .iroiro_more .entry .acBtn {
   display: none;
  }
  .iroiro_more .entry .iroiro_step .step4 {
   width: 1000px;
   gap: 20px;
  }
  .iroiro_more .entry .iroiro_step .step4 li {
   width: 320px;
   margin: 0 0 40px;
  }
  .iroiro_more .entry .iroiro_method {
   margin-bottom: 80px;
   max-width: 1020px;
  }
  .iroiro_method .wp-block-columns {
   padding-top: 0;
   justify-content: space-between !important;
   /*align-items: center !important;*/
   gap: 55px !important;
  }
  .iroiro_method .wp-block-columns .wp-block-column:first-child {
   flex-grow: 1 !important;
   flex-basis: 520px !important;
  }
  .iroiro_method .wp-block-columns .wp-block-column:nth-child(2) {
   padding-top: 0;
   flex-grow: 1 !important;
   flex-basis: 445px !important;
  }
  .iroiro_method .wp-block-columns .wp-block-column:first-child img {
   margin: 0 !important;
  }
  .iroiro_method .wp-block-columns .wp-block-column:nth-child(2) p {
   line-height: 2.1;
  }
  .iroiro_method .wp-block-columns .wp-block-column:nth-child(2) p:not(:last-child) {
   margin-bottom: 30px;
  }
  .iroiro_more .entry .iroiro_shop {
   max-width: 850px;
   margin-bottom: 160px;
  }
  .iroiro_more .entry .iroiro_shop h3 {
   font-size: 22px;
   margin: 0 0 40px;
  }
  .iroiro_more .entry .iroiro_shop h3 + p {
   font-size: 14px;
   margin-bottom: 60px;
  }
  .iroiro_shop .shop_link {
   gap: 0;
   align-items: center !important;
  }
  .iroiro_shop .shop_link .wp-block-column {
   flex-basis: 50% !important;
  }
  .iroiro_shop .shop_link .wp-block-column p,.iroiro_more .entry .border p {
   font-size: 18px!important;
  }


  .iroiro_shop .shop_link .wp-block-column:nth-child(2) {
   text-align: right;
  }
  .iroiro_shop .shop_link .wp-block-column:first-child p {
   padding-left: 25px;
  }
  .iroiro_shop .shop_link .wp-block-column:nth-child(2) p.btn a {
   width: auto;
  }
  /* -- swiper */
  .swiper-scrollbar {
   height: 6px !important;
  }
  .swiper-scrollbar-drag {
   background-color: #808080;
   height: 6px !important;
   border-radius: 3px;
  }
  .iroiro_more .swiper_container {
   padding: 50px 0 0;
  }
  .iroiro_more .swiper-wrapper {
   padding-bottom: 40px;
  }
  .swiper_iroiro_1 .swiper-slide:hover img, .swiper_iroiro_2 .swiper-slide:hover img {
   opacity: .5;
   transition: .5s;
  }
  .swiper_container.pointer-events .swiper_iroiro_1 .swiper-slide:hover img, .swiper_container.pointer-events .swiper_iroiro_2 .swiper-slide:hover img {
   opacity: 1;
  }
  .swiper_iroiro_1 .swiper-slide {
   width: 320px;
  }
  .swiper_iroiro_2 .swiper-slide {
   width: 300px;
  }
  .swiper_iroiro_2 .thumb {
   /*margin-bottom: 15px;*/
  }
  .entry .swiper_iroiro_2 .swiper-slide p {
   font-size: 14px;
  }
  /* -- modal */
  .iroiro-color .close_i {
   top: 25px
  }
  .iroiro-price .close_i {
   top: 25px
  }
  /* iroiro-price */
  .iroiro_more .modal.iroiro-color {
   width: 880px;
   height: 620px;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
  }
  .iroiro-color .modal__content {
   padding: 0;
   width: 700px;
   height: 480px;
   max-height: 480px;
   display: flex;
   justify-content: center;
   align-items: center;
  }
  .iroiro-color .modal__inner {
   display: flex;
   flex-wrap: nowrap;
   margin: 0;
  }
  .iroiro-color .modal__inner div:first-child {
   width: 340px;
   padding-left: 50px;
  }
  .iroiro-color .modal__inner div.color_thumb {
   width: 360px;
  }
  .entry .iroiro-color .modal__inner p {
   font-size: 14px;
  }
  .color_name img {
   width: 84px;
   height: auto;
  }
  .color_thumb {
   padding: 0;
  }
  .color_thumb img {
   width: 300px;
   height: auto;
   margin: 0 auto !important;
   aspect-ratio: 3/4;
  }
  /* iroiro-price */
  .modal.iroiro-price {
   width: 880px;
   height: 620px;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
  }
  .iroiro-price .modal__content {
   padding: 0;
   width: 450px;
   display: flex;
   justify-content: center;
   align-items: center;
   flex-wrap: wrap;
  }
  .price_thumb {
   width: 100%;
   margin-bottom: 15px;
  }
  .entry .iroiro-price .modal__inner p {
   font-size: 14px;
   margin-bottom: .5rem;
  }
  /*  
  .swiper_container::before{
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: #f00;
    position: absolute;top: 0; left: -100%; z-index: 10;      
  }
  */
 }