@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
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/** 記事本文内のマージンを調整 */
        .content p {
            margin-bottom: 1.2em;
        }

/** 記事本文内の行の高さを調整 */
        .content p {
            margin-top: 0;
            margin-bottom: 1.2em;
            line-height: 160%;
        }
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

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

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
	.content .main, .content .sidebar {
		padding: 13px;
}

	

/*モバイルスライドインメニューを右側から出す*/
	.navi-menu-content {
  left: auto;
  right: 0;
  transform: translateX(105%);
}
	
	
/* スマホ表示の時にコンテンツの左右に余白を作る */
@media screen and (max-width: 480px) {
  .entry-content {
    padding-left: 15px;  /* 左の余白 */
    padding-right: 15px; /* 右の余白 */
  }
  
  /* 点線ボックスなどの枠線ブロックの余白も確保 */
  .blank-box {
    padding: 1.5em 1.2em !important;
  }
}