body {
  background-image: url(../images/bg.png);
}

.footer {
  background-color: transparent;
}

.copy_wrap {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 4;
}

.copy_wrap .close {
  position: absolute;
  top: -40px;
  right: 0;
  width: 30px;
}

#foo {
  width: 400px;
  height: 50px;
  border: 1px solid #e1e1e1;
  padding-left: 15px;
  border-radius: 6px;
  font-size: 16px;
  background-color: #fff;
}

.copy_btn {
  width: 200px;
  height: 42px;
  line-height: 42px;
  margin: 10px auto;
  color: #fff;
  background-color: #3f77dd;
  font-size: 16px;
  border-radius: 6px;
  text-align: center;
  cursor: pointer;
}

.box {
  position: relative;
  overflow: hidden;
}

.banner {
  position: relative;
  width: 100%;
  height: 1118px;
  background-image: url(../images/banner.png);
  background-repeat: no-repeat;
  background-position: center;
  text-align: center;
}

.txt {
  padding-top: 328px;
  margin: 0 auto;
}

.txt02 {
  width: 1200px;
  height: 208px;
  margin: 34px auto 0 auto;
  background-image: url(../images/txt02.png);
  background-repeat: no-repeat;
  color: #fff;
  font-size: 30px;
}

.txt02 p {
  position: relative;
  display: table;
  padding-top: 56px;
  padding-bottom: 10px;
  margin: 0 auto;
  font-size: 36px;
}

.txt02 p::before, .txt02 p::after {
  content: '';
  position: absolute;
  top: 78px;
  left: -140px;
  width: 126px;
  height: 4px;
  background: linear-gradient(87deg, rgba(243, 34, 57, 1), rgba(255, 255, 255, 1));
}

.txt02 p::after {
  left: auto;
  right: -140px;
  background: linear-gradient(-90deg, rgba(243, 34, 57, 1), rgba(255, 255, 255, 1));
}

.title {
  width: 921px;
  height: 156px;
  margin: 0 auto;
  background-image: url(../images/title02.png);
  background-repeat: no-repeat;
  text-align: center;
}

.title.active {
  width: 725px;
  height: 90px;
  background-image: url(../images/title.png);
}

.title p {
  font-size: 48px;
  color: rgba(231, 31, 25, 1);
  background: linear-gradient(0deg, rgba(229, 181, 122, 1) 0%, rgba(250, 245, 242, 1) 50.1220703125%, rgba(250, 230, 196, 1) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: bold;
  line-height: 90px;
}

.title span, .title b {
  display: block;
  margin-top: 14px;
  font-size: 30px;
  color: rgba(254, 253, 253, 1);
  background: linear-gradient(0deg, rgba(229, 181, 122, 1) 0%, rgba(250, 245, 242, 1) 50.1220703125%, rgba(250, 230, 196, 1) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: bold;
}

.title b {
  margin-top: 10px;
  font-size: 17px;
}

.wrap {
  position: relative;
}

.container {
  position: relative;
  border: 4px solid #ffffbd;
  padding: 25px;
  border-radius: 20px;
  background-color: #d30c21;
  z-index: 2;
}

.box01 .container {
  margin-bottom: 40px;
}

.main {
  padding-left: 40px;
  background: linear-gradient(180deg, rgba(248, 68, 85, 1), rgba(248, 28, 32, 1));
  border-radius: 10px;
}

.live_l {
  float: left;
  width: 630px;
  padding-left: 10px;
}

.live_title {
  padding-top: 50px;
  padding-bottom: 30px;
  margin-bottom: 40px;
  border-bottom: 1px solid #fb6c76;
  font-size: 30px;
  color: rgba(255, 255, 189, 1);
  font-weight: bold;
}

.live_l p {
  color: rgba(255, 243, 182, 1);
}

.live_l a {
  display: inline-block;
  width: 116px;
  height: 38px;
  margin-left: 40px;
  background: linear-gradient(90deg, rgba(253, 202, 66, 1), rgba(251, 251, 123, 1), rgba(253, 191, 22, 1));
  box-shadow: 0px 3px 3px 0px rgba(248, 56, 69, 0.75);
  border-radius: 6px;
  line-height: 38px;
  text-align: center;
  color: #fa1625;
  font-size: 20px;
}

.live_l a:hover {
  background: linear-gradient(-90deg, rgba(253, 202, 66, 1), rgba(251, 251, 123, 1), rgba(253, 191, 22, 1));
}

.live_txt p {
  margin-bottom: 10px;
  line-height: 34px;
  font-size: 20px;
}

.live_r {
  float: right;
  width: 350px;
  height: 338px;
  padding-top: 74px;
  background-color: #fa7e15;
  border-radius: 10px;
}

.live_r img {
  position: relative;
  width: 130px;
  height: 130px;
  border: 16px solid #fff;
  margin: 0 auto;
  border-radius: 10px;
  z-index: 2;
}

.border {
  position: relative;
  width: 266px;
  height: 79px;
  padding-top: 90px;
  margin: -54px auto 0 auto;
  background-image: url(../images/border.png);
  background-repeat: no-repeat;
  z-index: 1;
  color: #fff;
  font-size: 20px;
  text-align: center;
}

.rotate_txt {
  padding-top: 54px;
  padding-bottom: 30px;
  color: rgba(255, 255, 189, 1);
  font-size: 30px;
}

.rotate_l {
  float: left;
}

.rotate_r {
  float: right;
  width: 476px;
  padding-bottom: 44px;
  margin-top: 54px;
  margin-right: 20px;
}

.btn {
  width: 148px;
  height: 44px;
  border: 2px solid rgba(255, 255, 189, 1);
  margin-bottom: 30px;
  box-shadow: 0px 3px 3px 0px rgba(248, 53, 65, 0.75);
  line-height: 44px;
  text-align: center;
  border-radius: 40px;
  font-size: 22px;
  color: rgba(255, 255, 189, 1);
}

.rotate_r p {
  line-height: 36px;
  color: rgba(255, 255, 189, 1);
  font-size: 18px;
}

.lotto {
  padding: 40px 20px;
}

.lotto_l {
  float: left;
}

.award_wrap {
  width: 500px;
  margin-left: 40px;
  background-color: #fe484c;
  color: #ffffbd;
}

.award_title {
  float: left;
  width: 62px;
  height: 152px;
  border: 2px solid rgba(255, 255, 189, 1);
  -webkit-writing-mode: vertical-rl;
  writing-mode: tb-rl;
  line-height: 62px;
  text-align: center;
  font-size: 22px;
  letter-spacing: 8px;
}

.lotto_l img {
  margin-bottom: 20px;
}

.award_msg {
  float: left;
  margin-top: 20px;
  margin-left: 32px;
  line-height: 38px;
  font-size: 18px;
}

.btn.active {
  display: inline-block;
  margin-top: 40px;
  margin-right: 20px;
}

.time {
  font-size: 24px;
}

.lotto_r {
  float: right;
  margin-right: 20px;
  color: rgba(255, 255, 189, 1);
  font-size: 18px;
  line-height: 36px;
}

.btn.on {
  margin-top: 30px;
}

.tutu {
  position: absolute;
  top: 20px;
  left: 52px;
}

.code_wrap {
  width: 200px;
  height: 220px;
  padding-top: 4px;
  margin-top: 30px;
  margin-left: 180px;
  background-image: url(../images/code_wrap.png);
  background-repeat: no-repeat;
  text-align: center;
  font-size: 20px;
}

.code_wrap p {
  margin-bottom: 20px;
}

.code_wrap img {
  width: 130px;
  height: 130px;
  border: 8px solid #fff;
  margin: 0 auto;
  border-radius: 10px;
}

.box02 {
  padding-top: 50px;
}

.box02 .main {
  padding: 46px 0 8px 44px;
}

.coupon {
  float: left;
  width: 201px;
  height: 99px;
  padding-top: 24px;
  margin-right: 12px;
  margin-bottom: 32px;
  background-image: url(../images/cou02.png);
  background-repeat: no-repeat;
  text-align: center;
  transition: transform .5s ease;
  cursor: pointer;
}

.coupon:hover {
  transform: translateY(-5px);
}

.coupon:nth-child(5n) {
  margin-right: 0;
}

.coupon p {
  margin-bottom: 12px;
  font-size: 24px;
  color: rgba(248, 227, 194, 1);
}

.ziti h2{
	clear:left;
	text-align:left;
	font-size:24px;
	color:#FFF;}
.ziti p{
  float: left;
  padding-top: 24px;
  margin-right: 12px;
  margin-bottom: 32px;
  text-align:left;
  color:#FFF;
  cursor: pointer;
	
	}

.get {
  width: 112px;
  height: 28px;
  border: 2px solid #f8c4af;
  margin: 0 auto;
  line-height: 28px;
  border-radius: 40px;
  color: #f9e8cb;
  background-color: #cd1f22;
}

.get i {
  display: inline-block;
  border: 6px solid rgba(255, 255, 255, 0.01);
  border-left: 6px solid #fadabd;
}

.box03 {
  padding-top: 90px;
}

.box03 .title span {
  position: relative;
  display: table;
  margin: 14px auto 0 auto;
}

.box03 .title span::after, .box03 .title span::before {
  content: '';
  position: absolute;
  top: 20px;
  left: -100px;
  width: 90px;
  height: 1px;
  background: rgba(250, 235, 210, 1);
}

.box03 .title span::before {
  left: auto;
  right: -100px;
}

.box03 .main {
  padding-bottom: 66px;
}

.class_msg {
  float: left;
  margin-top: 50px;
  margin-right: 20px;
  transition: transform .5s ease;
}

.class_msg:hover {
  transform: translateY(-5px);
}

.class_info {
  height: 360px;
  background-color: #fff;
  border-radius: 16px;
}

.class_msg p {
  padding-bottom: 22px;
  color: #fff;
  font-size: 24px;
  text-align: center;
}

.class_info img {
  width: 340px;
  height: 230px;
  border-radius: 16px 16px 0 0;
}

.class_info p {
  padding-top: 20px;
  padding-bottom: 14px;
  font-size: 20px;
  color: rgba(234, 38, 32, 1);
  font-weight: bold;
}

.look {
  width: 148px;
  height: 40px;
  margin: 0 auto;
  border-radius: 40px;
  font-size: 22px;
  background: linear-gradient(0deg, rgba(253, 170, 39, 1), rgba(252, 210, 53, 1));
  line-height: 40px;
  text-align: center;
  color: #840000;
}

.box04 {
  padding-top: 90px;
}

.box04 .title {
  width: 949px;
  height: 191px;
  background-image: url(../images/title03.png);
}

.box04 .title span, .box04 .title b {
  margin-top: 10px;
}

.box04 .main {
  padding-top: 60px;
}

.discount_l {
  float: left;
  width: 600px;
}

.discount_title {
  display: table;
  height: 56px;
  border: 2px solid rgba(254, 231, 164, 1);
  padding: 0 40px;
  margin: 0 auto 40px auto;
  border-radius: 10px;
  line-height: 56px;
  text-align: center;
  font-size: 30px;
  color: #fee7a4;
}

.card {
  float: left;
  width: 177px;
  height: 213px;
  margin-right: 34px;
  margin-bottom: 38px;
  background-image: url(../images/card.png);
  background-repeat: no-repeat;
  text-align: center;
  transition: transform .5s ease;
}

.card:hover {
  transform: translateY(-5px);
}

.card03 {
  margin-right: 0;
}

.card04 {
  margin-left: 94px;
}

.card04 .price span {
  letter-spacing: -6px;
}

.card05 .price span {
  margin-left: -16px;
  letter-spacing: -8px;
}

.card p {
  padding-top: 26px;
  color: rgba(254, 22, 22, 1);
  font-size: 18px;
}

.price {
  color: rgba(231, 17, 17, 1);
  font-size: 20px;
  margin-top: -10px;
}

.price span {
  margin-left: -6px;
  font-size: 72px;
  font-weight: bold;
  letter-spacing: -10px;
}

.card_btn {
  width: 128px;
  height: 32px;
  margin: 30px auto 0 auto;
  background: rgba(252, 217, 149, 1);
  background-color: #fcd995;
  border-radius: 40px;
  line-height: 32px;
  color: #e25615;
}

.discount_r {
  float: right;
  padding-bottom: 40px;
  margin-right: 60px;
}

.threshold {
  display: block;
  width: 347px;
  height: 143px;
  margin-bottom: 18px;
  background-image: url(../images/cou.png);
  background-repeat: no-repeat;
  transition: transform .5s ease;
}

.threshold:hover {
  transform: translateY(-5px);
}

.line {
  float: left;
  width: 1px;
  height: 68px;
  margin-top: 42px;
  margin-right: 38px;
  background-color: #fee7a3;
}

.threshold_l {
  float: left;
  width: 210px;
  margin-top: 2px;
  color: #fff;
}

.threshold_l p {
  width: 210px;
  height: 140px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  font-size: 18px;
}

.threshold_l b {
  font-weight: bold;
  font-size: 26px;
}

.threshold_l span {
  color: #fde309;
  font-size: 16px;
}

.threshold_r {
  float: right;
  margin-top: 48px;
  margin-right: 48px;
  font-size: 20px;
  color: #fff;
}

.books {
  padding-bottom: 24px;
}

.books a {
  float: left;
  width: 200px;
  height: 286px;
  margin-right: 16px;
  margin-bottom: 22px;
  background-color: #fff;
  text-align: center;
  transition: transform .5s ease;
}

.books a:hover {
  transform: translateY(-5px);
}

.books a:nth-child(5n) {
  margin-right: 0;
}

.books a img {
  width: 160px;
  margin: 10px auto;
}

.box04 .container {
  margin-bottom: 44px;
}

.books p {
  font-size: 14px;
}

.books p span {
  font-size: 16px;
  font-weight: bold;
}

.books_get {
  width: 116px;
  height: 32px;
  margin: 12px auto 0 auto;
  background-color: #f9d51a;
  border-radius: 40px;
  line-height: 32px;
}

.box05 {
  padding-top: 60px;
}

.box05 .main {
  padding-top: 48px;
  padding-bottom: 26px;
}

.region {
  float: left;
  width: 130px;
  margin-bottom: 20px;
  margin-right: 25px;
  overflow: hidden;
    height: 50px;
    border-radius: 50px;
    font-size: 20px;
    background: linear-gradient(0deg, rgba(253, 170, 39, 1), rgba(252, 210, 53, 1));
    line-height: 50px;
    text-align: center;
    color: #840000;
	transition: transform .5s ease;
}
.region:hover{transform: translateY(-5px);}
.region p {
  width: 260px;
  height: 38px;
  background: #d3121c;
  line-height: 38px;
  text-align: center;
  color: #fff;
  font-size: 18px;
}

.region img {
  width: 260px;
  height: 180px;
  transition: transform .5s ease;
}

.region img:hover {
  transform: scale(1.01);
}



.region:nth-child(4n) {
  margin-right: 0;
}

.region p {
  width: 260px;
  height: 38px;
  background: #d3121c;
  line-height: 38px;
  text-align: center;
  color: #fff;
  font-size: 18px;
}

.region img {
  width: 260px;
  height: 180px;
  transition: transform .5s ease;
}

.region img:hover {
  transform: scale(1.01);
}

.cloud {
  position: absolute;
  z-index: 1;
}

.cloud01 {
  top: 1030px;
  left: -220px;
}

.cloud02 {
  bottom: -40px;
  right: -400px;
}

.cloud03 {
  top: 360px;
  right: -200px;
}

.box04 {
  position: relative;
}

.box04 .cloud02 {
  top: -200px;
  bottom: auto;
  left: -550px;
  right: auto;
}

.cloud04 {
  top: -90px;
  right: 0;
  z-index: 0;
}

.cloud06 {
  top: -220px;
  left: -420px;
}

.cloud05 {
  left: 0;
  bottom: -100px;
}

.footer .cloud02 {
  right: -5px;
}

.shadow {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .4);
  z-index: 3;
}

.form {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 502px;
  height: 380px;
  padding: 64px 60px 0 60px;
  transform: translate(-50%, -50%);
  z-index: 4;
  background-color: #f22c2c;
  border-radius: 20px;
}

.close {
  position: absolute;
  top: -58px;
  right: 0;
  transition: transform .5s ease;
  cursor: pointer;
}

.close:hover {
  transform: rotate(-180deg);
}

.input, .select {
  display: block;
  width: 100%;
  height: 64px;
  margin-bottom: 10px;
  border-radius: 10px;
  background-color: #fff;
  font-size: 18px;
  text-indent: 1em;
}

.input.active {
  float: left;
  width: 240px;
}

.send {
  float: left;
  width: 240px;
  text-indent: 0;
  margin-left: 20px;
  background-color: #fca112;
  color: #fff;
  cursor: pointer;
  transition: opacity .5s ease;
}

.send:hover {
  opacity: .9;
}

.hide {
  display: none;
}

.select {
  float: left;
  width: 240px;
  outline: none;
  border: none;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: url(../images/arrow.png) no-repeat 92% center #fff;
}

.select.active {
  margin-left: 20px;
}

.button {
  display: block;
  width: 260px;
  height: 70px;
  margin: 24px auto 0 auto;
  border-radius: 40px;
  font-size: 28px;
  background: linear-gradient(to right, #feef05, #fffbc7);
  cursor: pointer;
  transition: opacity .5s ease;
}

.button:hover {
  opacity: .9;
}

@media only all and (max-width:1080px) {
	.pc{
		display: none;
	}
  .banner {
    height: 14.625rem;
    background-image: url(../images/m_banner.png);
    background-size: 100%;
  }

  .cloud {
    display: none;
  }

  .txt {
    width: 10.1rem;
    padding-top: 5rem;
  }

  .txt02 {
    width: 96%;
    height: 5rem;
    margin: 1rem auto 0 auto;
    background-size: 100%;
    font-size: .6rem;
  }

  .txt02 p::before, .txt02 p::after {
    display: none;
  }

  .txt02 p {
    padding-top: .3rem;
    padding-bottom: .25rem;
    font-size: .72rem;
  }

  .box01 {
    padding-top: 2rem;
  }

  .title {
    width: 94%;
    height: 2.8rem;
    background-size: 100%;
  }

  .title.active {
    width: 94%;
    height: 2rem;
  }

  .title p {
    font-size: 1rem;
    line-height: 2rem;
  }

  .box01 .container {
    margin-bottom: .7rem;
  }

  .container {
    border-width: .1rem;
    padding: .5rem .3rem;
    border-radius: .5rem;
  }

  .main {
    padding: 0 .5rem;
  }

  .live_l {
    float: none;
    width: 100%;
    padding-left: 0;
  }

  .live_title {
    padding-top: 1rem;
    padding-bottom: .7rem;
    margin-bottom: 1rem;
    font-size: .9rem;
    text-align: center;
  }

  .live_txt p {
    margin-bottom: .25rem;
    line-height: 1.1rem;
    font-size: .75rem;
  }

  .live_l a {
    width: 3.5rem;
    height: 1.2rem;
    margin-left: .2rem;
    border-radius: .15rem;
    line-height: 1.2rem;
    font-size: .75rem;
  }

  .live_r {
    float: none;
    width: 100%;
    height: auto;
    padding-top: 1rem;
    padding-bottom: 1rem;
    margin-top: .5rem;
    border-radius: .25rem;
  }

  .live_r img {
    width: 4rem;
    height: 4rem;
    border-width: .4rem;
    border-radius: .25rem;
  }

  .border {
    width: 10rem;
    height: 3.3rem;
    padding-top: 3.2rem;
    margin: -1.5rem auto 0 auto;
    background-size: 100%;
    font-size: .75rem;
  }

  .rotate_l {
    float: none;
  }

  .rotate_txt {
    padding-top: 1.5rem;
    padding-bottom: .5rem;
    font-size: .9rem;
    text-align: center;
  }

  .rotate_l img {
    width: 100%;
  }

  .rotate_r {
    float: none;
    width: 100%;
    padding-bottom: 1rem;
    margin-top: 0;
    margin-right: 0;
  }

  .btn {
    width: 5rem;
    height: 1.4rem;
    border-width: 1px;
    margin-bottom: .5rem;
    line-height: 1.4rem;
    border-radius: 1rem;
    font-size: .8rem;
  }

  .rotate_r p {
    line-height: 1.1rem;
    font-size: .7rem;
  }

  .btn.active {
    margin-top: 1rem;
    margin-right: 0;
  }

  .lotto_l {
    float: none;
  }

  .lotto_l img {
    width: 100%;
    margin-bottom: 0;
  }

  .award_wrap {
    width: calc(100% - 1rem);
    padding: .5rem;
    margin-left: 0;
  }

  .award_title {
    width: 1.5rem;
    height: 5.4rem;
    border: 1px solid rgba(255, 255, 189, 1);
    line-height: 1.5rem;
    font-size: .8rem;
    letter-spacing: .2rem;
  }

  .award_msg {
    width: calc(100% - 2rem - 2px);
    margin-top: .5rem;
    margin-left: .5rem;
    line-height: 1rem;
    font-size: .7rem;
  }

  .lotto_r {
    float: none;
    padding-bottom: 1rem;
    margin-right: 0;
    font-size: .75rem;
    line-height: 1.1rem;
  }

  .lotto_r p {
    margin-left: .5rem;
  }

  .time {
    display: block;
    font-size: .75rem;
    margin-left: .5rem;
  }

  .btn.on {
    margin-top: 1rem;
  }

  .tutu {
    top: 1rem;
    left: .5rem;
    width: 4.7rem;
  }

  .code_wrap {
    width: 7.8rem;
    height: 8rem;
    padding-top: .28rem;
    margin-top: .75rem;
    margin-left: 4rem;
    background-size: 100%;
    font-size: .8rem;
  }

  .code_wrap img {
    width: 5.2rem;
    height: 5.2rem;
    border: .2rem solid #fff;
    border-radius: .25rem;
  }

  .code_wrap p {
    margin-bottom: .7rem;
  }

  .box02 {
    padding-top: 1rem;
  }

  .box02 .title p, .box03 .title p {
    font-size: .85rem;
    line-height: 1.6rem;
  }

  .title span, .title b {
    margin-top: .3rem;
    font-size: .58rem;
  }

  .box02 .main {
    padding: 1rem .5rem;
  }

  .coupon {
    width: 49%;
    height: 4rem;
    padding-top: 1rem;
    margin-right: 2%;
    margin-bottom: .3rem;
    background-size: 100%;
  }

  .coupon:nth-child(even) {
    margin-right: 0;
  }

  .coupon p {
    margin-bottom: .3rem;
    font-size: .8rem;
  }

  .get {
    width: 4rem;
    height: 1.3rem;
    border: 1px solid #f8c4af;
    line-height: 1.3rem;
    border-radius: 1rem;
  }

  .get i {
    display: none;
  }

  .box03 {
    padding-top: 1rem;
  }

  .box03 .title span {
    margin-top: .1rem;
    font-size: .7rem;
  }

  .box03 .title span::after, .box03 .title span::before {
    display: none;
  }

  .class_msg {
    float: left;
    width: 49%;
    margin-top: 1rem;
    margin-right: 2%;
  }

  .class_msg:nth-child(even) {
    margin-right: 0;
  }

  .class_msg p {
    padding-bottom: .5rem;
    font-size: .78rem;
  }

  .class_info {
    height: auto;
    padding-bottom: 1rem;
    border-radius: .4rem;
  }

  .class_info img {
    width: 100%;
    height: auto;
    border-radius: .4rem .4rem 0 0;
  }

  .class_info p {
    padding-top: .5rem;
  }

  .look {
    width: 4.5rem;
    height: 1.5rem;
    border-radius: 1rem;
    font-size: .75rem;
    line-height: 1.5rem;
  }

  .box03 .main {
    padding-bottom: 1.5rem;
  }

  .box04 {
    padding-top: 1rem;
  }

  .box04 .title {
    width: 94%;
    height: 3.3rem;
  }

  .box04 .title p {
    font-size: .85rem;
    line-height: 1.6rem;
  }

  .box04 .title span {
    margin-top: .3rem;
    font-size: .8rem;
  }

  .box04 .title b {
    display: none;
  }

  .discount_l {
    float: none;
    width: 100%;
  }

  .box04 .main {
    padding-top: 1rem;
  }

  .discount_title {
    height: 1.7rem;
    border: 1px solid rgba(254, 231, 164, 1);
    padding: 0 1.2rem;
    margin: 0 auto 1rem auto;
    border-radius: .25rem;
    line-height: 1.7rem;
    font-size: .8rem;
  }

  .card {
    width: 49%;
    height: 9rem;
    margin-right: 2%;
    margin-bottom: .5rem;
    background-size: 100%;
  }

  .card:nth-child(even) {
    margin-right: 0;
  }

  .card p {
    padding-top: 1.2rem;
    font-size: .8rem;
  }

  .price span {
    margin-left: -.15rem;
    font-size: 2rem;
    letter-spacing: 0;
  }

  .price {
    font-size: 1rem;
    margin-top: .2rem;
  }

  .card_btn {
    width: 5rem;
    height: 1.6rem;
    margin: 1.7rem auto 0 auto;
    border-radius: 1rem;
    line-height: 1.6rem;
  }

  .card04 {
    margin-left: 0;
  }

  .card04 .price span, .card05 .price span {
    letter-spacing: 0;
    margin-left: 0;
  }

  .discount_r {
    float: none;
    padding-bottom: 1rem;
    margin-top: 1rem;
    margin-right: 0;
  }

  .threshold {
    width: 100%;
    height: 6.575rem;
    margin-bottom: .5rem;
    background-size: 100%;
  }

  .threshold_l {
    float: left;
    width: 9rem;
    margin-top: 2px;
    color: #fff;
  }

  .threshold_l b {
    font-size: 1rem;
  }

  .threshold_l p {
    width: 9rem;
    height: 6rem;
    font-size: .75rem;
  }

  .threshold_l span {
    font-size: .75rem;
  }

  .threshold_r {
    margin-top: 2.3rem;
    margin-right: 2.7rem;
    font-size: .85rem;
  }

  .box04 .container {
    margin-bottom: 1rem;
  }

  .line {
    height: 3.5rem;
    margin-top: 1.7rem;
    margin-right: 1.5rem;
  }

  .books {
    padding-bottom: 1rem;
  }

  .books a {
    width: 49%;
    height: 10rem;
    margin-right: 2%;
    margin-bottom: .3rem;
  }

  .books a:nth-child(5n) {
    margin-right: 2%;
  }

  .books a:nth-child(even) {
    margin-right: 0;
  }

  .books a img {
    width: 5rem;
    margin: .25rem auto;
  }

  .books p {
    font-size: .7rem;
  }

  .books p span {
    font-size: .75rem;
  }

  .books_get {
    width: 5rem;
    height: 1.5rem;
    line-height: 1.5rem;
    border-radius: 1rem;
  }

  .box05 {
    padding-top: 1rem;
  }

  .box05 .main {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

.region {
        width: 23%;
    margin-right: 2%;
    margin-bottom: .6rem;
    height: 1.8rem;
    font-size: 0.75rem;
    line-height: 1.8rem;
  }

  .region img {
    width: 100%;
    height: auto;
  }

  .region p {
    width: 100%;
    height: 1.8rem;
    line-height: 1.8rem;
    font-size: .7rem;
  }

  .region:nth-child(even) {
    margin-right: 0;
  }

  .form {
    width: calc(94% - 2rem);
    height: auto;
    padding: 1.5rem 1rem;
    border-radius: .5rem;
  }

  .close {
    width: 1.2rem;
    top: -1.5rem;
  }

  .input, .select {
    height: 2rem;
    margin-bottom: .5rem;
    border-radius: .25rem;
    font-size: .8rem;
  }

  .select {
    width: 49%;
    background-size: 6%;
  }

  .select.active {
    margin-left: 2%;
  }

  .input.active {
    width: 49%;
  }

  .send {
    width: 49%;
    margin-left: 2%;
  }

  .button {
    width: 7rem;
    height: 2.2rem;
    margin: .6rem auto 0 auto;
    border-radius: 1rem;
    font-size: .8rem;
  }

  #foo {
    width: 16rem;
    height: 1.7rem;
    padding-left: .2rem;
    border-radius: .15rem;
    font-size: .75rem;
  }
  .copy_wrap .close{
    top: -1.8rem;
    right: 0;
    width: 1.2rem;
  }
  .copy_btn {
    width: 6rem;
    height: 1.6rem;
    line-height: 1.6rem;
    margin: .25rem auto;
    font-size: .75rem;
    border-radius: .15rem;
  }
}