@charset "utf-8";

/*********************************************************
レイアウトとフォントCSS
**********************************************************/

/**********************************************************
PC画面 コンテンツ
**********************************************************/
body
{
    background-color: #FFF;
    
    background-repeat: no-repeat;
    background-size: auto;
    background-attachment: scroll;
    background-position: scroll
}

/**********************************************************
タブレット画面 コンテンツ
**********************************************************/
@media screen and ( min-width: 542px ) and ( max-width: 991px )
{
    body
    {
        background-color: #FFF;
        
        background-repeat: no-repeat;
        background-size: 自動計算;
        background-attachment: scroll;
        background-position: scroll
    }
    .br-tab { display:none; }

}
/**********************************************************
スマホ画面 コンテンツ
**********************************************************/
@media screen and ( max-width: 542px )
{
    body
    {
        background-color: #FFF;
        
        background-repeat: no-repeat;
        background-size: 自動計算;
        background-attachment: scroll;
        background-position: scroll
    }
    .br-sp { display:none; }
}


/**********************************************************
共通レイアウト
**********************************************************/

#layout
{
    position: relative;
}

.main-content-area,
.main-content-wrap,
.main-content-site,
.sidebar-left,
.sidebar-right,
.footer-widget-area,
.widget-area,
.footer-copy-area
{
    display: block;
    position: relative;
    overflow: hidden;
}

.component-inner
{
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    line-height: 1;
}

.component-inner
{
    margin: 0 auto;     /* センタリング */
    max-width: 1280px;
}

/* 3カラム 左サイドバー+右サイドバー*/

/* メインコンテンツの外幅 */
body.column-3 .main-content-wrap
{
    float: left;
    width: 82%;
}

/* 右サイドバーの幅 */
body.column-3 .sidebar-right
{
    float: right;
    width: 18%;
}

/* 左サイドバーの幅 */
body.column-3 .sidebar-left
{
    float: left;
    width: 22.5%;
}

/* メインコンテンツの幅 */
body.column-3 .main-content-site
{
    float: right;
    width: 77.5%;
    padding-left: 1rem;
    padding-right: 1rem;
}



/* 2カラム 左サイドバー */

/* メインコンテンツの幅 */
body.column-2l .main-content-wrap
{
    width: 100%;
}

/* メインコンテンツの外幅 */
body.column-2l .main-content-site
{
    float: right;
    width: 72%;
    padding-left: 1rem;
}

/* 左サイドバーの幅 */
body.column-2l .sidebar-left
{
    float: left;
    width: 28%;
}



/* 2カラム 右サイドバー */

/* メインコンテンツの外幅 */
body.column-2r .main-content-wrap
{
    float: left;
    width: 72%;
}

/* メインコンテンツの幅 */
body.column-2r .main-content-site
{
    width: 100%;
    padding-right: 1rem;
}

/* 右サイドバーの幅 */
body.column-2r .sidebar-right
{
    float: right;
    width: 28%;
}



/* 1カラム */

body.full-width .main-content-wrap,
body.full-width .main-content-site
{
    width: 100%;
}

/**********************************************************
タブレット画面
**********************************************************/
@media screen and ( min-width: 542px ) and ( max-width: 991px )
{
    .component-inner,
    .site-header-area .component-inner
    {
        margin: 0 auto;     /* センタリング */
        max-width: 100%;
    }

    /* メインコンテンツの外幅 */
    .main-content-wrap
    {
        width: 100% !important;
    }
    /* メインコンテンツの幅 */
    .main-content-site
    {
        width: 100% !important;
        padding-right: 0 !important;
        padding-right: 0 !important;
    }
    /* サイドバーの幅 */
    .sidebar-right , .sidebar-left
    {
        width: 100% !important;
    }

}
/**********************************************************
スマホ画面
**********************************************************/
@media screen and ( max-width: 542px )
{
    .component-inner,
    .site-header-area .component-inner
    {
        margin: 0 auto;     /* センタリング */
        max-width: 100%;
    }

    /* メインコンテンツの外幅 */
    .main-content-wrap
    {
        width: 100% !important;
    }
    /* メインコンテンツの幅 */
    .main-content-site
    {
        width: 100% !important;
        padding-right: 0 !important;
        padding-right: 0 !important;
    }
    /* サイドバーの幅 */
    .sidebar-right , .sidebar-left
    {
        width: 100% !important;
    }
}
/*********************************************************
PC画面 フォント
**********************************************************/
body
{
    font-size: 16px;
    font-family: "メイリオ", Meiryo,"游ゴシック",YuGothic,"Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3",Arial,Helvetica,sans-serif;
    font-weight: normal;
    color: #333;
    line-height: 1.5;
    word-wrap: break-word;
}
h1
{
    font-size: 1.5rem;
}
h2
{
    font-size: 1.25rem;
}
h3
{
    font-size: 1.2rem;
}
h4
{
    font-size: 1rem;
}
/**********************************************************
PC画面 リンク
**********************************************************/
.layout-wrapper a:link
{
    color: #0275d8;
    font-weight: normal;
    text-decoration: none;
}
.layout-wrapper a:visited
{
    color: #014c8c;
    font-weight: normal;
    text-decoration: none;
}
.layout-wrapper a:hover
{
    color: #014c8c;
    font-weight: normal;
    text-decoration: none;
}


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

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

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

    /*********************************************************
    フォント
    **********************************************************/
    body
    {
        font-size: 16px;
        font-family: "メイリオ", Meiryo,"游ゴシック",YuGothic,"Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3",Arial,Helvetica,sans-serif;
        font-weight: normal;
        color: #333;
        line-height: 1.5;
        word-wrap: break-word;
    }
    h1
    {
        font-size: 1.5rem;
    }
    h2
    {
        font-size: 1.25rem;
    }
    h3
    {
        font-size: 1.2rem;
    }
    h4
    {
        font-size: 1rem;
    }

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

}

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

    /*********************************************************
    フォント
    **********************************************************/
    body
    {
        font-size: 16px;
        font-family: "メイリオ", Meiryo,"游ゴシック",YuGothic,"Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3",Arial,Helvetica,sans-serif;
        font-weight: normal;
        color: #333;
        line-height: 1.5;
        word-wrap: break-word;
    }
    h1
    {
        font-size: 1.5rem;
    }
    h2
    {
        font-size: 1.25rem;
    }
    h3
    {
        font-size: 1.2rem;
    }
    h4
    {
        font-size: 1rem;
    }

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

}

/*********************************************************
グローバルナビゲーション共通
**********************************************************/

.header-navi
{
    max-width: 100%;
    background-color: none;

    border-top: none;
    border-bottom: none;
    border-left: none;
    border-right: none;

    /* ボックスシャドウ */
    box-shadow: none;
}
.header-navi .header-navi-frame
{
    max-width: 1280px;
    margin: 0 auto;
}
.header-navi .navbar-nav
{
    padding: 0;
}
.header-navi .navbar-nav > li
{
    border-left: none;
    text-align: center;
    float: left;
}
.header-navi .navbar-nav > li:first-child
{
    border-left: none;
}
.header-navi .navbar-nav > li:last-child
{
    border-right: none;
}
/* 飛び出たリンク文字列は折り返さずに隠す */
.header-navi .main-menu-item a
{
    overflow-x: hidden;
    white-space: nowrap;
}
.header-navi .navbar-nav .nav-item + .nav-item
{
    margin-left: 0;
}
.header-navi li
{
    color: #333 !important;
    text-decoration: none !important;
}
.header-navi li a
{
    display: inline-block;
    position: relative;
    font-size: 0.8rem !important;
    color: #333 !important;
    font-family: inherit !important;
    font-weight: normal !important;
    text-decoration: none !important;
    line-height: normal !important;
}
.header-navi li a:link
{
    color: #333 !important;
}
.header-navi li a:visited
{
    color: #333 !important;
}
.header-navi ul li a:hover
{
    color: #333 !important;
    text-decoration: none !important;
}
.header-navi ul li a:hover::before
{

}
.header-navi ul li a:hover::after
{

}
/**********************************************************
PC画面 グローバルナビゲーション
**********************************************************/

.header-navi
{
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
}
.header-navi .navbar-nav > li
{
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
}
.header-navi .header-frame .navbar
{
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 1rem;
    margin-right: 1rem;
}
.header-navi-wrapper
{
    background-color: rgb(255, 255, 255);
}
/**********************************************************
タブレット画面 グローバルナビゲーション
**********************************************************/
@media screen and ( min-width: 542px ) and ( max-width: 991px )
{
    .header-navi
    {
        background-color: none;
        margin-top: 0;
        margin-bottom: 0;
        margin-left: 0;
        margin-right: 0;

        /* ボックスシャドウ */
        box-shadow: 0px 4px 4px 1px rgba(186,186,186,0.3);
    }
    .header-navi .navbar-nav > li
    {
        padding-top: 0;
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0;
    }
    .header-navi .header-frame .navbar
    {
        margin-top: 0;
        margin-bottom: 0;
        margin-left: 0;
        margin-right: 0;
    }
    .header-navi li
    {
        color: inherit !important;
        text-decoration: none !important;
    }
    .header-navi li a
    {
        display: inline-block;
        position: relative;
        font-size: 1rem !important;
        color: #0275d8 !important;
        font-family: inherit !important;
        font-weight: normal !important;
        text-decoration: none !important;
        line-height: normal !important;
    }
    .header-navi li a:link
    {
        color: #0275d8 !important;
    }
    .header-navi li a:visited
    {
        color: #014c8c !important;
    }
    .header-navi ul li a:hover
    {
        color: #014c8c !important;
        text-decoration: none !important;
    }
    .header-navi ul li a:hover::before
    {
    
    }
    .header-navi ul li a:hover::after
    {
    
    }
    .header-navi-wrapper
    {
        background-color: rgb(255, 255, 255);
    }
}
/**********************************************************
スマホ画面 グローバルナビゲーション
**********************************************************/
@media screen and ( max-width: 542px )
{
    .header-navi
    {
        background-color: none;
        margin-top: 0;
        margin-bottom: 0;
        margin-left: 0;
        margin-right: 0;

        /* ボックスシャドウ */
        box-shadow: 0px 4px 4px 1px rgba(186,186,186,0.3);
    }
    .header-navi .navbar-nav > li
    {
        padding-top: 0;
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0;
    }
    .header-navi .header-frame .navbar
    {
        margin-top: 0;
        margin-bottom: 0;
        margin-left: 0;
        margin-right: 0;
    }
    .header-navi li
    {
        color: inherit !important;
        text-decoration: none !important;
    }
    .header-navi li a
    {
        display: inline-block;
        position: relative;
        font-size: 1rem !important;
        color: #0275d8 !important;
        font-family: inherit !important;
        font-weight: normal !important;
        text-decoration: none !important;
        line-height: normal !important;
    }
    .header-navi li a:link
    {
        color: #0275d8 !important;
    }
    .header-navi li a:visited
    {
        color: #014c8c !important;
    }
    .header-navi ul li a:hover
    {
        color: #014c8c !important;
        text-decoration: none !important;
    }
    .header-navi ul li a:hover::before
    {
    
    }
    .header-navi ul li a:hover::after
    {
    
    }
    .header-navi-wrapper
    {
        background-color: rgb(255, 255, 255);
    }
}

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

.mobile-header-navi
{
    display: none;
}

/**********************************************************
タブレット画面 モバイルスライドナビゲーションメニュー
**********************************************************/
@media screen and ( min-width: 542px ) and ( max-width: 991px )
{
    .mobile-header-navi
    {
        display: block;
        background-color: #efefef;
        padding-top: 0.3rem;
        padding-bottom: 0.3rem;
        padding-left: 0.3rem;
        padding-right: 0.3rem;
    }

    /* モバイル用スライドカテゴリ */
    .mobile-header-navi
    {
        overflow: hidden;
        height: 1.5rem;
        width: 100%;
    }
    .mobile-header-navi .mobile-header-navi-mask
    {
        height: 3rem;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    .mobile-header-navi .mobile-header-navi-wrapper
    {
        display: inline-table;
        max-width: 100%;
        padding-left: 0;
    }
    .mobile-header-navi .mobile-header-navi-wrapper li
    {
        display: table-cell;
        white-space: nowrap;
    }
    .mobile-header-navi .mobile-header-navi-wrapper li a
    {
        display: inline-block;
        height: 1rem;
        background-color: rgba(170,170,170,0.3);
        font-size: 0.7rem;
        color: #333;
        font-weight: normal;
        line-height: 1.8;
        text-decoration: none;
        text-align: center;
        white-space: nowrap;
        vertical-align: baseline;
        border-radius: 10rem;
        margin-right: 0.2rem;
        padding-left: 0.6rem;
        padding-right: 0.6rem;
    }

}
/**********************************************************
スマホ画面 モバイルスライドナビゲーションメニュー
**********************************************************/
@media screen and ( max-width: 542px )
{
    .mobile-header-navi
    {
        display: block;
        background-color: #efefef;
        padding-top: 0.3rem;
        padding-bottom: 0.3rem;
        padding-left: 0.3rem;
        padding-right: 0.3rem;
    }

    /* モバイル用スライドカテゴリ */
    .mobile-header-navi
    {
        overflow: hidden;
        height: 1.5rem;
        width: 100%;
    }
    .mobile-header-navi .mobile-header-navi-mask
    {
        height: 3rem;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    .mobile-header-navi .mobile-header-navi-wrapper
    {
        display: inline-table;
        max-width: 100%;
        padding-left: 0;
    }
    .mobile-header-navi .mobile-header-navi-wrapper li
    {
        display: table-cell;
        white-space: nowrap;
    }
    .mobile-header-navi .mobile-header-navi-wrapper li a
    {
        display: inline-block;
        height: 1rem;
        background-color: rgba(170,170,170,0.3);
        font-size: 0.7rem;
        color: #333;
        font-weight: normal;
        line-height: 1.8;
        text-decoration: none;
        text-align: center;
        white-space: nowrap;
        vertical-align: baseline;
        border-radius: 10rem;
        margin-right: 0.2rem;
        padding-left: 0.6rem;
        padding-right: 0.6rem;
    }
}

/**********************************************************
PC画面 ヘッダー
**********************************************************/
.site-header-area .component-inner
{
    margin: 0 auto;     /* センタリング */
    max-width: 1280px;
}
#pc-header
{
    display: block;
    position: relative;
    width: 100%;
    height: 300px;
}
#pc-header .pc-header-logo
{
    position: absolute;
    top: 0;
    left: 0;
    max-width: 100%;
}
#pc-header .pc-header-catch
{
    position: absolute;
    top: 0;
    left: 0;
}
#tab-header , #sp-header
{
   display: none;
}
.site-header-area
{
    
    background-color: rgb(255, 255, 255);
    background: linear-gradient();
    background-repeat: no-repeat;
    background-size: auto;
    background-attachment: scroll;
    background-position: scroll
}
.site-header-area .component-inner
{
    margin-top: 0;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;

    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
}
.site-header-area
{
    border-top-width: 0;
    border-top-style: solid;
    border-top-color: #d2d2d2;
}
/**********************************************************
タブレット画面 ヘッダー
**********************************************************/
@media screen and ( min-width: 542px ) and ( max-width: 991px )
{
    #tab-header
    {
       display: block;
        position: relative;
        width: 100%;
        height: 566px;
    }
    #tab-header .tab-header-logo
    {
        position: absolute;
        top: 0;
        left: 0;
        max-width: 100%;
    }
    #tab-header .tab-header-catch
    {
        position: absolute;
        top: 0;
        left: 0;
    }
    #pc-header , #sp-header
    {
       display: none;
    }
    .site-header-area
    {
        
        background-color: #f5f5f5;
        background: linear-gradient();
        background-repeat: no-repeat;
        background-size: auto;
        background-attachment: scroll;
        background-position: scroll
    }
    .site-header-area .component-inner
    {
        margin-top: 0;
        margin-bottom: 1rem;
        margin-left: auto;
        margin-right: auto;

        padding-top: 0;
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0;
    }
    .site-header-area
    {
        border-top-width: 0;
        border-top-style: solid;
        border-top-color: #d2d2d2;
    }
}
/**********************************************************
スマホ画面 ヘッダー
**********************************************************/
@media screen and ( max-width: 542px )
{
    #sp-header
    {
        display: block;
        position: relative;
        width: 100%;
        height: 666px;
    }
    #sp-header .sp-header-logo
    {
        position: absolute;
        top: 0;
        left: 0;
        max-width: 200px;
    }
    #sp-header .sp-header-catch
    {
        position: absolute;
        top: 0;
        left: 0;
    }
    #pc-header , #tab-header
    {
       display: none;
    }
    .site-header-area
    {
        
        background-color: #f5f5f5;
        background: linear-gradient();
        background-repeat: no-repeat;
        background-size: auto;
        background-attachment: scroll;
        background-position: scroll
    }
    .site-header-area .component-inner
    {
        margin-top: 0;
        margin-bottom: 1rem;
        margin-left: auto;
        margin-right: auto;

        padding-top: 0;
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0;
    }
    .site-header-area
    {
        border-top-width: 0;
        border-top-style: solid;
        border-top-color: #d2d2d2;
    }
}

/**********************************************************
PC画面 ヘッダーメタ
**********************************************************/

#pc-header-meta
{
    display: block;
    position: relative;
    width: 100%;
    height: auto;

    
    background-color: #f5f5f5;
    
    background-repeat: no-repeat;
    background-size: auto;
    background-attachment: scroll;
    background-position: center center;
}
#pc-header-meta .component-inner
{
    width: 1280px;

    margin-top: 0;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;

    padding-top: 0;
    padding-bottom: 0;
    padding-left: 1rem;
    padding-right: 1rem;
}
#tab-header-meta , #sp-header-meta
{
    display: none;
}
/**********************************************************
タブレット画面 ヘッダーメタ
**********************************************************/
@media screen and ( min-width: 542px ) and ( max-width: 991px )
{
    #tab-header-meta
    {
        display: block;
        position: relative;
        width: 100%;
        height: 300px;
    }
    #tab-header-meta .component-inner
    {
        
        background-color: #f5f5f5;
        
        background-repeat: no-repeat;
        background-size: auto;
        background-attachment: scroll;
        background-position: center center;

        margin-top: 0;
        margin-bottom: 0;
        margin-left: auto;
        margin-right: auto;

        padding-top: 0;
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0;
    }
    #pc-header-meta , #sp-header-meta
    {
        display: none;
    }
}
/**********************************************************
スマホ画面 ヘッダーメタ
**********************************************************/
@media screen and ( max-width: 542px )
{
    #sp-header-meta
    {
        display: block;
        position: relative;
        width: 100%;
        height: 200px;
    }
    #sp-header-meta .component-inner
    {
        
        background-color: #f5f5f5;
        
        background-repeat: no-repeat;
        background-size: auto;
        background-attachment: scroll;
        background-position: center center;

        margin-top: 0;
        margin-bottom: 0;
        margin-left: auto;
        margin-right: auto;

        padding-top: 0;
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0;
    }
    #pc-header-meta , #tab-header-meta
    {
        display: none;
    }
}

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

/* 画像の左揃え */
.entry-content .alignleft
{
    max-width: 50%;
    float: left;
}
/* 画像の右揃え */
.entry-content .alignright
{
    max-width: 50%;
    float: right;
}
/* 画像の中央揃え */
.entry-content .aligncenter
{
    display: block;
    margin-left: auto;
    margin-right: auto;
}
/* 投稿画像の横幅 */
.entry-content .wp-caption
{
    width: 100% !important;
}

/* 動画 */
embed,
iframe,
object,
video
{
    max-width: 100%;
}
.entry-content .twitter-tweet-rendered
{
    max-width: 100% !important;
}
/* youtubeのレスポンシブ対応 */
.youtube
{
    position: relative;
    padding-bottom: 56.25%;
}
.youtube iframe
{
    width: 100%;
    height:100%;
    position: absolute;
    left: 0;
    top: 0;    
}
img
{
    max-width: 100%;
    height: auto;
}

/*********************************************************
PC画面 画像関係
**********************************************************/

/* アイキャッチ画像 */
.entry-content > :not(.elementor) img.wp-post-image
{
    display: block;

    width: 100%;
    height: auto;
    max-width: none;

    object-fit: none;
    object-position: 50% 50%;

    border-width: 0;
    border-style: none;
    border-color: #fff;
    box-shadow: none;
    border-radius: 0;

    margin-top: 1rem;
    margin-bottom: 1rem;
    margin-left: 0;
    margin-right: 0;

    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
}

/* 投稿画像 */
.entry-content > :not(.elementor) img[class*='wp-image-']
{
    display: block;

    width: 100%;
    height: auto;
    max-width: none;

    object-fit: none;
    object-position: 50% 50%;

    border-width: 0;
    border-style: none;
    border-color: #fff;
    box-shadow: none;
    border-radius: 0;

    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;

    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
}
/* 画像キャプション */
.entry-content .wp-caption .wp-caption-text,
.entry-content .gallery-caption,
.entry-content .entry-caption
{
    text-align: center;
    margin-top: 1rem;
}
/* ページャ付サムネイル投稿 */
.tb-card-image img.tb-card-thumb-img
{
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: 50% 50%;
}
/**********************************************************
タブレット画面 画像関係
**********************************************************/
@media screen and ( min-width: 542px ) and ( max-width: 991px )
{
    /* アイキャッチ画像 */
    .entry-content > :not(.elementor) img.wp-post-image
    {
        display: block;

        width: 100%;
        height: 400px;
        max-width: none;

        object-fit: cover;
        object-position: 50% 50%;

        border-width: 0;
        border-style: none;
        border-color: #fff;
        box-shadow: none;
        border-radius: 0;

        margin-top: 1rem;
        margin-bottom: 1rem;
        margin-left: 0;
        margin-right: 0;

        padding-top: 0;
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0;
    }

    /* 投稿画像 */
    .entry-content > :not(.elementor) img[class*='wp-image-']
    {
        display: block;

        width: 100%;
        height: 400px;
        max-width: none;

        object-fit: cover;
        object-position: 50% 50%;

        border-width: 0;
        border-style: none;
        border-color: #fff;
        box-shadow: none;
        border-radius: 0;

        margin-top: 0;
        margin-bottom: 0;
        margin-left: 0;
        margin-right: 0;

        padding-top: 0;
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0;
    }
    /* 画像キャプション */
    .entry-content .wp-caption .wp-caption-text,
    .entry-content .gallery-caption,
    .entry-content .entry-caption
    {
        margin-top: 1rem;
    }
    /* ページャ付サムネイル投稿 */
    .tb-card-image img.tb-card-thumb-img
    {
        width: 100%;
        height: auto;
        object-fit: cover;
        object-position: 50% 50%;
    }
}
/**********************************************************
スマホ画面 画像関係
**********************************************************/
@media screen and ( max-width: 542px )
{
    /* アイキャッチ画像 */
    .entry-content > :not(.elementor) img.wp-post-image
    {
        display: block;

        width: 100%;
        height: 400px;
        max-width: none;

        object-fit: cover;
        object-position: 50% 50%;

        border-width: 0;
        border-style: none;
        border-color: #fff;
        box-shadow: none;
        border-radius: 0;

        margin-top: 1rem;
        margin-bottom: 1rem;
        margin-left: 0;
        margin-right: 0;

        padding-top: 0;
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0;
    }

    /* 投稿画像 */
    .entry-content > :not(.elementor) img[class*='wp-image-']
    {
        display: block;

        width: 100%;
        height: 400px;
        max-width: none;

        object-fit: cover;
        object-position: 50% 50%;

        border-width: 0;
        border-style: none;
        border-color: #fff;
        box-shadow: none;
        border-radius: 0;

        margin-top: 0;
        margin-bottom: 0;
        margin-left: 0;
        margin-right: 0;

        padding-top: 0;
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0;
    }
    /* 画像キャプション */
    .entry-content .wp-caption .wp-caption-text,
    .entry-content .gallery-caption,
    .entry-content .entry-caption
    {
        margin-top: 1rem;
    }
    /* ページャ付サムネイル投稿 */
    .tb-card-image img.tb-card-thumb-img
    {
        width: 100%;
        height: auto;
        object-fit: cover;
        object-position: 50% 50%;
    }
}

/*********************************************************
ドロップメニュー
**********************************************************/
/* リンク余白 */
.dropmenu li a
{
    width: 100%;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}
.dropmenu:before, .dropmenu:after
{
    content: '';
    display: table;
}

.dropmenu:after
{
    clear: both;
}

.dropmenu li
{
    position: relative;
}

/* サブメニュー */
.dropmenu .sub-menu li a
{
    display: block;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    line-height: 1;
    text-align: left;
}
/* サブメニュー共通 */
.dropmenu .sub-menu li
{
    width: 200px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #818a91;

    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #818a91;

    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #818a91;
}
/* 一回層目共通 */
.dropmenu .sub-menu1
{
    list-style: none;
    position: absolute;
    z-index: 9999;
    top: 100%;
    left: 0;
    margin: 0;
    padding: 0;
}
.dropmenu .sub-menu1 li:first-of-type
{
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #818a91;
}
/* 一回層目 */
.dropmenu .sub-menu1 li
{
    background-color: #eceeef;
}
.dropmenu .sub-menu1 li a
{
    color: inherit;
}
/* 二階層目 */
.dropmenu .sub-menu2 li
{
    background-color: #eceeef;
}
.dropmenu .sub-menu2 li a
{
    color: inherit;
}
/* 三階層目 */
.dropmenu .sub-menu3 li
{
    background-color: #eceeef;
}
.dropmenu .sub-menu3 li a
{
    color: inherit;
}
/* 四階層目 */
.dropmenu .sub-menu4 li
{
    background-color: #eceeef;
}
.dropmenu .sub-menu4 li a
{
    color: inherit;
}
/* 二回層目以降 */
.dropmenu ul ul
{
    position: absolute;
    top: 0;
    left: 100%;
    margin-top: -1px;
}
/* アクティブ時 */
.dropmenu .current-menu-item ,
.dropmenu .current-menu-parent
{
    background-color: inherit;
}
.dropmenu .current-menu-item a,
.dropmenu .current-menu-parent a
{
    color inherit;
}
/* マウスホバー */
.dropmenu .sub-menu li:hover
{
    background-color: #cdd0d2;
}
.dropmenu .sub-menu li > a:hover
{
    color inherit;
}

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

}

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

/**********************************************************
PC画面 コンテンツエリア
**********************************************************/
.main-content-area
{
    background-color: #fff;
    
    background-repeat: no-repeat;
    background-size: auto;
    background-attachment: scroll;
    background-position: center center;
}

/**********************************************************
タブレット画面 コンテンツエリア
**********************************************************/
@media screen and ( min-width: 542px ) and ( max-width: 991px )
{
    .main-content-area
    {
        background-color: #fff;
        
        background-repeat: no-repeat;
        background-size: auto;
        background-attachment: scroll;
        background-position: center center;
    }

}
/**********************************************************
スマホ画面 コンテンツエリア
**********************************************************/
@media screen and ( max-width: 542px )
{
    .main-content-area
    {
        background-color: #fff;
        
        background-repeat: no-repeat;
        background-size: auto;
        background-attachment: scroll;
        background-position: center center;
    }

}

/**********************************************************
PC画面 コンテンツエリアインナー
**********************************************************/
.main-content-area > .component-inner
{
    background-color: #fff;
    
    background-repeat: no-repeat;
    background-size: auto;
    background-attachment: scroll;
    background-position: center center;
}

/**********************************************************
タブレット画面 コンテンツエリアインナー
**********************************************************/
@media screen and ( min-width: 542px ) and ( max-width: 991px )
{
    .main-content-area > .component-inner
    {
        background-color: #fff;
        
        background-repeat: no-repeat;
        background-size: auto;
        background-attachment: scroll;
        background-position: center center;
    }

}
/**********************************************************
スマホ画面 コンテンツエリアインナー
**********************************************************/
@media screen and ( max-width: 542px )
{
    .main-content-area > .component-inner
    {
        background-color: #ff;
        
        background-repeat: no-repeat;
        background-size: auto;
        background-attachment: scroll;
        background-position: center center;
    }

}

/*********************************************************
コンテンツ系CSS
**********************************************************/

/**********************************************************
PC画面 コンテンツ
**********************************************************/

.entry-content
{
    font-size: 16px;
    font-family: ;
    font-weight: normal;
    color: #333;
    line-height: 1.5;
}

.entry-content a:link
{
    color: #0275d8;
    font-weight: normal;
    text-decoration: none;
}
.entry-content a:visited
{
    color: #014c8c;
    font-weight: normal;
    text-decoration: none;
}
.entry-content a:hover
{
    color: #014c8c;
    font-weight: normal;
    text-decoration: none;
}

.main-content-area .component-inner
{
    margin-top: 0;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;

    padding-top: 2rem;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
}
/* コンテンツ枠 */
.main-content-area .main-content-outer
{
    
    background-color: #FFF;
    background-repeat: no-repeat;
    background-size: auto;
    background-attachment: scroll;
    background-position: scroll

    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;

    padding-top: 2rem;
    padding-bottom: 2rem;
    padding-left: 2rem;
    padding-right: 2rem;

    border-top-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;

    border-top-color: #ccc;
    border-bottom-color: #ccc;
    border-left-color: #ccc;
    border-right-color: #ccc;

    border-top-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-style: solid;

    border-top-left-radius:  0;
    border-top-right-radius:  0;
    border-bottom-left-radius:  0;
    border-bottom-right-radius:  0;

    box-shadow: 0px 0px 0px 0px rgba( 0,0,0,1 );
}
/* 投稿メタ情報 */
.main-content-area .entry-meta
{
    font-size: 0.8rem;
}
/**********************************************************
タブレット画面 コンテンツ
**********************************************************/
@media screen and ( min-width: 542px ) and ( max-width: 991px )
{
    .entry-content
    {
        font-size: 16px;
        font-family: ;
        font-weight: normal;
        color: #333;
        line-height: 1.5;
    }

    .entry-content a:link
    {
        color: #0275d8;
        font-weight: normal;
        text-decoration: none;
    }
    .entry-content a:visited
    {
        color: #014c8c;
        font-weight: normal;
        text-decoration: none;
    }
    .entry-content a:hover
    {
        color: #014c8c;
        font-weight: normal;
        text-decoration: none;
    }

    .main-content-area .component-inner
    {
        margin-top: 0;
        margin-bottom: 0;
        margin-left: auto;
        margin-right: auto;

        padding-top: 0;
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0;
    }
    /* コンテンツ枠 */
    .main-content-area .main-content-outer
    {
        
        background-color: #FFF;
        background-repeat: no-repeat;
        background-size: auto;
        background-attachment: scroll;
        background-position: scroll

        margin-top: 0;
        margin-bottom: 0;
        margin-left: 0;
        margin-right: 0;

        padding-top: 0;
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0;

        border-top-width: 0;
        border-bottom-width: 0;
        border-left-width: 0;
        border-right-width: 0;

        border-top-color: #ccc;
        border-bottom-color: #ccc;
        border-left-color: #ccc;
        border-right-color: #ccc;

        border-top-style: none;
        border-bottom-style: none;
        border-left-style: none;
        border-right-style: none;

        border-top-left-radius:  0;
        border-top-right-radius:  0;
        border-bottom-left-radius:  0;
        border-bottom-right-radius:  0;

        box-shadow: 0px 0px 0px 0px rgba( 0,0,0,1 );
    }
}
/**********************************************************
スマホ画面 コンテンツ
**********************************************************/
@media screen and ( max-width: 542px )
{
    .entry-content
    {
        font-size: 16px;
        font-family: ;
        font-weight: normal;
        color: #333;
        line-height: 1.5;
    }

    .entry-content a:link
    {
        color: #0275d8;
        font-weight: normal;
        text-decoration: none;
    }
    .entry-content a:visited
    {
        color: #014c8c;
        font-weight: normal;
        text-decoration: none;
    }
    .entry-content a:hover
    {
        color: #014c8c;
        font-weight: normal;
        text-decoration: none;
    }
    .main-content-area .component-inner
    {
        margin-top: 0;
        margin-bottom: 0;
        margin-left: auto;
        margin-right: auto;

        padding-top: 0;
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0;
    }
    /* コンテンツ枠 */
    .main-content-area .main-content-outer
    {
        
        background-color: #FFF;
        background-repeat: no-repeat;
        background-size: auto;
        background-attachment: scroll;
        background-position: scroll

        margin-top: 0;
        margin-bottom: 0;
        margin-left: 0;
        margin-right: 0;

        padding-top: 0;
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0;

        border-top-width: 0;
        border-bottom-width: 0;
        border-left-width: 0;
        border-right-width: 0;

        border-top-color: #ccc;
        border-bottom-color: #ccc;
        border-left-color: #ccc;
        border-right-color: #ccc;

        border-top-style: none;
        border-bottom-style: none;
        border-left-style: none;
        border-right-style: none;

        border-top-left-radius:  0;
        border-top-right-radius:  0;
        border-bottom-left-radius:  0;
        border-bottom-right-radius:  0;

        box-shadow: 0px 0px 0px 0px rgba( 0,0,0,1 );
    }
}

/**********************************************************
PC画面 タイトル
**********************************************************/
.main-content-header .main-content-title
{
    position: relative;
    background: none;
    color: #333;
    font-size: 2rem;
    font-family: inherit;
    font-weight: normal;
    line-height: 1.2;

    margin-top: 0;
    margin-bottom: 1rem;
    margin-left: 0;
    margin-right: 0;

    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;

    border-top-width: 0;
    border-bottom-width: 1px;
    border-left-width: 2px;
    border-right-width: 0;

    border-top-color: #ccc;
    border-bottom-color: #ccc;
    border-left-color: #ccc;
    border-right-color: #ccc;

    border-top-style: none;
    border-bottom-style: none;
    border-left-style: none;
    border-right-style: none;

    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;

    box-shadow: 0px 0px 0px 0px rgba( 0,0,0,1 );
}
/**********************************************************
タブレット画面 タイトル
**********************************************************/
@media screen and ( min-width: 542px ) and ( max-width: 991px )
{
    .main-content-header .main-content-title
    {
        position: relative;
        background: none;
        color: #333;
        font-size: 1.7rem;
        font-family: inherit;
        font-weight: normal;
        line-height: 1.2;

        margin-top: 0;
        margin-bottom: 1rem;
        margin-left: 0;
        margin-right: 0;

        padding-top: 0;
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0;

        border-top-width: 0;
        border-bottom-width: 1px;
        border-left-width: 2px;
        border-right-width: 0;

        border-top-color: #ccc;
        border-bottom-color: #ccc;
        border-left-color: #ccc;
        border-right-color: #ccc;

        border-top-style: none;
        border-bottom-style: none;
        border-left-style: none;
        border-right-style: none;

        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;

        box-shadow: 0px 0px 0px 0px rgba( 0,0,0,1 );
    }
}
/*********************************************************
スマホ画面 タイトル
**********************************************************/
@media screen and ( max-width: 542px )
{
    .main-content-header .main-content-title
    {
        position: relative;
        background: none;
        color: #333;
        font-size: 1.2rem;
        font-family: inherit;
        font-weight: normal;
        line-height: 1.2;

        margin-top: 0;
        margin-bottom: 1rem;
        margin-left: 0;
        margin-right: 0;

        padding-top: 0;
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0;

        border-top-width: 0;
        border-bottom-width: 1px;
        border-left-width: 2px;
        border-right-width: 0;

        border-top-color: #ccc;
        border-bottom-color: #ccc;
        border-left-color: #ccc;
        border-right-color: #ccc;

        border-top-style: none;
        border-bottom-style: ;
        border-left-style: none;
        border-right-style: none;

        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;

        box-shadow: 0px 0px 0px 0px rgba( 0,0,0,1 );
    }
}
/**********************************************************
PC画面 パンくずリスト
**********************************************************/
.main-breadcrumb
{
    display: block;

    color: inherit !important;
    font-size: 0.7rem !important;
    font-family: inherit !important;
    font-weight: normal !important;
    line-height: 1.2 !important;

    text-decoration: none !important;
    word-wrap: break-word;

    margin-top: 0;
    margin-bottom: 1rem;
    margin-left: 0;
    margin-right: 0;
}
.main-breadcrumb a
{
    color: inherit !important;
    text-decoration: none !important;
}
.main-breadcrumb a:link
{
    color: inherit !important;
    text-decoration: none !important;
}
.main-breadcrumb a:visited
{
    color: inherit !important;
}
.main-breadcrumb a:hover
{
    color: inherit !important;
}
/**********************************************************
タブレット画面 パンくずリスト
**********************************************************/
@media screen and ( min-width: 542px ) and ( max-width: 991px )
{
    .main-breadcrumb
    {
        display: block;

        color: inherit !important;
        font-size: 0.7rem !important;
        font-family: inherit !important;
        font-weight: normal !important;
        line-height: 1.2 !important;

        text-decoration: none !important;
        word-wrap: break-word;

        margin-top: 0;
        margin-bottom: 1rem;
        margin-left: 0;
        margin-right: 0;
    }
    .main-breadcrumb a
    {
        color: inherit !important;
        text-decoration: none !important;
    }
    .main-breadcrumb a:link
    {
        color: inherit !important;
        text-decoration: none !important;
    }
    .main-breadcrumb a:visited
    {
        color: inherit !important;
    }
    .main-breadcrumb a:hover
    {
        color: inherit !important;
    }
}
/*********************************************************
スマホ画面 パンくずリスト
**********************************************************/
@media screen and ( max-width: 542px )
{
    .main-breadcrumb
    {
        display: block;

        color: inherit !important;
        font-size: 0.5rem !important;
        font-family: inherit !important;
        font-weight: normal !important;
        line-height: 1.2 !important;

        text-decoration: none !important;
        word-wrap: break-word;

        margin-top: 0;
        margin-bottom: 1rem;
        margin-left: 0;
        margin-right: 0;
    }
    .main-breadcrumb a
    {
        color: inherit !important;
        text-decoration: none !important;
    }
    .main-breadcrumb a:link
    {
        color: inherit !important;
        text-decoration: none !important;
    }
    .main-breadcrumb a:visited
    {
        color: inherit !important;
    }
    .main-breadcrumb a:hover
    {
        color: inherit !important;
    }
}
/**********************************************************
PC画面 カテゴリ＆タグ
**********************************************************/
/* カテゴリ・タグ共通設定 */
.entry-meta .post-categories li
{
    float: left;
}
a[rel*="category"] ,
a[rel*="tag"]
{
    display: inline-block;
    line-height: 1.5;

    font-size: 0.8rem !important;
    font-family: inherit !important;
    font-weight: normal !important;

    text-decoration: none !important;
    word-wrap: break-word;

    border-radius: 0.2rem;

    padding-top: 0.2rem;
    padding-bottom: 0.1rem;
    padding-left: 1rem;
    padding-right: 1rem;
    margin-top: 0.2rem;
    margin-bottom: 0.2rem;
    margin-left: 0;
    margin-right: 0.2rem;
}
/* カテゴリ設定 */
a[rel="category"],
a[rel*="category "]
{
    border: none;
    background-color: #ccc;
}
/*タグ設定*/
a[rel="tag"],
a[rel*="tag "]
{
    border: none;
    background-color: #ccc;
}
a[rel*="category"]
{
    color: inherit !important;
    text-decoration: none !important;
}
a[rel*="tag"]
{
    color: inherit !important;
    text-decoration: none !important;
}
a[rel*="category"]:link
{
    color: inherit !important;
    text-decoration: none !important;
}
a[rel*="tag"]:link
{
    color: inherit !important;
    text-decoration: none !important;
}
a[rel*="category"]:visited
{
    color: inherit !important;
}
a[rel*="tag"]:visited
{
    color: inherit !important;
}
a[rel*="category"]:hover
{
    color: inherit !important;
}
a[rel*="tag"]:hover
{
    color: inherit !important;
}
/**********************************************************
タブレット画面 カテゴリ＆タグ
**********************************************************/
@media screen and ( min-width: 542px ) and ( max-width: 991px )
{
    .entry-meta .post-categories li
    {
        float: left;
    }
    /* カテゴリ・タグ共通設定 */
    a[rel*="category"] ,
    a[rel*="tag"]
    {
        display: inline-block;
        line-height: 1.5;

        font-size: 0.8rem !important;
        font-family: inherit !important;
        font-weight: normal !important;

        text-decoration: none !important;
        word-wrap: break-word;

        border-radius: 0.2rem;

        padding-top: 0.2rem;
        padding-bottom: 0.1rem;
        padding-left: 1rem;
        padding-right: 1rem;
        margin-top: 0.2rem;
        margin-bottom: 0.2rem;
        margin-left: 0;
        margin-right: 0.2rem;
    }
    /* カテゴリ設定 */
    a[rel="category"],
    a[rel*="category "]
    {
        border: none;
        background-color: #ccc;
    }
    /*タグ設定*/
    a[rel="tag"],
    a[rel*="tag "]
    {
        border: none;
        background-color: #ccc;
    }
    a[rel*="category"]
    {
        color: inherit !important;
        text-decoration: none !important;
    }
    a[rel*="tag"]
    {
        color: inherit !important;
        text-decoration: none !important;
    }
    a[rel*="category"]:link
    {
        color: inherit !important;
        text-decoration: none !important;
    }
    a[rel*="tag"]:link
    {
        color: inherit !important;
        text-decoration: none !important;
    }
    a[rel*="category"]:visited
    {
        color: inherit !important;
    }
    a[rel*="tag"]:visited
    {
        color: inherit !important;
    }
    a[rel*="category"]:hover
    {
        color: inherit !important;
    }
    a[rel*="tag"]:hover
    {
        color: inherit !important;
    }
}
/*********************************************************
スマホ画面 カテゴリ＆タグ
**********************************************************/
@media screen and ( max-width: 542px )
{
    .entry-meta .post-categories li
    {
        float: left;
    }
    /* カテゴリ・タグ共通設定 */
    a[rel*="category"] ,
    a[rel*="tag"]
    {
        display: inline-block;
        line-height: 1.5;

        font-size: 0.8rem !important;
        font-family: inherit !important;
        font-weight: normal !important;

        text-decoration: none !important;
        word-wrap: break-word;

        border-radius: 0.2rem;

        padding-top: 0.2rem;
        padding-bottom: 0.1rem;
        padding-left: 1rem;
        padding-right: 1rem;
        margin-top: 0.2rem;
        margin-bottom: 0.2rem;
        margin-left: 0;
        margin-right: 0.2rem;
    }
    /* カテゴリ設定 */
    a[rel="category"],
    a[rel*="category "]
    {
        border: none;
        background-color: #ccc;
    }
    /*タグ設定*/
    a[rel="tag"],
    a[rel*="tag "]
    {
        border: none;
        background-color: #ccc;
    }
    a[rel*="category"]
    {
        color: inherit !important;
        text-decoration: none !important;
    }
    a[rel*="tag"]
    {
        color: inherit !important;
        text-decoration: none !important;
    }
    a[rel*="category"]:link
    {
        color: inherit !important;
        text-decoration: none !important;
    }
    a[rel*="tag"]:link
    {
        color: inherit !important;
        text-decoration: none !important;
    }
    a[rel*="category"]:visited
    {
        color: inherit !important;
    }
    a[rel*="tag"]:visited
    {
        color: inherit !important;
    }
    a[rel*="category"]:hover
    {
        color: inherit !important;
    }
    a[rel*="tag"]:hover
    {
        color: inherit !important;
    }
}

/*********************************************************
PC画面 サイドバー
**********************************************************/

.sidebar-right ,
.sidebar-left ,
.sidebar-right a ,
.sidebar-left a ,
.sidebar-right p ,
.sidebar-left p
{
    font-size: 0.8rem;
    color: inherit;
    font-family: inherit;
    font-weight: normal;
    text-decoration: none;
    line-height: 1.2;
}
.sidebar-right a:link ,
.sidebar-left a:link
{
    color: inherit !important;
    text-decoration: none !important;
}
.sidebar-right a:visited ,
.sidebar-left a:visited
{
    color: inherit !important;
}
.sidebar-right a:hover ,
.sidebar-left a:hover
{
    color: inherit !important;
    text-decoration: none !important;
}

/* ウィジェット周り */
.sidebar-right .widget:before ,
.sidebar-left .widget:before
{

}
.sidebar-right .widget:after ,
.sidebar-left .widget:after
{

}


/* タイトル */
.sidebar-right .widget-title ,
.sidebar-left .widget-title
{
    background: linear-gradient();
    
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: auto;
    background-attachment: ;
    background-position: 

    color: #333;

    font-family: inherit;
    font-size: 1rem;
    font-weight: normal;
    font-style: normal;

    letter-spacing: normal;
    line-height: ;

    margin-top: 0;
    margin-bottom: 1rem;
    margin-left: 0;
    margin-right: 0;

    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0.5rem;
    padding-right: 0;

    border-top-width: 0;
    border-bottom-width: 1px;
    border-left-width: 4px;
    border-right-width: 0;

    border-top-color: #ccc;
    border-bottom-color: #ccc;
    border-left-color: #ccc;
    border-right-color: #ccc;

    border-top-style: none;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-style: none;

    border-top-left-radius:  0;
    border-top-right-radius:  0;
    border-bottom-left-radius:  0;
    border-bottom-right-radius:  0;

    box-shadow: 0px 0px 0px 0px rgba( 0,0,0,1 );
}
.sidebar-right .widget-title:before ,
.sidebar-left .widget-title:before
{

}
.sidebar-right .widget-title:after ,
.sidebar-left .widget-title:after
{

}

/*********************************************************
タブレット画面 サイドバー
**********************************************************/
@media screen and ( min-width: 542px ) and ( max-width: 991px )
{
    .sidebar-right ,
    .sidebar-left ,
    .sidebar-right a ,
    .sidebar-left a ,
    .sidebar-right p ,
    .sidebar-left p
    {
        font-size: 0.8rem;
        color: inherit;
        font-family: inherit;
        font-weight: normal;
        text-decoration: none;
        line-height: 1.2;
    }

    .sidebar-right a:link ,
    .sidebar-left a:link
    {
        color: inherit !important;
        text-decoration: none !important;
    }
    .sidebar-right a:visited ,
    .sidebar-left a:visited
    {
        color: inherit !important;
    }
    .sidebar-right a:hover ,
    .sidebar-left a:hover
    {
        color: inherit !important;
        text-decoration: none !important;
    }

    /* ウィジェット周り */
    .sidebar-right .widget:before ,
    .sidebar-left .widget:before
    {
    
    }
    .sidebar-right .widget:after ,
    .sidebar-left .widget:after
    {
    
    }

    /* タイトル */
    .sidebar-right .widget-title ,
    .sidebar-left .widget-title
    {
        background: linear-gradient();
        
        background-color: transparent;
        background-repeat: no-repeat;
        background-size: auto;
        background-attachment: ;
        background-position: 

        color: #333;

        font-family: inherit;
        font-size: 1rem;
        font-weight: normal;
        font-style: normal;

        letter-spacing: normal;
        line-height: ;

        margin-top: 0;
        margin-bottom: 1rem;
        margin-left: 0;
        margin-right: 0;

        padding-top: 0;
        padding-bottom: 0;
        padding-left: 0.5rem;
        padding-right: 0;

        border-top-width: 0;
        border-bottom-width: 1px;
        border-left-width: 4px;
        border-right-width: 0;

        border-top-color: #ccc;
        border-bottom-color: #ccc;
        border-left-color: #ccc;
        border-right-color: #ccc;

        border-top-style: none;
        border-bottom-style: solid;
        border-left-style: solid;
        border-right-style: none;

        border-top-left-radius:  0;
        border-top-right-radius:  0;
        border-bottom-left-radius:  0;
        border-bottom-right-radius:  0;

        box-shadow: 0px 0px 0px 0px rgba( 0,0,0,1 );
    }
    .sidebar-right .widget-title:before ,
    .sidebar-left .widget-title:before
    {
    
    }
    .sidebar-right .widget-title:after ,
    .sidebar-left .widget-title:after
    {
    
    }
}
/*********************************************************
スマホ画面 サイドバー
**********************************************************/
@media screen and ( max-width: 542px )
{
    .sidebar-right ,
    .sidebar-left ,
    .sidebar-right a ,
    .sidebar-left a ,
    .sidebar-right p ,
    .sidebar-left p
    {
        font-size: 0.8rem;
        color: inherit;
        font-family: inherit;
        font-weight: normal;
        text-decoration: none;
        line-height: 1.2;
    }

    .sidebar-right a:link ,
    .sidebar-left a:link
    {
        color: inherit !important;
        text-decoration: none !important;
    }
    .sidebar-right a:visited ,
    .sidebar-left a:visited
    {
        color: inherit !important;
    }
    .sidebar-right a:hover ,
    .sidebar-left a:hover
    {
        color: inherit !important;
        text-decoration: none !important;
    }

    /* ウィジェット周り */
    .sidebar-right .widget:before ,
    .sidebar-left .widget:before
    {
    
    }
    .sidebar-right .widget:after ,
    .sidebar-left .widget:after
    {
    
    }

    /* タイトル */
    .sidebar-right .widget-title ,
    .sidebar-left .widget-title
    {
        background: linear-gradient();
        
        background-color: transparent;
        background-repeat: no-repeat;
        background-size: auto;
        background-attachment: ;
        background-position: 

        color: #333;

        font-family: inherit;
        font-size: 1rem;
        font-weight: normal;
        font-style: normal;

        letter-spacing: normal;
        line-height: ;

        margin-top: 0;
        margin-bottom: 1rem;
        margin-left: 0;
        margin-right: 0;

        padding-top: 0;
        padding-bottom: 0;
        padding-left: 0.5rem;
        padding-right: 0;

        border-top-width: 0;
        border-bottom-width: 1px;
        border-left-width: 4px;
        border-right-width: 0;

        border-top-color: #ccc;
        border-bottom-color: #ccc;
        border-left-color: #ccc;
        border-right-color: #ccc;

        border-top-style: none;
        border-bottom-style: ;
        border-left-style: solid;
        border-right-style: none;

        border-top-left-radius:  0;
        border-top-right-radius:  0;
        border-bottom-left-radius:  0;
        border-bottom-right-radius:  0;

        box-shadow: 0px 0px 0px 0px rgba( 0,0,0,1 );
    }
    .sidebar-right .widget-title:before ,
    .sidebar-left .widget-title:before
    {
    
    }
    .sidebar-right .widget-title:after ,
    .sidebar-left .widget-title:after
    {
    
    }
}
/**********************************************************
PC画面 サイドバー
**********************************************************/
.main-content-area .sidebar-left ,
.main-content-area .sidebar-right
{
    
    background-color: #FFF;
    background-repeat: no-repeat;
    background-size: auto;
    background-attachment: scroll;
    background-position: scroll

    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;

    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;

    border-top-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;

    border-top-color: #ccc;
    border-bottom-color: #ccc;
    border-left-color: #ccc;
    border-right-color: #ccc;

    border-top-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-style: solid;

    border-top-left-radius:  0;
    border-top-right-radius:  0;
    border-bottom-left-radius:  0;
    border-bottom-right-radius:  0;

    box-shadow: 0px 0px 0px 0px rgba( 0,0,0,1 );
}
/**********************************************************
タブレット画面 サイドバー
**********************************************************/
@media screen and ( min-width: 542px ) and ( max-width: 991px )
{
    .main-content-area .sidebar-left ,
    .main-content-area .sidebar-right
    {
        
        background-color: #FFF;
        background-repeat: no-repeat;
        background-size: auto;
        background-attachment: scroll;
        background-position: scroll

        margin-top: 0;
        margin-bottom: 0;
        margin-left: 0;
        margin-right: 0;

        padding-top: 0;
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0;

        border-top-width: 0;
        border-bottom-width: 0;
        border-left-width: 0;
        border-right-width: 0;

        border-top-color: #ccc;
        border-bottom-color: #ccc;
        border-left-color: #ccc;
        border-right-color: #ccc;

        border-top-style: none;
        border-bottom-style: none;
        border-left-style: none;
        border-right-style: none;

        border-top-left-radius:  0;
        border-top-right-radius:  0;
        border-bottom-left-radius:  0;
        border-bottom-right-radius:  0;

        box-shadow: 0px 0px 0px 0px rgba( 0,0,0,1 );
    }
}
/**********************************************************
スマホ画面 サイドバー
**********************************************************/
@media screen and ( max-width: 542px )
{
    .main-content-area .sidebar-left ,
    .main-content-area .sidebar-right
    {
        
        background-color: #FFF;
        background-repeat: no-repeat;
        background-size: auto;
        background-attachment: scroll;
        background-position: scroll

        margin-top: 0;
        margin-bottom: 0;
        margin-left: 0;
        margin-right: 0;

        padding-top: 0;
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0;

        border-top-width: 0;
        border-bottom-width: 0;
        border-left-width: 0;
        border-right-width: 0;

        border-top-color: #ccc;
        border-bottom-color: #ccc;
        border-left-color: #ccc;
        border-right-color: #ccc;

        border-top-style: none;
        border-bottom-style: none;
        border-left-style: none;
        border-right-style: none;

        border-top-left-radius:  0;
        border-top-right-radius:  0;
        border-bottom-left-radius:  0;
        border-bottom-right-radius:  0;

        box-shadow: 0px 0px 0px 0px rgba( 0,0,0,1 );
    }
}

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

/*********************************************************
PC画面 フッター
**********************************************************/

#footer
{
    max-width: 100%;
}
.footer-widget-area ,
.footer-widget-area a ,
.footer-widget-area p ,
.footer-widget-area p
{
    color: #333;

    font-family: inherit;
    font-size: 1rem;
    font-weight: normal;
    font-style: normal;

    letter-spacing: normal;
    line-height: ;
}
.footer-widget-area
{
    background-color: #f5f5f5;
    
    background: linear-gradient();
    background-repeat: no-repeat;
    background-size: auto;
    background-attachment: scroll;
    background-position: scroll;


    margin-top: 2rem;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;

    padding-top: 1rem;
    padding-bottom: 0;
    padding-left: 1rem;
    padding-right: 1rem;

    border-top-width: 0;
    border-bottom-width: 0;
    border-left-width: 0;
    border-right-width: 0;

    border-top-color: #ccc;
    border-bottom-color: #ccc;
    border-left-color: #ccc;
    border-right-color: #ccc;

    border-top-style: none;
    border-bottom-style: none;
    border-left-style: none;
    border-right-style: none;

    border-top-left-radius:  0;
    border-top-right-radius:  0;
    border-bottom-left-radius:  0;
    border-bottom-right-radius:  0;

    box-shadow: 0px 0px 0px 0px rgba( 0,0,0,1 );
}
.footer-widget-area .footer-widget-outer
{
    
    background-color: inherit;
    background-repeat: no-repeat;
    background-size: auto;
    background-attachment: scroll;
    background-position: scroll;

    margin-top: 0;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;

    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;

    border-top-width: 0;
    border-bottom-width: 0;
    border-left-width: 0;
    border-right-width: 0;

    border-top-color: #ccc;
    border-bottom-color: #ccc;
    border-left-color: #ccc;
    border-right-color: #ccc;

    border-top-style: none;
    border-bottom-style: none;
    border-left-style: none;
    border-right-style: none;

    border-top-left-radius:  0;
    border-top-right-radius:  0;
    border-bottom-left-radius:  0;
    border-bottom-right-radius:  0;

    box-shadow: 0px 0px 0px 0px rgba( 0,0,0,1 );
}
.footer-widget-area .widget-area
{
    overflow: hidden;
    float: left;
    padding-bottom: 3276.7rem;
    margin-bottom: -3276.7rem;
}
.footer-widget-area h1 ,
.footer-widget-area h2 ,
.footer-widget-area h3 ,
.footer-widget-area h4 ,
.footer-widget-area h5 ,
.footer-widget-area h6
{
    font-family: inherit;
}
.footer-widget-area a
{
    color: #0275d8;
    text-decoration: none;
}
.footer-widget-area a:link
{
    color: #0275d8;
}
.footer-widget-area a:visited
{
    color: #014c8c;
}
.footer-widget-area a:hover
{
    color: #014c8c;
    text-decoration: none;
}

/* ウィジェットタイトル */
.footer-widget-area .widget-title
{
    background: linear-gradient();
    
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: auto;
    background-attachment: ;
    background-position: ;

    color: #333;

    font-family: inherit;
    font-size: 1rem;
    font-weight: normal;
    font-style: normal;

    letter-spacing: normal;
    line-height: ;

    margin-top: 0;
    margin-bottom: 1rem;
    margin-left: 0;
    margin-right: 0;

    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0.5rem;
    padding-right: 0;

    border-top-width: 0;
    border-bottom-width: 0;
    border-left-width: 0;
    border-right-width: 0;

    border-top-color: #ccc;
    border-bottom-color: #ccc;
    border-left-color: #ccc;
    border-right-color: #ccc;

    border-top-style: none;
    border-bottom-style: none;
    border-left-style: none;
    border-right-style: none;

    border-top-left-radius:  0;
    border-top-right-radius:  0;
    border-bottom-left-radius:  0;
    border-bottom-right-radius:  0;

    box-shadow: 0px 0px 0px 0px rgba( 0,0,0,1 );
}
.footer-widget-area .widget-title:before
{

}
.footer-widget-area .widget-title:after
{

}

#footer-copy
{
    max-width: 100%;
    margin: 0 auto;
}
.footer-copy-area
{
    line-height: 1;

    margin-top: 0;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;

    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 0;
    padding-right: 0;

    background-color: #d2d2d2;
}

.footer-copy-area .footer-copy
{
    word-break: break-all;
    text-align: center;
    line-height: 1.5;
    font-size: 0.8rem;
    font-weight: normal;
    color: #333;
}
.footer-copy-wrapper
{
    width: 1280px;
}
.footer-copy-area .footer-copy a
{
    font-size: 0.8rem;
    color: #333;
}

#footer-widget-area-1,
#footer-widget-area-2
{
    border-right: 1px solid #ccc;
}

#footer-widget-area-1
{
    width: 33%;
    padding-right: 2rem;
}

#footer-widget-area-2
{
    width: 33.9%;
    padding-left: 2rem;
    padding-right: 2rem;
}

#footer-widget-area-3
{
    width: 33%;
    padding-left: 2rem;
}

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

    #footer
    {
        max-width: 100%;
    }
    .footer-widget-area ,
    .footer-widget-area a ,
    .footer-widget-area p ,
    .footer-widget-area p
    {
        color: #333;

        font-family: inherit;
        font-size: 1rem;
        font-weight: normal;
        font-style: normal;

        letter-spacing: normal;
        line-height: ;
    }
    .footer-widget-area
    {
        background-color: #f5f5f5;
        
        background: linear-gradient();
        background-repeat: no-repeat;
        background-size: auto;
        background-attachment: scroll;
        background-position: scroll;

        margin-top: 2rem;
        margin-bottom: 0;
        margin-left: 0;
        margin-right: 0;

        padding-top: 1rem;
        padding-bottom: 0;
        padding-left: 1rem;
        padding-right: 1rem;

        border-top-width: 0;
        border-bottom-width: 0;
        border-left-width: 0;
        border-right-width: 0;

        border-top-color: #ccc;
        border-bottom-color: #ccc;
        border-left-color: #ccc;
        border-right-color: #ccc;

        border-top-style: none;
        border-bottom-style: none;
        border-left-style: none;
        border-right-style: none;

        border-top-left-radius:  0;
        border-top-right-radius:  0;
        border-bottom-left-radius:  0;
        border-bottom-right-radius:  0;

        box-shadow: 0px 0px 0px 0px rgba( 0,0,0,1 );
    }
    .footer-widget-area .footer-widget-outer
    {
        
        background-color: inherit;
        background-repeat: no-repeat;
        background-size: auto;
        background-attachment: scroll;
        background-position: scroll;

        margin-top: 0;
        margin-bottom: 0;
        margin-left: 0;
        margin-right: 0;

        padding-top: 0;
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0;

        border-top-width: 0;
        border-bottom-width: 0;
        border-left-width: 0;
        border-right-width: 0;

        border-top-color: #ccc;
        border-bottom-color: #ccc;
        border-left-color: #ccc;
        border-right-color: #ccc;

        border-top-style: none;
        border-bottom-style: none;
        border-left-style: none;
        border-right-style: none;

        border-top-left-radius:  0;
        border-top-right-radius:  0;
        border-bottom-left-radius:  0;
        border-bottom-right-radius:  0;

        box-shadow: 0px 0px 0px 0px rgba( 0,0,0,1 );
    }
    .footer-widget-area .widget-area
    {
        overflow: hidden;
        float: left;
        padding-bottom: 0;
        margin-bottom: 0;
    }

    /*フッター左*/
    .footer-widget-area #footer-widget-area-1
    {
        width: 100%;
        padding-top: 1px;
        padding-bottom: 1px;
        padding-left: 0;
        padding-right: 0;
        border-left: none;
        border-right: none;
        border-bottom: 1px dotted #ccc;
    }
    /*フッター真ん中*/
    .footer-widget-area #footer-widget-area-2
    {
        width: 100%;
        padding-top: 1px;
        padding-bottom: 1px;
        padding-left: 0;
        padding-right: 0;
        border-left: none;
        border-right: none;
        border-bottom: 1px dotted #ccc;
    }
    /*フッター右側*/
    .footer-widget-area #footer-widget-area-3
    {
        width: 100%;
        padding-top: 1px;
        padding-bottom: 1px;
        padding-left: 0;
        padding-right: 0;
        border-left: none;
        border-right: none;
    }

    .footer-widget-area h1 ,
    .footer-widget-area h2 ,
    .footer-widget-area h3 ,
    .footer-widget-area h4 ,
    .footer-widget-area h5 ,
    .footer-widget-area h6
    {
        font-family: inherit;
    }
    .footer-widget-area a
    {
        color: #0275d8;
        text-decoration: none;
    }
    .footer-widget-area a:link
    {
        color: #0275d8;
        text-decoration: none;
    }
    .footer-widget-area a:visited
    {
        color: #014c8c;
    }
    .footer-widget-area a:hover
    {
        color: #014c8c;
        text-decoration: none;
    }

    /* ウィジェットタイトル */
    .footer-widget-area .widget-title
    {
        background: linear-gradient();
        
        background-color: transparent;
        background-repeat: no-repeat;
        background-size: auto;
        background-attachment: ;
        background-position: ;

        color: #333;

        font-family: inherit;
        font-size: 1rem;
        font-weight: normal;
        font-style: normal;

        letter-spacing: normal;
        line-height: ;

        margin-top: 0;
        margin-bottom: 1rem;
        margin-left: 0;
        margin-right: 0;

        padding-top: 0;
        padding-bottom: 0;
        padding-left: 0.5rem;
        padding-right: 0;

        border-top-width: 0;
        border-bottom-width: 0;
        border-left-width: 0;
        border-right-width: 0;

        border-top-color: #ccc;
        border-bottom-color: #ccc;
        border-left-color: #ccc;
        border-right-color: #ccc;

        border-top-style: none;
        border-bottom-style: none;
        border-left-style: none;
        border-right-style: none;

        border-top-left-radius:  0;
        border-top-right-radius:  0;
        border-bottom-left-radius:  0;
        border-bottom-right-radius:  0;

        box-shadow: 0px 0px 0px 0px rgba( 0,0,0,1 );
    }
    .footer-widget-area .widget-title:before
    {
    
    }
    .footer-widget-area .widget-title:after
    {
    
    }

    #footer-copy
    {
        max-width: 100%;
        margin: 0 auto;
    }
    .footer-copy-area
    {
        line-height: 1;

        margin-top: 1rem;
        margin-bottom: 0;
        margin-left: auto;
        margin-right: auto;

        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
        padding-left: 0;
        padding-right: 0;

        background-color: #d2d2d2;
    }

    .footer-copy-area .footer-copy
    {
        word-break: break-all;
        text-align: center;
        line-height: 1.5;
        font-size: 0.8rem;
        font-weight: normal;
        color: #333;
    }
    .footer-copy-wrapper
    {
        width: 100%;
    }
    .footer-copy-area .footer-copy a
    {
        font-size: 0.8rem;
        color: #333;
    }
}
/**********************************************************
スマホ画面 フッター
**********************************************************/
@media screen and ( max-width: 542px )
{
    #footer
    {
        max-width: 100%;
    }
    .footer-widget-area ,
    .footer-widget-area a ,
    .footer-widget-area p ,
    .footer-widget-area p
    {
        color: #333;

        font-family: inherit;
        font-size: 1rem;
        font-weight: normal;
        font-style: normal;

        letter-spacing: normal;
        line-height: ;
    }
    .footer-widget-area
    {
        background-color: #f5f5f5;
        
        background: linear-gradient();
        background-repeat: no-repeat;
        background-size: auto;
        background-attachment: scroll;
        background-position: scroll;

        margin-top: 1rem;
        margin-bottom: 0;
        margin-left: 0;
        margin-right: 0;

        padding-top: 0;
        padding-bottom: 0;
        padding-left: 0.5rem;
        padding-right: 0.5rem;

        border-top-width: 0;
        border-bottom-width: 0;
        border-left-width: 0;
        border-right-width: 0;

        border-top-color: #ccc;
        border-bottom-color: #ccc;
        border-left-color: #ccc;
        border-right-color: #ccc;

        border-top-style: none;
        border-bottom-style: none;
        border-left-style: none;
        border-right-style: none;

        border-top-left-radius:  0;
        border-top-right-radius:  0;
        border-bottom-left-radius:  0;
        border-bottom-right-radius:  0;

        box-shadow: 0px 0px 0px 0px rgba( 0,0,0,1 );
    }
    .footer-widget-area .footer-widget-outer
    {
        
        background-color: inherit;
        background-repeat: no-repeat;
        background-size: auto;
        background-attachment: scroll;
        background-position: scroll;

        margin-top: 0;
        margin-bottom: 0;
        margin-left: 0;
        margin-right: 0;

        padding-top: 0;
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0;

        border-top-width: 0;
        border-bottom-width: 0;
        border-left-width: 0;
        border-right-width: 0;

        border-top-color: #ccc;
        border-bottom-color: #ccc;
        border-left-color: #ccc;
        border-right-color: #ccc;

        border-top-style: none;
        border-bottom-style: none;
        border-left-style: none;
        border-right-style: none;

        border-top-left-radius:  0;
        border-top-right-radius:  0;
        border-bottom-left-radius:  0;
        border-bottom-right-radius:  0;

        box-shadow: 0px 0px 0px 0px rgba( 0,0,0,1 );
    }
    .footer-widget-area .widget-area
    {
        overflow: hidden;
        float: left;
        padding-bottom: 0;
        margin-bottom: 0;
    }


    /*フッター左*/
    .footer-widget-area #footer-widget-area-1
    {
        width: 100%;
        padding-top: 1px;
        padding-bottom: 1px;
        padding-left: 0;
        padding-right: 0;
        border-left: none;
        border-right: none;
        border-bottom: 1px dotted #ccc;
    }
    /*フッター真ん中*/
    .footer-widget-area #footer-widget-area-2
    {
        width: 100%;
        padding-top: 1px;
        padding-bottom: 1px;
        padding-left: 0;
        padding-right: 0;
        border-left: none;
        border-right: none;
        border-bottom: 1px dotted #ccc;
    }
    /*フッター右側*/
    .footer-widget-area #footer-widget-area-3
    {
        width: 100%;
        padding-top: 1px;
        padding-bottom: 1px;
        padding-left: 0;
        padding-right: 0;
        border-left: none;
        border-right: none;
    }

    .footer-widget-area h1 ,
    .footer-widget-area h2 ,
    .footer-widget-area h3 ,
    .footer-widget-area h4 ,
    .footer-widget-area h5 ,
    .footer-widget-area h6
    {
        font-family: inherit;
    }
    .footer-widget-area a
    {
        color: #0275d8;
        text-decoration: none;
    }
    .footer-widget-area a:link
    {
        color: #0275d8;
        text-decoration: none;
    }
    .footer-widget-area a:visited
    {
        color: #014c8c;
    }
    .footer-widget-area a:hover
    {
        color: #014c8c;
        text-decoration: none;
    }

    /* ウィジェットタイトル */
    .footer-widget-area .widget-title
    {
        background: linear-gradient();
        
        background-color: transparent;
        background-repeat: no-repeat;
        background-size: auto;
        background-attachment: ;
        background-position: ;

        color: #333;

        font-family: inherit;
        font-size: 1rem;
        font-weight: normal;
        font-style: normal;

        letter-spacing: normal;
        line-height: ;

        margin-top: 0;
        margin-bottom: 1rem;
        margin-left: 0;
        margin-right: 0;

        padding-top: 0;
        padding-bottom: 0;
        padding-left: 0.5rem;
        padding-right: 0;

        border-top-width: 0;
        border-bottom-width: 0;
        border-left-width: 0;
        border-right-width: 0;

        border-top-color: #ccc;
        border-bottom-color: #ccc;
        border-left-color: #ccc;
        border-right-color: #ccc;

        border-top-style: none;
        border-bottom-style: ;
        border-left-style: none;
        border-right-style: none;

        border-top-left-radius:  0;
        border-top-right-radius:  0;
        border-bottom-left-radius:  0;
        border-bottom-right-radius:  0;

        box-shadow: 0px 0px 0px 0px rgba( 0,0,0,1 );
    }
    .footer-widget-area .widget-title:before
    {
    
    }
    .footer-widget-area .widget-title:after
    {
    
    }

    #footer-copy
    {
        max-width: 100%;
        margin: 0 auto;
    }
    .footer-copy-area
    {
        line-height: 1;

        margin-top: 1rem;
        margin-bottom: 0;
        margin-left: auto;
        margin-right: auto;

        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
        padding-left: 0;
        padding-right: 0;

        background-color: #d2d2d2;
    }

    .footer-copy-area .footer-copy
    {
        word-break: break-all;
        text-align: center;
        line-height: 1.5;
        font-size: 10px;
        font-weight: normal;
        color: #333;
    }
    .footer-copy-wrapper
    {
        width: 100%;
    }
    .footer-copy-area .footer-copy a
    {
        font-size: 10px;
        color: #333;
    }
}

/**********************************************************
ウィジェットエリア
**********************************************************/

.footer-widget-area ul li: last-child
{
    border-bottom: none;
}
.sidebar-right .widget,
.sidebar-left .widget
{
    margin-top: 1rem;
}

/* Displayed in List Format & Header Sitemap,Contact Link */

.widget_archive > ul,
.widget_categories > ul,
.widget_nav_menu > ul,
.widget_nav_menu > div,
.widget_pages > ul,
.widget_meta > ul,
.widget_recent_entries > ul,
.widget_rss > ul,
.widget_recent_comments > ul,
.widget_tagposts > ul,
.widget_tagpages > ul,
.widget_catposts > ul
{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.widget_archive ul li,
.widget_categories ul li,
.widget_nav_menu ul li,
.widget_pages ul li,
.widget_meta ul li,
.widget_recent_entries ul li,
.widget_rss ul li,
.widget_recent_comments ul li,
.widget_tagposts ul li,
.widget_tagpages ul li,
.widget_catposts ul li
{
    display: block;
    overflow: hidden;
    width: 100%;
    line-height: 1.5;
    border-bottom: 1px dotted #ccc;
}

.widget_categories ul li:last-child,
.widget_nav_menu ul li:last-child,
.widget_pages ul li:last-child,
.widget_meta ul li:last-child,
.widget_recent_entries ul li:last-child,
.widget_rss ul li:last-child,
.widget_recent_comments ul li:last-child,
.widget_tagposts ul li:last-child,
.widget_tagpages ul li:last-child,
.widget_catposts ul li:last-child,
.widget_meta ul li:last-child
{
    border-bottom: none;
}

.widget_categories ul li.cat-item-none:before
{
    content: "";
}

.widget_categories ul li.cat-item-none
{
    padding: 1.5rem 3rem;
}

.widget_recent_entries ul li,
.widget_pages ul li,
.widget_rss ul li,
.widget_tagposts ul li,
.widget_tagpages ul li,
.widget_catposts ul li,
.widget_categories ul li,
.widget_archive ul li,
.widget_meta ul li ,
.widget_recent_comments ul li
{
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 1rem;
    padding-right: 0;
}

.widget_nav_menu .sub-menu,
.widget_pages .children,
.widget_categories .children
{
    border-top: 1px dotted #ccc;
}

.widget_nav_menu .sub-menu li: last-child,
.widget_pages .children li: last-child,
.widget_categories .children li: last-child
{
    border-bottom: none;
}

.widget_nav_menu .sub-menu li:before,
.widget_pages .children li:before,
.widget_categories .children li:before
{
    position: absolute;
    font-family: "dashicons";
    content: "\f460";
    background: none;
    color: #1177ba;
    font-size: 1rem;
    padding-top: 1px;
}

/* Widget Tagged posts,Tagged pages --------------------- */

.widget_tagposts ul li p,
.widget_tagposts ul li div.img_tag_posts_none,
.widget_tagpages ul li p,
.widget_tagpages ul li div.img_tag_posts_none
{
    display: none;
}

.widget_tagposts ul li p.ex_tag_link,
.topmain-widget-area .widget_tagposts ul li p,
.widget_tagpages ul li p.ex_tag_link,
.topmain-widget-area .widget_tagpages ul li p
{
    display: inline-block;
}

.widget_tagposts .img_tag_posts,
.topmain-widget-area .widget_tagposts ul li .ex_tag_link,
.widget_tagpages .img_tag_posts,
.topmain-widget-area .widget_tagpages ul li .ex_tag_link
{
    margin-bottom: 1rem;
}

.widget_tagposts ul li p.ex_tag_button,
.widget_tagpages ul li p.ex_tag_button
{
    display: none;
}

/* Widget Recent Entries -------------------------------- */

.widget_recent_entries .post-date,
.widget_catposts .post-date
{
    display: block;
    width: 100%;
    margin-bottom: 0.7rem;
}

.widget_recent_entries .post-item-none
{
    padding: 2rem 3rem;
}

/* Widget RSS ------------------------------------------- */

.widget_rss .widget-title
{
    vertical-align: middle;
}

.widget_rss .widget-title .rsswidget
{
    color: #333;
}

.widget_rss h2.widget-title .rsswidget
{
    font-size: 2.2rem;
    line-height: 1.2;
}

.widget_rss .widget-title .rss-widget-icon-link img
{
    display: none;
}

.widget_rss .widget-title .rss-widget-icon-link:after
{
    background-color: #1177ba;
    color: #fff;
    vertical-align: middle;
    font-family: "dashicons";
    content: "\f303";
    font-size: 1.6rem;
    margin-left: 1rem;
    padding: 1px;
    border-radius: 0.2rem;
}

.widget_rss .widget-title .rss-widget-icon-link
{
    vertical-align: middle;
}

@-moz-document url-prefix()
{
    .widget_rss .widget-title .rss-widget-icon-link:after
    {
        padding: 0.2rem 0.2rem 0 0.2rem;
    }
}

@media all and (-ms-high-contrast: none)
{
    .widget_rss h2.widget-title .rss-widget-icon-link:after
    {
        padding-bottom: 0.2rem;
    }

    .widget_rss h3.widget-title .rss-widget-icon-link:after
    {
        padding: 0.1rem 0.2rem 0.4rem 0;
    }

}

.widget_rss .widget-title .rss-widget-icon-link: hover
{
    text-decoration: none;
}

.widget_rss .rss-date,
.widget_rss .rssSummary,
cite
{
    display: block;
    margin-top: 0.7rem;
}

.widget_rss cite:before
{
    content: " - ";
}

/**********************************************************
アーカイブ/カテゴリードロップダウンリスト
**********************************************************/

.widget-dropdown
{
    display: block;
    overflow: hidden;
    border-radius: 0.4rem;
    padding: 0;
    margin: 2rem auto;
    width: 90%;
}

.widget_archive select[name=archive-dropdown],
.widget_categories select.postform
{
    display: block;
    overflow: hidden;
    background: url("images/widget_cat_drop_down.png") no-repeat right 10% center #1177ba;
    color: #fff;
    width: 107%;
    border: none;
    cursor: pointer;
    padding: 0.6rem 0.5rem 0.6rem 1rem;
    line-height: 1.1;
    border-radius: 0;
}

.widget_archive select[name=archive-dropdown] option,
.widget_categories select.postform option
{
    border: none;
    box-shadow: none;
}

@-moz-document url-prefix()
{

    .widget_archive select[name=archive-dropdown],
    .widget_categories select.postform, x: -moz-any-link
    {
        padding: 0 0.5rem;
    }

    .widget_archive select[name=archive-dropdown] option,
    .widget_categories select.postform option
    {
        padding: 0.3rem 1rem 0.3rem 1rem;
    }
}

/**********************************************************
ウィジェットタグクラウド
**********************************************************/

.tagcloud a:before
{
    vertical-align: middle;
    font-family: "dashicons";
    content: "\f323";
    font-size: 1rem;
    color: #ccc;
}

.tagcloud a
{
    width: 100%;
    margin: 0 1rem 1rem 0;
    padding: 0.5rem 0;
    vertical-align: middle;
}

/**********************************************************
ウィジェットテキストブロック
**********************************************************/

.widget_framedtext
{
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    padding: 1.2rem;
    margin: 3rem;
    border-radius: 0.4rem;
}

.widget_framedtext .widget-title
{
    background: none;
    font-size: 1.4rem;
    font-weight: bold;
    padding: 0 0 1rem;
    border: none;
    color: #333;
}

.widget_framedtext .widget-title:after
{
    background: none;
}

.widget_framedtext .textwidget
{
    padding: 0;
    line-height: 1.5;
    font-size: 1.3rem;
}

/**********************************************************
ウィジェット検索ボックス
**********************************************************/

.widget_search .screen-reader-text
{
    display: none;
}
.search-form
{
    margin-bottom: 1px;
}
#searchform
{
    width: 90%;
    margin: 1rem auto;
}

#searchform:before
{
    position: absolute;
    font-family: "dashicons";
    content: "\f179";
    color: #1177ba;
    font-size: 3rem;
    padding-top: 0.4rem;
    padding-left: 0.3rem;
}

#searchform input#s
{
    width: 100%;
    padding-left: 4rem;
    margin: 0 auto;
}

#searchform input#s:focus
{
    background-color: #fff;
}

#searchform input#searchsubmit
{
    display: none;
}

.entry-content #searchform:before
{
    padding-top: 0;
    margin-top: -0.8rem;
}

/**********************************************************
ウィジェットカレンダー
**********************************************************/

.calendar_wrap
{
    padding: 0;
    margin: 1rem;
    box-shadow: 0.1rem 0.1rem 0.2rem rgba(0, 0, 0, 0.3);
    width: auto;
}


/*カレンダー*/
.sidebar-left #wp-calendar,
.sidebar-right #wp-calendar
{
    width: 100.2%;
}

#wp-calendar caption
{
    color: #fff;
    padding: 1.5rem;
    font-size: 1.5rem;
    text-align: center;
    background-color: #d0d0d0;
}

#wp-calendar th,
#wp-calendar td
{
    padding: 0.25rem 0.25rem;
    text-align: center;
    background-color: #f5f5f5;
}

#wp-calendar th
{
    font-weight: bold;
    background-color: #fff;
}

#wp-calendar tfoot td
{
    height: 3.5rem;
    padding: 0 0.5rem;
}

#wp-calendar tbody a
{
    font-weight: bold;
    text-decoration: underline;
}

#wp-calendar tfoot #prev,
#wp-calendar tfoot #next
{
    text-align: left;
}

#wp-calendar tfoot #prev a:before
{
    position: absolute;
    font-family: "dashicons";
    content: "\f340";
    font-size: 2rem;
    color: #fff;
    text-align: center;
    background-color: #d0d0d0;
    line-height: 1;
    padding: 0.5rem;
    border-radius: 0.3rem;
}

#wp-calendar tfoot #prev a
{
    width: 3rem;
    height: 3rem;
    position: absolute;
    font-size: 1rem;
    display: block;
    overflow: hidden;
}

#wp-calendar tfoot #next a:before
{
    position: absolute;
    font-family: "dashicons";
    content: "\f344";
    font-size: 2rem;
    color: #fff;
    text-align: center;
    background-color: #d0d0d0;
    line-height: 1;
    padding: 0.5rem;
    border-radius: 0.3rem;
}

#wp-calendar tfoot #next a
{
    width: 3rem;
    height: 3rem;
    position: absolute;
    font-size: 1rem;
    display: block;
    overflow: hidden;
    right: 3.5rem;
}

#wp-calendar tfoot #prev a:hover,
#wp-calendar tfoot #next a:hover
{
    text-decoration: none;
}

/**********************************************************
前の記事へ、次の記事へ
**********************************************************/
.pager-navigation
{
    clear: both;
    overflow: hidden;
    margin-bottom: 40px;
    margin: 0px;
    width:100%;
}
.pager-navigation > div
{
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    width:50%;
    float:left;
}
.pager-navigation > div + div
{
    box-sizing: border-box;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-left:1px dotted #ddd;
    width:50%;
}


.pager-navigation .alignright
{
     text-align: right;
}

.pager-navigation a
{
    display: block;
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    border: none;
    font-size: 1rem;
    min-height: 2.3rem;
    line-height: 1.5;
}

.pager-navigation a span
{
    color: #ddd;
    padding-right: 10px;
    margin-top: -4px;
    clear: left;
}
.pager-navigation p
{
    padding-top: 1rem;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
}
.pager-navigation a:hover
{
    background: #eee;
}

.pager-navigation .alignright a:hover
{
    border-left: 1px solid #ddd;
}

.pager-navigation .wp-post-image
{
    border: 1px solid #CCC;
    padding: 5px;
    border-radius: 4px;
}

.pager-navigation .prev-next .prev
{
    border-right: #ddd 1px solid;
}
.pager-navigation .prev-next .prev,
.pager-navigation .prev-next .next
{
    width: 50%;
    display: table-cell;
    position: relative;
    text-decoration: none;
    vertical-align: top;
}

.pager-navigation .prev-next
{
    width:100%;
    margin: 36px 0 24px;
    padding:0;
    display: table;
}

.pager-navigation .prev-next .prev:hover,
.pager-navigation .prev-next .next:hover
{
    background-color: rgba(238,238,238,0.7);
}


.pager-navigation .prev-next .prev-arrow,
.pager-navigation .prev-next .next-arrow
{
    position:absolute;
    top:-0.8em;
    padding:5px;
    color:#666;
    font-size:28px;
    text-align: center;
    border: 1px #ccc solid;
    border-radius:6px;
    background-color: #fff;
}
.pager-navigation .prev-next .next-arrow
{
    right:10px;
}
.pager-navigation .prev-title
{
    text-align: left;
}
.pager-navigation .next-title
{
    text-align: right;
}
.pager-navigation .prev-next span
{
    padding:0;
    margin:0;
}

.pager-navigation .prev-next .prev img,
.pager-navigation .prev-next .next img
{
    margin:0 auto;
    width: 100px;
    height: 100px;
}

.pager-navigation .prev-next .prev-no,
.pager-navigation .prev-next .next-no
{
    width: 50%;
    padding:0 10px;
    display: table-cell;
}

.pager-navigation .prev-next .prev-no
{
    border-right:#ddd 1px solid;
}

.pager-navigation .prev-no,
.pager-navigation .next-no
{
    position:relative;
}
.pager-navigation .prev-no a:hover,
.pager-navigation .next-no a:hover
{
    background-color:#fff;
}

.pager-navigation .prev-next-home span
{
    color:#ccc;
    font-size:3rem;
    margin:0 auto;
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

/*IE10以降に適用されるCSSハック（一応）*/
@media all and (-ms-high-contrast:none)
{
    .pager-navigation .prev-next-home span
    {
        margin-top: 50px;
    }
}

.pager-navigation .prev-next .next-arrow
{
    right: 10px;
}

.pager-navigation .prev-next .prev img
{
    margin-top: 10px;
    margin-right: 10px;
    float: left;
}

.pager-navigation .prev-next .next img
{
    margin-top: 10px;
    margin-left: 10px;
    float: right;
}

/**********************************************************
スマホ画面
**********************************************************/
@media screen and (max-width: 542px )
{
    .pager-navigation p
    {
        padding: 0;
    }

    .pager-navigation .prev-next .prev img,
    .pager-navigation .prev-next .next img
    {
        float: none;
        margin-right: 0;
        margin-left: 0;

    }

    .pager-navigation .prev-next .prev,
    .pager-navigation .prev-next .next
    {
        text-align: center;
    }
}





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

.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;
}

/*********************************************************
コメント領域
**********************************************************/

/*********************************************************
共通
**********************************************************/

/* 投稿ボタン */
#comments .comment-submit
{
    
    color: ;
    font-size: ;
}
/* 返信ボタン */
#comments .comment-reply
{
    
    color: ;
    font-size: ;
}
/* 編集ボタン */
#comments .comment-edit
{
    
    color: ;
    font-size: ;
}
/* いいねボタン */
#comments .comment-good
{
    
    color: ;
    font-size: ;
}
/* いまいちボタン */
#comments .comment-bad
{
    
    color: ;
    font-size: ;
}
/* 記事に戻るボタン */
#comments .comment-back
{
    
    color: ;
    font-size: ;
}
#comments .comments-title,
#comments .comment-reply-title
{
    position: relative;
    margin: 2rem 0;
    padding: 0;
}

#comments .pingback
{
    line-height: 1.5;
    padding: 0 0 1rem;
}

#comments .comment img
{
    display: block;
    overflow: hidden;
    float: left;
    margin-right: 1.5rem;
}

#comments .comment-list li: first-child > .comment
{
    padding-top: 0;
}

#comments .bypostauthor,
#comments .sticky
{
    font-weight: normal;
}

#comments .comment-reply-title > small
{
    margin-left: 10px;
    margin-left: 1rem;
}

/* コメントフォームラベル  */
#comments .input-label
{
    font-size: 0.8rem;
    font-weight: normal;
}

/*********************************************************
PC用画面
**********************************************************/

/*コメント領域*/
#comments .comments-area
{
    background-color: #FFF;

    margin-top: 2rem;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;

    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;

    border-top-width: 1px;
    border-bottom-width: 0;
    border-left-width: 0;
    border-right-width: 0;

    border-top-color: #ccc;
    border-bottom-color: #ccc;
    border-left-color: #ccc;
    border-right-color: #ccc;

    border-top-style: solid;
    border-bottom-style: none;
    border-left-style: none;
    border-right-style: none;

    border-top-left-radius:  ;
    border-top-right-radius:  0;
    border-bottom-left-radius:  0;
    border-bottom-right-radius:  0;
}
/* コメントコンテナ */
#comments .comment-container
{
    margin-top: 0;
    margin-bottom: 1rem;
    margin-left: 1px;
    margin-right: 0;

    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
}
/* 返信コメントコンテナ */
#comments .children
{
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 2rem;
    margin-right: 0;

    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
}
/* コメント本文 */
#comments .comment-content
{
    color: inherit;
    font-size: inherit;
    line-height: normal;
}
/* コメント日時 */
#comments .comment-date
{
    color: #cfcfcf;
    font-size: 0.8rem;
}
/* コメント投稿者 */
#comments .comment-author-name
{
    color: inherit;
    font-size: inherit;
}
/* コメントIPアドレス */
#comments .comment-ip
{
    color: #cfcfcf;
    font-size: 0.7rem;
}
/* コメントフォーム外枠 */
#comments .comment-respond
{
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;

    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
}

/**********************************************************
タブレット画面
**********************************************************/
@media screen and ( min-width: 542px ) and ( max-width: 991px )
{
    /*コメント領域*/
    #comments .comments-area
    {
        background-color: #FFF;

        margin-top: 2rem;
        margin-bottom: 0;
        margin-left: 0;
        margin-right: 0;

        padding-top: 0;
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0;

        border-top-width: 1px;
        border-bottom-width: 0;
        border-left-width: 0;
        border-right-width: 0;

        border-top-color: #ccc;
        border-bottom-color: #ccc;
        border-left-color: #ccc;
        border-right-color: #ccc;

        border-top-style: solid;
        border-bottom-style: none;
        border-left-style: none;
        border-right-style: none;

        border-top-left-radius:  ;
        border-top-right-radius:  0;
        border-bottom-left-radius:  0;
        border-bottom-right-radius:  0;
    }
    /* コメントコンテナ */
    #comments .comment-container
    {
        margin-top: 0;
        margin-bottom: 1rem;
        margin-left: 1px;
        margin-right: 0;

        padding-top: 0;
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0;
    }
    /* 返信コメントコンテナ */
    #comments .children
    {
        margin-top: 0;
        margin-bottom: 0;
        margin-left: 2rem;
        margin-right: 0;

        padding-top: 0;
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0;
    }
    /* コメント本文 */
    #comments .comment-content
    {
        color: inherit;
        font-size: inherit;
        line-height: normal;
    }
    /* コメント日時 */
    #comments .comment-date
    {
        color: #cfcfcf;
        font-size: 0.8rem;
    }
    /* コメント投稿者 */
    #comments .comment-author-name
    {
        color: inherit;
        font-size: inherit;
    }
    /* コメントIPアドレス */
    #comments .comment-ip
    {
        color: #cfcfcf;
        font-size: 0.7rem;
    }
    /* コメントフォーム外枠 */
    #comments .comment-respond
    {
        margin-top: 0;
        margin-bottom: 0;
        margin-left: 0;
        margin-right: 0;

        padding-top: 0;
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0;
    }
}
/**********************************************************
スマホ画面 
**********************************************************/
@media screen and ( max-width: 542px )
{
    /*コメント領域*/
    #comments .comments-area
    {
        background-color: #FFF;

        margin-top: 2rem;
        margin-bottom: 0;
        margin-left: 0;
        margin-right: 0;

        padding-top: 0;
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0;

        border-top-width: 1px;
        border-bottom-width: 0;
        border-left-width: 0;
        border-right-width: 0;

        border-top-color: #ccc;
        border-bottom-color: #ccc;
        border-left-color: #ccc;
        border-right-color: #ccc;

        border-top-style: solid;
        border-bottom-style: none;
        border-left-style: none;
        border-right-style: none;

        border-top-left-radius:  ;
        border-top-right-radius:  0;
        border-bottom-left-radius:  0;
        border-bottom-right-radius:  0;
    }
    /* コメントコンテナ */
    #comments .comment-container
    {
        margin-top: 0;
        margin-bottom: 1rem;
        margin-left: 1px;
        margin-right: 0;

        padding-top: 0;
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0;
    }
    /* 返信コメントコンテナ */
    #comments .children
    {
        margin-top: 0;
        margin-bottom: 0;
        margin-left: 2rem;
        margin-right: 0;

        padding-top: 0;
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0;
    }
    /* コメント本文 */
    #comments .comment-content
    {
        color: inherit;
        font-size: inherit;
        line-height: normal;
    }
    /* コメント日時 */
    #comments .comment-date
    {
        color: #cfcfcf;
        font-size: 0.8rem;
    }
    /* コメント投稿者 */
    #comments .comment-author-name
    {
        color: inherit;
        font-size: inherit;
    }
    /* コメントIPアドレス */
    #comments .comment-ip
    {
        color: #cfcfcf;
        font-size: 0.7rem;
    }
    /* コメントフォーム外枠 */
    #comments .comment-respond
    {
        margin-top: 0;
        margin-bottom: 0;
        margin-left: 0;
        margin-right: 0;

        padding-top: 0;
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0;
    }
}

/**********************************************************
PC画面 吹き出し
**********************************************************/

.chat-bubble.chat-l,
.chat-bubble.chat-r
{
    position: relative;
    overflow: hidden;
    margin: 0 0 2em;
}
.chat-bubble .bubble
{
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 80%;
    min-height: 60px;
    margin-bottom: 2em;
    padding: 1em;
    border: 1px solid #ccc;
    background: #fff;
}
.chat-bubble .bubble .bubble-in
{
    border-color: #fff;
}

.chat-bubble .talker
{
    display: block;
    width: auto;
    height: auto;
    text-align: center;
}
.chat-bubble .talker b
{
    font-weight: normal;
}

.chat-bubble .talker img
{
    display: block;
    margin: auto;
}
.chat-bubble .talker .circle
{
    border-radius: 50%;
}
.chat-bubble.chat-l .talker
{
    float: left;
    margin-right: 2%;
}

.chat-bubble.chat-r .talker
{
    float: right;
    margin-left: 2%;
}

.chat-bubble.chat-l .bubble
{
    float: left;
}

.chat-bubble.chat-r .bubble
{
    float: right;
}

.chat-bubble .bubble .bubble-in:after,
.chat-bubble .bubble .bubble-in:before
{
    position: absolute;
    top: 50%;
    width: 0;
    height: 0;
    border: solid transparent;
    content: "";
}

/*吹き出しの微調整*/
.chat-bubble .bubble .b-arw20:after,
.chat-bubble .bubble .b-arw20:before{ top: 20%; }
.chat-bubble .bubble .b-arw30:after,
.chat-bubble .bubble .b-arw30:before{ top: 30%; }
.chat-bubble .bubble .b-arw40:after,
.chat-bubble .bubble .b-arw40:before{ top: 40%; }
.chat-bubble .bubble .b-arw60:after,
.chat-bubble .bubble .b-arw60:before{ top: 60%; }
.chat-bubble .bubble .b-arw70:after,
.chat-bubble .bubble .b-arw70:before{ top: 70%; }
.chat-bubble .bubble .b-arw80:after,
.chat-bubble .bubble .b-arw80:before{ top: 80%; }

.chat-bubble.chat-l .bubble .bubble-in:after,
.chat-bubble.chat-l .bubble .bubble-in:before
{
    right: 100%;
}

.chat-bubble.chat-r .bubble div:after,
.chat-bubble.chat-r .bubble div:before
{
    left: 100%;
}

.chat-bubble.chat-l .bubble .bubble-in:after
{
    margin-top: -8px;
    border-width: 8px 20px;
    border-color: transparent;
    border-right-color: inherit;
}

.chat-bubble.chat-l .bubble .bubble-in:before
{
    margin-top: -9px;
    border-width: 9px 21px;
    border-color: transparent;
    border-right-color: #ccc;
}

.chat-bubble.chat-r .bubble .bubble-in:after
{
    margin-top: -8px;
    border-width: 8px 20px;
    border-color: transparent;
    border-left-color: inherit;
}

.chat-bubble.chat-r .bubble .bubble-in:before
{
    margin-top: -9px;
    border-width: 9px 21px;
    border-color: transparent;
    border-left-color: #ccc;
}

.chat-bubble .bubble p:first-child
{
    margin-top: 0;
}

/*吹き出し 会話者が複数人の場合*/
.chat-bubble .together .talker,
.chat-bubble .together .bubble
{
    width: 100%;
}

.chat-bubble .together .talker b
{
    display: inline-block;
    text-align: center;
}

.chat-bubble.together.chat-l .talker,
.chat-bubble.together.chat-r .talker
{
    float: none;
    margin: 0 0 20px;
}

.chat-bubble.together.chat-l .talker
{
    text-align: left;
}

.chat-bubble.together.chat-r .talker
{
    text-align: right;
}

.chat-bubble.together.chat-l .bubble,
.chat-bubble.together.chat-r .bubble
{
    float: none;
}

.chat-bubble.together .bubble .bubble-in:after,
.chat-bubble.together .bubble .bubble-in:before
{
    top: auto;
    bottom: 100%;
}

.chat-bubble.together.chat-l .bubble .bubble-in:after,
.chat-bubble.together.chat-l .bubble .bubble-in:before
{
    right: auto;
    left: 10%;
}

.chat-bubble.together.chat-r .bubble .bubble-in:after,
.chat-bubble.together.chat-r .bubble .bubble-in:before
{
    right: 10%;
    left: auto;
}

.chat-bubble.together.chat-l .bubble .bubble-in:after
{
    margin-top: -20px;
    margin-left: -8px;
    border-width: 20px 8px;
    border-color: transparent;
    border-bottom-color: inherit;
}

.chat-bubble.together.chat-l .bubble .bubble-in:before
{
    margin-top: -21px;
    margin-left: -9px;
    border-width: 21px 9px;
    border-color: transparent;
    border-bottom-color: #ccc;
}

.chat-bubble.together.chat-r .bubble .bubble-in:after
{
    border-width: 20px 8px;
    margin-top: -20px;
    margin-right: -8px;
    border-color: transparent;
    border-bottom-color: inherit;
}

.chat-bubble.together.chat-r .bubble .bubble-in:before
{
    margin-top: -21px;
    margin-right: -9px;
    border-width: 21px 9px;
    border-color: transparent;
    border-bottom-color: #ccc;
}

.chat-bubble .bubble-in p:last-child
{
    margin-bottom: 0;
}
/**********************************************************
スマホ画面 吹き出し
**********************************************************/
@media screen and ( max-width: 542px )
{
    .chat-bubble .talker
    {
        display: block;
        width: 25% !important;
        height: auto;
        text-align: center;
    }
    .chat-bubble .talker img
    {
        display: block;
        margin: auto;
        width: 100px !important;
    }
    .chat-bubble .bubble
    {
        display: block;
        position: relative;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 70% !important;
        min-height: 60px;
        margin-bottom: 2em;
        padding: 1em;
        border: 1px solid #ccc;
        background: #fff;
    }

}
/**********************************************************
PC画面 目次
**********************************************************/
#tb_toc
{
    display: block;
    width: 80%;
    font-size: 0.875em;
    padding: 50px 33px 23px;
    margin: 2rem auto 2rem auto;
    border: 1px solid #0996b2;
    background: url("http://orekabu.jp/wp/wp-content/themes/wk_orekabu/images/category/mokuji-title.png") 0 0 no-repeat;
    -webkit-box-shadow: 4px 4px 0 #a9dae4;
    box-shadow: 4px 4px 0 #a9dae4;
}
#tb_toc ul
{
    margin: 0;
    padding: 0;
    list-style: none;
}
#tb_toc ol
{
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
}
#tb_toc li
{
    list-style-type: none !important;
    min-height: 18px;
    margin: 20px 0 0;
    padding: 3px 0 0 28px;
/*    background: url("http://orekabu.jp/wp/wp-content/themes/wk_orekabu/images/category/mokuji-bullet.png") 0 0 no-repeat;*/
    font-size: 14px;
    line-height: 1em;
}
#tb_toc > li:first-child
{
    margin-top: 0;
}
#tb_toc li a
{
    color: #0c6ed3;
    text-decoration: underline;
}
#tb_toc .keni-toc-title
{
    font-size: 1.286em;
}
#tb_toc ol ol
{
    margin-top: 0.5em;
}
#tb_toc ol ol li
{
    list-style-type: circle;
}

/**********************************************************
スマホ画面 目次
**********************************************************/
@media screen and ( max-width: 542px )
{
    #tb_toc
    {
        width: 100%;
        padding: 10% 4.46% 4%;
        margin: 8% 0.148em 8% 0;
        -webkit-background-size: 31.1827% auto;
        background-size: 31.1827% auto;
        -webkit-box-shadow: 0.148em 0.148em 0 #a9dae4;
        box-shadow: 0.148em 0.148em 0 #a9dae4;
    }
    #tb_toc li
    {
        min-height: 0;
        margin: 0.8em 0 0;
        padding: 0 0 0 1.5em;
        background-position: 0 0.1em;
        -webkit-background-size: 1em auto;
        background-size: 1em auto;
        font-size: 0.8888em;
        line-height: 1.3em;
    }
}

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

/* 補足説明（黄色枠 */
.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;
}



/**********************************************************
PC用 フォームCSS
**********************************************************/

button,
input,
select,
textarea
{
    background-color: ;
    border: 1px solid #ccc;
    font-family: inherit;
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;

    border-radius: 0.4rem;
}

/* input系のフォントカラー*/
input[type='submit'],
input[type='button']
{
    color: inherit;
}

/* input系の背景とボーダー*/
input[type='text'],
input[type='password'],
input[type='search'],
input[type='tel'],
input[type='url'],
input[type='email'],
input[type='number'],
textarea
{
    border: 1px solid #ccc;
    background-color: #fff;
}

textarea
{
    font-size: 100%;
    overflow: auto;
    vertical-align: top;
}

/* Reset non-text input types --------------------------- */

input[type='checkbox'],
input[type='radio'],
input[type='file'],
input[type='hidden'],
input[type='image'],
input[type='color']
{
    border: 0;
    padding: 0;
    border-radius: 0;
}
/**********************************************************
タブレット用 フォームCSS
**********************************************************/
@media screen and ( min-width: 542px ) and ( max-width: 991px )
{
    button,
    input,
    select,
    textarea
    {
        background-color: ;
        border: 1px solid #ccc;
        font-family: inherit;
        padding-top: 0.2rem;
        padding-bottom: 0.2rem;
        padding-left: 0.5rem;
        padding-right: 0.5rem;

        border-radius: 0.4rem;
    }

    /* input系の背景とボーダー*/
    input[type='text'],
    input[type='password'],
    input[type='search'],
    input[type='tel'],
    input[type='url'],
    input[type='email'],
    input[type='number'],
    textarea
    {
        border: 1px solid #ccc;
        background-color: #fff;
    }
}
/**********************************************************
スマホ画面 フォームCSS
**********************************************************/
@media screen and ( max-width: 542px )
{
    button,
    input,
    select,
    textarea
    {
        background-color: ;
        border: 1px solid #ccc;
        font-family: inherit;
        padding-top: 0.2rem;
        padding-bottom: 0.2rem;
        padding-left: 0.5rem;
        padding-right: 0.5rem;

        border-radius: 0.4rem;
    }

    /* input系の背景とボーダー*/
    input[type='text'],
    input[type='password'],
    input[type='search'],
    input[type='tel'],
    input[type='url'],
    input[type='email'],
    input[type='number'],
    textarea
    {
        border: 1px solid #ccc;
        background-color: #fff;
    }
}

/**********************************************************
リセットCSS
**********************************************************/
*
{
    box-sizing: border-box;
}
html
{
    overflow-x: hidden;
}
html, body, div, span, applet, object, iframe, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video
{
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
}

body
{
    line-height: 1;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
}

ol,
ul
{
    list-style: none;
}

blockquote,
q
{
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after
{
    content: '';
    content: none;
}

table
{
    border-collapse: collapse;
    border-spacing: 0;
}

caption,
thead,
tbody,
tfoot,
th,
td
{
    font-weight: normal;
    text-align: left;
    vertical-align: top;
}

h1,
h2,
h3,
h4,
h5,
h6
{
    clear: both;
}

html
{
    overflow-y: scroll;
}

a:focus
{
    outline: thin dotted;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section
{
    display: block;
}

audio,
canvas,
video
{
    display: inline-block;
}

audio: not([controls])
{
    display: none;
}

del
{
    color: #333;
}

ins
{
    background: #fff9c0;
    text-decoration: none;
}

hr
{
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin: 1rem 0;
}

sub,
sup
{
    font-size: 0.75rem;
    line-height: 1;
    position: relative;
    vertical-align: baseline;
}

sup
{
    top: -0.5em;
}

sub
{
    bottom: -0.25em;
}

small
{
    font-size: smaller;
}

img
{
    border: 0;
    -ms-interpolation-mode: bicubic;
}

div,
span
{
    word-break: break-all;
}

/**********************************************************
フロート解除
**********************************************************/

.clear,
.clear:after,
.footer-widget-area:after
{
    clear: both;
}

.clear:before,
.clear:after,
.footer-widget-area:before,
.footer-widget-area:after
{
    display: table;
    content: '';
}
/**********************************************************
ページトップに戻るボタンと下にちょっとスクロールボタン
**********************************************************/

#pageTop
{
    position: fixed;
    bottom: 60px;
    right: 20px;
    margin: 0;
}
#pageDown
{
    position: fixed;
    bottom: 100px;
    right: 20px;
    margin: 0;
}
#pageTop a.page-icon
{
    display: block;
    z-index: 999;
    padding: 8px 0 0 10px;
    border-radius: 30px;
    width: 35px;
    height: 35px;
    background-color: #a2a2a2;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    opacity: 0.7;
}
#pageDown a.page-icon
{
    display: block;
    z-index: 999;
    padding: 10px 0 0 10px;
    border-radius: 30px;
    width: 35px;
    height: 35px;
    background-color: #a2a2a2;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    opacity: 0.7;
}

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

/* サイドバーのオーバーフロースクロール */
.sidebar-right ,
.sidebar-left
{
    overflow-y: auto;
}