@charset "UTF-8";

/*デフォ設定*/
#feature_ div,#feature_ p,#feature_ ul,#feature_ li,#feature_ span{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  list-style: none;
  padding: 0;
  margin: 0;
}

.feature_ #lp_{
	margin:0 auto;
	text-align: center;
}

.feature_ img{
	margin: 0;
	padding:0;
	vertical-align: bottom;
}

#lp_ img{
	margin:0 auto !important;
	width:100%; 
	display:block !important; 
}

#lp_ li{
	list-style: none;	
	overflow: hidden;
	position: relative;
	margin: 0 auto
}

#lp_ li p{
	margin: 0 auto
}

#lp_ .link_item_{
	width:100%;
	margin: 0 auto;
	text-align: center;
	font-size:15px;
	line-height:2.2;
}

#lp_ .link_item_ a{
	filter:"alpha(opacity=100)";
	-ms-filter:"alpha(opacity=100)";
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	text-decoration: underline !important;
	color:#404040;
	font-family: Georgia, "Times New Roman", Times, "serif";
}

.credit_{
	width: 100%;
	margin: 0 auto;
	text-align: center;
	font-size:15px;
	line-height:2.2;
	font-family: serif;
}

/* -----------------------------------------------
フェードインの動きの大きさ設定
-------------------------------------------------- */
@keyframes fadeInUpsmall{
	0%{opacity:0;transform:translate3d(0,10%,0)}
	to{opacity:1;transform:none}
}
.fadeInUpsmall{
	animation-name:fadeInUpsmall
}

@keyframes fadeInDownsmall{
	0%{opacity:0;transform:translate3d(0,-10%,0)}
	to{opacity:1;transform:none}
}
.fadeInDownsmall{
animation-name:fadeInDownsmall
}

@keyframes fadeInRightsmall{
	0%{opacity:0;transform:translate3d(10%,0,0)}
	to{opacity:1;transform:none}
}
.fadeInRightsmall{
animation-name:fadeInRightsmall
}

@keyframes fadeInLeftsmall{
	0%{opacity:0;transform:translate3d(-10%,0,0)}
	to{opacity:1;transform:none}
}
.fadeInLeftsmall{
animation-name:fadeInLeftsmall
}

/*デフォ設定*/

/*width*/
#lp_ .wd100_{width:100px !important;}
#lp_ .wd300_{width:300px !important;}
#lp_ .wd400_{width:400px !important;}
#lp_ .wd430_{width:430px !important;}
#lp_ .wd500_{width:500px !important;}
#lp_ .wd600_{width:600px !important;}
#lp_ .wd900_{width:900px !important;}

/*height*/
#lp_ .ht50_{height:50px !important;}
#lp_ .ht300_{height:300px !important;}
#lp_ .ht500_{height:500px !important;}
#lp_ .ht755_{height:755px !important;}


/*margin-top*/
#lp_ .mgt-100_{margin-top: -100px !important;}
#lp_ .mgt20_{margin-top: 20px !important;}
#lp_ .mgt35_{margin-top: 35px !important;}
#lp_ .mgt40_{margin-top: 40px !important;}
#lp_ .mgt50_{margin-top: 50px !important;}
#lp_ .mgt55_{margin-top: 55px !important;}
#lp_ .mgt60_{margin-top: 60px !important;}
#lp_ .mgt80_{margin-top: 80px !important;}
#lp_ .mgt100_{margin-top: 100px !important;}
#lp_ .mgt150_{margin-top: 150px !important;}
#lp_ .mgt200_{margin-top: 200px !important;}

/*margin-bottom*/
 .mgb100_{margin-bottom: 100px !important;}

/*left right*/
 #lp_ .float_left_{float: left !important;}
 #lp_ .float_right_{float: right  !important;}

/*clearfix*/
 #lp_ .clearfix_ {
   content: none !important;
   display: block !important;
   clear: both !important;
}

 #lp_ .z-index0_{position: relative; z-index:0;}
 #lp_ .z-index5_{position: relative; z-index:5;}
 #lp_ .z-index10_{position: relative; z-index:10;}


.rela_fade_{
	width: 900px;
	max-width: 900px;
	height: auto;
	position: relative;
	margin: 0 auto;
}

.ab_img1_ {
	position: absolute;
	width: 900px;
	max-width: 900px;
	z-index: 5;
}

.ab_img2_ {
	position: absolute;
	z-index: 0;
}

.ab_title_{
	position: absolute;
	height: 200px;
	top: 0;
	z-index: 10;
}

.ab_title_ img{
	height: 130px !important;
	width: auto !important;
}

.right_{
	right: 0;
}

.ab_top_{
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 10;
	background-color:rgb(255, 255, 255, 0.8);
}

.rela_{
	width: 900px;
	max-width: 900px;
	height: 100%;
	position:relative;
	margin: 0 auto;
}

.ab_{
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
}

.ab2_{
	position: absolute;
	left: 0;
	margin: auto;
}