@charset "utf-8";
/*
Theme Name: カスタマイズデザイン
Theme URI: http://
Author: OFFICE SUPPLEMENT
*/


.aligncenter {
    display: block;
    margin: 0 auto;
}
.alignright { float: right; }
.alignleft { float: left; }


.clearfix{
	width:100%;
	overflow:hidden;
}
.clearfix:after{
	content: ""; 
	display: block; 
	clear: both;
}


.pager{
	width:100%;
	text-align:left;
	margin:20px 0 0px 0px;
}


.page_navi ul{
    display:-webkit-flexbox;display:-moz-flexbox;display:-ms-flexbox;
    display:-webkit-flex;display:-moz-flex;display:flex;
    -webkit-box-lines:multiple;-moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;
    -webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;justify-content:center;
}
.pager li{
	width:40px;
	list-style-type:none;
	margin:0 5px 0 0;
}
.pager a,
.pager a:visited,
.pager a:hover,
.pager span.current,
.pager span.pages,
.pager span.extend,
.pager span.current,
.pager span.dots{
	background-color:#0283C5;
	color:#FFF;
	width:40px;
	padding:0;
	display:block;
	text-align:center;
	line-height:24px;
	text-decoration:none;
  -webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;
}
.pager span.current {
	color:#FFF;
	background-color:#36BBF3;
}
.pager a:hover {
	text-decoration:none;
	background-color:#36BBF3;
	color:#FFF;
}


.notFound{
  padding:20px 0;
  text-align:center;
}
  .notFound .nf01 strong{
    font-size:30px;font-size:3.0rem;
    display:block;
    margin-bottom:10px;
  }
  .notFound .nf02{
    margin-top:40px;
  }


#wparea{
	margin-bottom:40px;
	}
#articleList{
  /*margin-top:20px;*/
   margin-top:50px;
   margin-bottom:40px;
  text-align:left;
}
  #articleList {
    display:-webkit-box;display:-moz-box;
    display:-webkit-flexbox;display:-moz-flexbox;display:-ms-flexbox;
    display:-webkit-flex;display:-moz-flex;display:flex;
    -webkit-box-lines:multiple;-moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;
    -webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;justify-content:center;
  }
  #articleList li{
    margin-bottom:10px;
    width:240px;
    padding:10px;
    margin:0 20px 10px 0px;
   line-height:1.4;
   background-color:#F8F8F8;
   border:solid 1px #EDEDED;
  }

  #articleList .articleDetails .articleTitle{
   margin:10px 0 10px 0;

  }
  #articleList .articleDetails .articleTitle a{
   font-size:16px; 
   font-weight:bold;
   color:#000000;
   line-height:1.2;
  }
  
  #articleList .articleDetails .articleTitle a:hover{
	   text-decoration:none;
	   color:#cf6969;
  }


#articleList .articleDetails .excerpt{
	font-size:14px;
	font-weight:normal;
	color:#666;
	}

  #articleList .articleDetails .update{
    margin:10px 0 0 0;
	font-size:14px;
	font-weight:normal;
	color:#666;
  }


#singlePageMainContents{
  text-align:left;
  margin-top:20px;
  border:solid 1px #DFDFDF;
  padding:40px 20px;
  -webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;
}
#singlePageMainContents .articleTitle{
  margin-bottom:20px;
  text-align:center;
}
#singlePageMainContents .articleTitle a{
  font-size:20px;
  color:#000; 
}

#singlePageMainContents table{
	border-collapse: collapse;
}

.post a{
	color:#000;
	transition:0.6s;
	}
	
.post a:hover{
	color:#ff0000;
	}

#singlePageMainContents .post p.articleTitle a{
	color:#000;
	}

#singlePageMainContents .post p.articleTitle a:hover{
	color:#cf6969;
	text-decoration:none;
	}

#articleList li.clearfix a{
	color: #000;
	transition: 0.6s;
	}

#articleList li.clearfix a:hover{
	color: #ff0000;
	}

.articleThumb a img{
	color: #000;
	transition: 0.6s;
	}
.articleThumb a img:hover{
	opacity:0.7;
}