@charset "UTF-8";
@import url(./base-style.css);

/* ------------------------------
section_h2
------------------------------ */
.h2_block {
  background-image: url(../images/menu_bg.jpg);
}

/* ------------------------------
section_h3
------------------------------ */
.h3_content:nth-of-type(odd) {
  background-color: var(--bgcolor_3);
}

/* ------------------------------
section_h4
------------------------------ */
.section_h4 {
  padding: 20px 10px;
  margin: 0 10px;
}
/* 見出し */
.section_h4 > h4 {
  display: flex;
  justify-content: space-between;
  padding: 10px;
  border-bottom: solid 3px #333;
}
.section_h4 > h4 > span {
  display: block;
}
.section_h4 > h4 > .price {
  flex: 0 0 4em;
  position: relative;   /* 擬似要素の基準 */
  font-size: 20px;
  font-family: 'DM Serif Display';
  font-weight: lighter;
}
.section_h4 > h4 > .price > span {
  font-size: 14px;
}
.section_h4 > h4 > .price::before {
  content: "";
  display: block;
  width: 50px;
  height: 1px;
  background-color: #333;
  position: absolute;
  top: 50%;
  left: -60px;
}
/* 説明文 */
.section_h4 > p {
  font-size: 90%;
}

/* 画面幅1001px以上 */
@media screen and (min-width: 1001px) {
  
  .setting_bgimage .sec_h4_block {
    flex: 0 0 60%;
  }
  .setting_bgimage .set_bgimage {
    flex: 1;
  }
  .h3_content:nth-of-type(odd) .setting_bgimage .sec_h4_block {
    order: 2;
  }
  .h3_content:nth-of-type(odd) .setting_bgimage .set_bgimage {
    order: 1;
  }
}

div[data-section-type="cut"] .set_bgimage {
  background-image: url(../images/menu_cut_bg.jpg);
}
div[data-section-type="color"] .set_bgimage {
  background-image: url(../images/menu_color_bg.jpg);
}
div[data-section-type="perm"] .set_bgimage {
  background-image: url(../images/menu_perm_bg.jpg);
}