@charset "utf-8";
/* CSS Information========

Table of Contents:
 * photo gallery
 
========================== */

/* =======================
		#top_link
========================== */
#tab #top_link {
	width: 100%;
	margin-bottom: 25px;
	margin-top: -50px;
	padding-top: 50px;
}
#tab #top_link li {
	font-size: 1.2rem;
	display: list-item;
}
#tab #top_link li a {
	display: block;
	float: left;
	width: 15%;
	text-align: center;
	border: 1px solid #CCC;
	background-color: #EFEFEF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 10px 0;
	font-size: 1.4rem;
	margin: 0 01% 5px 0;
}
#tab #top_link .current a, #tab #top_link li a:hover {
	background-color: #554835;
	color: #fff;
	text-decoration: none;
}
#tab #top_link li:nth-child(6), #tab #top_link li:nth-child(8) {
	margin: 0 0 5px 0;
}
/* =======================
		Gallery
========================== */
#Gallery {
	padding-top: 5px;
	margin-bottom: 30px;
}
.gallery-item { 
	float: left;
	width: 13.0%; 
	margin: 0 3.3% 3% 0;
	line-height: 0.5;
	}
.gallery-item a { 
	display: block;
	}
.gallery-item a:hover {
    text-decoration: none;
    opacity: 0.75;
}
.gallery-item img { 
	display: block;
	width: 100%;
	height: auto; 
	}



/*タブレット
@media screen and (max-width:1000px) {

}*/


/*スマートフォン*/
@media screen and (max-width:640px) {

/* =======================
		#top_link
========================== */
#tab #top_link {
	margin-bottom: 0;
}
/* =======================
		Gallery
========================== */
.gallery-item { 
	width: 33.33333333%; 
	margin: 0;
	}
.gallery-item a { 
	margin: 5px;
	}
#tab #top_link li a {
	width: 32%;
}


}