@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
body {
  font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;
}
.logo img {
  filter: invert(100%);
}
.navi-in > ul li {
  width:auto!important;
  padding: 0 2em!important;
}
.widget-sidebar th,
.widget-sidebar td,
.widget-sidebar p,
.widget-sidebar li {
  font-size: 14px!important;
}

.widget-sidebar th,
.widget-sidebar td {
  padding: 0.75em;
}

.widget-sidebar .wpp-list {
  padding: 0;;
}
.widget-sidebar .wpp-list li span {
  display: block;
  text-align: right;
  font-size: 12px!important;
}

.prof-read {
  border-bottom:5px solid #aaa!important;
  padding:0 0 1em!important;
  margin-bottom:1em!important;
}
.entry-content p {
	margin-bottom: 0!important;
}
#tinymce p {
	margin-bottom: 0!important;
}
/* 投稿ページのレイアウト崩れ対処 */
@media(min-width:1650px){
.header-container{
	width:100%;
}
.header-container-in.hlt-top-menu {
	width:100%;
}
.content-in{
	max-width:1140px;
	width:100%;
}
.main{
	width:70%;
}
.sidebar{
	width:30%;
	}}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

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

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
  #header .site-name-text img {
    width: auto;
    margin: auto;
  }
  .menu-drawer li {
    padding: 0.75em 0.75em 0.75em 0.75em!important;
    border-bottom: 1px solid #999;
  }
  .entry-title, .archive-title {
    font-size: 1.6rem!important;
    margin: 0 0 1em 0!important;
    padding: 0!important;
  }
  #main {
    padding: 100px 0 30px;
  }
 
}
/*1656px以上*/
@media screen and (min-width: 1656px){
  .wrap {
    width: 1256px;
    margin: 0 auto;
}
}