/*====================================================================================================
  TOPPAGE
====================================================================================================*/

#toppage{}

/**** ONLY ***********************************************/

#toppage .onlyone{ clear: both; margin: 80px auto 130px; width: 1000px;}
#toppage .onlyone:before,
#toppage .onlyone:after { content: " "; display: table;}
#toppage .onlyone:after { clear: both;}
#toppage .onlyone { *zoom: 1;}

#toppage .onlyone .description{ position: relative;}
#toppage .onlyone .description:before{
 	position: absolute;
	content: '';
	background: url(../../image/top/only02.png) no-repeat;
	width: 430px;
	height: 292px;
	top:-40px;
	right:-50px;
}
#toppage .onlyone .description p{ width: 620px;}
#toppage .onlyone .description p:nth-child(1){
	margin: 0 0 30px;
	height: 105px;
	background: url(../../image/top/only01.png) no-repeat left;
	text-indent: -9999px;
}
#toppage .onlyone .description p:nth-child(2){ font-size: 120%; font-family: "游明朝", "YuMincho", serif; text-align: center;}
#toppage .onlyone .description p:nth-child(3){ display: none;}

#toppage .onlyone ul.photo{ clear: both; position: relative; margin: 100px 0;}
#toppage .onlyone ul.photo:before,
#toppage .onlyone ul.photo:after{ position: absolute; content: ''; z-index: 99;}
#toppage .onlyone ul.photo:before{
	width: 165px;
	height: 145px;
	background:url(../../image/top/only_p_deco1.png) no-repeat;
	top:-40px;
	left:-75px;
}
#toppage .onlyone ul.photo:after{
	width: 165px;
	height: 145px;
	background:url(../../image/top/only_p_deco2.png) no-repeat;
	top:-20px;
	right:-110px;
}
#toppage .onlyone ul.photo li { float: left;}
#toppage .onlyone ul.photo li:nth-child(2) { margin: 0 35px;}
#toppage .onlyone ul.photo li img{
	border-radius: 25px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
}
#toppage .onlyone ul.photo li:nth-child(1) img{
	transform: rotate(2deg);
	-moz-transform: rotate(2deg);
	-webkit-transform: rotate(2deg);
}
#toppage .onlyone ul.photo li:nth-child(2) img{
	transform: rotate(-5deg);
	-moz-transform: rotate(-5deg);
	-webkit-transform: rotate(-5deg);
}
#toppage .onlyone ul.photo li:nth-child(3) img{
	transform: rotate(3deg);
	-moz-transform: rotate(3deg);
	-webkit-transform: rotate(3deg);
}

/**** special ***********************************************/

#toppage .special{
	min-height: 1150px;
	margin: 50px 0;
	background: url(../../image/top/sp_main.png) repeat-x left top;
	background-size:contain;
	color: #fff;
	font-size: 107%;
	font-family: "游明朝", "YuMincho", serif;
	text-align: center;
}
#toppage .special .sp-box { position:relative; margin:50px auto; width:1000px;}
#toppage .special .sp-box .box {}
#toppage .special .sp-box .box a {
	display:block;
	text-decoration:none;
	text-align:center;
	color:#FFF;
	position:relative;
	z-index:999;
	box-sizing:border-box;
	border-radius:100%;
	-webkit-border-radius:100%;
	-moz-border-radius:100%;
}
#toppage .special .sp-box .box .b_detail {
	display:block;
	margin: 20px auto 0;
	padding:5px 0;
	width: 130px;
	background: #FFF;
	font-family: "游ゴシック", "Yu Gothic", YuGothic;
	font-weight: bold;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
}
#toppage .special .sp-box .box a:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
}

#toppage .special .sp-box .box:before,
#toppage .special .sp-box .box:after,
#toppage .special .sp-box .box a:before,
#toppage .special .sp-box .box a:after { position:absolute; content: ''; z-index:99;}
#toppage .special .sp-box .box .title{ display:block; line-height: 120%; font-weight: bold;}


/* S1*/
#toppage .special .sp-box .s1,
#toppage .special .sp-box .s1 a { width:500px; height:500px;}
#toppage .special .sp-box .s1 { position:absolute; top: -30px; left: 75px;}
#toppage .special .sp-box .s1 a { padding: 75px; background:url(../../image/top/sp_bk1.png) no-repeat right top;}
#toppage .special .sp-box .s1:before {
	top:0;
	left: -30px;
	width:169px;
	height:195px;
	background:url(../../image/top/sp_bk1_deco1.png) no-repeat;
}
#toppage .special .sp-box .s1 a:before {
	top:0;
	right:50px;
	width:116px;
	height:106px;
	background:url(../../image/top/sp_bk1_deco2.png) no-repeat;
}
#toppage .special .sp-box .s1 a:after {
	bottom:-10px;
	left: -80px;
	width:244px;
	height:193px;
	background:url(../../image/top/sp_bk1_deco3.png) no-repeat;
}

#toppage .special .sp-box .s1 .title{ margin: 20px 0 15px; font-size: 280%;}
#toppage .special .sp-box .s1 .b_detail{ color: #8EC426;}


/* S2*/
#toppage .special .sp-box .s2,
#toppage .special .sp-box .s2 a { width:400px; height:400px;}
#toppage .special .sp-box .s2 { position:absolute; top: 300px; right: 0;}
#toppage .special .sp-box .s2 a { padding: 45px; background:url(../../image/top/sp_bk2.png) no-repeat right top;}
#toppage .special .sp-box .s2:before {
	top:-200px;
	left:0;
	width:415px;
	height:362px;
	background:url(../../image/top/sp_bk2_deco1.png) no-repeat;
}
#toppage .special .sp-box .s2 a:after {
	bottom: 50px;
	left:-20px;
	width:99px;
	height:99px;
	background:url(../../image/top/sp_bk2_deco2.png) no-repeat;
}
#toppage .special .sp-box .s2 a:before {
	bottom:-60px;
	right:-40px;
	width:167px;
	height:167px;
	background:url(../../image/top/sp_bk2_deco3.png) no-repeat;
}

#toppage .special .sp-box .s2 .title{ margin: 30px 0 15px; font-size: 240%;}
#toppage .special .sp-box .s2 .b_detail{ color: #2C9BB5;}




/* S2*/
#toppage .special .sp-box .s3,
#toppage .special .sp-box .s3 a { width:500px; height:500px;}
#toppage .special .sp-box .s3 { position:absolute; top: 525px; left: -75px;}
#toppage .special .sp-box .s3 a { padding: 75px; background:url(../../image/top/sp_bk3.png) no-repeat;}
#toppage .special .sp-box .s3:before {
	top:0;
	right:0;
	width:175px;
	height:117px;
	background:url(../../image/top/sp_bk3_deco2.png) no-repeat;

}
#toppage .special .sp-box .s3 a:after {
	top:20px;
	left:-20px;
	width:70px;
	height:70px;
	background:url(../../image/top/sp_bk3_deco1.png) no-repeat;
}
#toppage .special .sp-box .s3 a:before {
	bottom:-50px;
	left:-20px;
	width:236px;
	height:216px;
	background:url(../../image/top/sp_bk3_deco3.png) no-repeat;
}

#toppage .special .sp-box .s3 .title{ margin: 30px 0 15px; font-size: 270%;}
#toppage .special .sp-box .s3 .b_detail{ color: #E59D1F;}


/* S4*/
#toppage .special .sp-box .s4,
#toppage .special .sp-box .s4 a { width:330px; height:330px;}
#toppage .special .sp-box .s4 { position:absolute; top: 790px; right: 100px;}
#toppage .special .sp-box .s4 a { padding: 35px; background:url(../../image/top/sp_bk4.png) no-repeat right top;}
#toppage .special .sp-box .s4:before {
	top:20px;
	right:-20px;
	width:33px;
	height:40px;
	background:url(../../image/top/sp_bk4_deco2.png) no-repeat;
}
#toppage .special .sp-box .s4 a:after {
	top:-80px;
	left:-50px;
	width:143px;
	height:148px;
	background:url(../../image/top/sp_bk4_deco1.png) no-repeat;

}
#toppage .special .sp-box .s4 a:before {
	bottom:30px;
	right:-50px;
	width:95px;
	height:200px;
	background:url(../../image/top/sp_bk4_deco3.png) no-repeat;
}
#toppage .special .sp-box .s4 .title{ margin: 30px 0 15px; font-size: 220%; background: url(../../image/top/sp_bk4_ti.png) no-repeat bottom center;}
#toppage .special .sp-box .s4 .b_detail{ color: #D6B307;}


/**** INFORMATION ***********************************************/
#toppage .information{ position: relative; margin: 0 auto 80px; width: 1000px;}
#toppage .information:before,
#toppage .information:after { content: " "; display: table;}
#toppage .information:after { clear: both;}
#toppage .information:before{
	display: block; clear: both; content:'';
	position: absolute; bottom:-80px; right:-40px;
	width: 130px; height: 225px; z-index: 9999;
	background: url(../../image/top/info_deco1.png) no-repeat;
}
#toppage .information { *zoom: 1;}
#toppage .information .info-l{ float: left; width: 49%; margin-right: 2%;}
#toppage .information .info-l .news-title{ margin-bottom: 10px; font-weight: bold; font-size: 120%; text-align: center;}
#toppage .information .info-l .news{ background:rgba(128,134,48,0.10); box-sizing: border-box;}
#toppage .information .info-l .news { height:190px; overflow:auto;}
#toppage .information .info-l .banner{ position: relative;}
#toppage .information .info-l .banner:before,
#toppage .information .info-l .banner:after{ position: absolute; content:''; }
#toppage .information .info-l .banner:after {
	width: 165px; height: 115px; bottom:-100px; left:-30px;
	background: url(../../image/top/info_deco2.png) no-repeat;
}
#toppage .information .info-l .banner p { position: relative; margin:0 0 20px !important; width:100%;}
#toppage .information .info-l .banner p img { width: 100%; height: auto;}
#toppage .information .info-l .banner p span {
	position: absolute; top:-35px; left:-35px;
	display: block; width: 111px; height: 108px;
	background:url("../../image/top/net_tit.png") no-repeat;
	text-indent: -9999px;
	z-index: 9999;
}
#toppage .information .info-r{ float: right; width: 49%;}
#toppage .information .info-r .fb-title{ margin-bottom: 10px; font-weight: bold; font-size: 120%; text-align: center;}
#toppage .information .info-r .facebook{ width: 100%;}
#toppage .information .info-r .facebook .fb-page{ width: 490px;}