@charset "utf-8";
/* ブログ */
/* ------------------------------------------------------- */
#blog-list-wrap {
  float: left;
  width: 67%;
}

#side {
  float: right;
  width: 30%;
}

#blog-list-wrap dl {
  border-bottom: #cfcfcf 1px solid;
  margin-bottom: 25px;
  padding: 0 0 25px;
}

#blog-list-wrap dt {
  float: left;
  width: 20%;
}

#blog-list-wrap dd {
  float: right;
  padding: 0 0 0 2em;
  width: 80%;
}

.date {
  margin: 0 0 10px;
}

.cate {
  background: #1e65af;
  color: #fff;
  display: inline-block;
  font-size: .8em;
  line-height: 1;
  margin-left: 1em;
  padding: 5px 20px;
}

#blog-list-wrap h3 {
  border: none;
  font-size: 1.2em;
  font-weight: bold;
  margin: 0 0 5px;
  padding: 0;
}

#blog-list-wrap p a {
  
}

.read-more a {
  text-decoration: underline;
}


/* サイド ------------------------------------*/
#side .widget{
  padding-bottom: 3em;
}

#side .widget-title{
  color: #050505;
  display: table;
  font-size: 140%;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 100%;
  margin-bottom: 15px;
  padding: 0;
  text-align: center;
  text-transform: none;
  white-space: nowrap;
}

#side .widget-title:after,
.widget-title:before{
  background: -moz-linear-gradient(left, currentColor, transparent);
  background: -webkit-gradient(linear, left 11px, left bottom, from(transparent), currentColor 11px,to(transparent 12px));
  background: linear-gradient(transparent 11px, currentColor 11px, transparent 12px);
  -webkit-background-clip: padding;background-clip: padding;
  color: #989898;
  content: '';
  display: table-cell;
  width: 50%;
}

#side .widget-title:after{
  border-left: 2em solid #fff;
}

#side .widget-title:before{
  border-right: 2em solid #fff;
}

#side ul{
  background:#fff;
  padding: 0 20px;
}

#side ul li{
  border: none;
  border-bottom: 1px #cfcfcf solid;
  font-size: 100%;
  line-height: 150%;
  padding: 0.5em 0;
}

#side ul li a{
  box-shadow: none;
  color: #050505;
  display: block;
  padding: 5px;
  -webkit-transition: all 0.75s ease;
  -moz-transition: all 0.75s ease;
  -o-transition: all 0.75s ease;
  transition: all  0.75s ease;
}

#side select {
  background: #1e65af;
  border: none;
  color: #fff;
  padding: 5px;
  text-align: center;
  width: 100%;
}

/* ページナビ -------------------------------*/
.wp-pagenavi {
  clear: both;
  text-align: center;
}

.wp-pagenavi a, .wp-pagenavi span {
  border: 1px solid #ddd;
  padding: 3px 5px;
  margin: 2px;
}

.wp-pagenavi a:hover,
.wp-pagenavi span.current {
  background: #1e65af;
  border-color: #ddd;
  color: #fff;
}

.wp-pagenavi span.current {
  font-weight: bold;
}

/* ブログ詳細 --------------------------------*/

.note {
  border-bottom: 1px #cfcfcf solid;
  margin: 0 0 25px;
  padding: 0 0 25px;
}

/*
.single_cont_box {
  border-bottom: 1px #ddd solid;
  width: 100%;
}

.single_cont_box .note {
  padding: 30px 10px;
}

.single_cont_box .note p {
  margin: 0 0 10px;
}

.single_cont_box .note p:last-child {
  margin: 0;
}

.single_cont_box .image {
  border: 2px #c9b78e solid;
}

.single_cont_box h4 {
  margin: 0;
}
*/



/* 前後リンク ---------------------------------*/
#prev-next {
  border-bottom: 1px #cfcfcf solid;
  margin-bottom: 25px;
  padding: 0 0 25px;
}

#prev-next .bt {
  float: left;
  width: 48%;
}

#prev-next .bt:nth-child(even) {
  float: right;
}

#prev-next .bt a{
  display: block;
}

#prev-next .bt .thumb {
  float: left;
  width: 30%;
}

#prev-next .bt:nth-child(even) .thumb {
  float: right;
}

#prev-next .bt .txt {
  float: left;
  padding: 1em;
  width: 70%;
}

#prev-next .bt:nth-child(even) .txt {
  text-align: right;
}

/* ------------------------------------------------------- */
@media (max-width: 980px){
	#side ul{
	  padding: 0;
	}

}

/* ------------------------------------------------------- */
@media (max-width: 780px){
	#blog-list-wrap {
	  float: none;
	  width: 100%;
	}
	
	#side {
	  float: none;
	  margin-top: 40px;
	  width: 100%;
	}

}


/* ------------------------------------------------------- */
@media (max-width: 640px){
	#blog-list-wrap dt {
	  width: 25%;
	}
	
	#blog-list-wrap dd {
	  padding: 0 0 0 1em;
	  width: 75%;
	}
	
	#prev-next .bt .txt {
	  padding: 0 1em;
	}
}

/* ------------------------------------------------------- */