@charset "UTF-8";
/* CSS Document */
@import url(https://www.s-b-c.net/assets/css/charge_list_2column.css);

/* ========== Pricesheet CSS ========== */
#price-all {
	margin-top: 20px;
}
#price-all table.priceTable {
  border-collapse: collapse;
  line-height: 1.4;
	background: #FFFFFF;
}
#price-all table.priceTable ._text-xs {
	font-size: 12px!important;
}
#price-all table.priceTable th, #price-all table.priceTable td {
  border: 1px solid #ccc
}
#price-all table.priceTable thead tr th {
  background: #fb637e;
  color: #fff;
  font-size: 20px;
  text-align: center;
  padding: 5px
}
#price-all table.priceTable tbody tr th, #price-all table.priceTable tbody tr td {
  padding: 7px 5px
}
#price-all table.priceTable tbody tr th {
	font-size: 18px;
	font-weight: normal;
}
#price-all table.priceTable tbody tr td {
	text-align: right;
	/*color: #fb637e;*/
	color: #30B8D2;
	font-weight: bold;
	font-size: 20px;
	line-height: 1.6;
}
#price-all table.priceTable tbody tr td .price_yen {
	font-size: 80%;
	color: #30B8D2;
}
#price-all table.priceTable tbody tr td span {
	color: #30B8D2;
}
@media only screen and (max-width: 979px) {
  #price-all table.priceTable tbody tr td ._text-xs {
    font-size: 2vw !important
  }
}
#price-all table.priceTable tbody tr:first-child {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 1
}
@media only screen and (max-width: 979px) {
  #price-all table.priceTable tbody tr:first-child {
    top: 0;
  }
}
#price-all table.priceTable tbody tr:first-child th {
  background: #f5f5f5;
  width: 20%
}
#price-all table.priceTable tbody tr:first-child th:first-child {
  width: 200px
}
#price-all table.priceTable tbody tr:not(:first-child) th {
  background: #DBEDF1;
  width: 18%;
}
#price-all table.priceTable tbody tr:not(:first-child) th small {
	font-size: 11px;
}
#price-all table.priceTable .priceNone {
  text-align: center;
  color: #000;
  font-weight: normal
}
#price-all table.priceTable .button-normal {
  min-height: inherit;
  padding: 4px 20px;
  margin: 5px 0 0
}
#price-all table.priceTable .button-normal > .text {
  line-height: 1.2
}
#price-all table.priceTable .button-normal::after {
  width: 8px;
  height: 12px;
  right: 5px;
  top: 50%;
  background-size: 100% auto;
  transform: translate(0, -50%)
}
#price-all table.priceTable a.loan-pop {
	font-weight: normal;
	margin-left: 10px;
	color: #000;
	background-color: #E9F3F5;
	padding: 3px 5px;
	font-size: 15px;
}
#price-all table.priceTable .priceTableTitleS, #price-all table.priceTable .priceTableTitleL {
  background-color: #fb637e;
  color: #fff;
  padding: 5px;
  display: inline-block;
  border-radius: 5px;
  font-size: 85%
}
@media only screen and (max-width: 979px) {
  #price-all table.priceTable .priceTableTitleS, #price-all table.priceTable .priceTableTitleL {
    padding: 3px
  }
}
#price-all table.priceTable .priceTableTitleL {
  background-color: #33c1df
}
#price-all table.priceTable .priceTableImg {
  margin: 5px auto 0;
  width: 120px
}
@media only screen and (max-width: 979px) {
  #price-all table.priceTable .priceTableImg {
    margin: 0.5vw auto 0;
    width: 80%
  }
  #price-all table.priceTable .priceTableImg.slparts img {
    max-width: 100%
  }
}
#price-all table.priceTable .slpartsPrices .slpartsPrice {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-wrap: wrap;
  align-content: center
}
#price-all table.priceTable .slpartsPrices .slpartsPrice:nth-child(even) {
  display: none
}
#price-all table.priceTable .slpartsPrices .slpartsPrice ._text-xs {
  width: 100%
}
@media only screen and (max-width: 979px) {
  #price-all table.priceTable .slpartsPrices .slpartsPrice:nth-child(even) {
    display: flex
  }
}
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP&Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
@media only screen and (max-width: 979px) {
  #price-all table.priceTable {
    line-height: 1.2;
    font-size: 3vw
  }
  #price-all table.priceTable thead tr th {
    font-size: 4.5vw;
    padding: 1vw
  }
  #price-all table.priceTable tbody tr th, #price-all table.priceTable tbody tr td {
    padding: 0.5vw
  }
  #price-all table.priceTable tbody tr td {
    font-size: 3.5vw
  }
  #price-all table.priceTable tbody tr:first-child th {
    width: 25%;
  }
  #price-all table.priceTable tbody tr:first-child th:first-child {
    width: 22%
  }
  #price-all table.priceTable tbody tr:not(:first-child) th {
    font-size: 3vw
  }
  #price-all table.priceTable tbody tr:not(:first-child) th span {
    font-size: 80% !important
  }
  #price-all table.priceTable .priceNone {
    text-align: center;
    color: #000;
    font-weight: normal
  }
  #price-all table.priceTable .button-normal {
    font-size: 2.5vw !important;
    padding: 1vw;
    margin: 1vw 0 0;
    border-radius: 2vw
  }
  #price-all table.priceTable .button-normal > .text {
    line-height: 1.2
  }
  #price-all table.priceTable .button-normal::after {
    display: none
  }
  #price-all table.priceTable a.loan-pop {
	  font-weight: normal;
	  /*display: flex;*/
	  display: inline-block;
	  margin: 0;
	  text-align: center;
	  font-size: 2vw;
	  text-decoration: none;
  }
  #price-all table.priceTable .clinicbtn {
    font-size: 2.5vw !important;
    padding: 1vw;
    margin: 1vw 0 0;
    border-radius: 2vw
  }
  #price-all table.priceTable .clinicbtn::after {
    display: none
  }
	#price-all table.priceTable.col5 tbody tr th {font-size: 3vw;}
	#price-all table.priceTable.col5 tbody tr:first-child th:not(:first-child) {
		width: 19.5%;
	}
	#price-all table.priceTable.col5 tbody tr td {
		font-size: 3vw;
		font-family: "Roboto", "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
		font-weight: 700;
		font-style: normal;
	}
	#price-all table.priceTable.col5 tbody tr th p {font-size: 3vw;}
}
#price-all .charge-list.bodycare_mens a {
  color: #293764
}
#price-all .charge-list.bodycare_mens table.priceTable thead tr th {
  background-color: #293764
}
#price-all .charge-list.bodycare_mens table.priceTable tbody tr:not(:first-child) th {
  background-color: #f5f5f5
}
#price-all .charge-list.bodycare_mens table.priceTable tbody tr td {
  color: #293764
}
#price-all .charge-list.bodycare_mens table.priceTable tbody tr td a.loan-pop {
  background-color: #f0f0f0
}
#price-all .charge-list.bodycare_mens table.priceTable .modalbtn a {
  margin: 5px auto 0;
  background: #293764;
  color: #fff;
  font-weight: normal
}
@media only screen and (max-width: 979px) {
  #price-all .charge-list.bodycare_mens table.priceTable .modalbtn a {
    margin: 1vw auto 0;
    font-size: 2.5vw;
    padding: 0.5vw 1.5vw;
    border-radius: 2vw
  }
}
/* ========== //Pricesheet CSS ========== */