@charset "utf-8";

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

body{
	font-size:0.8em;
}

/* header */
#header_bg{
	position:fixed;
	bottom:0;
	z-index:1000;
	width:100%;
	height:60px;
	background-image: -webkit-gradient(
        linear
        , left top
        , left bottom
      	, from(#AAA)
		, color-stop(0.1, #888)
        , to(#333));
	background-image: -moz-linear-gradient(
		  top
		, #AAA 0%
		, #888 1%
		, #333);
}
#header{
	max-width:100%;
	height:60px;
}
#header #header_left{
	display:none;
	clear:both;
}
#header #navi{
	clear:both;
	font-size:30px;
}
#header #navi li img{
	max-width:20%;
	height:auto;
}



/* /header*/


/* container */
#container_bg{
	width:100%;
	height:100%;
}
#container{
	width:100%;
	height:auto;
}
#container #forsmp{
	display:block;
}
#container #forsmp img{
	max-width:100%;
	height:auto;
	box-shadow:0 0 5px #666;
}
#container #fade #kv{
	display:none;
}
#container .top_text{
	max-width:100%;
	height:auto;
	margin:10px auto 10px;
}
#container .top_text img{
	max-width:20%;
	height:auto;
	padding:0;
}
#container .top_text img.notsmall{
	max-width:100%;
	height:auto;
	padding:0;
}
#container .description{
	max-width:100%;
	height:auto;
	margin: 0 0 10px;
}
#container .main_text{
	max-width:100%;
	height:auto;
	padding:10px;
}
/* /container */


/* pagetop */
#pagetop img{
	position:fixed;
	right:10px;
	bottom:70px;
	max-width:20%;
	height:auto;
}
/* /pagetop */


/* footer */
#footer{
	width:100%;
	margin:0 0 60px;
	padding:10px 0 20px;
	background:#666;
	font-size:0.6em;
}
/* /footer */


/* -----private css----- */

/* mascot */
#mascot img{
	max-width:100%;
	height:auto;
}
/* /mascot */

/* gallery */
#container #button{
	width:100%;
	height:auto;
}
#container ul.tab_button li{
	max-width:20%;
	height:auto;
}
#container ul.tab_button li img{
	max-width:80%;
	height:auto;
	padding:0;
	border:1px solid #999;
}
#container #tabs img{
	max-width:20%;
	height:auto;
	padding:0;
}
/* /gallery */

















}