@charset "UTF-8";

/*------テーブル画像調整 --------*/
[id*="parts_table"] + section .content_wrapper table td img {
    width: 150px;
    max-height: 150px;
    object-fit: contain;
}

/*------ボタン調整 --------*/
@media screen and (max-width: 700px){
#menu_btns + div .content_wrapper{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
}

/*------施術の流れ --------*/
#flow_img_sp + section,
#flow_img_sp_2 + section {
    display: none;
}
@media screen and (max-width: 700px){
#flow_img_pc + section {
    display: none;
}
#flow_img_sp + section {
    display: block;
}
}

@media screen and (max-width: 480px){
#flow_img_sp + section {
    display: none;
}
#flow_img_sp_2 + section {
    display: block;
}
}

/*メニューテーブル不使用*/
@media screen and (min-width: 541px){
  #parts_table01 + section .pc_hidden,
  #parts_table02 + section .pc_hidden{
    display:none;
  }
}

@media screen and (max-width: 540px){
#parts_table01 + section .sp_hidden,
#parts_table02 + section .sp_hidden,
#parts_table03 + section .sp_hidden{
  display: none;
}
table{
  font-size: 1.4rem;
}
.sp_after_text{
  position: relative;
}
.sp_after_text::after{
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%); 
  font-size: max(3vw, 1rem);
  font-weight: bold;
}
.sp_after_text.text_01::after{
  content: "顔・ひげ";
}
.sp_after_text.text_02::after{
  content: "オプションパック";
}
/**/
#parts_table02 + section .sp_after_text.text_01::after{
  content: "全身脱毛セット";
}
#parts_table02 + section .sp_after_text.text_02::after{
  content: "上半身脱毛セット";
}
#parts_table02 + section .sp_after_text.text_03::after{
  content: "胴体脱毛セット";
}
#parts_table02 + section .sp_after_text.text_04::after{
  content: "脇脱毛セット";
}
#parts_table02 + section .sp_after_text.text_05::after{
  content: "下半身脱毛セット";
}
#parts_table02 + section .sp_after_text.text_06::after{
  content: "VIO脱毛";
}
}

/*テーブル調整*/
.block_table_6 table{
  table-layout: fixed;
}
.block_table_6 table tr:nth-of-type(1)>th:first-child,
.block_table_6 table tr:nth-of-type(1)>td:first-child{
  width: 30% !important;
}

table tr th:nth-child(2)[colspan*="2"]{
  width: 50% !important;
}

table tr th:nth-child(2),
table tr td:nth-child(2){
  width: 20% !important;
}
table tr th:nth-child(3),
table tr td:nth-child(3){
  width: 20% !important;
}
table tr th:nth-child(4),
table tr td:nth-child(4){
  width: 30% !important;
}

@media screen and (max-width: 480px){
.block_table_6 table tr:nth-of-type(1)>th:first-child,
.block_table_6 table tr:nth-of-type(1)>td:first-child{
  width: 45% !important;
}
table tr th:nth-child(3),
table tr td:nth-child(3){
  width: 15% !important;
}
table tr th:nth-child(4),
table tr td:nth-child(4){
  width: 40% !important;
}
}

#parts_table03 + section table td{
  height: 140px;
}

div[class*="block_table_"]:not([style*=" color:"]) table th{
  color: #fff;
}

@media screen and (max-width: 350px){
  .sp_after_text::after {
    letter-spacing: -0.1rem;
  }
}

/*バナー変更*/
#reservation_banner + section .inner_item_img a:hover {
    opacity: 0.7;
}