#contents #headline{background: url('/blog/uploads/blog-bg.jpg') no-repeat top center;background-size: cover;padding: 100px 0;margin-bottom: 60px;}
#contents #headline h1{text-align: center;/*color:#fff;*/margin-top: 0;padding:5px 0 20px;}
#contents #headline h1 a{/*color:#fff;*/}
#contents #headline p{text-align: center;/*color:#fff;*/margin-top: 0;/* */color:#015EAC;margin: 0;}
.col8{float:none;margin: 0 auto;}
#contents .asset{margin-bottom: 60px;}
#contents .asset h2.entry-title{font-size: 180%;}
#contents .asset h2.entry-title a{color:#333;}
#contents .asset img{max-width: 100%;}
.asset-meta{font-size: 85%;color: #666;margin-bottom: 30px;}
#contents .asset-meta a{color: #666;text-decoration: none;}
.camtopi-mini{margin-bottom: 30px;}

/* リスト */
#contents #blog-list h2{margin-bottom: 1em;}
#contents #blog-list ul {margin: 0;}
#contents #blog-list li {list-style:none}
#contents #blog-list li span.date{width:9em;display: inline-block;margin:0;}

/* 詳細 */
.blog-detail #nav-next-prev{margin-bottom: 80px;}
.blog-detail #nav-next-prev ul {margin: 0;}
.blog-detail #nav-next-prev li {list-style:none;box-sizing:border-box;font-size: 90%;margin-bottom:10px;}
.blog-detail #nav-next-prev li a{text-decoration: none;border-radius: 5px;background:#025EAC;padding:0.8em 1em;color:#fff;display: inline-block;}
.blog-detail #nav-next-prev li.nav-next{float: left;text-align: left;width: 33.333%;}
.blog-detail #nav-next-prev li.nav-prev{float: right;text-align: right;width: 33.333%;}
.blog-detail #nav-next-prev li.nav-top{text-align:center;}

/* トップ2 */
.blog-top2 #contents .box{cursor: pointer;
background: #fff;
padding: 20px 20px 10px;
float: left;
border: 1px solid #F1F7FB;
box-sizing: border-box;
position: relative;
width:25%;}
.blog-top2 #contents .box img{background: #f9f9f9;
margin-bottom: 5px;
max-width: 100%;
height: auto !important;}
.blog-top2 #contents .date{text-shadow: 0 2px 2px rgba(0,0,0,0.2);
text-align: right;
color: #fff;
margin-top: -2.2em;
display: block;
z-index: 1000;
width: 98%;}
.blog-top2 #contents .box h3{
  margin: 0;
font-size: 95%;
font-weight: normal;
line-height: 1.4;
text-shadow: none;}
.blog-top2 #contents .box .bid{margin: 0 0 0.3em;font-size:75%;line-height:1.4;color:#015EAC;}
.blog-top2 #contents .box p{display:none;}
@media screen and (min-width: 768px) {
  #contents .box{width:25%;position: relative;}
  .popup{background:#fff;border:1px solid #F1F7FB;box-shadow: 0 0 6px rgba(0,0,0,0.6);display:block;position:absolute;z-index:9999;top:-20px;left:-30px;}
  #contents .popup img{width:298px !important;}
  #contents .box .popup h3, #contents .box .popup p{padding:0 12px;}
  #contents .box .popup .bid{margin-bottom: 0;padding:8px 15px;background: #015EAC;color:#fff;font-size: 90%;}
  #contents .bid-10 .popup .bid{background:#6CC9E5;}
  #contents .bid-12 .popup .bid{background:#F7AA52;}
  #contents .bid-13 .popup .bid{background:#ED7B86;}
  #contents .bid-15 .popup .bid{background:#9DC44A;}
  #contents .bid-14 .popup .bid{background:#59ABC7;}

  #contents .box .popup .bid i{font-size: 150%;float: right;}
  #contents .box .popup p {
    display: block !important;
    font-size: 14px;
    line-height: 1.4;
    position: relative;
  }
}

@media screen and (max-width: 520px) {
#contents #blog-list li{margin-bottom:1em;}
  #contents #blog-list li span.date{display: block;}
}