@charset "utf-8";







#main .section {

	padding-bottom:30px;

	width:1000px;

	position:relative;

	margin-right:auto;

	margin-left:auto;

	padding-top:20px;

}

/*--------------------------------------------

 

　　　トップページ用CSS

 

---------------------------------------------*/

#gnav ul li:last-child:after {

	display:none;

}

	 

#main {
	padding-bottom:360px;
}

#mainvisual {

	width:100%;

	height:440px;

	position:relative;

	background-image:url(img/mainvisual_bg.gif);

	background-repeat:repeat;

	padding-top:40px;

	padding-bottom:40px;

	text-align:center;

}

#mainvisual .inner {

	width:1000px;

	margin-right:auto;

	margin-left:auto;

	position:relative;

}

#mainvisual .inner .bt-song {

	position:absolute;

	right:-30px;

	bottom:-30px;

	z-index:4;

	background-image:url(img/bt-song_off.png);

	height:116px;

	width:116px;

}

#mainvisual .leaf_left {

	position:absolute;

	top:-15px;

	left:0px;

	z-index:3;

	height:100%;

	width:168px;

}

#mainvisual .leaf_right {

	position:absolute;

	top:-15px;

	right:0px;

	z-index:3;

	height:100%;

	width:168px;

}

#whatsnew {

	position:relative;

	background-color:#FFF;

	width:100%;

}

#whatsnew .section {

	margin-right:auto;

	margin-left:auto;

}

#whatsnew h2 {

	margin:0px;

	height:auto;

	width:130px;

	float:left;

	background-image:none;

	padding-top:22px;

	padding-right:0px;

	padding-bottom:0px;

	padding-left:0px;

	border-top-style:none;

	border-right-style:none;

	border-bottom-style:none;

	border-left-style:none;

}

#whatsnew dl {

	float:right;

	width:830px;

	height:auto;

	font-size:93%;

	padding-top:20px;

	padding-bottom:2px;

}

#whatsnew dl dt,#whatsnew dl dd {

	line-height:1.6em;

	padding-top:0.3em;

	padding-bottom:0.3em;

}

#whatsnew dl dt {

	float:left;

	width:8em;

	font-weight:bold;

}

#whatsnew dl dd {

	padding-left:8em;

}

#whatsnew .bt-past {

	line-height:25px;

	background-color:#f1f1f1;

	width:130px;

	font-size:13px;

	position:absolute;

	left:0px;

	top:80px;

	border-radius:10px;

}

#whatsnew .bt-past a {

	background-image:url(img/whatsnew_bt-past_ico.png);

	background-repeat:no-repeat;

	background-position:left center;

	display:block;

	height:100%;

	width:auto;

	padding-left:10px;

	margin-right:auto;

	margin-left:auto;

	display:table;

	text-decoration:none;

}

#whatsnew .bt-past a:hover {

	text-decoration:underline;

}



#policy {

	background-image:url(img/policy_bg.gif);

	background-repeat:repeat;

	padding-top:48px;

	padding-bottom:30px;

}

#policy h2 {

	padding:0px;

	height:auto;

	width:100%;

	margin-top:0px;

	margin-right:auto;

	margin-bottom:0px;

	margin-left:auto;

	text-align:center;

	background-image:none;

	border-style:none;

}

#policy ul {

	width:1035px;

	margin-right:-35px;

	margin-top:15px;

}

#policy ul li {

	float:left;

	height:auto;

	width:230px;

	display:block;

	background-color:#FFF;

	-webkit-border-radius:10px;/* for Safari and Chrome */

	-moz-border-radius:10px; /* for Firefox */

	-o-border-radius:10px; /* for opera */

	border-radius:10px;

	position:relative;

	padding-bottom:25px;

	margin-right:27px;

}

#policy ul li h3 {

background-color:transparent;

	background-repeat:no-repeat;

	text-indent:-9999px;

	position:absolute;

	left:0px;

	top:0px;

	height:240px;

	width:100%;

	margin:0px;

	padding:0px;

	background-position:center top;

	z-index:2;

}

#policy ul li.item01 h3 {

	background-image:url(img/policy_item01_cover.png);

}

#policy ul li.item02 h3 {

	background-image:url(img/policy_item02_cover.png);

}

#policy ul li.item03 h3 {

	background-image:url(img/policy_item03_cover.png);

}

#policy ul li.item04 h3 {

	background-image:url(img/policy_item04_cover.png);

}

#policy ul li .photo {

	width:230px;

	height:180px;

	position:absolute;

	left:0px;

	top:60px;

	overflow:hidden;

	background-repeat:no-repeat;

	background-position:center center;

	-moz-background-size:cover;

	background-size:cover;

	z-index:1;

}

#policy ul li.item01 .photo {

	background-image:url(blog/policy01/img/cover.jpg);

}

#policy ul li.item02 .photo {

	background-image:url(blog/policy02/img/cover.jpg);

}

#policy ul li.item03 .photo {

	background-image:url(blog/policy03/img/cover.jpg);

}

#policy ul li.item04 .photo {

	background-image:url(blog/policy04/img/cover.jpg);

}

#policy ul li p {

	font-size:93%;

	line-height:1.5em;

	margin-right:20px;

	margin-left:20px;

	padding-top:235px;

}

#policy ul li a {

	text-decoration:none;

}

#policy ul li a:hover {

	text-decoration:underline;

}

#policy ul li .illust {

	position:absolute;

	z-index:3;

}

#policy ul li.item01 .illust {

	left:-30px;

	top:160px;

}

#policy ul li.item02 .illust {

	left:-26px;

	top:264px;

}

#policy ul li.item03 .illust {

	top:262px;

	right:-20px;

}

#policy ul li.item04 .illust {

	top:65px;

	right:-30px;

}



#bnArea {

	height:auto;

	width:100%;

	background-image:url(img/bnarea_bg.gif);

	background-repeat:repeat;

	padding-top:40px;

	padding-bottom:40px;

}

#bnArea .inner {

	height:auto;

	width:1000px;

	margin-right:auto;

	margin-left:auto;

	padding:0px;

}

#bnArea ul {

	height:auto;

	width:1020px;

	margin-right:-20px;

}

#bnArea li {

	margin-right:20px;

	float:left;

}

#counter {
	/* [disabled]position:absolute; */
	bottom:15px;
	font-size:10px;
	line-height:21px;
	color:#333;
	margin:15px 20px auto auto;
	width:auto;
	float:right;
	text-align:right;
}



@media screen and (max-width:768px) {

#main {padding-bottom:0;}
#main .section {padding-bottom:0; width:100%; position:inherit; padding-top:7%;}

#mainvisual {width:100%; height:auto; padding:6% 0 10%;}
#mainvisual .inner {width:100%;}
#mainvisual .inner .bt-song {position:absolute; right:0; bottom:-17%; z-index:4; background:url(img/bt-song_off.png) no-repeat; background-size:100%; height:80px; width:80px;}
#mainvisual .inner .bt-song img {width:100%;}
#mainvisual .leaf_left, #mainvisual .leaf_right {display:none;}

#whatsnew {position:inherit; width:94%; padding:0 3% 10%;}
#whatsnew .section {}
#whatsnew h2 {width:100%; padding:3% 0 0 0; border:none; float:inherit;}

#whatsnew dl {float:none; width:100%; padding-top:0; padding-bottom:0;}
#whatsnew dl dt,#whatsnew dl dd {line-height:1.6em; padding-top:0.3em; padding-bottom:0.3em;}
#whatsnew dl dt {float:none; width:auto; font-weight:bold;}
#whatsnew dl dd {padding-left:8em;}
#whatsnew .bt-past {width:100%; font-size:13px; position:inherit; left:0; top:0;}
#whatsnew .bt-past a {background:none; position:relative; display:block; padding:2% 0; text-align:center;}
#whatsnew .bt-past a:before {content:url(img/whatsnew_bt-past_ico.png); padding-right:2%;}

#policy {padding-top:0; padding-bottom:3%;}

#policy h2 {}
#policy h2 img {width:100%;}
#policy ul {width:90%; margin:3% 5%;}
#policy ul li {width:48%; position:relative; padding-bottom:3%; margin-right:0; margin-bottom:5%;}
#policy ul li:nth-child(even) {margin-left:4%;}
#policy ul li h3 {
background-color:transparent;
background-repeat:no-repeat;
text-indent:-9999px;
position:absolute;
left:0px;
top:0px;
height:240px;
width:100%;
margin:0px;
padding:0px;
background-position:center top;
z-index:2;
}

#policy ul li.item01 h3 {background-image:url(img/policy_item01_cover.png); background-size:100%;}
#policy ul li.item02 h3 {background-image:url(img/policy_item02_cover.png); background-size:100%;}
#policy ul li.item03 h3 {background-image:url(img/policy_item03_cover.png); background-size:100%;}
#policy ul li.item04 h3 {background-image:url(img/policy_item04_cover.png); background-size:100%;}

#policy ul li .photo {
width:230px;
height:180px;
position:absolute;
left:0px;
top:60px;
overflow:hidden;
background-repeat:no-repeat;
background-position:center center;
-moz-background-size:cover;
background-size:cover;
z-index:1;
}

#policy ul li.item01 .photo {background-image:url(blog/policy01/img/cover.jpg); background-size:100%;}
#policy ul li.item02 .photo {background-image:url(blog/policy02/img/cover.jpg); background-size:100%;}
#policy ul li.item03 .photo {background-image:url(blog/policy03/img/cover.jpg); background-size:100%;}
#policy ul li.item04 .photo {background-image:url(blog/policy04/img/cover.jpg); background-size:100%;}

#policy ul li p {
	font-size:93%;
	line-height:1.5em;
	margin-right:20px;
	margin-left:20px;
	padding-top:235px;
}

#policy ul li a {width:100%;}
#policy ul li .illust {display:none;}

#bnArea {padding-top:5%; padding-bottom:5%;}
#bnArea .inner {width:94%; padding:0px;}
#bnArea ul {height:auto; width:100%; margin:0 auto;}
#bnArea ul li {margin-right:0; margin-bottom:2%; float:none;}
#bnArea ul li a {display:block;}
#bnArea ul li a img {width:100%;}

#counter {margin:5% 0 0; float:none; text-align:center;}

}