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

/************************************
** AIオジイLab. 専用ハッカーCSS
************************************/
/* --- ロゴ画像の横にサイト名（白文字）を強制インジェクト --- */
.logo-header a,
.site-name-text-link {
  display: flex !important;
  align-items: center !important;
  text-decoration: none !important;
}

.logo-header a::after,
.site-name-text-link::after {
  content: "AIオジイLab." !important;
  display: block !important;
  margin-left: 15px !important;
  font-size: 26px !important;
  font-weight: normal !important;
  color: #ffffff !important;
  font-family: 'DotGothic16', monospace !important;
  letter-spacing: 1px !important;
  white-space: nowrap !important;
}

/* --- フッター全体を闇に染め、スマホでも強制表示する --- */
.footer, .footer-widgets {
  background-color: #000 !important;
  display: block !important;
}

.footer-terminal, 
.footer-terminal *, 
.footer-copy-info, 
.footer-bottom-logo {
  font-family: 'Courier New', Courier, monospace !important;
  color: #fff !important;
}

.footer-terminal a, .footer a {
  color: #00ff00 !important;
  text-decoration: none !important;
}

.footer-bottom, 
.footer-bottom-menu, 
.footer-copy-info, 
#footer .inner {
 display: none !important;
}

.footer {
 background-color: #000 !important;
 padding-bottom: 0 !important;
}

/* --- トップページ全画面化・「白余白」完全貫通版 --- */
body.home, body.front-page,
body.home #container, body.front-page #container,
body.home #content, body.front-page #content,
body.home #main, body.front-page #main,
body.home .wrap, body.front-page .wrap,
body.home .white-bg, body.front-page .white-bg {
  background-color: #000 !important;
}

body.home #container, body.front-page #container,
body.home #content, body.front-page #content,
body.home #content-in, body.front-page #content-in,
body.home .wrap, body.front-page .wrap,
body.home #main, body.front-page #main {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

body.home #header, body.front-page #header,
body.home #content, body.front-page #content {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

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

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

/*480px以下*/
@media screen and (max-width: 480px){
  /* --- スマホ用フッターバーから「サイドバー」と「検索」をパージ（抹消） --- */
  .mobile-menu-buttons .sidebar-menu-button,
  .mobile-menu-buttons .search-menu-button {
    display: none !important;
  }
  
  .mobile-menu-buttons .menu-button,
  .mobile-menu-buttons .home-button,
  .mobile-menu-buttons .top-button {
    flex: 1 0 33.33% !important; 
    max-width: 33.33% !important;
  }
}