@charset "utf-8";
/* CSS Document */
li { list-style: none;}
a:hover { opacity: 0.7; -webkit-transition: all 0.5s; transition: all 0.5s; transform: scale(1); }

#allWrap { max-width: 100%;}

section img { width: min(100%,1280px);}

.pc { display: block !important; }
.sp { display: none !important; }

.mascot_wrapc {
  background: linear-gradient(135deg, #f5dd92 0%, #67c1b8 25%, #baa1cb 50%, #ea88b4 75%, #7ac7b4 100%);
}
.mascot_wrap {
  background: url("../img/bg.png");
  background-size: cover;
/*  padding-top: min(2.73vw,35px);*/
  padding-bottom: min(3.9vw,50px);
}
  .mascot_wrap img {
    vertical-align: bottom;
  }
.mascot_topinner {
  display: block;
  margin: 0 auto;
  padding-top: min(2.73vw,35px);
  padding-bottom: 15px;	
  width:100%;
  background-image: url("../img/top_bg.jpg");
  vertical-align: middle;
  position:relative;
background-size: cover;
	}

.mascot_topinner img{
	margin: 0 auto;
	width:80%;

}
.mascot_secondinner {
  display: block;
  margin: 0 auto;
	
  width:100%;
  background-image: url("../img/mascot_02_bg_pc.png");
  vertical-align: middle;
  position:relative;
	}

.mascot_secondinner img{
	margin: 0 auto;

}
.mascot_inner {
  display: block;
  margin: 0 auto;
  padding-top: min(2.73vw,35px);
	width: min(100%,1280px);
  vertical-align: middle;
  position:relative;
}

.copyright{
	width:16%;
text-align: center;}

@keyframes fadeIn {
  from { opacity: 0;}
  to { opacity: 1;}
}

.mascot_obi {
  position:relative;
  background: linear-gradient(90deg, #cdd2e9 0%, #f6bfd3 25%, #fbe2ad 50%, #9edec7 75%, #99e1f7 100%);
  height:374px;
  box-shadow:0px 0px 20px 5px rgba(213, 125, 157, 0.7);
  margin-top: 30px;
}
  .mascot_obi img {
    position:absolute;
    top: -37px;
    left: -20px;
  }

.btn_funsite {
  display: block;
  width: min(100%,1100px);
  margin: 0 auto min(2.73vw,35px);
}

.ln_product {}


/* 購入はこちらボタン*/	
#ecBtnArea {
  margin: 3% 0 2%;
  padding: 0 0 9px 0;
}
#ecBtnArea p {
  text-align: center;
  font-size: 1.4rem;
  font-weight: 700;
  margin-bottom: min(2.6vw,20px);
}
#ecBtnArea ul{
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  width: 80%;
  margin: 0 auto;
}
#ecBtnArea ul li{
  display: flex;
  width: 25%;
  min-height: min(13.67vw,105px);
  list-style: none;
}
#ecBtnArea ul li a{
  /*display: block;*/
  padding: 0.5rem 1rem;
  text-align: center;
  border-radius: 1rem;
  text-decoration: none;
  box-sizing: border-box;
  border: 3px solid #fff;
  background: #ffb11b;
  vertical-align: middle;
  vertical-align: center;
  display: flex;
  align-items: center;
}
#ecBtnArea ul li a:hover { background-color: #ff8c1b;}
#ecBtnArea ul li a img { width: 90%; display: block; margin: 0 auto;}
#ecBtnArea ul::before {
  content: "";
  display: block;
  width: 25%;
  order: 1;
}
#ecBtnArea ul::after {
  content: "";
  display: block;
  width: 25%;
}
.copyAmazon {
  font-size: 70%!important;
  width: 100%;
  margin: min(1.3vw,10px) auto min(2.6vw,20px) !important;
  padding-top: 0px!important;
  font-weight: normal!important;
  line-height: 1.4;
}

/* その他商品 */
.mibox02{ width: 100%; max-width: 1000px; margin: 4% auto; }
.othertitle{ display: block; margin: 0 auto; width: 91.8%;}
.otherBox { display: block; width: 96%; margin: 4% 0 0 4%; }
.otherBox li { 
  display: inline-block;
  width: 30.3%;
  height: auto;
  max-width: 286px;
  margin: 0 3% 0 0;
  background-color: #fff;
  border-radius: 12px;
}
.otherBox li a { display: block;}
.otherBox li img { width: 100%;}



@media screen and (max-width:768px) {
.pc { display: none !important; }
.sp { display: block !important; }

.mascot_wrapc {
/*  background: linear-gradient(135deg, #e588b1 0%, #fcda89 25%, #5ebeb3 50%, #e289b7 75%, #7fcdf3 100%);*/
}
.mascot_wrap {
  background: url("../img/bg.png");
  background-size: cover;	
  width: 100%;
 /* margin-top: 8.166vw;*/
  margin-bottom: 5.2vw;
  padding: 0;

}
	
	.mascot_topinner{
		padding-top:6vh;
  		display: block;
  		margin: 0 auto;
  	padding-bottom: 15px;	
  	width:100%;
  	background-size: cover;
  	vertical-align: middle;
  	position:relative;
	}		

	
	.mascot_topinner img{
	margin: 0 auto;
	width:100%;

}
  .mascot_wrap img {
  /*  width: 100%;*/
  }
.mascot_obi {
  display: none;
}
.mascot_pvc {
  position: relative;
}
.mascot_pv {
  position:absolute;
  background: none;
  top: 36.5%;
  left: 0;
  right: 0;
  margin: auto;
  width: 80%;
  min-width: auto;
  height: auto;
  padding-top: 36.25%;
}
  .mascot_pv iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
  }
.btn_funsite {
  margin: 0 auto;
}
.ln_product {}

#ecBtnArea_sp #ecBtnArea {
  background: #FFF;
  border-radius: 1.3vw;
  padding: 1.3vw 0;
  margin: 0 5%;
}
#ecBtnArea_sp img {
  max-width: 100%;
}

}


@media screen and (max-width:640px) {
.mascot_wrap {
  width: 100%;
}
/* 購入はこちらボタン*/	
#ecBtnArea ul li {
  width: 49%;
  min-height: 18vw;
  margin: 0;
}
.copyAmazon {
  width: 90%;
  margin: 5% auto!important;
}

.mibox02 { width: 100%;  margin: 3% 0; }
.othertitle { width: 100%;}
.otherBox { width: 96%;}
.otherBox li { 
  width: 46%;
  margin: 0 4% 2% 0;
}

}