@charset "utf-8";

/* ----------------------------------------
 price 
------------------------------------------- */
.price table {
width: 100%;
font-family: 'Roboto Condensed','Noto Sans JP', "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", sans-serif;
}
.price table th{
color: #fff;
width: 20%;
font-size: 2.4rem;
font-weight: 500;
line-height: 1.2;
text-align: center;
box-sizing: border-box;
background-color: #14c590;
border: 1px solid #14c590;
padding: 15px;
}
.price table td{
font-size: 2.4rem;
font-weight: 500;
line-height: 1.2;
text-align: center;
box-sizing: border-box;
border: 1px solid #14c590;
padding: 15px;
}
.price table td.fst{
color: #14c590;
width: 20%;
background-color: #cde9d7;
}
.price table td.lst{
color: #14c590;
width: 15%;
background-color: #f7faf9;
}
.price table th span{
font-size: 60%;
}
.price table td span{
font-size: 70%;
}
.price table th strong,.price td strong{
font-size: 130%;
font-weight: 500;
}

.price .txt{
padding-top: 10px;
}

.price .sale th{
background-color: #ff7e00;
border: 1px solid #ff7e00;
}
.price .sale td{
color: #f74d61;
border: 1px solid #ff7e00;
}
.price .sale td span{
color: #000;
}
.price .sale td.fst{
color: #ff7e00;
background-color: #ffe0c1;
}
.price .sale td.lst{
color: #ff7e00;
background-color: #fff9f4;
}

/* =======================
  PC
======================== */
@media screen and (min-width: 1200px) {}
/* =======================
  TABLET
======================== */
@media screen and (max-width:1199px) {
.price table th{
font-size: 2vw;
}
.price table td{
font-size: 2vw;
}
}
/* =======================
  SP
======================== */
@media screen and (max-width: 599px) {
/* ----------------------------------------
 price
------------------------------------------- */
.price table {
width: 100%;
font-family: 'Roboto Condensed','Noto Sans JP', "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", sans-serif;
white-space: nowrap;
}
.price table th{
width: 22%;
font-size: 1.6rem;
padding: 15px 5px;
}
.price table td{
font-size: 1.6rem;
padding: 15px 5px;
}
.price table td.fst{
width: 18%;
}
.price table td.lst{
width: 22%;
}
.price table th span{
font-size: 60%;
}
.price table td span{
display: block;
font-size: 70%;
}
.price table th strong,.price td strong{
font-size: 130%;
}




}