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



#container {
    width: 950px;
    margin: 0px auto;
}

#container:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

.context img            { vertical-align: middle;}


/* メイン画像*/
.main                   { margin:0 0 5px 0;}


/* スタッフクレジット*/
.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: 15px; font-size: 15px; line-height: 1.5; font-weight: bold; border: 1px solid #CCC; margin:1em 0px; text-align:left }

/* 本文*/
.context                { font-size:16px; line-height:1.7;}

p                       { margin:0 0 1em 0;}



/* スライド*/
#photo_topicsbox       { clear: both; margin-bottom: 0px; 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; }


p.ph-caption            { margin: 5px 0 0; overflow: hidden; font-size:13px; }
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; }


.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 */
}

.button         { width:50%; }
.button a       { display:block; text-align:center; text-decoration:none; color:#333; padding:5px 10px; border:solid 1px #CCC;}
.button a       {
    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 );
}

.h2             { font-size:20px; line-height:1.3; font-weight:bold; margin: 1em 0; padding:0 0 0 10px; border-left: solid 10px #CC0000;  }
.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;}
.mr-20          { margin-right:20px;}
.ml-20          { margin-left:20px;}


.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;
}

.flexitem {
    display:block;
    border-radius:6px;
    background:#CCC;
    text-decoration:none;
    color:#333;
    font-size:14px;
    font-weight:bold;
    padding:15px 0;
    width:33%;
    text-align:center;
    margin-bottom:1em;
    background: #ffd65e;
    background: -moz-linear-gradient(top, #ffd65e 0%, #febf04 100%);
    background: -webkit-linear-gradient(top, #ffd65e 0%,#febf04 100%);
    background: linear-gradient(to bottom, #ffd65e 0%,#febf04 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd65e', endColorstr='#febf04',GradientType=0 );
    /* box-shadow */
    box-shadow:0px 3px 3px 0px #dadada;
    -moz-box-shadow:0px 3px 3px 0px #dadada;
    -webkit-box-shadow:0px 3px 3px 0px #dadada;

}

.flex-item {}




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

.snsArea               {
	display:-ms-flexbox; /* IE10 */
	display: -webkit-box;
	display: -webkit-flex;
	display:flex;

	-ms-justify-content: flex-end;; /* IE10 */
	-webkit-justify-content:/* Safari */
	flex-end;justify-content:flex-end;

	 margin: 10px 0
 }
.twitter               { margin:5px 0 0 10px;}



/*Safariだけに適用されるCSSハック*/
@media screen and (-webkit-min-device-pixel-ratio:0) {

  ::i-block-chrome, .flex-container:after  {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
  ::i-block-chrome, .flex-item { display:inlein-block; }
  ::i-block-chrome, a.flexitem { display:block; float:left; width:33%;}

  ::i-block-chrome, .w400      { width: 400px;}
  
}