@charset "utf-8";
/* CSS Document */





/*****************************************************************************
conMainSectTitle3
 *****************************************************************************/


 .conMainSectTitle3 {
	clear:both;
	margin:-20px 0 15px;
	padding:0 0 0px;
	background:url(/share/images/bdrRd.png) 0 100% repeat-x;
	text-align:center;
	line-height:1.3;
/*****************************************************************************
タイトルが長い場合使用するcss
 *****************************************************************************/
	display: flex;
    flex-direction: column;
    padding-bottom: 20px; 
}
.conMainSectTitle3 .text {
	font-size:2.4em;
	color:#880c12;
	display: inline;
}
.conMainSectTitle3 .sub {
	font-size:1.2em;
	color:#880c12;
	display: inline;
}


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

.conMainSectTitle3 .text,
.conMainSectTitle3 .sub {
	display: block;
}

}










/*****************************************************************************
caution
 *****************************************************************************/


.caution {
	text-align:center;
	color:#ff0000;
	margin:0 0 1.5em;
}
.caution .date{
	color:#ff0000;
	margin:0 0 0.5em;
}
.caution .forbid {
	background:#ff0000;
	color:#ffffff;
	padding:0 20px;
	display: -moz-inline-box;
	display: inline-block;
	/display: inline;
	/zoom: 1;
}
.phLead1 {
	margin:0 0 1.5em;
}
.phLead2 {
	border:3px solid #dddddd;
	background:#ffffff;
	padding:15px;
	margin:0 0 1.5em;
}
.phLead2 dl {
	margin: 0 0 20px;
}
.phLead2 dt {
	margin: 0 0 0;
}

.listHeader {
	margin:0 0 1em;
}
.listHeader .caution {
	float:left;
}
.listHeader .pageNo {
	float:right;
	text-align:right;
	line-height:1.4;
}
.listHeader .pageNo .no span {
	font-size:1.6em;
	font-family:Arial, Helvetica, sans-serif;
}


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

.listHeader .caution {
	float:none;
	text-align:center;
}
.listHeader .pageNo {
	float:none;
	text-align:center;
}


.phLead2.btm {
	margin:0 8px 1.5em;
}

}








/*****************************************************************************
photographNav
 *****************************************************************************/
 
.photographNav  {
	border-top:1px solid #dddddd;
	padding:20px 0 0;
}
.photographNav ul  {
	padding:1px 0 0 1px;
}
.photographNav li {
	float:left;
	width:50%;
	margin: -1px 0 0 -1px;
}
.photographNav li a {
	display:block;
	color:#333333;
	text-decoration:none;
}
.photographNav li a {
	padding:0 13px 0;
	border:1px solid #c9beb8;
	background:url(../../share/images/icon/iconGo8.png) 97% 50% no-repeat rgba(124,100,88,0.15);
	line-height:2.4em;
}
.photographNav li.sl a,
.photographNav li a:hover {
	background:#11a28f;
	color:#ffffff;
}
.photographNav li a:hover {
	background:url(../../share/images/icon/iconGo7.png) 97% 50% no-repeat #11a28f;
	color:#ffffff;
}



.btmLink2Top {
	text-align:center;
}


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

.photographNav li {
	float:none;
	width:auto;
}

}










/*****************************************************************************
photoblock
 *****************************************************************************/

.photoblockOuter {
	clear:both;
	overflow:hidden;
	margin:0 0 30px;
}
.photoblock {
	width:110%;
}
.photoblock p {
	/*float:left;*/
		display: -moz-inline-box;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	vertical-align:middle;
	width:213px;
	margin:0 15px 15px 0;
	text-align:center;
}
.photoblock p img {
	width:100%;
	height:auto;
}
.photoblock p.vPhoto img {
	width:60%;
}
.photoblock p a,
.photoblock p span{
	display:block;
	color:#333333;
}

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

.photoblock {
	width:auto;
}
.photoblock p {
	width:auto;
	margin:0 0 15px 0;
	text-align:center;
}

}