@charset "UTF-8";
/* =========================================================
　photoカテゴリ設定
========================================================= */
/* 640px以上の追加指定（ヘッダー）
--------------------------------------------------------- */
@media screen and (min-width:640px), print {
	.photo_nav {
	color: #FFFF4D !important;
	background: #3355AA !important;
	}
}


/*メイン画像設定
--------------------------------------------------------- */
.main_photo {
	max-width: 300px;
	max-height: 300px;
	border: #FFF 5px solid;
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.30);
    -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.30);
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.30);
}
/*メインストーリー設定
--------------------------------------------------------- */
.main_story {
	margin-bottom: 4em;
}
.bottom_story {
	clear: both;
}
/*sub_photo設定
--------------------------------------------------------- */
.sub_photo {
	margin-top: 2em;
	padding: 1.5em 1.5em 0 0;
	display: inline;
	background: #EEE;
	float: left;
	min-width: 520px;
}
.sub_photo a {
	margin-left: 1.5em;
}

/*sub_img画像設定 */
.sub_photo a img {
	margin-bottom: 1.5em;
	max-width: 200px;
	max-height: 100px;
}
/*pdf */
.pdf {
		margin: 0 0 30px;
		padding: 0 0 5px 20px;
		width: 200px;
		background: url(../common/images/icon_pdf.png) no-repeat left top;
	}
	
	/* 640px以下の追加指定（ヘッダー）
--------------------------------------------------------- */
@media screen and (max-width:640px), print {
.sub_photo {
	margin: .5em auto 0;
	padding: .5em .5em 0 0;
	max-width: 100%;
	min-width: 0%;
}
.sub_photo a img {
	margin-bottom: .5em;
	max-width: 200px;
	max-height: 100px;
}
.sub_photo a {
	margin-left: .5em;
}
}