@charset "utf-8";

/*
Template: fukasawa
Theme Name: kotohoki_publicdomain
Theme URI: http://cultivate.fg-design.net/publicdomain/
Description: ことほき社PD支店のテーマ
Version: 1.0
 */ 
 
 /*-------全体-------*/
 body {
    background: #f2f2f2;
    border: none;
    color: #333;
    font-family: 'Lato', 'Helvetica Neue', Helvetica, sans-serif;
    font-size: 14px;
}

.posts .post-container > div {
    padding: 8px;
}

 /*-------サイドバー-------*/
.sidebar {
    font-size: 1em;
}
.discpt {
	margin-top: 20px;
	padding:20px 0 20px;
	line-height: 1.6em;
	font-size: 0.9em;
	color: 777;
	border-bottom: 1px solid #999;
}
.main-menu:before, .widgets:before, .widget + .widget:before, .credits:before {
    content: "";
    display: none;
}
.main-menu {
    margin: 30px 0 30px;
}
.widget-content li {

    border-bottom: none;
}
#block-7 {
	margin: 40px 0 20px;
}
#block-6 .widget-content li  {
    padding: 5px 3px;
	transition: 0.5s;
}

#block-6 .widget-content li:hover {
    background: #f7f7f7;
}
.main-menu .current-menu-item:before, .main-menu .current_page_item:before {
    content: '\f308';
	top: 2px;
    left: -20px;
}



/*非表示カテゴリー*/
.cat-item.cat-item-1{
display:none;
}
.credits {
    margin-top: 100px;
}
 /*-------投稿ページ-------*/
.post-meta-bottom ul li.post-date {
	display: none;
}
.dl_btn {
	color: #fff;
	text-align: center;
	padding: 15px 0 20px;
}
.dl_btn a{
	display: inline-block;
	padding: 10px 30px;
	width: 320px;
	background: #73ccd5;
    color: #fff;
	border-radius: 5px;
    transition: all 0.3s 0s ease;
}
.dl_btn a:hover{
	background: #53acb5;
	text-decoration: none;
}

.post-meta-bottom .post-categories{
	    color: #fff;
}
.post-meta-bottom .post-categories a{
	display: inline-block;
	padding: 2px 15px;
	background: #888;
    color: #fff;
	border-radius: 5px;
    transition: all 0.3s 0s ease;
}
.post-meta-bottom .post-categories a:hover{
	background: #888;
	color: #fff;
}
.post-meta-bottom {
    margin-top: 100px;
}
 .post-meta-bottom:before {
    content: none;

}
.post-navigation a{
	height: 60px;
}
.post-navigation a, .post-navigation a p {
color:#e2e2e2;
}
.post-navigation a:hover { background: #666; }
.post-navigation a:hover p { color: #666; }

.post-navigation a p {
  position: relative;
  display: inline-block;
  padding-left: 12px;
}
.post-navigation a.post-nav-next p:before {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 0 10px 22px;
  border-color: transparent transparent transparent #666;
  position: absolute;
  top: 0;
  right: 30px;
  bottom: 15px;
  margin: auto;
}
.post-navigation a.post-nav-prev p:before {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 22px 10px 0;
  border-color: transparent #666 transparent transparent;
  position: absolute;
  top: 0;
  left: 30px;
  bottom: 15px;
  margin: auto;
}
.post-navigation a:hover.post-nav-next p:before {
  border-color: transparent transparent transparent #ddd;
}
.post-navigation a:hover.post-nav-prev p:before {
  border-color: transparent #ddd transparent transparent;
}
.howtouse{
	border: 4px solid #eee;
	padding: 1.3em 3em;
	margin: 3.5em 0;
	font-size:0.8em;
	color: #333;
	line-height: 1.9em;
}
.howtouse p{
	margin:1em 0;
}



 /************************************
** レスポンシブデザイン用のメディアクエリ
************************************/


/*1000px以下*/
@media ( max-width: 1000px ) {
  /*必要ならばここにコードを書く*/
}

/*600px以下*/
@media ( max-width: 600px ) {
  /*必要ならばここにコードを書く*/
}