#wrap::before {
    content: "";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100vh;
    background-image: url("../../img/bg.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
}

h4 {
  background: #ea790f;
  width: auto;
  display: inline-block;
}
section.contentWidth {
  margin: 90px 0;
}
.firstView > .secInner {
background-size: auto auto;
background-color: rgba(100, 120, 70, 1);
background-image: repeating-linear-gradient(180deg, transparent, transparent 2px, rgba(89, 106, 56, 1) 2px, rgba(89, 106, 56, 1) 6px );
}


.background_e {
  background-color: #fff;
  border: 6px solid #000000;
  overflow: hidden;
  padding: 1rem;
  box-sizing: border-box;
  text-align: center;
  margin: 20px auto;
}
.background_e h4 {
  background: #000000;
  text-align: center;
  width: 30%;
}
.contentSingle {
  text-align: left;
}
.contentSingle p {
  font-size: calc(16px + 2*(100vw - 320px) / 1020);
  font-weight: 600;
}
.contentSingle div {
  border: 4px solid #000;
  box-sizing: border-box;
}
.contentSingle h5 {
  display: block;
  background: #000;
  color: #FFF;
  margin: 0;
  font-size: calc(16px + 5*(100vw - 320px) / 1020);
  text-align: center;
}
.contentSingle ol {
  padding: 1rem 2rem;
}
.caution {
  padding: 0 1rem 1rem;
}
.contentSingle li {
  list-style: auto;
  list-style-position: outside;
  font-size: calc(12px + 2*(100vw - 320px) / 1020);
  font-weight: 600;
}
.howtoplay-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.howtoplay-wrap{
	display: inline-block;
	width: 70%;
    height: auto;
    background: #000000;
    /*^^background: linear-gradient(135deg, transparent 15px, #000000 0) top left, linear-gradient(-135deg, transparent 15px, #000000 0) top right, linear-gradient(-45deg, transparent 15px, #000000 0) bottom right, linear-gradient(45deg, transparent 15px, #000000 0) bottom left;--*/
    background-size: 50% 50%;
    background-repeat: no-repeat;
    padding: 2rem;
	margin-bottom: 1rem;
}
@media screen and (max-width:767px){
		.howtoplay-wrap{
			width: 100%;
			padding: 1rem;
		}
	}
.howtoplay-text ol li{
	color: white;
}
.note-wrap {
  display: flex;
  text-align: left;
  flex-direction: column;
}
.battery-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
}
.battery-wrap p {
  text-align: left;
}

.border-dotted {
  border-top: 6px dotted #044f89;
  border-right: 0;
  border-bottom: 0;
  border-left: 0;
  margin: 20px auto;
  width: 70%;
}
.section-title.howtoplay {
  background: #000000;
  color: #fff;
}

.products-wrap {
  border: none;
  box-shadow: 5px 5px 0px #00000050;
}

/* ----- Recommend ----- */

#recommend .contents{
	margin: 4rem auto 0;
}
#recommend .inner-box{
	padding: 1rem 2rem;
	box-sizing: border-box;
	background-color:#000000ab;
	border:solid 5px #6d9546;
	}
	@media screen and (max-width:767px){
		#recommend .inner-box{
			padding: .5rem;
		}
	}
#recommend h3{
	text-align: center;
	font-size: 1.5rem;
	color: #FFF;
	text-shadow: 2px 2px 5px #000000;
	}
	@media screen and (max-width:767px){
		#recommend h3{
			font-size: 1rem;
		}
	}
.flexBox{
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-start;
}
.item{
	/*width: 25%;*/
	/*padding: .5rem;*/
	box-sizing: border-box;
	}
	@media screen and (max-width:767px){
		.item{
			width: 100%;
		}
	}
#recommend a{
	color: white;
	text-shadow: 2px 2px 5px #000000;
	text-decoration: none;
}
#recommend p{
	color: white;
	margin: 0 auto;
	font-weight: bold;
	font-size: .8rem;
	}
	@media screen and (max-width:767px){
		#recommend p{
			font-size: .65rem;
			font-weight: normal;
		}
	}

#recommend img{
	width: 100%;
}

.fadein.scrollin {
    opacity: 1;
    transform: translate(0, 0);
    margin: 0;
}
/* ----- Recommend ----- */


/* ----- product information ----- */
.box_price {
    margin: 4rem auto;
    padding: 3rem 3rem 1.5rem;
    box-sizing: border-box;
    background-color: #fff;
    border-radius: 1rem;
    text-align: left;
    box-shadow: 5px 5px 0px #00000050;
}
.package-img {
    width: 45%;
    height: auto;
    margin: 0 auto;
    padding: 0;
    float: left;
    vertical-align: middle;
}

.pr_txt {
    width: 50%;
    margin: 0 auto;
    float: right;
	padding-top: 3rem;
	text-align: left;
}

@media screen and (max-width:767px){
	.package-img , .pr_txt{
		width: 100%;
	}
	.pr_txt{
		padding-top: 0;
	}
	
}
.pr_features {
    margin: 1rem auto 0;
}


/* ----- product information ----- */


@media screen and (max-width: 820px) {
  .product-copy-wrap {
    width: 90%;
    padding: 40px 0;
  }
  .number-title {
    font-size: 2rem;
  }
  .background {
    padding: 1rem;
  }
  .border-dotted {
    margin: 0 auto;
  }
  .background_e h4 {
    width: 40%;
  }
}
@media screen and (max-width: 480px) {
  .number-title {
    font-size: 1.6rem;
  }
  .background_e h4 {
    width: 70%;
  }
	section.contentWidth {
    margin: 34px 0;
}
	section.contentWidth {
        margin: 50px 0 !important;
    }
}