@charset "utf-8";
/*--------------------------------

@common

last update 130908
v 1.0

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

html,body{
	font-size:13px;
	font-family:"メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	letter-spacing:1px;
	/*min-width:1024px;*/
	background:#fff;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	-webkit-text-size-adjust: 100%;
}

img { -ms-interpolation-mode: bicubic; }


.inner1024{
	width:100%;
	max-width:1024px;
	margin:0 auto;
}

.fade{
	position:relative;
}

.base{
	position:absolute;
	z-index:0;
	top:0;
	left:0;
}

.over{
	position:absolute;
	z-index:1;
	top:0;
	left:0;
	filter:alpha(opacity=0);
	-ms-filter: "alpha(opacity=0)";
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity:0;
}

.opacity{
	filter:alpha(opacity=1);
	-ms-filter: "alpha(opacity=100)"; /* IE 8 */
    -moz-opacity:1;
    -khtml-opacity: 1;
    opacity:1;
	display:block;
}

.g-navi{
	cursor:pointer;
}

.no-change{
	cursor:auto !important;
}

a{
	text-decoration:none;
}
a:hover{
	text-decoration:none;
}

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

	html,body{
		width:100%;
		min-width:320px;
	}
	#wrapper{
		width:100%;
		height:100%;
		min-width:320px;
		display:none;
		background:#fff;
		/*overflow:hidden;*/

	}

	/**************************


	@header(w767以下)


	**************************/

	#header {
		width:100%;
		min-width:320px;
		height:66px;
		background:#01a48d;
		position:fixed;
		z-index:999;
		top:0px;
		left:0px;
	}

	#header-inner{
		width:100%;
		height:66px;
		position:relative;
		z-index:999;
	}

	#header-ttl{
		position:absolute;
		bottom:2px;
		left:2%;
		z-index:10;
	}

	#header-ttl img{
		width:170px;
	}

	#header-txt{
		text-align: right;
		height: 20px;
		display: block;
		background:#54bdaf;
	}

	#header-txt h1 img{
		width:230px;
		padding: 2px 0 0 0;
	}

	#header-navi-container{
		width:100%;
		height:42px;
		border-top:4px solid #33b5a3;
		position:relative;
	}

	#header-navi{
		display:none;
		width:100%;
		background:#01a48d;
		position:absolute;
		padding:10px 0px 0px 0px;
		top:100%;
		 /zoom : 1;
	}
	#header-navi:after{ content : ''; display : block; clear : both; height:0; }

	#header-navi li{
		float:left;
		width:46%;
		margin:0 2% 10px 2%;
		height:42px;
		text-align:center;
		background:#33b5a3;
	}

	#header-navi li p img{
		height: 26px;
		width: auto;
		padding: 8px 0px 8px 0px;
		position: inherit;
	}

	#header-navi li .over{
		display:none;
	}

	.no-change .base{
		display:none !important;
	}

	.no-change .over{
		display:inline-block!important;
	}

	#drawer-btn-container{
		width:30px;
		height:30px;
		position:absolute;
		z-index:10;
		top:0px;
		right:10px;
	}

	#drawer-btn{
		width:30px;
		height:30px;
		padding:7px 0px 0px 0px;
	}

	#drawer-btn span{
		width:30px;
		height:7px;
		background:#fff ;
		display:block;
		margin:0px auto 3px auto;

		border-radius:5px;
		-webkit-border-radius:5px;
		-moz-border-radius:5px;
		transition:all .5s;
		-webkit-transition:all .5s;
		-moz-transition:all .5s;

		transform:rotate(0deg);
		-webkit-transform:rotate(0deg);
		-moz-transform:rotate(0deg);
	}

	#drawer-btn .openNavi:nth-child(1){
		transform:rotate(405deg) translate(7px,7px);
		-webkit-transform:rotate(405deg) translate(7px,7px);
		-moz-transform:rotate(405deg) translate(7px,7px);
	}

	#drawer-btn .openNavi:nth-child(2){
		-moz-opacity:0;
		-webkit-opacity: 0;
		opacity:0;
	}

	#drawer-btn .openNavi:nth-child(3){
		transform:rotate(-405deg) translate(7.5px,-7.7px);
		-webkit-transform:rotate(-405deg) translate(7.5px,-7.5px);
		-moz-transform:rotate(-405deg) translate(7.5px,-7.5px));
	}

	#drawer-btn div span:nth-child(3){
		margin:0 auto;
	}

	#overlay{
		width:100%;
		height:100%;
		position:fixed;
		z-index:20;
		background:rgba(255,255,255,0.8);
		display:none;
	}

	/**************************


	@footer(w767以下)


	**************************/
	#back-top{
		width: 218px;
		height: 70px;
		position: absolute;
		top: -70px;
		/* right: 2%; */
		left: 50%;
		cursor: pointer;
		margin-left: -109px;
	}

	#back-top img{
		width:218px;
		height:70px;
	}

	@media screen and (max-width:380px){
		#footer-navi{
			width: 200px !important;
			height: 32px !important;
		}

		#footer-navi li{
			padding: 0 5px 10px 5px !important;

		}

		#footer-navi li:nth-child(4){
			display:none;
		}
		#footer-navi li:nth-child(5){
			margin: 0 0 0 31px;
		}
	}

	/**************************


	@pager


	**************************/
	#pager-container{
		margin:0 auto;
	}

	#pager-container li{
		float:left;
		width:64px;
		height:46px;
	}
	.pager-btn{
		width:46px;
		height:46px;
		line-height:46px;
		margin:0 auto;
		text-align:center;
		text-decoration:none;
		background:#fff;
		color:#10ad8a;
		display:block;
		border-radius:23px;
		-webkit-border-radius:23px;
		-moz-border-radius:23px;
		/*border-radius:50%;
		-webkit-border-radius:50%;
		-moz-border-radius:50%;*/
	}

	#pager-prev-btn,#pager-next-btn{
		letter-spacing:-2px;
	}



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

	html,body{
		width:100%;
		min-width:1024px;
	}
	#wrapper{
		width:100%;
		height:100%;
		min-width:1024px;
		display:none;
		background:#fff;
		/*overflow:hidden;*/

	}

	/**************************


	@header(w768以上)


	**************************/
	#header{
		width:100%;
		min-width: 1024px;
		height:80px;
		background:url(../img/common/header/header_bg.png) repeat-x;
		position:absolute;
		z-index:5;
	}

	#header.top-header{
		width:100%;
		min-width: 1024px;
		height:80px;
		background:url(../img/top/top_header_bg.png) repeat-x;
		position: inherit;
	}

	#header-inner{
		position:relative;
		width:100%;
		min-width:320px;
		/*max-width:1280px;*/
		margin:0 auto;
	}

	#header-txt{
		width:100%;
		height:34px;
		text-align:right;
	}

	#header-txt h1{
		padding:0 2% 0 0;
	}

	#header-ttl{
		position:absolute;
		z-index:10;
		top: 5px;
		left: 7%;
	}


	#header-navi-container{
		width:100%;
		height:22px;
		padding: 4px 0 0 0;
		/*background:#01a48d;
		border-top:4px solid #33b5a3;*/
		position:relative;
	}

	#header-navi{
		position:absolute;
		display:block;
		background:none;
		right:1%;
		z-index:1;
		margin:0;
		padding:0;
		top:13px;
	}

	#header-navi li{
		float:left;
		margin:0;
		background:none;
		padding:0 6px;
		height:22px;
		cursor:pointer;
	}

	#header-navi li p img{
		height:22px;
		width:auto;
		background:#01a48d;
		padding:0;
	}

	#header-navi li .over{
		display:block;
	}


	#b0{width:44px;}
	#b1{width:47px;}
	#b2{width:77px;}
	#b3{width:40px;}
	#b4{width:53px;}
	#b5{width:45px;}
	#b6{width:97px;}
	#b7{width:42px;}

	#drawer-btn-container,#overlay{
		display:none;
	}

	/**************************


	@pager


	**************************/
	#pager-container{
		margin:0 auto;
	}

	#pager-container li{
		float:left;
		width:76px;
		height:46px;
	}
	.pager-btn{
		width:46px;
		height:46px;
		line-height:46px;
		margin:0 auto;
		text-align:center;
		text-decoration:none;
		background:#fff;
		color:#10ad8a;
		display:block;
		border-radius:50%;
		-webkit-border-radius:50%;
		-moz-border-radius:50%;
	}

	.pager-current-btn,.pager-btn:hover{
		width: 46px;
		height: 46px;
		line-height: 46px;
		margin: 0 auto;
		text-align: center;
		text-decoration: none;
		color: #fff;
		background: #10ad8a;
		display: block;
		border-radius: 50%;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
	}

	#pager-prev-btn,#pager-next-btn{
		letter-spacing:-2px;
	}



}


/**************************


@footer


**************************/
#footer{
	width:100%;
	min-width:320px;
	background:#4bbdad;
	padding:25px 0px 20px 0px;
	position:relative;
	z-index:10;
}

#footer-inner{
	text-align:center;

}

#back-top{
	width:218px;
	height:70px;
	position:absolute;
	top:-70px;
	right:2%;
	cursor:pointer;
}

#back-top img{
	width:218px;
	height:70px;
}


#footer-navi{
	width: 346px;
	height:11px;
	margin: 0px auto;
	padding:10px 0px 15px 0px;
}

#footer-navi li{
	float:left;
	padding:0 5px 0 5px;
	display:block;
	line-height:1em;
}

#footer-navi li a{
	display:block;
}

#footer-navi li a img{
	height:11px;
	width:auto;
}

#footer-navi li img{
	vertical-align:top !important;
}


#f-b0 a{
	width:73px;
	height:11px;
}

#f-b1 a{
	width:94px;
	height:11px;
}

#f-b2 a{
	width:127px;
	height:11px;
}

#cc{
	font-size:11px;
	color:#fff;
	text-align:center;
	line-height:1.8em;
}

/**************************


@social-container


**************************/
#social-container{
	width:250px;
	padding:0 10px 20px 10px;
	margin:0 auto;
}

#twitter-btn{
	width:105px;
	height:21px;
	float:left;
	padding:0 35px 0 0;
}

#facebook-btn{
	width:110px;
	height:21px;
	float:left;
}


/**************************


@news


**************************/
@media screen and (max-width:767px){
	.news-tag{
		width:105px;
		height:16px;
		line-height:16px;
		font-size:10px;
		text-align:center;
		color:#fff;
		display:inline-block;
		float:right;
		letter-spacing:0px;
	}

}
@media screen and (min-width: 768px){
	.news-tag{
		width:120px;
		height:17px;
		line-height:17px;
		font-size:11px;
		text-align:center;
		color:#fff;
		display:inline-block;
		float:right;
		letter-spacing:0px;
	}
}

.wugst{ background:#2C6A36;}
.wugpt{ background:#4bbdad;}
.wugmv{ background:#008bd3;}
.wakeu{ background:#036C25;}
.wugtm{ background:#ED4390;}
.wugzx{ background:#ff8e44;}


.anime{background:#1c62a7;}
.zoo{background:#ff8e44;}
.wake{background:#4bbdad;}
.club{background:#fe6885;}
.times{background:#ff8e44;}


/**************************


@preloader


**************************/
#preloader{
	position:relative;
	z-index:999;
	width:100%;
	min-width:1024px;
	height:100%;
	background:#fff;
}

#preloader-line{
	width:0px;
	height:2px;
	position:absolute;
	top:50%;
	left:0;
	right:0;
	background:#4bbdad;
	z-index:1;
	display:block;
}