@charset "utf-8";

#main .content{
}
#main .content header {
	background-color: #FFF9B1;
	padding-bottom: 0;
}
.inner   {
	margin-left: auto;
	margin-right: auto;
	width: 85%;
	position: relative;
}
header .inner .ornament {
	position: absolute;
	width: 30%;
	left: -10%;
}
header .inner .balloon {
	position: absolute;
	width: 14%;
	top: 31%;
	left: -5%;
}
header .inner .car {
	position: absolute;
	right: 2%;
	width: 20%;
	top: 93%;
}
header .inner .title {
	padding-top: 5%;
}
header .inner .tab {
	margin-top: 10%;
}
#main .section{ overflow: hidden; padding-top: 10%; }
#main .content #miri {
	background-color: #FBE2CC;
}
#main .content #reiji {
	background-color: #E6F6EB;
	padding-bottom: 20%;
}
.content .felissimo-btn  {
	width: 100%;
	position: relative;
	margin-bottom: -7%;
}
.felissimo-btn ul  {
	text-align: center;
	margin-top: 10%;
}
.felissimo-btn ul li {
	list-style-type: none;
	display: inline-block;
	vertical-align: top;
	margin-left: 3%;
	margin-right: 3%;
	width: 35%;
	padding-top: 0px;
}
.felissimo-btn ul li .txt{ display: block; margin: 0 -15% 7%; }
.inner .introduction  {
	position: relative;
	margin-top: 3%;
}
#miri .inner .introduction .deco01 {
	width: 20%;
	top: 6%;
	position: absolute;
	left: 8%;
	margin-top: 8%;
}
#miri .inner .introduction .deco02 {
	width: 20%;
	position: absolute;
	right: -3%;
	bottom: 34%;
}
#reiji .inner .introduction .deco01 {
	width: 28%;
	position: absolute;
	bottom: 25%;
	right: -6%;
}
.inner .felissimo-choco {
	margin-top: 15%;
	position: relative;
	padding-bottom: 9%;
}
.inner .felissimo-choco .pin {
	margin-bottom: 2%;
}
#miri  .inner .felissimo-choco .felissimo-copy {
	color: #EF7701;
	text-align: center;
	font-size: 1.1rem;
	line-height: 1.5;
	font-weight: bold;
	margin-top: 5%;
	margin-bottom: 5%;
}
#reiji .inner .felissimo-choco .felissimo-copy {
	color: #02B045;
	text-align: center;
	font-size: 1.1rem;
	line-height: 1.5;
	font-weight: bold;
	margin-top: 5%;
	margin-bottom: 5%;
}
.inner .felissimo-choco .felissimo-txt {
	font-size: 1.1rem;
	line-height: 1.5;
	color: #231815;
}
.txt {
	font-size: 1rem;
	line-height: 1.5;
	margin-top: 5%;
	color: #231815;
}
.gentei {
	background-color: #D71718;
	color: #FFFFFF;
	font-size: 0.8rem;
	line-height: 1.5;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 6px;
	padding-right: 6px;
	font-weight: bold;
}
#miri .inner .felissimo-choco .deco04 {
	position: absolute;
	width: 20%;
	left: 10%;
	bottom: -4%;
}
#miri .inner .felissimo-choco .deco03 {
	position: absolute;
	width: 24%;
	right: -6%;
	bottom: 2%;
}
#miri .inner .felissimo-choco .deco05 {
	position: absolute;
	width: 24%;
	right: -6%;
	bottom: 2%;
}
.rotate {
  animation: rotateAnimation 5s linear infinite;
}

@keyframes rotateAnimation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.fuwafuwa {
  animation-name: floating;
  animation-duration: 3000ms;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}
@keyframes floating {
   0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-20px);
  }
  100% {
    transform: translateY(0);
  }
}
.bound {
  animation: bound 3s infinite;
}

@keyframes bound {
  0% { transform:translateY(0) }
  5% { transform:translateY(0) }
  10% { transform:translateY(0) }
  20% { transform:translateY(-25px) }
  25% { transform:translateY(0) }
  30% { transform:translateY(-15px) }
  50% { transform:translateY(0) }
  100% { transform:translateY(0) }
}
.swing {
  animation-name: decoSwing;
  animation-duration: 1400ms;
  animation-timing-function: steps(2, end);
  animation-iteration-count: infinite;
}
@keyframes decoSwing {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(25deg);
  }
}

#reiji .inner .felissimo-choco .deco02 {
	position: absolute;
	width: 22%;
	bottom: -14%;
	right: -5%;
}
#reiji .inner .felissimo-choco .deco03 {
	position: absolute;
	width: 25%;
	bottom: 1%;
	right: -5%;
}
#reiji .inner .felissimo-choco .deco04 {
	position: absolute;
	width: 25%;
	bottom: -19%;
	right: -5%;
}
#reiji .inner .felissimo-choco .deco05 {
	position: absolute;
	width: 22%;
	bottom: -12%;
	right: -5%;
}
#reiji .inner .felissimo-choco .deco06 {
	position: absolute;
	width: 25%;
	bottom: 3%;
	right: -5%;
}
#reiji .inner .felissimo-choco .deco07 {
	position: absolute;
	width: 40%;
	bottom: -10%;
	right: -12%;
}
#reiji .inner .felissimo-choco .deco08 {
	position: absolute;
	width: 40%;
	bottom: -11%;
	right: 16%;
}


@media screen and (max-width: 780px){ /*780px以下のcss*/
}
@media screen and (max-width: 480px){ /*480px以下のcss*/
}