@charset "utf-8";
* {
	margin: 0px;
	padding: 0px;
}
*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
a {
	text-decoration: none;
}
img {
	vertical-align:bottom;
	border:none;
	width:100%;
}
table {
	border-collapse: collapse;
}
.clearfix:after {
	content: ".";  /* 新しい要素を作る */
	display: block;  /* ブロックレベル要素に */
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {
	min-height: 1px;
}

* html .clearfix {
  	height: 1px;
  	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}
/* iOSでのデフォルトスタイルをリセット */
input[type="submit"] {
	-webkit-appearance: none;
}
body {
	font-family: Verdana, "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;
	background:#F6F6F6;
}
main {
	width:100%;
	max-width:900px;
	margin:0 auto;
	overflow:hidden;
}
.abso {
	position:absolute;
}
.rela {
	position:relative;
}
#header_text00 {
	z-index:20;
	filter: drop-shadow(0px 2px 3px #333);
	overflow :hidden;
}
.kiran {
	height:100%;
	width:30px;
	position:absolute;
	top:-180px;
	left:0;
	background-color: #fff;
	opacity:0;
	transform: rotate(45deg);
	animation: reflection 4s ease-in-out infinite;
}
@keyframes reflection {
0% { transform: scale(0) rotate(45deg); opacity: 0; }
80% { transform: scale(0) rotate(45deg); opacity: 0; }
90% { transform: scale(0) rotate(45deg); opacity: 0.5; }
91% { transform: scale(4) rotate(45deg); opacity: 1; }
100% { transform: scale(50) rotate(45deg); opacity: 0; }
}

.btn_area {
	padding:4% 0;
}
.bg_pink {
	background:#FFEBED;
}
.bg_yellow {
	background:#FDCC11;
}
.p_center {
	right:0;
	left:0;
	margin:0 auto;
}
img#header_text01 {
	top:1.5%;
}
img#header_text02 {
	top:19.5%;
}
img#header_text03 {
	bottom:0.5%;
}
img#body01_text01 {
	top:11%;
}
img#body01_text02 {
	top:31%;
}
img#body01_text03 {
	top:53%;
}
img#body01_text04 {
	width:66.6%;
	bottom:2.5%;
}
img.body02_icon_left_p {
	left:6%;
	width:4.4%;
}
img#body02_icon01 {
	top:33.2%;
}
img#body02_icon02 {
	top:41%;
}
img#body02_icon03 {
	top:48.8%;
}
img#body02_icon04 {
	top:56.6%;
}
img#body02_icon05 {
	top:64.4%;
}
img#body02_text01 {
	bottom:13%;
}
img#body03_text01 {
	top:15%;
}
img#body03_text02 {
	top:40%;
}
img#body03_text03 {
	top:65%;
}
img#body04_text01 {
	top:2%;
}
img#body04_text02 {
	width:50%;
	top:32%;
	left:0;
}
img#body04_text04 {
	bottom:18%;
}
img#body04_text05 {
	bottom:9.6%;
}
img#body04_text06 {
	bottom:3%;
}
img#body04_text03 {
	width:50%;
	top:32%;
	right:0;
}
img#body05_icon01 {
	width:38.8%;
	top:7.2%;
	left:1%;
}
img#body05_icon02 {
	top:11.7%;
}
img#body05_text01 {
	top:38%;
}
img#body05_text02 {
	bottom:2%;
}
footer {
	text-align:center;
	padding:4% 0 28%;
	font-size:min(3vw, 27px);
}
#follow_btn {
	position:fixed;
	bottom:-250px;
	left:0;
	right:0;
	margin:0 auto;
	padding:1% 0;
	max-width:900px;
	box-sizing: border-box;
	transition: .5s; /* アニメーションタイミング */
	animation: fuwafuwa 2.0s ease 0s infinite alternate;
	transform-origin: 50% 100%;
}
#follow_btn.is-show {
  bottom: 0;
}

#follow_btn img{
	filter: drop-shadow(2px 2px 3px #333);
}
#countdown {
	position:fixed;
	top:-100px;
	left:0;
	right:0;
	margin:0 auto;
	max-width:900px;
	filter: drop-shadow(0px 2px 3px #333);
	box-sizing: border-box;
	transition: .5s; /* アニメーションタイミング */
}
#countdown.is-show {
  top: 0;
}
#countdown_text {
	color:#FFF;
	top:50%;
	transform: translateY(-50%);
	right:7%;
	font-size:min(5.5vw, 49.5px);
	font-weight:bold;
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	letter-spacing:0.5vw;
}


/*アニメーション*/
img.btn_anime {
	animation: b_anime 0.7s ease 0s infinite alternate;
	transform-origin:center;
}
@keyframes b_anime {
  from {
    transform: scale(0.9,0.9);
  }
  to {
    transform: scale(1,1);
  }
}

.start_0 {
	opacity: 0;
}

img.text_anime01 {
  animation: poyon02 1.0s linear 0s 1 forwards;
}
img.text_anime02 {
  animation: poyon01 0.7s ease-in-out 1.8s forwards;
  animation-iteration-count: 2;
}
img.text_anime03 {
  animation: poyon02 1.0s linear 1.0s 1 forwards;
}
img.text_anime04 {
  animation: zoomIn 0.6s ease-out 1.0s forwards;
}
img.text_anime05 {
  animation: zoomIn 0.6s ease-out 1.3s forwards;
}
img.text_anime06 {
  animation: zoomIn 0.6s ease-out 1.6s forwards;
}
img.text_anime07 {
  animation: poyon02 1.0s linear 1.0s 1 forwards;
}
img.text_anime08 {
  animation: fadein01 0.5s ease-out 0.5s forwards;
}
img.text_anime09 {
  animation: fadein01 0.5s ease-out 1.0s forwards;
}
img.text_anime10 {
  animation: fadein01 0.5s ease-out 1.5s forwards;
}
img.text_anime11 {
  animation: fadein01 0.5s ease-out 2.0s forwards;
}
img.text_anime12 {
  animation: fadein01 0.5s ease-out 2.5s forwards;
}
img.text_anime13 {
  animation: poyon03 1.0s linear 2.8s 1 forwards;
  animation-iteration-count: 2;
}
img.text_anime14 {
  animation: fadein02 0.4s ease-out 1.0s forwards;
}
img.text_anime15 {
  animation: fadein02 0.4s ease-out 1.5s forwards;
}
img.text_anime16 {
  animation: fadein02 0.4s ease-out 2.0s forwards;
}
img.text_anime17 {
  animation: fadein03 0.4s ease-in-out 1.5s forwards;
}
img.text_anime18 {
  animation: fadein04 0.2s ease-out 1.0s forwards;
}
img.text_anime19 {
  animation: fadein04 0.2s ease-out 2.0s forwards;
}
img.text_anime20 {
  animation: zoomIn 0.5s ease-out 1.0s forwards;
}
img.text_anime21 {
  animation: zoomIn 0.5s ease-out 1.5s forwards;
}
img.text_anime22 {
  animation: zoomIn 0.5s ease-out 2.0s forwards;
}
img.text_anime23 {
  animation: poyon03 0.7s ease-in-out 1.9s forwards;
  animation-iteration-count: 2;
}
img.text_anime24 {
  animation: poyon01 0.7s ease-in-out 0.5s forwards;
  animation-iteration-count: 2;
}
img.text_anime25 {
  animation: poyon01 0.7s ease-in-out 3.0s forwards;
  animation-iteration-count: 2;
}
img.text_anime26 {
  animation: fuwafuwa 2.0s ease 0s infinite alternate;
  transform-origin: 50% 100%;
}
@keyframes poyon01 {
  0%   { transform: scale(1.0, 1.0) translate(0%, 0%); }
  10%  { transform: scale(1.1, 0.9) translate(0%, 5%); }
  40%  { transform: scale(1.2, 0.8) translate(0%, 15%); }
  50%  { transform: scale(1.0, 1.0) translate(0%, 0%); }
  60%  { transform: scale(0.9, 1.2) translate(0%, -100%); }
  75%  { transform: scale(0.9, 1.2) translate(0%, -20%); }
  85%  { transform: scale(1.2, 0.8) translate(0%, 15%); }
  100% { transform: scale(1.0, 1.0) translate(0%, 0%); }
}
@keyframes poyon02 {
0%   { transform: scale(0.8, 1.4) translate(0%, -100%); opacity: 0;}
  10%  { transform: scale(0.8, 1.4) translate(0%, -15%); opacity: 0.5;}
  20%  { transform: scale(1.4, 0.6) translate(0%, 30%); opacity: 1;}
  30%  { transform: scale(0.9, 1.1) translate(0%, -10%); opacity: 1; }
  40%  { transform: scale(0.95, 1.2) translate(0%, -30%); opacity: 1; }
  50%  { transform: scale(0.95, 1.2) translate(0%, -10%); opacity: 1; }
  60%  { transform: scale(1.1, 0.9) translate(0%, 5%); opacity: 1; }
  70%  { transform: scale(1.0, 1.0) translate(0%, 0%); opacity: 1; }
  100% { transform: scale(1.0, 1.0) translate(0%, 0%); opacity: 1; }
}
@keyframes poyon03 {
  0%, 40%, 60%, 80% { transform: scale(1.0); }
  50%, 70% { transform: scale(0.90); }
}
@keyframes zoomIn {
  0% { transform: scale(0.8); opacity: 0; }
  100% { opacity: 1; transform: scale(1); }
}
@keyframes fadein01 {
  0%   { opacity:0; transform: scale(6.0) }
  100% { opacity:1; transform: scale(1.0) }
}
@keyframes fadein02 {
  0%   { opacity:0; transform:translate(-50%, 0%); }
  100% { opacity:1; transform:translate(0%, 0%); }
}
@keyframes fadein03 {
  0%   { opacity:0; transform: scale(2.8) rotate(720deg); }
  100% { opacity:1; transform: scale(1.0) rotate(0deg); }
}
@keyframes fadein04 {
  0%   { opacity:0; transform:translate(0, 40%); }
  100% { opacity:1; transform:translate(0%, 0%); }
}
@keyframes fuwafuwa {
  0% { transform: scale(1.05,1.05); }
  30% { transform: scale(1,1); }
}