@charset "UTF-8";

/*-------------------------------------*/
body {
	-webkit-text-size-adjust:none;
	-webkit-font-smoothing:antialiased;
}

img {
	vertical-align:bottom;
}

@media screen and (max-width:640px) {
	h1,small,.attention {
		display:none!important;
	}
	
	nav.gnav {
		overflow: hidden;
		min-height: 50px;
	}
	
	.gnav ul {
		width:inherit;
		position:relative;
		left:50%;
		top:30px;
		float:left;
	}
	
	.gnav ul li {
		padding:0 2px!important;
		margin:0!important;
		font-weight:400;
		letter-spacing:normal;
		font-family:DINNextLTPro-Medium,DINAlternate-Bold,"見出ゴMB31",sans-serif;
		position:relative;
		left:-50%;
		float:left;
		line-height:1.5;
		font-size:12px!important;
		color:#fff;
	}
	
	.gnav ul li a {
		padding:0 5%;
	}
	
	nav ul li a:first-child {
		margin-top:0;
	}
	
	nav ul li a:hover {
		color:#666;
	}
}

@media screen and (min-width: 641px) {
	h1,h2,small,nav {
		position:fixed;
		display:none;
	}
	
	h1 {
		top:40px;
		left:40px;
	}
	
	small {
		bottom:40px;
		left:40px;
	}
	
	nav.gnav {
		top:55px;
		right:55px;
	}
	
	nav ul li {
		float:left;
		margin-left:18px;
		font-family:DINNextLTPro-Medium,DINAlternate-Bold,"見出ゴMB31",sans-serif;
		font-size:21px;
	}
	
	nav ul li a {
		color:#fff;
	}
	
	nav ul li a:hover {
		color:#666;
	}
	
	.gnav li a {
		color:#fff;
		text-decoration:none;
		-webkit-transition:.5s;
		-moz-transition:.5s;
		-o-transition:.5s;
		-ms-transition:.5s;
		transition:.5s;
	}
	
	.gnav a:hover {
		color:#121212!important;
	}
	
	/*-------------------------*/
	#maximage a {
		display:block;
		cursor:pointer;
	}
	
	/*-------------------------*/
	.attention {
		position:fixed;
		bottom:35px;
		right:40px;
		font-family:DINNextLTPro-Medium,DINAlternate-Bold,"見出ゴMB31",sans-serif;
		background:#fff;
		padding:22px 35px 25px;
		height:1.5em;
		overflow:hidden;
	}
	
	.attention li {
		overflow:hidden;
		margin-bottom:50px;
	}
	
	.attention li:first-child {
		overflow:visible;
	}
	
	.attention li em {
		padding-right:15px;
		font-size:11px;
		letter-spacing:1px;
	}
	
	.attention li strong {
		font-size:20px!important;
		letter-spacing: 0.03em;
	}
	
	.attention li a {
		color:#999;
		background:#fff;
		text-decoration:none;
		padding:0 3px;
		-webkit-transition:.5s;
		-moz-transition:.5s;
		-o-transition:.5s;
		-ms-transition:.5s;
		transition:.5s;
	}
	
	.attention a:hover {
		color:#121212!important;
	}
}

@media screen and (min-width: 641px) and (max-width: 768px) {
	h1 img {
		width:70%;
		height:auto;
	}
	
	small img {
		width:80%;
		height:auto;
	}
	
	nav ul li {
		font-size:17px;
	}
}

/*	----------------------------------------------------------------
	MaxCycle (Fullscreen Slideshow for use with jQuery Cycle Plugin)
	----------------------------------------------------------------
	
	Demo at: http://www.aaronvanderzwan.com/maxcycle/
	Download and Info at: http://github.com/akv2/MaxCycle---jQuery-Plugin/
	Copyright (c) 2007-2011 Aaron Vanderzwan
	Dual licensed under the MIT and GPL licenses.
	
*/
/*! Version: 2.0.73 (12-Oct-2012) */
body,html {
/* 	background: #000; */
	background-image:none!important;
	border:none;
/* 	overflow: hidden; */
	height:100%;
}

.mc-hide-scrolls {
	overflow:hidden;
}

body .mc-cycle {
	height:100%;
	left:0;
	overflow:hidden;
	position:fixed;
	top:0;
	width:100%;
	z-index:-1;
}

div.mc-image {
	-webkit-transition:opacity 1s ease-in-out;
	-moz-transition:opacity 1s ease-in-out;
	-o-transition:opacity 1s ease-in-out;
	transition:opacity 1s ease-in-out;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
	height:100%;
	overflow:hidden;
	width:100%;
}

.mc-old-browser .mc-image {
	overflow:hidden;
}

/*-------------------------------------*/
#cycle-loader {
	height:32px;
	left:50%;
	margin:-8px 0 0 -8px;
	position:absolute;
	top:50%;
	width:32px;
	z-index:9999;
}

/*-------------------------------------*/
#top,#bottom,#left,#right {
	background:#fff;
/* background: yellow;  */
	position:fixed;
}

#left,#right {
	top:0;
	bottom:0;
	width:10px;
}

#left {
	left:0;
}

#right {
	right:0;
}

#top,#bottom {
	left:0;
	right:0;
	height:10px;
}

#top {
	top:0;
}

#bottom {
	bottom:0;
}