@charset "utf-8";

/*ふわふわさせるcss*/
.fluffy{
animation: fluffy1 2.2s ease infinite;
}
 
@keyframes fluffy1 {
  0% { transform:translateY(0) }
  5% { transform:translateY(0) }
  10% { transform:translateY(0) }
  20% { transform:translateY(-5px) }
  25% { transform:translateY(0) }
  30% { transform:translateY(-4px) }
  50% { transform:translateY(0) }
  100% { transform:translateY(0) }
}

/*hover時のみふわふわさせる*/
.fluffy_hover :hover{
animation: fluffy2 3s ease infinite;
}
 
@keyframes fluffy2 {
  0% { transform:translateY(0) }
  5% { transform:translateY(0) }
  10% { transform:translateY(0) }
  20% { transform:translateY(-10px) }
  25% { transform:translateY(0) }
  30% { transform:translateY(-10px) }
  50% { transform:translateY(0) }
  100% { transform:translateY(0) }
}


.main_img_area{
	position:relative;
}
.sol_balloon_txt{
	font-weight:bold;
	color:#003d77;
	font-size: 100%;
}
/*メインイメージ内の吹き出し*/
.sol1_balloon{
	position:absolute;
	top:260px;
	left:55px;
}
.sol1_balloon_txt{
	position:absolute;
	top:15px;
	left:25px;
}
.sol1_txt{
	font-weight:bold;
	font-size:100%;
	padding-left:55px;
}
.sol2_balloon{
	position:absolute;
	top:520px;
	left:90px;
}
.sol2_balloon_txt{
	position:absolute;
	top:15px;
	left:20px;
}
.sol3_balloon{
	position:absolute;
	top:315px;
	left:600px;
}
.sol3_balloon_txt{
	position:absolute;
	top:15px;
	left:50px;
}
.sol4_balloon{
	position:absolute;
	top:580px;
	left:580px;
}
.sol4_balloon_txt{
	position:absolute;
	top:15px;
	left:50px;
}

/*MI3000ってなに？*/
.melipc_img{
	margin-right:5px;
	float:left;
}
.question_img{
	display: inline-block;
	background: url("../images4/question.png") no-repeat left center;
	width:33px;
	height:30px;
}
.question_txt{
	display: inline-block;
	font-weight:bold;
	font-size:1.8em;
	vertical-align: top;
	line-height:30px;
	padding-left:5px;
}
.answer_img{
	display: inline-block;
	background: url("../images4/answer.png") no-repeat left center;
	width:33px;
	height:30px;
	vertical-align: top;
}
.answer_txt{
	display: inline-block;
	font-size:1.5em;
	font-weight:bold;
	vertical-align: top;
	width:452px;
	padding-left:5px;
}

/*青い文字*/
.blue_txt{
	font-size:1.8em;
	font-weight:bold;
	color:#003296;
	text-align: center;
	line-height:1.3em;
}
.blue_txt_2{
	font-size:1.4em;
	font-weight:bold;
	color:#003296;
	text-align: center;
	line-height:1.4em;
}

/*アイデアノートを今すぐダウンロード！*/
.red_fluffy_box{
	margin:0 auto;
	padding: 16px 10px 10px;
	line-height: 1;
	color: #FFF;
	text-align: center;
	background-color: #c00000;
	font-size: 140%;
	border-radius: 10px;
	font-weight: bold;
	letter-spacing:1px;
	display: inline-block;
	width: 560px;
}

/*近日公開予定*/
.bk_txt{
	font-size:1.3em;
	letter-spacing:-0.5px;
	font-weight:1000;
	text-align: center;
}


/*注釈用*/

/* フォントカラー ----------------- */
.red {
	color:#FF0000;
}

/*カタログ用　common_got.cssよりコピー*/
/*----------------------------------------------------------------------
インデント字下げ（注釈に利用）
---------------------------------------------------------------------- */

/* 数字あり--------------------------*/
#melfa_main_area ul.notes1{
	margin: 10px 0 0;
}

#melfa_main_area ul.notes1 li{
text-indent: -1.5em;
padding-left: 1.5em;
}

/* 数字なし-------------------------*/
#melfa_main_area ul.notes2{
	margin: 10px 0 0;
}

#melfa_main_area ul.notes2 li{
text-indent: -0.9em;
padding-left: 0.9em;
}
#melfa_main_area ul{
	list-style: none;
}

/* スクロールに合わせて表示(12_melipc.jsで使用)-------------------------*/

/*予め、透明にして、少し下にずらす*/
.fadein {
    opacity : 0;/*透明にする*/
    transform : translate(0, 60px);/*60px下に配置*/
    transition:all 1s;/*動作時間*/
}
/*スクロールイベントに合わせてjsで追加されるcss*/
.fadein.scrollin {
    opacity : 1;/*透明度をなくす*/
    transform : translate(0, 0);/*元の位置に配置*/
}
/* 400ms遅く動作させる*/
.fadein_delay {
    -moz-transition-delay:400ms;
    -webkit-transition-delay:400ms;
    -o-transition-delay:400ms;
    -ms-transition-delay:400ms;
    }