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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/* 画面全体を縦に3分割（ヘッダー・メイン・フッター） */
.navi-footer-in a{font-size:26px;}
.w580{width:780px;margin:0 auto;}
.entry-title{text-align:center;margin-bottom:100px;}
body.home .main {padding:0;}
.main {
    margin-top: 0;
    margin-bottom: 0;
    padding:100px 0;
background:#000;}

#footer{position:fixed;bottom:0;width: 100%;}
.content {
    margin-top: 0;
}
.footer-bottom{font-size:10px;}
html, body {
  height: 100%;
  margin: 0;
}


/* メインエリアを余った高さにフィット */
.main {
  min-height: 0;   /* ←これが無いとスクロールが壊れることあり */
  overflow: auto;  /* コンテンツが多い時はmain部分だけスクロール */
}


.header-container-in{padding:10px;}
.navi-footer-in > .menu-footer li:last-child,.navi-footer-in > .menu-footer,.navi-footer-in > .menu-footer li{border:none;
    margin: 0 30px;}

.footer{margin:0!important;}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
	.w580{width:auto;}
	.slicknav_menu{background:#000;}
	.slicknav_menutxt{display:none!important;}
	.slicknav_nav {
    color: #fff;
    margin: 0;
    padding: 0;
    font-size: 0.875em;
    background: #666;
}
}

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

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