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

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


/* ========================================
   マツシタホーム 共通レイアウト
======================================== */

/* ページ全体の背景 */
html,
body,
#container {
  background: #fff;
}

/* Cocoon本文エリアを750pxに統一 */
#content {
  width: 750px;
  max-width: 750px;
  margin: 0 auto;
  padding: 0;
  background: #fff;
}

/* 本文の大きな箱を解除 */
#main {
  width: 750px;
  max-width: 750px;
  margin: 0;
  padding: 0;
  background: transparent;
  box-shadow: none;
  border: 0;
}

.article,
.entry-content {
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  box-sizing: border-box;
}
/* ========================================
   Cocoon標準フッターを非表示
======================================== */

#footer {
  display: none;
}


/* ========================================
   スマートフォン対応
   834px以下
======================================== */

@media screen and (max-width: 834px) {

  /* ----------------------------------------
     ページ全体
  ---------------------------------------- */

  #content,
  #main,
  .article,
  .entry-content {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }


}