@charset "utf-8";
/* CSS Document */

body {
    background: rgb(255, 250, 241);
    margin: 0;
    padding: 0;
}
nav {
  position: sticky;
  top:0;
  z-index: 999;
}

.container{
    max-width: 768px;
	width: 100%;
    margin: 0 auto;
    box-shadow: 0 0 5px #00000040;
}

a {
 -webkit-tap-highlight-color: rgba(0,0,0,0);
}


a:hover,
.accordion:hover,
.accordion img:hover {
  opacity: 0.8;
  -webkit-tap-highlight-color:rgba(0,0,0,0);
}

img {
  width: 100%;
  display: block;
  vertical-align: bottom;
  margin-bottom: -1px;
}

.box_cart {
  position: relative;
}
.box_cart .cart_01 {
  position: absolute;
  bottom: 7%;
  width: 85%;
  height: auto;
  left: 0;
  right: 0;
  margin: auto;
  overflow :hidden;
}

.box_cart .cart_01:hover,
.box_cart .cart_01 a:hover {
  opacity: 0.8;
}


.box_mp4 {
  background-color: #fff;
}

.box_mp4 .video01 {
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: 12%;
  width: 85%;
  padding-bottom: 10%;
  display: flex;
  justify-content: center;
}

.box_mp4_2 {
  position: relative;
}

.box_mp4_2 .video02 {
  position: absolute;
  left: 4%;
  margin: 0 auto;
  top: 7%;
  width: 82%;
}

.box_mp4_2 .video03 {
  position: absolute;
  right: 0;
  left: 0;
  margin: 0 auto;
  bottom: 2%;
  width: 85%;
}


.accordion {
	cursor: pointer;
	width: 100%;
	border: none;
	outline: none;
	transition: 0.4s;
}

.panel {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.2s ease-out;
}

/* アコーディオンCSS */
.impinch-set1 .accordion.open{
  max-width: 768px;
  padding-bottom: 8.85%;
  margin-top: 0;
  background-color: #fff;
}

.accordion.open img {
  display: none !important;
}

.accordion {
  cursor:pointer;
}

.cart-set1 {
  background: #fff;
}

.cart-set1 .accordion {
  background: url("../images/review_op.jpg") no-repeat left top;
  background-size: contain;
}


.cart-set1 .accordion.open {
  background: url("../images/review_cl.jpg") no-repeat left top;
  background-size: contain;
}

.cart-set1,
.cart-set1 dd {
  margin: 0;
}



/* --------------------------------------------------------------------
offer
-------------------------------------------------------------------- */
.offer {
  position: relative;
}

.btn1,.btn2,.btn3,.btn4 {
  position: absolute;
  margin: 0 auto;
  width: 75%;
}

.btn1{
  left: 15.5%;
  top: 17%;
}

.btn2{
    left: 15.5%;
    top: 35%;
}

.btn3{
    left: 15.5%;
    top: 62.5%;
}

.btn4{
    left: 15.5%;
    top: 92%;
}


.btn1 img:hover,.btn2 img:hover,.btn3 img:hover,.btn4 img:hover {
  opacity: 0.8;
  -webkit-tap-highlight-color:rgba(0,0,0,0);
}



/* ▼Countdown Timer▼ */
.timer-obj {
  position: fixed;
  bottom: -50%;
  right: 15%;
  max-width: 300px;
  width: 100%;
  z-index: 999;
  transition: bottom .5s ease-out;

}

.timer-obj.show_sta {
 bottom:1%;
}

.timer-obj.hidden_sta {
  top: 100%;
}

.timer-obj #pc_sta {
  width: 200px;
  display: block;
  margin: 0 0 0 auto;
}

.countdown {
  position: absolute;
  top: 1%;
  left: 37%;
  text-align: center;
  color: #f146bd;
  font-size: 1.2rem;
  font-weight: 700;
  background: #fff;

}

.countdown span {
  display: block;
}

@media (max-width: 1440px) {
  .timer-obj {
  right: 1%;
  }

  .timer-obj #pc_sta {
    width: 180px;
  }

.countdown {
  left: 44%;
  font-size: 1.1rem;
}
}

@media (max-width: 400px) {
  .timer-obj #pc_sta {
      width: 130px;
    }



.countdown {
  left: 59%;
  font-size: 0.75rem;
}
}
/* ▲Countdown Timer▲ */

/*footer start*/
.SA_footer,.SA_footer a{
	font-size: 100%;
	width: 100%;
	max-width: 1200px;
	margin: auto;
	text-align: center;
	color: #222222;
	padding-bottom: 30px;
	padding-top: 20px;
}

/*footer end*/