/**
 * Theme Name:  ベースファンヘルプ
 * Template:    flatbase
 * Author:      ベースファン
 * Author URI:  https://basefun.net/
 * Description: ベースファンのヘルプ用テンプレート
 * Version:     1.0.0
 * Text Domain: basefun
 */
::selection {
    background: #eee !important;
    color: inherit;
}

th {
    background-color: #eee;
}

.table-bordered th, .table-bordered td {
    border: 1px solid #ccc;
}

/* 共通クラス
--------------------------------------------------*/
.info-text {
    padding-left: 30px;
    border-radius: 3px;
    position: relative;
    margin: 20px 0 15px;
    font-weight: bold;
}

.info-text::before {
    content: "\f05a";
    font-family: "FontAwesome";
    color: #87cefa;
    font-size: 24px;
    position: absolute;
    line-height: 1em;
    top: 50%;
    margin-top: -.5em;
    left: 2px;
}

/* ウィジェット
--------------------------------------------------*/

.widget_nice_faq_categories li {
    position: relative;
}

.widget_nice_faq_categories li span {
    position: absolute;
    padding: 0 7px;
    right: 5px;
    font-weight: bold;
    font-size: 8px;
    color: #777;
    background: #eff2f3;
    background-clip: padding-box;
    border-radius: 100%;
}

.nice-knowledgebase h3,
.nice-knowledgebase h3 a,
.nice-knowledgebase h3 a:visited,
.nice-knowledgebase h3 a:hover {
    color: #333;
}

.nice-knowledgebase ul {
    margin-bottom: 40px;
}

.entry .post-content a,
.entry .post-content a:visited {
    color: #2c72c2;
}

.entry .post-content a:hover {
    color: #195ba7;
    transition: all .2s;
}

.nice-knowledgebase .row h3 .cat-count,
.widget ul li a,
.widget_nice_article_categories li span {
    color: #777;
}

/* ヘッダー
--------------------------------------------------*/
body.home #content {
    padding-right: 20px;
    width: 63.583%;
    border-right:1px solid #e5e5e5;
}

#live-search {
    padding: 40px 0;
}

#live-search #searchform {
    max-width: 640px;
}

#live-search #s {
    width: 78%
}

#top #navigation .nav > li a {
    font-weight: 700;
}


/* コンテンツ
--------------------------------------------------*/
.entry .page-title {
    margin-bottom: 40px;
}

.post-content h2 {
    padding: 12px 15px 10px;
    margin: 30px 0 20px;;
    background: #f0f0f0;
    font-size: 24px;
}

.post-content h3 {
    margin: 30px 0 15px;
    font-size: 20px;
    font-weight: bold;
}

/* サイドバー
--------------------------------------------------*/
body.single-faq #sidebar {
    width: 25%;
}

.widget_nice_article_categories li a:hover,
.widget_nice_article_categories li.current-cat a,
.widget_nice_article_categories li.current-menu-item a {
    left: 0;
}

/* アーカイブ
--------------------------------------------------*/
.archive-header {
    font-size: 21px;
    margin: 20px 0 40px;
}

.category-posts li {
    margin-top: 10px;
}

.category-posts a {
    font-size: 16px;
}

/* 個別投稿
--------------------------------------------------*/
body.single-article .entry-header h1,
.entry-title {
    font-size: 30px;
    margin: 40px 0;
}

#comments {
    border-top: 1px solid #e7e7e7;
    padding-top: 40px;
}

.comment-form textarea, #respond textarea {
    width: 100%;
}

.comment-respond h3 {
    margin-bottom: 15px;
}

label[for="siteguard_captcha"]:before {
    content: "スパム防止のため、";
}


.nav-entries a {
    background-color: #5bc4bf;
    color: #fff;
}

/* レイアウト
--------------------------------------------------*/

@media screen and (max-width: 1100px) and  (min-width: 1025px)  {
    #container {
        padding: 30px 20px;
    }
}