@charset "UTF-8"; 

body{
	font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	background: #FFFFFF;
	*font-size:small;
	*font:x-small;
	}


.button {
	display: inline-block;
    padding: 10em 1em;
    text-decoration: none;
    background: #5a5ab4;/*ボタン色*/
    color: #FFF;
    border-bottom: solid 4px #627295;
    border-radius: 3px;
}
.button:active {
	-ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);/*下に動く*/
    border-bottom: none;/*線を消す*/
}
.button a{color:#fff;}

/* font */
.text10 { font-size:1rem; }
.text11 { font-size:1.1rem; }
.text12 { font-size:1.2rem; }
.text13 { font-size:1.3rem; }
.text14 { font-size:1.4rem; }
.text15 { font-size:1.5rem; }
.text16 { font-size:1.6rem; }
.text17 { font-size:1.7rem; }
.text18 { font-size:1.8rem; }
.text19 { font-size:1.9rem; }
.text20 { font-size:2.0rem; }
.text21 { font-size:2.1rem; }
.text22 { font-size:2.2rem; }
.text23 { font-size:2.3rem; }
.text24 { font-size:2.4rem; }
.text25 { font-size:2.5rem; }
.text26 { font-size:2.6rem; }

.lht13{line-height:13px;}
.lht14{line-height:14px;}
.lht15{line-height:15px;}
.lht16{line-height:16px;}
.lht17{line-height:17px;}
.lht18{line-height:18px;}
.lht19{line-height:19px;}
.lht20{line-height:20px;}
.lht21{line-height:21px;}
.lht23{line-height:23px;}
.lht24{line-height:24px;}
.lht25{line-height:25px;}
.lht30{line-height:30px;}

.mar_t5{ margin-top:5px;}
.mar_t10{ margin-top:10px;}
.mar_t15{ margin-top:15px;}
.mar_t20{ margin-top:20px;}
.mar_t25{ margin-top:25px;}
.mar_t30{ margin-top:30px;}
.mar_b5{ margin-bottom:5px;}
.mar_b10{ margin-bottom:10px;}
.mar_b15{ margin-bottom:15px;}
.mar_b20{ margin-bottom:20px;}
.mar_b30{ margin-bottom:30px;}
.mar_r5{ margin-right:5px;}
.mar_r10{ margin-right:10px;}
.mar_r15{ margin-right:15px;}
.mar_r20{ margin-right:20px;}
.mar_r30{ margin-right:30px;}

/*default*/
.clearfix {
	min-height: 1px; /*IE6*/
}
 /* IE6 */
* html .clearfix { zoom: 1;}
 /* IE7 */
*:first-child+html .clearfix {zoom: 1;}

/* IE */
img {-ms-interpolation-mode: bicubic;}

area{
  border:none;
  outline:none;
}

a:link, a:visited{
	color:#000;
	text-decoration:none;
}
a,
a::before,
a::after{
	transition: all .3s;
	}


.strong{ font-weight:bold;}
.dshadow{text-shadow: 1px 1px 5px #000;}

a:hover, a:hover img {
	opacity:0.8;
}

a {outline: none;}


.display-block{
    display:block;
    animation: fadeIn 2s ease 0s 1 normal;
}