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


#container              { width: 950px; float:none;}

/************************************/
.main {
	position: relative;
	height: 600px;
}
.title {
	position: absolute;
	color: #FFF;
	font-weight: bold;
	bottom: 15px;
	left: 15px;
	font-size: 46px;
	line-height: 1.2;
}

.main-title      { font-size:48px; line-height:1.2; color:#333}



.mark {
	position: absolute;
	left: 20px;
	top: 20px;
}
 .icon-pr {
	position: absolute;
	right: 20px;
	top: 20px;
}


.contents_detail        { margin: 15px 0 }
.contents_detail:after  { content: ""; clear: both; height: 0; display: block; visibility: hidden; }

.credit                 { display: -webkit-flex; display:flex; -webkit-justify-content: space-between; justify-content: space-between;font-size:11px; padding:0 0 10px 0; margin:10px 0 0 0; }
.staffRoll              { display:block}
.postDate               { display:block; text-align:right;}

.leadintro              { background: #F5F5F5; padding: 20px; font-size: 15px; line-height: 1.5; font-weight: bold; border: 1px solid #CCC; margin: 1em 0px; }

h2.midashi              { font-size: 24px; line-height: 1.45; border-left-width: 8px; border-left-color: #C00; }
h3.midashi              { font-size: 18px; line-height: 1.3; border-left-width: 8px; border-left-color: #C00; }

.context                { overflow: hidden }
.context p              {
	font-size: 16px;
	line-height: 1.6;
	margin: 0px 0px 20px;
	overflow: hidden;
}

p.photog-cap            { font-size: 12.5px; line-height: 1.5;}
.intro-photo            { width:400px; }

.block-right            { float: right; margin-left:  20px; }
.block-left             { float: left;  margin-right: 20px; }

p.ph-caption {
    margin: 5px 0 0;
    overflow: hidden;
}

.photo_number  {
    background-color: #cc0000;
    color: #ffffff; 
    padding: 2px 5px; 
    display: block; 
    text-align: center; 
    margin: 2px 10px 0 0; 
    overflow: hidden; 
    float: left;
}



.point                  {
    font-size: 16px;
    line-height: 1;
    margin-bottom: 10px;
    display: block;
    color: #FFF;
    background: #333;
    padding: 12px;
}

.profile_logo           { width: 250px }
.profile_name           { font-size: 16px; font-weight: bold; }
.profile_intro          { font-size: 13px; line-height: 1.5; font-weight: normal; }
.buttonLink             { display: block; font-size: 16px; line-height: 1; font-weight: bold; padding: 15px; background: #CCC; border-radius: 6px; margin: 20px 0 0 0; border: solid 1px #CCCCCC; text-decoration: none; color: #333; background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%); background: -webkit-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); background: linear-gradient(to bottom, #ffffff 0%,#f6f6f6 47%,#ededed 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); }

.recommendpost:after   { content: ""; clear: both; height: 0; display: block; visibility: hidden; }
.recommendpost li      { float: left; width: 475px; font-size: 16px; line-height: 1.3; font-weight: bold:; }
.recommendpost a:after { content: ""; clear: both; height: 0; display: block; visibility: hidden; }
.recommendpost a       { display: block; text-decoration: none; }
.recommendpost a:hover { text-decoration: none }
.recommendpost .ArchivesPhoto { float: left; width: 230px; }
.iconArchives          { display: inline-block; background: #333; color: #FFF; text-align: center; font-size: 11px; padding: 2px 4px; width: 4.5em; margin: 0 0 10px 0; }
.upDate                { font-size: 11px; color: #999; font-weight: normal; }

#photo_topicsbox       { clear: both; margin-bottom: 130px; width: 950px; padding:0;  }
.galleryview           { padding-bottom: 20px }
.panel img             { border-right: 1px solid #000; width: 948px; }


.fblikebox             { background:#F5F5F5;}

.snsArea               { display: -webkit-flex; display:flex; -webkit-justify-content: flex-end;justify-content:flex-end;  margin: 10px 0}
.fb-like               {}
.twitter               { margin-left:10px;}

#photo_topicsbox #photo_topicsbox_l {
    width: 950px !important;
    float: none  !important;
    margin-right: 0 !important;
    height: 660px;
}

.galleryview {
    padding-bottom: 20px;
}



.boxmidashi {
    text-align: left;
    font-size: 18px;
    font-weight: bold;
    color: #FFF;
    padding: 10px;
    margin: 0px 0px 10px;
    background: #45484d; /* Old browsers */
    background: -moz-linear-gradient(top,  #45484d 0%, #000000 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#000000)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #45484d 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #45484d 0%,#000000 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #45484d 0%,#000000 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #45484d 0%,#000000 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}

.captionText12  { font-size:12px; line-height:1.3;} 
.captionText13  { font-size:13px; line-height:1.4;}
.captionText14  { font-size:14px; line-height:1.5;}
.captionText15  { font-size:15px; line-height:1.5;}
.captionText16  { font-size:16px; line-height:1.5;}


.mt-5           { margin-top:5px;}
.mt-10          { margin-top:10px;}
.mt-20          { margin-top:20px;}
.mt-40          { margin-top:40px;}
.mr-20          { margin-right:20px;}
.ml-20          { margin-left:20px;}


.broslink       { font-size:18px; font-weight: bold; margin-top:20px; }
.broslink a     { display:block; text-align:center; border: solid 5px #666; padding:15px; }


.flex-container {
	display: -ms-flexbox; /* IE10 */
	display: -webkit-box; /* Safari6.0 */
	display: -webkit-flex; /* Safari6.1+ */
	display: flex;
	-ms-justify-content: space-between; /* IE10 */
	-webkit-justify-content: space-between; /* Safari 6.1+ */
	justify-content: space-between;
	padding: 15px;
	border: 1px solid #333;
}




.next { border: 5px solid #CCC; margin-bottom: 20px; padding: 22px 15px 20px 15px; text-align: center;font-size: 18px; font-weight: bold;margin-top:20px;}


.exlink li {
	display: inline-block;
	width: 33%;
	font-size: 16px;
	line-height: 1.3;
}


.fblikebox {
	text-align: center;
	background-color: #EEE;
	padding: 10px;
	clear:both;
}