@charset "UTF-8";
/*--------------------------------------------------
  Gallery Page
--------------------------------------------------*/
#Planner_Wall h2.Gallery_Ttl {
  width: 8.125915vw; /* 111px */
  display: block;
  position: relative;
  margin: 0 auto 14.641289vw auto; /* 200px */
  text-align: center;
}
#Planner_Wall h2.Gallery_Ttl:after {
  content: '';
  position: absolute;
  width: 1px; /* 1px */
  height: 4.246706vw; /* 58px */
  background-color: #231815;
  left: 50%;
  bottom: -8.784773vw; /* 120px */
  transform: translateX(-50%);
}
#Planner_Wall .Gallery_BG_wrap {
  padding-bottom: 10.248902vw; /* 140px */
}
#Planner_Wall ._PL_main_wrap._PL_bottom_0 {
  padding-bottom: 0;
}
@media screen and (max-width: 750px) {
  #Planner_Wall h2.Gallery_Ttl {
    width: 28.607595vw; /* 113px */
    margin-bottom: 50.632911vw; /* 200px */
  }
  #Planner_Wall h2.Gallery_Ttl:after {
    content: '';
    position: absolute;
    width: 1px;
    height: 14.683544vw; /* 58px */
    bottom: -30.379747vw; /* 120px */
  }
  #Planner_Wall .Gallery_BG_wrap {
    padding-bottom: 0;
  }
  #Planner_Wall ._PL_main_wrap._PL_bottom_0 {}
}
/* .Gallery_wrap */
#Planner_Wall .Gallery_wrap {
  scroll-margin-top: 8.052709vw; /* 62px + 48px = 110px */
  margin: 21.961933vw 0 0 0; /* 300px */
}
#Planner_Wall .Gallery_wrap.fast_line {
  margin-top: 0;
}
@media screen and (max-width: 750px) {
  #Planner_Wall .Gallery_wrap {
    scroll-margin-top: 19.240506vw; /* 46px + 30px = 76px */
    margin-top: 25.316455vw; /* 100px */
  }
  #Planner_Wall .Gallery_wrap.fast_line {
    margin-top: 0;
  }
}
#Planner_Wall {}
@media screen and (max-width: 750px) {
  #Planner_Wall {}
}
/* --- レイアウト表示 --- */
#Planner_Wall .gallery {
  display: flex;
  justify-content: space-between;
  width: 80.527086vw; /* 1100px */
  flex-wrap: wrap;
  margin: 0 auto;
}
#Planner_Wall .item {
  overflow: hidden;
}
#Planner_Wall .item a {
  opacity: 1;
  cursor: pointer;
  transition: all 0.3s ease;
}
#Planner_Wall .item a:hover {
  opacity: 0.7;
}
#Planner_Wall .item img {
  width: 100%;
  height: auto;
  object-fit: cover;
  margin: 0.146413vw 0; /* 2px */
}
#Planner_Wall .item_2l {
  padding: 0;
}
/* 画像 */
#Planner_Wall .GR_CaseLink_01 {
  width: 80.527086vw; /* 1100px */
}
#Planner_Wall .GR_CaseLink_02 {
  width: 42.459737vw; /* 580px */
}
#Planner_Wall .GR_CaseLink_03 {
  width: 37.774524vw; /* 516px */
}
#Planner_Wall .GR_CaseLink_04 {
  width: 37.774524vw; /* 516px */
}
#Planner_Wall .GR_CaseLink_05 {
  width: 36.310395vw; /* 496px */
}
#Planner_Wall .GR_CaseLink_06 {
  width: 36.310395vw; /* 496px */
}
#Planner_Wall .GR_CaseLink_07 {
  width: 43.923865vw; /* 600px */
}
#Planner_Wall .GR_CaseLink_08 {
  width: 80.527086vw; /* 1100px */
}
#Planner_Wall .GR_CaseLink_09 {
  width: 43.923865vw; /* 600px */
}
#Planner_Wall .GR_CaseLink_10 {
  width: 36.310395vw; /* 496px */
}
#Planner_Wall .GR_CaseLink_11 {
  width: 36.310395vw; /* 496px */
}
#Planner_Wall .GR_CaseLink_12 {
  width: 80.527086vw; /* 1100px */
}
#Planner_Wall .GR_CaseLink_13 {
  width: 40.263543vw; /* 550px */
}
#Planner_Wall .GR_CaseLink_14 {
  width: 39.970718vw; /* 546px */
}
#Planner_Wall .GR_CaseLink_15 {
  width: 39.970718vw; /* 546px */
}
#Planner_Wall .GR_CaseLink_16 {
  width: 80.527086vw; /* 1100px */
}
@media screen and (max-width: 750px) {
  #Planner_Wall .gallery {
    display: flex;
    justify-content: space-between;
    width: 89.873418vw; /* 355px */
    flex-wrap: wrap;
    margin: 0 auto;
  }
  #Planner_Wall .item {
    overflow: hidden;
  }
  #Planner_Wall .item a {
    opacity: 1;
    cursor: pointer;
    transition: all 0.3s ease;
  }
  #Planner_Wall .item a:hover {
    opacity: 0.7;
  }
  #Planner_Wall .item img {
    width: 100%;
    height: auto;
    object-fit: cover;
    margin: 2px 0;
  }
  #Planner_Wall .item_2l {
    padding: 0;
  }
  /* 画像 */
  #Planner_Wall .GR_CaseLink_01 {
    width: 89.873418vw; /* 355px */
  }
  #Planner_Wall .GR_CaseLink_02 {
    width: 47.088608vw; /* 186px */
  }
  #Planner_Wall .GR_CaseLink_03 {
    width: 41.772152vw; /* 165px */
  }
  #Planner_Wall .GR_CaseLink_04 {
    width: 41.772152vw; /* 165px */
  }
  #Planner_Wall .GR_CaseLink_05 {
    width: 40.253165vw; /* 159px */
  }
  #Planner_Wall .GR_CaseLink_06 {
    width: 40.253165vw; /* 159px */
  }
  #Planner_Wall .GR_CaseLink_07 {
    width: 48.607595vw; /* 192px */
  }
  #Planner_Wall .GR_CaseLink_08 {
    width: 89.873418vw; /* 355px */
  }
  #Planner_Wall .GR_CaseLink_09 {
    width: 48.607595vw; /* 192px */
  }
  #Planner_Wall .GR_CaseLink_10 {
    width: 40.253165vw; /* 159px */
  }
  #Planner_Wall .GR_CaseLink_11 {
    width: 40.253165vw; /* 159px */
  }
  #Planner_Wall .GR_CaseLink_12 {
    width: 89.873418vw; /* 355px */
  }
  #Planner_Wall .GR_CaseLink_13 {
    width: 44.556962vw; /* 176px */
  }
  #Planner_Wall .GR_CaseLink_14 {
    width: 44.303797vw; /* 175px */
  }
  #Planner_Wall .GR_CaseLink_15 {
    width: 44.303797vw; /* 175px */
  }
  #Planner_Wall .GR_CaseLink_16 {
    width: 89.873418vw; /* 355px */
  }
}
/*--------------------------------------------------
  モーダル
--------------------------------------------------*/
.pdf_modal {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.7);
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  visibility: hidden;
  transition: 0.5s;
  z-index: 500;
  padding: 24px;
}
.pdf_modal.active {
  opacity: 1;
  visibility: visible;
}
.pdf_modal_inner {
  width: min(1100px, calc(100vw - 48px)); /* 1100px */
  height: min(80vh, calc(100vh - 80px));
  background: #fff;
  position: relative;
}
.pdf_modal iframe {
  width: 100%;
  height: 100%;
  border: none;
  display: block;
}
.pdf_close {
  position: absolute;
  top: -40px;
  right: 0;
  font-size: 30px;
  line-height: 1;
  background: none;
  border: none;
  color: #fff;
  cursor: pointer;
}
@media screen and (max-width: 750px) {
  .pdf_modal {
    padding: 20px;
  }
  .pdf_modal_inner {
    width: min(355px, calc(100vw - 40px)); /* 355px */
    height: min(80vh, calc(100vh - 64px));
    background: #fff;
    position: relative;
  }
  .pdf_modal iframe {
    width: 100%;
    height: 100%;
    border: none;
  }
  .pdf_close {
    top: -32px;
    right: 0;
    font-size: 24px;
  }
}
/*--------------------------------------------------
  モーダル Case
--------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@300;400;500;700;900&display=swap');
@import url('https://cdn.jsdelivr.net/npm/yakuhanjp@4.1.1/dist/css/yakuhanjp.css');
#Planner_Wall_Case {
  --case-base: calc(100vw / 1100); /* PC基準 */
  font-family: YakuHanJP, "Zen Kaku Gothic New", sans-serif;
  width: 100%;
  color: #231815;
  position: relative;
  font-size: calc(14 * var(--case-base)); /* 14px */
  font-weight: 300; /*Light*/
  font-feature-settings: "palt";
  scroll-behavior: smooth;
}
#Planner_Wall_Case *, #Planner_Wall_Case *::before, #Planner_Wall_Case *::after {
  box-sizing: border-box;
}
#Planner_Wall_Case .Gallery_Case_wrap {
  width: 100%;
  padding: calc(130 * var(--case-base)) 0 calc(80 * var(--case-base)) 0; /* 130px 80px */
  background-color: #ffffff;
  position: relative;
}
#Planner_Wall_Case .Gallery_Case_content {
  width: calc(900 * var(--case-base)); /* 900px */
  margin: 0 auto;
}
#Planner_Wall_Case .GR_Case_kyv {
  width: 100%;
}
#Planner_Wall_Case p.GR_Case_name_case {
  width: calc(58.97 * var(--case-base)); /* 58.97px */
  margin: calc(32 * var(--case-base)) 0 0 0; /* 32px */
}
#Planner_Wall_Case .GR_Case_name {
  width: calc(92 * var(--case-base)); /* 92px */
  margin: calc(15 * var(--case-base)) 0 0 0; /* 15px */
}
#Planner_Wall_Case .GR_Case_flex_wrap_top {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: calc(40 * var(--case-base)); /* 40px */
}
#Planner_Wall_Case .GR_Case_flex_wrap_bottom {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: calc(30 * var(--case-base)); /* 30px */
}
#Planner_Wall_Case .GR_Case_txt_wrap {
  text-align: left;
}
#Planner_Wall_Case p.GR_Case_txt {
  font-size: calc(14 * var(--case-base)); /* 14px */
  line-height: 2.643;
  letter-spacing: 0.075em;
}
#Planner_Wall_Case .GR_Case_flex_wrap_bottom_L {
  width: calc(555 * var(--case-base)); /* 555px */
}
#Planner_Wall_Case .GR_Case_flex_wrap_bottom_R {
  width: calc(295 * var(--case-base)); /* 295px */
  position: relative;
}
#Planner_Wall_Case .GR_Case_Coordinate_wrap {
  width: calc(277.03 * var(--case-base)); /* 277.03px */
}
#Planner_Wall_Case h3.GR_Case_Coordinate {
  display: block;
  width: calc(104.5806 * var(--case-base)); /* 104.5806px */
}
#Planner_Wall_Case .GR_Case_img_01 {
  width: calc(277.03 * var(--case-base)); /* 277.03px */
  margin-top: calc(35 * var(--case-base)); /* 35px */
}
#Planner_Wall_Case .GR_Case_img_02 {
  width: 100%;
  text-align: left;
}
#Planner_Wall_Case .GR_Case_img_03 {
  width: 100%;
  text-align: right;
  position: absolute;
  right: 0;
  bottom: 0;
}
#Planner_Wall_Case .GR_Case_img_02 p, #Planner_Wall_Case .GR_Case_img_03 p {
  font-size: calc(14 * var(--case-base)); /* 14px */
  line-height: 1.5em;
  margin-top: calc(40 * var(--case-base)); /* 40px */
  margin-bottom: 0.1em;
}
/**/
#Planner_Wall_Case .Gallery_close {
  cursor: pointer;
}
#Planner_Wall_Case .Gallery_close span {
  padding-left: 1.5em;
  position: relative;
}
#Planner_Wall_Case .Gallery_close span::before, #Planner_Wall_Case .Gallery_close span::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: calc(20 * var(--case-base)); /* 20px */
  height: 1px;
  background: #231815;
}
#Planner_Wall_Case .Gallery_close span::before {
  transform: translateY(-50%) rotate(45deg);
}
#Planner_Wall_Case .Gallery_close span::after {
  transform: translateY(-50%) rotate(-45deg);
}
#Planner_Wall_Case .Gallery_close.top {
  font-size: calc(18 * var(--case-base)); /* 18px */
  letter-spacing: 0.012em;
  position: absolute;
  top: calc(60 * var(--case-base)); /* 60px */
  right: calc(100 * var(--case-base)); /* 100px */
  z-index: 50;
}
#Planner_Wall_Case .Gallery_close.bottom {
  font-size: calc(18 * var(--case-base)); /* 18px */
  letter-spacing: 0.012em;
  position: absolute;
  bottom: calc(80 * var(--case-base)); /* 80px */
  right: calc(100 * var(--case-base)); /* 100px */
  z-index: 50;
}
#Planner_Wall_Case h2.GR_Case_h2_Outline {
  width: calc(70.0986 * var(--case-base)); /* 70.0986px */
}
#Planner_Wall_Case .GR_Case_portion_list {
  width: calc(900 * var(--case-base)); /* 900px */
  margin: calc(60 * var(--case-base)) auto 0 auto; /* 60px */
}
#Planner_Wall_Case .GR_Case_portion_list ul {
  width: calc(485 * var(--case-base)); /* 485px */
}
#Planner_Wall_Case .GR_Case_portion_list li {
  width: 100%;
  height: calc(40 * var(--case-base)); /* 40px */
  display: flex;
  align-items: center;
  background-image: url(/sites/default/files/shared_contents/furniture/special/plannerwall/gallery/images/Case/GR_Case_A.svg);
  background-position: left center;
  background-size: calc(13 * var(--case-base)) auto; /* 13px */
  background-repeat: no-repeat;
  border-bottom: 1px solid #231815;
}
#Planner_Wall_Case .GR_Case_portion_list li.GR_Case_portion_list_A {
  background-image: url(/sites/default/files/shared_contents/furniture/special/plannerwall/gallery/images/Case/GR_Case_A.svg);
}
#Planner_Wall_Case .GR_Case_portion_list li.GR_Case_portion_list_B {
  background-image: url(/sites/default/files/shared_contents/furniture/special/plannerwall/gallery/images/Case/GR_Case_B.svg);
}
#Planner_Wall_Case .GR_Case_portion_list li.GR_Case_portion_list_C {
  background-image: url(/sites/default/files/shared_contents/furniture/special/plannerwall/gallery/images/Case/GR_Case_C.svg);
}
#Planner_Wall_Case .GR_Case_portion_list li.GR_Case_portion_list_D {
  background-image: url(/sites/default/files/shared_contents/furniture/special/plannerwall/gallery/images/Case/GR_Case_D.svg);
}
#Planner_Wall_Case .GR_Case_portion_list li.GR_Case_portion_list_E {
  background-image: url(/sites/default/files/shared_contents/furniture/special/plannerwall/gallery/images/Case/GR_Case_E.svg);
}
#Planner_Wall_Case .GR_Case_portion_list li.GR_Case_portion_list_F {
  background-image: url(/sites/default/files/shared_contents/furniture/special/plannerwall/gallery/images/Case/GR_Case_F.svg);
}
#Planner_Wall_Case .GR_Case_portion_list li span.FS_14 {
  display: inline-block;
  width: calc(195 * var(--case-base)); /* 195px */
  font-size: calc(14 * var(--case-base)); /* 14px */
  line-height: 1.5em;
  letter-spacing: 0.005em;
  margin-left: calc(48.5 * var(--case-base)); /* 48.5px */
}
#Planner_Wall_Case .GR_Case_portion_list li span.FS_14._short {
  width: calc(90 * var(--case-base)); /* 90px */
}
#Planner_Wall_Case .GR_Case_portion_list li span.FS_12 {
  font-size: calc(12 * var(--case-base)); /* 12px */
  line-height: 1.5em;
}
#Planner_Wall_Case .GR_Case_color_chip_wrap {
  width: calc(900 * var(--case-base)); /* 900px */
  margin: calc(67 * var(--case-base)) auto 0 auto; /* 67px */
}
#Planner_Wall_Case .GR_Case_color_chip_wrap h3 {
  display: block;
  width: calc(137.5225 * var(--case-base)); /* 137.5225px */
  margin: 0;
}
#Planner_Wall_Case ul.GR_Case_color_chip {
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(10 * var(--case-base)); /* 10px */
}
#Planner_Wall_Case ul.GR_Case_color_chip li {
  display: block;
  width: calc(75 * var(--case-base)); /* 75px */
  margin: 0 calc(10 * var(--case-base)) 0 0; /* 10px */
}
#Planner_Wall_Case ul.GR_Case_color_chip li p {
  font-size: calc(14 * var(--case-base)); /* 14px */
  line-height: 1.5em;
  letter-spacing: 0.005em;
  margin-top: 0.2em;
}
/*--------------------------------------------------
  SP
--------------------------------------------------*/
@media screen and (max-width: 750px) {
  #Planner_Wall_Case {
    --case-base: calc(100vw / 355); /* SP基準 */
    font-size: calc(14 * var(--case-base)); /* 14px */
  }
  #Planner_Wall_Case .Gallery_Case_wrap {
    width: 100%;
    padding: calc(45 * var(--case-base)) 0 calc(60 * var(--case-base)) 0; /* 45px 60px */
    background-color: #ffffff;
    position: relative;
  }
  #Planner_Wall_Case .Gallery_Case_content {
    width: calc(300 * var(--case-base)); /* 300px */
    margin: 0 auto;
  }
  #Planner_Wall_Case .GR_Case_kyv {
    width: 100%;
  }
  #Planner_Wall_Case p.GR_Case_name_case {
    width: calc(35.7617 * var(--case-base)); /* 35.7617px */
    margin: calc(25 * var(--case-base)) auto 0 auto; /* 25px */
  }
  #Planner_Wall_Case .GR_Case_name {
    width: calc(43 * var(--case-base)); /* 43px */
    margin: calc(10 * var(--case-base)) auto 0 auto; /* 10px */
  }
  #Planner_Wall_Case .GR_Case_flex_wrap_top {
    width: 100%;
    display: block;
    margin-top: calc(30 * var(--case-base)); /* 30px */
  }
  #Planner_Wall_Case .GR_Case_flex_wrap_bottom {
    width: 100%;
    display: block;
    margin-top: calc(50 * var(--case-base)); /* 50px */
  }
  #Planner_Wall_Case .GR_Case_txt_wrap {
    text-align: center;
  }
  #Planner_Wall_Case p.GR_Case_txt {
    font-size: calc(14 * var(--case-base)); /* 14px */
    line-height: 2.143;
    letter-spacing: 0;
  }
  #Planner_Wall_Case .GR_Case_flex_wrap_bottom_L {
    width: 100%;
  }
  #Planner_Wall_Case .GR_Case_flex_wrap_bottom_R {
    width: 100%;
    position: relative;
  }
  #Planner_Wall_Case .GR_Case_Coordinate_wrap {
    width: calc(200 * var(--case-base)); /* 200px */
    margin: calc(55 * var(--case-base)) auto 0 auto; /* 55px */
  }
  #Planner_Wall_Case h3.GR_Case_Coordinate {
    display: block;
    width: calc(83.665 * var(--case-base)); /* 83.665px */
    margin: 0 auto 0 auto;
  }
  #Planner_Wall_Case .GR_Case_img_01 {
    width: calc(200 * var(--case-base)); /* 200px */
    margin: calc(12 * var(--case-base)) auto 0 auto; /* 12px */
  }
  #Planner_Wall_Case .GR_Case_img_02 {
    width: 100%;
    text-align: center;
    margin-top: calc(30 * var(--case-base)); /* 30px */
  }
  #Planner_Wall_Case .GR_Case_img_03 {
    width: 100%;
    text-align: center;
    margin-top: calc(30 * var(--case-base)); /* 30px */
    position: static;
  }
  #Planner_Wall_Case .GR_Case_img_02 p, #Planner_Wall_Case .GR_Case_img_03 p {
    font-size: calc(14 * var(--case-base)); /* 14px */
    line-height: 1.5em;
    margin-bottom: 0.1em;
    margin-top: 0;
    letter-spacing: 0.015em;
  }
  #Planner_Wall_Case .Gallery_close {
    cursor: pointer;
  }
  #Planner_Wall_Case .Gallery_close span {
    padding-left: 1em;
    position: relative;
  }
  #Planner_Wall_Case .Gallery_close span::before, #Planner_Wall_Case .Gallery_close span::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: calc(12 * var(--case-base)); /* 12px */
    height: 1px;
    background: #231815;
  }
  #Planner_Wall_Case .Gallery_close span::before {
    transform: translateY(-50%) rotate(45deg);
  }
  #Planner_Wall_Case .Gallery_close span::after {
    transform: translateY(-50%) rotate(-45deg);
  }
  #Planner_Wall_Case .Gallery_close.top {
    font-size: calc(14 * var(--case-base)); /* 14px */
    letter-spacing: 0.012em;
    position: absolute;
    top: calc(15 * var(--case-base)); /* 15px */
    right: calc(25 * var(--case-base)); /* 25px */
    z-index: 50;
  }
  #Planner_Wall_Case .Gallery_close.bottom {
    font-size: calc(14 * var(--case-base)); /* 14px */
    letter-spacing: 0.012em;
    position: absolute;
    bottom: calc(25 * var(--case-base)); /* 25px */
    right: calc(25 * var(--case-base)); /* 25px */
    z-index: 50;
  }
  #Planner_Wall_Case h2.GR_Case_h2_Outline {
    display: block;
    width: calc(54.2734 * var(--case-base)); /* 54.2734px */
    margin: calc(60 * var(--case-base)) auto 0 auto; /* 60px */
  }
  #Planner_Wall_Case .GR_Case_portion_list {
    width: calc(300 * var(--case-base)); /* 300px */
    margin: calc(30 * var(--case-base)) auto 0 auto; /* 30px */
    overflow-x: auto;
  }
  #Planner_Wall_Case .GR_Case_portion_list ul {
    width: calc(485 * var(--case-base)); /* 485px */
  }
  #Planner_Wall_Case .GR_Case_portion_list li {
    width: 100%;
    height: calc(40 * var(--case-base)); /* 40px */
    display: flex;
    align-items: center;
    background-image: url(/sites/default/files/shared_contents/furniture/special/plannerwall/gallery/images/Case/GR_Case_A.svg);
    background-position: left center;
    background-size: calc(13 * var(--case-base)) auto; /* 13px */
    background-repeat: no-repeat;
    border-bottom: 1px solid #231815;
  }
  #Planner_Wall_Case .GR_Case_portion_list li span.FS_14 {
    display: inline-block;
    width: calc(195 * var(--case-base)); /* 195px */
    font-size: calc(14 * var(--case-base)); /* 14px */
    line-height: 1.5em;
    letter-spacing: 0.005em;
    margin-left: calc(48.5 * var(--case-base)); /* 48.5px */
  }
  #Planner_Wall_Case .GR_Case_portion_list li span.FS_14._short {
    width: calc(90 * var(--case-base)); /* 90px */
  }
  #Planner_Wall_Case .GR_Case_portion_list li span.FS_12 {
    font-size: calc(12 * var(--case-base)); /* 12px */
    line-height: 1.5em;
  }
  #Planner_Wall_Case .GR_Case_color_chip_wrap {
    width: calc(300 * var(--case-base)); /* 300px */
    margin: calc(55 * var(--case-base)) auto 0 auto; /* 55px */
  }
  #Planner_Wall_Case .GR_Case_color_chip_wrap h3 {
    display: block;
    width: calc(153.0313 * var(--case-base)); /* 153.0313px */
    margin: 0 auto;
  }
  #Planner_Wall_Case ul.GR_Case_color_chip {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 0;
  }
  #Planner_Wall_Case ul.GR_Case_color_chip li {
    display: block;
    width: calc(100 * var(--case-base)); /* 100px */
    margin: calc(15 * var(--case-base)) calc(10 * var(--case-base)) 0 calc(10 * var(--case-base)); /* 15px 10px */
  }
  #Planner_Wall_Case ul.GR_Case_color_chip li p {
    font-size: calc(14 * var(--case-base)); /* 14px */
    line-height: 1.5em;
    letter-spacing: 0.005em;
    text-align: center;
    margin-top: 0.2em;
  }
}

/**/
#Planner_Wall_Case ._PL_PC {
  display: block;
}
#Planner_Wall_Case ._PL_SP {
  display: none;
}
@media screen and (max-width: 750px) {
  #Planner_Wall_Case ._PL_PC {
    display: none;
  }
  #Planner_Wall_Case ._PL_SP {
    display: block;
  }
}
/**/


#kkycontainer {
    width: 100%;
}

.mContactpanelButton {
  position: sticky;
  bottom: 0;
  top: 0;
  right: 0;
  align-self: flex-end;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: flex-end
}
@media(min-width: 768px) {
  .mContactpanelButton {
    width: 238rem;
    height: 300rem
  }
}
@media(max-width: 767px) {
  .mContactpanelButton {
    width: 176rem;
    height: 300rem
  }
}
.mContactpanelButton .cButton, .mContactpanelButton .cRibbontext {
  pointer-events: auto;
  transform: translate3d(100%, 0, 0)
}
.mContactpanelButton:is(._active) .cButton, .mContactpanelButton:is(._active) .cRibbontext {
  animation: mContactpanelShow .4s cubic-bezier(0, 0.5, 0.3, 1) forwards
}
.mContactpanelButton:is(._inactive) .cButton, .mContactpanelButton:is(._inactive) .cRibbontext {
  animation: mContactpanelHide .2s forwards
}
@media(max-width: 767px) {
  .mContactpanelButton {
    width: 176rem
  }
}
.mContactpanelButton .cRibbontext {
  top: unset
}
@media(min-width: 768px) {
  .mContactpanelButton .cRibbontext {
    bottom: 87rem
  }
}
@media(max-width: 767px) {
  .mContactpanelButton .cRibbontext {
    bottom: 32rem
  }
}
.mContactpanelButton .cRibbontext {
  width: 100%
}
.mContactpanelButton__pc {
  bottom: 46rem
}
@media(max-width: 767px) {
  .mContactpanelButton__pc {
    display: none
  }
}
.mContactpanelButton__sp {
  bottom: -33rem
}
@media(min-width: 768px) {
  .mContactpanelButton__sp {
    display: none
  }
}