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

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

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

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

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

  /*必要ならばここにコードを書く*/

}
/* 吉原攻略｜スマホ下部メニュー */

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

  .mobile-footer-menu-buttons {
    background: #080808 !important;
    border-top: 1px solid #D4AF37 !important;
    box-shadow: 0 -4px 15px rgba(0,0,0,0.25) !important;
  }

  .mobile-footer-menu-buttons .menu-button {
    background: #080808 !important;
    border-left: 1px solid rgba(255,255,255,0.08) !important;
  }

  .mobile-footer-menu-buttons .menu-button:first-child {
    border-left: none !important;
  }

  .mobile-footer-menu-buttons .menu-button > a {
    background: #080808 !important;
  }

  .mobile-footer-menu-buttons .menu-icon {
    color: #F5F5F5 !important;
    font-size: 21px !important;
  }

  .mobile-footer-menu-buttons .menu-caption {
    color: #E6E6E6 !important;
    font-size: 9px !important;
    letter-spacing: 0.8px !important;
  }

  .mobile-footer-menu-buttons .home-menu-button .menu-icon,
  .mobile-footer-menu-buttons .top-menu-button .menu-icon {
    color: #D4AF37 !important;
  }

  .mobile-footer-menu-buttons .menu-button:hover,
  .mobile-footer-menu-buttons .menu-button:active {
    background: #141414 !important;
  }

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

  .mobile-footer-menu-buttons.mobile-menu-buttons,
  .mobile-footer-menu-buttons.mobile-menu-buttons .menu-button > a {
    background-color: #080808 !important;
  }

  .mobile-footer-menu-buttons.mobile-menu-buttons .menu-icon,
  .mobile-footer-menu-buttons.mobile-menu-buttons .menu-caption {
    color: #E6E6E6 !important;
  }

  .mobile-footer-menu-buttons.mobile-menu-buttons .home-menu-icon,
  .mobile-footer-menu-buttons.mobile-menu-buttons .top-menu-icon {
    color: #D4AF37 !important;
  }

}
/* ========================================
   吉原攻略｜サイドバー画像
   サイドバー幅いっぱいに表示
   ======================================== */

.sidebar .widget_media_image img {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  margin: 0 !important;
}
.sidebar .widget_media_image {
  padding: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.sidebar .widget_media_image .widget-content {
  padding: 0 !important;
}