
/* reset
-------------------------- */
dl, dt, dd, ol, ul, li{
	list-style:none;
}

/* images
-------------------------- */
img{
	max-width:100%;
	height:auto;
	vertical-align:bottom;
}
.fade {
	-webkit-transition: .3s ease-in-out;
	-moz-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.fade:hover {
	opacity: .5;
	filter: alpha(opacity=60);
}
@media screen and (max-width:768px){
	.fade:hover {
		opacity: 1;
		filter: alpha(opacity=100);
	}
}
/* position
-------------------------- */
.center{
	text-align:center;
}
.alignR {
    text-align: right !important;
}
.alignL {
    text-align: left !important;
}

/* text
-------------------------- */
.gothic {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", YuGothic, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.mincho {
	font-family: "Times New Roman", Times, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.hel {
	font-family: "Helvetica Neue", Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  "メイリオ", Meiryo, sans-serif;
}
.plh{
	line-height:1.8;
}
.bold {
    font-weight: bold;
}
.txt120 {
	font-size: 120%;
}
.txt110 {
	font-size: 110%;
}
.txt90 {
	font-size: 90%;
}
.txt80 {
	font-size: 80%;
}
.re {
	color: #FF7D78;
}
.gray {
	color: #999999;
}
.bl{
	color: #114597;
}
/* margin
-------------------------- */
.mb5{
	margin-bottom: 5px;
}
.mb10 {
	margin-bottom: 10px;
}
.mb15 {
	margin-bottom: 15px;
}
.mb20 {
	margin-bottom: 20px;
}
.mb30 {
	margin-bottom: 30px;
}
.mb40 {
	margin-bottom: 40px;
}
.mb50 {
	margin-bottom: 50px;
}
.mb60 {
	margin-bottom: 50px;
}
.mb70 {
	margin-bottom: 50px;
}
.mb80 {
	margin-bottom: 80px;
}
.mb100 {
	margin-bottom: 100px;
}
.mt5{
	margin-top:5px;
}
.mt10{
	margin-top:10px;
}
.mt15{
	margin-top:15px;
}
.mt20{
	margin-top:20px;
}
.mt25{
	margin-top:25px;
}
.mt30{
	margin-top:30px;
}
.mt35{
	margin-top:35px;
}
.mt40{
	margin-top:40px;
}
.mt45{
	margin-top:45px;
}
.mt50{
	margin-top:50px;
}
.mr5{
	margin-right:5px;
}
.mr10{
	margin-right:10px;
}
/* block
-------------------------- */
.block{
	display: block;
}

/* break
-------------------------- */
.pc-none {
	display: none;
}
@media screen and (max-width: 414px) {
.pc-none {
	display: block;
}
}
.sp-none {
	display: block;
}
@media screen and (max-width: 414px) {
.sp-none {
	display: none;
}
}
/* form
-------------------------- */
@media screen and (max-width: 768px) {
input[type=text]{
	font-size:16px;
}
input[type=password]{
	font-size:16px;
}
textarea{
	font-size:16px;
}
select{
	font-size:16px;
}
}