/*
Theme Name:neighborwork-guild
Template:neighborwork
*/

/* guild-valley用スタイル */

/* 背景色 */
body {
    background-color: #f5f5f5;
}
/* ボタン */
.content-form button,
.subscription.button,
.button_div .buttons {
    background-color: #d6f751!important;
    color: #111!important;
}
.content-form button:after,
.subscription.button:after,
.button_div .buttons:after {
    border-color: #111!important;
}
/* 見出しのフォント */
#page-main h1,
#top-page h2,
#wifi h3 {
    font-family: "Open Sans", sans-serif;
    font-weight: 800;
}
#top-page h2 {
    text-align: center;
}
/* ロゴ */
#header #logo {
    width: 150px;
}
#logo a {
    display: inline-block;
}
#logo a img {
    display: none;
}
#logo a:after {
    content: '';
    display: block;
    width: 150px;
    height: 60px;
    background-image: url('images/guild-logo-b.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left;
}
#logo-sp a img {
    display: none;
}
#logo-sp a {
    display: inline-block;
}
#logo-sp a:after {
    content: '';
    display: block;
    width: 150px;
    height: 50px;
    background-image: url('images/guild-logo-b.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left;
}
/* ヘッダーメニュー */
#header .nav-box {
    width: calc(100% - 150px);
}
#header .nav-box .cv .reserve {
    background-color: #d6f751;
    border: solid 1px #111;
    color: #000;
}
#header .nav-box .cv .reserve span::after{
    background-color: #e7f862;
}
#header .nav-box .cv .mypage {
    background-color: #fff;
    border: solid 1px #111;
    color: #111;
}
#header .nav-box .cv .mypage span::after{
    background-color: #e7f862;
    color: #fff;
}
/* SP */
#header-sp.active {
    z-index: 310;
}
#header-sp .head-mypage {
    background-color: #d6f751;
    color: #111;
}
#meeting-reserve {
    background-color: #d6f751!important;
    border-color: #f5f5f5!important;
}
#meeting-reserve .box .e-name,
#meeting-reserve .box .name {
    color: #111!important;
}
#header-sp .gnav__menu__item a.nav-cv {
    background-color: #fff;
    border: solid 1px #111;
    color: #111;
}
#header-sp .gnav__menu__item a.nav-reserve {
    background-color: #d6f751;
    border: solid 1px #111;
    color: #111;
}
/* ボタン */
.link-area .link-common-btn {
    background-color: #d6f751;
    color: #000;
}
.link-area .link-common-btn::before{
    background-color: #e7f862;
}
/* トップページ-カード */
#card .card-box .plan {
    background-color: #d6f751;
    color: #111;
}
/* 非ログイン状態 */
.login-come {
    background-color: #d6f751;
    color: #000;
}
/* Wifi情報エリア */
#wifi {
    background-color: #d6f751;
}

/* フッター */
#footer {
    background-color: #111;
    color: #fff;
}
#footer #common-nav a .heading,
#footer #common-nav a .more,
#footer #common-nav a img,
#footer #footer-box #footer-info .company,
#footer #footer-box #footer-info .address,
#footer #footer-box #footer-info .f-sns span,
#footer #footer-box .f-nav a,
#footer #footer-box .f-nav a span,
#footer #footer-btm .copy p,
#footer #footer-btm .sub a{
    color: #fff;
    fill: #fff;
}
#footer #footer-box {
    background-image: none;
}
/* フッターロゴ */
#footer-info img {
    display: none;
}
#footer-info:before {
    content: '';
    display: block;
    width: 100%;
    height: 120px;
    background-image: url('images/guild-logo-w.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left;
    margin-bottom:2em;
}
@media screen and (max-width: 834px) {
    #footer #footer-info:before {
        background-position: center;
    }
}

/* ページヘッダー */
h1,h2, 
#page-main .main-jp,
.head-area .head-jp {
    font-family: inherit!important;
}
    
/* howto  */
#howto {
    background-color: #ddd!important;
}
/* メンバー紹介 */
.search-area .category .heading,
.search-area .freeword .heading,
.search-area .freeword .box #form #s-btn,
.member-entry .ph .mark-new {
    background-color: #d6f751!important;
    color: #111!important;
}
.search-area .freeword .box #form #s-box {
    border-color: #111!important;
    background-color: #f5f5f5!important;
}
.search-area .freeword .box #form #s-box::placeholder {
    color: #ccc!important;
}
#myprofile::before {
    background-image: url(images/guild-bg-mypage.png)!important;
}
#myprofile .profile-r .status tr th{
    color: #111!important;
}
#myprofile .results{
    background-color: #eee!important;
}
/* sp */
@media screen and (max-width: 834px) {
    #myprofile .profile-r .job {
        background-color: #d6f751!important;
        color: #111!important;
    }
    #myprofile .profile-r .name-area {
        background-color: #eee!important;
    }
}
/* 会議室予約 */
#page .wrapper .reserve_history a,
#page .wrapper .monthly-prev span, #page .wrapper .monthly-next span,
#page .wrapper .monthly-prev a, #page .wrapper .monthly-next a {
    background-color: #d6f751!important;
    color: #111!important;
}
.day-mix-calendar th.article-name {
    background-color: #eee!important;
}
/* マイページ */
#mypage .profile-r .menu-box .mypage_menu li a {
    background-color: #d6f751!important;
    color: #111!important;
}
#mypage .profile-r .menu-box .mypage_menu li a::after {
    border-color: #111!important;
}
/* Eightログイン */
.eight-login-pc {
    text-align: center;
}
.eight-login-iframe {
    display: block;
    margin: 1em auto;
    width: 250px;
    height: 250px;
    border: 2px solid #000;
    border-radius: 10px;
    padding: 10px;
}
.eight-login-button {
    margin-top: 10px;
}
.eight-login-button a {
    background-color: #0054ff;
    color: #fff;
    display: block;
    padding: 1em;
    text-align: center;
    border-radius: 5px;
}
.eight-login-or {
    padding: 1em;
    text-align: center;
}
/* Eightロゴ */
.eight-logo {
    font-family: "Arial", sans-serif;
}
/* Eightから新規登録 */
.eight-registry-logo {
    padding: 2em;
    text-align: center;
}
.eight_code_wrapper {
    display: none;
}
/* Eightログイン-見つからない場合 */
.eight-not-found {
    border: solid 1px #000;
    text-align: center;
    color: #f00;
    margin: 1em 0;
    padding: 1em;
}