@charset "UTF-8";
html, body {
  height: 100%;
  font-family: "Noto Sans Japanese", Roboto, "Droid Sans", sans-serif;
  font-size: 62.5%;
  font-smoothing: antialiased;
}

* {
  padding: 0;
  border: none;
  margin: 0;
  background: none;
  outline: none;
}

ul, ol {
  list-style: none;
}

img {
  display: block;
  width: 100%;
  margin: auto;
}

a {
  text-decoration: none;
}

html {
  overflow: visible;
}

body {
  overflow: visible;
  font-family: "Noto Sans Japanese", Roboto, "Droid Sans", sans-serif;
  line-height: normal;
}

p {
  margin: 0;
}

input, button, select, textarea {
  font-family: "Noto Sans Japanese", Roboto, "Droid Sans", sans-serif;
}

label, input, button, select, textarea {
  line-height: normal;
}

input[disabled], select[disabled], textarea[disabled], input[readonly]:not(.cloned-text-input), textarea[readonly]:not(.cloned-text-input), select[readonly] {
  background-color: transparent;
}

#drawer .drw-menu .nav-global > :first-child {
  margin-top: 0;
}
#drawer .drw-menu .nav-global > :last-child {
  margin-bottom: 0;
}

#contents {
  margin: 20px auto 40px;
}
#contents.app {
  padding-bottom: 50px;
  margin: 20px auto;
}

a.button .icon:before, a.button .iconR:before, a.button .iconL:before, a.button .iconC:before, a.button.icon:before, a.button.iconR:before, a.button.iconL:before, a.button.iconC:before {
  margin-top: auto;
}

.arrow, .arrowR, #topNav ul li a, ul.list_link li a, ul.list_News li a, ul.list_News_Waon li a, ul.list_Config li a, ul.bp_All li a, ul.list_Shop_result li a, .item-list-link li a, ul.list-pt-use li a, ul.list-config-checkbox li a, .arrowL, .arrowC {
  position: relative;
}
.arrow:after, .arrowR:after, #topNav ul li a:after, ul.list_link li a:after, ul.list_News li a:after, ul.list_News_Waon li a:after, ul.list_Config li a:after, ul.bp_All li a:after, ul.list_Shop_result li a:after, .item-list-link li a:after, ul.list-pt-use li a:after, ul.list-config-checkbox li a:after, .arrowL:after, .arrowC:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  display: block;
  width: 14px;
  height: 14px;
  margin: auto;
  background-image: url("../img/common/base/icon_linkarrow.png");
  background-size: auto 300%;
}
.arrow.top:before, .top.arrowR:before, #topNav ul li a.top:before, ul.list_link li a.top:before, ul.list_News li a.top:before, ul.list_News_Waon li a.top:before, ul.list_Config li a.top:before, ul.bp_All li a.top:before, ul.list_Shop_result li a.top:before, .item-list-link li a.top:before, ul.list-pt-use li a.top:before, ul.list-config-checkbox li a.top:before, .top.arrowL:before, .top.arrowC:before, .arrow.top:after, .top.arrowR:after, #topNav ul li a.top:after, ul.list_link li a.top:after, ul.list_News li a.top:after, ul.list_News_Waon li a.top:after, ul.list_Config li a.top:after, ul.bp_All li a.top:after, ul.list_Shop_result li a.top:after, .item-list-link li a.top:after, ul.list-pt-use li a.top:after, ul.list-config-checkbox li a.top:after, .top.arrowL:after, .top.arrowC:after {
  background-position: 0% 0%;
}
.arrow.next:before, .next.arrowR:before, #topNav ul li a:before, ul.list_link li a:before, ul.list_News li a:before, ul.list_News_Waon li a:before, ul.list_Config li a:before, ul.bp_All li a:before, ul.list_Shop_result li a:before, .item-list-link li a:before, ul.list-pt-use li a:before, ul.list-config-checkbox li a:before, .next.arrowL:before, #topNav ul li a.arrowL:before, ul.list_link li a.arrowL:before, ul.list_News li a.arrowL:before, ul.list_News_Waon li a.arrowL:before, ul.list_Config li a.arrowL:before, ul.bp_All li a.arrowL:before, ul.list_Shop_result li a.arrowL:before, .item-list-link li a.arrowL:before, ul.list-pt-use li a.arrowL:before, ul.list-config-checkbox li a.arrowL:before, .next.arrowC:before, #topNav ul li a.arrowC:before, ul.list_link li a.arrowC:before, ul.list_News li a.arrowC:before, ul.list_News_Waon li a.arrowC:before, ul.list_Config li a.arrowC:before, ul.bp_All li a.arrowC:before, ul.list_Shop_result li a.arrowC:before, .item-list-link li a.arrowC:before, ul.list-pt-use li a.arrowC:before, ul.list-config-checkbox li a.arrowC:before, ul.list_link li a.arrow:before, ul.list_News li a.arrow:before, ul.list_News_Waon li a.arrow:before, ul.list_Config li a.arrow:before, ul.bp_All li a.arrow:before, ul.list_Shop_result li a.arrow:before, .item-list-link li a.arrow:before, ul.list-pt-use li a.arrow:before, ul.list-config-checkbox li a.arrow:before, ul.list_link li a.arrowR:before, ul.list_News li a.arrowR:before, ul.list_News_Waon li a.arrowR:before, ul.list_Config li a.arrowR:before, ul.bp_All li a.arrowR:before, ul.list_Shop_result li a.arrowR:before, .item-list-link li a.arrowR:before, ul.list-pt-use li a.arrowR:before, ul.list-config-checkbox li a.arrowR:before, #topNav ul.list_link li a:before, #topNav ul.list_News li a:before, #topNav ul.list_News_Waon li a:before, #topNav ul.list_Config li a:before, #topNav ul.bp_All li a:before, #topNav ul.list_Shop_result li a:before, .item-list-link #topNav ul li a:before, #topNav ul .item-list-link li a:before, #topNav ul.list-pt-use li a:before, #topNav ul.list-config-checkbox li a:before, ul.list_News ul.list_link li a:before, ul.list_link ul.list_News li a:before, ul.list_News_Waon ul.list_link li a:before, ul.list_link ul.list_News_Waon li a:before, ul.list_Config ul.list_link li a:before, ul.list_link ul.list_Config li a:before, ul.bp_All ul.list_link li a:before, ul.list_link ul.bp_All li a:before, ul.list_Shop_result ul.list_link li a:before, ul.list_link ul.list_Shop_result li a:before, .item-list-link ul.list_link li a:before, ul.list_link .item-list-link li a:before, ul.list-pt-use ul.list_link li a:before, ul.list_link ul.list-pt-use li a:before, ul.list-config-checkbox ul.list_link li a:before, ul.list_link ul.list-config-checkbox li a:before, ul.list_News_Waon ul.list_News li a:before, ul.list_News ul.list_News_Waon li a:before, ul.list_Config ul.list_News li a:before, ul.list_News ul.list_Config li a:before, ul.bp_All ul.list_News li a:before, ul.list_News ul.bp_All li a:before, ul.list_Shop_result ul.list_News li a:before, ul.list_News ul.list_Shop_result li a:before, .item-list-link ul.list_News li a:before, ul.list_News .item-list-link li a:before, ul.list-pt-use ul.list_News li a:before, ul.list_News ul.list-pt-use li a:before, ul.list-config-checkbox ul.list_News li a:before, ul.list_News ul.list-config-checkbox li a:before, ul.list_Config ul.list_News_Waon li a:before, ul.list_News_Waon ul.list_Config li a:before, ul.bp_All ul.list_News_Waon li a:before, ul.list_News_Waon ul.bp_All li a:before, ul.list_Shop_result ul.list_News_Waon li a:before, ul.list_News_Waon ul.list_Shop_result li a:before, .item-list-link ul.list_News_Waon li a:before, ul.list_News_Waon .item-list-link li a:before, ul.list-pt-use ul.list_News_Waon li a:before, ul.list_News_Waon ul.list-pt-use li a:before, ul.list-config-checkbox ul.list_News_Waon li a:before, ul.list_News_Waon ul.list-config-checkbox li a:before, ul.bp_All ul.list_Config li a:before, ul.list_Config ul.bp_All li a:before, ul.list_Shop_result ul.list_Config li a:before, ul.list_Config ul.list_Shop_result li a:before, .item-list-link ul.list_Config li a:before, ul.list_Config .item-list-link li a:before, ul.list-pt-use ul.list_Config li a:before, ul.list_Config ul.list-pt-use li a:before, ul.list-config-checkbox ul.list_Config li a:before, ul.list_Config ul.list-config-checkbox li a:before, ul.list_Shop_result ul.bp_All li a:before, ul.bp_All ul.list_Shop_result li a:before, .item-list-link ul.bp_All li a:before, ul.bp_All .item-list-link li a:before, ul.list-pt-use ul.bp_All li a:before, ul.bp_All ul.list-pt-use li a:before, ul.list-config-checkbox ul.bp_All li a:before, ul.bp_All ul.list-config-checkbox li a:before, .item-list-link ul.list_Shop_result li a:before, ul.list_Shop_result .item-list-link li a:before, ul.list-pt-use ul.list_Shop_result li a:before, ul.list_Shop_result ul.list-pt-use li a:before, ul.list-config-checkbox ul.list_Shop_result li a:before, ul.list_Shop_result ul.list-config-checkbox li a:before, ul.list-pt-use .item-list-link li a:before, .item-list-link ul.list-pt-use li a:before, ul.list-config-checkbox .item-list-link li a:before, .item-list-link ul.list-config-checkbox li a:before, ul.list-config-checkbox ul.list-pt-use li a:before, ul.list-pt-use ul.list-config-checkbox li a:before, .arrow.next:after, .next.arrowR:after, #topNav ul li a:after, ul.list_link li a:after, ul.list_News li a:after, ul.list_News_Waon li a:after, ul.list_Config li a:after, ul.bp_All li a:after, ul.list_Shop_result li a:after, .item-list-link li a:after, ul.list-pt-use li a:after, ul.list-config-checkbox li a:after, .next.arrowL:after, #topNav ul li a.arrowL:after, ul.list_link li a.arrowL:after, ul.list_News li a.arrowL:after, ul.list_News_Waon li a.arrowL:after, ul.list_Config li a.arrowL:after, ul.bp_All li a.arrowL:after, ul.list_Shop_result li a.arrowL:after, .item-list-link li a.arrowL:after, ul.list-pt-use li a.arrowL:after, ul.list-config-checkbox li a.arrowL:after, .next.arrowC:after, #topNav ul li a.arrowC:after, ul.list_link li a.arrowC:after, ul.list_News li a.arrowC:after, ul.list_News_Waon li a.arrowC:after, ul.list_Config li a.arrowC:after, ul.bp_All li a.arrowC:after, ul.list_Shop_result li a.arrowC:after, .item-list-link li a.arrowC:after, ul.list-pt-use li a.arrowC:after, ul.list-config-checkbox li a.arrowC:after, ul.list_link li a.arrow:after, ul.list_News li a.arrow:after, ul.list_News_Waon li a.arrow:after, ul.list_Config li a.arrow:after, ul.bp_All li a.arrow:after, ul.list_Shop_result li a.arrow:after, .item-list-link li a.arrow:after, ul.list-pt-use li a.arrow:after, ul.list-config-checkbox li a.arrow:after, ul.list_link li a.arrowR:after, ul.list_News li a.arrowR:after, ul.list_News_Waon li a.arrowR:after, ul.list_Config li a.arrowR:after, ul.bp_All li a.arrowR:after, ul.list_Shop_result li a.arrowR:after, .item-list-link li a.arrowR:after, ul.list-pt-use li a.arrowR:after, ul.list-config-checkbox li a.arrowR:after, #topNav ul.list_link li a:after, #topNav ul.list_News li a:after, #topNav ul.list_News_Waon li a:after, #topNav ul.list_Config li a:after, #topNav ul.bp_All li a:after, #topNav ul.list_Shop_result li a:after, .item-list-link #topNav ul li a:after, #topNav ul .item-list-link li a:after, #topNav ul.list-pt-use li a:after, #topNav ul.list-config-checkbox li a:after, ul.list_News ul.list_link li a:after, ul.list_link ul.list_News li a:after, ul.list_News_Waon ul.list_link li a:after, ul.list_link ul.list_News_Waon li a:after, ul.list_Config ul.list_link li a:after, ul.list_link ul.list_Config li a:after, ul.bp_All ul.list_link li a:after, ul.list_link ul.bp_All li a:after, ul.list_Shop_result ul.list_link li a:after, ul.list_link ul.list_Shop_result li a:after, .item-list-link ul.list_link li a:after, ul.list_link .item-list-link li a:after, ul.list-pt-use ul.list_link li a:after, ul.list_link ul.list-pt-use li a:after, ul.list-config-checkbox ul.list_link li a:after, ul.list_link ul.list-config-checkbox li a:after, ul.list_News_Waon ul.list_News li a:after, ul.list_News ul.list_News_Waon li a:after, ul.list_Config ul.list_News li a:after, ul.list_News ul.list_Config li a:after, ul.bp_All ul.list_News li a:after, ul.list_News ul.bp_All li a:after, ul.list_Shop_result ul.list_News li a:after, ul.list_News ul.list_Shop_result li a:after, .item-list-link ul.list_News li a:after, ul.list_News .item-list-link li a:after, ul.list-pt-use ul.list_News li a:after, ul.list_News ul.list-pt-use li a:after, ul.list-config-checkbox ul.list_News li a:after, ul.list_News ul.list-config-checkbox li a:after, ul.list_Config ul.list_News_Waon li a:after, ul.list_News_Waon ul.list_Config li a:after, ul.bp_All ul.list_News_Waon li a:after, ul.list_News_Waon ul.bp_All li a:after, ul.list_Shop_result ul.list_News_Waon li a:after, ul.list_News_Waon ul.list_Shop_result li a:after, .item-list-link ul.list_News_Waon li a:after, ul.list_News_Waon .item-list-link li a:after, ul.list-pt-use ul.list_News_Waon li a:after, ul.list_News_Waon ul.list-pt-use li a:after, ul.list-config-checkbox ul.list_News_Waon li a:after, ul.list_News_Waon ul.list-config-checkbox li a:after, ul.bp_All ul.list_Config li a:after, ul.list_Config ul.bp_All li a:after, ul.list_Shop_result ul.list_Config li a:after, ul.list_Config ul.list_Shop_result li a:after, .item-list-link ul.list_Config li a:after, ul.list_Config .item-list-link li a:after, ul.list-pt-use ul.list_Config li a:after, ul.list_Config ul.list-pt-use li a:after, ul.list-config-checkbox ul.list_Config li a:after, ul.list_Config ul.list-config-checkbox li a:after, ul.list_Shop_result ul.bp_All li a:after, ul.bp_All ul.list_Shop_result li a:after, .item-list-link ul.bp_All li a:after, ul.bp_All .item-list-link li a:after, ul.list-pt-use ul.bp_All li a:after, ul.bp_All ul.list-pt-use li a:after, ul.list-config-checkbox ul.bp_All li a:after, ul.bp_All ul.list-config-checkbox li a:after, .item-list-link ul.list_Shop_result li a:after, ul.list_Shop_result .item-list-link li a:after, ul.list-pt-use ul.list_Shop_result li a:after, ul.list_Shop_result ul.list-pt-use li a:after, ul.list-config-checkbox ul.list_Shop_result li a:after, ul.list_Shop_result ul.list-config-checkbox li a:after, ul.list-pt-use .item-list-link li a:after, .item-list-link ul.list-pt-use li a:after, ul.list-config-checkbox .item-list-link li a:after, .item-list-link ul.list-config-checkbox li a:after, ul.list-config-checkbox ul.list-pt-use li a:after, ul.list-pt-use ul.list-config-checkbox li a:after {
  background-position: 33.33333333333333% 0%;
}
.arrow.next2:before, .next2.arrowR:before, #topNav ul li a.next2:before, ul.list_link li a.next2:before, ul.list_News li a.next2:before, ul.list_News_Waon li a.next2:before, ul.list_Config li a.next2:before, ul.bp_All li a.next2:before, ul.list_Shop_result li a.next2:before, .item-list-link li a.next2:before, ul.list-pt-use li a.next2:before, ul.list-config-checkbox li a.next2:before, .next2.arrowL:before, .next2.arrowC:before, .arrow.next2:after, .next2.arrowR:after, #topNav ul li a.next2:after, ul.list_link li a.next2:after, ul.list_News li a.next2:after, ul.list_News_Waon li a.next2:after, ul.list_Config li a.next2:after, ul.bp_All li a.next2:after, ul.list_Shop_result li a.next2:after, .item-list-link li a.next2:after, ul.list-pt-use li a.next2:after, ul.list-config-checkbox li a.next2:after, .next2.arrowL:after, .next2.arrowC:after {
  background-position: 33.33333333333333% 100%;
}
.arrow.bottom:before, .bottom.arrowR:before, #topNav ul li a.bottom:before, ul.list_link li a.bottom:before, ul.list_News li a.bottom:before, ul.list_News_Waon li a.bottom:before, ul.list_Config li a.bottom:before, ul.bp_All li a.bottom:before, ul.list_Shop_result li a.bottom:before, .item-list-link li a.bottom:before, ul.list-pt-use li a.bottom:before, ul.list-config-checkbox li a.bottom:before, .bottom.arrowL:before, .bottom.arrowC:before, .arrow.bottom:after, .bottom.arrowR:after, #topNav ul li a.bottom:after, ul.list_link li a.bottom:after, ul.list_News li a.bottom:after, ul.list_News_Waon li a.bottom:after, ul.list_Config li a.bottom:after, ul.bp_All li a.bottom:after, ul.list_Shop_result li a.bottom:after, .item-list-link li a.bottom:after, ul.list-pt-use li a.bottom:after, ul.list-config-checkbox li a.bottom:after, .bottom.arrowL:after, .bottom.arrowC:after {
  background-position: 66.66666666666667% 0%;
}
.arrow.prev:before, .prev.arrowR:before, #topNav ul li a.prev:before, ul.list_link li a.prev:before, ul.list_News li a.prev:before, ul.list_News_Waon li a.prev:before, ul.list_Config li a.prev:before, ul.bp_All li a.prev:before, ul.list_Shop_result li a.prev:before, .item-list-link li a.prev:before, ul.list-pt-use li a.prev:before, ul.list-config-checkbox li a.prev:before, .prev.arrowL:before, .prev.arrowC:before, .arrow.prev:after, .prev.arrowR:after, #topNav ul li a.prev:after, ul.list_link li a.prev:after, ul.list_News li a.prev:after, ul.list_News_Waon li a.prev:after, ul.list_Config li a.prev:after, ul.bp_All li a.prev:after, ul.list_Shop_result li a.prev:after, .item-list-link li a.prev:after, ul.list-pt-use li a.prev:after, ul.list-config-checkbox li a.prev:after, .prev.arrowL:after, .prev.arrowC:after {
  background-position: 100% 0%;
}
.arrow.fwd:before, .fwd.arrowR:before, #topNav ul li a.fwd:before, ul.list_link li a.fwd:before, ul.list_News li a.fwd:before, ul.list_News_Waon li a.fwd:before, ul.list_Config li a.fwd:before, ul.bp_All li a.fwd:before, ul.list_Shop_result li a.fwd:before, .item-list-link li a.fwd:before, ul.list-pt-use li a.fwd:before, ul.list-config-checkbox li a.fwd:before, .fwd.arrowL:before, .fwd.arrowC:before, .arrow.fwd:after, .fwd.arrowR:after, #topNav ul li a.fwd:after, ul.list_link li a.fwd:after, ul.list_News li a.fwd:after, ul.list_News_Waon li a.fwd:after, ul.list_Config li a.fwd:after, ul.bp_All li a.fwd:after, ul.list_Shop_result li a.fwd:after, .item-list-link li a.fwd:after, ul.list-pt-use li a.fwd:after, ul.list-config-checkbox li a.fwd:after, .fwd.arrowL:after, .fwd.arrowC:after {
  background-position: 33.33333333333333% 50%;
}
.arrow.rwd:before, .rwd.arrowR:before, #topNav ul li a.rwd:before, ul.list_link li a.rwd:before, ul.list_News li a.rwd:before, ul.list_News_Waon li a.rwd:before, ul.list_Config li a.rwd:before, ul.bp_All li a.rwd:before, ul.list_Shop_result li a.rwd:before, .item-list-link li a.rwd:before, ul.list-pt-use li a.rwd:before, ul.list-config-checkbox li a.rwd:before, .rwd.arrowL:before, .rwd.arrowC:before, .arrow.rwd:after, .rwd.arrowR:after, #topNav ul li a.rwd:after, ul.list_link li a.rwd:after, ul.list_News li a.rwd:after, ul.list_News_Waon li a.rwd:after, ul.list_Config li a.rwd:after, ul.bp_All li a.rwd:after, ul.list_Shop_result li a.rwd:after, .item-list-link li a.rwd:after, ul.list-pt-use li a.rwd:after, ul.list-config-checkbox li a.rwd:after, .rwd.arrowL:after, .rwd.arrowC:after {
  background-position: 100% 50%;
}

.arrowR, #topNav ul li a, ul.list_link li a, ul.list_News li a, ul.list_News_Waon li a, ul.list_Config li a, ul.bp_All li a, ul.list_Shop_result li a, .item-list-link li a, ul.list-pt-use li a, ul.list-config-checkbox li a {
  padding-right: 30px;
}
.arrowR:after, #topNav ul li a:after, ul.list_link li a:after, ul.list_News li a:after, ul.list_News_Waon li a:after, ul.list_Config li a:after, ul.bp_All li a:after, ul.list_Shop_result li a:after, .item-list-link li a:after, ul.list-pt-use li a:after, ul.list-config-checkbox li a:after {
  right: 10px;
}

.arrowL {
  padding-left: 30px;
}
.arrowL:after {
  left: 10px;
}

.arrowC.txtC {
  text-indent: 20px;
}
.arrowC:after {
  position: static;
  display: inline-block;
  margin-left: 6px;
  vertical-align: middle;
}

.text_arrow:before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-right: 0.5em;
  background-image: url("../img/common/base/icon_textarrow.png");
  background-position: 33.33333333333333% 0%;
  background-size: auto 100%;
}

.icon, .iconR, .iconL, .iconC {
  position: relative;
}
.icon:before, .iconR:before, .iconL:before, .iconC:before {
  content: "";
  position: relative;
  top: 0;
  bottom: 0;
  display: inline-block;
  width: 24px;
  height: 24px;
  margin: auto;
  background-size: auto 100%;
}
.icon.tel:before, .tel.iconR:before, .tel.iconL:before, .tel.iconC:before {
  width: 1em;
  height: 1em;
  margin-right: 5px;
  background-image: url("../img/common/base/icon_tel.png");
  background-position: left top;
  vertical-align: middle;
}

.iconR {
  padding-right: 30px;
}
.iconR:before {
  position: absolute;
  right: 10px;
}

.iconL {
  padding-left: 30px;
}
.iconL:before {
  position: absolute;
  left: 20px;
}

.iconC.txtC {
  text-indent: -30px;
}
.iconC:after {
  margin-right: 6px;
  vertical-align: middle;
}

.login .icon:before, .login .iconR:before, .login .iconL:before, .login .iconC:before {
  width: 30px;
  height: 30px;
  margin-right: 10px;
  background-image: url("../img/icon/login.png");
}
.login .icon.login-eaonsquare:before, .login .login-eaonsquare.iconR:before, .login .login-eaonsquare.iconL:before, .login .login-eaonsquare.iconC:before {
  background-position: 0% 0%;
}
.login .icon.login-facebook:before, .login .login-facebook.iconR:before, .login .login-facebook.iconL:before, .login .login-facebook.iconC:before {
  background-position: 50% 0%;
}
.login .icon.login-yahoo:before, .login .login-yahoo.iconR:before, .login .login-yahoo.iconL:before, .login .login-yahoo.iconC:before {
  background-position: 100% 0%;
}
.login .icon.btn_sns.Aeon:before, .login .btn_sns.Aeon.iconR:before, .login .btn_sns.Aeon.iconL:before, .login .btn_sns.Aeon.iconC:before {
  background-position: 0% 0%;
}
.login .icon.btn_sns.facebook:before, .login .btn_sns.facebook.iconR:before, .login .btn_sns.facebook.iconL:before, .login .btn_sns.facebook.iconC:before {
  background-position: 50% 0%;
}
.login .icon.btn_sns.yahoo:before, .login .btn_sns.yahoo.iconR:before, .login .btn_sns.yahoo.iconL:before, .login .btn_sns.yahoo.iconC:before {
  background-position: 100% 0%;
}
.login .iconL {
  padding-left: 50px;
}

.my-waon-point .icon:before, .my-waon-point .iconR:before, .my-waon-point .iconL:before, .my-waon-point .iconC:before, ul.ptgift .icon:before, ul.ptgift .iconR:before, ul.ptgift .iconL:before, ul.ptgift .iconC:before, .button.iconL:before, #drawer.app .nav-global ul li .iconL:before {
  background-image: url("../img/icon/menu.png");
  background-size: auto 500%;
}
.my-waon-point .top.icon:before, .my-waon-point .top.iconR:before, .my-waon-point .top.iconL:before, .my-waon-point .top.iconC:before, ul.ptgift .top.icon:before, ul.ptgift .top.iconR:before, ul.ptgift .top.iconL:before, ul.ptgift .top.iconC:before, .top.button.iconL:before, #drawer.app .nav-global ul li .top.iconL:before {
  background-position: 0% 0%;
}
.my-waon-point .campaign.icon:before, .my-waon-point .campaign.iconR:before, .my-waon-point .campaign.iconL:before, .my-waon-point .campaign.iconC:before, ul.ptgift .campaign.icon:before, ul.ptgift .campaign.iconR:before, ul.ptgift .campaign.iconL:before, ul.ptgift .campaign.iconC:before, .campaign.button.iconL:before, #drawer.app .nav-global ul li .campaign.iconL:before {
  background-position: 5.26316% 0%;
}
.my-waon-point .coupon.icon:before, .my-waon-point .coupon.iconR:before, .my-waon-point .coupon.iconL:before, .my-waon-point .coupon.iconC:before, ul.ptgift .coupon.icon:before, ul.ptgift .coupon.iconR:before, ul.ptgift .coupon.iconL:before, ul.ptgift .coupon.iconC:before, .coupon.button.iconL:before, #drawer.app .nav-global ul li .coupon.iconL:before {
  background-position: 10.52632% 0%;
}
.my-waon-point .pt-save.icon:before, .my-waon-point .pt-save.iconR:before, .my-waon-point .pt-save.iconL:before, .my-waon-point .pt-save.iconC:before, ul.ptgift .pt-save.icon:before, ul.ptgift .pt-save.iconR:before, ul.ptgift .pt-save.iconL:before, ul.ptgift .pt-save.iconC:before, .pt-save.button.iconL:before, #drawer.app .nav-global ul li .pt-save.iconL:before {
  background-position: 15.78947% 0%;
}
.my-waon-point .pt-use.icon:before, .my-waon-point .pt-use.iconR:before, .my-waon-point .pt-use.iconL:before, .my-waon-point .pt-use.iconC:before, ul.ptgift .pt-use.icon:before, ul.ptgift .pt-use.iconR:before, ul.ptgift .pt-use.iconL:before, ul.ptgift .pt-use.iconC:before, .pt-use.button.iconL:before, #drawer.app .nav-global ul li .pt-use.iconL:before {
  background-position: 21.05263% 0%;
}
.my-waon-point .pt-gift.icon:before, .my-waon-point .pt-gift.iconR:before, .my-waon-point .pt-gift.iconL:before, .my-waon-point .pt-gift.iconC:before, ul.ptgift .pt-gift.icon:before, ul.ptgift .pt-gift.iconR:before, ul.ptgift .pt-gift.iconL:before, ul.ptgift .pt-gift.iconC:before, .pt-gift.button.iconL:before, #drawer.app .nav-global ul li .pt-gift.iconL:before {
  background-position: 26.31579% 0%;
}
.my-waon-point .shop.icon:before, .my-waon-point .shop.iconR:before, .my-waon-point .shop.iconL:before, .my-waon-point .shop.iconC:before, ul.ptgift .shop.icon:before, ul.ptgift .shop.iconR:before, ul.ptgift .shop.iconL:before, ul.ptgift .shop.iconC:before, .shop.button.iconL:before, #drawer.app .nav-global ul li .shop.iconL:before {
  background-position: 31.57895% 0%;
}
.my-waon-point .news.icon:before, .my-waon-point .news.iconR:before, .my-waon-point .news.iconL:before, .my-waon-point .news.iconC:before, ul.ptgift .news.icon:before, ul.ptgift .news.iconR:before, ul.ptgift .news.iconL:before, ul.ptgift .news.iconC:before, .news.button.iconL:before, #drawer.app .nav-global ul li .news.iconL:before {
  background-position: 36.84211% 0%;
}
.my-waon-point .clip.icon:before, .my-waon-point .clip.iconR:before, .my-waon-point .clip.iconL:before, .my-waon-point .clip.iconC:before, ul.ptgift .clip.icon:before, ul.ptgift .clip.iconR:before, ul.ptgift .clip.iconL:before, ul.ptgift .clip.iconC:before, .clip.button.iconL:before, #drawer.app .nav-global ul li .clip.iconL:before {
  background-position: 42.10526% 0%;
}
.my-waon-point .search.icon:before, .my-waon-point .search.iconR:before, .my-waon-point .search.iconL:before, .my-waon-point .search.iconC:before, ul.ptgift .search.icon:before, ul.ptgift .search.iconR:before, ul.ptgift .search.iconL:before, ul.ptgift .search.iconC:before, .search.button.iconL:before, #drawer.app .nav-global ul li .search.iconL:before {
  background-position: 47.36842% 0%;
}
.my-waon-point .appli.icon:before, .my-waon-point .appli.iconR:before, .my-waon-point .appli.iconL:before, .my-waon-point .appli.iconC:before, ul.ptgift .appli.icon:before, ul.ptgift .appli.iconR:before, ul.ptgift .appli.iconL:before, ul.ptgift .appli.iconC:before, .appli.button.iconL:before, #drawer.app .nav-global ul li .appli.iconL:before {
  background-position: 52.63158% 0%;
}
.my-waon-point .guide.icon:before, .my-waon-point .guide.iconR:before, .my-waon-point .guide.iconL:before, .my-waon-point .guide.iconC:before, ul.ptgift .guide.icon:before, ul.ptgift .guide.iconR:before, ul.ptgift .guide.iconL:before, ul.ptgift .guide.iconC:before, .guide.button.iconL:before, #drawer.app .nav-global ul li .guide.iconL:before {
  background-position: 57.89474% 0%;
}
.my-waon-point .config.icon:before, .my-waon-point .config.iconR:before, .my-waon-point .config.iconL:before, .my-waon-point .config.iconC:before, ul.ptgift .config.icon:before, ul.ptgift .config.iconR:before, ul.ptgift .config.iconL:before, ul.ptgift .config.iconC:before, .config.button.iconL:before, #drawer.app .nav-global ul li .config.iconL:before {
  background-position: 63.15789% 0%;
}
.my-waon-point .logout.icon:before, .my-waon-point .logout.iconR:before, .my-waon-point .logout.iconL:before, .my-waon-point .logout.iconC:before, ul.ptgift .logout.icon:before, ul.ptgift .logout.iconR:before, ul.ptgift .logout.iconL:before, ul.ptgift .logout.iconC:before, .logout.button.iconL:before, #drawer.app .nav-global ul li .logout.iconL:before {
  background-position: 68.42105% 0%;
}
.my-waon-point .faq.icon:before, .my-waon-point .faq.iconR:before, .my-waon-point .faq.iconL:before, .my-waon-point .faq.iconC:before, ul.ptgift .faq.icon:before, ul.ptgift .faq.iconR:before, ul.ptgift .faq.iconL:before, ul.ptgift .faq.iconC:before, .faq.button.iconL:before, #drawer.app .nav-global ul li .faq.iconL:before {
  background-position: 73.68421% 0%;
}
.my-waon-point .cart.icon:before, .my-waon-point .cart.iconR:before, .my-waon-point .cart.iconL:before, .my-waon-point .cart.iconC:before, ul.ptgift .cart.icon:before, ul.ptgift .cart.iconR:before, ul.ptgift .cart.iconL:before, ul.ptgift .cart.iconC:before, .cart.button.iconL:before, #drawer.app .nav-global ul li .cart.iconL:before {
  background-position: 78.94737% 0%;
}
.my-waon-point .favorite.icon:before, .my-waon-point .favorite.iconR:before, .my-waon-point .favorite.iconL:before, .my-waon-point .favorite.iconC:before, ul.ptgift .favorite.icon:before, ul.ptgift .favorite.iconR:before, ul.ptgift .favorite.iconL:before, ul.ptgift .favorite.iconC:before, .favorite.button.iconL:before, #drawer.app .nav-global ul li .favorite.iconL:before {
  background-position: 84.21053% 0%;
}
.my-waon-point .point.icon:before, .my-waon-point .point.iconR:before, .my-waon-point .point.iconL:before, .my-waon-point .point.iconC:before, ul.ptgift .point.icon:before, ul.ptgift .point.iconR:before, ul.ptgift .point.iconL:before, ul.ptgift .point.iconC:before, .point.button.iconL:before, #drawer.app .nav-global ul li .point.iconL:before {
  background-position: 89.47368% 0%;
}
.my-waon-point .menu.icon:before, .my-waon-point .menu.iconR:before, .my-waon-point .menu.iconL:before, .my-waon-point .menu.iconC:before, ul.ptgift .menu.icon:before, ul.ptgift .menu.iconR:before, ul.ptgift .menu.iconL:before, ul.ptgift .menu.iconC:before, .menu.button.iconL:before, #drawer.app .nav-global ul li .menu.iconL:before {
  background-position: 94.73684% 0%;
}
.my-waon-point .pt-share.icon:before, .my-waon-point .pt-share.iconR:before, .my-waon-point .pt-share.iconL:before, .my-waon-point .pt-share.iconC:before, ul.ptgift .pt-share.icon:before, ul.ptgift .pt-share.iconR:before, ul.ptgift .pt-share.iconL:before, ul.ptgift .pt-share.iconC:before, .pt-share.button.iconL:before, #drawer.app .nav-global ul li .pt-share.iconL:before {
  background-position: 100% 0%;
}

#drawer .drw-menu .nav-global .iconL:before, #point-window.app > .inner .function a:before, #point-window.app > .inner .button.image a:before {
  background-image: url("../img/icon/menu.png");
  background-size: auto 500%;
}
#drawer .drw-menu .nav-global .top.iconL:before, #point-window.app > .inner .function a.top:before, #point-window.app > .inner .button.image a.top:before {
  background-position: 0% 25%;
}
#drawer .drw-menu .nav-global .campaign.iconL:before, #point-window.app > .inner .function a.campaign:before, #point-window.app > .inner .button.image a.campaign:before {
  background-position: 5.26316% 25%;
}
#drawer .drw-menu .nav-global .coupon.iconL:before, #point-window.app > .inner .function a.coupon:before, #point-window.app > .inner .button.image a.coupon:before {
  background-position: 10.52632% 25%;
}
#drawer .drw-menu .nav-global .pt-save.iconL:before, #point-window.app > .inner .function a.pt-save:before, #point-window.app > .inner .button.image a.pt-save:before {
  background-position: 15.78947% 25%;
}
#drawer .drw-menu .nav-global .pt-use.iconL:before, #point-window.app > .inner .function a.pt-use:before, #point-window.app > .inner .button.image a.pt-use:before {
  background-position: 21.05263% 25%;
}
#drawer .drw-menu .nav-global .pt-gift.iconL:before, #point-window.app > .inner .function a.pt-gift:before, #point-window.app > .inner .button.image a.pt-gift:before {
  background-position: 26.31579% 25%;
}
#drawer .drw-menu .nav-global .shop.iconL:before, #point-window.app > .inner .function a.shop:before, #point-window.app > .inner .button.image a.shop:before {
  background-position: 31.57895% 25%;
}
#drawer .drw-menu .nav-global .news.iconL:before, #point-window.app > .inner .function a.news:before, #point-window.app > .inner .button.image a.news:before {
  background-position: 36.84211% 25%;
}
#drawer .drw-menu .nav-global .clip.iconL:before, #point-window.app > .inner .function a.clip:before, #point-window.app > .inner .button.image a.clip:before {
  background-position: 42.10526% 25%;
}
#drawer .drw-menu .nav-global .search.iconL:before, #point-window.app > .inner .function a.search:before, #point-window.app > .inner .button.image a.search:before {
  background-position: 47.36842% 25%;
}
#drawer .drw-menu .nav-global .appli.iconL:before, #point-window.app > .inner .function a.appli:before, #point-window.app > .inner .button.image a.appli:before {
  background-position: 52.63158% 25%;
}
#drawer .drw-menu .nav-global .guide.iconL:before, #point-window.app > .inner .function a.guide:before, #point-window.app > .inner .button.image a.guide:before {
  background-position: 57.89474% 25%;
}
#drawer .drw-menu .nav-global .config.iconL:before, #point-window.app > .inner .function a.config:before, #point-window.app > .inner .button.image a.config:before {
  background-position: 63.15789% 25%;
}
#drawer .drw-menu .nav-global .logout.iconL:before, #point-window.app > .inner .function a.logout:before, #point-window.app > .inner .button.image a.logout:before {
  background-position: 68.42105% 25%;
}
#drawer .drw-menu .nav-global .faq.iconL:before, #point-window.app > .inner .function a.faq:before, #point-window.app > .inner .button.image a.faq:before {
  background-position: 73.68421% 25%;
}
#drawer .drw-menu .nav-global .cart.iconL:before, #point-window.app > .inner .function a.cart:before, #point-window.app > .inner .button.image a.cart:before {
  background-position: 78.94737% 25%;
}
#drawer .drw-menu .nav-global .favorite.iconL:before, #point-window.app > .inner .function a.favorite:before, #point-window.app > .inner .button.image a.favorite:before {
  background-position: 84.21053% 25%;
}
#drawer .drw-menu .nav-global .point.iconL:before, #point-window.app > .inner .function a.point:before, #point-window.app > .inner .button.image a.point:before {
  background-position: 89.47368% 25%;
}
#drawer .drw-menu .nav-global .menu.iconL:before, #point-window.app > .inner .function a.menu:before, #point-window.app > .inner .button.image a.menu:before {
  background-position: 94.73684% 25%;
}
#drawer .drw-menu .nav-global .pt-share.iconL:before, #point-window.app > .inner .function a.pt-share:before, #point-window.app > .inner .button.image a.pt-share:before {
  background-position: 100% 25%;
}

.tabMenu_logo_Alli ul li span:before {
  background-image: url("../img/icon/menu.png");
  background-size: auto 500%;
}
.tabMenu_logo_Alli ul li span.top:before {
  background-position: 0% 75%;
}
.tabMenu_logo_Alli ul li span.campaign:before {
  background-position: 5.26316% 75%;
}
.tabMenu_logo_Alli ul li span.coupon:before {
  background-position: 10.52632% 75%;
}
.tabMenu_logo_Alli ul li span.pt-save:before {
  background-position: 15.78947% 75%;
}
.tabMenu_logo_Alli ul li span.pt-use:before {
  background-position: 21.05263% 75%;
}
.tabMenu_logo_Alli ul li span.pt-gift:before {
  background-position: 26.31579% 75%;
}
.tabMenu_logo_Alli ul li span.shop:before {
  background-position: 31.57895% 75%;
}
.tabMenu_logo_Alli ul li span.news:before {
  background-position: 36.84211% 75%;
}
.tabMenu_logo_Alli ul li span.clip:before {
  background-position: 42.10526% 75%;
}
.tabMenu_logo_Alli ul li span.search:before {
  background-position: 47.36842% 75%;
}
.tabMenu_logo_Alli ul li span.appli:before {
  background-position: 52.63158% 75%;
}
.tabMenu_logo_Alli ul li span.guide:before {
  background-position: 57.89474% 75%;
}
.tabMenu_logo_Alli ul li span.config:before {
  background-position: 63.15789% 75%;
}
.tabMenu_logo_Alli ul li span.logout:before {
  background-position: 68.42105% 75%;
}
.tabMenu_logo_Alli ul li span.faq:before {
  background-position: 73.68421% 75%;
}
.tabMenu_logo_Alli ul li span.cart:before {
  background-position: 78.94737% 75%;
}
.tabMenu_logo_Alli ul li span.favorite:before {
  background-position: 84.21053% 75%;
}
.tabMenu_logo_Alli ul li span.point:before {
  background-position: 89.47368% 75%;
}
.tabMenu_logo_Alli ul li span.menu:before {
  background-position: 94.73684% 75%;
}
.tabMenu_logo_Alli ul li span.pt-share:before {
  background-position: 100% 75%;
}

.tabMenu_logo_Alli ul li.current span.icon:before, .tabMenu_logo_Alli ul li.current span.iconR:before, .tabMenu_logo_Alli ul li.current span.iconL:before, .tabMenu_logo_Alli ul li.current span.iconC:before {
  background-image: url("../img/icon/menu.png");
  background-size: auto 500%;
}
.tabMenu_logo_Alli ul li.current span.top.icon:before, .tabMenu_logo_Alli ul li.current span.top.iconR:before, .tabMenu_logo_Alli ul li.current span.top.iconL:before, .tabMenu_logo_Alli ul li.current span.top.iconC:before {
  background-position: 0% 100%;
}
.tabMenu_logo_Alli ul li.current span.campaign.icon:before, .tabMenu_logo_Alli ul li.current span.campaign.iconR:before, .tabMenu_logo_Alli ul li.current span.campaign.iconL:before, .tabMenu_logo_Alli ul li.current span.campaign.iconC:before {
  background-position: 5.26316% 100%;
}
.tabMenu_logo_Alli ul li.current span.coupon.icon:before, .tabMenu_logo_Alli ul li.current span.coupon.iconR:before, .tabMenu_logo_Alli ul li.current span.coupon.iconL:before, .tabMenu_logo_Alli ul li.current span.coupon.iconC:before {
  background-position: 10.52632% 100%;
}
.tabMenu_logo_Alli ul li.current span.pt-save.icon:before, .tabMenu_logo_Alli ul li.current span.pt-save.iconR:before, .tabMenu_logo_Alli ul li.current span.pt-save.iconL:before, .tabMenu_logo_Alli ul li.current span.pt-save.iconC:before {
  background-position: 15.78947% 100%;
}
.tabMenu_logo_Alli ul li.current span.pt-use.icon:before, .tabMenu_logo_Alli ul li.current span.pt-use.iconR:before, .tabMenu_logo_Alli ul li.current span.pt-use.iconL:before, .tabMenu_logo_Alli ul li.current span.pt-use.iconC:before {
  background-position: 21.05263% 100%;
}
.tabMenu_logo_Alli ul li.current span.pt-gift.icon:before, .tabMenu_logo_Alli ul li.current span.pt-gift.iconR:before, .tabMenu_logo_Alli ul li.current span.pt-gift.iconL:before, .tabMenu_logo_Alli ul li.current span.pt-gift.iconC:before {
  background-position: 26.31579% 100%;
}
.tabMenu_logo_Alli ul li.current span.shop.icon:before, .tabMenu_logo_Alli ul li.current span.shop.iconR:before, .tabMenu_logo_Alli ul li.current span.shop.iconL:before, .tabMenu_logo_Alli ul li.current span.shop.iconC:before {
  background-position: 31.57895% 100%;
}
.tabMenu_logo_Alli ul li.current span.news.icon:before, .tabMenu_logo_Alli ul li.current span.news.iconR:before, .tabMenu_logo_Alli ul li.current span.news.iconL:before, .tabMenu_logo_Alli ul li.current span.news.iconC:before {
  background-position: 36.84211% 100%;
}
.tabMenu_logo_Alli ul li.current span.clip.icon:before, .tabMenu_logo_Alli ul li.current span.clip.iconR:before, .tabMenu_logo_Alli ul li.current span.clip.iconL:before, .tabMenu_logo_Alli ul li.current span.clip.iconC:before {
  background-position: 42.10526% 100%;
}
.tabMenu_logo_Alli ul li.current span.search.icon:before, .tabMenu_logo_Alli ul li.current span.search.iconR:before, .tabMenu_logo_Alli ul li.current span.search.iconL:before, .tabMenu_logo_Alli ul li.current span.search.iconC:before {
  background-position: 47.36842% 100%;
}
.tabMenu_logo_Alli ul li.current span.appli.icon:before, .tabMenu_logo_Alli ul li.current span.appli.iconR:before, .tabMenu_logo_Alli ul li.current span.appli.iconL:before, .tabMenu_logo_Alli ul li.current span.appli.iconC:before {
  background-position: 52.63158% 100%;
}
.tabMenu_logo_Alli ul li.current span.guide.icon:before, .tabMenu_logo_Alli ul li.current span.guide.iconR:before, .tabMenu_logo_Alli ul li.current span.guide.iconL:before, .tabMenu_logo_Alli ul li.current span.guide.iconC:before {
  background-position: 57.89474% 100%;
}
.tabMenu_logo_Alli ul li.current span.config.icon:before, .tabMenu_logo_Alli ul li.current span.config.iconR:before, .tabMenu_logo_Alli ul li.current span.config.iconL:before, .tabMenu_logo_Alli ul li.current span.config.iconC:before {
  background-position: 63.15789% 100%;
}
.tabMenu_logo_Alli ul li.current span.logout.icon:before, .tabMenu_logo_Alli ul li.current span.logout.iconR:before, .tabMenu_logo_Alli ul li.current span.logout.iconL:before, .tabMenu_logo_Alli ul li.current span.logout.iconC:before {
  background-position: 68.42105% 100%;
}
.tabMenu_logo_Alli ul li.current span.faq.icon:before, .tabMenu_logo_Alli ul li.current span.faq.iconR:before, .tabMenu_logo_Alli ul li.current span.faq.iconL:before, .tabMenu_logo_Alli ul li.current span.faq.iconC:before {
  background-position: 73.68421% 100%;
}
.tabMenu_logo_Alli ul li.current span.cart.icon:before, .tabMenu_logo_Alli ul li.current span.cart.iconR:before, .tabMenu_logo_Alli ul li.current span.cart.iconL:before, .tabMenu_logo_Alli ul li.current span.cart.iconC:before {
  background-position: 78.94737% 100%;
}
.tabMenu_logo_Alli ul li.current span.favorite.icon:before, .tabMenu_logo_Alli ul li.current span.favorite.iconR:before, .tabMenu_logo_Alli ul li.current span.favorite.iconL:before, .tabMenu_logo_Alli ul li.current span.favorite.iconC:before {
  background-position: 84.21053% 100%;
}
.tabMenu_logo_Alli ul li.current span.point.icon:before, .tabMenu_logo_Alli ul li.current span.point.iconR:before, .tabMenu_logo_Alli ul li.current span.point.iconL:before, .tabMenu_logo_Alli ul li.current span.point.iconC:before {
  background-position: 89.47368% 100%;
}
.tabMenu_logo_Alli ul li.current span.menu.icon:before, .tabMenu_logo_Alli ul li.current span.menu.iconR:before, .tabMenu_logo_Alli ul li.current span.menu.iconL:before, .tabMenu_logo_Alli ul li.current span.menu.iconC:before {
  background-position: 94.73684% 100%;
}
.tabMenu_logo_Alli ul li.current span.pt-share.icon:before, .tabMenu_logo_Alli ul li.current span.pt-share.iconR:before, .tabMenu_logo_Alli ul li.current span.pt-share.iconL:before, .tabMenu_logo_Alli ul li.current span.pt-share.iconC:before {
  background-position: 100% 100%;
}

.categoryIcon {
  display: inline-block;
  padding: 3px 10px;
  color: #fff;
  font-size: 0.9rem;
  font-weight: bold;
  line-height: 1;
  vertical-align: top;
  background-color: #717071;
  border-radius: 8px;
}
.categoryIcon.label1 {
  background-color: #eb6100;
}
.categoryIcon.label2 {
  background-color: #14b6b7;
}
.categoryIcon.label3 {
  background-color: #5bc200;
}
.categoryIcon.label4 {
  background-color: #ecbd00;
}
.categoryIcon.label5 {
  background-color: #717071;
}

#topNav ul li.news_My a:before, #topNav ul li.news_waon a:before,.caution:before  {
  content: '!';
  position: absolute;
  top: 0;
  bottom: 0;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: auto;
  color: #fff;
  font-size: 1.2rem;
  font-weight: normal;
  line-height: 20px;
  text-align: center;
  vertical-align: middle;
  background: #717071;
  border-radius: 50%;
}
.caution:before  {
left: 0;
}
#serviceHeader {
  position: relative;
  z-index: 201;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  overflow: hidden;
  padding: 0 10px;
  color: #fff;
  background-color: #717071;
}
#serviceHeader #serviceLogo {
  -webkit-flex: 0 0 136px;
      -ms-flex: 0 0 136px;
          flex: 0 0 136px;
}
#serviceHeader .nav {
  -webkit-flex: 0 1 140px;
      -ms-flex: 0 1 140px;
          flex: 0 1 140px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
#serviceHeader .nav li {
  -webkit-flex: 0 0 35px;
      -ms-flex: 0 0 35px;
          flex: 0 0 35px;
  position: relative;
  margin-left: 5px;
}
#serviceHeader .nav li a, #serviceHeader .nav li button {
  display: block;
  width: 100%;
  color: inherit;
}
#serviceHeader .nav li a span, #serviceHeader .nav li button span {
  display: block;
  margin: auto;
  font-size: 10px;
  text-align: center;
  white-space: nowrap;
  -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
          transform: scale(0.8);
}
#serviceHeader .nav li a:before, #serviceHeader .nav li button:before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  margin: auto;
  background-image: url("../img/icon/menu.png");
  background-size: auto 500%;
}
#serviceHeader .nav li a.nav-news:before, #serviceHeader .nav li button.nav-news:before {
  background-position: 36.84211% 25%;
}
#serviceHeader .nav li a.nav-clip:before, #serviceHeader .nav li button.nav-clip:before {
  background-position: 42.10526% 25%;
}
#serviceHeader .nav li a.nav-search:before, #serviceHeader .nav li button.nav-search:before {
  background-position: 47.36842% 25%;
}
#serviceHeader .nav li a.nav-menu:before, #serviceHeader .nav li button.nav-menu:before {
  background-position: 94.73684% 25%;
}
#serviceHeader .nav li a.nav-point:before, #serviceHeader .nav li button.nav-point:before {
  background-position: 89.47368% 25%;
}
#serviceHeader .nav li .badge {
  right: -2px;
  top: -4px;
  width: 16px;
  height: 16px;
  line-height: 16px;
}
#serviceHeader .regist {
  -webkit-flex: 1 0 125px;
      -ms-flex: 1 0 125px;
          flex: 1 0 125px;
  max-width: 180px;
  margin: auto auto auto 5px;
}
#serviceHeader .regist .button {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 30px;
  padding: 0;
}
#serviceHeader.he_Login, #serviceHeader.he_Logout, #serviceHeader.he_Under, #serviceHeader.he_Logout_under {
  height: 60px;
}
#serviceHeader.he_Logout_under .nav {
  -webkit-flex-basis: 35px;
      -ms-flex-preferred-size: 35px;
          flex-basis: 35px;
}
#serviceHeader.he_app_Login, #serviceHeader.he_app_Logout {
  height: 44px;
}
#serviceHeader.he_app_Login .nav li a, #serviceHeader.he_app_Logout .nav li a, #serviceHeader.he_app_Login .nav li button, #serviceHeader.he_app_Logout .nav li button {
  height: 24px;
  overflow: hidden;
}
#serviceHeader.he_app_Login .nav-back, #serviceHeader.he_app_Logout .nav-back {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: inherit;
  font-size: 1.6rem;
  line-height: 1.2;
}
#serviceHeader.he_app_Login .nav-back:before, #serviceHeader.he_app_Logout .nav-back:before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  margin-right: 5px;
  margin-left: -5px;
  background-image: url("../img/icon/arrow.png");
  background-size: auto 200%;
  background-position: 60% 100%;
}

#topNav {
  position: relative;
  z-index: 1;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px;
}
#topNav ul li + li {
  border-top: #e3e3e3 solid 1px;
}
#topNav ul li a {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #222;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 20px;
}
#topNav ul li.news_My, #topNav ul li.news_waon {
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1.4;
  background-color: #f5f5f5;
}
#topNav ul li.news_My a, #topNav ul li.news_waon a {
  padding-left: 40px;
}
#topNav ul li.news_My a:before, #topNav ul li.news_waon a:before {
  left: 13px;
}

.pt_Fa, .pt_My, .pt_Quit li {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.2rem;
  line-height: 1.6;
}
.pt_Fa a, .pt_My a, .pt_Quit li a {
  min-height: 50px;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.pt_Fa a .image, .pt_My a .image, .pt_Quit li a .image {
  margin-left: -10px;
}
.pt_Fa .point, .pt_My .point, .pt_Quit li .point {
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  text-align: right;
  font-size: 1.2rem;
}
.pt_Fa .point .num, .pt_My .point .num, .pt_Quit li .point .num {
  font-size: 1.4rem;
  font-weight: bold;
}

.pt_My {
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.5rem;
}
#serviceHeader.he_Under + #topNav .pt_My {
  font-size: 1.3rem;
}
.pt_My .image {
  width: 50px;
  margin-right: 10px;
}
#serviceHeader.he_Under + #topNav .pt_My .image {
  width: 30px;
}
#serviceHeader.he_Under + #topNav .pt_My .point {
  font-size: 1rem;
}
.pt_My .point .num {
  font-size: 1.8rem;
}
#serviceHeader.he_Under + #topNav .pt_My .point .num {
  font-size: 1.3rem;
}

.pt_Quit {
  margin: 10px;
}

.my-waon-point {
  margin: 10px;
  line-height: 1.6;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.my-waon-point .icon:before, .my-waon-point .iconR:before, .my-waon-point .iconL:before, .my-waon-point .iconC:before {
  margin-right: 5px;
  background-image: url("../img/common/base/icon_linkarrow.png");
  vertical-align: middle;
}
.my-waon-point .point {
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  text-align: right;
  font-size: 1.2rem;
}
.my-waon-point .point .num {
  font-size: 1.4rem;
  font-weight: bold;
}

#bottomNav {
  border-top: #717071 solid 10px;
}
#bottomNav ul.list_menu {
  margin: 25px 10px;
}

ul.ptgift .icon, ul.ptgift .iconR, ul.ptgift .iconL, ul.ptgift .iconC {
  padding-left: 5px;
}
ul.ptgift .icon:before, ul.ptgift .iconR:before, ul.ptgift .iconL:before, ul.ptgift .iconC:before {
  margin: auto 10px;
}

footer {
  width: 100%;
  color: #fff;
  background-color: #717071;
}
footer.app {
  padding-bottom: 50px;
}
footer.fo_app_Login_fixmenu, footer.fo_app_Logout_fixmenu {
  position: fixed;
  bottom: 0;
}
footer.fo_app_Login_fixmenu a span, footer.fo_app_Logout_fixmenu a span,
footer.fo_app_Login_fixmenu button span,
footer.fo_app_Logout_fixmenu button span {
  white-space: nowrap;
  -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
          transform: scale(0.8);
}
footer ul.list_footer {
  padding: 25px 10px;
  margin: 0 10px;
}
footer ul.list_footer + ul {
  border-top: #a1a1a1 solid 1px;
}
footer ul.list_footer li {
  font-size: 1.4rem;
}
footer ul.list_footer li + li {
  margin-top: 25px;
}
footer ul.list_footer li a {
  color: inherit;
}
footer ul.nav {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 50px;
}
footer ul.nav li {
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
footer ul.nav li > a, footer ul.nav li > button {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 50px;
  color: inherit;
  font-size: 0.8rem;
  text-align: center;
}
footer ul.nav li > a:before, footer ul.nav li > button:before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  margin-bottom: 5px;
  background-image: url("../img/icon/menu.png");
  background-size: auto 500%;
}
footer ul.nav li > a.nav-home:before, footer ul.nav li > button.nav-home:before {
  background-position: 0% 25%;
}
footer ul.nav li > a.nav-clip:before, footer ul.nav li > button.nav-clip:before {
  background-position: 42.10526% 25%;
}
footer ul.nav li > a.nav-search:before, footer ul.nav li > button.nav-search:before {
  background-position: 47.36842% 25%;
}
footer ul.nav li > a.current, footer ul.nav li > button.current {
  background-color: #515051;
}
footer ul.nav li .regist {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 50px;
}
footer ul.nav li .regist .button {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 30px;
}
footer small {
  display: block;
  padding: 20px;
  font-size: 1.1rem;
  text-align: center;
  background-color: #4b4c4b;
}

#serviceLogo {
  width: 136px;
  height: 0;
  overflow: hidden;
  padding-top: 54px;
  background-image: url("../img/common/smart_waon_logotypo.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100%;
}

h1 {
  margin: 20px 10px 15px;
  color: #222;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.2;
}
h1:first-child {
  margin-top: 20px;
}
h1 span {
  display: block;
  padding-left: 7px;
  border-left: 3px #717071 solid;
}
h1.underline {
  padding-bottom: 9px;
  border-bottom: 1px #e3e3e3 solid;
}
h1.pt {
  text-align: center;
}
h1.balloon {
  position: relative;
  padding-bottom: 0;
  width: 225px;
  padding: 8px;
  margin: 20px auto;
  color: #fff;
  background-color: #717071;
  border-radius: 4px;
}
h1.balloon:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  bottom: -6px;
  width: 10px;
  height: 6px;
  display: block;
  margin: auto;
  border-top: #717071 solid 6px;
  border-left: transparent solid 5px;
  border-right: transparent solid 5px;
}
h1.balloon:after {
  top: auto;
  right: 0;
  left: 0;
}
h1.balloon span {
  padding: 0;
  border: none;
  margin: auto;
  text-align: center;
}
h1.balloon span.caption {
  font-size: 1.1rem;
  font-weight: normal;
}

h2 {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 20px 0 15px;
  color: #fff;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.2;
  background-color: #717071;
}
h2:first-child {
  margin-top: 20px;
}
h2 span {
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
h2.cmpttl, h2.pt {
  border: none;
  padding: 0;
  margin: 20px 0;
  font-size: 1.3rem;
  background-color: transparent;
  background-image: url("../img/common/base/h2_border.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100%;
}
h2.cmpttl span, h2.pt span {
  padding: 5px;
  position: relative;
  margin: 0 18%;
  color: #fff;
  text-align: center;
  background-color: #717071;
}
h2.cmpttl span:after, h2.pt span:after {
  position: absolute;
  top: 100%;
  left: 50%;
  content: "";
  width: 0;
  height: 0;
  margin-left: -5px;
  border-top: #717071 solid 6px;
  border-right: transparent solid 5px;
  border-left: transparent solid 5px;
}

h3 {
  margin: 20px auto 5px;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.2;
}
h3:first-child {
  margin-top: 20px;
}

.h3_title {
  margin: auto 15px;
}

h4 {
  margin: 20px auto 5px;
  font-size: 1.2rem;
  font-weight: normal;
  line-height: 1.2;
}

p.txt, p.Lead_L, span.txt, span.Lead_L, label.txt, label.Lead_L, a.txt, a.Lead_L {
  color: #222;
  font-size: 1.4rem;
  line-height: 1.8;
}
p.txtS, p.S, span.txtS, span.S, label.txtS, label.S, a.txtS, a.S {
  font-size: 1.2rem;
}
p.txtLL, span.txtLL, label.txtLL, a.txtLL {
  font-size: 1.8rem;
}
p.strong, span.strong, label.strong, a.strong {
  font-weight: bold;
}
p.alert, span.alert, label.alert, a.alert {
  color: #ff3b30;
}
p.success, span.success, label.success, a.success {
  color: #01a163;
}
p.attention, span.attention, label.attention, a.attention {
  color: #ff3b30;
}
p.notes, span.notes, label.notes, a.notes {
  color: #5a5a5a;
  font-size: 1.1rem;
}
p.waon-point, span.waon-point, label.waon-point, a.waon-point {
  font-weight: bold;
}
p.waon-point.strong:after, span.waon-point.strong:after, label.waon-point.strong:after, a.waon-point.strong:after {
  font-weight: bold;
}
p.waon-point:after, span.waon-point:after, label.waon-point:after, a.waon-point:after {
  content: 'WAON POINT';
  font-weight: normal;
  font-size: 1.2rem;
}

p.txt + p.txt, p.Lead_L + p.txt, p.txt + p.Lead_L, p.Lead_L + p.Lead_L {
  margin-top: 1em;
}

p.txtC, span.txtC, div.txtC, a.txtC, button.txtC {
  text-align: center;
}
p.txtC.arrow, p.txtC.arrowR, p.txtC.arrowL, p.txtC.arrowC, p.txtC.arrowR, p.txtC.arrowL, span.txtC.arrow, span.txtC.arrowR, span.txtC.arrowL, span.txtC.arrowC, span.txtC.arrowR, span.txtC.arrowL, div.txtC.arrow, div.txtC.arrowR, div.txtC.arrowL, div.txtC.arrowC, div.txtC.arrowR, div.txtC.arrowL, a.txtC.arrow, a.txtC.arrowR, #topNav ul li a.txtC, ul.list_link li a.txtC, ul.list_News li a.txtC, ul.list_News_Waon li a.txtC, ul.list_Config li a.txtC, ul.bp_All li a.txtC, ul.list_Shop_result li a.txtC, .item-list-link li a.txtC, ul.list-pt-use li a.txtC, ul.list-config-checkbox li a.txtC, a.txtC.arrowL, a.txtC.arrowC, a.txtC.arrowR, #topNav ul li a.txtC, ul.list_link li a.txtC, ul.list_News li a.txtC, ul.list_News_Waon li a.txtC, ul.list_Config li a.txtC, ul.bp_All li a.txtC, ul.list_Shop_result li a.txtC, .item-list-link li a.txtC, ul.list-pt-use li a.txtC, ul.list-config-checkbox li a.txtC, a.txtC.arrowL, button.txtC.arrow, button.txtC.arrowR, button.txtC.arrowL, button.txtC.arrowC, button.txtC.arrowR, button.txtC.arrowL {
  padding-left: 30px;
  padding-right: 30px;
}
p.txtR, span.txtR, div.txtR, a.txtR, button.txtR {
  text-align: right;
}

.Date_Time {
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.Date {
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: none;
}
.Date p, .Date_Time p {
  display: inline-block;
  padding-left: 0.5em;
  border-left: #999 dotted 1px;
  color: #999;
  font-size: 1.2rem;
  line-height: 1.6;
}
.Date_Time p span {
  display: inline-block;
}
.Date p span {
  display: none;
}

ul.default li p {
  position: relative;
  padding-left: 1.4em;
  margin-left: -1.4em;
}
ul.default li p:before {
  content: "";
  position: absolute;
  left: 0.4em;
  top: 0.6em;
  display: block;
  width: 0.4em;
  height: 0.4em;
  background-color: #717071;
  border-radius: 50%;
}

ol {
  counter-reset: olDefault;
}
ol.default li {
  counter-increment: olDefault;
}
ol.default li p {
  position: relative;
  padding-left: 1.4em;
  margin-left: -1.4em;
}
ol.default li p:before {
  content: counter(olDefault) ".";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 1.2em;
  color: #717071;
  text-align: right;
}

.button {
  min-width: 0;
  min-height: 0;
  text-align: left;
}
.button:after {
  display: none;
  content: "";
  top: auto;
  right: auto;
  left: auto;
  bottom: auto;
}

a, button {
  color: #007ede;
  text-decoration: none;
}
a.inactive, a[disabled], a.button[disabled], button.inactive, button[disabled], button.button[disabled] {
  pointer-events: none;
}
a.blank, button.blank {
  display: inline-block;
}
a.blank:after, button.blank:after {
  content: "";
  display: inline-block;
  width: 13px;
  height: 13px;
  margin-left: 0.5em;
  background-image: url("../img/common/base/icon_blank.png");
  background-size: auto 100%;
}

.button {
  display: block;
  box-sizing: border-box;
  width: 100%;
  padding: 9px;
  line-height: normal;
  border: #d5d5d5 solid 1px;
  background-color: #f5f5f5;
  border-radius: 20px;
}
.button span {
  vertical-align: middle;
}
.button.arrowL:after {
  left: 10px;
}
.button.arrowR:after, #topNav ul li a.button:after, ul.list_link li a.button:after, ul.list_News li a.button:after, ul.list_News_Waon li a.button:after, ul.list_Config li a.button:after, ul.bp_All li a.button:after, ul.list_Shop_result li a.button:after, .item-list-link li a.button:after, ul.list-pt-use li a.button:after, ul.list-config-checkbox li a.button:after {
  right: 10px;
}
.button.strongest {
  color: #fff;
  border-color: #eb6100;
  background-color: #eb6100;
}
.button.strongest span {
  color: inherit;
}
.button.inactive span, .button[disabled] span {
  color: #d5d5d5;
}
.button.function, .button.image {
  background-color: #fff;
}
.button.image {
  width: 40px;
  height: 40px;
  padding: 8px;
  overflow: hidden;
}
.button.image:before {
  content: "";
  position: static;
  display: block;
  width: 24px;
  height: 24px;
  margin: 0 auto 100%;
  background-size: auto 100%;
}
.button.image:after {
  display: none;
}
.button.image.camera:before {
  background-image: url("../img/common/base/icon_button.png");
  background-position: 0% 0%;
}
.button.image.search:before {
  background-image: url("../img/icon/button.png");
  background-position: 100% 0%;
}
.button.image.arrow, .button.image.arrowR, #topNav ul li a.button.image, ul.list_link li a.button.image, ul.list_News li a.button.image, ul.list_News_Waon li a.button.image, ul.list_Config li a.button.image, ul.bp_All li a.button.image, ul.list_Shop_result li a.button.image, .item-list-link li a.button.image, ul.list-pt-use li a.button.image, ul.list-config-checkbox li a.button.image, .button.image.arrowL, .button.image.arrowC {
  padding: 13px;
}
.button.image.arrow:before, .button.image.arrowR:before, #topNav ul li a.button.image:before, ul.list_link li a.button.image:before, ul.list_News li a.button.image:before, ul.list_News_Waon li a.button.image:before, ul.list_Config li a.button.image:before, ul.bp_All li a.button.image:before, ul.list_Shop_result li a.button.image:before, .item-list-link li a.button.image:before, ul.list-pt-use li a.button.image:before, ul.list-config-checkbox li a.button.image:before, .button.image.arrowL:before, .button.image.arrowC:before {
  width: 14px;
  height: 14px;
  background-image: url("../img/common/base/icon_linkarrow.png");
  background-size: auto 300%;
}
.button.btnS {
  width: auto;
  min-width: 75px;
  padding: 4px;
  font-weight: bold;
  border-radius: 20px;
}

.link-button {
  display: block;
  padding: 10px;
}

button.clip {
  position: relative;
  display: block;
  box-sizing: border-box;
  width: 55px;
  padding: 4px;
  border: #d5d5d5 solid 1px;
  color: #222;
  font-size: 1rem;
  font-weight: bold;
  text-align: right;
  background-color: #f5f5f5;
  border-radius: 4px;
}
button.clip:before {
  content: "";
  position: absolute;
  left: 5px;
  top: 50%;
  width: 11px;
  height: 11px;
  margin-top: -5.5px;
  background-image: url("../img/common/base/icon_clip.png");
  background-position: left top;
  background-size: 100% auto;
}
button.clip.clipped {
  border-color: #00ce7f;
  color: #fff;
  background-color: #00ce7f;
}
button.clip.clipped:before {
  background-position: left bottom;
}
button.clip.buttonR {
  margin-left: auto;
  margin-right: 0;
}
button.clip.clipped.buttonR {
  margin-left: auto;
  margin-right: 0;
}

.item-accordion > .header {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  padding-right: 30px;
}
.item-accordion > .header button.switch {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 30px;
  height: 50px;
  overflow: hidden;
  margin: auto;
}
.item-accordion > .header button.switch:before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  margin: 17px auto;
  background-image: url("../img/common/base/icon_accordion.png");
  background-size: auto 100%;
}
.item-accordion > .header.open button.switch:before {
  background-position: 100% 0%;
}
.item-accordion > .header.open + .content {
  display: block;
}
.item-accordion > .header.close button.switch:before {
  background-position: 0% 0%;
}
.item-accordion > .header.close + .content {
  display: none;
}

.item-drag {
  position: relative;
  padding-right: 30px;
}
.item-drag:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 7.5px;
  display: block;
  width: 15px;
  height: 15px;
  margin: auto;
}
.item-drag:before {
  height: 7px;
  padding: 2px 0;
  border-top: #bcbcbc solid 1px;
  border-bottom: #bcbcbc solid 1px;
  background-image: linear-gradient(to bottom, #fff 0%, #fff 40%, #bcbcbc 40%, #bcbcbc 60%, #fff 60%, #fff 100%);
}

.badge {
  position: absolute;
  z-index: 2;
  display: inline-block;
  padding: 0;
  color: #fff;
  font-size: 1rem;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  background-color: #ff3b30;
  border-radius: 50%;
  box-shadow: rgba(0, 0, 0, 0.6) 0px 1px 2px 0px;
}

.form-item {
  margin: 10px 0;
}
.form-item .form-select,
.form-item .form-checkbox,
.form-item .form-radio,
.form-item .form-text,
.form-item .form-textarea {
  margin: 0;
}
.form-item.wrap {
  margin-bottom: 0;
}
.form-item.wrap .form-select,
.form-item.wrap .form-checkbox,
.form-item.wrap .form-radio,
.form-item.wrap .form-text,
.form-item.wrap .form-textarea {
  margin-bottom: 10px;
}

.list-form .required:after {
  content: "必須";
  display: inline-block;
  padding: 0 3px 0 5px;
  margin-left: 5px;
  color: #fff;
  font-size: 9px;
  line-height: 13px;
  vertical-align: middle;
  letter-spacing: 2px;
  background-color: #ff3b30;
  border-radius: 4px;
}

.form-select {
  position: relative;
  display: block;
  border: #e4e4e4 solid 1px;
  border-radius: 4px;
  margin: 10px 0;
  background: #fff;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 3px 3px 0px inset;
}
.form-select:after {
  content: "";
  position: absolute;
  right: 14px;
  top: 50%;
  border-top: #666 solid 8px;
  border-right: transparent solid 6px;
  border-left: transparent solid 6px;
  margin-top: -4px;
}
.form-select select {
  box-sizing: border-box;
  width: 100%;
  padding: 14px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  color: #999;
  font-size: 1.4rem;
}
.form-select.disabled {
  background-color: #f5f5f5;
}
.form-select.disabled:after {
  border-top: #cacaca solid 8px;
}
.form-select.disabled select option {
  color: #d5d5d5;
}

.form-checkbox,
.form-radio {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 10px 0;
}
.form-checkbox input[type="checkbox"],
.form-checkbox input[type="radio"],
.form-radio input[type="checkbox"],
.form-radio input[type="radio"] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  position: relative;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  display: block;
  width: 25px;
  height: 25px;
  border: #e4e4e4 solid 1px;
  margin-right: 10px;
  vertical-align: middle;
  background-color: #fff;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 3px 3px 0px inset;
}
.form-checkbox input[type="checkbox"]:before,
.form-checkbox input[type="radio"]:before,
.form-radio input[type="checkbox"]:before,
.form-radio input[type="radio"]:before {
  content: "";
  position: absolute;
  left: 6.5px;
  top: 50%;
  content: "";
  display: none;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  background-color: #666;
}
.form-checkbox input[type="checkbox"]:checked:before,
.form-checkbox input[type="radio"]:checked:before,
.form-radio input[type="checkbox"]:checked:before,
.form-radio input[type="radio"]:checked:before {
  display: block;
}
.form-checkbox input[type="checkbox"]:disabled,
.form-checkbox input[type="radio"]:disabled,
.form-radio input[type="checkbox"]:disabled,
.form-radio input[type="radio"]:disabled {
  background-color: #f5f5f5;
}
.form-checkbox input[type="checkbox"]:disabled:before,
.form-checkbox input[type="radio"]:disabled:before,
.form-radio input[type="checkbox"]:disabled:before,
.form-radio input[type="radio"]:disabled:before {
  background-color: #cacaca;
}
.form-checkbox input[type="checkbox"]:disabled + label,
.form-checkbox input[type="radio"]:disabled + label,
.form-radio input[type="checkbox"]:disabled + label,
.form-radio input[type="radio"]:disabled + label {
  color: #d5d5d5;
}
.form-checkbox input[type="checkbox"],
.form-radio input[type="checkbox"] {
  border-radius: 4px;
}
.form-checkbox input[type="checkbox"]:before,
.form-radio input[type="checkbox"]:before {
  border-radius: 4px;
}
.form-checkbox input[type="radio"],
.form-radio input[type="radio"] {
  border-radius: 50%;
}
.form-checkbox input[type="radio"]:before,
.form-radio input[type="radio"]:before {
  border-radius: 50%;
}

.form-text,
.form-textarea {
  margin: 10px 0;
}
.form-text textarea,
.form-text input[type="text"],
.form-text input[type="password"],
.form-text input[type="datetime"],
.form-text input[type="datetime-local"],
.form-text input[type="date"],
.form-text input[type="month"],
.form-text input[type="time"],
.form-text input[type="week"],
.form-text input[type="number"],
.form-text input[type="email"],
.form-text input[type="url"],
.form-text input[type="search"],
.form-text input[type="tel"],
.form-text input[type="color"],
.form-textarea textarea,
.form-textarea input[type="text"],
.form-textarea input[type="password"],
.form-textarea input[type="datetime"],
.form-textarea input[type="datetime-local"],
.form-textarea input[type="date"],
.form-textarea input[type="month"],
.form-textarea input[type="time"],
.form-textarea input[type="week"],
.form-textarea input[type="number"],
.form-textarea input[type="email"],
.form-textarea input[type="url"],
.form-textarea input[type="search"],
.form-textarea input[type="tel"],
.form-textarea input[type="color"] {
  width: 100%;
  box-sizing: border-box;
  padding: 10px;
  border: #e4e4e4 solid 1px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 3px 3px 0px inset;
}
.form-text textarea.txt,
.form-text input[type="text"].txt,
.form-text input[type="password"].txt,
.form-text input[type="datetime"].txt,
.form-text input[type="datetime-local"].txt,
.form-text input[type="date"].txt,
.form-text input[type="month"].txt,
.form-text input[type="time"].txt,
.form-text input[type="week"].txt,
.form-text input[type="number"].txt,
.form-text input[type="email"].txt,
.form-text input[type="url"].txt,
.form-text input[type="search"].txt,
.form-text input[type="tel"].txt,
.form-text input[type="color"].txt,
.form-textarea textarea.txt,
.form-textarea input[type="text"].txt,
.form-textarea input[type="password"].txt,
.form-textarea input[type="datetime"].txt,
.form-textarea input[type="datetime-local"].txt,
.form-textarea input[type="date"].txt,
.form-textarea input[type="month"].txt,
.form-textarea input[type="time"].txt,
.form-textarea input[type="week"].txt,
.form-textarea input[type="number"].txt,
.form-textarea input[type="email"].txt,
.form-textarea input[type="url"].txt,
.form-textarea input[type="search"].txt,
.form-textarea input[type="tel"].txt,
.form-textarea input[type="color"].txt {
  color: #999;
  font-size: 1.4rem;
  line-height: 1.8;
}
.form-text textarea.error,
.form-text input[type="text"].error,
.form-text input[type="password"].error,
.form-text input[type="datetime"].error,
.form-text input[type="datetime-local"].error,
.form-text input[type="date"].error,
.form-text input[type="month"].error,
.form-text input[type="time"].error,
.form-text input[type="week"].error,
.form-text input[type="number"].error,
.form-text input[type="email"].error,
.form-text input[type="url"].error,
.form-text input[type="search"].error,
.form-text input[type="tel"].error,
.form-text input[type="color"].error,
.form-textarea textarea.error,
.form-textarea input[type="text"].error,
.form-textarea input[type="password"].error,
.form-textarea input[type="datetime"].error,
.form-textarea input[type="datetime-local"].error,
.form-textarea input[type="date"].error,
.form-textarea input[type="month"].error,
.form-textarea input[type="time"].error,
.form-textarea input[type="week"].error,
.form-textarea input[type="number"].error,
.form-textarea input[type="email"].error,
.form-textarea input[type="url"].error,
.form-textarea input[type="search"].error,
.form-textarea input[type="tel"].error,
.form-textarea input[type="color"].error {
  border-color: #ff3b30;
  background-color: #ffe6e4;
}
.form-text textarea:disabled,
.form-text input[type="text"]:disabled,
.form-text input[type="password"]:disabled,
.form-text input[type="datetime"]:disabled,
.form-text input[type="datetime-local"]:disabled,
.form-text input[type="date"]:disabled,
.form-text input[type="month"]:disabled,
.form-text input[type="time"]:disabled,
.form-text input[type="week"]:disabled,
.form-text input[type="number"]:disabled,
.form-text input[type="email"]:disabled,
.form-text input[type="url"]:disabled,
.form-text input[type="search"]:disabled,
.form-text input[type="tel"]:disabled,
.form-text input[type="color"]:disabled,
.form-textarea textarea:disabled,
.form-textarea input[type="text"]:disabled,
.form-textarea input[type="password"]:disabled,
.form-textarea input[type="datetime"]:disabled,
.form-textarea input[type="datetime-local"]:disabled,
.form-textarea input[type="date"]:disabled,
.form-textarea input[type="month"]:disabled,
.form-textarea input[type="time"]:disabled,
.form-textarea input[type="week"]:disabled,
.form-textarea input[type="number"]:disabled,
.form-textarea input[type="email"]:disabled,
.form-textarea input[type="url"]:disabled,
.form-textarea input[type="search"]:disabled,
.form-textarea input[type="tel"]:disabled,
.form-textarea input[type="color"]:disabled {
  color: #d5d5d5;
  background-color: #f5f5f5;
}
.form-text textarea.icon, .form-text textarea.iconR, .form-text textarea.iconL, .form-text textarea.iconC,
.form-text input[type="text"].icon,
.form-text input[type="text"].iconR,
.form-text input[type="text"].iconL,
.form-text input[type="text"].iconC,
.form-text input[type="password"].icon,
.form-text input[type="password"].iconR,
.form-text input[type="password"].iconL,
.form-text input[type="password"].iconC,
.form-text input[type="datetime"].icon,
.form-text input[type="datetime"].iconR,
.form-text input[type="datetime"].iconL,
.form-text input[type="datetime"].iconC,
.form-text input[type="datetime-local"].icon,
.form-text input[type="datetime-local"].iconR,
.form-text input[type="datetime-local"].iconL,
.form-text input[type="datetime-local"].iconC,
.form-text input[type="date"].icon,
.form-text input[type="date"].iconR,
.form-text input[type="date"].iconL,
.form-text input[type="date"].iconC,
.form-text input[type="month"].icon,
.form-text input[type="month"].iconR,
.form-text input[type="month"].iconL,
.form-text input[type="month"].iconC,
.form-text input[type="time"].icon,
.form-text input[type="time"].iconR,
.form-text input[type="time"].iconL,
.form-text input[type="time"].iconC,
.form-text input[type="week"].icon,
.form-text input[type="week"].iconR,
.form-text input[type="week"].iconL,
.form-text input[type="week"].iconC,
.form-text input[type="number"].icon,
.form-text input[type="number"].iconR,
.form-text input[type="number"].iconL,
.form-text input[type="number"].iconC,
.form-text input[type="email"].icon,
.form-text input[type="email"].iconR,
.form-text input[type="email"].iconL,
.form-text input[type="email"].iconC,
.form-text input[type="url"].icon,
.form-text input[type="url"].iconR,
.form-text input[type="url"].iconL,
.form-text input[type="url"].iconC,
.form-text input[type="search"].icon,
.form-text input[type="search"].iconR,
.form-text input[type="search"].iconL,
.form-text input[type="search"].iconC,
.form-text input[type="tel"].icon,
.form-text input[type="tel"].iconR,
.form-text input[type="tel"].iconL,
.form-text input[type="tel"].iconC,
.form-text input[type="color"].icon,
.form-text input[type="color"].iconR,
.form-text input[type="color"].iconL,
.form-text input[type="color"].iconC,
.form-textarea textarea.icon,
.form-textarea textarea.iconR,
.form-textarea textarea.iconL,
.form-textarea textarea.iconC,
.form-textarea input[type="text"].icon,
.form-textarea input[type="text"].iconR,
.form-textarea input[type="text"].iconL,
.form-textarea input[type="text"].iconC,
.form-textarea input[type="password"].icon,
.form-textarea input[type="password"].iconR,
.form-textarea input[type="password"].iconL,
.form-textarea input[type="password"].iconC,
.form-textarea input[type="datetime"].icon,
.form-textarea input[type="datetime"].iconR,
.form-textarea input[type="datetime"].iconL,
.form-textarea input[type="datetime"].iconC,
.form-textarea input[type="datetime-local"].icon,
.form-textarea input[type="datetime-local"].iconR,
.form-textarea input[type="datetime-local"].iconL,
.form-textarea input[type="datetime-local"].iconC,
.form-textarea input[type="date"].icon,
.form-textarea input[type="date"].iconR,
.form-textarea input[type="date"].iconL,
.form-textarea input[type="date"].iconC,
.form-textarea input[type="month"].icon,
.form-textarea input[type="month"].iconR,
.form-textarea input[type="month"].iconL,
.form-textarea input[type="month"].iconC,
.form-textarea input[type="time"].icon,
.form-textarea input[type="time"].iconR,
.form-textarea input[type="time"].iconL,
.form-textarea input[type="time"].iconC,
.form-textarea input[type="week"].icon,
.form-textarea input[type="week"].iconR,
.form-textarea input[type="week"].iconL,
.form-textarea input[type="week"].iconC,
.form-textarea input[type="number"].icon,
.form-textarea input[type="number"].iconR,
.form-textarea input[type="number"].iconL,
.form-textarea input[type="number"].iconC,
.form-textarea input[type="email"].icon,
.form-textarea input[type="email"].iconR,
.form-textarea input[type="email"].iconL,
.form-textarea input[type="email"].iconC,
.form-textarea input[type="url"].icon,
.form-textarea input[type="url"].iconR,
.form-textarea input[type="url"].iconL,
.form-textarea input[type="url"].iconC,
.form-textarea input[type="search"].icon,
.form-textarea input[type="search"].iconR,
.form-textarea input[type="search"].iconL,
.form-textarea input[type="search"].iconC,
.form-textarea input[type="tel"].icon,
.form-textarea input[type="tel"].iconR,
.form-textarea input[type="tel"].iconL,
.form-textarea input[type="tel"].iconC,
.form-textarea input[type="color"].icon,
.form-textarea input[type="color"].iconR,
.form-textarea input[type="color"].iconL,
.form-textarea input[type="color"].iconC {
  padding-left: 30px;
  background-size: auto 60%;
  background-position: 5px center;
  background-repeat: no-repeat;
}
.form-text textarea.icon.search, .form-text textarea.search.iconR, .form-text textarea.search.iconL, .form-text textarea.search.iconC,
.form-text input[type="text"].icon.search,
.form-text input[type="text"].search.iconR,
.form-text input[type="text"].search.iconL,
.form-text input[type="text"].search.iconC,
.form-text input[type="password"].icon.search,
.form-text input[type="password"].search.iconR,
.form-text input[type="password"].search.iconL,
.form-text input[type="password"].search.iconC,
.form-text input[type="datetime"].icon.search,
.form-text input[type="datetime"].search.iconR,
.form-text input[type="datetime"].search.iconL,
.form-text input[type="datetime"].search.iconC,
.form-text input[type="datetime-local"].icon.search,
.form-text input[type="datetime-local"].search.iconR,
.form-text input[type="datetime-local"].search.iconL,
.form-text input[type="datetime-local"].search.iconC,
.form-text input[type="date"].icon.search,
.form-text input[type="date"].search.iconR,
.form-text input[type="date"].search.iconL,
.form-text input[type="date"].search.iconC,
.form-text input[type="month"].icon.search,
.form-text input[type="month"].search.iconR,
.form-text input[type="month"].search.iconL,
.form-text input[type="month"].search.iconC,
.form-text input[type="time"].icon.search,
.form-text input[type="time"].search.iconR,
.form-text input[type="time"].search.iconL,
.form-text input[type="time"].search.iconC,
.form-text input[type="week"].icon.search,
.form-text input[type="week"].search.iconR,
.form-text input[type="week"].search.iconL,
.form-text input[type="week"].search.iconC,
.form-text input[type="number"].icon.search,
.form-text input[type="number"].search.iconR,
.form-text input[type="number"].search.iconL,
.form-text input[type="number"].search.iconC,
.form-text input[type="email"].icon.search,
.form-text input[type="email"].search.iconR,
.form-text input[type="email"].search.iconL,
.form-text input[type="email"].search.iconC,
.form-text input[type="url"].icon.search,
.form-text input[type="url"].search.iconR,
.form-text input[type="url"].search.iconL,
.form-text input[type="url"].search.iconC,
.form-text input[type="search"].icon.search,
.form-text input[type="search"].search.iconR,
.form-text input[type="search"].search.iconL,
.form-text input[type="search"].search.iconC,
.form-text input[type="tel"].icon.search,
.form-text input[type="tel"].search.iconR,
.form-text input[type="tel"].search.iconL,
.form-text input[type="tel"].search.iconC,
.form-text input[type="color"].icon.search,
.form-text input[type="color"].search.iconR,
.form-text input[type="color"].search.iconL,
.form-text input[type="color"].search.iconC,
.form-textarea textarea.icon.search,
.form-textarea textarea.search.iconR,
.form-textarea textarea.search.iconL,
.form-textarea textarea.search.iconC,
.form-textarea input[type="text"].icon.search,
.form-textarea input[type="text"].search.iconR,
.form-textarea input[type="text"].search.iconL,
.form-textarea input[type="text"].search.iconC,
.form-textarea input[type="password"].icon.search,
.form-textarea input[type="password"].search.iconR,
.form-textarea input[type="password"].search.iconL,
.form-textarea input[type="password"].search.iconC,
.form-textarea input[type="datetime"].icon.search,
.form-textarea input[type="datetime"].search.iconR,
.form-textarea input[type="datetime"].search.iconL,
.form-textarea input[type="datetime"].search.iconC,
.form-textarea input[type="datetime-local"].icon.search,
.form-textarea input[type="datetime-local"].search.iconR,
.form-textarea input[type="datetime-local"].search.iconL,
.form-textarea input[type="datetime-local"].search.iconC,
.form-textarea input[type="date"].icon.search,
.form-textarea input[type="date"].search.iconR,
.form-textarea input[type="date"].search.iconL,
.form-textarea input[type="date"].search.iconC,
.form-textarea input[type="month"].icon.search,
.form-textarea input[type="month"].search.iconR,
.form-textarea input[type="month"].search.iconL,
.form-textarea input[type="month"].search.iconC,
.form-textarea input[type="time"].icon.search,
.form-textarea input[type="time"].search.iconR,
.form-textarea input[type="time"].search.iconL,
.form-textarea input[type="time"].search.iconC,
.form-textarea input[type="week"].icon.search,
.form-textarea input[type="week"].search.iconR,
.form-textarea input[type="week"].search.iconL,
.form-textarea input[type="week"].search.iconC,
.form-textarea input[type="number"].icon.search,
.form-textarea input[type="number"].search.iconR,
.form-textarea input[type="number"].search.iconL,
.form-textarea input[type="number"].search.iconC,
.form-textarea input[type="email"].icon.search,
.form-textarea input[type="email"].search.iconR,
.form-textarea input[type="email"].search.iconL,
.form-textarea input[type="email"].search.iconC,
.form-textarea input[type="url"].icon.search,
.form-textarea input[type="url"].search.iconR,
.form-textarea input[type="url"].search.iconL,
.form-textarea input[type="url"].search.iconC,
.form-textarea input[type="search"].icon.search,
.form-textarea input[type="search"].search.iconR,
.form-textarea input[type="search"].search.iconL,
.form-textarea input[type="search"].search.iconC,
.form-textarea input[type="tel"].icon.search,
.form-textarea input[type="tel"].search.iconR,
.form-textarea input[type="tel"].search.iconL,
.form-textarea input[type="tel"].search.iconC,
.form-textarea input[type="color"].icon.search,
.form-textarea input[type="color"].search.iconR,
.form-textarea input[type="color"].search.iconL,
.form-textarea input[type="color"].search.iconC {
  background-image: url("../img/common/base/icon_form_search.png");
}
.form-text textarea.icon.area, .form-text textarea.area.iconR, .form-text textarea.area.iconL, .form-text textarea.area.iconC,
.form-text input[type="text"].icon.area,
.form-text input[type="text"].area.iconR,
.form-text input[type="text"].area.iconL,
.form-text input[type="text"].area.iconC,
.form-text input[type="password"].icon.area,
.form-text input[type="password"].area.iconR,
.form-text input[type="password"].area.iconL,
.form-text input[type="password"].area.iconC,
.form-text input[type="datetime"].icon.area,
.form-text input[type="datetime"].area.iconR,
.form-text input[type="datetime"].area.iconL,
.form-text input[type="datetime"].area.iconC,
.form-text input[type="datetime-local"].icon.area,
.form-text input[type="datetime-local"].area.iconR,
.form-text input[type="datetime-local"].area.iconL,
.form-text input[type="datetime-local"].area.iconC,
.form-text input[type="date"].icon.area,
.form-text input[type="date"].area.iconR,
.form-text input[type="date"].area.iconL,
.form-text input[type="date"].area.iconC,
.form-text input[type="month"].icon.area,
.form-text input[type="month"].area.iconR,
.form-text input[type="month"].area.iconL,
.form-text input[type="month"].area.iconC,
.form-text input[type="time"].icon.area,
.form-text input[type="time"].area.iconR,
.form-text input[type="time"].area.iconL,
.form-text input[type="time"].area.iconC,
.form-text input[type="week"].icon.area,
.form-text input[type="week"].area.iconR,
.form-text input[type="week"].area.iconL,
.form-text input[type="week"].area.iconC,
.form-text input[type="number"].icon.area,
.form-text input[type="number"].area.iconR,
.form-text input[type="number"].area.iconL,
.form-text input[type="number"].area.iconC,
.form-text input[type="email"].icon.area,
.form-text input[type="email"].area.iconR,
.form-text input[type="email"].area.iconL,
.form-text input[type="email"].area.iconC,
.form-text input[type="url"].icon.area,
.form-text input[type="url"].area.iconR,
.form-text input[type="url"].area.iconL,
.form-text input[type="url"].area.iconC,
.form-text input[type="search"].icon.area,
.form-text input[type="search"].area.iconR,
.form-text input[type="search"].area.iconL,
.form-text input[type="search"].area.iconC,
.form-text input[type="tel"].icon.area,
.form-text input[type="tel"].area.iconR,
.form-text input[type="tel"].area.iconL,
.form-text input[type="tel"].area.iconC,
.form-text input[type="color"].icon.area,
.form-text input[type="color"].area.iconR,
.form-text input[type="color"].area.iconL,
.form-text input[type="color"].area.iconC,
.form-textarea textarea.icon.area,
.form-textarea textarea.area.iconR,
.form-textarea textarea.area.iconL,
.form-textarea textarea.area.iconC,
.form-textarea input[type="text"].icon.area,
.form-textarea input[type="text"].area.iconR,
.form-textarea input[type="text"].area.iconL,
.form-textarea input[type="text"].area.iconC,
.form-textarea input[type="password"].icon.area,
.form-textarea input[type="password"].area.iconR,
.form-textarea input[type="password"].area.iconL,
.form-textarea input[type="password"].area.iconC,
.form-textarea input[type="datetime"].icon.area,
.form-textarea input[type="datetime"].area.iconR,
.form-textarea input[type="datetime"].area.iconL,
.form-textarea input[type="datetime"].area.iconC,
.form-textarea input[type="datetime-local"].icon.area,
.form-textarea input[type="datetime-local"].area.iconR,
.form-textarea input[type="datetime-local"].area.iconL,
.form-textarea input[type="datetime-local"].area.iconC,
.form-textarea input[type="date"].icon.area,
.form-textarea input[type="date"].area.iconR,
.form-textarea input[type="date"].area.iconL,
.form-textarea input[type="date"].area.iconC,
.form-textarea input[type="month"].icon.area,
.form-textarea input[type="month"].area.iconR,
.form-textarea input[type="month"].area.iconL,
.form-textarea input[type="month"].area.iconC,
.form-textarea input[type="time"].icon.area,
.form-textarea input[type="time"].area.iconR,
.form-textarea input[type="time"].area.iconL,
.form-textarea input[type="time"].area.iconC,
.form-textarea input[type="week"].icon.area,
.form-textarea input[type="week"].area.iconR,
.form-textarea input[type="week"].area.iconL,
.form-textarea input[type="week"].area.iconC,
.form-textarea input[type="number"].icon.area,
.form-textarea input[type="number"].area.iconR,
.form-textarea input[type="number"].area.iconL,
.form-textarea input[type="number"].area.iconC,
.form-textarea input[type="email"].icon.area,
.form-textarea input[type="email"].area.iconR,
.form-textarea input[type="email"].area.iconL,
.form-textarea input[type="email"].area.iconC,
.form-textarea input[type="url"].icon.area,
.form-textarea input[type="url"].area.iconR,
.form-textarea input[type="url"].area.iconL,
.form-textarea input[type="url"].area.iconC,
.form-textarea input[type="search"].icon.area,
.form-textarea input[type="search"].area.iconR,
.form-textarea input[type="search"].area.iconL,
.form-textarea input[type="search"].area.iconC,
.form-textarea input[type="tel"].icon.area,
.form-textarea input[type="tel"].area.iconR,
.form-textarea input[type="tel"].area.iconL,
.form-textarea input[type="tel"].area.iconC,
.form-textarea input[type="color"].icon.area,
.form-textarea input[type="color"].area.iconR,
.form-textarea input[type="color"].area.iconL,
.form-textarea input[type="color"].area.iconC {
  background-image: url("../img/common/base/icon_form_area.png");
}
.form-text textarea.icon.shop, .form-text textarea.shop.iconR, .form-text textarea.shop.iconL, .form-text textarea.shop.iconC,
.form-text input[type="text"].icon.shop,
.form-text input[type="text"].shop.iconR,
.form-text input[type="text"].shop.iconL,
.form-text input[type="text"].shop.iconC,
.form-text input[type="password"].icon.shop,
.form-text input[type="password"].shop.iconR,
.form-text input[type="password"].shop.iconL,
.form-text input[type="password"].shop.iconC,
.form-text input[type="datetime"].icon.shop,
.form-text input[type="datetime"].shop.iconR,
.form-text input[type="datetime"].shop.iconL,
.form-text input[type="datetime"].shop.iconC,
.form-text input[type="datetime-local"].icon.shop,
.form-text input[type="datetime-local"].shop.iconR,
.form-text input[type="datetime-local"].shop.iconL,
.form-text input[type="datetime-local"].shop.iconC,
.form-text input[type="date"].icon.shop,
.form-text input[type="date"].shop.iconR,
.form-text input[type="date"].shop.iconL,
.form-text input[type="date"].shop.iconC,
.form-text input[type="month"].icon.shop,
.form-text input[type="month"].shop.iconR,
.form-text input[type="month"].shop.iconL,
.form-text input[type="month"].shop.iconC,
.form-text input[type="time"].icon.shop,
.form-text input[type="time"].shop.iconR,
.form-text input[type="time"].shop.iconL,
.form-text input[type="time"].shop.iconC,
.form-text input[type="week"].icon.shop,
.form-text input[type="week"].shop.iconR,
.form-text input[type="week"].shop.iconL,
.form-text input[type="week"].shop.iconC,
.form-text input[type="number"].icon.shop,
.form-text input[type="number"].shop.iconR,
.form-text input[type="number"].shop.iconL,
.form-text input[type="number"].shop.iconC,
.form-text input[type="email"].icon.shop,
.form-text input[type="email"].shop.iconR,
.form-text input[type="email"].shop.iconL,
.form-text input[type="email"].shop.iconC,
.form-text input[type="url"].icon.shop,
.form-text input[type="url"].shop.iconR,
.form-text input[type="url"].shop.iconL,
.form-text input[type="url"].shop.iconC,
.form-text input[type="search"].icon.shop,
.form-text input[type="search"].shop.iconR,
.form-text input[type="search"].shop.iconL,
.form-text input[type="search"].shop.iconC,
.form-text input[type="tel"].icon.shop,
.form-text input[type="tel"].shop.iconR,
.form-text input[type="tel"].shop.iconL,
.form-text input[type="tel"].shop.iconC,
.form-text input[type="color"].icon.shop,
.form-text input[type="color"].shop.iconR,
.form-text input[type="color"].shop.iconL,
.form-text input[type="color"].shop.iconC,
.form-textarea textarea.icon.shop,
.form-textarea textarea.shop.iconR,
.form-textarea textarea.shop.iconL,
.form-textarea textarea.shop.iconC,
.form-textarea input[type="text"].icon.shop,
.form-textarea input[type="text"].shop.iconR,
.form-textarea input[type="text"].shop.iconL,
.form-textarea input[type="text"].shop.iconC,
.form-textarea input[type="password"].icon.shop,
.form-textarea input[type="password"].shop.iconR,
.form-textarea input[type="password"].shop.iconL,
.form-textarea input[type="password"].shop.iconC,
.form-textarea input[type="datetime"].icon.shop,
.form-textarea input[type="datetime"].shop.iconR,
.form-textarea input[type="datetime"].shop.iconL,
.form-textarea input[type="datetime"].shop.iconC,
.form-textarea input[type="datetime-local"].icon.shop,
.form-textarea input[type="datetime-local"].shop.iconR,
.form-textarea input[type="datetime-local"].shop.iconL,
.form-textarea input[type="datetime-local"].shop.iconC,
.form-textarea input[type="date"].icon.shop,
.form-textarea input[type="date"].shop.iconR,
.form-textarea input[type="date"].shop.iconL,
.form-textarea input[type="date"].shop.iconC,
.form-textarea input[type="month"].icon.shop,
.form-textarea input[type="month"].shop.iconR,
.form-textarea input[type="month"].shop.iconL,
.form-textarea input[type="month"].shop.iconC,
.form-textarea input[type="time"].icon.shop,
.form-textarea input[type="time"].shop.iconR,
.form-textarea input[type="time"].shop.iconL,
.form-textarea input[type="time"].shop.iconC,
.form-textarea input[type="week"].icon.shop,
.form-textarea input[type="week"].shop.iconR,
.form-textarea input[type="week"].shop.iconL,
.form-textarea input[type="week"].shop.iconC,
.form-textarea input[type="number"].icon.shop,
.form-textarea input[type="number"].shop.iconR,
.form-textarea input[type="number"].shop.iconL,
.form-textarea input[type="number"].shop.iconC,
.form-textarea input[type="email"].icon.shop,
.form-textarea input[type="email"].shop.iconR,
.form-textarea input[type="email"].shop.iconL,
.form-textarea input[type="email"].shop.iconC,
.form-textarea input[type="url"].icon.shop,
.form-textarea input[type="url"].shop.iconR,
.form-textarea input[type="url"].shop.iconL,
.form-textarea input[type="url"].shop.iconC,
.form-textarea input[type="search"].icon.shop,
.form-textarea input[type="search"].shop.iconR,
.form-textarea input[type="search"].shop.iconL,
.form-textarea input[type="search"].shop.iconC,
.form-textarea input[type="tel"].icon.shop,
.form-textarea input[type="tel"].shop.iconR,
.form-textarea input[type="tel"].shop.iconL,
.form-textarea input[type="tel"].shop.iconC,
.form-textarea input[type="color"].icon.shop,
.form-textarea input[type="color"].shop.iconR,
.form-textarea input[type="color"].shop.iconL,
.form-textarea input[type="color"].shop.iconC {
  background-image: url("../img/common/base/icon_form_shop.png");
}

p.box-content, div.box-content {
  margin: 15px;
}
p.box-button, div.box-button {
  margin: 20px 10px;
}
p.box-search, div.box-search {
  padding: 10px;
  background-color: #f5f5f5;
}
p.se_error, div.se_error {
  padding: 15px;
  margin: 20px 15px;
  background-color: #ffe6e4;
}
p.se_success, div.se_success {
  padding: 15px;
  margin: 20px 15px;
  background-color: #def9ee;
}

.image {
  position: relative;
  max-width: 100%;
  margin: auto;
}
.image.img_710, .image.img_710_222 {
  width: 355px;
}
.image.img_300 {
  width: 150px;
}
.image.img_150 {
  width: 75px;
}
.image.img_100 {
  width: 50px;
}
.image.img_My img {
  border-radius: 50%;
}
.image.image_Captcha {
  width: auto;
}
.image.image_Captcha img {
  width: auto;
  height: 100%;
}
.image.img_logo {
  height: 20px;
}
.image.img_logo img {
  width: auto;
  height: 100%;
}
.image.img_thumb:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
}
.image.img_thumb:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: block;
  width: 50px;
  height: 50px;
  margin: auto;
  background-image: url("../img/common/base/icon_play.png");
  background-size: contain;
}
.image.img_QR {
  width: 250px;
  padding: 25px;
  margin: 20px auto;
  background-color: #f5f5f5;
}

.box-image-text, .shop_Detail .info, ul.list_link li a, ul.list_News li a, ul.list_News_Waon li a, ul.list_Config li a, ul.bp_All li a, ul.list_Shop_result li a, .item-list-link li a, ul.list-pt-use li a, ul.list-config-checkbox li a, ul.list_Shop_result .form-checkbox label, .bp_All_search ul li form, .list_Shop .form-checkbox label, .item-list-del .info, ul.list-config-checkbox .form-checkbox label {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.box-image-text .image, .shop_Detail .info .image, ul.list_link li a .image, ul.list_News li a .image, ul.list_News_Waon li a .image, ul.list_Config li a .image, ul.bp_All li a .image, ul.list_Shop_result li a .image, .item-list-link li a .image, ul.list-pt-use li a .image, ul.list-config-checkbox li a .image, ul.list_Shop_result .form-checkbox label .image, .bp_All_search ul li form .image, .list_Shop .form-checkbox label .image, .item-list-del .info .image, ul.list-config-checkbox .form-checkbox label .image {
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin-right: 15px;
}
.box-image-text .main, .shop_Detail .info .main, ul.list_link li a .main, ul.list_News li a .main, ul.list_News_Waon li a .main, ul.list_Config li a .main, ul.bp_All li a .main, ul.list_Shop_result li a .main, .item-list-link li a .main, ul.list-pt-use li a .main, ul.list-config-checkbox li a .main, ul.list_Shop_result .form-checkbox label .main, .bp_All_search ul li form .main, .list_Shop .form-checkbox label .main, .item-list-del .info .main, ul.list-config-checkbox .form-checkbox label .main {
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.box-image-text .title, .shop_Detail .info .title, ul.list_link li a .title, ul.list_News li a .title, ul.list_News_Waon li a .title, ul.list_Config li a .title, ul.bp_All li a .title, ul.list_Shop_result li a .title, .item-list-link li a .title, ul.list-pt-use li a .title, ul.list-config-checkbox li a .title, ul.list_Shop_result .form-checkbox label .title, .bp_All_search ul li form .title, .list_Shop .form-checkbox label .title, .item-list-del .info .title, ul.list-config-checkbox .form-checkbox label .title {
  color: inherit;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.2;
}
.box-image-text .text, .shop_Detail .info .text, ul.list_link li a .text, ul.list_News li a .text, ul.list_News_Waon li a .text, ul.list_Config li a .text, ul.bp_All li a .text, ul.list_Shop_result li a .text, .item-list-link li a .text, ul.list-pt-use li a .text, ul.list-config-checkbox li a .text, ul.list_Shop_result .form-checkbox label .text, .bp_All_search ul li form .text, .list_Shop .form-checkbox label .text, .item-list-del .info .text, ul.list-config-checkbox .form-checkbox label .text {
  color: #5a5a5a;
  font-size: 1.1rem;
  line-height: 1.4;
}
.box-image-text .title + .text, .shop_Detail .info .title + .text, ul.list_link li a .title + .text, ul.list_News li a .title + .text, ul.list_News_Waon li a .title + .text, ul.list_Config li a .title + .text, ul.bp_All li a .title + .text, ul.list_Shop_result li a .title + .text, .item-list-link li a .title + .text, ul.list-pt-use li a .title + .text, ul.list-config-checkbox li a .title + .text, ul.list_Shop_result .form-checkbox label .title + .text, .bp_All_search ul li form .title + .text, .list_Shop .form-checkbox label .title + .text, .item-list-del .info .title + .text, ul.list-config-checkbox .form-checkbox label .title + .text {
  margin-top: 5px;
}
.box-image-text .date, .shop_Detail .info .date, ul.list_link li a .date, ul.list_News li a .date, ul.list_News_Waon li a .date, ul.list_Config li a .date, ul.bp_All li a .date, ul.list_Shop_result li a .date, .item-list-link li a .date, ul.list-pt-use li a .date, ul.list-config-checkbox li a .date, ul.list_Shop_result .form-checkbox label .date, .bp_All_search ul li form .date, .list_Shop .form-checkbox label .date, .item-list-del .info .date, ul.list-config-checkbox .form-checkbox label .date {
  display: inline-block;
  color: #5a5a5a;
  font-size: 1.2rem;
  line-height: 1.6;
}

div.flex {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
div.flex.column2 > * {
  width: 48%;
}
div.flex.column3 > * {
  -webkit-flex-basis: 30%;
      -ms-flex-preferred-size: 30%;
          flex-basis: 30%;
}
div.flex.column3.center {
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
div.flex.column4 > * {
  -webkit-flex-basis: 24%;
      -ms-flex-preferred-size: 24%;
          flex-basis: 24%;
}
div.flex.wrap {
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
div.flex.stretch {
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
div.flex.start {
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
div.flex.end {
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
div.flex .grow {
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
div.flex .image {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
div.flex .main {
  padding: 0 10px;
}
div.flex .main > * {
  margin-bottom: 10px;
}

.tl_2clm,
.tl_3clm {
  margin: 5px;
}
.tl_2clm:after,
.tl_3clm:after {
  content: "";
  display: block;
  clear: both;
}

.box-tl {
  display: block;
}
.box-tl + .box-tl {
  border-top: #e3e3e3 solid 1px;
}
.box-tl .box-button {
  margin: 10px 10px 0;
}
.box-tl .box-button:after {
  content: "";
  display: block;
  clear: both;
}
.box-tl .box-button button {
  float: right;
}
.box-tl .button.delete {
  width: 20px;
  height: 20px;
  padding: 4px;
  overflow: hidden;
  border-radius: 4px;
}
.box-tl .button.delete:before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 auto 20px;
  background-image: url("../img/common/base/icon_close.png");
  background-size: 100% auto;
  background-position: left top;
}
.box-tl .inner {
  padding: 10px 10px 0;
  background: #fff;
}
.box-tl .inner > .image {
  margin-bottom: 10px;
}
.box-tl .inner > .main {
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin-bottom: 10px;
}
.box-tl .inner > .main:after {
  content: "";
  display: block;
  clear: both;
}
.box-tl .inner > .main > p {
  margin-bottom: 10px;
}
.box-tl .inner > .main > button {
  float: right;
}
.box-tl .inner > .main .title {
  color: #007ede;
  font-size: 1.3rem;
  font-weight: bold;
  line-height: 1.2;
}
.box-tl .inner > .main .text {
  color: #5a5a5a;
  font-size: 1.1rem;
  line-height: 1.2;
}
.box-tl .inner > .main .Date, .box-tl .inner > .main .Date_Time {
  margin-bottom: 10px;
}
.box-tl .inner > .main .Date p, .box-tl .inner > .main .Date_Time p {
  font-size: 0.9rem;
}
.box-tl .inner > .main .label {
  padding: 5px;
  color: #222;
  font-size: 0.9rem;
  line-height: 1.2;
  background-color: #f5f5f5;
  border-radius: 4px;
}
.box-tl .inner > .main .img_logo {
  float: left;
}
.box-tl .inner.column2 {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.box-tl .inner.column2 > .image {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  margin: 0 15px 10px 0;
}
.box-tl .category {
  padding: 5px 10px;
  font-size: 0.9rem;
  line-height: 1.2;
  background-color: #f5f5f5;
}
.box-tl .category:before {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-right: 5px;
  vertical-align: middle;
  background-image: url("../img/icon/category.png");
  background-size: auto 200%;
}
.box-tl .category.campaign:before {
  background-position: 50% 0%;
}
.box-tl .category.coupon:before {
  background-position: 100% 0%;
}
.tl_2clm .box-tl {
  width: 50%;
  float: left;
  padding: 5px;
  border: none;
  border-radius: 0 0 8px 8px;
}
.tl_2clm .box-tl .inner {
  padding: 0;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 4px 0px;
}
.tl_2clm .box-tl .inner > .image {
  width: 100%;
  margin: 0 auto;
}
.tl_2clm .box-tl .inner > .image.img_My {
  width: 50%;
  padding-top: 10px;
}
.tl_2clm .box-tl .inner > .main {
  padding: 10px;
  margin: 0;
}
.tl_2clm .box-tl .category {
  border-radius: 0 0 8px 8px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 4px 0px;
}
.tl_3clm .box-tl {
  width: 33.3%;
  float: left;
  padding: 5px;
  border: none;
}
.tl_3clm .box-tl .inner {
  padding: 0;
}
.tl_3clm .box-tl .inner > .image {
  width: 100%;
  margin: 0 auto;
}
.tl_3clm .box-tl .inner > .main {
  padding: 10px 0 0;
  margin: 0;
}
.tl_3clm .box-tl .inner > .main .title {
  margin-bottom: 5px;
}
.tl_3clm .box-tl .inner > .main .point {
  color: #999;
  font-size: 1.1rem;
}
.tl_3clm .box-tl .inner > .main .point:after {
  content: 'WAON POINT';
}
.tl_3clm .box-tl:after {
  content: "";
  display: block;
  clear: both;
}

.conf_Prof_Img {
  position: relative;
  padding: 20px;
  margin: 10px 15px 20px;
  background: #f5f5f5;
}
.conf_Prof_Img button.camera {
  position: absolute;
  left: 50%;
  bottom: 20px;
  margin-left: 40px;
}

.point_Refine {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 10px;
  background-color: #f5f5f5;
}
.point_Refine .category {
  -webkit-flex-grow: 2;
      -ms-flex-positive: 2;
          flex-grow: 2;
  margin-right: 10px;
}
.point_Refine .month {
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.point_Detail, .point_His {
  margin: 10px 15px;
}
.point_Detail > ul > li, .point_His > ul > li {
  border-top: #e3e3e3 solid 1px;
  color: #222;
}
.point_Detail > ul > li .item-list, .point_His > ul > li .item-list {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 15px;
  padding-bottom: 15px;
  color: #222;
  font-size: 1.4rem;
  line-height: 1.2;
}
.point_Detail > ul > li .item-list .title, .point_His > ul > li .item-list .title {
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin: auto 5px;
}
.point_Detail > ul > li .item-list .point, .point_His > ul > li .item-list .point {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  font-size: 1rem;
}
.point_Detail > ul > li .item-list .point .num, .point_His > ul > li .item-list .point .num {
  font-size: 1.4rem;
  font-weight: bold;
}
.point_Detail > ul > li .detail, .point_His > ul > li .detail {
  padding: 0 15px;
  background-color: #f5f5f5;
}
.point_Detail > ul > li .detail li, .point_His > ul > li .detail li {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 0;
  border-bottom: #e3e3e3 solid 1px;
}
.point_Detail > ul > li .detail li .image, .point_His > ul > li .detail li .image {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  margin-right: 10px;
}
.point_Detail > ul > li .detail li .text, .point_His > ul > li .detail li .text {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.point_Detail > ul > li .detail li .point, .point_His > ul > li .detail li .point {
  font-size: 1.1rem;
}

.point_His > ul > li a {
  position: relative;
  padding-right: 30px;
}
.point_His > ul > li a .icon, .point_His > ul > li a .iconR, .point_His > ul > li a .iconL, .point_His > ul > li a .iconC {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 7px;
  display: block;
  width: 16px;
  height: 16px;
  overflow: hidden;
  margin: auto;
}
.point_His > ul > li a .icon:before, .point_His > ul > li a .iconR:before, .point_His > ul > li a .iconL:before, .point_His > ul > li a .iconC:before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background-image: url("../img/icon/arrow.png");
  background-size: auto 200%;
  background-position: 20% 0%;
}
.point_His > ul > li .detail {
  padding: 10px 15px;
  font-size: 1.1rem;
  line-height: 1.2;
}
.point_His > ul > li .detail li {
  padding: 0;
  border-bottom: none;
  margin: 10px auto;
}
.point_His > ul > li .detail li > .title {
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.box-frame {
  padding: 9px;
  border: #e3e3e3 solid 1px;
  margin: 10px 20px;
}

.box-gray {
  padding: 9px;
  background: #f5f5f5;
}

.box-border-top {
  padding: 15px 0 0;
  border-top: #e3e3e3 solid 1px;
  margin: 20px 10px;
}

.box-faq {
  margin: 15px 0;
}
.box-faq > .A,
.box-faq > .Q {
  margin: 15px 20px;
}
.box-faq > .A:before,
.box-faq > .Q:before {
  display: block;
  font-size: 1.6rem;
  font-weight: bold;
}
.box-faq > .Q {
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.2;
}
.box-faq > .Q:before {
  content: "Q.";
}
.box-faq > .Q p {
  font-size: 1.6rem;
}
.box-faq > .A:before {
  content: "A.";
}
.box-faq h3, .box-faq h4 {
  margin-left: 20px;
  margin-right: 20px;
}
.box-faq .list_link {
  border-bottom: #e3e3e3 solid 1px;
}

form.search, div.search-multi, form.search_2window {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px;
  background-color: #f5f5f5;
}
form.search .form-text, div.search-multi .form-text, form.search_2window .form-text {
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
form.search button, div.search-multi button, form.search_2window button {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  margin-left: 10px;
}

div.search-multi {
  background-color: transparent;
  padding: 0;
}
div.search-multi .form-text {
  margin: 0;
}

form.search_2window .operator {
  font-size: 1.8rem;
}

.shop_Detail .info {
  margin: 15px 10px;
}
.shop_Detail .info .waon-point {
  color: #222;
  font-weight: bold;
  font-size: 1.4rem;
}
.shop_Detail .info .waon-point:after {
  content: 'WAON POINT';
  font-size: 1.2rem;
  font-weight: normal;
}
.shop_Detail .box-button {
  margin: 15px 10px;
}
.shop_Detail .map {
  position: relative;
  margin: 15px 10px;
  padding-top: 70%;
}
.shop_Detail .map > iframe, .shop_Detail .map > div {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
}
.shop_Detail .tel {
  font-size: 1.4rem;
}

.box-slider {
  margin: 0 10px;
  position: relative;
}
.box-slider .item-slider {
  width: 100%;
  max-width: 375px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
.box-slider .item-slider .detail {
  width: 100%;
  padding: 15px 10px 10px;
  position: absolute;
  bottom: 0;
  background: #8d8d8c;
  color: #fff;
  opacity: 0.95;
}
.box-slider .item-slider .detail .catch {
  font-size: 1.1rem;
  line-height: 1.4;
}
.box-slider .item-slider .detail > div {
  margin-top: 5px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.box-slider .item-slider .detail > div .name {
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 1.6rem;
  line-height: 1.2;
}
.box-slider .item-slider .detail > div .point {
  padding-left: 10px;
  font-size: 1.6rem;
  line-height: 1.2;
}
.box-slider .item-slider .detail > div .point:after {
  content: 'ポイント';
  display: inline-block;
  margin-left: 2px;
  font-size: 1.1rem;
  font-weight: normal;
}

.nav-slider {
  margin: 10px 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-item-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.nav-slider li {
  margin: 0 2px;
  color: #e2e2e2;
}
.nav-slider li.current {
  color: #8a8b8a;
}

.slider-pager {
  position: static;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: auto;
  margin: 10px 0;
}
.slider-pager .slider-pager-page {
  margin: 0 2px;
  width: 14px;
  height: 14px;
  opacity: 1;
}

.ion-record:before {
  position: static;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #e3e3e3;
  border-radius: 50%;
}
.ion-record:before:before {
  display: none;
}
.active .ion-record:before {
  background-color: #717071;
}

.box-download {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background: #e9e9e9;
  padding: 15px;
  margin: 20px auto;
}
.box-download li {
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.box-download li .title {
  color: #eb6100;
  font-size: 1.1rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: 10px;
}
.box-download li a {
  display: block;
  width: 135px;
  height: 0;
  overflow: hidden;
  padding-top: 40px;
  margin: auto;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
.box-download li.iOS a {
  background-image: url("../img/common/Download_on_the_App_Store_JP_135x40.svg");
}
.box-download li.Android a {
  background-image: url("../img/common/google-play-badge.png");
}

.smart-waon-apri-dl ul {
  margin-top: 0;
  margin-bottom: 0;
}

.box-event-detail {
  margin: 15px;
  padding: 0 15px;
  background: #f5f5f5;
}
.box-event-detail.fit {
  margin: 0;
}
.box-event-detail table {
  width: 100%;
}
.box-event-detail tr:nth-child(n+2) {
  border-top: 1px solid #e3e3e3;
}
.box-event-detail th,
.box-event-detail td {
  padding: 10px 0;
  vertical-align: top;
  word-break: break-word;
  font-size: 1.4rem;
}
.box-event-detail th {
  width: 25%;
}
.box-event-detail td {
  padding-left: 5px;
  color: #5a5a5a;
}

.box-PU {
  padding: 15px;
  background-color: #f5f5f5;
}
.box-PU .inner {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 15px 20px;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px;
}
.box-PU .title {
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  color: #222;
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1.2;
}
.box-PU .text {
  color: #5a5a5a;
  font-size: 1.2rem;
  line-height: 1.2;
}

.tabMenu_logo {
  overflow: auto;
  padding-top: 5px;
  background-image: linear-gradient(to bottom, #f4f4f4 0%, #878787 100%);
}
.tabMenu_logo ul {
  display: inline-block;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 44px;
  border-bottom: #717071 solid 2px;
}
.tabMenu_logo ul li {
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 15px;
  background-image: linear-gradient(to bottom, #fffefd 0%, #fefbf8 100%);
  border-radius: 8px 8px 0 0;
}
.tabMenu_logo ul li + li:before {
  position: absolute;
  top: 12px;
  bottom: 12px;
  left: 0;
  content: "";
  width: 1px;
  background-color: rgba(0, 0, 0, 0.1);
}
.tabMenu_logo ul li span {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #444;
  font-size: 1.2rem;
  font-weight: bold;
  white-space: pre;
}
.tabMenu_logo ul li span:before {
  background-image: url("../img/icon/menu.png");
  background-size: auto 500%;
}
.tabMenu_logo ul li.top span:before {
  background-position: 0% 50%;
}
.tabMenu_logo ul li.campaign span:before {
  background-position: 5.26316% 50%;
}
.tabMenu_logo ul li.coupon span:before {
  background-position: 10.52632% 50%;
}
.tabMenu_logo ul li.pt-save span:before {
  background-position: 15.78947% 50%;
}
.tabMenu_logo ul li.pt-use span:before {
  background-position: 21.05263% 50%;
}
.tabMenu_logo ul li.pt-gift span:before {
  background-position: 26.31579% 50%;
}
.tabMenu_logo ul li.shop span:before {
  background-position: 31.57895% 50%;
}
.tabMenu_logo ul li.news span:before {
  background-position: 36.84211% 50%;
}
.tabMenu_logo ul li.clip span:before {
  background-position: 42.10526% 50%;
}
.tabMenu_logo ul li.search span:before {
  background-position: 47.36842% 50%;
}
.tabMenu_logo ul li.appli span:before {
  background-position: 52.63158% 50%;
}
.tabMenu_logo ul li.guide span:before {
  background-position: 57.89474% 50%;
}
.tabMenu_logo ul li.config span:before {
  background-position: 63.15789% 50%;
}
.tabMenu_logo ul li.logout span:before {
  background-position: 68.42105% 50%;
}
.tabMenu_logo ul li.faq span:before {
  background-position: 73.68421% 50%;
}
.tabMenu_logo ul li.cart span:before {
  background-position: 78.94737% 50%;
}
.tabMenu_logo ul li.favorite span:before {
  background-position: 84.21053% 50%;
}
.tabMenu_logo ul li.point span:before {
  background-position: 89.47368% 50%;
}
.tabMenu_logo ul li.menu span:before {
  background-position: 94.73684% 50%;
}
.tabMenu_logo ul li.pt-share span:before {
  background-position: 100% 50%;
}
.tabMenu_logo ul li.top span:before, .tabMenu_logo ul li.campaign span:before, .tabMenu_logo ul li.coupon span:before {
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  margin-right: 5px;
}
.tabMenu_logo ul li.on {
  background: #717071;
}
.tabMenu_logo ul li.on.top {
  background: #eb6100;
}
.tabMenu_logo ul li.on.campaign {
  background: #5bc200;
}
.tabMenu_logo ul li.on.coupon {
  background: #0095eb;
}
.tabMenu_logo ul li.on span {
  color: #fff;
}
.tabMenu_logo ul li.on.top span:before {
  background-position: 0% 25%;
}
.tabMenu_logo ul li.on.campaign span:before {
  background-position: 5.26316% 25%;
}
.tabMenu_logo ul li.on.coupon span:before {
  background-position: 10.52632% 25%;
}
.tabMenu_logo ul li.on.pt-save span:before {
  background-position: 15.78947% 25%;
}
.tabMenu_logo ul li.on.pt-use span:before {
  background-position: 21.05263% 25%;
}
.tabMenu_logo ul li.on.pt-gift span:before {
  background-position: 26.31579% 25%;
}
.tabMenu_logo ul li.on.shop span:before {
  background-position: 31.57895% 25%;
}
.tabMenu_logo ul li.on.news span:before {
  background-position: 36.84211% 25%;
}
.tabMenu_logo ul li.on.clip span:before {
  background-position: 42.10526% 25%;
}
.tabMenu_logo ul li.on.search span:before {
  background-position: 47.36842% 25%;
}
.tabMenu_logo ul li.on.appli span:before {
  background-position: 52.63158% 25%;
}
.tabMenu_logo ul li.on.guide span:before {
  background-position: 57.89474% 25%;
}
.tabMenu_logo ul li.on.config span:before {
  background-position: 63.15789% 25%;
}
.tabMenu_logo ul li.on.logout span:before {
  background-position: 68.42105% 25%;
}
.tabMenu_logo ul li.on.faq span:before {
  background-position: 73.68421% 25%;
}
.tabMenu_logo ul li.on.cart span:before {
  background-position: 78.94737% 25%;
}
.tabMenu_logo ul li.on.favorite span:before {
  background-position: 84.21053% 25%;
}
.tabMenu_logo ul li.on.point span:before {
  background-position: 89.47368% 25%;
}
.tabMenu_logo ul li.on.menu span:before {
  background-position: 94.73684% 25%;
}
.tabMenu_logo ul li.on.pt-share span:before {
  background-position: 100% 25%;
}

.tabMenu_sub {
  padding: 20px 10px;
  background-color: #f5f5f5;
}
.tabMenu_sub ul {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.tabMenu_sub ul > li {
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 0 10px;
  border-right: #d5d5d5 solid 1px;
}
.tabMenu_sub ul > li span {
  display: block;
  padding: 10px 0;
  margin: -10px 0;
  color: #222;
  font-size: 1rem;
  font-weight: bold;
  text-align: center;
}
.tabMenu_sub ul > li:first-child {
  border-left: #d5d5d5 solid 1px;
}
.tabMenu_sub ul > li.current span {
  color: #fff;
  background-color: #717071;
}

.page_navi {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 15px;
  margin: 15px auto;
}
.page_navi > * {
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.page_navi > .nav {
  -webkit-flex-grow: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  width: 20%;
}
.page_navi > .nav button {
  width: 40px;
}
.page_navi > .nav:first-child button {
  float: left;
}
.page_navi > .nav:last-child button {
  float: right;
}
.page_navi > .nav:after {
  content: "";
  display: block;
  clear: both;
}
.page_navi .page {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.page_navi .page button {
  width: 40px;
}
.page_navi .page .current .button {
  color: #fff;
  background-color: #717071;
}
.page_navi .page .current .button * {
  color: inherit;
}
.page_navi button {
  height: 40px;
  padding: 0;
}

.link_pipe {
  letter-spacing: -0.4em;
}
.link_pipe > * {
  display: inline-block;
  letter-spacing: normal;
}
.link_pipe > * + *:before {
  content: "｜";
  display: inline-block;
  margin: 0 0.2em;
}
.link_pipe > *.current a {
  pointer-events: none;
  color: #222;
  font-weight: bold;
}

.accordion {
  background-color: #f5f5f5;
}
.accordion .title button {
  position: relative;
  width: 100%;
  min-height: 58px;
  padding: 15px;
  padding-right: 30px;
  text-align: left;
}
.accordion .title.close + .content {
  height: 0;
}
.accordion .title.close + .content > .inner {
  -webkit-transform: scale3d(1, 0, 1);
          transform: scale3d(1, 0, 1);
}
.accordion .content {
  overflow: hidden;
}
.accordion .content > .inner {
  -webkit-transform-origin: 50% 0;
      -ms-transform-origin: 50% 0;
          transform-origin: 50% 0;
}

.tabMenu_logo_Alli {
  background-image: url("../img/common/base/h2_border.png");
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: 100%;
}
.tabMenu_logo_Alli ul {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.tabMenu_logo_Alli ul li {
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.tabMenu_logo_Alli ul li a {
  padding: 10px 0;
  display: block;
}
.tabMenu_logo_Alli ul li span {
  display: block;
  border-right: #d5d5d5 solid 1px;
  padding: 5px 0;
  color: #007ede;
  font-size: 1.2rem;
  text-align: center;
}
.tabMenu_logo_Alli ul li span.icon:before, .tabMenu_logo_Alli ul li span.iconR:before, .tabMenu_logo_Alli ul li span.iconL:before, .tabMenu_logo_Alli ul li span.iconC:before {
  width: 20px;
  height: 20px;
  margin-right: 5px;
  vertical-align: middle;
}
.tabMenu_logo_Alli ul li.current {
  border-bottom: 4px solid #8a8b8a;
}
.tabMenu_logo_Alli ul li.current span {
  color: #222;
  font-weight: bold;
}
.tabMenu_logo_Alli ul li:last-child span {
  border-right: none;
}

.sort_navi:before {
  content: '並び順';
  margin-right: 1em;
  display: inline-block;
}
.sort_navi ul {
  letter-spacing: -0.4em;
  display: inline-block;
}
.sort_navi ul > * {
  display: inline-block;
  letter-spacing: normal;
}
.sort_navi ul > *:first-child:before {
  content: '[';
  margin-right: 1em;
  display: inline-block;
  color: #cdcdcd;
}
.sort_navi ul > *:last-child:after {
  content: ']';
  margin-left: 1em;
  display: inline-block;
  color: #cdcdcd;
}
.sort_navi ul > * + *:before {
  content: "｜";
  display: inline-block;
  margin: 0 0.2em;
}
.sort_navi ul > *.current a {
  pointer-events: none;
  color: #222;
  font-weight: bold;
}

.cart_navi {
  margin-top: -20px;
  height: 42px;
  color: #222;
  background: #f5f5f5;
  border-bottom: 1px solid #e3e3e3;
}
.cart_navi ul {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 42px;
  font-size: 1.3rem;
}
.cart_navi li {
  text-align: center;
}
.cart_navi li:not(.cart) {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.cart_navi li.cart {
  width: 57px;
  height: 100%;
  border-left: 1px solid #dadada;
  position: relative;
  overflow: hidden;
}
.cart_navi li.cart:before {
  content: '';
  position: absolute;
  top: 50%;
  width: 22px;
  height: 22px;
  left: 50%;
  margin-top: -11px;
  margin-left: -8px;
  background: url(../img/icon/menu.png);
  background-size: auto 500%;
  background-position: 78.94737% 0%;
}
.cart_navi li.cart .badge {
  right: 4px;
  top: 4px;
  width: 16px;
  height: 16px;
  line-height: 16px;
}
.cart_navi li.cart a {
  padding-top: 42px;
  display: block;
  position: relative;
  z-index: 2;
}
.cart_navi li.current a {
  font-weight: bold;
  color: inherit;
}

ul.list-text {
  margin: 10px;
}

ul.list_menu {
  margin: 20px;
}
ul.list_menu li + li {
  margin-top: 20px;
}

ul.UL_side {
  margin: 10px 15px;
}
ul.UL_side > li + li {
  margin-top: 15px;
}
ul.UL_side > li a {
  font-size: 1.4rem;
  line-height: 1.4;
  position: relative;
  display: inline-block;
  padding-left: 1.6rem;
}
ul.UL_side > li a:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0.63rem;
  display: block;
  width: 0.6rem;
  height: 0.7rem;
  background-color: #717071;
  -webkit-clip-path: polygon(0 0, 0% 100%, 100% 50%);
          clip-path: polygon(0 0, 0% 100%, 100% 50%);
}

ul.list_link, ul.list_News, ul.list_News_Waon, ul.list_Config, ul.bp_All, ul.list_Shop_result, .item-list-link, ul.list-pt-use, ul.list-config-checkbox {
  border-top: #e3e3e3 solid 1px;
}
h2 + ul.list_link, h2 + ul.list_News, h2 + ul.list_News_Waon, h2 + ul.list_Config, h2 + ul.bp_All, h2 + ul.list_Shop_result, h2 + .item-list-link, h2 + ul.list-pt-use, h2 + ul.list-config-checkbox {
  margin-top: -15px;
}
ul.list_link li, ul.list_News li, ul.list_News_Waon li, ul.list_Config li, ul.bp_All li, ul.list_Shop_result li, .item-list-link li, ul.list-pt-use li, ul.list-config-checkbox li {
  padding-left: 10px;
}
ul.list_link li a, ul.list_News li a, ul.list_News_Waon li a, ul.list_Config li a, ul.bp_All li a, ul.list_Shop_result li a, .item-list-link li a, ul.list-pt-use li a, ul.list-config-checkbox li a {
  min-height: 50px;
  padding: 10px 30px 10px 10px;
  border-bottom: #e3e3e3 solid 1px;
}
ul.list_link li a > span, ul.list_News li a > span, ul.list_News_Waon li a > span, ul.list_Config li a > span, ul.bp_All li a > span, ul.list_Shop_result li a > span, .item-list-link li a > span, ul.list-pt-use li a > span, ul.list-config-checkbox li a > span {
  font-size: 1.4rem;
  line-height: 1.6;
}

ul.list_News li.unread, ul.list_News_Waon li.unread {
  position: relative;
  background-color: #f5f5f5;
}
ul.list_News li .categoryIcon, ul.list_News_Waon li .categoryIcon {
  margin-left: 5px;
}

ul.list_Config > li:last-child a {
  border-bottom: none;
}

ul.bp_All .image {
  border: #e3e3e3 solid 1px;
}

ul.list_Shop_result li {
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 10px 30px 10px 0;
  margin-left: 10px;
}
ul.list_Shop_result li a {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  padding: 0;
  padding-right: 30px;
}
ul.list_Shop_result li a:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
}
ul.list_Shop_result .form-checkbox {
  position: relative;
  z-index: 2;
  margin: 0;
}

.bp_All_search ul {
  border-top: #e3e3e3 solid 1px;
}
.bp_All_search ul li {
  padding-left: 10px;
}
.bp_All_search ul li + li form {
  border-top: #e3e3e3 solid 1px;
}
.bp_All_search ul li form {
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px 0;
}
.bp_All_search ul li form > * {
  margin-right: 10px;
}

.list_Int, .list_Shop {
  padding: 0 15px;
}
.list_Int .item-list, .list_Shop .item-list {
  border-bottom: #e3e3e3 solid 1px;
}
.list_Int > *:first-child .item-list, .list_Shop > *:first-child .item-list {
  border-top: #e3e3e3 solid 1px;
}

ul.conf_Home, ul.conf_Fam {
  border-top: #e3e3e3 solid 1px;
}
ul.conf_Home li, ul.conf_Fam li {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px;
  margin-left: 10px;
}
ul.conf_Home li + li, ul.conf_Fam li + li {
  border-top: #e3e3e3 solid 1px;
}
ul.conf_Home li > * + *, ul.conf_Fam li > * + * {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  margin-left: 10px;
}
ul.conf_Home li .main, ul.conf_Fam li .main {
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
ul.conf_Home li .name, ul.conf_Fam li .name {
  color: #222;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.4;
}
ul.conf_Home li .kana, ul.conf_Fam li .kana {
  color: #5a5a5a;
  font-size: 1.1rem;
  line-height: 1.4;
}
ul.conf_Home li .nickname, ul.conf_Fam li .nickname {
  display: inline-block;
  padding: 2px 5px;
  color: #fff;
  font-size: 1.2rem;
  line-height: 1.4;
  background-color: #717071;
  border-radius: 4px;
}

ul.conf_Fam li .image {
  -webkit-flex: 0 0 50px;
      -ms-flex: 0 0 50px;
          flex: 0 0 50px;
  margin-left: -10px;
}
ul.conf_Fam li .status p {
  min-width: 75px;
}

dt {
  font-weight: normal;
}

dl.list-form {
  margin: 0 20px;
}
dl.list-form dd {
  margin: 10px auto 20px;
}

.list-Faq h2 {
  background: #8a8b8a;
  color: #fff;
  padding: 8px 10px;
  margin: 0;
  border: 0;
  line-height: 1.8;
}
.list-Faq h2 .arrowR, .list-Faq h2 #topNav ul li a, #topNav ul li .list-Faq h2 a, .list-Faq h2 ul.list_link li a, ul.list_link li .list-Faq h2 a, .list-Faq h2 ul.list_News li a, ul.list_News li .list-Faq h2 a, .list-Faq h2 ul.list_News_Waon li a, ul.list_News_Waon li .list-Faq h2 a, .list-Faq h2 ul.list_Config li a, ul.list_Config li .list-Faq h2 a, .list-Faq h2 ul.bp_All li a, ul.bp_All li .list-Faq h2 a, .list-Faq h2 ul.list_Shop_result li a, ul.list_Shop_result li .list-Faq h2 a, .list-Faq h2 .item-list-link li a, .item-list-link li .list-Faq h2 a, .list-Faq h2 ul.list-pt-use li a, ul.list-pt-use li .list-Faq h2 a, .list-Faq h2 ul.list-config-checkbox li a, ul.list-config-checkbox li .list-Faq h2 a {
  color: #fff;
  margin-right: -10px;
}
.list-Faq h3 {
  margin-right: 10px;
  margin-left: 10px;
}
.list-Faq .list_link {
  border-bottom: #e3e3e3 solid 1px;
}

.list-exchange-point-detail li {
  padding: 10px 15px 15px;
  border-top: 1px solid #e3e3e3;
}
.list-exchange-point-detail li:last-child {
  border-bottom: 1px solid #e3e3e3;
}
.list-exchange-point-detail li > h3:first-child {
  margin-top: 0;
}
.list-exchange-point-detail li .name {
  font-size: 1.4rem;
  font-weight: bold;
}
.list-exchange-point-detail li .name span {
  font-weight: normal;
  font-size: 1.2rem;
}
.list-exchange-point-detail li .name span:before {
  content: ' ｜ ';
  color: #ccc;
  font-size: 1.4rem;
}
.list-exchange-point-detail li .tokimeki {
  margin-top: 10px;
}
.list-exchange-point-detail li .point-status {
  margin-top: 10px;
  padding: 8px 10px;
  background: #f5f5f5;
  font-size: 1.6rem;
  font-weight: bold;
}
.list-exchange-point-detail li .point-status span:before,
.list-exchange-point-detail li .point-status span:after {
  font-size: 1.1rem;
  font-weight: normal;
}
.list-exchange-point-detail li .point-status span:last-child:before {
  content: '　→　';
}
.list-exchange-point-detail li .point-status .point:after {
  content: 'ポイント';
}
.list-exchange-point-detail li .point-status .waon-point:after {
  content: 'WAON POINT';
}
.list-exchange-point-detail li .explain {
  margin-top: 10px;
}
.list-exchange-point-detail li .detail {
  margin-top: 15px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.list-exchange-point-detail li .detail .image {
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin: 0 15px 0 0;
}
.list-exchange-point-detail li > .button {
  margin-top: 10px;
}

.item-list-del {
  border-bottom: 1px solid #e3e3e3;
}
.item-list-del li {
  border-top: 1px solid #e3e3e3;
  padding: 15px 20px;
}
.item-list-del .info .waon {
  font-weight: bold;
  font-size: 1.4rem;
}
.item-list-del .info .waon:after {
  content: 'WAON POINT';
  font-size: 1.2rem;
  font-weight: normal;
}
.item-list-del .form-item {
  margin-bottom: 0;
}
.item-list-del .form-item > *:nth-child(n+2) {
  margin-left: 10px;
}

.item-list-link li a .waon-point {
  color: #222;
  font-weight: bold;
  font-size: 1.4rem;
}
.item-list-link li a .waon-point:after {
  content: 'WAON POINT';
  font-size: 1.2rem;
  font-weight: normal;
}

ul.list-config-checkbox {
  border-bottom: 1px solid #e3e3e3;
}
ul.list-config-checkbox li {
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 0;
  margin-left: 10px;
}
ul.list-config-checkbox li:nth-child(n+2) .form-checkbox {
  border-top: 1px solid #e3e3e3;
}
ul.list-config-checkbox .form-checkbox {
  padding: 10px 10px 10px 0;
  position: relative;
  z-index: 2;
  margin: 0;
}

#drawer {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 501;
  width: 100%;
  height: 100%;
  overflow: auto;
  /*-webkit-overflow-scrolling: touch;*/
  /*background-color: rgba(0, 0, 0, 0.75);*/
  background: rgba(0,0,0,.4);
  transition: all .5s;
}
#drawer span.regist {
        width: 140px;
        position: absolute;
        top: 15px;
        right: 0;
        left:0;
        display: block;
        margin: auto;
        height: 30px;
        padding: 0;
        }
#drawer.close {
  -webkit-transform: translate3d(-100%, 0, 0);
          transform: translate3d(-100%, 0, 0);
}
#drawer.open {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
#drawer > div {
  display: none;
  overflow-y: auto;
}
#drawer.nav-menu > .drw-menu {
  display: block;
}
#drawer button.close {
  overflow-y: auto;
  z-index: 999;
  position: absolute;
  top: 0;
  right: 0;
  width: 55px;
  height: 60px;
  color: #fff;
  font-size: 8px;
  line-height: 1.2;
  background-color: #717071;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
#drawer button.close:before {
  content: '';
  width: 20px;
  height: 0;
  margin: 4px auto 8px;
  padding-top: 20px;
  display: block;
  background: url(../img/common/base/icon_close.png) no-repeat;
  background-position: 0% 100%;
  background-size: 100% auto;
  overflow: hidden;
}
#drawer .drw-menu .box-profile {
  padding-bottom: 1px;
  color: #222;
  background-color: #dcdddd;
}
#drawer .drw-menu .box-profile .name {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 110px;
  padding: 20px;
  background-image: url(../img/common/base/bg_drawer.png);
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: auto 85%;
}
#drawer .drw-menu .box-profile .name:before {
  content: "ようこそ";
  display: block;
  margin-bottom: 5px;
  font-size: 1.3rem;
}
#drawer .drw-menu .box-profile .name span {
  font-size: 1.5rem;
}
#drawer .drw-menu .box-profile .name span em {
  font-size: 2.0rem;
  font-weight: bold;
}
#drawer .drw-menu .box-profile > .box-button button {
  width: 45%;
  margin: auto;
  border: 2px solid #bcbcbc;
  padding: 5px;
  text-align: center;
  background: transparent;
  font-size: 1.4rem;
}
#drawer .drw-menu .box-profile > .box-button button span {
  color: #5a5a5a;
}
#drawer .drw-menu .list-point {
  margin: auto 10px;
}
#drawer .drw-menu .list-point li {
  background-color: #fff;
}
#drawer .drw-menu .list-point li + li {
  margin-top: 5px;
}
#drawer .drw-menu .list-point li > a, #drawer .drw-menu .list-point li > div {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px 30px 10px 10px;
  color: #222;
}
#drawer .drw-menu .list-point li > a .title, #drawer .drw-menu .list-point li > div .title {
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  font-size: 1.2rem;
}
#drawer .drw-menu .list-point li > a .point, #drawer .drw-menu .list-point li > div .point {
  -webkit-flex-grow: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  color: #222;
  font-size: 9px;
  line-height: 1.2;
}
#drawer .drw-menu .list-point li > a .point span, #drawer .drw-menu .list-point li > div .point span {
  display: inline-block;
}
#drawer .drw-menu .list-point li > a .point span:last-child, #drawer .drw-menu .list-point li > div .point span:last-child {
  /* UNIT */
  margin-left: 5px;
  color: #5a5a5a;
}
#drawer .drw-menu .list-point li > a .point .num, #drawer .drw-menu .list-point li > div .point .num {
  font-size: 1.9rem;
  font-weight: bold;
}
#drawer .drw-menu .nav-global {
  padding: 20px 0;
  color: #fff;
  background-color: #717071;
}
#drawer .drw-menu .nav-global .badge {
  left: 12px;
  top: 4px;
  width: 14px;
  height: 14px;
  line-height: 14px;
}
#drawer .drw-menu .nav-global .inform {
  padding-left: 32px;
  position: relative;
}
#drawer .drw-menu .nav-global .inform:before {
  content: '!';
  width: 16px;
  height: 16px;
  line-height: 16px;
  border-radius: 50%;
  position: absolute;
  left: 2px;
  text-align: center;
  font-size: 1.2rem;
  color: #717071;
  background: #fff;
}
#drawer .drw-menu .nav-global .iconL {
  padding-left: 32px;
}
#drawer .drw-menu .nav-global .iconL:before {
  width: 20px;
  height: 20px;
  left: 0;
  background-image: url("../img/icon/menu.png");
}
#drawer .drw-menu .nav-global .iconL.family:before {
  background-position: 0% 0%;
}
#drawer .drw-menu .nav-global .iconL.friends:before {
  background-position: 100% 0%;
}
#drawer .drw-menu .nav-global h2 {
  padding: 0 12px;
  border: none;
  margin: 20px 0 10px;
  color: #fff;
  font-size: 1.1rem;
}
#drawer .drw-menu .nav-global ul {
  padding-left: 12px;
  border-top: #808080 solid 1px;
  border-bottom: #808080 solid 1px;
  margin: 0 0 20px;
}
#drawer .drw-menu .nav-global ul li + li {
  border-top: #808080 solid 1px;
}
#drawer .drw-menu .nav-global ul li > a, #drawer .drw-menu .nav-global ul li > button, #drawer .drw-menu .nav-global ul li > div {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px 15px 12px 10px;
  color: inherit;
  font-size: 1.4rem;
  line-height: 1.2;
}
#drawer .drw-menu.logout .nav-global {
  padding-top: 60px;
}
#drawer.app {
  transition: none;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}
#drawer.app.close {
  left: -99999px;
  top: -99999px;
}
#drawer.app.close .drw-menu {
  -webkit-transform: translate3d(-100%, 0, 0);
          transform: translate3d(-100%, 0, 0);
}
#drawer.app.open {
  left: 0;
  top: 0;
}
#drawer.app.open .drw-menu {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
#drawer.app > div {
  display: block;
  overflow-y: auto;
}
#drawer.app .drw-menu {
  transition: all .5s;
  width: 80%;
}
#drawer.app .nav-global {
  background-color: #efefef;
}
#drawer.app .nav-global .inform:before {
  color: #fff;
  background: #464646;
}
#drawer.app .nav-global h2 {
  color: #5a5a5a;
  background-color: transparent;
}
#drawer.app .nav-global ul {
  border-color: #dfdfdf;
  background-color: #fff;
}
#drawer.app .nav-global ul li + li {
  border-color: #efefef;
}
#drawer.app .nav-global ul li > a, #drawer.app .nav-global ul li > button, #drawer.app .nav-global ul li > div {
  padding: 15px 25px 15px 10px;
  color: #222;
  overflow-y: auto;
}

#point-window.app {
  width: 100%;
  padding: 0 9px;
  position: absolute;
  top: 42px;
  left: 0;
  z-index: 500;
}
#point-window.app.close {
  display: none;
}
#point-window.app:before {
  content: "";
  position: absolute;
  right: 64px;
  top: -6px;
  display: block;
  border-right: transparent solid 4px;
  border-bottom: #fff solid 6px;
  border-left: transparent solid 4px;
}
#point-window.app > .inner {
  background-color: #fff;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 4px 0px;
}
#point-window.app > .inner .name {
  padding: 15px;
  font-size: 1.2rem;
}
#point-window.app > .inner .name em {
  font-size: 1.6rem;
  font-weight: bold;
}
#point-window.app > .inner .list-point {
  margin: 0 15px;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}
#point-window.app > .inner .list-point li + li {
  border-top: 1px solid #e5e5e5;
}
#point-window.app > .inner .list-point li > a {
  padding: 10px 20px 10px 0;
}
#point-window.app > .inner .list-point li > div {
  padding: 15px 20px 15px 0;
}
#point-window.app > .inner .list-point li > a, #point-window.app > .inner .list-point li > div {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #222;
}
#point-window.app > .inner .list-point li > a:after, #point-window.app > .inner .list-point li > div:after {
  right: 0;
}
#point-window.app > .inner .list-point li > a .title, #point-window.app > .inner .list-point li > div .title {
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  font-size: 1.2rem;
}
#point-window.app > .inner .list-point li > a .point, #point-window.app > .inner .list-point li > div .point {
  -webkit-flex-grow: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  color: #222;
  font-size: 9px;
  line-height: 1.2;
}
#point-window.app > .inner .list-point li > a .point span, #point-window.app > .inner .list-point li > div .point span {
  display: inline-block;
}
#point-window.app > .inner .list-point li > a .point span:last-child, #point-window.app > .inner .list-point li > div .point span:last-child {
  /* UNIT */
  margin-left: 5px;
  color: #5a5a5a;
  font-size: 1.1rem;
}
#point-window.app > .inner .list-point li > a .point .num, #point-window.app > .inner .list-point li > div .point .num {
  font-size: 1.8rem;
  font-weight: bold;
}
#point-window.app > .inner .list-point li > a .point.walk .num, #point-window.app > .inner .list-point li > div .point.walk .num {
  font-size: 1.2rem;
  font-weight: normal;
}
#point-window.app > .inner .list-point li > a .point.walk span:last-child, #point-window.app > .inner .list-point li > div .point.walk span:last-child {
  /* UNIT */
  margin-left: 5px;
  font-size: 1.0rem;
}
#point-window.app > .inner .function a, #point-window.app > .inner .button.image a {
  width: 100%;
  height: 45px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 1.2rem;
  text-align: center;
  background-color: #717071;
}
#point-window.app > .inner .function a:before, #point-window.app > .inner .button.image a:before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  margin-right: 10px;
}
#point-window.app > .inner .function a span, #point-window.app > .inner .button.image a span {
  color: #fff;
}

#Modal {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 201;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.75);
}
#Modal.close {
  display: none;
}
#Modal.open {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
#Modal .content {
  position: relative;
  width: 100%;
  margin: 20px;
  background-color: #fff;
}
#Modal .content button.close {
  position: absolute;
  right: -10px;
  top: -10px;
  display: block;
  width: 32px;
  height: 32px;
  border: #fff solid 2px;
  overflow: hidden;
  background-color: #717071;
  border-radius: 50%;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 6px 0px;
}
#Modal .content button.close:before {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  margin: 7px;
  background-image: url("../img/common/base/icon_close.png");
  background-position: 0% 100%;
  background-size: 100% auto;
}
#Modal .item-modal {
  padding: 20px 10px;
  display: none;
}
#Modal .item-modal.current {
  display: block;
}
#Modal .item-modal > *:first-child {
  margin-top: 0;
}
#Modal .item-modal > *:last-child {
  margin-bottom: 0;
}

#search-global {
  padding-top: 20px;
}

#timeline {
  padding-bottom: 20px;
  background-color: #dcdddd;
}
#timeline .content {
  display: none;
}
#timeline.top .content.top {
  display: block;
}
#timeline.campaign .content.campaign {
  display: block;
}
#timeline.coupon .content.coupon {
  display: block;
}
#timeline.top .tabMenu_logo ul {
  border-bottom-color: #eb6100;
}
#timeline.campaign .tabMenu_logo ul {
  border-bottom-color: #5bc200;
}
#timeline.coupon .tabMenu_logo ul {
  border-bottom-color: #0095eb;
}

#contents.screen8_1 h1 {
  margin: -20px 0 0;
}
#contents.screen8_1 h1 img {
  width: 100%;
}
#contents.screen8_1 .bt-dowonload-area.upper {
  padding: 15px 10px;
  background: #e2e2e2;
}
#contents.screen8_1 .howto > * {
  width: 50%;
  padding: 0 10px 0 5px;
  float: left;
}
#contents.screen8_1 .howto > *:last-child {
  padding: 0 5px 0 10px;
}
#contents.screen8_1 .howto img {
  width: 100%;
}
#contents.screen8_1 .howto li {
  min-height: 8em;
  margin-top: 25px;
  border-top: 1px solid #ebebeb;
  padding-top: 20px;
  position: relative;
  font-size: 1.4rem;
}
#contents.screen8_1 .howto li:before {
  content: '';
  width: 22px;
  height: 22px;
  line-height: 22px;
  margin-left: -11px;
  border: 1px solid #8a8b8a;
  border-radius: 11px;
  background: #fff;
  position: absolute;
  top: -11px;
  left: 50%;
  text-align: center;
  color: #8a8b8a;
  font-weight: bold;
  z-index: 0;
}
#contents.screen8_1 .howto li:after {
  content: '';
  width: 38px;
  height: 22px;
  line-height: 22px;
  margin-left: -19px;
  background: #fff;
  position: absolute;
  top: -11px;
  left: 50%;
  text-align: center;
  z-index: -1;
}
#contents.screen8_1 .howto li:nth-child(1):before {
  content: '1';
}
#contents.screen8_1 .howto li:nth-child(2):before {
  content: '2';
}
#contents.screen8_1 .howto li:nth-child(3):before {
  content: '3';
}
#contents.screen8_1 .howto:after {
  content: "";
  display: block;
  clear: both;
}
#contents.screen8_1 .frame-main {
  margin-top: -20px;
  padding: 56px 0 45px;
  background: url("../img/common/base/bg_body.png") repeat center center;
  background-image: url("../img/8_2_1/sp_bg.png"), url("../img/common/base/bg_body.png");
  background-position: center bottom, center center;
  background-repeat: no-repeat, repeat;
  background-size: contain, 100% 100%;
}
#contents.screen8_1 .frame-main .bt-area {
  margin: 20px 20px 0;
  border-radius: 4px;
}
#contents.screen8_1 .frame-main .bt-area.bg-w {
  padding: 30px 0 5px;
  background: #fff;
}
#contents.screen8_1 .frame-main .bt-area.bg-g {
  padding: 15px 0 10px;
  background: #8a8b8a;
}
#contents.screen8_1 .frame-main .bt-area.bg-g:after {
  content: "";
  display: block;
  clear: both;
}
#contents.screen8_1 .frame-main .bt-area.bg-g a {
  width: 50%;
  float: left;
  text-align: center;
  position: relative;
}
#contents.screen8_1 .frame-main .bt-area.bg-g a img {
  width: 90%;
}
#contents.screen8_1 .frame-main .bt-area.bg-g a:first-child:before {
  /* 中央の罫線 */
  content: '';
  width: 1px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  background: #9b9c9b;
}

#contents.screen8_2_3 h1 {
  margin: 40px 50px 15px;
  border: none;
}
#contents.screen8_2_3 > img {
  padding: 25px 60px;
}

#contents.screen20_1 .card-image {
  width: 70%;
  margin: 30px auto;
}
#contents.screen20_1 .explain-and-image {
  margin: 10px 15px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
#contents.screen20_1 .explain-and-image p {
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
#contents.screen20_1 .explain-and-image div {
  width: 75px;
  margin-left: 15px;
}

#contents.screen41_0 {
  margin: 0 auto;
  padding: 1px 0 40px;
  background: url(../img/8_1/pc_tile.png) repeat;
}
#contents.screen41_0 .explain-point ol > li {
  padding: 20px 0 40px;
}
#contents.screen41_0 .explain-point ol > li:nth-child(n+2) {
  border-top: 2px solid #e3e3e3;
}
#contents.screen41_0 .explain-point p.txt, #contents.screen41_0 .explain-point p.Lead_L {
  margin: 0 30px;
}
#contents.screen41_0 .explain-point p.txt + p, #contents.screen41_0 .explain-point p.Lead_L + p {
  margin-top: 0.5em;
}
#contents.screen41_0 .explain-point .title {
  margin: 0;
  border: none;
}
#contents.screen41_0 .explain-point .title img {
  margin: auto;
}
#contents.screen41_0 .explain-point #shop .title img {
  width: 198px;
}
#contents.screen41_0 .explain-point #net .title img {
  width: 294px;
}
#contents.screen41_0 .explain-point #walking .title img {
  width: 306px;
}
#contents.screen41_0 .explain-point #exchange .title img {
  width: 235px;
}
#contents.screen41_0 .explain-point #enquete .title img {
  width: 284px;
}
#contents.screen41_0 .explain-point #usable .title img {
  width: 254px;
}
#contents.screen41_0 .explain-point #exchange-item .title img {
  width: 315px;
}
#contents.screen41_0 .explain-point #exchange-point .title img {
  width: 210px;
}
#contents.screen41_0 .explain-point #entry .title img {
  width: 224px;
}
#contents.screen41_0 .explain-point #present .title img {
  width: 228px;
}
#contents.screen41_0 .explain-point .image img {
  width: 190px;
  margin: 20px auto;
}
#contents.screen41_0 .explain-point #net .txt.strong, #contents.screen41_0 .explain-point #net p.strong.Lead_L, #contents.screen41_0 .explain-point #net span.strong.Lead_L, #contents.screen41_0 .explain-point #net label.strong.Lead_L, #contents.screen41_0 .explain-point #net a.strong.Lead_L {
  margin: 15px 0 5px;
}
#contents.screen41_0 .explain-point .box-button {
  margin: 10px 30px 0;
}

#contents.screen41_4 .box-step {
  margin: 25px 15px 0;
  padding: 15px;
  background: #f5f5f5;
}
#contents.screen41_4 .box-step .no1:before {
  content: 'STEP 1：';
}
#contents.screen41_4 .box-step .no2:before {
  content: 'STEP 2：';
}
#contents.screen41_4 .box-step .no3:before {
  content: 'STEP 3：';
}
#contents.screen41_4 .box-step .no4:before {
  content: 'STEP 4：';
}
#contents.screen41_4 .box-step .no5:before {
  content: 'STEP 5：';
}
#contents.screen41_4 .box-step .no6:before {
  content: 'STEP 6：';
}
#contents.screen41_4 .box-step .no1:before,
#contents.screen41_4 .box-step .no2:before,
#contents.screen41_4 .box-step .no3:before,
#contents.screen41_4 .box-step .no4:before,
#contents.screen41_4 .box-step .no5:before,
#contents.screen41_4 .box-step .no6:before {
  color: #eb6100;
}
#contents.screen41_4 .box-step .smart-waon-apri-dl {
  margin: 5px -15px -15px;
}

#contents.screen51_3 .point_Exchange {
  margin: 10px 15px;
}
#contents.screen51_3 .point_Exchange li {
  padding: 0 10px;
  background: #f5f5f5;
}
#contents.screen51_3 .point_Exchange li:first-child {
  border-bottom: 1px solid #dedfde;
}
#contents.screen51_3 .point_Exchange li:last-child {
  background: #e5e5e5;
}
#contents.screen51_3 .point_Exchange .exchange-point,
#contents.screen51_3 .point_Exchange .exchange-num {
  padding-top: 15px;
  padding-bottom: 15px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  color: #222;
  font-size: 1.4rem;
  line-height: 1.6;
}
#contents.screen51_3 .point_Exchange .exchange-point {
  padding: 15px 0;
}
#contents.screen51_3 .point_Exchange .exchange-num {
  padding: 0;
}
#contents.screen51_3 .point_Exchange .exchange-button {
  padding: 10px 0;
}
#contents.screen51_3 .point_Exchange .exchange-point .title,
#contents.screen51_3 .point_Exchange .exchange-num .title {
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin: auto 5px;
}
#contents.screen51_3 .point_Exchange .exchange-point .point,
#contents.screen51_3 .point_Exchange .exchange-num .point {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  font-size: 1.2rem;
}
#contents.screen51_3 .point_Exchange .exchange-point .point .num,
#contents.screen51_3 .point_Exchange .exchange-num .point .num {
  font-size: 1.8rem;
  font-weight: bold;
}
#contents.screen51_3 .spec {
  margin: 10px 15px;
  padding: 10px;
  background: #f5f5f5;
}

.he_intro {
  position: relative;
  min-height: 100%;
  background: url("../img/common/base/bg_tutorial.png"), url("../img/common/base/bg_body.png");
  background-position: center bottom, left;
  background-repeat: repeat-x, repeat;
  background-size: auto 160px, 50px;
}
.he_intro #serviceLogo {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.he_intro .box-slider {
  margin: 0;
}
.he_intro .slider-pager {
  margin: 15px 0;
}
.he_intro .slider-pager .slider-pager-page {
  width: 6px;
  height: 6px;
  margin: 0 5px;
}
.he_intro .box-button {
  margin: 20px 15px;
}
.he_intro .box-button .button {
  max-width: 345px;
  margin: auto;
}

/*# sourceMappingURL=common.css.map */