@charset "utf-8";

/* =============================================================================
   
   ========================================================================== */

			.flex_btn li.btn5{
		border-bottom: 3px solid #14ae67;
	}
section {
  text-align: center;
}
.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-around;
  -ms-flex-pack: space-around;
  justify-content: space-around;
  flex-wrap: wrap;
}

h2 {
  text-align: center;
  padding-bottom: 60px;
}
#contents {
	max-width: 100%;
}
#main {
    width: 100%;
	
}
	.flex_btn li.btn5:after{
	 content: "";
    position: absolute;
    top: 160px;
    left: 35%;
    width: 0;
    height: 0;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-top: 40px solid #14ae67;
    transform-origin: center top;
    transition: transform 0.3s ease;
	}


.bg {
  position: relative;
  background-color: #000;
}

.bg::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url(../images/bg-blackfriday.png) repeat-y center; 
  background-size: auto; 
  z-index: 1; 
  opacity: 1; 
}

/* コンテンツを背景画像より上に */
.bg > * {
  position: relative;
  z-index: 2;
}
#contInner{
	position: relative;
}
.flex_btn{
	padding-top: 0;
}
@media screen and (min-width: 1020px) {
  #main {
    background-size: cover;
  }
	.gold{
position: absolute;
    content: "";
    background: url(../images/border-gold.png) no-repeat top / cover;
    top: 0px;
    left: 0;
    width: 100%;
    height: 15px;
    z-index: 110;
}
		.flex::after{
  content:"";
  display: block;
  width:45%;
}
  h1 {

  }
	.wrap{
		 max-width: 1020px;
	}
  .btn-wrap {
    margin: 0 auto;
    max-width: 580px;
    justify-content: space-between;
    margin-bottom: 42px;
  }
  .btn-wrap li {
    width: 30%;
  }
	.item {
		padding: 50px 0;
	}
	#matomegai-bf{
    position: relative;
    background-size: cover;
	margin: 0 auto;
	  padding-top: 15em;
  }

  /* #surprised-bf {
    background: url(../images/hatuuri/bg-hatuuri2.jpg) no-repeat;
    position: relative;
    height: 1785px;
    background-size: cover;
} */
  #novelty-bf h2 {
    margin: 0 auto;
	  padding-bottom: 20px;
  }
	#matomegai-bf h2{
		margin: 0 auto;
	  padding-bottom: 20px;
	}


	
	
  #btnWrap {
    padding-bottom: 60px;
  }

}

@media screen and (max-width: 1019px) {
  .wrap {
	  padding: 0 30px;
	}
  h1 {
    width: 100%;
    padding-top: 30px;
    margin: 0 auto;
    padding-bottom: 0;
  }
  h2 {
        padding-top: 90px;
        /* width: 80%; */
        padding-bottom: 20px;
        margin: 0 auto;
    }

  #matomegai-bf {
    background: #000;
    background-size: cover;
    position: relative;
    /*padding-bottom: 10px;*/
    padding-bottom: 36px;
    /*height: 8014px;*/
  }
  .item {
    margin: 0 auto;
    margin-bottom: 20px;
    text-align: center;
    width: 100%;
	  margin-top: 40px;
  }

  .btn-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 92%;
    margin: 0 auto;
    position: relative;
    padding-bottom: 57px;
  }
  .btn-wrap li {
    width: 31%;
    margin-bottom: 10px;
  }
  #novelty-bf3 .wrap {
    padding-bottom: 30px;
  }
}

@media screen and (max-width: 1019px) {
}



/* =============================================================================
フッター
   ========================================================================== */

@media screen and (min-width: 1024px) {
	#footer.underfoot .btn-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 auto;
  position: relative;
  padding-bottom: 94px;
height: 400px;
}
}




/* =============================================================================

   ========================================================================== */

@media screen and (min-width: 768px) {
}
@media screen and (max-width: 767px) {
}