#slider{
    margin-bottom:4.5%;
    width: 100%;
    height: calc(100vw / 640 * 457 + 20px + 2em);
}
#slider .bxslider li img {
	width: 100%;
}

/* section news */
.sec_news,
#feature {
	margin-bottom: 8%;
}
.sec_news h2.title {
  background: url("../images/top/bg_texture01.png") repeat scroll 0 0;
  font-size: 0.857em;
  font-weight: bold;
  line-height: 1;
  padding: 1.25% 3.125%;
  margin-bottom: 3%;
}
.sec_news .promotion {
  font-size: 0.786em;
  line-height: 1.4;
  margin-bottom: 1em;
  letter-spacing: 0;
}
.sec_news ul.list_news a {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
}
.sec_purchase .case h3 .rank {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}
.list_news .menu1 a {
  background-image:
    url("../images/top/arrow01.png") , 
	url("../images/top/menu1.png") ;
  background-repeat:
    no-repeat,
	no-repeat;
  background-position:
    right center,
	2% center;
  -webkit-background-size: auto 51%,auto 100%;
  background-size: auto 51%,auto 100%;
  border: 0.179em solid #e30a1b;
  color: #e30a1b;
  display: block;
  font-size: 1.143em;
  font-weight: bold;
  margin-bottom: 2.3%;
  padding: 6% 0 6% 28%;
}
.list_news .menu2 a {
  background-image:
    url("../images/top/arrow01.png") , 
	url("../images/top/menu2.png") ;
  background-repeat:
    no-repeat,
	no-repeat;
  background-position:
    right center,
	2% center;
  -webkit-background-size: auto 51%,auto 100%;
  background-size: auto 51%,auto 100%;
  border: 0.179em solid #e30a1b;
  color: #e30a1b;
  display: block;
  font-size: 1.143em;
  font-weight: bold;
  margin-bottom: 2.3%;
  padding: 6% 0 6% 28%;
}
.list_news .menu3 a {
  background-image:
    url("../images/top/arrow01.png") , 
	url("../images/top/menu3.png") ;
  background-repeat:
    no-repeat,
	no-repeat;
  background-position:
    right center,
	2% center;
  -webkit-background-size: auto 51%,auto 100%;
  background-size: auto 51%,auto 100%;
  border: 0.179em solid #e30a1b;
  color: #e30a1b;
  display: block;
  font-size: 1.143em;
  font-weight: bold;
  margin-bottom: 2.3%;
  padding: 6% 0 6% 28%;
}
.list_news .menu4 a {
  background-image:
    url("../images/top/arrow01.png") , 
	url("../images/top/menu4.png") ;
  background-repeat:
    no-repeat,
	no-repeat;
  background-position:
    right center,
	2% center;
  -webkit-background-size: auto 51%,auto 100%;
  background-size: auto 51%,auto 100%;
  border: 0.179em solid #e30a1b;
  color: #e30a1b;
  display: block;
  font-size: 1.143em;
  font-weight: bold;
  margin-bottom: 2.3%;
  padding: 6% 0 6% 28%;
}
.list_news .menu5 a {
  background-image:
    url("../images/top/arrow01.png") , 
	url("../images/top/menu5.png") ;
  background-repeat:
    no-repeat,
	no-repeat;
  background-position:
    right center,
	2% center;
  -webkit-background-size: auto 51%,auto 100%;
  background-size: auto 51%,auto 100%;
  border: 0.179em solid #e30a1b;
  color: #e30a1b;
  display: block;
  font-size: 1.143em;
  font-weight: bold;
  margin-bottom: 2.3%;
  padding: 6% 0 6% 28%;
}




/* ABOUT */
#about {
  margin-bottom: 15%;
}
#about .description > p {
  color: #404040;
  margin-bottom: 1.8em;
}

/* PURCHASE */
.sec_purchase .sec_inner {
  margin-bottom: 17%;
}
.sec_purchase h2 {
  border-left: 5px solid #e30a1b;
  margin-bottom: 3.5%;
  padding: 2.4%;
}
.sec_purchase .case {
  margin-bottom: 3.5%;
}
.sec_purchase .case.last_child {
  margin-bottom: 1%;
}
.sec_purchase .case > h3 {
  border-bottom: 2px solid #e30a1b;
  color: #e30a1b;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 1.5%;
}
.sec_purchase .case h3 .rank {
  color: #fff;
  display: inline-block;
  font-size: 0.714em;
  margin-right: 10px;
  padding: 0 7px;
  position: relative;
  top: -0.2em;
}
.sec_purchase .case h3 .rank.first {
  background-color: #e4b44e;
}
.sec_purchase .case h3 .rank.second {
  background-color: #b2b3bf;
}
.sec_purchase .case h3 .rank.third {
  background-color: #c08154;
}
.sec_purchase .case > .img {
  margin-bottom: 0.35em;
}
.sec_purchase .case p.img2 {
  padding: 5% 0 11%;
}
.sec_purchase .case .price {
  font-size: 0.857em;
  border-bottom: 2px dashed #b5b5b5;
  padding-bottom: 0.8%;
}
.sec_purchase .case.last_child .price {
	border-bottom: none;
}
.sec_purchase .statistic {
  margin-bottom: 13%;
}

.page_top .btn_sky {
	padding: 6.7% 0;
}
.sec_purchase .purchase_list {
  margin-bottom: 10%;
}


/* CAMPAIGN */
.sec_campaign {
  margin-bottom: 10%;
}
.sec_campaign h3 {
  background-color: #b2b2b2;
  color: #fff;
  font-size: 1.429em;
  font-weight: bold;
  padding: 5.3% 0;
  position: relative;
  text-align: center;
}
.sec_campaign h3:after {
  background: url("../images/top/arrow03.png") no-repeat scroll 0 0;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  bottom: -15px;
  content: "";
  height: 15px;
  left: 50%;
  margin-left: -2%;
  position: absolute;
  width: 3.7%;
}
.sec_campaign ul li a {
	border-bottom: 2px solid #b2b2b2;
  background: url("../images/top/arrow02.png") no-repeat right center;
  -webkit-background-size: 9.8% auto;
  background-size: 9.8% auto;
  color: #e30a1b;
  display: table;
  font-weight: bold;
  width: 100%;
  padding: 0 3.125%;
  height: 4.6em;
  line-height: 1.4;
}
.sec_campaign ul li a span {
  display: table-cell;
  vertical-align: middle;
}

.banner2 {
  margin-bottom: 11%;
}
.banner2 > p {
  margin-bottom: 7%;
}


.banner {
  margin-bottom: 0%;
}
.banner > p {
  margin-bottom: 0%;
}


.page_top .method {
  color: #000;
  font-size: 0.857em;
  padding-bottom: 12%;
}
.page_top .method h3 {
  background: url("../images/top/bg_texture02.png") repeat scroll 0 0;
  font-weight: bold;
  margin-bottom: 0.4em;
  padding: 0.8% 0;
  text-align: center;
}
.method ul li {
	border-bottom: 2px solid #d2d2d2;
  line-height: 1.6;
  padding: 1.4% 0 0.5%;
}
.method ul li:last-child {
	border-bottom: 0 none;
}
.method ul li span, 
.method ul li strong {
  display: block;
}
.method ul li span {
  margin-bottom: 0.8em;
}
.method ul li strong {
  font-weight: bold;
}
.method ul li p {
  line-height: 1.5;
  padding-top: 0.6em;
}



.page_top footer .to_top {
  background: #f5f5f5 !important;
}
.page_top a.btn_purchase {
  margin-bottom: 6%;
}

@media screen and (max-width: 480px) {
	.sec_campaign ul li,
	.method ul li,
	.sec_purchase .case .price,
	.sec_purchase .case h3,
  .sec_campaign ul li a {
		border-width: 1px;
	}
}