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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
@media screen and (min-width: 834px) {
  #footer{
    background-image: url('https://osusume-all.com/wp-content/uploads/2022/05/1293770_m.jpg');
    background-size: cover;
    background-position: center;
  }
} 
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px) {
    .footer {
        background-image: url(https://osusume-all.com/wp-content/uploads/2022/05/1293770_m.jpg); /* 背景画像を設定 */
    }
}

/*480px以下*/

@media screen and (max-width: 480px) {
    .footer {
        margin-top: 40px; /* フッターとコンテンツの間に余白追加 */
        background-image: url(https://osusume-all.com/wp-content/uploads/2022/05/1293770_m.jpg); /* 背景画像を設定 */
    }
}




#footer {
margin-top: 40px; /* フッター上の余白 */
background-image: url( https://osusume-all.com/wp-content/uploads/2022/05/1293770_m.jpg );
}
.footer-bottom {
margin-top: 14px; /*フッター内上部の余白を詰める*/
}
.footer-bottom-logo { /*ロゴの位置調整*/
float: none;
bottom: auto;
position: static;
 margin-bottom: 30px;
}
.footer-bottom-logo .logo-image {
padding: 0;
max-width: 160px; /*ロゴ画像を少し大きく*/
margin: 0 auto;
}
.footer-bottom-content { /*メニュー＆クレジットの位置調整*/
float: none;
text-align: center;
}
.navi-footer-in > .menu-footer { /*メニューの位置調整*/
justify-content: center;
margin-bottom: 1em;
}
.navi-footer-in a {
color: #000000; /*メニューの文字色*/
}
.navi-footer-in a:hover { /*メニューのマウスホバー時の指定*/
color: #000000; /*文字色を通常時と同じに*/
background: none; /*背景色をなしに*/
text-decoration: underline; /*アンダーラインを追加*/
}
.footer-bottom.fnm-text-width .menu-footer li {
line-height: 1; /*メニューの区切りボーダーの高さを1文字分にする*/
}
.copyright {
color: #000000; /*クレジットの文字色*/
}


@media screen and (max-width: 834px) {
  .navi-footer-in > .menu-footer li.menu-item {
    border: none; /*モバイルでメニューのボーダーを消す*/
  }
}
@media screen and (max-width: 460px) {
  .navi-footer-in > .menu-footer li.menu-item { /*モバイルでメニューを1カラムにする*/
    width: 100%;
    display: block;
    flex: auto;
    padding: 0.3em 0;
  }
}
#toc-2 li.current {
	background-color: #ffbc0099; /* ハイライト色 */
}

.pochipp-box__logo { display: none !important;}/*ポチップロゴ消す*/