/*********************************************************
レイアウトとフォント関連
**********************************************************/

/*********************************************************
フォント
**********************************************************/
body
{
    font-size: 16px;
    font-family: Meiryo,Arial,Helvetica,'游ゴシック',YuGothic,'Hiragino Kaku Gothic ProN',sans-serif;
    font-weight: normal;
    color: #373a3c;
    word-wrap: break-word;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
}
body
{
    transform: rotate( 0.028deg ); /*アンチエイリアシング処理*/
    -webkit-backface-visibility:hidden; /*ちらつき防止*/
    backface-visibility:hidden; /*ちらつき防止*/
}
h1
{
    font-size: 1.5rem;
}
h2
{
    font-size: 1.25rem;
}
h3
{
    font-size: 1.2rem;
}

/**********************************************************
リンク
**********************************************************/
#outer-frame a:link
{
    color: #0275d8;
    font-weight: normal;
    text-decoration: none;
}
#outer-frame a:visited
{
    color: #014c8c;
    font-weight: normal;
    text-decoration: none;
}
#outer-frame a:hover
{
    color: #014c8c;
    font-weight: normal;
    text-decoration: none;
}

/**********************************************************
パディング系
**********************************************************/
.no-padding
{
    padding-left: 0px;
    padding-right: 0px;
}

/*********************************************************
レイアウト関連
**********************************************************/

#outer-frame , .header-frame , #footer-frame
{
    max-width: 1260px;
    margin-left: auto;
    margin-right: auto;
}

#outer-frame .container-wrapper
{
    padding-left: 5px;
    padding-right: 5px;
}

#outer_template .card ,
#sidebar .card
{
    box-shadow:0px 0px 4px 1px rgba(200,200,200,0.4);
    -moz-box-shadow:0px 0px 4px 1px rgba(200,200,200,0.4);
    -webkit-box-shadow:0px 0px 4px 1px rgba(200,200,200,0.4);
}

.space-header
{
    height: 15px;
}

.gutter-post
{
    margin-right: 0;
    margin-left: 0;
}

.gutter-sidebar
{
    padding-right: 0;
}

/* iframe */
iframe
{
    display: block;
    margin: 0px auto;
}

/**********************************************************
フォーム
**********************************************************/

textarea ,
input ,
select
{
    max-width: 100%;
}

/**********************************************************
タブレット画面
**********************************************************/
@media screen and ( min-width: 542px ) and ( max-width: 991px )
{

    .gutter-post
    {
        margin-left: 0;
        margin-right: 0;
    }

    .gutter-sidebar
    {
        padding-left: 7px;
        padding-right: 7px;
    }

    /* iframe */
    iframe
    {
        max-width: 100%;
        display: block;
        margin: 0px auto;
    }

    /*********************************************************
    フォント
    **********************************************************/
    body
    {
        font-size: 16px;
        font-family: Meiryo,Arial,Helvetica,'游ゴシック',YuGothic,'Hiragino Kaku Gothic ProN',sans-serif;
        font-weight: normal;
        color: #373a3c;
        line-height: 1.5;
    }
    h1
    {
        font-size: 1.2rem;
    }
    h2
    {
        font-size: 1.1rem;
    }
    h3
    {
        font-size: 1rem;
    }

    /**********************************************************
    リンク
    **********************************************************/
    #outer-frame a:link
    {
        color: #0275d8;
        font-weight: normal;
        text-decoration: none;
    }
    #outer-frame a:visited
    {
        color: #014c8c;
        font-weight: normal;
        text-decoration: none;
    }
    #outer-frame a:hover
    {
        color: #014c8c;
        font-weight: normal;
        text-decoration: none;
    }

}

/**********************************************************
スマホ画面
**********************************************************/
@media screen and ( max-width: 543px )
{
    #outer-frame .container-wrapper
    {
        padding-left: 15px;
        padding-right: 15px;
    }

    .gutter-post
    {
        margin-left: -30px;
        margin-right: -30px;
    }

    .gutter-sidebar
    {
        margin-left: -15px;
        margin-right: -15px;
        padding-left: 0;
        padding-right: 0;
    }

    .space-header
    {
        height: 7rem;
    }

    /* iframe */
    iframe
    {
        max-width: 100%;
        display: block;
        margin: 0px auto;
    }

    /*********************************************************
    フォント
    **********************************************************/
    body
    {
        font-size: 16px;
        font-family: Meiryo,Arial,Helvetica,'游ゴシック',YuGothic,'Hiragino Kaku Gothic ProN',sans-serif;
        font-weight: normal;
        color: #373a3c;
        line-height: 1.5;
    }
    h1
    {
        font-size: 1.2rem;
    }
    h2
    {
        font-size: 1.1rem;
    }
    h3
    {
        font-size: 1rem;
    }

    /**********************************************************
    リンク
    **********************************************************/
    #outer-frame a:link
    {
        color: #0275d8;
        font-weight: normal;
        text-decoration: none;
    }
    #outer-frame a:visited
    {
        color: #014c8c;
        font-weight: normal;
        text-decoration: none;
    }
    #outer-frame a:hover
    {
        color: #014c8c;
        font-weight: normal;
        text-decoration: none;
    }

}


/*********************************************************
グローバルナビゲーション
**********************************************************/
#header-navi
{
    background-color: #f7f7f9;
    border-bottom: 1px solid #ccc;
}
#header-navi .navbar
{
    padding: 0;
}
#header-navi .navbar .nav-item
{
    padding: 0.5rem;
    border-left: 1px dotted #818a91;
    height: 1.8rem;
    text-align: center;
}
#header-navi .navbar .nav-item:last-child
{
    border-right: 1px dotted #818a91;
}
#header-navi .navbar-nav .nav-item + .nav-item
{
    margin-left: 0;
}

#header-navi li
{
    color: inherit !important;
    text-decoration: none !important;
}

#header-navi li a
{
    font-size: 0.8rem !important;
    color: #0275d8 !important;
    font-family: inherit !important;
    font-weight: normal !important;
    text-decoration: none !important;
}

#header-navi li a:link
{
    color: #0275d8 !important;
}

#header-navi li a:visited
{
    color: #014c8c !important;
}

#header-navi li a:hover
{
    color: #014c8c !important;
}



/**********************************************************
モバイルナビゲーションメニュー
**********************************************************/

.mobile-nav
{
    display: none;
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
    padding-left: 0.1rem;
    padding-right: 0.1rem;
}

/* スマホ画面 */
@media screen and ( max-width: 543px )
{
    #mobile-nav
    {
        display: block;
    }

    #mobile-nav .mobile-nav-menu-wrapper
    {
        display: table;
    }

    #mobile-nav .mobile-nav-menu-left ,
    #mobile-nav .mobile-nav-menu-center ,
    #mobile-nav .mobile-nav-menu-right
    {
        display: table-cell;
    }

    #mobile-nav .mobile-nav-menu-center
    {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
        line-height: 1.2;
        vertical-align: middle;
        width: 100%;
    }

    #mobile-nav .mobile-nav-menu-right
    {
        font-size: 1.5rem;
    }

    #mobile-nav .mobile-nav-menu-wrapper a
    {
        color: #FFF;
    }

    #mobile-nav .mobile-nav-title
    {
        float: none;
        font-size: 1rem;
    }

    #mobile-nav .burger-icon
    {
        border: 1px solid #eaeaea;
        background-image: none;
        color: #eaeaea;
    }

    #mobile-nav .navbar-toggler
    {
        padding: 0;
    }

    #mobile-nav .burger-icon-title
    {
        font-size: 0.5rem;
    }

    #mobile-nav .mobile-nav-menu ul
    {
        color: #FFF;
        margin-left: 1rem;
        margin-right: 1rem;
    }

    #mobile-nav .mobile-nav-menu li
    {
        list-style-type: none;
        margin-left: -1rem;
        line-height: 2.5;
        font-size: 0.8rem;
    }

    #mobile-nav .mobile-nav-menu a
    {
        color: #FFF;
    }


    /* モバイル用スライドカテゴリ */
    .mobile-nav-horizontal
    {
        overflow: hidden;
        height: 1.6rem;
        width: 100%;
    }
    .mobile-nav-horizontal .mobile-nav-mask
    {
        height: 3rem;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .mobile-nav-horizontal .mobile-nav-cat-list
    {
        display: inline-table;
        max-width: 100%;
        padding-left: 0;
    }
    .mobile-nav-horizontal .mobile-nav-cat-list li
    {
        display: table-cell;
        white-space: nowrap;
        font-size: 0.7rem;
    }

    .mobile-nav-horizontal .mobile-nav-cat-list li a
    {
        background-color: rgba(170,170,170,0.3);
        text-decoration: none;
        height: 1rem;
        padding-right: .6em;
        padding-left: .6em;
        border-radius: 10rem;
        display: inline-block;
        font-size: 0.7rem;
        font-weight: normal;
        line-height: 1.8;
        color: #e6e6e6;
        text-align: center;
        white-space: nowrap;
        vertical-align: baseline;
        margin-right: 0.2rem;
    }

}

/**********************************************************
サムネイル付き投稿一覧ウィジェット
**********************************************************/

.custum-post-ranking-container .custum-post-ranking-link .widget-list-icon ,
.custum-post-ranking-container .thumbnail-post .widget-list-icon
{
    display: none;
}

.custum-post-ranking-image
{
    position: relative;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.custum-post-ranking-list-num
{
    position: absolute;
    top: 0px;
    left: 0;
    padding-top: 2px;
    width: 20px;
    height: 20px;
    font-size: 14px;
    font-weight: bold;
    background-color: #ffc000;
    color: #000000;
    line-height: normal;
    text-align: center;
    text-indent: 0;
}

.custum-post-ranking-list-row
{
    margin-left: -30px;
    margin-right: -30px;
}

.custum-post-ranking-left
{
    padding-right: 0;
    padding-left: 0;
}

.custum-post-ranking-right
{
    padding-left: 8px;
    padding-right: 0px;
    text-indent: 0;
}

.custum-post-ranking-more-link
{
    margin-top: 1rem;
}


#header-visual .bx-viewport
{
    /* スライダーの高さ */
    height: 200px !important;
}
#header-visual .bx-wrapper img
{
    height: auto;
    width: 100%;
}

/**********************************************************
ヘッダー
**********************************************************/
#header-top
{
    width: 100%;
    height: inherit;
    background-color: #025aa5;
    background-image: url(  );
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

#header-title img
{
    max-width: 100%;
}

#header-visual .bx-wrapper
{
    box-shadow: none;
}

/* タイトルロゴ */
#header-subtitle .site-title
{
    font-size: 1.5rem !important;
    color: #FFFFFF !important;
    font-family: inherit !important;
    font-weight: bold !important;
    text-decoration: none !important;

    overflow: hidden;
}

#header-top .site-title a:link
{
    color: #FFFFFF !important;
}
#header-top .site-title a:visited
{
    color: #FFFFFF !important;
}
#header-top .site-title a:hover
{
    color: #FFFFFF !important;
}
#header-top .site-title a
{
    text-decoration: none !important;
}


/* キャッチコピー */
#header-subtitle .site-subtitle
{
    padding-top: 1rem !important;

    font-size: 1rem !important;
    color: #FFFFFF !important;
    font-family: inherit !important;
    font-weight: normal !important;
    text-decoration: none !important;
}

#header-subtitle .site-subtitle a:link
{
    color: #FFFFFF !important;
}
#header-subtitle .site-subtitle a:visited
{
    color: #FFFFFF !important;
}
#header-subtitle .site-subtitle a:hover
{
    color: #FFFFFF !important;
}
#header-subtitle .site-subtitle a
{
    text-decoration: none !important;
}

/**********************************************************
スマホ画面
**********************************************************/
@media screen and ( max-width: 543px )
{
    #header-top , #header-navi
    {
        display: none;
    }
}


/*********************************************************
ヘッダーメタ
**********************************************************/
#header-meta
{
    position: relative;
}
#header-meta-menu
{
    position: absolute;
    top: 0;
    right: 0;
}

#header-meta-menu ul
{
    font-size:0;
}
#header-meta-menu li
{
    border-right: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    background-color: rgba(0, 0, 0, 0.5);
}

#header-meta-menu li:first-child
{
    border-left: 1px solid #DDD;
}

#header-meta-menu li:last-child
{
    border-right: 1px solid #DDD;
}

#header-meta-menu .nav-inline .nav-item + .nav-item
{
    margin-left: 0;
}

#header-meta-menu li
{
    font-size: 0.8rem !important;
    color: #FFFFFF !important;
    font-family: inherit !important;
    font-weight: normal !important;
    text-decoration: none !important;
}

#header-meta-menu li a
{
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    letter-spacing: 1px;
    text-decoration: none !important;
}

#header-meta-menu li a:link
{
    color: #FFFFFF !important;
}
#header-meta-menu li a:visited
{
    color: #FFFFFF !important;
}
#header-meta-menu li a:hover
{
    color: #FFFFFF !important;
}

/*********************************************************
ヘッダーメタ　タブレット画面
**********************************************************/
@media screen and ( min-width: 542px ) and ( max-width: 991px )
{
    #header-meta
    {
        display: none;
    }
}


/*********************************************************
画像関係
**********************************************************/

/* 画像のリサイズ */
.post-content-single img ,
.post-content img ,
.wp-caption
{
   max-width: 100%;
   height: auto;
   width: auto;
}

/* 画像の中央揃え */
.post-content-single .aligncenter ,
.post-content .aligncenter
{
   display: block;
   margin: 0 auto;
   margin-left: auto;
   margin-right: auto;
}
/*********************************************************
サムネイル
**********************************************************/

.thumbnail-post > img
{
    max-width: 100%;
    height: auto;
}

#outer_template .card-post-single .thumbnail-post > img
{
    max-width: 100%;
    height: auto;
}

/* インデックスページ系サムネイル */
#outer_template .thumbnail-post > img
{
    max-width: 100%;
    height: 200px;
    overflow: hidden;
}

#outer_template .card-post-thumbnail
{
    width: 100%;
    height: 200px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

/* 投稿記事サムネイル */
#outer_template .card-post-single-thumbnail
{
    width: 100%;
    height: 400px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

/* 関連記事サムネイル */
#outer_template .card-post-rel-thumbnail
{
    width: 100%;
    height: 120px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

/*********************************************************
サムネイルスライダー
**********************************************************/

/* インデックスページサムネイルスライダー */
.thumbnail-slider
{
    height: 200px;
}

/* シングルページサムネイルスライダー */
.thumbnail-slider-single
{
    height: 400px;
}

#outer_template .card .thumbnail-wrapper
{
    text-align: center;
}

.thumbnail-wrapper .bx-wrapper
{
    box-shadow: none;
}

.thumbnail-slider li img
{
    margin: 0 auto;
    display: block;
    max-width: 100%;
    height: 200px;
    overflow: hidden;
    object-fit: cover;
}

.thumbnail-slider-single li img
{
    margin: 0 auto;
    display: block;
    max-width: 100%;
    height: 400px;
    overflow: hidden;
    object-fit: cover;
}

img
{
    max-width: 100%;
}

/**********************************************************
タブレット画面
**********************************************************/

@media screen and ( min-width: 542px ) and ( max-width: 991px )
{
    img
    {
        max-width: 100%;
    }
}

/**********************************************************
スマホ画面
**********************************************************/

@media screen and ( max-width: 543px )
{
    img
    {
        max-width: 100%;
    }

    #outer_template .thumbnail-post > img
    {
        height: 200px;
    }

    /* インデックスページ系サムネイル */
    #outer_template .card-post-thumbnail
    {
        height: 200px;
    }

    /* 投稿記事サムネイル */
    #outer_template .card-post-single-thumbnail
    {
        height: 200px;
    }

    /* 関連記事サムネイル */
    #outer_template .card-post-rel-thumbnail
    {
        height: 125px;
    }

    /*********************************************************
    サムネイルスライダー
    **********************************************************/

    .thumbnail-slider
    {
        height: 120px;
    }

    .thumbnail-slider li img
    {
        height: 120px;
    }

    .thumbnail-slider-single
    {
        height: 400px;
    }

    .thumbnail-slider-single li img
    {
        height: 400px;
    }

}


/*********************************************************
ドロップメニュー
**********************************************************/

.dropmenu
{
    *zoom: 1;
}

.dropmenu:before, .dropmenu:after
{
    content: '';
    display: table;
}

.dropmenu:after
{
    clear: both;
}

.dropmenu li
{
    position: relative;
}
.dropmenu li a
{
    display: block;
/*  margin: 0;*/
/*  padding: 15px 0 11px;*/
/*  background: #8a9b0f;*/
/*  color: #fff;*/
/*  font-size: 14px;*/
    line-height: 1;
/*  text-decoration: none;*/
}
.dropmenu li ul
{
    list-style: none;
    position: absolute;
    z-index: 9999;
    top: 100%;
    left: 0;
    margin: 0;
    padding: 0;
}
.dropmenu li ul li
{
    width: 200px;
    background-color: #eceeef;
    border-left: 1px solid #818a91 !important;
    border-right: 1px solid #818a91 !important;
    border-bottom: 1px dotted #818a91 !important;
}

.dropmenu li ul li a
{
/*  padding: 6px 8px;*/
/*  border-top: 1px solid #7c8c0e;*/
/*  background: #6e7c0c;*/
    text-align: left;
}
.dropmenu li:hover > a
{
/*  background: #6e7c0c;*/
}
.dropmenu li a:hover
{
/*  background: #616d0b;*/
}

/* 三階層目 */
.dropmenu ul ul
{
    position: absolute;
    top: 0;
    left: 100%;
}

/* 矢印アイコン */
.dropmenu ul li a
{
    position: relative;
    display: block;
}
.dropmenu ul li a:after
{
    position: absolute;
    top: 50%;
    right: 5px;
    display: block;
    content: '';
    width: 8px;
    height: 8px;
    margin-top: -4px;
    border-top: 1px solid #888;
    border-right: 1px solid #888;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* アクティブ時 */
.dropmenu .active
{
/*  background-color: inherit;*/
/*  font-color: inherit;*/
}

/* 開閉 */
.dropmenu ul
{
    visibility: hidden;
    opacity: 0;
    transition: .2s ease-in-out;
}
.dropmenu li:hover > ul
{
    visibility: visible;
    opacity: 1;
}

/*********************************************************
投稿関連
**********************************************************/

#outer_template .post-content-single
{
    padding-left: 0;
    padding-right: 0;
}

#outer_template .post-title-single
{
    padding: 0;
}

#outer_template .card.card-post .list-group
{
    margin-left: -1px;
    margin-right: -1px;
}

#outer_template .card-post-single
{
    padding-top: 1em;
    padding-left: 2em;
    padding-right: 2em;
    padding-bottom: 1em;
    line-height: 2em;
}

#outer_template .card-deck
{
    border-spacing: 0.7rem 0;
}

#outer_template .card-meta
{
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
    background-color: #f5f5f5;
}

#outer_template .card-meta span
{
    font-size: 0.75rem;
    opacity: 0.5;
}

#outer_template .card-meta-single
{
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
}

#outer_template .card-meta-single span
{
    color: #818a91;
}

#outer_template .card-title
{
    padding-top: 0.5rem;
    padding-bottom: 0.2rem;
    margin-bottom: 0;
    font-weight: bold;
}

#outer_template .card-content
{

}

#outer_template .post-meta-single
{
    padding: 0;
}

/* ラベル */
#outer_template .label-default
{
    background-color: #ccc;
}

#outer_template .label-info .st_tag
{
    color: #fff;
}

#outer_template .label
{
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: bold;
    line-height: 1.7;
    color: #ffffff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}


#outer_template .category-lists .category-label
{
    background: #004d4d;
    border: 1px solid #004d4d;
}

#outer_template .category-lists .category-label .category-link
{
    color: #fff !important;
}

#outer_template .tag-lists .tag-label
{
    background: #fff;
    border: 1px solid #004d4d;
}

#outer_template .tag-lists .tag-label .tag-link
{
    color: #004d4d !important;
}


/* キャプション */
#outer_template .wp-caption-text
{
    text-align: center;
}

/* 引用 */
blockquote
{
    position: relative;
    border-radius: 5px;
    padding: 2em 3em 15px 3em;
    background-color: #fafafa;
}
blockquote:before
{
    position: absolute;
    top: 15px;
    left: 20px;
    content: '“';
    font-size: 4em;
    color: #0275d8;
}
blockquote:after
{
    position: absolute;
    bottom: -10px;
    left: 20px;
    content: '“';
    font-size: 4em;
    color: #0275d8;
}


/*********************************************************
関連記事
**********************************************************/
#outer_template .relation-post-title
{
    padding: .25rem 0 .25rem .75rem;
    border-left: 6px solid #ccc;
    margin-bottom: 2rem;
    font-size: 1.5rem;
}
#outer_template .relation-post .post-title
{
    font-size: 0.85rem;
    line-height: 1.1rem;
}

#outer_template .relation-post .card-title
{
    padding: 0.2rem !important;
}

#outer_template .relation-post .card-meta
{
    font-size: 0.5rem;
    background-color: rgba(0,0,0,0);
    padding-top: 0.1rem;
    padding-bottom: 0.1rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    line-height: 1.1rem;
}

#outer_template .relation-post .thumbnail-slider li img
{
    height: 100px;
}

/*********************************************************
スマホ画面
**********************************************************/
@media screen and ( max-width: 543px )
{
    #outer_template .card-post-single
    {
        padding-left: 5px;
        padding-right: 5px;
    }

    #outer_template .relation-post .gutter-post
    {
        margin-left: 0;
        margin-right: 0;
    }

    #outer_template .post-title-single
    {
        padding: 0;
    }

    #outer_template .relation-post .card-deck ,
    .tab-navi .card-deck
    {
        display: table;
        width: 100%;
        margin-bottom: 0.75rem;
        table-layout: fixed;
        border-spacing: 0.7rem 0;
    }

    #outer_template .relation-post .card-post ,
    .tab-navi .card-post
    {
        display: table-cell;
        margin-bottom: 0;
        vertical-align: top;
    }

    /* インデックス系ページ メタ情報 */
    #outer_template .card-meta
    {
        padding-top: 0;
        padding-bottom: 0;
    }
}


/*********************************************************
サイドバー
**********************************************************/

#sidebar ,
#mobile-sidebar
{
    background-color: #FFFFFF;
    font-size: 0.8rem;
    color: inherit;
    font-family: inherit;
    font-weight: normal;
    text-decoration: none;
    line-height: 1.2;
}

#mobile-sidebar
{
    display: none;
}

#sidebar .widget-header ,
#mobile-sidebar .widget-header
{
    background-color: #eee;
}

#sidebar .widget-title ,
#mobile-sidebar .widget-title
{
    font-size: 1rem;
    color: inherit;
    font-weight: bold;
}

#sidebar a:link ,
#mobile-sidebar a:link
{
    color: #0275d8;
}

#sidebar a:visited ,
#mobile-sidebar a:visited
{
    color: #014c8c;
}

#sidebar a:hover ,
#mobile-sidebar a:hover
{
    color: #014c8c;
}

#sidebar .widget-header ,
#mobile-sidebar .widget-header
{
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;

    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: rgba(0, 0, 0, 0.125);
}

#sidebar .widget-title ,
#mobile-sidebar .widget-title
{
    margin-bottom: 0;
}

#sidebar .widget-container ul ,
#mobile-sidebar .widget-container ul
{
    margin-top: 0;
    margin-bottom: 0;
}

#sidebar .card .list-group ,
#mobile-sidebar .card .list-group
{
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: -1px;
}

#sidebar .card .list-group-item ,
#mobile-sidebar .card .list-group-item
{
    text-indent: -1rem;
    padding-left: 2rem;
}

#sidebar .card .gap-ranking-tab .list-group-item ,
#mobile-sidebar .card .gap-ranking-tab .list-group-item
{
    padding-bottom: 0;
}

#sidebar .card .list-group-item a ,
#mobile-sidebar .card .list-group-item a
{
    color: #0275d8;
    text-decoration: none;
    display:block;
}

#sidebar .widget-list-icon ,
#mobile-sidebar .widget-list-icon
{
    color: #F00;
    font-size: 0.8rem;
}

#sidebar .searchform ,
#mobile-sidebar .searchform
{
    padding: 1rem;
}

#sidebar .searchform .screen-reader-text ,
#mobile-sidebar .searchform .screen-reader-text
{
    display: none;
}

#sidebar .card .tagcloud ,
#mobile-sidebar .card .tagcloud
{
    margin: 1rem;
}

#sidebar .post-date ,
#mobile-sidebar .post-date
{
    font-size: 0.7rem;
}

#sidebar li.list-group-item ,
#mobile-sidebar li.list-group-item
{
    font-size: 0.8rem;
}

/*********************************************************
タブレット画面
**********************************************************/
@media screen and ( min-width: 542px ) and ( max-width: 991px )
{
    #sidebar
    {
        display: none;
    }

    #mobile-sidebar
    {
        display: block;
    }
}

/*********************************************************
スマホ画面
**********************************************************/
@media screen and ( max-width: 543px )
{
    #sidebar
    {
        display: none;
    }

    #mobile-sidebar
    {
        display: block;
    }
}


/*********************************************************
フッター領域
**********************************************************/

#footer
{
    width: 100%;
    background-color: #025aa5;

    font-size: 0.8rem;
    color: inherit;
    font-family: inherit;
    font-weight: normal;
    text-decoration: none;
    line-height: 1.2;
}

#footer-copyright
{
    color: #FFF;
    text-align: center;
}

#footer .footer-sidebar
{
    padding-left: 31px;
    padding-right: 31px;
}

#footer a:link
{
    color: #0275d8;
}

#footer a:visited
{
    color: #014c8c;
}

#footer a:hover
{
    color: #014c8c;
}

#footer .widget-title
{
    font-size: 1rem !important;
    color: inherit !important;
    font-weight: bold !important;
}

#footer .widget-header
{
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;

    background-color: rgba(238, 238, 238, 0.5) !important;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: rgba(0, 0, 0, 0.125);
}

#footer .widget-title
{
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 500;
}

#footer .widget-container
{
    background-color: #FFFFFF !important;
}

#footer .widget-container ul
{
    margin-top: 0;
    margin-bottom: 0;
}


#footer .card .list-group
{
    margin: -1px;
}

#footer .card .list-group-item
{
    text-indent: -1rem;
    padding-left: 2rem;
    background-color: #FFFFFF !important;
}

#footer .card .gap-ranking-tab .list-group-item
{
    padding-bottom: 0;
}

#footer .card .list-group-item a
{
    color: #0275d8;
    text-decoration: none;
    display:block;
}
#footer .widget-list-icon
{
    color: #FF00;
    font-size: 0.8rem;
}

#footer .searchform
{
    padding: 1rem;
}

#footer .searchform .screen-reader-text
{
    display: none;
}

#footer .card .tagcloud
{
    margin: 1rem;
}

#footer .post-date
{
    font-size: 0.7rem;
}

#footer li.list-group-item
{
    font-size: 0.8rem;
}

/* スマホ画面 */
@media screen and ( max-width: 543px )
{
    /* フッター */
    #footer .card
    {
        border-radius: 0;
    }

    #footer .card .tagcloud
    {
        margin: 1rem;
    }

    #footer .footer-sidebar
    {
        padding-left: 0;
        padding-right: 0;
    }
}


/*********************************************************
ページスクローラー
**********************************************************/

/* トップに戻る */
#pageTop
{
    position: fixed;
    bottom: 10px;
    right: 20px;
}

#pageDown
{
    position: fixed;
    bottom: 50px;
    right: 20px;
}

#pageNext
{
    position: fixed;
    bottom: 90px;
    right: 20px;
}

#pageBack
{
    position: fixed;
    bottom: 130px;
    right: 20px;
}


#pageTop a.page-icon ,
#pageDown a.page-icon
{
    display: block;
    z-index: 999;
    padding: 8px 0 0 11px;
    border-radius: 30px;
    width: 35px;
    height: 35px;
    background-color: #5bc0de;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    opacity: 0.7;
}

#pageNext a.page-icon ,
#pageBack a.page-icon
{
    display: block;
    z-index: 999;
    padding: 10px 0 0 14px;
    border-radius: 30px;
    width: 35px;
    height: 35px;
    background-color: #5bc0de;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    opacity: 0.7;
}

#pageTop a.page-icon:hover ,
#pageDown a.page-icon:hover ,
#pageNext a.page-icon:hover ,
#pageBack a.page-icon:hover
{
    text-decoration: none;
    opacity: 1;
}

/*********************************************************
インデックス用 ページネーション
**********************************************************/

/* ページネーション */
.pager-post-container
{
    padding-left: 12px;
    padding-right: 12px;
    border-spacing: 0;
}

.pagination .page-item.active .page-link
{
    background-color: #0275d8 !important;
    border-color: #0275d8 !important;
}

.pagination .page-item.active a.page-link
{
    color: #FFFFFF !important;
}

/*********************************************************
スマホ画面
**********************************************************/

@media screen and ( max-width: 543px )
{
    .pager-post
    {
        margin-left: -30px;
        margin-right: -30px;
    }

    .pager-post-container
    {
        padding-left: 0;
        padding-right: 0;
        border-spacing: 0;
    }
}

/*********************************************************
投稿用 ページネーション
**********************************************************/

.post-pager
{
    font-size: 1rem;
    line-height: 1;
    margin-top: 2rem;
    margin-bottom: 2rem;
    padding-left: 0;
    padding-right: 0;
}

.post-pager .post-pager-previmg ,
.post-pager .post-pager-nextimg
{
    position: relative;
    max-width: 100%;
}

.post-pager .post-pager-prev-title ,
.post-pager .post-pager-next-title
{
    justify-content: center;
    align-items: center;
}

.post-pager .post-pager-prev-title
{
    padding-left: 0;
}
.post-pager .post-pager-next-title
{
    padding-right: 0;
}

.post-pager .prev-arrorw
{
    position: absolute;
    top: 40%;
    border: 1px #ccc solid;
    text-align: center;
    padding: 5px;
    color: #666;
    font-size: 0.8rem;
    border-radius: 4px;
    background-color: #fff;
}

.post-pager .next-arrorw
{
    position: absolute;
    top: 40%;
    right: 1rem;
    border: 1px #ccc solid;
    text-align: center;
    padding: 5px;
    color: #666;
    font-size: 0.8rem;
    border-radius: 4px;
    background-color: #fff;
}

/*********************************************************
スマホ画面
**********************************************************/
@media screen and ( max-width: 543px )
{
    .post-pager
    {
        font-size: 0.8rem;
        padding-right: 15px;
        padding-left: 15px;
    }

    .post-pager .post-pager-prev ,
    .post-pager .post-pager-prev-title
    {
        padding-left: 0;
        padding-right: 0.3rem;
    }

    .post-pager .post-pager-next ,
    .post-pager .post-pager-next-title
    {
        padding-right: 0;
        padding-left: 0.3rem;
    }

    .post-pager .post-pager-prev-title ,
    .post-pager .post-pager-next-title
    {
        justify-content: center;
        align-items: center;
    }

    .post-pager .next-arrorw
    {
        right: 0;
    }

    .post-pager .prev-arrorw ,
    .post-pager .next-arrorw
    {
        top: 25%;
        border-radius: 2px;
    }

}

/*********************************************************
ページ分割時 ページネーション
**********************************************************/

.page-section
{
    text-align: center;
    margin-top: 1rem;
    margin-bottom: 2rem;
}

.page-section .page-section-link
{
    font-size: 1rem;
    border: 1px solid #0275d8;
    display: inline-block;
    background: #0275d8;
    color: #FFFFFF;
    padding: 5px 17px;
    margin-left: 2px;
    margin-right: 2px;
}

.page-section a .page-section-link
{
    background: #FFFFFF;
    color: #014c8c;
}


/*********************************************************
SNSスクエアボタン
**********************************************************/

.sns-group
{
    margin-left: -4px;
    margin-right: -4px;
}
.sns-group .sns-btn
{
    padding-left: 4px;
    padding-right: 4px;
    margin-top: 4px;
    margin-bottom: 4px;
}
.sns-group a
{
    padding: 11px 4px;
    font-size: 0.8rem;
    position: relative;
    display: block;
    padding: 10px;
    color: #fff !important;
    border-radius: 1px;
    text-align: center;
    text-decoration: none;
    text-shadow: 1px 1px 0 rgba(255,255,255,0.3);
    line-height: 1.5
}
.sns-group .twitter a
{
    background: #00acee;
}
.sns-group .facebook a
{
    background: #1f6aba;
}
.sns-group .hatebu a
{
    background: #2f70be;
}
.sns-group .googleplus a
{
    background: #df3522;
}
.sns-group .pocket a
{
    background: #ec2136;
}

.sns-group .feedly a
{
    background: #87c040;
}

.sns-group a:before ,
.sns-group a i
{
    margin-right: 0.2rem;
    margin-left: 0.2rem;
    font-size: 0.8rem;
}

/**********************************************************
スマホ画面
**********************************************************/
@media screen and ( max-width: 543px )
{
    .sns-group .sns-text
    {
        display: none;
    }

    .sns-group a:before ,
    .sns-group a i
    {
        margin-right: 0.2rem;
        margin-left: 0.2rem;
        font-size: 1rem;
    }
}

/*********************************************************
SNSバルーンシェアボタン
**********************************************************/

ul.snsb-balloon
{
    padding: 0;
    margin: 20px 0;
}

ul.snsb-balloon li
{
    float:  left;
    list-style-type:  none;
    margin-right:  8px;
}


.balloon-btn-set
{
    display: block;
    width: 60px;
    height: 63px;
}

.balloon-btn-set a
{
    display: block;
    color: #777;
    font-size: 14px;
    text-decoration: none;
}

a.arrow-box-link
{
    font-weight: bold;
    text-align: center;
    font-family:  Arial;
    display: block;
}

a.balloon-btn-link
{
    border: 1px solid #ddd;
    width: 58px;
    height: 20px;
    line-height: 20px;
    position: relative;
    top: 4px;
    color: #FFF;
    border-radius: 3px;
    text-align: center;
    display: block;
}

.arrow-box
{
    position:  relative;
    background:  #fff;
    border:  1px solid #bbb;
    text-align: center;
    width: 58px;
    height: 33px;
    border-radius: 3px;
    line-height: 33px;
    display: inline-block;
}

.arrow-box:after,
.arrow-box:before
{
    top:  100%;
    left:  50%;
    border:  solid transparent;
    content:  ' ';
    height:  0;
    width:  0;
    position:  absolute;
    pointer-events:  none;
}

.arrow-box:after
{
    border-color:  rgba(255, 255, 255, 0);
    border-top-color:  #fff;
    border-width:  3px;
    margin-left:  -3px;
}

.arrow-box:before
{
    border-color:  rgba(187, 187, 187, 0);
    border-top-color:  #ddd;
    border-width:  5px;
    margin-left:  -5px;
}

/************************************
Twitterタイプボタン表示CSS
************************************/

a.balloon-btn-link
{
    font-size: 16px;
    font-weight: normal;
    border: 1px solid #bbb;
    text-decoration: none;
    background: -moz-linear-gradient( center top, #f9f9f9 5%, #e9e9e9 100% );
    background: -ms-linear-gradient( top, #f9f9f9 5%, #e9e9e9 100% );
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9');
    background: -webkit-gradient( linear, left top, left bottom, color-stop(5%, #f9f9f9), color-stop(100%, #e9e9e9) );
    background-color: #f9f9f9;
    color: #666666;
    display: inline-block;
    text-shadow: 1px 1px 0px #ffffff;
    -webkit-box-shadow: inset 1px 1px 0px 0px #ffffff;
    -moz-box-shadow: inset 1px 1px 0px 0px #ffffff;
    box-shadow: inset 1px 1px 0px 0px #ffffff;
}

a.twitter-balloon-btn-link { color: #55acee; }
a.facebook-balloon-btn-link { color: #3c5a99; }
a.googleplus-balloon-btn-link { color: #dd4b39; }
a.hatena-balloon-btn-link { color: #3c7dd1; }
a.pocket-balloon-btn-link { color: #ee4257; }
a.line-balloon-btn-link { color: #00c300; }
a.evernote-balloon-btn-link { color: #51b125; }
a.feedly-balloon-btn-link { color: #87bd33; }

a.twitter-balloon-btn-link:hover { color: #55acee; }
a.facebook-balloon-btn-link:hover { color: #3c5a99; }
a.googleplus-balloon-btn-link:hover { color: #dd4b39; }
a.hatena-balloon-btn-link:hover { color: #3c7dd1; }
a.pocket-balloon-btn-link:hover { color: #ee4257; }
a.line-balloon-btn-link:hover { color: #00c300; }
a.evernote-balloon-btn-link:hover { color: #51b125; }
a.feedly-balloon-btn-link:hover { color: #87bd33; }

/************************************
SNSボタン
************************************/

.sns-group-top
{
    display: inline-block;
}

.sns-group-top .balloon-btn-set
{
    display: block;
    width: 85px;
    height: 22px;
    margin-bottom: 10px;
}

.sns-group-top ul.snsb-balloon li
{
    margin-right: 8px;
}

.sns-group-top ul.snsb-balloon .arrow-box
{
    height: 20px;
    width: 50px;
    line-height: 20px;
    float: right;
}

.sns-group-top ul.snsb-balloon .arrow-box-link
{
    line-height: 20px;
    text-align: center;
}

.sns-group-top ul.snsb-balloon .balloon-btn-link
{
    top: 0;
    width: 28px;
    float: left;
}

.sns-group-top .arrow-box
{
    position: relative;
    background: #fff;
    border: 1px solid #bbb;
}

.sns-group-top .arrow-box:after,
.sns-group-top .arrow-box:before
{
    right: 100%;
    top:  50%;
    border:  solid transparent;
    content:  ' ';
    height: 0;
    width: 0;
    left: auto;
    position: absolute;
    pointer-events: none;
}

.sns-group-top .arrow-box:after
{
    border-color:  rgba(255, 255, 255, 0);
    border-right-color:  #fff;
    border-width:  3px;
    margin-top:  -3px;
}

.sns-group-top .arrow-box:before
{
    border-color:  rgba(119, 119, 119, 0);
    border-right-color:  #bbb;
    border-width:  4px;
    margin-top:  -4px;
}


/*********************************************************
パンくずリスト
**********************************************************/

.bread-crumb
{
    font-size: 0.75rem;
}
.bread-crumb a
{
    text-decoration: none;
}

/* スマホ画面 */
@media screen and ( max-width: 543px )
{
    .bread-crumb
    {
        margin-left: 0;
        margin-right: 0;
    }
}


.fb-likebtn
{
    background: #111;
    color: #fff;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.fb-likebtn .fb-thumbnail
{
    padding-left: 0;
    padding-right: 0;
    background-size: cover;
    background-position: center center; 
    background-repeat: no-repeat;
    height: 13rem;
}

.fb-likebtn .fb-like-container
{
    height: 13rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.fb-likebtn .like_text
{
    font-size: 1.05rem;
    margin-top: 1rem;
    line-height: 1.4;
}

.fb-likebtn .like_text p
{
    margin-bottom: 1rem;
}

/**********************************************************
スマホ画面
**********************************************************/

@media screen and ( max-width: 543px )
{
    .fb-likebtn .fb-thumbnail
    {
        height: 6.5rem;
    }

    .fb-likebtn .fb-like-container
    {
        height: 6.5rem;
    }

    .fb-likebtn .like_text
    {
        font-size: 0.7rem;
        line-height: 1.2;
    }
}


/*********************************************************
ブログカードのスタイル
**********************************************************/

.blog-card
{
    padding:12px;
    margin:10px 0;
    border:1px solid #ddd;
    word-wrap:break-word;
    max-width:100%;
    width:100%;
    border-radius:5px;
    line-height: 1;
}

.blog-card-thumbnail-container
{
    float:left;
}

.blog-card-thumbnail
{
    width: 100px;
    height: 100px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    border: 1px solid #eee;
}

.blog-card-content
{
    margin-left:110px;
    line-height:120%;
}

.blog-card-title
{
    margin-bottom:5px;
    border-bottom: solid 2px #ccc;
}

.blog-card .rel-label
{
    color: #222
}

.blog-card-title a
{
    font-weight:bold;
    text-decoration:none;
    color:#111;
}

.blog-card-excerpt
{
    color:#333;
    font-size:0.9rem;
}

.blog-card-footer
{
    font-size:0.7rem;
    color:#777;
    margin-top:5px;
    text-align: right;
}

.blog-card .clear
{
    clear:both;
}


/*********************************************************
コメントフォーム
**********************************************************/

#comment
{
    max-width: 100%;
    height: 4rem;
}

#comment-form-area .comment-list
{
    padding: 0;
}

#comment-form-area .list-group-item
{
    padding-left: 0;
    padding-right: 0;
}

#comment-form-area li.list-group-item:first-child
{
    border-top: 0;
}

#comment-form-area .comment-avator
{
    padding: 0;
}
#comment-form-area .center-block
{
    margin-left: 0;
    margin-right: 0;
}

#comment-form-area .list-group-item:last-child
{
    border-bottom: none;
}

#comment-form-area .comment-ip
{
    margin-bottom: 8px;
}

#respond
{
    border-top: 1px solid #ddd;
    padding-top: 1rem;
}

#comment-form-area .comment-date ,
#comment-form-area .comment-ip
{
    font-size: 0.8rem;
    line-height: 1.5;
}

#comment-form-area .comment-title
{
    padding: .25rem 0 .25rem .75rem;
    border-left: 6px solid #ccc;
    margin-bottom: 2rem;
    font-size: 1.5rem;
}

#comment-nav-below
{
    clear: both;
    line-height: 2;
    overflow: hidden;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

#comment-nav-below .nav-previous
{
    float: left;
    width: 50%;
}

#comment-nav-below .nav-next
{
    float: right;
    text-align: right;
    width: 50%;
}

#comment-form-area .back-page-btn .label-default
{
    display: block;
    background-color: #222;
}

#comment-form-area .back-page-btn a
{
    color: #FFF;
}

#comment-form-area .back-page-btn
{
    border-top: 1px solid #ddd;
    padding-top: 1rem;
    padding-bottom: 0.5rem;
}

#comment-form-area .label-primary
{
    background-color: #0275d8;
}

#comment-form-area .label-primary a
{
    color: #FFF;
}

#comment-form-area .label-default
{
    background-color: #0275d8;
    margin-left: 4px;
}

#comment-form-area .label-default a
{
    color: #FFF;
}


/**********************************************************
デコレーション
**********************************************************/

/* 補足説明（黄色枠 */
.deco-yellow
{
    background: #ffffe0;
    background: rgba(255,255,0,.2);
    font-size: .9em;
    padding: 3% 4%;
    margin: 1.5em 0 2em;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #999;
    border-color: rgba(165,165,165,0.2)
}

/* 注意説明（ピンク枠 */
.deco-pink
{
    background: #ffc0cb;
    background: rgba(255,0,45,0.1);
    color: #333;
    font-size: .9em;
    padding: 3% 4%;
    margin: 1.5em 0 2em;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #999;
    border-color: rgba(165,165,165,0.2)
}

/* 赤文字 */
.deco-red
{
    color: #ff0000;
    font-weight: bold;
}

/* 赤✕黄色文字 */
.deco-redy
{
    color: #ff0000;
    background-color: #ffff00;
    font-weight: bold;
}

/* 青文字 */
.deco-blue
{
    color: #4269E0;
    font-weight: bold;
}

/* デカ文字 */
.deco-big
{
    font-size: 28px;
    font-weight: bold;
}

/* 赤文字大 */
.deco-redbig
{
    color: #ff0000;
    font-size: 28px;
    font-weight: bold;
}

/* 出典 */
.deco-link a
{
    text-align: right;
    color: #999999;
    font-size: 8px;
}

.deco-link
{
    text-align: right;
    color: #999999;
    font-size: 8px;
}


/**********************************************************
広告用
**********************************************************/

.youtube-ads
{
    width: 744px;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}

.youtube-ads img
{
    width: 100%;
    max-width: 100%;
    height: auto;
}

.youtube-ad-container
{
    position: relative;
    width: 744px;
    padding-top: 56.25%;
    border: 8px solid #eee;
    margin: 0 auto;
}

.youtube-ad
{
    display: none;
    position:absolute;
    bottom: 10%;
    width: 100%;
    z-index: 2;
}

.youtube-ad-close
{
    position: absolute;
    z-index: 2;
    color: #FFF;
    line-height: 1;
    top: -15px;
    left: 50%;
    cursor: pointer;
}

.youtube-ad img
{
    max-width: 100%;
    width: 100%;
}

.youtube-ad-container iframe[src*='youtube.com']
{
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
}

.youtube-ad iframe
{
    height: 90px;
}

.youtube-ad-img
{
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    background-color: gray;
    background-position: center center;
    background-repeat: no-repeat;
    background-size:cover;
}

.youtube-ad-btn
{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;

}

.youtube-ad-modal-playButton
{
    color: #FFF !important;
}

.youtube-ad-modal-backButton
{
    color: #FFF !important;
}

.movieModal-header ,
.movieModal-footer
{
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}

.movieModal-body
{
    padding-top: 4px !important;
}

#interstitial_ad img
{
    max-width: 100%;
    width: 542px;
}

/**********************************************************
タブレット画面
**********************************************************/
@media screen and ( min-width: 542px ) and ( max-width: 991px )
{

    #interstitial_ad
    {
        display: none;
        width:100%;
    }

    #interstitial_ad .interstitial_ad-wrapper
    {
        width: 100%;
        margin: 0 auto;
        background-color: rgba(255,255,255,0);
    }

    #interstitial-close
    {
        color:#fff;
        line-height: 1;
        margin-bottom: 0.3rem;
        font-size: 1rem;
    }

    #interstitial_ad .interstitial_ad-content
    {
        margin: 0 auto;
        text-align: center;
    }

}

/**********************************************************
スマホ画面
**********************************************************/
@media screen and ( max-width: 543px )
{

    #interstitial_ad
    {
        display: none;
        width:100%;
    }

    #interstitial_ad .interstitial_ad-wrapper
    {
        width: 100%;
        margin: 0 auto;
        background-color: rgba(255,255,255,0);
    }

    #interstitial-close
    {
        color:#fff;
        line-height: 1;
        margin-bottom: 0.3rem;
        font-size: 1rem;
    }

    #interstitial_ad .interstitial_ad-content
    {
        margin: 0 auto;
        text-align: center;
    }

	/* 広告突き抜け防止策 */
    html,
    body
    {
        overflow-x: hidden;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
    }
}


/**********************************************************
ニュースタブ用
**********************************************************/
.tab-navi .newstab-post
{
    margin-top: 1rem;
}

/* サムネイル */
.tab-navi .card-newstab-thumbnail
{
    width: 100%;
    height: 200px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.tab-navi .card-title 
{
    padding: 0.2rem;
    margin-bottom: 0;
}

.tab-navi .post-title a
{
    color: #0275d8;
    font-size: 0.85rem;
    line-height: 1.1rem;
    font-weight: normal;
    text-decoration: none;
}

.tab-navi .card-deck
{
    border-spacing: 0.7rem 0;
}

.tab-navi .card
{
    box-shadow: 0px 0px 4px 1px rgba(200,200,200,0.4);
    -moz-box-shadow: 0px 0px 4px 1px rgba(200,200,200,0.4);
    -webkit-box-shadow: 0px 0px 4px 1px rgba(200,200,200,0.4);
}

.tab-navi .bx-viewport
{
    height: initial !important;
}

.tab-navi .tabContainer
{
    overflow-x: auto;
    background-color: #000;
}

.tab-navi .tabContainer::-webkit-scrollbar
{
    height: 5px;
}

.tab-navi .tabContainer::-webkit-scrollbar-track
{
    background: #000;
}

.tab-navi .tabContainer::-webkit-scrollbar-thumb
{
    background: #000;
}

.tab-navi .tab
{
    display: table;
}

.tab-navi .bx-wrapper
{
    border: 0;
}

.tab-navi .tab__button
{
    display: table-cell;
    text-align: center;
    background-color: #000;
    vertical-align: middle;
    border: 2px solid #FFF;
    border-bottom-width: 2px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    min-width: 80px;
}

.tab-navi .tab__button.active
{
    border-bottom: none;
}

.tab-navi .tab__button a
{
    padding: 6px;
    color: #FFF;
    display: block;
    text-decoration: none;
    font-size: 0.7rem;
}

.tab-navi .contents__content
{
    background-color: #FFF;
    display: none;
}


/**********************************************************
スマホ画面
**********************************************************/
@media screen and ( max-width: 543px )
{
    /* サムネイルサイズ */
    .tab-navi .card-newstab-thumbnail
    {
        height: 40px;
    }

    .tab-navi .post-title a
    {
        font-size: 0.5rem;
        line-height: 0.5;
    }

}


/*********************************************************
ボイスラジオ
**********************************************************/

/* 再生ボタン */
#voice-radio
{
    position: fixed;
    bottom: 170px;
    right: 20px;
}

#voice-radio a.voice-radio-icon
{
    display: block;
    z-index: 999;
    padding: 8px 0 0 11px;
    border-radius: 30px;
    width: 35px;
    height: 35px;
    background-color: #ff9600;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    opacity: 0.7;
}

#voice-radio a.voice-radio-icon:hover
{
    text-decoration: none;
    opacity: 1;
}