@charset "UTF-8";
/* 基本設定 */
body, a, button, select {
  color: #535353;
  font-size: 9px;
  font-weight: bold;
}

body {
  background-color: #fff;
}

a {
  display: block;
}

select {
  background: none;
  border-color: #535353;
}
select:focus {
  background-color: unset;
}

.modal::after {
  z-index: -2;
}

.contents::after {
  background-image: unset;
  background-color: #fff;
}

/* 汎用UI */
.webShop_btnConfirm, .webShop_btnSelect, .webShop_btnSelect-selected, .webShop_btnNum-on, .webShop_btnNum-off, .webShop_btnAfter-on, .webShop_btnAfter-off, .webShop_btnBefore-on, .webShop_btnBefore-off, .webShop_tabRight, .webShop_tabLeft, .webShop_btnModalLogin, .webShop_btnDetail, .webShop_discount, .webShop_textHeadTitle, .webShop_btnLong, .webShop_btnNormal {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.contents-webShop {
  padding: 42px 10px;
  min-height: calc(100% - 160px);
}

.webShop_btnNormal {
  width: 132px;
  height: 30px;
  background-image: url("/images/webShop/btnNormal.png?240912_1");
  background-size: cover;
  font-size: 9px;
}

.webShop_btnLong {
  width: 150px;
  height: 23px;
  background-image: url("/images/webShop/btnLong.png?240912_1");
  background-size: cover;
  font-size: 9px;
}

.webShop_frameNormal, .webShop_frameShadow {
  -webkit-border-image: url("/images/webShop/frameNormal.png") 34 round;
  border-image: url("/images/webShop/frameNormal.png") 34 fill round;
  border-width: 10px;
  border-style: solid;
}

.webShop_frameShadow {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  padding: 0 4px;
  -webkit-border-image: url("/images/webShop/frameShadow.png") 20 round;
  border-image: url("/images/webShop/frameShadow.png") 20 fill round;
  border-width: 6px;
}

.webShop_frameInner {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.webShop_borderLine, .webShop_borderLine-name {
  height: 1px;
  background-image: url("/images/webShop/borderLine.png?240912_1");
  background-size: cover;
}

.webShop_borderLine-name {
  margin-top: 2px;
  margin-bottom: 5px;
}

.webShop_textHeadTitle {
  margin: 0 auto;
  width: 207px;
  height: 20px;
  background-image: url("/images/webShop/textHeadTitle.png?240912_1");
  background-size: cover;
  color: #fff;
}

.webShop_discount {
  width: 71px;
  height: 13px;
  background-image: url("/images/webShop/discount.png?240912_1");
  background-size: cover;
  color: #fff;
}

.webShop_smallText {
  font-size: 8px;
}

.webShop_textSectionTitle {
  margin-bottom: 2px;
  color: #4141d7;
}

.webShop_emphasis {
  color: #d74157;
}

.webShop_strikethrough {
  position: relative;
}
.webShop_strikethrough::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto 0;
  width: 100%;
  height: 1px;
  background-color: #535353;
}

.webShop_modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  padding-top: 35px;
  width: 245px;
  height: 263px;
  background-image: url("/images/webShop/modal.png?240912_1");
  background-size: cover;
  text-align: center;
}

.webShop_btnModalClose {
  margin: 50px auto;
  width: 29px;
  height: 29px;
  background-image: url("/images/webShop/btnModalClose.png?240912_1");
  background-size: cover;
}

.webShop_thumb {
  width: 41px;
  height: 41px;
  background-image: url("/images/webShop/thumb.png?240912_1");
  background-size: cover;
}

.webShop_thumbImg {
  width: 41px;
  height: 41px;
}

/* ヘッダーフッター */
.webShop_header {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  margin: 0 auto;
  width: 320px;
  height: 38px;
  background-image: url("/images/webShop/header.png?240912_1");
  background-size: cover;
  z-index: 100;
}

.webShop_headerTitle {
  position: absolute;
  top: 6px;
  left: 8px;
  width: 71px;
  height: 21px;
  background-image: url("/images/webShop/headerTitle.png?240912_1");
  background-size: cover;
}

.webShop_btnLogin-after, .webShop_btnLogin-before {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  position: absolute;
  top: 6px;
  right: 8px;
  padding-top: 5px;
  height: 23px;
  background-size: cover;
}

.webShop_btnLogin-before {
  width: 91px;
  background-image: url("/images/webShop/btnLogin-before.png?240912_1");
}

.webShop_btnLogin-after {
  width: 124px;
  background-image: url("/images/webShop/btnLogin-after.png?240912_1");
  color: #fff;
}

.webShop_btnLoginIcon-after, .webShop_btnLoginIcon-before {
  margin-right: 4px;
  width: 14px;
  height: 11px;
  background-size: cover;
}

.webShop_btnLoginIcon-before {
  background-image: url("/images/webShop/btnLoginIcon-before.png?240912_1");
}

.webShop_btnLoginIcon-after {
  background-image: url("/images/webShop/btnLoginIcon-after.png?240912_1");
}

.webShop_footer {
  padding-top: 10px;
  width: 320px;
  height: 159px;
  background-image: url("/images/webShop/footer.png?240912_1");
  background-size: cover;
}

.webShop_copyright {
  margin: 45px auto 0;
  width: 155px;
  height: 7px;
  background-image: url("/images/webShop/copyright.png?240912_1");
  background-size: contain;
  background-repeat: no-repeat;
}

/* index画面 */
.webShop_topImage {
  width: 300px;
}

.webShop_nameLine {
  margin-right: 3px;
  width: 2px;
  height: 7px;
  background-image: url("/images/webShop/nameLine.png?240912_1");
  background-size: cover;
}

.webShop_btnDetail {
  margin: -3px -1px 0 0;
  width: 74px;
  height: 26px;
  background-image: url("/images/webShop/btnDetail.png?240912_1");
  background-size: cover;
  color: #fff;
}

/* ログインモーダル */
input.webShop_input {
  display: block;
  border: unset;
  margin: 8px auto 0;
  padding: 10px;
  width: 200px;
  height: 35px;
  background-image: url("/images/webShop/input.png?240912_1");
  background-size: contain;
  font-size: 9px;
  color: #535353;
}

.webShop_btnModalLogin {
  margin: 17px auto 0;
  width: 203px;
  height: 30px;
  background-image: url("/images/webShop/btnSelected.png?240912_1");
  background-size: cover;
  color: #fff;
}

/* プロフィール画面 */
.webShop_pointDetailArea {
  position: relative;
  margin-top: 5px;
  padding: 7px;
  width: 279px;
  height: 219px;
  background-color: #f3f3f3;
  border-radius: 5px;
}

.webShop_tabLeft {
  width: 130px;
  height: 24px;
  background-image: url("/images/webShop/tabLeft-off.png?240912_1");
  background-size: cover;
}
.active > .webShop_tabLeft {
  background-image: url("/images/webShop/tabLeft-on.png?240912_1");
  color: #fff;
}

.webShop_tabRight {
  width: 133px;
  height: 24px;
  background-image: url("/images/webShop/tabRight-off.png?240912_1");
  background-size: cover;
}
.active > .webShop_tabRight {
  background-image: url("/images/webShop/tabRight-on.png?240912_1");
  color: #fff;
}

.webShop_tabContent {
  display: none;
  line-height: 28px;
}
.webShop_tabContent.active {
  display: block;
}

.webShop_pager {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  position: absolute;
  right: 0;
  bottom: 6px;
  left: 0;
}

.webShop_btnNum-on, .webShop_btnNum-off, .webShop_btnAfter-on, .webShop_btnAfter-off, .webShop_btnBefore-on, .webShop_btnBefore-off {
  width: 18px;
  height: 18px;
  background-size: cover;
}

.webShop_btnBefore-off {
  background-image: url("/images/webShop/btnBefore-off.png?240912_1");
}

.webShop_btnBefore-on {
  background-image: url("/images/webShop/btnBefore-on.png?240912_1");
}

.webShop_btnAfter-off {
  background-image: url("/images/webShop/btnAfter-off.png?240912_1");
}

.webShop_btnAfter-on {
  background-image: url("/images/webShop/btnAfter-on.png?240912_1");
  color: #fff;
}

.webShop_btnAfter2-on, .webShop_btnAfter2-off, .webShop_btnBefore2-on, .webShop_btnBefore2-off {
  width: 24px;
  height: 18px;
  background-size: cover;
}

.webShop_btnBefore2-off {
  background-image: url("/images/webShop/btnBefore2-off.png?240912_1");
}

.webShop_btnBefore2-on {
  background-image: url("/images/webShop/btnBefore2-on.png?240912_1");
}

.webShop_btnAfter2-off {
  background-image: url("/images/webShop/btnAfter2-off.png?240912_1");
}

.webShop_btnAfter2-on {
  background-image: url("/images/webShop/btnAfter2-on.png?240912_1");
}

.webShop_btnNum-off {
  background-image: url("/images/webShop/btnNum-off.png?240912_1");
}

.webShop_btnNum-on {
  background-image: url("/images/webShop/btnNum-on.png?240912_1");
  color: #fff;
}

/* パック詳細画面 */
.webShop_chargingDetailHeader {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  margin: 0 auto;
  padding: 41px 6px 0;
  width: 320px;
  height: 71px;
  background-image: url("/images/webShop/chargingDetailHeader.png?240912_1");
  background-size: cover;
}

.webShop_btnSelect, .webShop_btnSelect-selected {
  width: 250px;
  height: 30px;
  -webkit-border-image: url("/images/webShop/btnNormal.png?240912_1") 34 fill;
  border-image: url("/images/webShop/btnNormal.png?240912_1") 34 fill;
  border-width: 10px;
  border-style: solid;
  font-size: 9px;
}

.webShop_btnSelect-selected {
  -webkit-border-image: url("/images/webShop/btnSelected.png?240912_1") 34 fill;
  border-image: url("/images/webShop/btnSelected.png?240912_1") 34 fill;
  color: #fff;
}

.webShop_btnConfirm {
  width: 132px;
  height: 30px;
  background-image: url("/images/webShop/btnConfirm.png?240912_1");
  background-size: 132px 30px;
  color: #fff;
}
.webShop_btnConfirm:disabled {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}