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

body {
	font-size: 1rem;
	line-height: 1rem;
	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS P Gothic", Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	text-align: center;
	/*background-image: url(../img/back.png);*/
	padding: 0;
	margin: 0;
	background-image: url("../img/back.jpg");
	background-repeat: no-repeat;
}

#container {
	width: 100%;
    min-width: 760px;
    max-width: 1024px;
    margin: 0 auto;
}

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

.appear {
	transform-origin:center top;
	animation:show 1s both;
}
span.appear {/*display:inline-block;*/}
.d1 {animation-delay:1s;}
.d2 {animation-delay:2s;}
.d3 {animation-delay:3s;}
.d4 {animation-delay:4s;}
.d6 {animation-delay:6s;}
.d8 {animation-delay:8s;}
.d10 {animation-delay:10s;}
.d12 {animation-delay:12s;}
.d20 {animation-delay:20s;}

@keyframes show {
	0% {
		transform:translate(0,30px);
		opacity:0;
		/*text-shadow:0 0 0 #0f0;*/
	}
	50% {
		/*text-shadow:0 0 0.5em #0f0;*/
	}
	100% {
		transform:translate(0,0);
		opacity:1;
		text-shadow:none;
	}
}
.narabi{
	display: flex;
    margin: 40px auto 0px;
	
}
.box1{
	width: 50%
}
.box1 img{
	width: 100%;
	/*max-width: 500px;*/
}
.box2{
	width: 60%
}
.box2 img{
	width: 100%;
	/*max-width: 500px;*/
}

#cam_01{
	max-width: 700px;
    padding-top: 50px;
}
#cam_02{
	width: 50%;
    max-width: 300px;
}

.camp_gift{
	width: 100%;
}
.camp_gift img {
	width: inherit;
	margin: 15px auto;
}

#sarani {width: 70px; margin: 0 auto 1rem;}

.niari{display: flex;background-color: #fff;border-radius: 10px;border: solid 2px #e50012;padding: 5px;}
.hako01{width: 70%;}
.hako02{}
.hako02 p {font-size: 14px;line-height: 1.5rem}
#ap_logo{width: 100px;margin-right: 0.3rem;}
#ap_logo2{width: 125px}

#cyuuki{
    width: 100%;
    text-align: left;
    margin: 1rem auto 2rem;
    color: #fff;
    font-size: 14px;
    line-height: 1rem;
}

/*要素が表示されたらアニメ*/

.effect i {
  height: 120px;
  padding: 20px;
  font-size: 100px;
  transition: .8s;
} 
.effect div {
  margin: auto;
  transition: .8s;
  transition-delay: .8s;
}

/*要素が表示されたらアニメ　END*/