@charset "UTF-8";
/*-----------------------------------------------
Theme Name: cocoon_kamorichu
Template: cocoon-master
-----------------------------------------------*/
@import url('../cocoon_kamorichu/style.css');

#comment-area{
  display: none;
}
.site-name-text{
  font-size: 34px;
}
.article-footer{
  display: none;
}
/*管理画面内の妙なアラート*/
#mceu_71{
  display: none;
}
/*サイドカラムの除去*/
#meta-2{
  display: none;
}
/*コメントカラムの除去*/
#recent-comments-2{
display: none;
}
/*投稿ページの余分なアイキャッチ消去*/
.eye-catch-wrap{
display: none;
}
/*投稿ページタイトル背景色*/
.entry-title{
border-bottom: 1px solid #ccc;
}
/*タイトル行間調整*/
.article h1{
  line-height : 2.25;
  padding-left : 5px;
}
/*投稿日時の背景色*/
.post-date{
  background-color:#f3f4f5;
}
/*関連記事の背景色*/
.under-entry-content{
    background-color:#45cc434a;
}

/*フッター背景色*/
.footer{
  background-color:#31965a;
}
/*TOP記事のキャッチコピーのラベル色*/
.cat-label{
  background-color:#31965a;
}
/*記事をホバーした時の背景色*/
.a-wrap:hover{
  background-color: #45cc434a;
}
/*サイドバー背景色*/
.sidebar h3{
  background-color: #45cc434a;
}
/*ショートコードを使用した際のカテゴリ一覧のサイズ*/
.listing-item{
  width: 700px;
  list-style: none;
}
/*ショートコードを使用した際の記事ごとの区切り線*/
.display-posts-listing{
  border-bottom: 1px dashed #ccc;
}

.tagline{
  font-size: 20px;
}



/* ウィンドウ幅が479px以上の場合に適用するCSS */
@media screen and ( min-width:479px ){
/*関連記事の余白調整*/
.related-entry-heading{
  padding: 6px;
}
}
@media screen and (max-width: 768px){
#wprmenu_bar .menu_title {
    text-align: right;
}
}

/* ウィンドウ幅が479px以下の場合に適用するCSS */
@media screen and ( max-width:479px ){
/*コメント欄削除*/
.widget_recent_comments{
  display: none;
}
/*メタ欄削除*/
.widget_meta{
  display: none;
}
/*関連の記事タイトル文字位置*/
.related-entry-main-heading{
  padding-left: 5px;
}
/*関連の記事の文字表示位置*/
.related-list{
  text-align: center;
}
/*右メニューの閉じるボタン位置*/
.sidebar-menu-close-button{
  text-align: left;
  padding-left: 15px;
}

.navi-menu-close-button{
  text-align: right;
  padding-right: 15px;
}
.tagline {
    font-size: 16px;
  }
  #header .site-name-text{
    font-size: 24px;
  }
  .article ul, .article ol{
    padding-left:0px;
  }
}



.navi-in > ul .sub-menu {
    min-width: 260px;
}