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


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

.title                  { font-size: 36px; line-height: 1.2; font-weight: bold; margin: 5px 0 15px 0; }
.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; border-bottom:dotted 1px #CCC; padding:0 0 10px 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: 18px; line-height: 1.3; border-left-width: 8px; border-left-color: #C00; }
.context                { overflow: hidden }
.context p              { font-size: 15px; line-height: 1.7; margin: 0px 0px 20px; overflow: hidden; }
.intro-photo            { overflow: hidden;}
p.ph-caption            { margin: 5px 0 0; overflow: hidden; }
p.ph-caption .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;
}
.row                    { float: left }
.row:nth-of-type(1)     { width: 250px }
.row:nth-of-type(2)     { width: 670px; padding: 0px 10px; }

.profile_logo           { width: 250px }
.profile_logo           { width: 250px }
.profile_name           { font-size: 16px; font-weight: bold; }
.profile_intro          { font-size: 13px; line-height: 1.5; font-weight: normal; margin:5px 0 0 0; }
.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 ); }
.boxmidashi            { border-bottom: 1px solid #333; font-size: 16px; line-height: 1; margin: 10px 0; padding-bottom: 5px; display: block; }
.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:15px 0;  }
.galleryview           { padding-bottom: 20px }
.panel img             { border-right: 1px solid #000; width: 948px; }
.photo_number          { background-color: #cc0000; color: #ffffff; margin-right: 5px; padding: 2px 5px; }

.fblikebox             { background:#F5F5F5; text-align:center; padding:10px;}

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


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

.broslink a{ border:1px solid #F90;margin:5px 0; display:block; padding:10px; text-align:center; font-size:15px; color:#111 !important; font-weight:bold;border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #feae31), color-stop(0.00, #efe457)); background: -webkit-linear-gradient(top, #efe457 0%, #feae31 100%); background: -moz-linear-gradient(top, #efe457 0%, #feae31 100%); background: -o-linear-gradient(top, #efe457 0%, #feae31 100%); background: -ms-linear-gradient(top, #efe457 0%, #feae31 100%); background: linear-gradient(top, #efe457 0%, #feae31 100%); text-decoration:none;}