@charset "UTF-8";

/*!
Theme Name: Nussy-game
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/
/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
body ,.header-container, .content, .navi-in,.footer,.navi,.article h2, .sidebar h2, .sidebar h3,.toc,.entry-categories-tags a,.wp-block-table td,.wp-block-cocoon-blocks-icon-box,blockquote,.mobile-header-menu-buttons{
color:#333;
background-color:#E0E0E0;
}
/*リンク用カラー*/
a, .item-label,.content-in .sidebar a,.breadcrumb,.breadcrumb a,.list,.entry-card-content, .related-entry-card-content,.pager-post-navi a, .pagination a, .toc .toc-content a{
color:#337ab7;
}
/*コンテンツ背景色*/
.content-in .main, .content-in .sidebar{
background-color:#FFF;
}
/*文字色のみ*/
.commonLinks a,.commonLinks a:before, .breadcrumb .sp{
color:#333;
}
/*共通ヘッダーCSS*/
.bogo-language-switcher .current{
display: none;
}
.bogo-language-switcher li{
text-align: right;
}

.bogo-language-switcher li{
display:inline-block;
font-weight:bold;
padding-right:8px;
}
.bogo-language-switcher a:before{
content:"\f1ab";
font-family: "Font Awesome 5 Free";
padding-right:8px;
font-size:16px;
color:white;
}
.commonHeader{
background:black;
color:whitesmoke;
height:35px;
width:100%;
}
.commonHeaderNav ul{
list-style: none;
display: flex;
flex-wrap: wrap;
justify-content: center;
height:35px;
width:100%;
padding-left:0px;
}

.commonLinks{
color:whitesmoke;
margin:0 auto;
height:35px;
list-style: none;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
/*
.commonHeaderNav ul li a:after{
content:"|";
font-size:30px;
margin:auto;
line-height:100%;

}
.bogo-language-switcher li a:after{
content:"";
}
ul.bogo-language-switcher .en-US:after{
content:"/"
}
*/
.commonLinks a,.commonHeaderNav ul li a{
color:whitesmoke;
text-decoration:none;
}
.commonLinks a img{
width:100%;
height:35px;
}

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

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
.commonHeader{
display:none;
}
#header-container{
display:none;
}
.has-logo-button .menu-button{
width:10%;
}
.commonLinks {
width:13%;
}
.bogo-language-switcher{
padding-top:4px;
padding-right:8px;
}
.logo-menu-button{
min-width:60%;
margin:0 auto;
display:block;
padding-left: 20px;
}
.logo-menu-button img {
max-height: 50px;
}
.bogo-language-switcher a:before{
content:"\f1ab\A";
font-family: "Font Awesome 5 Free";
font-size:20px;
line-height:100%;
white-space: pre;
color:#FFF;
text-align:center;
opacity: 1;
}
.bogo-language-switcher  a{
display:block;
font-size:10px;
padding:0px;
line-height:150%;
color:#333;
opacity: 0.8;
text-align:center;
}
}

/*480px以下*/
@media screen and (max-width: 480px){
/*必要ならばここにコードを書く*/
.commonLinks a, .commonHeaderNav ul li a{
color:#222;
font-size:0px;
}
.bogo-language-switcher a:before {
padding-right:0px;
font-size:24px;
}
.bogo-language-switcher{
padding-top:4px;
padding-right:8px;
}
.logo-menu-button{
margin:0 auto;
}
.has-logo-button .menu-button{
width:20%;
}
.commonLinks {
width:25%;
}
.logo-menu-button{
min-width:40%;
margin:0 auto;
display:block;
padding-left: 20px;
}
.logo-menu-button img {
max-height: 50px;
}
.bogo-language-switcher a:before{
content:"\f1ab\A";
font-family: "Font Awesome 5 Free";
font-size:18px;
line-height:100%;
white-space: pre;
color:#222;
text-align:center;
opacity: 1;
}
.bogo-language-switcher  a{
display:block;
font-size:8px;
padding:0px;
line-height:150%;
color:#333;
opacity: 0.8;
text-align:center;
}
.footer,div.sidebar{
margin:0;
}
.spDlogo{
margin-top:16px;
}
a.menu-button-in
{
text-align:center;
}

}