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

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

/* Catalogページのギャラリー画像 */
/* ギャラリー画像のサイズ統一 */
.catalog-box{
	padding:100px 50px;
	margin-bottom:100px;
}

.wp-block-gallery img {
    width: 100%;
    height: 200px!important;
    object-fit: cover;
}



/* ホバー時 */
.wp-block-gallery a:hover img {
    border-color: #c9a24a;
    box-shadow: 0 0 15px rgba(201,162,74,.35);
    transform: scale(1.02);
}

/* 画像の色変化を無効化 */
.wp-block-gallery img {
    filter: none !important;
}

/* オーバーレイを無効化 */
.wp-block-gallery figure::before,
.wp-block-gallery figure::after {
    background: transparent !important;
}

/* キャプション */
.wp-block-gallery figcaption,
.wp-element-caption {
    position: static !important;
    background: none !important;
    color: #000 !important;
    text-shadow: none !important;
    text-align: center;
    padding-top: 8px;
}

/* 画面全体を縦に3分割（ヘッダー・メイン・フッター） */
a{text-decoration:none;}
.footer-bottom.fdt-up-and-down .footer-bottom-content {
    float: none;
    display: block;
    text-align: right;
}
.new a span {
    display: block;
    font-size: 12px;
}
.new a {
    border: 1px solid #777;
    padding: 5px 20px !important;
    font-size: 14px !important;
    margin-top: -5px;
}
.footer-bottom {
    margin-top: 0;
    padding: 8px;
    position: relative;
    font-size: 14px;
}
.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){
  /*必要ならばここにコードを書く*/
    .wp-block-gallery img {
        height: 220px;
    }
.catalog-box{
	padding:50px 20px;
}
.wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image) {
    margin: 0;
    width: 80%;
}
.entry-title {
    text-align: center;
    margin-bottom: 50px;
}
#footer {
    position: relative;
    bottom: 0;
    width: 100%;
}
.copyright {
        width: 100%;
        text-align: center;
        font-size: 8px;
    }
	.wp-element-caption{text-align:left!important;}
}

/*480px以下*/
@media screen and (max-width: 480px){
    .navi-footer-in > .menu-footer li.menu-item {
        width: auto;
    }
}