@charset "UTF-8";


.cke_editable .uk-imgbox,
.cke_editable .slide .slide-inside,
.cke_editable .slide>.inside{
	outline:1px dotted #CCCCCC;
	min-height:50px;
	padding:1px;
}

/***************************** 
*
* レイアウト
* 
**************************** */

.blog-container,
.blod-container *{
	box-sizing:border-box;
  word-wrap : break-word;
  overflow-wrap : break-word;
}
.blog-container h3{
	color:initial;
	background:initial;
}

.blog-container table{
	border-collapse: collapse;
}
.blog-container table td,
.blog-container table th{
	padding:0;
}


/***************************** 
*
*  記事一覧・詳細共通
*
*****************************/

.meta{
  vertical-align: middle;
	margin-top:20px;
	margin-bottom:20px;
}



/***************************** 
*
*  記事一覧
*
*****************************/

.blog-index .post,
.blog-archives .post{
  margin-bottom:20px;
  border-bottom: 1px solid #CCCCCC;
}

.blog-container h3.post-title{
	background:transparent;
	font-size:120%;
}

/* 一覧用アイキャッチ */
.blog-index a.img-eye-catch,
.blog-archives a.img-eye-catch{
  float:left;
  margin-right:20px;
  width:200px;
  display:block;
}
a.img-eye-catch img,
img.img-eye-catch{
	max-width:100%;
}

@media only screen and (max-width : 600px) {
  .blog-index a.img-eye-catch,
  .blog-archives a.img-eye-catch{
    float:left;
    margin-right:10px;
    width:60px;
    display:block;
  }
}
.blog-index .post-date::before,
.blog-archives .post-date::before,
.blog-single .post-date::before{
  content:"\f073";
  font-family: fontAwesome;
  letter-spacing:.5em;
} 

.blog-index .meta,
.blog-archives .meta{
  margin-bottom:10px;
}

.blog-index .meta p,
.blog-archives .meta p{
  font-size:80%;
  margin-bottom:0;
  margin-top:0;
}


.blog-index .post-more,
.blog-archives .post-more{
	text-align:right;
}


/***************************** 
*
* 記事詳細
*
*****************************/

.blog-single .post-title{
  font-size:1.8rem;
  font-weight:bold;
  margin-bottom:2rem;
}

.blog-single .post-body{
  overflow:hidden;
}
.blog-single .img-eye-catch {
  float:left;
  margin-right:20px;
  display:block;
  max-width:33%;
  margin-bottom:2rem;
}

img.img-eye-catch{
	max-width:100%;
}


@media only screen and (max-width : 600px) {
  .blog-single a.img-eye-catch {
    float:none;
    margin-right:10px;
    width:100%;
    max-width:100%;
  }
}

.blog-single #post-detail {
  margin-top:2rem;
  clear:both;
}

/* ==========================
詳細へのリンク
==========================*/
.blog-index .more ,
.blog-archives .more {
  text-align:right;
}
.blog-index .more a,
.blog-archives .more a{
  text-decoration:none;
  font-size:1.3rem;
  font-weight:bold;
  padding:.2em .5em;
  text-shadow: 0 0 1px rgba(255,255,255,0.9);
  display:inline-block;
  outline:1px solid #A8A8A8;
  border:1px solid #FFFFFF;
	background: #EEEEEE!important;
	background: -moz-linear-gradient(top, #FFFFFF 50%, #EEEEEE 51%)!important; /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #FFFFFF 50%, #EEEEEE 51%)!important; /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #FFFFFF 50%, #EEEEEE 51%)!important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#EEEEEE', GradientType=0 )!important; /* IE6-9 */
}
.blog-index .more a:hover,
.blog-archives .more a:hover{
  opacity:0.8;
}


/* =========================
　ページネーション
========================== */
.bc-pagination,
.blog-single .post-navi{
  /*font-size:1.6rem;*/
  border-top:1px solid #CCCCCC;
  padding-top:30px;
  margin-top:30px;
  margin-bottom:30px;
  text-align:center;
}

.bc-pagination span,
.blog-single .post-navi span {
  height:2em;
}

.bc-pagination .number,
.blog-single .post-navi .number {
  display:inline-block;
  width:2em;
  height:2em;
  margin-left:6px;
  margin-right:6px;
  border:1px solid #CCCCCC;
}

.bc-pagination span a,
.blog-single .post-navi span a{
  width:100%;
  padding-left: .5em;
  padding-right: .5em;
  
}
.bc-pagination .current{
  font-weight:bold;
}