@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:#FFFFE6;
}
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; }
}
img#header_text01 {
	top:15.2%;
	left:20.2%;
	max-width:250px;
	width:27.77%;
}
img#header_text02 {
	top:16.8%;
	right:24.7%;
	max-width:250px;
	width:27.77%;
}
img#header_text03 {
	top:46.6%;
	left:0.4%;
	max-width:650px;
	width:72.22%;
}
img#header_text04 {
	bottom:20%;
	left:0;
}
img#header_text05 {
	bottom:0;
	left:0;
}
img#header_text06 {
	bottom:33.5%;
	right:0%;
	max-width:300px;
	width:33.33%;
}
.btn_area {
	padding:4% 0;
}
.bg_yellow {
	background:#FFD457;
}
.bg_green {
	background:#A5C735;	
}
img#body01_04_text01 {
	top:2.5%;
	left:0;
}
img#body01_04_text02 {
	bottom:17%;
	left:0;
}
img#body02_02_text01 {
	top:0;
	left:0;
}
img#body02_02_text02 {
	top:30%;
	left:0;
}
img#body02_02_text03 {
	bottom:4%;
	left:0;
}
img#body03_01_text01 {
	top:2%;
	left:0;
}
img#body03_02_tex01 {
	max-width:310px;
	width:34.44%;
	top:7%;
	right:0;
}
img#body03_02_tex02 {
	max-width:360px;
	width:40%;
	top:7%;
	right:27.8%;
}
img#body03_02_tex03 {
	max-width:360px;
	width:40%;
	top:7%;
	left:0;
}
img#body04_text01 {
	max-width:450px;
	width:50%;
	bottom:19%;
	left:0;
}
img#body04_text02 {
	max-width:450px;
	width:50%;
	bottom:19%;
	right:0;
}
img#body05_text01 {
	top:25%;
	left:0;
}
img#body06_text01 {
	max-width:460px;
	width:51.11%;
	bottom:17%;
	right:0;
}
img#body07_tex01 {
	top:5%;
	left:0;
}
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; /* アニメーションタイミング */
}
#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: poyon_s 0.7s ease-in-out 0.5s backwards;
}
img.text_anime02 {
  animation: poyon_s 0.7s ease-in-out 1.2s backwards;
}
img.text_anime03 {
  animation: poyon_l 0.7s ease-in-out 1.8s backwards;
  animation-iteration-count: 2;
}
img.text_anime04 {
  animation: fadein01 0.5s ease-in-out 3.0s forwards;
}
img.text_anime04_01 {
  animation: poyon_ex 3.0s ease-in-out 4.0s infinite;
}
img.text_anime05 {
  animation: fadein02 0.5s ease-in-out 1.0s forwards;
}
img.text_anime06 {
  animation: fadein03 0.5s ease-in-out 2.0s forwards;
}
img.text_anime07 {
  animation: fadein04 0.5s ease-in-out 1.0s forwards;
}
img.text_anime08 {
  animation: fadein04 0.5s ease-in-out 1.0s forwards;
}
img.text_anime09 {
  animation: fadein04 0.5s ease-in-out 1.0s forwards;
}
img.text_anime10 {
  animation: poyon_s 0.7s ease-in-out 0.5s backwards;
  animation-iteration-count: 2;
}
img.text_anime11 {
  animation: fadein04 0.5s ease-in-out 1.0s forwards;
}
img.text_anime12 {
  animation: fadein04 0.5s ease-in-out 1.3s forwards;
}
img.text_anime13 {
  animation: fadein04 0.5s ease-in-out 1.6s forwards;
}
img.text_anime14 {
  animation: poyon_s 0.7s ease-in-out 2.0s backwards;
  animation-iteration-count: 2;
}
img.text_anime15 {
  animation: poyon_s 0.7s ease-in-out 3.6s backwards;
  animation-iteration-count: 2;
}
img.text_anime16 {
  animation: fadein03 0.5s ease-in-out 1.0s forwards;
}
img.text_anime17 {
  animation: poyon_l 0.7s ease-in-out 0.5s backwards;
  animation-iteration-count: 2;
}
img.text_anime18 {
  animation: poyon_ex 3.5s ease-in-out 2.5s infinite;
}

@keyframes poyon_s {
  0%   { transform: scale(1.0, 1.0) translate(0%, 0%); }
  15%  { transform: scale(0.9, 0.9) translate(0%, 5%); }
  30%  { transform: scale(1.3, 0.8) translate(0%, 10%); }
  50%  { transform: scale(0.8, 1.3) translate(0%, -10%); }
  70%  { transform: scale(1.1, 0.9) translate(0%, 5%); }
  100% { transform: scale(1.0, 1.0) translate(0%, 0%); }
}
@keyframes poyon_l {
  0%   { transform: scale(1.0, 1.0) translate(0%, 0%); }
  15%  { transform: scale(0.9, 0.9) translate(0%, 10%); }
  30%  { transform: scale(1.4, 0.8) translate(0%, 15%); }
  50%  { transform: scale(0.8, 1.4) translate(0%, -15%); }
  70%  { transform: scale(1.1, 0.9) translate(0%, 10%); }
  100% { transform: scale(1.0, 1.0) translate(0%, 0%); }
}
@keyframes poyon_ex {
  0%, 40% { transform: skew(0deg, 0deg); }
  5% { transform: skew(5deg, 5deg); }
  10% { transform: skew(-4deg, -4deg); }
  15% { transform: skew(3deg, 3deg); }
  20% { transform: skew(-2deg, -2deg); }
  25% { transform: skew(1deg, 1deg); }
  30% { transform: skew(-0.6deg, -0.6deg); }
  35% { transform: skew(0.3deg, 0.3deg); }
}
@keyframes fadein01 {
  0%   { opacity:0; transform: scale(5.0) rotate(720deg); }
  100% { opacity:1; transform: scale(1.0) rotate(0deg); }
}
@keyframes fadein02 {
  0%   { opacity:0; transform:translate(0%, -15%); }
  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(-80%, 0%); }
  100% { opacity:1; transform:translate(0%, 0%); }
}