@charset "utf-8";
/* CSS Document */
#fcp2509{
font-family: Noto Sans JP;
}
#fcp2509 a{
	display: block;
}
#fcp2509 img{
	width: 100%;
	line-height: 0;
}
#fcp2509 .mvArea{
	
}
#fcp2509 .mvArea img{
	width: 100%;
}

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

/*-- 共通 --*/
#fcp2509 .area-wrap{
	padding: 0 6.41025641025641vw;/*--0 25-*/
}

/*--cpArea #cpArea-top--*/
#fcp2509 .cpArea.area-wrap{
	padding: 0 7.05128205128205vw;/*--0 26-*/
	padding-top: 10.20512820512821vw;
	padding-bottom: 13.24358974358974vw;
}
#fcp2509 .cpArea{
	background-image: url("../img/campaign_back_sp.png");
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
}
#fcp2509 .cpArea .cp_bonus{
	position: relative;
	margin-top: 8.46153846153846vw;
}
#fcp2509 .cpArea .cp_bonus-btnbox a{
	width: 50.38461538461538vw;
	position: absolute;
	top: 194.153846vw;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
#fcp2509 .cpArea .cp_note{
	padding-top: 4.87179487179487vw;
	font-size:2.66666666666667vw;
	font-weight: 400;
	line-height: 4.53333333333333vw;
	letter-spacing: 0.05em;
}
#fcp2509 .cpArea .cp_btnttl{
	width: 62.8vw;
	margin: 0 auto;
	margin-top: 8.46153846153846vw;
}
#fcp2509 .cpArea .cp_btnbox{
	margin-top: vw;
}
#fcp2509 .cpArea .cp_btnbox .box01{
	margin-top: 4.04871794871795vw;
}
#fcp2509 .cpArea .cp_btnbox .box02{
	margin-top: 4.35897435897436vw;
}

/*-- aboutArea --*/
#fcp2509 .aboutArea .about_main{
	padding-top: 10vw;
	margin-bottom: 7.23076923076923vw;
	background-image: url("../img/about_back_sp.png");
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
}
#fcp2509 .aboutArea .about_story{
	padding-top: 4.2974358974359vw;
	padding-bottom: 5.64102564102564vw;
	background: linear-gradient(170.52deg, #CFFAFF 0.62%, #59A9EB 98.51%);
}
#aboutArea .about_story img{
	width: 98.692308vw;
}

/*-- pointArea --*/
#fcp2509 .pointArea{
	padding-bottom: 15.3846153846154vw;
}
#fcp2509 .pointArea .point_main{
	position: relative;
	padding-top: 7.69230769230769vw;
}
#fcp2509 .pointArea .point_btnbox{
	margin: 4.35897435897436vw auto 0 auto;	
	width: 56.33333333333333vw;
}

#fcp2509 .pointArea .point_btnbox .box01{
	margin-top: 4.04871794871795vw;
}
#fcp2509 .pointArea .point_btnbox .box02{
	margin-top: 4.35897435897436vw;
}
#fcp2509 .pointArea .slidebox{
	margin-top: 12.0512820512821vw;
}
#fcp2509 .pointArea .slidebox .swiper{
	padding-top: 7.18461538461538vw;
	padding-bottom: 17.48461538461538vw;
	background-color:#012A7A;
	border-radius: 2.39487179487179vw;
  position: relative;
}
#fcp2509 .pointArea .slidebox .swiper-slide:first-child{
	padding-left: 8.57692307692308vw;
}
#fcp2509 .pointArea .slidebox .swiper-slide{
  width: 54.38461538461538vw;
	margin-right: 2.07692307692308vw;
}
#fcp2509 .pointArea .slidebox .swiper-slide:last-child{
	margin-right: 0;
}
#fcp2509 .pointArea .slidebox .movie-inner{
  display: block;    
  width: 100%;
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
}
#fcp2509 .pointArea .slidebox .thumb{
  width: 100%;
  max-width: 100%;
}
  
#fcp2509 .pointArea .slidebox .swiper-slide iframe{
  width: 100%;
  aspect-ratio: 214 / 384;
  height: auto;
}
#fcp2509 .pointArea .slidebox .swiper .swiper-scrollbar {
  background: #eee; /* スクロールバーの背景色 */
  height: 0.47948717948718vw; /* スクロールバーの高さ */
  position: absolute;
  bottom: 7.18461538461538vw;
  left: 8.57692307692308vw;
  width: 69.93589743589744vw;
}
#fcp2509 .pointArea .slidebox .swiper .swiper-scrollbar .swiper-scrollbar-drag {
  background: #fff; /* スクロールドラッグの色 */
  height: 1.91538461538462vw;
  border-radius: 0;
  top: -100%;
}
#fcp2509 .ytItems {
  margin: auto;
  padding: 0;
  list-style: none;
}
#fcp2509 .ytItem {
  position: relative;
  background: #000;
  width: 54.38461538461538vw;
  /*--　追加：透過サムネ用 --*/
  object-fit: cover;
  cursor: pointer;
  aspect-ratio: 420 / 747;
  height: auto;  
}
#fcp2509 .ytItem:before {
  position: absolute;
  content: "";
  background-image: url('../img/point_movie_thum.png');
  width: 100%;
  height: 100%;
  background-size: contain;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  transition: opacity .6s;
}
#fcp2509 .ytItem:hover:before {
    color: #FF0000;
    opacity: 1;
}
  
/*-- expArea --*/
#fcp2509 .expArea{
	padding: 7.69230769230769vw 0 15.3846153846154vw 0;
	background-color: #012A7A;
}
#fcp2509 .expArea .exp_fuki .txtBox{
  width: 62.3076923076923vw;
  height: 36.60512820512821vw;
  margin: 0 auto;	
  position: relative;
  background-image: url("../img/point_fukidashi_sp.png");
  background-position: top center;
  background-repeat: no-repeat;
  background-size: contain;
  overflow: hidden;
  text-align: center;
  padding-top: 4.35897435897436vw;
}
#fcp2509 .expArea .exp_fuki .txtBox span {
  position: absolute;
  left: 0;
  width: 100%;
  opacity: 0;
  animation: changeText 9s infinite;
  font-size: 5.45128205128205vw;
  font-weight: 500;
  line-height: 1.428974600188147em;
  letter-spacing: 0;
  color: #012A7A;
}
#fcp2509 .expArea .exp_fuki .txtBox span:nth-child(1) { animation-delay: 0s; }
#fcp2509 .expArea .exp_fuki .txtBox span:nth-child(2) { animation-delay: 3s; }
#fcp2509 .expArea .exp_fuki .txtBox span:nth-child(3) { animation-delay: 6s; }

@keyframes changeText {
  0% { opacity: 0; }
  5% { opacity: 1; }
  30% { opacity: 1; }
  35% { opacity: 0; }
  100% { opacity: 0; }
}
#fcp2509 .expArea .exp_note{
	margin-top: 4.87179487179487vw;/*--26-*/
	padding:0 7.05128205128205vw;/*--0 26-*/
  font-size: 2.66666666666667vw;
  line-height: 1.7em;
  color: #fff;
  letter-spacing: 0.05em;
}
#fcp2509 .expArea .exp_btnttl{
	margin-top: 7.69230769230769vw;/*--30-*/
	padding:0 7.05128205128205vw;/*--0 26-*/
}
#fcp2509 .expArea .exp_btnbox{
	margin-top: 4.1025641025641vw;/*--16-*/
	padding:0 7.05128205128205vw;/*--0 26-*/
}

/*-- viewArea --*/
#fcp2509 .viewArea{
  position: relative;
}
#fcp2509 .viewArea .view_main{
	margin-top: 7.69230769230769vw;/*--30-*/
}
#fcp2509 .viewArea .view_btnbox{
  position: absolute;
  width: 50.38461538461538vw;
  top: 153.138462vw;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

/*--cpArea #cpArea-btm--*/
#fcp2509 #cpArea-btm.cpArea{
	background-position: center -1px;
}

/*-- pairArea --*/
#fcp2509 .pairArea{
  margin: 7.69230769230769vw 7.05128205128205vw ;/*--30 26-*/
}
#fcp2509 .pairArea .pair_btnbox{
  margin-top: 2.64615384615385vw;
}

}


@media screen and (min-width: 769px) {

/*--cpArea #cpArea-top--*/
#fcp2509 .cpArea{
	background-image: url("../img/campaign_back_pc.png");
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
  padding-top: min(4.16666666666667vw, 63px);
  padding-bottom: min(6.94444444444444vw, 105px);
}
#fcp2509 .cpArea .cp_main{
  width: min(50.45376486129458vw, 764px);
  margin: 0 auto;
}  
#fcp2509 .cpArea .cp_bonus{
	position: relative;
  width: min(90.83333333333333vw, 1380px);
  margin: 0 auto;
	padding-top: 5.41666666666667vw;
}
#fcp2509 .cpArea .cp_bonus-btnbox a{
	width: min(15.3531746031746vw, 232px);
	position: absolute;
  top:92%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
#fcp2509 .cpArea .cp_note{
  width: min(90.83333333333333vw, 1380px);
  margin: 0 auto;
	padding-top: min(2.64550264550265vw, 40px);
	font-size: min(0.85978835978836vw, 13px);
	font-weight: 400;
	line-height: min(1.52116402116402vw, 23px);
	letter-spacing: 0.05em;
}
#fcp2509 .cpArea .cp_btnttl{
	width: min(28.40410052910053vw, 430px);
	margin: 0 auto;
	margin-top: min(3.47222222222222vw, 53px);
}
#fcp2509 .cpArea .cp_btnbox{
  width: min(46.18320105820106vw, 700px);
	margin: 0 auto;
	margin-top: min(1.80555555555556vw, 28px);
  display: flex;
  justify-content: space-between;
}
#fcp2509 .cpArea .cp_btnbox .box{
  width: min(48.77343224161881%, 340px) ;
}

/*-- aboutArea --*/
#fcp2509 .aboutArea .about_main{
  padding-top: min(3.08796296296296vw, 46px);
  padding-bottom: min(3.02645502645503vw, 46px);
	background-image: url("../img/about_back_pc.png");
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
}
#fcp2509 .aboutArea .about_main .box{
  margin: 0 auto;
  width: min(90.83333333333333vw, 1380px);
}
#fcp2509 .aboutArea .about_main .box img{
  padding-left: 9.27536231884058%;
  width: 90.72463768115942%;
}
#fcp2509 .aboutArea .about_story{
	padding-top: min(2.24537037037037vw, 34px);
  background: linear-gradient(107.61deg, #CFFAFF 22.57%, #59A9EB 98.05%);
}
#fcp2509 #aboutArea .about_story img{
  width: min(90.89748677248677vw, 1265px);
  margin: 0 auto;
}  

/*-- pointArea --*/
#fcp2509 .pointArea{
	padding: min(2.64550264550265vw, 40px) 0 min(3.96825396825397vw, 60px) 0;
  width: min(90.83333333333333vw, 1380px);
  margin: 0 auto;
}
#fcp2509 .pointArea .point_main{
	position: relative;
  height: min(35.08267195767196vw, 530px);
}
#fcp2509 .pointArea .point_btnbox{
  position: absolute;
  top: min(32.25132275132275vw, 487px);
  right: min(4.8452380952381vw, 74px);
}
#fcp2509 .pointArea .point_btnbox a{
  width: min(18.43716931216931vw, 278px);
}
#fcp2509 .pointArea .slidebox{
  margin-top: min(3.17460317460317vw, 40px);
}
#fcp2509 .pointArea .slidebox .swiper-wrapper{
  width: min(74.3386243386243vw, 1124px);
  margin: 0 auto;
  box-sizing: border-box;
  background-color: #012A7A;
  border-radius: min(0.595238095238095vw, 9px);
  padding: min(1.98412698412698vw, 30px) min(5.18849206349206vw, 78px);
  display: flex;
  justify-content: space-between;
}
#fcp2509 .pointArea .slidebox .swiper-slide{
  width: min(19.8412698412698vw, 300px);
  position: relative;
}
#fcp2509 .pointArea .slidebox .swiper-slide iframe{
  width: 100%;
  aspect-ratio: 420 / 747;
  height: auto;
}
#fcp2509 .pointArea .slidebox .movie-inner{
  display: block;    
  width: 100%;
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
}
#fcp2509 .pointArea .slidebox .thumb{
  width: 100%;
  max-width: 100%;
}
#fcp2509 .ytItems {
  margin: auto;
  padding: 0;
  list-style: none;
}
#fcp2509 .ytItem {
  position: relative;
  background: #000;
  width: min(19.8412698412698vw, 300px);
  /*--　追加：透過サムネ用 --*/
  object-fit: cover;
  cursor: pointer;
  aspect-ratio: 420 / 747;
  height: auto;
}
#fcp2509 .ytItem:before {
  position: absolute;
  content: "";
  background-image: url('../img/point_movie_thum.png');
  width: 100%;
  height: 100%;
  background-size: contain;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  transition: opacity .6s;
}
#fcp2509 .ytItem:hover:before {
    color: #FF0000;
    opacity: 1;
}

/*-- expArea --*/
#fcp2509 .expArea{
	padding: min(2.64550264550265vw, 40px) 0 min(3.96825396825397vw, 60px) 0;
	background-color: #012A7A;
}
#fcp2509 .expArea .exp_fuki{
  width: min(58.46560846560847vw, 884px);
  margin: 0 auto;
}
#fcp2509 .expArea .exp_main{
	margin-top: min(1.32275132275132vw, 20px);/*--20--*/
  width: min(90.83333333333333vw, 1380px);
  margin: 0 auto;
	background-color: #012A7A;  
  color: #fff;
}
#fcp2509 .expArea .exp_note{
  width: min(90.83333333333333vw, 1380px);
  margin: 0 auto;
  margin-top: min(2.64550264550265vw, 40px);  
	font-size: min(0.85978835978836vw, 13px);
  line-height: min(1.52116402116402vw, 23px);
  color: #fff;
  letter-spacing: 0.05em;
}
#fcp2509 .expArea .exp_btnttl{
	width: min(40.70568783068783vw, 616px);
  margin: 0 auto;
	margin-top: min(3.47222222222222vw, 52px);
}
#fcp2509 .expArea .exp_btnbox{
	width: min(22.52513227513228vw, 340px);
  margin: 0 auto;
	margin-top: min(1.80555555555556vw, 28px   );
}

/*-- viewArea --*/
#fcp2509 .viewArea{
  position: relative;
  height: min(41.33597883597884vw, 625px);
}
#fcp2509 .viewArea .view_main{
	margin-top:min(2.64550264550265vw, 40px);
	background-image: url("../img/viewcard_main_bg.png");
	background-position: top center;
  height: 100%;
}
#fcp2509 .viewArea .view_main img{
  width: min(60.91269841269841vw, 920px);
  margin: 0 auto;
}
#fcp2509 .viewArea .view_btnbox{
  position: absolute;
  width: min(15.3531746031746vw, 232px);
  top: min(36.7vw, 564px);
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
/*-- pairArea --*/
#fcp2509 .pairArea{
	padding: min(2.64550264550265vw, 40px) 0 min(3.96825396825397vw, 60px) 0;  
}
#fcp2509 .pairArea .pair_btnttl{
  width: min(30.63161375661376vw, 464px);
  margin: 0 auto;
}
#fcp2509 .pairArea .pair_btnbox{
  width: min(30.63161375661376vw, 464px);
  margin: 0 auto;
  margin-top: min(1.80555555555556vw, 28px);
}

}