@charset "utf-8";

/*==============================================
【netkeiba 写真館】 Photo_pc_nk01.css
==============================================*/

/*=======================================
共通部分
=======================================*/

body.PhotoExhibition .PhotoMainWrap {
	min-width: 960px;
	color: #444;
	font-family: 'Montserrat','Noto Sans JP',"メイリオ", Meiryo, Hiragino Sans, Hiragino Kaku Gothic ProN, 'ヒラギノ角ゴ ProN W3', 'ヒラギノ角ゴ Pro W3', Helvetica Neue, Helvetica, sans-serif;
}
body.PhotoExhibition .MainColumn {
	position: relative;
	width: 100%;
	max-width: 1174px;
	/* min-height: 750px; */
	margin: 0 auto;
	font-size: 100%;
	overflow: hidden;
	padding: 0 17px 48px;
}
@media only screen and (min-width: 781px) {
	body.PhotoExhibition .MainColumn {
	}
}
@media only screen and (max-width: 780px) {
	body.PhotoExhibition .PhotoMainWrap {
		min-width: auto;
		background: #fff;
	}
}
*::after,
*::before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.PhotoBtnWrap01 {
	display: block;
	margin: 60px;
	text-align: center;
}
a.PhotoExhibitionBtn01 {
	position: relative;
	display: inline-block;
	width: 400px;
	font-size: 18px;
	padding: 24px 10px;
	background: #222;
	color: #fff;
	text-align: center;
	z-index: 2;
	overflow: hidden;
	border: 2px solid #222;
}
a.PhotoExhibitionBtn01:hover {
	color: #222;
	font-weight: bold;
	text-decoration: none;
}
a.PhotoExhibitionBtn01::after {
	content: '';
	display: block;
	position: absolute;
	top: -100%;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	-webkit-transition: all .3s;
	transition: all .3s;
}
a.PhotoExhibitionBtn01:hover::after {
	top: 0;
	background-color: #fff;
}
.sp_disp{
	display: none;
}
@media only screen and (max-width: 780px) {
	.PhotoBtnWrap01 {
		margin: 40px 0;
	}
	a.PhotoExhibitionBtn01 {
		position: relative;
		display: block;
		width: 75.73%;
		font-size: 16px;
		padding: 15px 10px;
		z-index: 2;
		margin: auto;
	}
	.sp_disp{
		display: block;
	}
}



/*--- シェアボタン .SnsBtnArea ---*/
.SnsBtnArea {
	width: 900px;
	margin: 82px auto;
	text-align: center;
	font-size: 0;
}
.SnsBtnArea a.SnsBtn {
	display: inline-block;
	width: 49px;
	height: 48px;
	background: #444;
	border-radius: 24px;
	margin: 0 15px;
	-webkit-transition: 0.1s;
	transition: 0.1s;
}
.SnsBtnArea a.SnsBtn:hover {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.SnsBtnArea a.SnsBtn:after {
	content: "";
	display: block;
	margin: 10px auto 0;
}
.SnsBtnArea a.SnsBtn.SnsTwitter:after {
	width: 26px;
	height: 23px;
	background: url(../img/Icon_tweet01.png) no-repeat center center;
	-webkit-background-size: cover;
	background-size: cover;
	margin-top: 12px;
}
.SnsBtnArea a.SnsBtn.SnsInstagram:after {
	width: 27px;
	height: 27px;
	background: url(../img/Icon_insta01.png) no-repeat center center;
	-webkit-background-size: cover;
	background-size: cover;
}

/*=======================================
TOP 
=======================================*/
body.PhotoExhibition .TopVisual {
	position: relative;
	padding: 210px 0 500px;
	text-align: center;
	background: url(../img/TopVisual01.jpg) no-repeat center center;
	-webkit-background-size: cover;
	background-size: cover;
}
body.PhotoExhibition .TopVisual::after {
}
body.PhotoExhibition .TopVisual span.TopVisualTxt01,
body.PhotoExhibition .TopVisual h1,
body.PhotoExhibition .TopVisual span.TopVisualTxt02 {
	display: block;
	position: relative;
	z-index: 10;
	color: #fff;
	text-align: center;
}
body.PhotoExhibition .TopVisual span.TopVisualTxt01 {
	font-size: 24px;
	margin-bottom: 14px;
}
body.PhotoExhibition .TopVisual h1 {
	display: inline-block;
	position: relative;
	font-size: 110px;
	font-weight: 500;
	margin-bottom: 50px;
	padding-left: 120px;
}
body.PhotoExhibition .TopVisual h1::before {
	content: "";
	display: inline-block;
	width: 100px;
	height: 117px;
	background: url(../img/Icon_home01.png) no-repeat center center;
	-webkit-background-size: cover;
	background-size: cover;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -75px;
}
body.PhotoExhibition .TopVisual h1 span{
	display: inline-block;
	font-size: 63.64%;
	background: #000;
	padding: 4px;
	border-radius: 6px;
	margin-top: 18px;
	margin-left: 16px;
	vertical-align: top;
}
body.PhotoExhibition .TopVisual span.TopVisualTxt02 {
	font-size: 24px;
	font-family: '游明朝体', 'Yu Mincho', YuMincho,'Montserrat','Noto Sans JP',"メイリオ", Meiryo, Hiragino Sans, Hiragino Kaku Gothic ProN, 'ヒラギノ角ゴ ProN W3', 'ヒラギノ角ゴ Pro W3', Helvetica Neue, Helvetica, sans-serif;
}

body.PhotoExhibition .TopVisual + .MainColumn {
	position: relative;
	margin-top: -370px;
	z-index: 20;
}
.PhotoContentList {
	min-width: 900px;
	min-height: 1140px;
}
.PhotoContentList ul li {
	float: left;
	width: 48.246%;
	margin-bottom: 40px;
}
.PhotoContentList ul li:nth-child(even) {
	float: right;
}
.PhotoContentList ul li .PhotoContentBox01 {
	position: relative;
/*	height: 550px; */
}

.PhotoContentBox01 .PhotoImg01 {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	background-size: cover;
	border: 1px solid #fff;
}
.PhotoContentBox01 .PhotoImg01 picture {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
}
.PhotoContentBox01 .PhotoImg01 picture img {
	display: block;
	width: 100%;
	height: 100%;
}

@media only screen and (min-width: 781px) { /* pc */

	.PhotoContentBox01 .PhotoTxtBox02 {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 20;
		opacity: 0;
		background-image: none !important;
		-webkit-transition: all 0.3s ease-out;
		transition: all 0.3s ease-out;
		border: 1px solid #fff;
		color: #fff;
		-webkit-align-items: center;
		-ms-align-items: center;
		align-items: center;
		-webkit-justify-content: center;
		-ms-justify-content: center;
		justify-content: center;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	a:hover .PhotoContentBox01 .PhotoTxtBox02 {
		background-image: none !important;
		background-color: rgba(0,0,0,0.6);
		opacity: 1;
	}
	.PhotoTxtBox02 span.PhotoTxtFrame {
		position: absolute;
		top: 40px;
		right: 40px;
		bottom: 40px;
		left: 40px;
		z-index: 1;
		opacity: 0;
	}
	a:hover .PhotoTxtBox02 span.PhotoTxtFrame {
		opacity: 1;
	}
	.PhotoTxtBox02 span.PhotoTxtFrame:before,
	.PhotoTxtBox02 span.PhotoTxtFrame:after {
		border: 1px rgba(255, 255, 255, .4) solid;
		content: "";
		position: absolute;
		width: 0;
		height: 0;
		-webkit-transition: all 0.7s ease-out;
		transition: all 0.7s ease-out;
	}
	a:hover .PhotoTxtBox02 span.PhotoTxtFrame:before,
	a:hover .PhotoTxtBox02 span.PhotoTxtFrame:after {
		width: 100%;
		height: 100%;
	}
	.PhotoTxtBox02 span.PhotoTxtFrame:before {
		border-top-color: transparent;
		border-right-color: transparent;
		left: 0;
		bottom: 0;
	}
	.PhotoTxtBox02 span.PhotoTxtFrame:after {
		border-bottom-color: transparent;
		border-left-color: transparent;
		right: 0;
		top: 0;
	}
	.PhotoContentBox01 .PhotoTxtBox02 span.Photographer01 {
		font-size: 40px;
	}
	.PhotoContentBox01 .PhotoTxtBox02 span.Photographer02 {
		font-size: 15px;
		font-weight: 500;
		color: #a2a2a2;
		margin-top: 12px;
	}
	.PhotoContentBox01 .PhotoTxtBox02 span.PhotoListTitle01{
		font-size: 30px;
	}
	.PhotoContentBox01 .PhotoTxtBox02 span.PhotoCrossIcon {
		width: 75px;
		height: 75px;
		margin: 50px auto;
		position: relative;
		transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-webkit-transition: all 0.5s ease-out;
		transition: all 0.5s ease-out;
		opacity: 0;
	}

	.PhotoContentBox01 .PhotoTxtBox02 span.PhotoCrossIcon::before,
	.PhotoContentBox01 .PhotoTxtBox02 span.PhotoCrossIcon::after {
		content: "";
		width: 100px;
		height: 1px;
		position: absolute;
		top: 35px;
		left: -13px;
		background: #d3d3d3;
		transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
	}
	.PhotoContentBox01 .PhotoTxtBox02 span.PhotoCrossIcon::after {
		transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
	}

	a:hover .PhotoContentBox01 .PhotoTxtBox02 span.PhotoCrossIcon {
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		opacity: 1;
	}
	
	.PhotoContentList ul li .PhotoContentBox01::after {
		content:"";
		display:block;
		padding-top: 100%;
	}
}
@media only screen and (max-width: 780px) { /* sp */
	body.PhotoExhibition .TopVisual {
		padding: 100px 17px 180px;
		
	}
	body.PhotoExhibition .TopVisual span.TopVisualTxt01 {
		font-size: 3.47vw;
		margin-bottom: 10px;
	}
	body.PhotoExhibition .TopVisual h1 {
		font-size: 10.4vw;
		margin-bottom: 38px;
		padding-left: 45px;
	}

	body.PhotoExhibition .TopVisual h1::before {
		content: "";
		display: inline-block;
		width: 36px;
		height: 42px;
		margin-top: -28px;
		margin-right: 6px;

	}
	body.PhotoExhibition .TopVisual h1 span{
		display: inline-block;
		font-size: 64.11%;
		background: #000;
		padding: 4px;
		border-radius: 4px;
		margin-top: 1.5%;
		margin-left: 8px;
		vertical-align: top;
	}

	body.PhotoExhibition .TopVisual span.TopVisualTxt02 {
		font-size: 3.47vw;
	}
	body.PhotoExhibition .TopVisual + .MainColumn {
		margin-top: -80px;
	}

	.PhotoContentList {
		min-width: auto;
		min-height: 400px;
	}
	.PhotoContentList ul li,
	.PhotoContentList ul li:nth-child(even) {
		float: none;
		width: 100%;
		margin-bottom: 20px;
		border: 1px solid #fff;
	}
	.PhotoContentList ul li a {
		display: block;
	}
	.PhotoContentList ul li a:hover {
		text-decoration: none !important;	
	}

	.PhotoContentList ul li .PhotoContentBox01 {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		height: auto;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
	.PhotoContentBox01 .PhotoImg01 {
		position: relative;
		border: none;
	}
	.PhotoContentBox01 .PhotoImg01,
	.PhotoContentBox01 .PhotoTxtBox02 {
		width: 50%;
		height: auto;
	}
	.PhotoContentList ul li .PhotoContentBox01 .PhotoImg01::after {
		content:"";
		display:block;
		padding-top: 100%;
	}
	.PhotoContentBox01 .PhotoTxtBox02 {
		position: relative;
		padding: 13px;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-align-items: center;
		-ms-align-items: center;
		align-items: center;
		-webkit-justify-content: center;
		-ms-justify-content: center;
		justify-content: center;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;

		background-repeat: no-repeat;
		background-position: center center;
		-webkit-background-size: cover;
		background-size: cover;
		overflow: hidden;
		-webkit-filter: grayscale(100%);
		filter: grayscale(100%);
	}
	.PhotoContentBox01 .PhotoTxtBox02::before {
		content: "";
		background-color: rgba(0,0,0,0.35);
		position: absolute;
		top: -5px;
		left: -5px;
		right: -5px;
		bottom: -5px;
		z-index: 1;
	}
	.PhotoContentBox01 .PhotoTxtBox02::after {
		content: "";
		background-image: inherit;
		background-repeat: no-repeat;
		background-position: center center;
		-webkit-background-size: 130%;
		background-size: 130%;
		-webkit-filter: blur(5px);
		-moz-filter: blur(5px);
		-ms-filter: blur(5px);
		filter: blur(5px);
		position: absolute;
		top: -5px;
		left: -5px;
		right: -5px;
		bottom: -5px;
		z-index: -1;
	}
	.PhotoContentBox01 .PhotoTxtBox02 > span {
		display: block;
		text-align: center;
	}
	.PhotoContentBox01 .PhotoTxtBox02 span.PhotoTxtFrame {
		position: absolute;
		display: block;
		border: 1px solid #d3d3d3;
		width: auto;
		height: auto;
		top: 10px;
		left: 12px;
		right: 12px;
		bottom: 10px;
		z-index: 10;
		opacity: 1;
	}
	.PhotoContentBox01 .PhotoTxtBox02 span.Photographer01 {
		color: #fff;
		font-size: 18px;
		z-index: 5;
	}
	.PhotoContentBox01 .PhotoTxtBox02 span.Photographer02 {
		color: #a2a2a2;
		font-size: 10px;
		font-weight: 500;
		margin-top: 7px;
		z-index: 5;
	}
	.PhotoContentBox01 .PhotoTxtBox02 span.PhotoListTitle01{
		color: #fff;
		font-size: 14px;
		font-weight: 700;
		z-index: 5;
		line-height: 1.3;
		margin-top: -0.2em;
	}
	.PhotoContentBox01 .PhotoTxtBox02 span.PhotoCrossIcon {
		width: 36px;
		height: 36px;
		margin: 12px auto;
		position: relative;
		z-index: 5;
	}

	.PhotoContentBox01 .PhotoTxtBox02 span.PhotoCrossIcon::before,
	.PhotoContentBox01 .PhotoTxtBox02 span.PhotoCrossIcon::after {
		content: "";
		width: 45px;
		height: 1px;
		position: absolute;
		top: 17px;
		left: -4px;
		background: #d3d3d3;
		transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
	}
	.PhotoContentBox01 .PhotoTxtBox02 span.PhotoCrossIcon::after {
		transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
	}
}

@media only screen and (max-width: 330px) { /* SE */
	body.PhotoExhibition .TopVisual {
		padding: 100px 6px 180px;
	}
	body.PhotoExhibition .TopVisual h1::before {
		margin-top: -30px;
	}
	.PhotoContentBox01 .PhotoTxtBox02 span.Photographer01 {
		font-size: 16px;
	}
	.PhotoContentBox01 .PhotoTxtBox02 span.Photographer02 {
		margin-top: 5px;
	}
	.PhotoContentBox01 .PhotoTxtBox02 span.PhotoListTitle01 {
		font-size: 12px;
	}
	.PhotoContentBox01 .PhotoTxtBox02 span.PhotoCrossIcon {
		width: 32px;
		height: 30px;
		margin: 7px auto;
	}
	.PhotoContentBox01 .PhotoTxtBox02 span.PhotoCrossIcon::before,
	.PhotoContentBox01 .PhotoTxtBox02 span.PhotoCrossIcon::after {
		content: "";
		width: 36px;
		height: 1px;
		position: absolute;
		top: 14px;
		left: -2px;
		background: #d3d3d3;
	}
}
/*=======================================
写真リスト .PhotoCate
=======================================*/
.PhotoCateWrap {
	position: relative;
	overflow: hidden;
	padding: 0 110px;
}
.PhotoCateTitle {
	padding-top: 150px;
	margin-bottom: 86px;
}
.PhotoCateTitle > h1,
.PhotoCateTitle > span {
	display: block;
	text-align: center;
	color: #444;
}
.PhotoCateTitle span.PhotoCate_Photographer01 {
	font-size: 26px;
	font-weight: 500;
	margin-bottom: 10px;
}
.PhotoCateTitle span.PhotoCate_Photographer02 {
	font-size: 15px;
	margin-bottom: 30px;
}
.PhotoCateTitle .PhotoCate_Title01 {
	font-size: 34px;

}

.PhotoCateList ul li {
	float: left;
	width: 48.246%;
	margin-bottom: 40px;
	position: relative;
}
.PhotoCateList ul li:nth-child(even) {
	float: right;
}
.PhotoCateList ul li .PhotoContentBox01 {
	position: relative;
}

.PhotoCateList ul li .PhotoContentBox01::after {
	content: "";
	display: block;
	padding-top: 100%;
}
.PhotoCateList .PhotoImg01 {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	background-size: cover;
	border: 1px solid #fff;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	-webkit-transition: all .15s ease-out;
	transition: all .15s ease-out;
}

.PhotoCateList .PhotoTxtBox02 {
	position: relative;
	padding-top: 50px;
}
.PhotoCateList .PhotoTxtBox02::before,
.PhotoCateList .PhotoTxtBox02::after {
	content: "";
	width: 1px;
	position: absolute;
	left: 50%;
	z-index: 10;

}
.PhotoCateList .PhotoTxtBox02::before {
	height: 60px;
	top: -60px;
	background: #fff;
}
.PhotoCateList .PhotoTxtBox02::after {
	height: 40px;
	top: 0;
	background: #444;
}
.PhotoTxtBox02 span.Cate_PhotoTitle01 {
	display: block;
	font-size: 28px;
	font-weight: 500;
	text-align: center;
}
.PhotoTxtBox02 span.Cate_PhotoYear01 {
	display: block;
	font-size: 15px;
	font-weight: 700;
	text-align: center;
	margin-top: 8px;
}

/*-- 写真家コラム --*/
.PhotoGrapherColumn {
	background: #222;
	color: #fff;
	padding: 96px 0;
}
.PhotoGrapherColumn span.PhotoGrapherName {
	display: block;
	font-size: 42px;
	font-weight: 500;
	text-align: center;
	margin-bottom: 90px;
}
.PhotoGrapherColumn h2 {
	font-size: 30px;
	font-family: '游明朝体', 'Yu Mincho', YuMincho,'Montserrat','Noto Sans JP',"メイリオ", Meiryo, Hiragino Sans, Hiragino Kaku Gothic ProN, 'ヒラギノ角ゴ ProN W3', 'ヒラギノ角ゴ Pro W3', Helvetica Neue, Helvetica, sans-serif;
	text-align: center;
	margin-bottom: 30px;
}
.PhotoGrapherColumnTxt {
	width: 92%;
	max-width: 960px;
	margin: auto;
}
.PhotoGrapherColumnTxt p {
	font-size: 15px;
	line-height: 2;
	text-indent: 1em;
}
.PhotoGrapherColumnTxt p + p {
	margin-top: 26px;
}

/*-- プロフィール .PhotoGrapherInfo --*/
.PhotoGrapherInfo {
	position: relative;
	width: 100%;
	max-width: 1174px;
	margin: 0 auto;
	padding: 90px 17px;
	color: #444;
}
.PhotoGrapherInfo .PhotoGrapherName {
	width: 280px;
	float: left;
}
.PhotoGrapherInfo .PhotoGrapherName span.PhotoGrapherName01 {
	display: block;
	font-size: 40px;
	margin-bottom: 24px;
}
.PhotoGrapherInfo .PhotoGrapherName span.PhotoGrapherName02 {
	display: block;
	font-size: 18px;
	font-weight: 500;
}
.PhotoGrapherInfo .PhotoGrapherInfoTxt {
	margin-left: 300px;
}
.PhotoGrapherInfo .PhotoGrapherInfoTxt p {
	font-size: 15px;
	line-height: 2;
}
/*--- シェアボタン .SnsBtnArea02 ---*/
.SnsBtnArea02 {
	width: auto;
	margin: 50px auto 0;
	text-align: left;
	font-size: 0;
}
.SnsBtnArea02 a.SnsBtn {
	display: inline-block;
	width: 38px;
	height: 38px;
	margin: 0 10px;
	-webkit-transition: 0.1s;
	transition: 0.1s;
}
.SnsBtnArea02 a.SnsBtn:hover {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.SnsBtnArea02 a.SnsBtn:after {
	content: "";
	display: block;
	margin: 8px auto 0;
}
.SnsBtnArea02 a.SnsBtn.SnsTwitter:after {
	width: 26px;
	height: 23px;
	background: url(../img/Icon_tweet01.png) no-repeat center center;
	-webkit-background-size: cover;
	background-size: cover;
	-webkit-filter:brightness(0) invert(0);
	-moz-filter:brightness(0) invert(0);
	-ms-filter:brightness(0) invert(0);
	filter: brightness(0) invert(0);
}
.SnsBtnArea02 a.SnsBtn.SnsInstagram:after {
	width: 27px;
	height: 27px;
	background: url(../img/Icon_insta01.png) no-repeat center center;
	-webkit-background-size: cover;
	background-size: cover;
	-webkit-filter:brightness(0) invert(0);
	-moz-filter:brightness(0) invert(0);
	-ms-filter:brightness(0) invert(0);
	filter: brightness(0) invert(0);
}

.PhotoGrapherInfo + .PhotoCateWrap {
	border-top: 1px solid #dedede;
}
@media only screen and (min-width: 781px) { /* pc */
	.PhotoCateWrap .PhotoDetailBack.NoFixed a {
		bottom: 100px;
	}
	.PhotoCateList {
		min-width: 900px;
		min-height: 700px;
	}
	.PhotoCateList ul li .PhotoContentBox01::before {
		content: "";
		display: block;
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0px;
		left: 0px;
		right: 0px;
		bottom: 0px;
		z-index: 1;
		background: rgba(0,0,0,0.4);
		-webkit-transition: all .15s ease-out;
		transition: all .15s ease-out;
		opacity: 0;
	}

	.PhotoCateList a:hover .PhotoImg01 {
		-webkit-filter: grayscale(0%);
		filter: grayscale(0%);
	}
	.PhotoCateList ul li a:hover .PhotoContentBox01::before {
		opacity: 1;
	}
	.PhotoCateList .PhotoContentBox01 span.PhotoCrossIcon {
		width: 100px;
		height: 100px;
		position: absolute;
		top: 50%;
		left: 50%;
		z-index: 10;
		margin: -50px auto auto -50px;
		transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-webkit-transition: all 0.5s ease-out;
		transition: all 0.5s ease-out;
		opacity: 0;
	}

	.PhotoCateList .PhotoContentBox01 span.PhotoCrossIcon::before,
	.PhotoCateList .PhotoContentBox01 span.PhotoCrossIcon::after {
		content: "";
		width: 100px;
		height: 1px;
		position: absolute;
		top: 50%;
		background: #d3d3d3;
	}
	.PhotoCateList .PhotoContentBox01 span.PhotoCrossIcon::after {
		transform: rotate(90deg);
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-o-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
	}
	.PhotoCateList a:hover .PhotoContentBox01 span.PhotoCrossIcon {
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		opacity: 1;
	}
	.PhotoCateList .PhotoContentBox01 span.PhotoTxtFrame {
		position: absolute;
		border: 1px solid #d3d3d3;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 10;
		opacity: 0;
		-webkit-transition: all 0.5s ease-out;
		transition: all 0.5s ease-out;
	}
	.PhotoCateList a:hover .PhotoContentBox01 span.PhotoTxtFrame {
		opacity: 1;
		transform: scale(0.85);
		-webkit-transform: scale(0.85);
		-moz-transform: scale(0.85);
		-o-transform: scale(0.85);
		-ms-transform:scale(0.85);
	}
}
@media only screen and (max-width: 780px) { /* sp */
	.PhotoCateWrap {
		padding: 0;
		background: #fff;
	}
	.PhotoCateTitle {
		padding-top: 60px;
		margin-bottom: 70px;
	}
	.PhotoCateTitle span.PhotoCate_Photographer01 {
		font-size: 21px;
	}
	.PhotoCateTitle span.PhotoCate_Photographer02 {
		font-size: 12px;
		margin-bottom: 24px;
	}
	.PhotoCateTitle .PhotoCate_Title01 {
		font-size: 28px;
		font-weight: 400;
		line-height: 1.3;
	}
	.PhotoCateList {
		width: 100%;
	}
	.PhotoCateList ul li,
	.PhotoCateList ul li:nth-child(even) {
		float: none;
		width: 100%;
	}
	.PhotoCateList ul li .PhotoContentBox01::after {
		padding-top: 50%;
	}

	.PhotoCateList .PhotoContentBox01 span.PhotoTxtFrame {
		position: absolute;
		border: 1px solid #d3d3d3;
		width: auto;
		height: auto;
		top: 20px;
		left: 20px;
		right: 20px;
		bottom: 20px;
		z-index: 10;
		opacity: 1;
	}

	.PhotoCateList .PhotoTxtBox02 {
		padding-top: 36px;
	}
	.PhotoCateList .PhotoTxtBox02::before {
		height: 40px;
		top: -40px;
	}
	.PhotoCateList .PhotoTxtBox02::after {
		height: 25px;
	}
	.PhotoTxtBox02 span.Cate_PhotoTitle01 {
		font-size: 18px;
	}
	.PhotoTxtBox02 span.Cate_PhotoYear01 {
		font-size: 13px;
		font-weight: 400;
		margin-top: 6px;
	}
	
	/*-- 写真家コラム --*/
	.PhotoGrapherColumn {
		padding: 50px 0;
	}
	.PhotoGrapherColumn span.PhotoGrapherName {
		font-size: 18px;
		font-weight: 500;
		margin-bottom: 40px;
	}
	.PhotoGrapherColumn h2 {
		font-size: 20px;
		margin-bottom: 20px;
	}
	.PhotoGrapherColumnTxt {
		width: auto;
		margin: 0 17px;
	}
	.PhotoGrapherColumnTxt p {
		font-size: 13px;
		line-height: 2.3;
	}
	/*-- プロフィール .PhotoGrapherInfo --*/
	.PhotoGrapherInfo {
		width: 100%;
		padding: 50px 17px;
		background: #fff;
	}
	.PhotoGrapherInfo .PhotoGrapherName {
		width: 100%;
		float: none;
		margin-bottom: 46px;
	}
	.PhotoGrapherInfo .PhotoGrapherName span.PhotoGrapherName01 {
		font-size: 28px;
		margin-bottom: 16px;
		text-align: center;
	}
	.PhotoGrapherInfo .PhotoGrapherName span.PhotoGrapherName02 {
		font-size: 12px;
		font-weight: 500;
		text-align: center;
	}
	.PhotoGrapherInfo .PhotoGrapherInfoTxt {
		margin-left: 0;
	}
	.PhotoGrapherInfo .PhotoGrapherInfoTxt p {
		font-size: 13px;
		line-height: 1.9;
	}
	
	.PhotoGrapherInfo + .PhotoCateWrap {
		border-top: 0 none;
	}
	.PhotoFlowNav li.Empty {
		border: 0 none;
	}
}

/*=======================================
写真詳細 .PhotoDetailWrap
=======================================*/
.PhotoDetailWrap {
	position: relative;
	overflow: hidden;
	padding: 0 110px;
}

.PhotoDetailFixed {
	overflow: hidden;
	position: relative;
	height: 850px;
	height: -webkit-calc(100vh - 87px);
	height: calc(100vh - 87px);
	margin-bottom: 100px;
	clip: rect(auto, auto, auto, auto);
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
}
.PhotoDetailFixed_Img {
	position: absolute;
	width: 104%;
	height: 104%;
	top: -2%;
	left: -2%;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	-webkit-filter: blur(10px);
	filter: blur(10px);
	z-index: 0;
}

.PhotoDetailTitle {
	position: relative;
	background: #fff;
	width: 640px;
	height: 384px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	z-index: 5;
}
.PhotoDetailTitle span.Detail_Photographer01 {
	display: block;
	font-size: 15px;
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	text-align: center;
}
.PhotoDetailTitle span.Detail_PhotoTitle01 {
	display: block;
	font-size: 26px;
	margin-top: 45px;
	margin-bottom: 30px;
}
.PhotoDetailTitle span.Detail_PhotoYear01 {
	display: block;
	font-size: 15px;
}
.PhotoDetailTitle .ArrowLeft,
.PhotoDetailTitle .ArrowRight {
	position: absolute;
	display: inline-block;
	width: 40px;
	height: 30px;
	vertical-align: middle;
	text-decoration: none;
	font-size: 15px;
	-webkit-transition: all 2s ease-out;
	transition: all 2s ease-out;
}
.PhotoDetailTitle .DetailSam{
	display: none;
}
@media only screen and (min-width: 1030px) {
	.PhotoDetailTitle .DetailSam{
		display: block;
	}
	.PhotoDetailTitle .ArrowLeft .DetailSam,
	.PhotoDetailTitle .ArrowRight .DetailSam {
		width: 100px;
		height: 100px;
		position: absolute;
		top: 50%;
		margin-top: -50px;
		background-repeat: no-repeat;
		background-position: center center;
		-webkit-background-size: cover;
		background-size: cover;
		-webkit-transition: all 0.3s ease-out;
		transition: all 0.3s ease-out;
		opacity: 0;
	}
	.PhotoDetailTitle .ArrowLeft .DetailSam {
		right: 70px;
		transform: perspective(500px) rotateY(-90deg);
		-webkit-transform: perspective(500px) rotateY(-90deg);
		transform-origin: 100% 50%;
		-webkit-transform-origin: 100% 50%;
	}
	.PhotoDetailTitle .ArrowRight .DetailSam {
		left: 70px;
		transform: perspective(500px) rotateY(90deg);
		-webkit-transform: perspective(500px) rotateY(90deg);
		transform-origin: 0 50%;
		-webkit-transform-origin: 0 50%;
	}

	.PhotoDetailTitle .ArrowLeft:hover .DetailSam,
	.PhotoDetailTitle .ArrowRight:hover .DetailSam {
		transform: perspective(500px) rotateY(0deg);
		-webkit-transform: perspective(500px) rotateY(0deg);
		opacity: 1;
	}
}

.PhotoDetailContainer {
	max-width: 1140px;
	width: 100%;
	margin: auto;
}
.PhotoDetailImg01 img {
	display: block;
	margin:auto;
	max-width: 100%;
}
.PhotoDetailITxt01 {
	max-width: 960px;
	margin: 50px auto auto;
}
.PhotoDetailITxt01 p {
	font-size: 20px;
	line-height: 2.3;
}

.PhotoFlowNav li a {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	height: 150px;
	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;
	color: #444;
}
.PhotoFlowNav li a:hover {
	color: #e36a5c;
	text-decoration: underline;
}
.PhotoFlowNav li a:hover::before,
.PhotoFlowNav li a:hover::after {
	-webkit-animation: arrowAnime 2s infinite;
	animation: arrowAnime 2s infinite;
}
.PhotoFlowNav li.PhotoFlowNext a:hover::before,
.PhotoFlowNav li.PhotoFlowNext a:hover::after {
	-webkit-animation: arrowAnime2 2s infinite;
	animation: arrowAnime2 2s infinite;
}
@-webkit-keyframes arrowAnime {
	0% {
		-webkit-transform: translate(0, 0);
	}
	20% {
		-webkit-transform: translate(-14px, 0);
	}
	40% {
		-webkit-transform: translate(0, 0);
	}
}
@keyframes arrowAnime {
	0% {
		transform: translate(0, 0);
	}
	20% {
		transform: translate(-14px, 0);
	}
	40% {
		transform: translate(0, 0);
	}
}
@-webkit-keyframes arrowAnime2 {
	0% {
		-webkit-transform: translate(0, 0);
	}
	20% {
		-webkit-transform: translate(14px, 0);
	}
	40% {
		-webkit-transform: translate(0, 0);
	}
}
@keyframes arrowAnime2 {
	0% {
		transform: translate(0, 0);
	}
	20% {
		transform: translate(14px, 0);
	}
	40% {
		transform: translate(0, 0);
	}
}
.PhotoFlowNav li.PhotoFlowPrev a {
	margin-right: 15px;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	padding: 0 170px 0 50px;
}
.PhotoFlowNav li.PhotoFlowNext a {
	margin-left: 15px;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	padding: 0 50px 0 170px;
}
.PhotoFlowNav li .DetailSamWrap {
	overflow: hidden;
	width: 150px;
	height: 150px;
}
.PhotoFlowNav li .DetailSam {
	display: inline-block;
	width: 150px;
	height: 150px;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	background-size: cover;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.PhotoFlowNav li a:hover .DetailSam {
	opacity: 0.8;
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.PhotoFlowNav li.PhotoFlowPrev a .DetailSamWrap {
	position: absolute;
	top: 0;
	right: 0;
}
.PhotoFlowNav li.PhotoFlowNext a .DetailSamWrap {
	position: absolute;
	top: 0;
	left: 0;
}
.PhotoFlowTxt .Detail_PhotoTitle01 {
	display: block;
	font-size: 26px;
	font-weight: 700;
	margin-bottom: 12px;
	line-height: 1.2;
}
.PhotoFlowTxt .Detail_PhotoYear01 {
	display: block;
	font-size: 15px;
	font-weight: 500;
}
.PhotoFlowNav li.PhotoFlowPrev a .Detail_PhotoTitle01,
.PhotoFlowNav li.PhotoFlowPrev a .Detail_PhotoYear01 {
	text-align: right;
}
.PhotoFlowNav li.PhotoFlowNext a .Detail_PhotoTitle01,
.PhotoFlowNav li.PhotoFlowNext a .Detail_PhotoYear01 {
	text-align: left;
}

/*--- ページスクロールアニメ ---*/
.PhotoDetailFixed .PhotoDetailTitle .PageScrolldown{
	position: absolute;
	z-index: 1;
	bottom: 15px;
	left: 50%;
	overflow: hidden;
	width: 1px;
	height: 70px;
	-webkit-transition: opacity .3s ease-out;
	transition: opacity .3s ease-out;
	-webkit-transform: translate(-50%,0);
	transform: translate(-50%,0);
	opacity: 0;
	-webkit-transition-delay: 1.5s;
	transition-delay: 1.5s;
	opacity: 1;
}
.PhotoDetailFixed .PhotoDetailTitle .PageScrolldown::after{
	display: block;
	width: 2px;
	height: 70px;
	content: "";
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
	-webkit-animation: scrolldown 1.5s infinite;
	animation: scrolldown 1.5s infinite;
	background-color: #000;
}
@keyframes scrolldown {
	0% {
		transform: translateY(-100%);
	}
	100% {
		transform: translateY(100%);
	}
}
@-webkit-keyframes scrolldown {
	0% {
		-webkit-transform: translateY(-100%);
	}
	100% {
		-webkit-transform: translateY(100%);
	}
}

@media only screen and (min-width: 781px) {
	.PhotoDetailBack {
		width: 110px;
		position: fixed;
		left: 0;
		top: 110px;
		bottom: 110px;
	}
	.PhotoDetailBack a {
		display: block;
		position: absolute;
		top: 10%;
		left: 48%;
		color: #444;
		font-size: 15px;
		white-space: nowrap;
		overflow: hidden;
		transform: translateX(-50%) translateY(-50%) rotate(-90deg);
		-webkit-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
	}
	.PhotoDetailBack.NoFixed {
		width: 110px;
		position: absolute;
		left: 0;
		top: 0px;
		bottom: 0px;
	}
	.PhotoDetailBack.NoFixed a {
		display: block;
		position: absolute;
		top: auto;
		left: 48%;
		bottom: 610px;
	}

	.PhotoDetailTitle .ArrowLeft::before,
	.PhotoDetailTitle .ArrowRight::before,
	.PhotoDetailTitle .ArrowLeft::after,
	.PhotoDetailTitle .ArrowRight::after,
	.PhotoFlowPrev a::before,
	.PhotoFlowNext a::before,
	.PhotoFlowPrev a::after,
	.PhotoFlowNext a::after{
		content: "";
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		margin: auto;
		vertical-align: middle;
		-webkit-transition: all 0.4s ease-out;
		transition: all 0.4s ease-out;
	}
	.PhotoDetailTitle .ArrowLeft::before,
	.PhotoFlowPrev a::before {
		right: auto;
		left: -5px;
		width: 6px;
		height: 6px;
		border: 6px solid transparent;
		border-left: 0 solid transparent;
		border-right: 10px solid #444;
		transform: translate(0, 0);
	}
	.PhotoDetailTitle .ArrowLeft::after,
	.PhotoFlowPrev a::after {
		left: 2px;
		right: auto;
		width: 6px;
		height: 1px;
		border-right: 36px solid #444;
		transform: translate(0, 0);
	}
	.PhotoDetailTitle .ArrowRight::before,
	.PhotoFlowNext a::before {
		left: auto;
		right: -5px;
		width: 6px;
		height: 6px;
		border: 6px solid transparent;
		border-right: 0 solid transparent;
		border-left: 10px solid #444;
		transform: translate(0, 0);
	}
	.PhotoDetailTitle .ArrowRight::after,
	.PhotoFlowNext a::after {
		right: 2px;
		left: auto;
		width: 6px;
		height: 1px;
		border-left: 36px solid #444;
		transform: translate(0, 0);
	}
	.PhotoDetailTitle .ArrowLeft:hover::before,
	.PhotoDetailTitle .ArrowLeft:hover::after {
		transform: translate(-6px, 0);
	}
	.PhotoDetailTitle .ArrowRight:hover::before,
	.PhotoDetailTitle .ArrowRight:hover::after {
		transform: translate(6px, 0);
	}
	.PhotoDetailTitle .ArrowLeft {
		top: 50%;
		left: 56px;
		margin-top: -15px;
	}
	.PhotoDetailTitle .ArrowRight {
		top: 50%;
		right: 56px;
		margin-top: -15px;
	}

	.PhotoFlowNav {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between;
		margin-top: 72px;
	}
	.PhotoFlowNav li {
		width: 50%;
	}

	.PhotoFlowNav li.PhotoFlowPrev a {
		margin-right: 15px;
		-webkit-box-pack: end;
		-webkit-justify-content: flex-end;
		-ms-flex-pack: end;
		justify-content: flex-end;
		padding: 0 170px 0 50px;
	}
	.PhotoFlowNav li.PhotoFlowNext a {
		margin-left: 15px;
		-webkit-box-pack: start;
		-webkit-justify-content: flex-start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		padding: 0 50px 0 170px;
	}
}
@media only screen and (max-width: 780px) {
	.PhotoDetailWrap {
		padding: 0;
		background: #fff;
	}
	.PhotoDetailBack {
		background: #222;
	}
	.PhotoDetailBack {
		width: 100%;
		position: static;
		left: 0;
		top: 0;
		background: #222;
		text-align: center;
	}
	.PhotoDetailBack a {
		display: inline-block;
		color: #fff;
		font-size: 20px;
		padding: 12px 0 12px 38px;
		white-space: nowrap;
		text-align: center;
		position: relative;
	}
	.PhotoDetailBack a::before {
		content: "";
		display: inline-block;
		width: 28px;
		height: 26px;
		background: url(../img/Icon_home01.png) no-repeat center center;
		-webkit-background-size: contain;
		background-size: contain;
		position: absolute;
		top: 50%;
		left: 0;
		margin-top: -14px;
	}


	.PhotoDetailFixed {
		position: relative;
		height: 516px;
		height: -webkit-calc(100vh - 156px);
		height: calc(100vh - 156px);
		margin: 0 20px 64px;
	}

	.PhotoDetailFixed_Img {
		background-attachment: scroll;
	}
	.PhotoDetailTitle {
		width: auto;
		height: 396px;
		height: -webkit-calc(100vh - 276px);
		height: calc(100vh - 276px);
		margin: 60px 20px;
		flex: 1;
	}
	.PhotoDetailTitle .ArrowLeft {
		bottom: 30px;
		left: 20px;
	}
	.PhotoDetailTitle .ArrowRight {
		bottom: 30px;
		right: 20px;
	}
	.PhotoDetailTitle span.Detail_PhotoTitle01 {
		font-size: 20px;
		margin-top: 6px;
		margin-bottom: 6px;
	}
	.PhotoDetailITxt01 {
		margin: 50px 20px auto;
	}
	.PhotoDetailITxt01 p {
		font-size: 16px;
		line-height: 1.8;
	}
	.SnsBtnArea {
		width: auto;
		margin: 50px auto;
	}


	.PhotoDetailTitle .ArrowLeft::before,
	.PhotoDetailTitle .ArrowRight::before,
	.PhotoDetailTitle .ArrowLeft::after,
	.PhotoDetailTitle .ArrowRight::after,
	.PhotoFlowPrev a::before,
	.PhotoFlowNext a::before,
	.PhotoFlowPrev a::after,
	.PhotoFlowNext a::after{
		content: "";
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		margin: auto;
		vertical-align: middle;
	}
	.PhotoDetailTitle .ArrowLeft::before,
	.PhotoFlowPrev a::before {
		right: auto;
		left: -5px;
		width: 6px;
		height: 6px;
		border: 4px solid transparent;
		border-left: 0 solid transparent;
		border-right: 5px solid #444;
		transform: translate(0, 0);
	}
	.PhotoDetailTitle .ArrowLeft::after,
	.PhotoFlowPrev a::after {
		left: 2px;
		right: auto;
		width: 6px;
		height: 1px;
		border-right: 26px solid #444;
		transform: translate(0, 0);
	}
	.PhotoDetailTitle .ArrowRight::before,
	.PhotoFlowNext a::before {
		left: auto;
		right: -5px;
		width: 6px;
		height: 6px;
		border: 4px solid transparent;
		border-right: 0 solid transparent;
		border-left: 5px solid #444;
		transform: translate(0, 0);
	}
	.PhotoDetailTitle .ArrowRight::after,
	.PhotoFlowNext a::after {
		right: 2px;
		left: auto;
		width: 6px;
		height: 1px;
		border-left: 26px solid #444;
		transform: translate(0, 0);
	}
	.PhotoFlowPrev a::before {
		left: 15px;
	}
	.PhotoFlowPrev a::after {
		left: 18px;
		top: 1px;
	}
	.PhotoFlowNext a::before {
		right: 15px;
	}
	.PhotoFlowNext a::after {
		right: 18px;
		top: 1px;
	}

	.PhotoFlowNav {
		border-top: 1px solid #dedede;
	}
	.PhotoFlowNav li {
		border-bottom: 1px solid #dedede;
	}
	.PhotoFlowNav li .DetailSamWrap {
		overflow: hidden;
		width: 130px;
		height: 130px;
	}
	.PhotoFlowNav li .DetailSam {
		display: inline-block;
		width: 130px;
		height: 130px;
		background-repeat: no-repeat;
		background-position: center center;
		-webkit-background-size: cover;
		background-size: cover;
		-webkit-transition: all 0.3s ease-out;
		transition: all 0.3s ease-out;
	}
	
	.PhotoFlowNav li.PhotoFlowPrev a {
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
		padding: 0 0 0 200px;
		margin: 0;
	}
	.PhotoFlowNav li.PhotoFlowNext a {
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
		padding: 0 200px 0 0;
		margin: 0;
	}
	.PhotoFlowNav li.PhotoFlowPrev a .DetailSamWrap {
		top: 10px;
		left: 67px;
		right: auto;
	}
	.PhotoFlowNav li.PhotoFlowNext a .DetailSamWrap {
		top: 10px;
		left: auto;
		right: 67px;
	}
	.PhotoFlowNav li.PhotoFlowPrev a .Detail_PhotoTitle01,
	.PhotoFlowNav li.PhotoFlowNext a .Detail_PhotoTitle01 {
		font-size: 16px;
		text-align: center;
		margin-bottom: 6px;
		line-height: 1.3;
	}
	.PhotoFlowNav li.PhotoFlowPrev a .Detail_PhotoYear01,
	.PhotoFlowNav li.PhotoFlowNext a .Detail_PhotoYear01 {
		font-size: 12px;
		text-align: center;
	}
}
@media only screen and (max-width: 330px) { /* SE */
	.PhotoFlowNav li a {
		height: 120px;
	}
	.PhotoFlowNav li .DetailSamWrap {
		width: 100px;
		height: 100px;
	}
	.PhotoFlowNav li.PhotoFlowPrev a .DetailSamWrap {
		left: 58px;
	}
	.PhotoFlowNav li.PhotoFlowNext a .DetailSamWrap {
		right: 58px;
	}
	.PhotoFlowNav li.PhotoFlowPrev a {
		padding: 0 0 0 170px;
	}
	.PhotoFlowNav li.PhotoFlowNext a {
		padding: 0 170px 0 0;
	}
	.PhotoFlowNav li .DetailSam {
		width: 100px;
		height: 100px;
	}
}



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

}
@media only screen and (max-width: 330px) { /* SE */

}