/*@font-face{
 font-family: 'Myfont';
 src: url(http://frontierf.com/happy/font/h.woff);
}
*/

@charset "UTF-8";

/*header_menu*/
.menuber{
 list-style: none;
 width: 100%;
 position: relative;
 margin: 0 auto;
 display: flex;
 text-align: center;
 z-index: 2;
}

.menuber li{
 /*width: 155px;*/
 width: 20%;
 text-align: center;
 background-color: #ffb6c1;
 float: left;
 height: 70px;
 line-height: 0pt;
}

.label_en{
 font-size: 0.8em;
 font-weight: bold;
 line-height: 33pt;
 letter-spacing: 2px;
}

.label_ja{
 font-size: 0.5em;
 font-weight: normal;
}
 
.menuber li a{
 text-decoration: none;
 color: #fff;
}

.Titlelogo img{
 width: 150px;
 margin: 6px auto;
}
/**********************************************/

/*TOPimg*/
/*.topbackground{
 background: url(http://frontierf.com/happy/top/img/topillust.png) no-repeat center;
 position: relative;
 z-index: 0;
}*/

.topimage img{
 width: 105%;
 z-index: -2;
}
/**********************************************/

/*store*/
.storeInfo-icon{
 position: absolute;
 width: 120px;
 top: 535px;
 left: 200px;
 padding: 1em 1em;
 margin: 2em 0;
 color: #565656;
 background: rgba(255,255,255,0.6);
 box-shadow: 0px 0px 0px 0px #ffeaea;
 border: dashed 5px #ffc3c3;
 border-radius: 15px;
 z-index: 2;
}

.storeInfo-btns li{
 list-style: none;
 z-index: 1;
}

.storeBtn{
 list-style: none;
 width: 120px;
 margin: 0 auto;
}
/**********************************************/

/*eventbanner*/
.event-bunnor{
 list-style: none;
}

.event-bunnor ul{
 list-style: none;
}

.bunnorimg img{
 width: 300px;
}

/**********************************************/

/*news*/
.info-news{
 font-size: 0.5em;
 width: 600px;
 padding: 0.5em 2em;
 margin: -3em 0;
 color: #565656;
 background-color: rgba(255,255,255,0.7);
 box-shadow: 0px 0px 0px 0px #ffeaea;
 border: dashed 5px #ffc3c3;
 border-radius: 20px;
 z-index: 2;
}

.ReadMoreButton{
 width: 200px;
 position: relative;
 left: 480px;
 top: -22px;
 padding: 0.2em 0.4em;
 margin: 3em 0;
 color: #565656;
}

.news-list{
 list-style: none;
}
/**********************************************/

/*loginarea*/
.entry_btn{
 -webkit-transition: .3s ease-in-out;
 transition: .3s ease-in-out;
}

.entry_btn:hover{
  -webkit-animation: bounce 2s ease-in-out;
  animation: bounce 2s ease-in-out;

}
/**********************************************/

/*link*/
.pos_up{
	position:relative;
	top:-8px;
}

span.pwr{
	text-align:center;
	font-size:9px;
	color:#000;
	padding-left:20px;
}

span.deco{
padding-left:5px;
color: #000;
text-shadow:0 0 1px #000;
}

.mybox2{
	background:#fff;
	height:140px;
	border: 2px dotted #EAA8BF;
	margin: 30px 25px;
	padding: 24px 20px;
	position: relative;
	border-radius:5px;
}
.mybox2:before{
	content: '*';
	color: #fff;
	font-size: 30px;
	font-weight: bold;
	position: absolute;
	top: -3px;
	left: -12px;
	transform: rotate(20deg);
	-moz-transform: rotate(20deg);
	-webkit-transform: rotate(20deg);
	-o-transform: rotate(20deg);
	text-shadow:  0 0 8px #eaa8bf, 0 0 6px #eaa8bf, 0 0 4px #eaa8bf, 0 0 2px #eaa8bf, 0 0 0.5px #eaa8bf;
}
.mybox2:after{
	content: '*';
	color: #fff;
	font-size: 30px;
	font-weight: bold; 
	position: absolute;
	bottom: -15px;
	right: -10px;
	transform: rotate(20deg);
	-moz-transform: rotate(20deg);
	-webkit-transform: rotate(20deg); 
	-o-transform: rotate(20deg);
	text-shadow:  0 0 8px #eaa8bf, 0 0 6px #eaa8bf, 0 0 4px #eaa8bf, 0 0 2px #eaa8bf, 0 0 0.5px #eaa8bf;
}



/**********************************************/

/*footer*/
.footer_area table{
 width:1000px;height:100px;
 color:#500;
 background-color: #FAACA8;
 background-image: linear-gradient(0deg, #FAACA8 0%, #fff 100%);
}

.footer_area td{
 width:200px;padding-top:15px;
 font-size:12px;
 text-align:center;vertical-align:top;
}

.footer_area a{text-decoration:none;color:#333;}
.footer_area a:hover{text-decoration:underline;}

/**********************************************/