@charset "UTF-8";

*{ zoom: 1; box-sizing: border-box; }

a:link		{ color:#e84440; font-weight:bold; text-decoration:none; }
a:visited	{ color:#e84440; text-decoration:none; }
a:hover		{ text-decoration: none; transition: all 0.6s ease; }
a:active	{ text-decoration: none; }

img				{ border:none; margin:0; padding:0; vertical-align:bottom; }
a:hover img		{ transition: all 0.6s ease; opacity:0.7; filter:alpha(opacity=70); -ms-filter: "alpha( opacity=70 )"; background:none!important; }


#mbs_common_footerwrap,#mbs_common_headerwrap2014	{ display:block; }
#globalsp_navigation,#globalsp_footer				{ display:none; }



@media screen and (max-width: 766px) {

	#mbs_common_footerwrap,#mbs_common_headerwrap2014	{ display:none; }
	#globalsp_navigation,#globalsp_footer				{ display:block; }

	#pagewrap											{ position:relative; }

}




/*===============================================*/
/*===============================================*/



/*=== pagewrap ===*/
#pagewrap	{
	font-family: vdl-logona,  sans-serif;

	line-height: 180%;
	font-size: 20px;
	color: #231815;
}

/*
otomanopee-one,
yusei-magic, 

vdl-logona, 

font-family:"Helvetica Neue", Arial, YakuHanJPs_Narrow, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", Meiryo, sans-serif;
*/
/*
font-family: Taviraj, "Droid Sans", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN" , Verdana, Arial , 'ＭＳ Ｐゴシック' , serif;
*/


.sp_br		{ display:none; }
.sp_only	{ display:none; }

.red	{ color:#ff0000; }

.ft-up	{
    font-size: 1.6em;
    font-weight: bold;
    line-height: 1.4em;
}
.ft-down	{
	font-size: 0.8em;
}

.space-b-20	{
	padding-bottom: 20px;
}
.space-m-40	{
	margin-top: 40px;
}

.ib	{ display: inline-block; }


/*=====  AD  =====*/
#ad .common-abg-wrap__footer	{ padding: 20px 0; }



/*===============================================*/
/*===============================================*/
/* ウィンドウ幅が0～479pxの場合に適用するCSS */
@media screen and (max-width: 766px) {

	#pagewrap	{ font-size: 14px; }

	.sp_br	{ display:inline; }
	.pc_br	{ display:none; }

	.sp_only	{ display:inline; }
	.pc_only	{ display:none; }


/*=====  AD  =====*/
/*-----  ad  -----*/


}


/*===============================================*/
/*=====  fadeIn  =====*//*==== ====*//*==== ====*/

.fadeIn {
	/* 最初は非表示 */
	opacity: 0;
	visibility: hidden;
	transform: translateY(30px);
	transition: opacity 1s, visibility 1s, transform 1s;
}
  /* フェードイン時に入るクラス */
  .is-fadein {
	opacity: 1;
	visibility: visible;
	transform: translateX(0);
}

/*===============================================*/
/*=====  poyon  =====*//*==== ====*//*==== ====*/
.poyon	{
	animation: poyon 1.2s ease-out;
}
@keyframes poyon {
  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%); }
}