@charset "utf-8";

*{
	margin: 0;
	padding: 0;

	font-style: inherit;
	font-size: 16px;
	vertical-align: top;
	list-style:none;
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section, .h1, .h1 a, h2, .h2, h4, h3{ display: block;}

ol,ul,dl{ list-style-type: none;}

html{color:#000;
font-family:HelveticaNeueW01-65Medi,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;
}
*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}




#container{
	width:100%;
	height:auto;
}

header{
	position: relative;
	width:100%;
	height:auto;
	padding-bottom:50px;
	}

.bar{
	position: fixed;
	width:100%;
	height:50px;
	background-color:#ffdd00;
	z-index: 999;
}

h1{
padding-top:25px;
background-image: url("http://1098studio.ciao.jp/cac/img/1098logo-2.png");	
background-repeat: no-repeat;	
background-size: 100% auto;
background-position: center center;
margin:0 auto;
text-indent:-9999px;
max-width:30px;
min-width:200px;
height:auto;
}












h2{
font-size:20px;
margin-bottom: 15%;
text-align: center;
}


h3{
font-size:20px;
margin-top: -5%;
margin-bottom: 2%;}

h4{
font-size:20px;
margin-top: 20%;
margin-bottom: 2%;}

h5{
font-size:20px;
margin-top: 7%;
margin-bottom: 7%;}


.q{
color:#008000;
}

.pink{
color:#ff69b4;
font-size:16px;
font-weight: bold;
}

a.topBtn{
text-align: center;
margin: 0 auto;
display: block;
}



#about table{
margin: 0 auto;
}

.place {
font-size: 15px;
font-weight: bold;
}


.about-toku{
width:94%;
height:auto;	
padding-top:0;
margin-bottom:7%;
margin-left:auto;
margin-right:auto;
padding-left:3%;
padding-right:3%;
font-size:16px;
text-align:left;
}




.topBtn img{
width: 90%;
text-align: center;
margin: 0 auto;
}



	nav{
		display: none;
		position: absolute;
		top:0px;
		width: 100%;
		height: auto;
		background: #FFFFFF;
		right: 0px;
		padding:0;
	}
	header nav ul{
		padding:0;
		display: block;
		margin: 0 auto;
		width: 100%;
		list-style:none;
	}
	header nav ul li{
		padding-top: 15px;
		margin: 0 auto;
		height: 55px;
		text-align: center;
		border-bottom: 1px solid #fff;
		font-size: 17px;
		display:block;
		vertical-align:middle;
	}
	header nav ul li:nth-child(odd){
	background: #b0c4de;}
	
	header nav ul li:last-child{
		border: none;
	}
	header nav ul li a{
		margin: 0 auto;
		width:90%;
		text-decoration: none;
	}

/*開閉ボタン*/
	#nav_toggle{
		display: block;
		width: 20px;
		height: 8px;
		position: absolute;
		top: 16px;
		right:5px;
		z-index: 100;
	}
	#nav_toggle div {
		position: relative;
	}
	#nav_toggle span{
		display: block;
		height: 3px;
		background: #000;
		position:absolute;
		width: 100%;
		right: 5px;
		-webkit-transition: 0.5s ease-in-out;
		-moz-transition: 0.5s ease-in-out;
		transition: 0.5s ease-in-out;	
	}
	#nav_toggle span:nth-child(1){
		top:0px;
	}
	#nav_toggle span:nth-child(2){
		top:8px;
	}
	#nav_toggle span:nth-child(3){
		top:16px;
	}
	
	/*開閉ボタンopen時*/
	.open #nav_toggle span:nth-child(1) {
			top: 8px;
		   -webkit-transform: rotate(135deg);
			-moz-transform: rotate(135deg);
			transform: rotate(135deg);
			background:#000;
		}
		.open #nav_toggle span:nth-child(2) {
			width: 0;
			top: 8px;
			left: 50%;
			background:#000;
		}
		.open #nav_toggle span:nth-child(3) {
			top: 8px;
			-webkit-transform: rotate(-135deg);
			-moz-transform: rotate(-135deg);
			transform: rotate(-135deg);
			background:#000;
		}


.swiper-container{
overflow:hidden;
position:relative;
top:50px;
}

.swiper-wrapper{
overflow:hidden;}

.swiper-slide img{
	margin-bottom: 50px;
	width:100%;
	height: auto;
}






/* --YouTubeサイズ調整-- */
.video {
position: relative;
height: 0;
padding: 30px 0 56.25%;
overflow: hidden;
}

.video iframe {
position: absolute;
top: 0;
left: 0;
width: auto;
height: auto;
}










#about{
padding-top:48px;
clear:both;
width:100%;
height:auto;
text-align:center;
padding-bottom:2%;
}

.about-h2{
background-image: url("http://1098studio.com/6th/img/aceabout.jpg");	
background-repeat: no-repeat;	
background-size: 100% auto;
background-position: top left;
padding-bottom:62.85%;
text-indent:-9999px;
width:100%;
height:auto;
}

.about-text{
width:94%;
height:auto;	
padding-top:0;
margin-bottom:14.58%;
margin-left:auto;
margin-right:auto;
padding-left:3%;
padding-right:3%;
font-size:16px;
text-align:center;
}









#ace-access{
padding-top:48px;
width:100%;
height:auto;
font-size:16px;
}


.ace-access-h2{
background-image: url("http://1098studio.com/6th/img/acesyoukai.jpg");	
background-repeat: no-repeat;	
background-size: 100% auto;
background-position: top left;
padding-bottom:62.85%;
text-indent:-9999px;
width:100%;
height:auto;
}



#ace-access dl{
width:100%;
height:auto;	
padding-top:0;
margin-bottom:7.29%;
padding-left: 7.29%;
padding-right: 7.29%;
}

#ace-access dt{
font-weight:bold;
}

#ace-access dd.text{
margin-bottom:3.5%;
}

.map{
width:100%;
}

.imagebox{
width:80%;
margin:-30px auto 40px auto;
font-size:12px;
text-align:center;}

.imagebox02{
width:80%;
margin:0px auto 40px auto;
font-size:12px;
text-align:center;}

.imagebox03{
width:80%;
margin:-50px auto 40px auto;
font-size:12px;
text-align:center;}



.imagebox a{
display:block;
margin-bottom:7.29%;}



.imagebox p{
padding-bottom:10%;
font-size:12px;
}

.map-sab{
width:100%;
margin:0 auto;
text-align:center;
}

.placetext{
width:100%;
margin:0 auto 10px auto;
text-align:center;
}


.youtube iframe{
  width: 100%;
}














footer{
	padding-top:10px;
	margin-top:20px;
width:100%;
	height:150px;	
	background-color:#ffdd00;
}

footer p{
padding-top:10px;
text-align:center;
color:#000;
font-size:12px;
}

.foot-h2{
background-image: url("http://1098studio.com/6th/img/1098logo-2.png");	
background-repeat: no-repeat;	
background-size: 100% auto;
background-position: center center;
margin:0 auto;
text-indent:-9999px;
max-width:30px;
min-width:200px;
height:40px;
line-height:0;
}