@charset "UTF-8";

/*!
Theme Name: Simplicity2 child
Template:   simplicity2
Version:    20151225
*/

/* Simplicity子テーマ用のスタイルを書く */


/************************************
** 見出し（H1-6）
************************************/
h1, h2, h3, h4, h5, h6{
  line-height:130%;
  color:#13293d;
}

.article h1,
.article h2,
.article h3,
.article h4,
.article h5,
.article h6{
  position:relative;
  margin-top:35px;
  margin-bottom:20px;
}
.article h1 {
  margin-top:30px;
  margin-bottom:20px;
  font-size: 24px;
  line-height:117%;
}

#archive-title {
    padding: 20px;
    font-size: 20px;
    background: #72d3e0;
    color: #fff;
    margin-top: 15px
}




.article h2 {
    padding: 25px 30px;
    border-left-style: none;
    font-size: 26px;
    padding-bottom: .5em;
    border-bottom: 5px double #ccc
}







.article h4 {
	border-left: 30px solid #ccc;
	border-bottom: 0px;
	padding: 5px 0 5px 10px;
}

.article  h5{
  font-size: 25px;
  border-bottom:5px dashed #eee;
}

.entry-content{
  margin-bottom: 60px;
}




/************************************
** 前の記事へ、次の記事へ
************************************/
.navigation{
  clear: both;
  overflow: hidden;
}
.navigation > div{
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.navigation > div + div{
  border-top: 0;
  border-bottom: 1px solid #ddd;
}


.navigation .alignright{
  text-align: right;
}

.navigation a{
  display: block;
  padding: 1em;
  border: none;
}

.navigation a span{
  color:#ddd;
  padding-right:10px;
  margin-top:-4px;
  clear:left;
}

.navigation a:hover{
  background: #eee;
}

.navigation .alignright a:hover{
  border-left: 1px solid #ddd;
}

/************************************
** ページャー、ページナビゲーション
************************************/
.pager{
  margin: 3em 0;
  text-align:center;
}

a.page-numbers,
.pager .current{
  background-color: #ddd;
  border: solid 1px #ddd;
  border-radius:5px;
  padding:5px 8px;
  margin:0 2px;
}

.pager .current{
  background-color: #ddd;
  border: solid 1px #ddd;
  color: #000;
}

.pager a{
  background: #fff;
  color: #000;
  text-decoration:none;
}

.pager a:hover{
  border: solid 1px #ddd;
  background-color: #eee;
}

/************************************
** 記事分割時のページナビゲーション
************************************/
.page-link{
  margin: 3em 0;
  text-align:center;
}
.comment-page-link{
  margin: 1em 1em 3em;
  text-align: center;
}

.page-link span,
.comment-page-link span,
.comment-page-link a{
  margin-right: 3px;
  padding: 5px 8px;
  border: 1px solid #ddd;
  background: #ddd;
  border-radius:5px;
}
.page-link a span,
.comment-page-link a{
  background: #fff;
  color:#000;
}

.page-link a{
  border-bottom: none;
  color: #000;
  text-decoration:none;
}

.page-link a span:hover,
.comment-page-link a:hover{
  background: #eee;
  color: #000;
}

/************************************
** 関連記事（Relation）
************************************/
.related-entry h3 {
    font-size: 24px
}

.related-entry {
    line-height: 180%;
    margin-bottom: 15px;
    margin-right: 10px;
    padding-bottom: 15px;
    clear: both;
    border-bottom: 1px solid silver
}


.related-entry-thumb {
    float: left;
    margin-bottom: 5px;
    padding-bottom: 5px;
    margin-bottom: 30px
}


.related-entry-thumb img {
    border: 0
}

.related-entry-content {
    margin-left: 150px
}

.related-entry-title {
    margin-bottom: 15px;
    line-height: 180%
}

.related-entry-title a {
    text-decoration: none;
    font-size: 18px;
    color: #1e73be;
    font-weight: 400
}

.related-entry-snippet {
    
    color: #555
}

.related-entry-read {
    margin: 0;
    font-size: 14px
}

.related-entry-thumbnail {
    width: 226px;
    height: 292px;
    text-align: center;
    overflow: hidden;
    float: left;
    margin-bottom: 15px
}

.related-entry-thumbnail .related-entry-thumb {
    margin: 0;
    padding: 0;
    float: none
}

.related-entry-thumbnail .related-entry-content {
    margin: -20px 6px 0
}

.related-entry-thumbnail .related-entry-content a {
    font-weight: normal
}



/************************************
** コメントエリア（Comments Area）
************************************/
#comment-area ol,
#comment-area ul{
  list-style:none;
  padding-left:0;
}

#comment-area ol ul,
#comment-area ul ul{
  margin-left: 1.5em;
}

.required{ color: #fe56aa;}

.commets-list,
.trackback-list{
  margin-top: -20px;
  margin-bottom: 40px;
}
.commets-list li,
.trackback-list li{
  margin-top: -1px;
  padding: 20px 0 0;
  width: 100%;
  border-bottom: 1px solid transparent;
}
.commets-list .avatar{
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}

.comment-meta,
.reply,
.comment-notes,
.form-allowed-tags,
span.small{
  font-size: 80%;
}

.comment-body p{
  clear: both;
}
.reply{
  text-align: right;
}

.bypostauthor{
  /* 記事投稿者のコメントのスタイル */
}

.children{
  padding-left: 2em;
}

#respond{
  margin-bottom: 40px;
}


#comments,
#reply-title{
  font-size: 25px;
  line-height: 130%;
  padding: 10px 0;
  border-bottom: 3px solid #367DA2;
}


#comments{
  margin-bottom: 25px;
}





/************************************
** 入力フォーム（Form）
************************************/




input#author,
input#email,
input#url{
  max-width: 220px;
}

.gsc-search-box input[type="text"]{
  background-color:#FFF;
  border-radius: 0px;
}

#comment-area input[type="text"], #comment-area textarea {
    display: block
}

textarea {
  overflow: auto;
  width:80%;
}


input[type="text"], input[type="url"], input[type="password"],
input[type="email"], input[type="search"], input[type="tel"], textarea {
    margin: 0;
    max-width: 100%;
    margin-bottom: 20px;
    padding: 6px 4px;
    outline: 0;
    border: 1px solid #ddd;
    border-radius: 2px;
    background: #fff;
    color: #333;
    vertical-align: bottom;
    font-size: 14px;
    padding: 0
}



.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
  display: inline-block;
  margin-bottom: 20px;
  padding: 6px 12px;
  border: 1px solid #777;
  border-radius: 3px;
  background: #fff;
  color: #333;
  text-decoration: none;
  font-weight: bold;
  line-height: normal;
  cursor: pointer;
  /* Old browsers */
}

.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
  background: #eee;

}

/*.button:active,
button:active,
input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active {
  position: relative;
  top:1px;
}*/


/************************************
** サイドバー（Sidebar）・ウィジェットなど
************************************/





#sidebar .widget{
  margin-bottom: 45px;
}

.widget_search{
  margin-bottom: 0;
}



.widget-over-article{
  margin-top: 10px;
  margin-bottom: 10px;
}

#sidebar-recent-posts li,
#sidebar-popular-posts li{
  margin:20px 0;
}

#sidebar li{
  margin-bottom:10px;
}

.sidebar-thumbnail-box{
  float: left;
  width: 75px;
}

.sidebar-recent-posts-title{
  float: right;
  width: 165px;
}
  #sidebar-recent-posts h3,
  #sidebar-recent-posts p,
  #sidebar-popular-posts h3,
  #sidebar-popular-posts p{
    margin: 0;
  }

#main .widgets{
  margin-top: 20px;
  margin-bottom: 20px;
}

#sidebar .widget_category_sns_follow_buttons ul,
.widget_category_sns_follow_buttons ul{
  padding-left: 0;
}








/************************************
** 新着記事・人気記事（new, pupular）
************************************/
.widget_new_entries,
.widget_new_popular,
.widget_popular_ranking{
  line-height:150%;
}

.widget_new_entries h4,
.widget_new_popular h4,
.widget_popular_ranking h4{
  margin-bottom:15px;
}

#main .widget_new_entries ul,
#main .widget_new_popular ul,
#main .widget_popular_ranking ul,
#sidebar .widget_new_entries ul,
#sidebar .widget_new_popular ul,
#sidebar .widget_popular_ranking ul,
#footer .widget_new_entries ul,
#footer .widget_new_popular ul,
#footer .widget_popular_ranking ul {
  padding-left:0;
  list-style:none;
}

.widget_new_entries ul li,
.widget_new_popular ul li,
.widget_popular_ranking ul li {
  clear: left;
  float: none;
  margin-bottom:10px;
/*  overflow: auto;
  zoom: 1;*/
}

.widget_new_entries ul li img,
.widget_new_popular ul li img,
.widget_popular_ranking ul li img {
  border: medium none;
  display: inline;
  float: left;
  margin-top: 3px;
  margin-right: 5px;
  width: 75px;
  height: 75px;
  margin-bottom: 10px;
}

span.wpp-views{
  font-size:x-small;
  font-style:italic;
}

/************************************
** 新着記事・人気記事（拡張）
************************************/
.widget_new_entries .new-entrys-large .new-entry,
.widget_new_popular .popular-entrys-large .popular-entry,
.widget_new_popular .new-entrys-large .new-entry,
.widget_new_popular .popular-entrys-large .wpp-list li,
.widget_popular_ranking .popular-entrys-large .popular-entry,
.widget_popular_ranking .popular-entrys-large .wpp-list li{
  margin-bottom:15px;
  line-height:120%;
  position:relative;
  display:block;
  max-width: 440px;/*これを書いておかないと、タイトル部分がはみ出す*/
  overflow: visible;
}

.widget_new_entries .new-entrys-large .new-entry img,
.widget_new_popular .popular-entrys-large .popular-entry img,
.widget_new_popular .new-entrys-large .new-entry img,
.widget_new_popular .popular-entrys-large .wpp-list li img,
.widget_popular_ranking .popular-entrys-large .popular-entry img,
.widget_popular_ranking .popular-entrys-large .wpp-list li img{
  width:100%;
  float:none;
  margin:0;
  display:block;
  margin-bottom:5px;
  min-height: 180px;
  max-width: 440px;/*iPhone6は幅が414pxなのでそれより大きく*/
  max-height: 240px;
  height: auto;
}

.widget_new_popular .popular-entrys-large .wpp-list li img.wpp_cached_thumb,
.widget_popular_ranking .popular-entrys-large .wpp-list li img.wpp_cached_thumb{
  height:auto;
}

.widget_new_entries .new-entrys-large-on .new-entry .new-entry-content,
.widget_new_popular .popular-entrys-large-on .popular-entry .popular-entry-content,
.widget_new_popular .new-entrys-large-on .new-entry .new-entry-content,
.widget_new_popular .popular-entrys-large-on .wpp-list li a.wpp-post-title,
.widget_popular_ranking .popular-entrys-large-on .popular-entry .popular-entry-content,
.widget_popular_ranking .popular-entrys-large-on .wpp-list li a.wpp-post-title{
  position:absolute;
  bottom:0;
  left:0;
  right:0;
  /* 画像をBase64にするためコメントアウト
  background: url("images/black-transparent.png") repeat scroll 0 0 transparent; */
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyAQMAAAAk8RryAAAAA1BMVEUAAACnej3aAAAAAXRSTlOZyTXzhgAAAA1JREFUGNNjGAWDCgAAAZAAAXtlmk8AAAAASUVORK5CYII=") repeat scroll 0 0 transparent;
/*  opacity:0.7;
  background-color:#333;*/
  padding:10px;
  max-height:28%;
  overflow:hidden;
  display:block;
}

.widget_new_entries .new-entrys-large-on .new-entry .new-entry-content a,
.widget_new_popular .popular-entrys-large-on .popular-entry .popular-entry-content a,
.widget_new_popular .new-entrys-large-on .new-entry .new-entry-content a,
.widget_new_popular .popular-entrys-large-on .wpp-list li a.wpp-post-title,
.widget_popular_ranking .popular-entrys-large-on .popular-entry .popular-entry-content a,
.widget_popular_ranking .popular-entrys-large-on .wpp-list li a.wpp-post-title {
  color:#fff;
  /*opacity:0.8;*/
  display:block;
}

.widget_new_popular .popular-entrys-large-on .wpp-list li span.wpp-views,
.widget_popular_ranking .popular-entrys-large-on .wpp-list li span.wpp-views {
  /* 画像をBase64にするためコメントアウト
  background: url("images/black-transparent.png") repeat scroll 0 0 transparent; */
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyAQMAAAAk8RryAAAAA1BMVEUAAACnej3aAAAAAXRSTlOZyTXzhgAAAA1JREFUGNNjGAWDCgAAAZAAAXtlmk8AAAAASUVORK5CYII=") repeat scroll 0 0 transparent;
  color:#fff;
  opacity:1;
  display:block;
  right:0;
  top:0;
  position:absolute;
  padding:2px 10px;
  border-bottom-left-radius:15px;
  font-size:medium;
}


/************************************
** フッター(footer)
************************************/
#footer {
  clear: both;
  background-color: #13293d;
  color: #ffffff;
  padding: 5px;
}

#footer-widget {
  margin: 10px auto;
  text-align: left;
  padding:0 5%;
}

.footer-left,
.footer-center,
.footer-right{
  box-sizing: border-box;
  padding: 10px;
}

.footer-left {
  float: left;
  width: 34%;
}

.footer-center {
  float: left;
  width: 33%;
}

.footer-right {
  float: left;
  width: 33%;
}

#footer-widget {
  color: #fcfcfc;
}

#footer-widget ul{
  list-style:none;
  padding-left:1em;
}

#footer-widget li {
  font-size: 16px;
}


#footer h3{
  color:#fff;
  font-size: 14px;
}

#copyright {
    padding: 13px 0;
    font-size: 90%;
    text-align: center
}

#copyright a {
    text-decoration: none;
    color: #fff
    font-size: 13px;
}




/************************************
** 非表示にするものまとめ
************************************/
.widget-ad,
.widget-over-article-title,
.widget-under-article-title,
.widget-over-sns-buttons-title,
.widget-under-sns-buttons-title,
#sidebar .ad-space .ad-label{
 display:none;
}

.widget-index-top{
  margin-bottom: 30px;
}

.widget-index-middle{
  margin-bottom: 40px;
}


/************************************
** モバイルメニュー
************************************/
#mobile-menu{
  display:none;
}

#mobile-menu a{
  color:#333;
  padding: 4px 8px;
  text-decoration:none;
  display:block;
  cursor:pointer;
  text-align:center;
  line-height:100%;
  border-radius: 3px;
  position:absolute;
  right: 7px;
  font-size: 15px;
  margin-top: 3px;
}

#page-top {
    position: fixed;
    right: 16px;
    bottom: 13px;
    display: none
}

#page-top a {
    color: #fff;
    padding: 10px;
    text-decoration: none;
    display: block;
    cursor: pointer;
    text-align: center;
    line-height: 100%;
    border-radius: 5px;
    font-size: 15px
}

#page-top a:hover {
    background: #21b6c6;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}

/************************************
** サムネイルつきポストナビ
************************************/
#prev-next{
  width:100%;
  margin: 36px 0 24px;
  padding:0;
  display: table;
}

#prev-next  #prev, #prev-next #next{
  width: 50%;
  display: table-cell;
  position:relative;
  text-decoration:none;
}

#prev-next #prev:hover, #prev-next #next:hover{
background-color: rgba(238,238,238,0.7);
}

#prev-next #prev{
border-right:#ddd 1px solid;
}

#prev-next #prev-title, #prev-next #next-title{
  top:-0.8em;
  position:absolute;
  border: 1px #ccc solid;
  text-align: center;
  padding:5px;
  color:#666;
  font-size:28px;
  border-radius:6px;
  background-color: #fff;
}
#prev-next #next-title{
  right:10px;
}
#prev-next span{
  padding:0;
  margin:0;
}

#prev-next #prev img, #prev-next #next img{
  margin:0 auto;
  width: 100px;
  height: 100px;
}

#prev-next #prev-no, #prev-next #next-no{
  width: 50%;
  padding:0 10px;
  display: table-cell;
}

#prev-next #prev-no{
  border-right:#ddd 1px solid;
}

#prev-no,
#next-no{
  position:relative;
}
#prev-no a:hover,
#next-no a:hover{
  background-color:#fff;
}

#prev-next-home span{
  color:#ccc;
  font-size:100px;
  margin:0 auto;
  position:absolute;
  top:50%;
  left:50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

/*IE10以降に適用されるCSSハック（一応）*/
@media all and (-ms-high-contrast:none){
  #prev-next-home span{
    margin-top: 50px;
  }
}

#prev-next #prev, #prev-next #prev::before, #prev-next #prev::after,
#prev-next #next, #prev-next #next::before, #prev-next #next::after {
  box-sizing: border-box;
/*  -webkit-transition: all .3s;
  transition: all .3s;*/
}

#prev-next #next-title{
  right:10px;
}

#prev-next #prev img{
  margin-top:10px;
  float:left;
  margin-right:10px
}

#prev-next #next img{
  margin-top:10px;
   float:right;
   margin-left: 10px;
}


/************************************
** モバイルモーダルメニュー（animatedModal.js）
************************************/
#animatedModal a{
  color: #fff;
  text-decoration: none;
}

.close-animatedModal{
  text-align: center;
  font-size: 45px;
}

.modal-content{
  max-width: 440px;
  width: auto;
  margin: auto;
}

#animatedModal ul{
  list-style-type: none;
  padding-left: 0;
  margin-top: 0;
  margin-left: 0;
}

#animatedModal ul li{
  border: 1px solid #fff;
  border-radius: 5px;
  margin: 0 10px 10px;
}

#animatedModal ul li a{
  padding: 5px 10px;
  width: auto;
  border-radius: 5px;
  display: block;
}

#animatedModal ul li a:hover{
  background-color: #555;
}

/*Google検索ボックス用*/
#___gcse_0 .cse .gsc-control-cse,
#___gcse_0 .gsc-control-cse{
  background-color: transparent;
  border: none;
}

/*SlickNav用スタイル*/
.slicknav_menu {
  display: none;
}

/*トップへ戻る画像の背景*/
#page-top a.move-page-top-image{
  background-color: transparent;
}

/*Firefoxの不具合？対策*/
div.vdh-mask{
  display: none;
}

/************************************
** ブログカードのスタイル
************************************/
.blog-card{
  margin: 20px 0;
  max-width:100%;
  padding-bottom: 20px;
  width: 500px;
  position: relative;
  clear:both;
  min-height:145px;
  min-width: 300px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#sidebar .blog-card{
  margin-left: 0;
  margin-right: 0;
}

#sidebar .blog-card-title{
  font-size: 14px;
  line-height: 120%;
}

#sidebar .blog-card-excerpt,
#sidebar .blog-card-footer{
  font-size: 11px;
  line-height: 120%;
}


#sidebar img.blog-card-thumb-image{
  width: 80px;
  height: 80px;
  margin-bottom: 20px;
}

#sidebar .blog-card-thumbnail-left .blog-card-content {
  margin-left: 90px;
}

.internal-blog-card,
.external-blog-card{
  padding:12px;
  padding-bottom: 6px;
  border:1px solid #ddd;
  word-wrap: break-word;
  border-radius: 5px;
}

.external-blog-card-hatena{
  border: 0;
  background-color: transparent;
  overflow: hidden;
}

.blog-card-thumbnail{
  float:left;
}

.blog-card img.blog-card-thumb-image{
  border:0;
  width: 100px;
  height: 100px;
  object-fit: cover;
  display: block;
  margin-bottom: 10px;
}

.blog-card-content{
  margin-left:110px;
  line-height:120%;
  margin-bottom: 0.5em;
}
.blog-card-title{
  margin-bottom:5px;
}

.blog-card-title a{
  font-weight: bold;
  text-decoration: none;
  color: #111;
}

.blog-card-excerpt{
  color: #333;
  font-size: 0.9em;
  max-height: 80px;
  overflow: hidden;
}

.blog-card-footer{
  font-size: 0.7em;
  width: 100%;
  color:#777;
  clear:both;
  vertical-align: bottom;
  margin-left: -4px;
  /*position: absolute;
  bottom: 12px;*/
  /*position: relative;
  left: -3px;*/
}

.blog-card-site{
  float: left;
  margin-right: 7px;
  margin-top: 1px;
}

.blog-card-hatebu{
  float: left;
  margin-right: 7px;
  position: relative;
  bottom: -5px;
}

.blog-card-date{
  float: right;
  margin-bottom: -5px;
}

.blog-card-site{
  position:relative;
}

.blog-card-site a{
  color:#777;
  text-decoration:none;
}

.blog-card-favicon{
  margin-right:3px;
  position: relative;
  bottom: -4px;
}

.blog-card-favicon-img{
  width:16px;
  height:16px;
}


/***********************************
 ブログカード（幅が狭い場合）
 ***********************************/
@media screen and (max-width: 560px){
  .article .blog-card{
    width: 100%;
  }

  .blog-card-content{
    margin-left: 0;
  }

  .blog-card-title a{
    font-size: 14px;
    line-height: 120%;
  }

  .blog-card-excerpt,
  .blog-card-footer{
    font-size: 11px;
    line-height: 120%;
  }

  .article .blog-card,
  .commets-list .blog-card{
    margin-left: 0;
    margin-right: 0;
  }

  img.blog-card-thumb-image{
    width: 80px;
    height: 80px;
  }

  .blog-card-content {
    margin-left: 90px;
  }
}


/* IE10以降 */
/*@media all and (-ms-high-contrast:none){
  .blog-card-favicon {
    display:none;
  }
}*/

.clear{
  clear:both;
}

#sidebar .blog-card {
  width: 100%;
  min-width: initial;
}

@media screen and (max-width:524px){
  /*.blog-card{width:auto;}*/
}


/************************************
** シェアバー
************************************/
#sharebar {
  background: none repeat scroll 0 0 #FFFFFF;
  border: 1px solid #CCCCCC;
  margin: 0;
  padding: 0;
  position: absolute;
  text-align: center;
  z-index: 99;
  margin-left:-110px;
  margin-top:-50px;
  width:90px;
  position: fixed;
}

#sharebar ul li{
  display: block;
  margin: 5px;
  overflow: hidden;
  padding: 0;
  text-align: center;
  float:none;
}

#sharebar ul li div{
  margin: auto;
}

#sharebar ul.snsb-balloon li,
#sharebar li.comments-balloon-btn{
  margin-left:15px;
  margin-bottom:10px;
}

#sharebar .sns-share-msg{
  display:none;
}




/************************************
** とりあえず何でもレスポンシブ化するスタイル
************************************/
img,canvas,iframe,video,svg{max-width:100%}.overflow-container{overflow-y:scroll}.aspect-ratio{height:0;padding-top:56.25%;position:relative}.aspect-ratio--object{bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%;z-index:100}

/************************************
** 外部パーツ微調整
************************************/
/*外部パーツの微調整など*/
/*SimplicityでbbPressのスタイルを整える*/
.bbp-breadcrumb-home,
.bbp-breadcrumb-home+.bbp-breadcrumb-sep,
.topic .post-date,
.topic .post-update,
.topic .footer-post-meta,
.post-0 .post-date,
.post-0 .post-update,
.post-0 .footer-post-meta,
.forum .post-date,
.forum .post-update,
.forum .footer-post-meta{
  display: none;
}

#bbp_search{
  font-size: 17px;
}

#bbp_search_submit{
  padding-top:9px;
  padding-bottom:9px;
}

.post-0 .post-meta{
  height: 27px;
}

.bbp-reply-content{
  font-size: 16px;
  line-height: 170%;
}

.bbp-forum-title{
  font-size: 16px;
}

.bbp-topic-permalink{
  font-size: 14px;
}

#main #bbpress-forums .status-closed{
  color: #000;
  background-color: #fcfcfc;
}

#main #bbpress-forums .status-closed a {
  color: #2098a8;
}

#main #bbpress-forums .status-closed li.bbp-topic-title a{
  color: #333;
}

#bbp-container .entry-content{
  margin-left:0;
}

.bbp-form > p,
.bbp-form > div{
  text-align: left;
}

#bbp_reply_content,
#bbp_topic_content{
  border:1px solid #ccc;
}

/*bbResolutions*/
.bbr-form-wrapper {
  clear: left;
}

.bbr-field-wrapper {
  float: left;
  margin-right: 10px;
  position: relative;
  top: 5px;
}

.bbr-resolution-sticker{

}
@media screen and (max-width: 440px){
  #main #bbpress-forums div.bbp-forum-content,
  #main #bbpress-forums div.bbp-topic-content,
  #main #bbpress-forums div.bbp-reply-content{
    margin-left: 10px;
  }
}

@media screen and (max-width: 480px){
  .article #bbpress-forums .bbp-body div.bbp-reply-author{
    padding-left: 0;
    margin-top: 10px;
    line-height: 130%;
  }

  .article #bbpress-forums div.bbp-reply-author img.avatar{
    top: 0;
  }
}

/*Googleカスタム検索用*/
#cse-search-box input[type="text"]{
  width: calc(100% - 70px);
  background-color: #fff;
}

#cse-search-box input[type="submit"]{
  height: 32px;
}

#cse-search-box input {
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 34px;
  color: #333;
}

#main #bbpress-forums div.bbp-reply-author img.avatar{
  position: relative;
}



/************************************
** レスポンシブページネーション
************************************/
.pagination{
  list-style-type: none;
  padding-left: 0;
  text-align: center;
  margin: 40px 0;
}

.pagination li{
  display: inline-block;
}

.pagination a {
  font-weight: 300;
  text-decoration:none;
  border: 1px solid #ddd;
  border-left-width: 0;
  width:36px;
  height:36px;
  color: #333;
  display: block;
  line-height: 36px;
}

.pagination li:not([class*="current"]) a:hover {
  background-color: #eee;
}

.pagination li:first-of-type a {
  border-left-width: 1px;
}

.pagination li.first span,
.pagination li.last span,
.pagination li.previous span,
.pagination li.next span {
  /* screen readers only */
  position: absolute;
  top: -9999px;
  left: -9999px;
}

.pagination li.first a::before,
.pagination li.last a::after,
.pagination li.previous a::before,
.pagination li.next a::after {
  display: inline-block;
  font-family: Fontawesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
}

.pagination li.first a::before { content: "\f100"; }
.pagination li.last a::after { content: "\f101"; }

.pagination li.previous a::before { content: "\f104"; }
.pagination li.next a::after { content: "\f105"; }

.pagination li.current a {
 background-color: #ddd;
 cursor: default;
 pointer-events: none;
}

.pagination > li:first-child > a {
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}

.pagination > li:last-child > a {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}

@media only screen and ( max-width: 640px ) {
  .pagination li.first,
  .pagination li.last {
    /* screen readers only */
    position: absolute;
    top: -9999px;
    left: -9999px;
  }

  .pagination li.previous a { border-left-width: 1px; }
}

@media only screen and ( max-width: 500px ) {
  .pagination li {
    /* screen readers only */
    position: absolute;
    top: -9999px;
    left: -9999px;
  }

  .pagination li.current,
  .pagination li.first,
  .pagination li.last,
  .pagination li.previous,
  .pagination li.next{
    position: initial;
    top: initial;
    left: initial;
  }

  .pagination li.previous a { border-left-width: 0; }
}

/*@media only screen and ( max-width: 400px ) {
  .pagination li.first,
  .pagination li.last {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }

  .pagination li.previous a { border-left-width: 1px; }
}
*/
.entry-large-thumnail{
  width: 100%;
  height: auto;
}


/************************************
** アイキャッチ
************************************/
.eye-catch{
  line-height: 100%;
  margin-left: 0;
}

.eye-catch-caption{
  font-size: 75%;
}


/************************************
** 折り畳みアーカイブウィジェット
************************************/
.widget_archive a.year{
  cursor: pointer;
  text-decoration: underline;
}

.widget_archive .years ul {
  -webkit-transition: .3s ease;
  transition: .3s ease;
  margin: 0;
  margin-bottom: 1em;
}

#sidebar .widget_archive ul.years li{
  margin-bottom: 0;
}

.widget_archive ul.years .hide {
  margin: 0;
  height: 0;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  display: none;
}

.admin-pv{
  text-align: right;
}

.admin-pv > span{
  margin: 0 5px;
  padding: 0 3px;
}


/************************************
** highlight.js用のスタイル
************************************/
.hljs {
  display: block;
  word-wrap: normal;
  overflow: auto;
  padding: 0.5em;
  border-radius:5px;
  margin: 1em auto;
  line-height: 1.4;
  -webkit-text-size-adjust: none;
}

.hljs-keyword, .hljs-attribute, .hljs-selector-tag, .hljs-meta-keyword, .hljs-doctag, .hljs-name {
    font-weight: Bold;
}

/************************************
** 最近のコメントウィジェットのスタイル
************************************/
dl.recent-comments {
  width:100%;
  margin: 20px auto;

}

dl.recent-comments dt{
  text-align: left;
  clear: left;
  float: left;
  width: 46px;
  white-space: nowrap;
  margin-top: 3px;
}

dl.recent-comments dd{
  margin-left: 0;
  margin-bottom: 20px;
}

dl.recent-comments dd .recent-comment-author{
  font-weight: bold;
}

dl.recent-comments dd .recent-comment-content{
  font-size:14px;
}

.recent-comment-title{
  clear: both;
}
.recentcomments {
    font-size:12px
}

li.recentcomments {
    border-bottom: #d2dadb solid 1px;
    padding-bottom: 10px
}

/************************************
**グローバルメニュー
************************************/

#navi ul li a {
  height: 100%;
  font-weight:bold; /* 太字にして */
  box-sizing: border-box; /*はみ出し防止*/
  line-height: 48px;
}

#navi ul.sub-menu, #navi ul.children {
  height: 31px;
}
#navi .sub-menu li, #navi .children li {
  height: 100%;
}
#navi .sub-menu li a, #navi .children li a {
  height: 100%;
  line-height: 23px; /*ここも若干少ない方が真ん中っぽい 23pxとか*/
}

#navi ul li a{
  font-size:15px;
  display: block;
  padding: .3em .7em;
  text-decoration:none;
  z-index:99;
}

/************************************
**記事タグクラウド
************************************/
.fa-tag{
display: none;
}
.footer-post-meta .post-tag a{
display: none;
}
.fn .fa-user{
display: none;
}
.fn a{
display: none;
}

/************************************
**記事
************************************/


.entry-thumb {
    float: left;
    margin-right: 10px;
    margin-top: 3px
}

.entry-thumb img {
    margin-bottom: 10px;
    border: 0
}

.entry .post-meta {
    text-align: left;
    margin: 15px auto
    font-size: 16px;
}

.entry h2 {
    margin-top: 15px;
    margin-bottom: 20px;
    color: #13293d
}

.entry h2 a {
    color: #13293d;
    font-size: 22px;
    text-decoration: none;
    font-weight: 400
}

/************************************
**サイドバー文字下線
************************************/
.widget a {
    text-decoration: none
}

/************************************
**サイドバー下線
************************************/

#sidebar h3 {
    position: relative;
    color: #ffffff ;
    background: #1E7DA4;
    font-size: 16pt ;
    line-height: 1;
    margin: 20px -10px 20px -10px;
    padding: 10px 5px 10px 20px;
    box-shadow:1px 3px 7px 0px  #666666 ;
    border-top:3px solid #999999;
}
#sidebar h3:after, #sidebar h4:before {
    content: "";
    position: absolute;
    top: 100%;
    height: 0;
    width: 0;
    border: 5px solid transparent;
    border-top: 5px solid #333;
}
#sidebar h3:after {
    left: 0;
    border-right: 5px solid #333;
}
#sidebar h3:before {
    right: 0;
    border-left: 5px solid #333;
}

#sidebar h3 {
    position: relative;
    color: #ffffff ;
    background: #1E7DA4;
    font-size: 16pt ;
    line-height: 1;
    margin: 20px -10px 20px -10px;
    padding: 10px 5px 10px 20px;
    box-shadow:1px 3px 7px 0px  #666666 ;
    border-top:3px solid #999999;
}
#sidebar h3:after, #sidebar h4:before {
    content: "";
    position: absolute;
    top: 100%;
    height: 0;
    width: 0;
    border: 5px solid transparent;
    border-top: 5px solid #333;
}
#sidebar h3:after {
    left: 0;
    border-right: 5px solid #333;
}
#sidebar h3:before {
    right: 0;
    border-left: 5px solid #333;
}



/************************************
**記事下関連記事
************************************/
#related-entries h2 {
  font-size: 25px;
  padding: 10px 0;
  border-bottom: 3px solid #367DA2;
}

/************************************
**お問い合わせ
************************************/
.form-title {
    border-left: #21b6c6 15px solid;
    border-bottom: #bababa 1px solid;
    padding: 0 0 10px 10px;
    font-size: 20px
}

.c-box {
    padding: 20px;
    background-color: #f4f4f4;
    color: #000
}


.wpcf7 input[type="submit"] {
    width: 200px;
    background: -moz-linear-gradient(top, #80cce6, #80cce6 5%, #09C 5%, #069 95%, #069 95%, #00293d);
    background: -webkit-gradient(linear, left top, left bottom, from(#80cce6), color-stop(0.05, #80cce6), color-stop(0.05, #09C), color-stop(0.95, #069), color-stop(0.95, #00293d), to(#00293d));
    border: 1px solid #DDD;
    color: #FFF;
    padding: 10px 0;
    font-size: 20px
}

.dojo-btn {
    background: #EEE;
    color: #111;
    border-top: 1px solid #FFF;
    border-left: 1px solid #FFF;
    border-right: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    -moz-box-shadow: -1px -1px 1px rgba(000, 000, 000, 0.3), 1px 1px 1px rgba(255, 255, 255, 1);
    -webkit-box-shadow: -1px -1px 1px rgba(000, 000, 000, 0.3), 1px 1px 1px rgba(255, 255, 255, 1);
    width: 250px;
    padding: 10px;
    text-align: center;
    text-decoration: none;
    float: left;
    margin-right: 20px
}

.dojo-btn a {
    text-decoration: none
}

.dojo-btn a:hover {
    text-decoration: none;
    color: red
}

.c-both {
    clear: both
}

.dojo-point {
    background: #fff1d6;
    padding: 20px 25px
}

.pick-box {
    background: #fff;
    padding: 20px;
    border: 2px #191970 solid
}

.button, button, input[type="submit"], input[type="reset"], input[type="button"] {
    display: inline-block;
    margin-bottom: 20px;
    padding: 6px 12px;
    border: 1px solid #777;
    border-radius: 3px;
    background: #fff;
    color: #333;
    text-decoration: none;
    font-weight: bold;
    line-height: normal;
    cursor: pointer
}

.button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover,
input[type="button"]:hover {
    background: #eee
}

.button:active, button:active, input[type="submit"]:active, input[type="reset"]:active,
input[type="button"]:active {
    position: relative;
    top: 1px
}


/************************************
**ブログトップ
************************************/

.entry-snippet {
margin-top: 15px !important;
}

.masonry-brick .entry-snippet{
  font-size: 14px;
}


/************************************
**記事装飾
************************************/

.banner {
    background-color: #f4e8f3;
    color: #000;
    padding: 20px;
    font-size: 15px;
    line-height: 1.8em;
    margin: 15px 15px 30px 15px
}

.banner a {
    text-decoration: none
}

.b-title {
    color: #e58932;
    font-size: 20px;
    margin-bottom: 10px;
    letter-spacing: .1em;
    inline-block: display;
    text-decoration: underline;
    padding-bottom: 3px
}


.b-line {
    color: #13293D;
    margin: 30px -29px 20px;
    padding: 25px 30px;
    font-size: 27px;
    font-weight: bold;
    padding-bottom: .5em;
    border-bottom: 5px double #ccc
}

.b-quest {
  color: #13293D;
  font-size: 27px;
  font-weight: bold;
  margin-top:50px;
  padding: 10px;
  border-bottom:13px dashed #eee;
}


.category-body {
    background: #fff;
    padding: 20px
}

.category-table {
    border: 1px solid #000;
    width: 100%
}

.category-table td {
    padding: 10px
}

.category-list {
    margin: 0;
    padding: 10px;
    list-style: none
}

.category-list li {
    margin-bottom: 2px;
    font-size: 18px;
    background-color: #fff
}

.category-list li a {
    text-decoration: none;
    padding: 1em;
    display: block
}

.category-list li a:hover {
    background: #0890b2;
    color: #fff;
    padding: 1em
}

.category-list li.menu {
    background-color: #b7b7b7;
    color: #fff;
    letter-spacing: .3em;
    font-size: 14px;
    padding: 1em
}



.mokuji {
    background: #fcfcfc;
    padding: 20px 40px 20px 40px;
    margin-bottom: 15px;
    font-size: 15px;
    color: #727272;
    line-height: 3em;
    border: 3px dotted #c6c6c6
}

.mokuji2 {
    background: #fcfcfc;
    padding: 20px 40px 20px 40px;
    margin-bottom: 15px;
    font-size: 16px;
    color: #727272;
    line-height: 2em;
    border: 3px dotted #c6c6c6;
    font-weight: 400
}




.article table {
    border-collapse: collapse
}

.article th {
    border: solid 1px #ccc;
    background-color: #eee
}

.article td {
    border: solid 1px #ccc
}

.article th, .article td {
    padding: 5px 8px
}

.article ol, .article ul, .article dl {
    line-height: 150%
}

.article > ol, .article > ul, .article > dl {
    margin: 30px 0
}

.article > ol ol, .article > ul ul, .article > dl dl {
    margin: 0
}

.textwidget {
    line-height: 1.8em;
    font-size: 14px;
    padding: 0 8px 0 8px
}


/************************************
**フッタータイトル
************************************/

.wrapper a {
  color: #fff !important;
}
.wrapper a:hover {
  color: #fff !important;
}

/************************************
**改行
************************************/

.mb2{
   margin-bottom: 2em;
}

.mb3{
   margin-bottom: 3em;
}
.mb4{
   margin-bottom: 4em;
}
.mb5{
   margin-bottom: 5em;
}


/************************************
** HTMLとCSSでロールオーバー
************************************/

a:hover img{

opacity:0.8;

filter:alpha(opacity=70);

-ms-filter: “alpha( opacity=70 )”;

}


/************************************
** サムネイル画像に変化をつける
************************************/

/* サムネイル画像にエフェクト */
.entry-thumb,.wpp-thumbnail{
  overflow: hidden;
}
.entry-thumb img,.wpp-thumbnail img{
  transition: 0.6s ;
}
 
.entry-thumb img:hover,.wpp-thumbnail:hover {
   opacity: 0.6;
   -moz-transform: scale(1.1,1.1);
  -webkit-transform: scale(1.1,1.1);
  -o-transform: scale(1.1,1.1);
  -ms-transform: scale(1.1,1.1);
}

/************************************
** 記事間に線を引くカスタマイズ
************************************/

/* 記事間に線を引く */
#main .entry {
 border-bottom: 1px solid #000000;
 padding-bottom: 15px;
}


/* 関連記事間に線を引く */
#main .related-entry {
 border-bottom: 1px solid #F0F0F0;
 padding-bottom: 10px; 
}


/************************************
** トップページメインスモールウィジェット追加
************************************/

.top_main_small_widget {
  padding: 10px;
  margin-bottom: 10px;
}

.top_main_small_widget {
  background-color: #ffffff;
  border-width: 1px;
  border-style: solid;
  border-color: #eee;
}





/************************************
**シャドウ
************************************/


#main {
  box-shadow: 1px 3px 7px 2px rgba(0,0,0,0.4);
}

/************************************
**スマホ画像を縮小・拡大
************************************/

img { 
    max-width: 100%; 
    height:auto;
}


/************************************
**グローバルメニューの線
************************************/


#navi ul li a {
  border-left: 2px solid #FFFFFF;
  border-right: 2px solid #FFFFFF;
}
/************************************
**アイキャッチ真ん中
************************************/


.eye-catch img {
  display: block;
  margin: 0 auto;
}



/************************************
** 基本設定（General Setting）
************************************/

body {
  font-family: flop,"ヒラギノ明朝 ProN W5", "HiraMinProN-W5", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}


@font-face{
font-family:flop;
src:url('RiiPopkkR.woff')format('woff');
}


/************************************
**サムネイル
************************************/

/* サムネイルサイズ指定 */
.entry-thumb img {
    width: 300px;
    height: 200px;
    margin-bottom: 40px;
}


/* 記事タイトルなどの位置 */
.entry-card-content {
    margin-left: 320px !important;
}




/************************************
**スマホ
************************************/


/* スマホの設定 */
@media screen and (max-width: 480px) {

/* サムネイル回り込み */
.entry-thumb {
  float: none !important;
  margin: 6px 4px 3px 0px !important;	
}

/* サムネイルサイズ変更 */
.entry-thumb img{
    width: 300px !important;
    height: 200px !important;
}

/* 記事タイトルなどの位置 */
.entry-card-content {
    margin-left: 0px !important;
}

.entry-snippet {
  font-size: 100% !important;
}

.entry-read a {
  font-size: 100% !important;
}



/************************************
**スマホグローバルメニュー
************************************/


#sm_nav{
 text-align: center;
}
#sm_nav .category{ 
 background-color: #106b9f; 
 padding:8px; 
 line-height: 230%;
 font-size:90%;
border-radius: 4px;
}
#sm_nav a{
 color: #FFFFFF;
 text-decoration: none;
 word-wrap: break-word;
}


  
/************************
テーブルレイアウト（スマホ）
*************************/

table {
	width:100%;
   }
th,td {
	width:50%;
}

  .sns-group-viral ul.snsb li a {
    box-sizing: border-box;
    height: 45px;
    line-height: 45px;
    padding: 0;
    width: 100%;
  }
}