@charset "UTF-8";

/*!
Theme Name: Cocoon Child memidarcjp
Description: Cocoon専用の子テーマ
Theme URI: https://memida-rc.jp
Author: 
Author URI: 
Template:   cocoon-master
Version:    1.1.3
*/

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

/*テーマCSS本体*/
@import "../cocoon-memidarcjp/css/import.css";

/*CocoonのCSSのリセット*/
body #wrapper{ line-height: 1.4; }
body #wrapper a{ line-height: 1; }
a:where(:not(.wp-element-button)) {
    text-decoration: none;
}
#wrapper .container { padding:0; width: 100%; }
#wrapper .container { max-width:unset; }
.header-container{ background:none; }
#wrapper .main{
  background: none;
  width: auto;
  padding: 0;
  border: none;
  border-radius: unset;
}
.footer-bottom {
    margin-top: 0;
    padding: 0;
}
.wrap{ width: auto; }

.content{
  width: 90%;
  margin-left:auto;
  margin-right:auto;
  display:block;
  margin-top:0;
}
.body .article{ margin: 0; }
#wrapper .entry-title{ margin: 0; }
#wrapper .content{ width:auto; }
.header .tagline { margin:0;}
.entry-content,.entry-content>#contents{
  margin-bottom: 0;
}
.footer{ margin-top: 0; padding:0;}
.footer-bottom-logo { display: none; }
.home .footer{ //margin-top: -15px; }
a{color:#000;text-decoration:none; }

.pagination-next{ display:none; }

#content-in{ display:block; }

.cat-label{ display:none; }

body #wrapper a.page-numbers { line-height: 46px; }

body.logged-in #wrapper .homeEventSection.--typeBlog { display:block; }
body #wrapper .homeEventSection.--typeBlog { display:none; }
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/

.fz-18px { font-size:3.5vw;}
body #wrapper a.page-numbers { line-height: 34px; }
@media print, screen and (min-width: 768px) {
  body { min-width:768px; font-size:1.176vw;}
  .fz-18px { font-size:1.176vw; }
  .main { width:70%; }
  .home #content{ font-size:1em; }
  body #wrapper a.page-numbers { line-height: 46px; }
  
} /* 768px以上で適用される　レイアウトの指定　ここまで */
@media print, screen and (min-width: 1280px) {
  body { font-size: 1.6rem; min-width:1200px; }
  .fz-18px { font-size: 1.6rem; }
  .content{ width: 1200px; }
  
} /* 1280px以上で適用される　レイアウトの指定　ここまで */


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

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

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