@charset "utf-8";

/*********************************************************
レイアウトとフォントCSS
**********************************************************/
    @import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);
    @import url(//fonts.googleapis.com/earlyaccess/sawarabimincho.css);
body, h1, h2, h3, h4, h5, h6
{
        font-family: "Noto Sans Japanese", "Open Sans" , sans-serif;
}
.noto-sans-font, .ui a, .ui .content
{
        font-family: "Noto Sans Japanese", "Open Sans" , sans-serif !important;
}
.sawarabi-font
{
        font-family: 'Sawarabi Mincho' , serif !important;
}
    background-color: #eeeeee;
    background-repeat: no-repeat;
    background-size: auto;
    background-attachment: scroll;
    background-position: center center;
/**********************************************************
タブレット画面 コンテンツ
**********************************************************/
@media screen and ( min-width: 542px ) and ( max-width: 991px )
{
        .br-tab { display:none; }
}
/**********************************************************
スマホ画面 コンテンツ
**********************************************************/
@media screen and ( max-width: 542px )
{
        .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;
}
.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: 82%;
        padding-left: 2rem;
}
/* 左サイドバーの幅 */
body.column-2l .sidebar-left
{
        float: left;
        width: 18%;
}

/* 2カラム 右サイドバー */
/* メインコンテンツの外幅 */
body.column-2r .main-content-wrap
{
        float: left;
        width: 82%;
}
/* メインコンテンツの幅 */
body.column-2r .main-content-site
{
        width: 100%;
        padding-right: 2rem;
}
/* 右サイドバーの幅 */
body.column-2r .sidebar-right
{
        float: right;
        width: 18%;
}

/* 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-left: 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-left: 0 !important;
            padding-right: 0 !important;
    }
    /* サイドバーの幅 */
    .sidebar-right , .sidebar-left
    {
            width: 100% !important;
    }
}
/*********************************************************
フォント
**********************************************************/
    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;
/* 長いリンクの折り返し */
a
{
        word-break : break-all;
        word-wrap : break-word;
        overflow-wrap : break-word;
}

    font-size: 1.5rem;
h1
{
        
}
h1:before
{
}
h1:after
{
}

    font-size: 1.25rem;
h2
{
        
}
h2:before
{
}
h2:after
{
}

    font-size: 1.2rem;
h3
{
        
}
h3:before
{
}
h3:after
{
}

    font-size: 1rem;
h4
{
    box-shadow: 
}
h4:before
{
}
h4:after
{
}

h5
{
        
}
h5:before
{
}
h5:after
{
}

h6
{
        
}
h6:before
{
}
h6:after
{
}
/**********************************************************
リンク
**********************************************************/
    color: #0275d8;
    font-weight: normal;
    text-decoration: none;

    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 )
{
    /*********************************************************
    フォント
    **********************************************************/
    h1
    {
    
    }
    h1:before
    {
    }
    h1:after
    {
    }
    h2
    {
            
    }
    h2:before
    {
    }
    h2:after
    {
    }
    h3
    {
            
    }
    h3:before
    {
    }
    h3:after
    {
    }
    h4
    {
            
    }
    h4:before
    {
    }
    h4:after
    {
    }
    h5
    {
            
    }
    h5:before
    {
    }
    h5:after
    {
    }
    h6
    {
            
    }
    h6:before
    {
    }
    h6:after
    {
    }
}
/**********************************************************
スマホ画面
**********************************************************/
@media screen and ( max-width: 542px )
{
    /*********************************************************
    フォント
    **********************************************************/
    h1
    {
            
    }
    h1:before
    {
    }
    h1:after
    {
    }
    h2
    {
            
    }
    h2:before
    {
    }
    h2:after
    {
    }
    h3
    {
            
    }
    h3:before
    {
    }
    h3:after
    {
    }
    h4
    {
            
    }
    h4:before
    {
    }
    h4:after
    {
    }
    h5
    {
            
    }
    h5:before
    {
    }
    h5:after
    {
    }
    h6
    {
            
    }
    h6:before
    {
    }
    h6:after
    {
    }
}
/*********************************************************
グローバルナビゲーション共通
**********************************************************/
.header-navi
{
        max-width: 100%;
        
        
        
        
        
    /* ボックスシャドウ */
        box-shadow: 0px 4px 4px 1px rgba(186,186,186,0.3);
}
.header-navi .header-navi-frame
{
        max-width: 1280px;
        margin: 0 auto;
}
.header-navi .navbar-nav
{
        padding: 0;
}
.header-navi .navbar-nav:before ,
.header-navi .navbar-nav:after
{
        content: '';
        display: table;
}
.header-navi .navbar-nav:after
{
        clear: both;
}
.header-navi .navbar-nav li
{
        position: relative;
}
/* 直下のメニューだけ */
.header-navi .navbar-nav > li
{
        border-left: 1px dotted #818a91;
        text-align: center;
        float: left;
}
/* 最初のメニューだけ */
.header-navi .navbar-nav > li:first-child
{
        border-left: 1px dotted #818a91;
}
/* 最後のメニューだけ */
.header-navi .navbar-nav > li:last-child
{
        border-right: 1px dotted #818a91;
}
/* 飛び出たリンク文字列は折り返さずに隠す */
.header-navi .main-menu-item a
{
        overflow-x: hidden;
        white-space: nowrap;
}
.header-navi .navbar-nav .nav-item + .nav-item
{
        margin-left: 0;
}
/**********************************************************
グローバルナビゲーション
**********************************************************/
/* PC */
.header-navi{
        background-color: #f8f8f8;
}
/* PC */
.header-navi{
        margin-top: 0;
        margin-bottom: 0;
        margin-left: 0;
        margin-right: 0;
}
/* PC */
.header-navi{
        border-top-color: rgb(153, 153, 153);
        border-bottom-color: rgb(153, 153, 153);
        border-top-style: solid;
        border-bottom-style: solid;
        border-top-width: 1px;
        border-bottom-width: 1px;
}
/* リンクアイテム */
/* カレントページアイテム */
/* PC */
.header-navi .navbar-nav > li.current_page_item{
        background-color: #e1e1e1;
}
/* リンク余白 */
/* PC */
.header-navi .navbar-nav li a{
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
        padding-left: 0.5rem;
        padding-right: 0.5rem;
}
.header-navi .navbar-nav li a
{
        width: 100%;
}
/* インナー */
/* PC */
.header-navi .header-frame .navbar{
        margin-top: 0;
        margin-bottom: 0;
        margin-left: 0;
        margin-right: 0;
}
/* PC */
.header-navi li a ,.header-navi li a:link{
        font-family: inherit !important;
        font-size: 1rem !important;
        color: #0275d8 !important;
        font-weight: normal !important;
        text-decoration: none !important;
        line-height: 1 !important;
}
.header-navi li a ,
.header-navi li a:link
{
        display: inline-block;
        position: relative;
}
/* PC */
.header-navi li a:visited{
        color: #014c8c !important;
}
/* PC */
.header-navi ul li a:hover{
        color: #014c8c !important;
}
.header-navi-wrapper
{
        
}
/**********************************************************
タブレット画面 グローバルナビゲーション
**********************************************************/
@media screen and ( min-width: 542px ) and ( max-width: 991px )
{
    .tab-not-global-navi
    {
            display: none;
    }
    .header-navi
    {
        /* ボックスシャドウ */
            box-shadow: 0px 4px 4px 1px rgba(186,186,186,0.3);
    }
    /* リンク余白 */
    .header-navi .navbar-nav li a
    {
            width: 100%;
    }
    .header-navi li a ,
    .header-navi li a:link
    {
            display: inline-block;
            position: relative;
    }
    .header-navi li a:visited
    {
            
    }
    .header-navi ul li a:hover
    {
            
            
    }
    .header-navi ul li a:hover::before
    {
    
    }
    .header-navi ul li a:hover::after
    {
    
    }
    .header-navi-wrapper
    {
            
    }
}
/**********************************************************
スマホ画面 グローバルナビゲーション
**********************************************************/
@media screen and ( max-width: 542px )
{
    .sp-not-global-navi
    {
            display: none;
    }
    .header-navi
    {
        /* ボックスシャドウ */
            box-shadow: 0px 4px 4px 1px rgba(186,186,186,0.3);
    }
    /* リンク余白 */
    .header-navi .navbar-nav li a
    {
            width: 100%;
    }
    .header-navi li a ,
    .header-navi li a:link
    {
            display: inline-block;
            position: relative;
    }
    .header-navi ul li a:hover::before
    {
    
    }
    .header-navi ul li a:hover::after
    {
    
    }
    .header-navi-wrapper
    {
            
    }
}
/**********************************************************
モバイルスライドナビゲーションメニュー
**********************************************************/
.mobile-header-navi
{
        display: none;
}
/* タブレット */
@media screen and ( min-width: 542px ) and ( max-width: 991px ){
    .mobile-header-navi{
            background-color: rgb(243, 243, 243)/*TB*/;
    }
}
/* スマホ */
@media screen and ( max-width: 543px ){
    .mobile-header-navi{
            background-color: rgb(243, 243, 243)/*SP*/;
    }
}
/* タブレット */
@media screen and ( min-width: 542px ) and ( max-width: 991px ){
    .mobile-header-navi .menu-item a{
            font-size: 0.8rem/*TB*/;
            color: rgb(68, 68, 68)/*TB*/;
            text-decoration: none/*TB*/;
            line-height: 1/*TB*/;
            text-align: left/*TB*/;
    }
}
/* スマホ */
@media screen and ( max-width: 543px ){
    .mobile-header-navi .menu-item a{
            font-size: 0.8rem/*SP*/;
            color: rgb(68, 68, 68)/*SP*/;
            text-decoration: none/*SP*/;
            line-height: 1/*SP*/;
            text-align: left/*SP*/;
    }
}

/* タブレット */
@media screen and ( min-width: 542px ) and ( max-width: 991px ){
    .mobile-header-navi .menu-item{
            padding-top: 0.3rem/*TB*/;
            padding-bottom: 0.5rem/*TB*/;
            padding-left: 0.5rem/*TB*/;
            padding-right: 0.5rem/*TB*/;
    }
}
/* スマホ */
@media screen and ( max-width: 543px ){
    .mobile-header-navi .menu-item{
            padding-top: 0.3rem/*SP*/;
            padding-bottom: 0.5rem/*SP*/;
            padding-left: 0.5rem/*SP*/;
            padding-right: 0.5rem/*SP*/;
    }
}
/**********************************************************
タブレット画面 モバイルスライドナビゲーションメニュー
**********************************************************/
@media screen and ( min-width: 542px ) and ( max-width: 991px )
{
    .mobile-header-navi
    {
            display: block;
    }
    /* モバイル用スライドカテゴリ */
    .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;
            vertical-align: baseline;
            white-space: nowrap;
    }
}
/**********************************************************
スマホ画面 モバイルスライドナビゲーションメニュー
**********************************************************/
@media screen and ( max-width: 542px )
{
    .mobile-header-navi
    {
            display: block;
    }
    /* モバイル用スライドカテゴリ */
    .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;
            white-space: nowrap;
            vertical-align: baseline;
    }
}
/**********************************************************
ヘッダー
**********************************************************/
.site-header-area .component-inner
{
        margin: 0 auto;     /* センタリング */
        max-width: 1280px;
}
#pc-header
{
        display: block;
        position: relative;
        width: 100%;
        height: 300px;
}
/* PC */
#pc-header .pc-header-logo, #tab-header .tab-header-logo, #sp-header .sp-header-logo{
        text-align: center;
}

#pc-header .pc-header-logo
{
        position: absolute;
        bottom: 0;
        left: auto;
        width: 100%;
        height: auto;
        max-width: 100%;
        max-height: auto;
}

/* PC */
#pc-header .pc-header-catch, #tab-header .tab-header-catch, #sp-header .sp-header-catch{
        text-align: center;
}

#pc-header .pc-header-catch
{
        position: absolute;
        top: 22px;
        left: auto;
        width: 100%;
        height: auto;
}
#tab-header , #sp-header
{
       display: none;
}
/* PC */
.site-header-area{
        background-image: url( https://x-design-office.com/wp-content/uploads/2018/03/67f6c5e93ab0279539284655baf50dc8.png );
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
}
/* タブレット */
@media screen and ( min-width: 542px ) and ( max-width: 991px ){
    .site-header-area{
            background-image: url( https://x-design-office.com/wp-content/uploads/2018/03/67f6c5e93ab0279539284655baf50dc8.png )/*TB*/;
            background-repeat: no-repeat/*TB*/;
            background-position: center center/*TB*/;
            background-size: cover/*TB*/;
    }
}
/* スマホ */
@media screen and ( max-width: 543px ){
    .site-header-area{
            background-image: url( https://x-design-office.com/wp-content/uploads/2018/03/67f6c5e93ab0279539284655baf50dc8.png )/*SP*/;
            background-repeat: no-repeat/*SP*/;
            background-position: center center/*SP*/;
            background-size: cover/*SP*/;
    }
}
/**********************************************************
タブレット画面 ヘッダー
**********************************************************/
@media screen and ( min-width: 542px ) and ( max-width: 991px )
{
    #tab-header
    {
           display: block;
            position: relative;
            width: 100%;
            height: 183px;
    }
    #tab-header .tab-header-logo
    {
            position: absolute;
            bottom: 0;
            left: auto;
            width: 100%;
            height: auto;
            max-width: 100%;
            max-height: auto;
    }
    #tab-header .tab-header-catch
    {
            position: absolute;
            top: 4px;
            left: auto;
            width: 100%;
            height: auto;
    }
    #pc-header , #sp-header
    {
           display: none;
    }
}
/**********************************************************
スマホ画面 ヘッダー
**********************************************************/
@media screen and ( max-width: 542px )
{
    #sp-header
    {
            display: block;
            position: relative;
            width: 100%;
            height: 90px;
    }
    #sp-header .sp-header-logo
    {
            position: absolute;
            bottom: 0;
            left: 90px;
            width: 100%;
            height: auto;
            max-width: 200px;
            max-height: auto;
    }
    #sp-header .sp-header-catch
    {
            position: absolute;
            top: 8px;
            left: auto;
            width: 100%;
            height: auto;
    }
    #pc-header , #tab-header
    {
           display: none;
    }
}
/**********************************************************
ヘッダーメタ
**********************************************************/
/* PC */
#pc-header-meta{
        background-color: #f5f5f5;
        background-repeat: no-repeat;
        background-attachment: scroll;
        background-position: center center;
        background-size: auto;
    };

/* PC */
#pc-header-meta .component-inner{
        margin-top: 0;
        margin-bottom: 0;
        margin-left: auto;
        margin-right: auto;
        padding-top: 0;
        padding-bottom: 0;
        padding-left: 1rem;
        padding-right: 1rem;
}
#pc-header-meta
{
        display: block;
        position: relative;
        width: 100%;
        height: auto;
}
#pc-header-meta .component-inner
{
        width: 1280px;
}
#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;
    }
    #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;
    }
    #pc-header-meta , #tab-header-meta
    {
            display: none;
    }
}
/*********************************************************
画像関係
**********************************************************/
/* 画像の左揃え */
.entry-content .alignleft
{
        max-width: 50% !important;
        float: left !important;
}
/* 画像の右揃え */
.entry-content .alignright
{
        max-width: 50% !important;
        float: right !important;
}
/* 画像の中央揃え */
.entry-content .aligncenter
{
        display: block !important;
        margin-left: auto !important;
        margin-right: auto !important;
}
/* 投稿画像の横幅 */
.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;
}
/* マウスポインタ時画像のズーム */
.tb-card-image
{
    /* はみ出し禁止 */
        overflow: hidden;
}
.tb-card-image .tb-card-thumb-img
{
    /* 0.5秒で変形 */
        transition: transform 0.5s linear;
}
.tb-card-image .tb-card-thumb-img:hover
{
    /* 2倍ズーム */
        transform: scale(2);
}
/*********************************************************
画像関係
**********************************************************/
/* アイキャッチ画像 */
/* PC */
.main-content-header .main-content-title{
        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-width: 0;
        border-bottom-width: 1px;
        border-left-width: 2px;
        border-right-width: 0;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
}
/* PC */
.entry-content > :not(.elementor) img.wp-post-image{
        margin-top: 1rem;
        margin-bottom: 1rem;
        margin-left: auto;
        margin-right: auto;
        padding-top: 0;
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0;
}
.entry-content > :not(.elementor) img.wp-post-image
{
        display: block;
        clear: both;
        width: 100%;
        height: auto;
        max-width: 600px;
        object-fit: contain;
        object-position: 50% 50%;
}
/* 投稿画像 */
/* PC */
.entry-content > :not(.elementor) img[class*='wp-image-']{
        border-top-color: rgb(102, 102, 102);
        border-bottom-color: rgb(102, 102, 102);
        border-left-color: rgb(102, 102, 102);
        border-right-color: rgb(102, 102, 102);
        border-top-style: solid;
        border-bottom-style: solid;
        border-left-style: solid;
        border-right-style: solid;
        border-top-width: 1px;
        border-bottom-width: 1px;
        border-left-width: 1px;
        border-right-width: 1px;
}
/* タブレット */
@media screen and ( min-width: 542px ) and ( max-width: 991px ){
    .entry-content > :not(.elementor) img[class*='wp-image-']{
            border-top-color: rgb(102, 102, 102)/*TB*/;
            border-bottom-color: rgb(102, 102, 102)/*TB*/;
            border-left-color: rgb(102, 102, 102)/*TB*/;
            border-right-color: rgb(102, 102, 102)/*TB*/;
            border-top-style: solid/*TB*/;
            border-bottom-style: solid/*TB*/;
            border-left-style: solid/*TB*/;
            border-right-style: solid/*TB*/;
            border-top-width: 1px/*TB*/;
            border-bottom-width: 1px/*TB*/;
            border-left-width: 1px/*TB*/;
            border-right-width: 1px/*TB*/;
    }
}
/* スマホ */
@media screen and ( max-width: 543px ){
    .entry-content > :not(.elementor) img[class*='wp-image-']{
            border-top-color: rgb(102, 102, 102)/*SP*/;
            border-bottom-color: rgb(102, 102, 102)/*SP*/;
            border-left-color: rgb(102, 102, 102)/*SP*/;
            border-right-color: rgb(102, 102, 102)/*SP*/;
            border-top-style: solid/*SP*/;
            border-bottom-style: solid/*SP*/;
            border-left-style: solid/*SP*/;
            border-right-style: solid/*SP*/;
            border-top-width: 1px/*SP*/;
            border-bottom-width: 1px/*SP*/;
            border-left-width: 1px/*SP*/;
            border-right-width: 1px/*SP*/;
    }
}
/* PC */
.entry-content > :not(.elementor) img[class*='wp-image-']{
        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 > :not(.elementor) img[class*='wp-image-']
{
        display: block;
        clear: both;
        width: 100%;
        height: auto;
        max-width: 600px;
        object-fit: contain;
        object-position: 50% 50%;
}
/* PC */
.entry-content .wp-caption .wp-caption-text, .entry-content .gallery-caption, .entry-content .entry-caption{
        font-size: 0.8rem;
        text-align: center;
}

/* PC */
.entry-content .wp-caption .wp-caption-text, .entry-content .gallery-caption, .entry-content .entry-caption{
        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
{
    
}
/* ページャ付サムネイル投稿 */
.tb-card-image img.tb-card-thumb-img
{
        width: 100%;
        height: 200px;
        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;
            clear: both;
            width: 100%;
            height: auto;
            max-width: 600px;
            object-fit: contain;
            object-position: 50% 50%;
    }
    /* 投稿画像 */
    .entry-content > :not(.elementor) img[class*='wp-image-']
    {
            display: block;
            clear: both;
            width: 100%;
            height: auto;
            max-width: 600px;
            object-fit: contain;
            object-position: 50% 50%;
    }
    /* 画像キャプション */
    .entry-content .wp-caption .wp-caption-text,
    .entry-content .gallery-caption,
    .entry-content .entry-caption
    {
            
    }
    /* ページャ付サムネイル投稿 */
    .tb-card-image img.tb-card-thumb-img
    {
            width: 100%;
            height: 200px;
            object-fit: cover;
            object-position: 50% 50%;
    }
}
/**********************************************************
スマホ画面 画像関係
**********************************************************/
@media screen and ( max-width: 542px )
{
    /* アイキャッチ画像 */
    .entry-content > :not(.elementor) img.wp-post-image
    {
            display: block;
            clear: both;
            width: 100%;
            height: auto;
            max-width: 600px;
            object-fit: contain;
            object-position: 50% 50%;
    }
    /* 投稿画像 */
    .entry-content > :not(.elementor) img[class*='wp-image-']
    {
            display: block;
            clear: both;
            width: 100%;
            height: auto;
            max-width: 600px;
            object-fit: contain;
            object-position: 50% 50%;
    }
    /* 画像キャプション */
    .entry-content .wp-caption .wp-caption-text,
    .entry-content .gallery-caption,
    .entry-content .entry-caption
    {
            
    }
    /* ページャ付サムネイル投稿 */
    .tb-card-image img.tb-card-thumb-img
    {
            width: 100%;
            height: 200px;
            object-fit: cover;
            object-position: 50% 50%;
    }
}
/**********************************************************
PC&タブレット画面 ギャラリー
**********************************************************/
.gallery
{
        width: 100%;
        margin-bottom: 20px !important;
        overflow: hidden;
}
.gallery:after
{
        display: block;
        content: "";
        clear: both;
}
    .gallery br {display: none;}
 
.gallery-item
{
        float: left;
        margin-bottom: 0 !important;
}
.gallery-icon
{
        text-align: center;
}
.gallery-icon img
{
        width: 100%;
        height: auto;
        margin-bottom: 10px !important;
}
 
.gallery-caption
{
        color: #222;
        font-size: 12px;
        margin: 0 0 10px;
        text-align: center;
}
/* 1カラム */
.gallery-columns-1 .gallery-item
{
        width: 100%;
        margin-right: 0;
}
/* 2カラム */
.gallery-columns-2 .gallery-item
{
        width: 48%;
        margin: 0 1%;
}
/* 3カラム */
.gallery-columns-3 .gallery-item
{
        width: 31.33333%;
        margin: 0 1%;
}
/* 4カラム */
.gallery-columns-4 .gallery-item
{
        width: 23%;
        margin: 0 1%;
}
/* 5カラム */
.gallery-columns-5 .gallery-item
{
        width: 18%;
        margin: 0 1%;
}
/**********************************************************
スマホ画面 ギャラリー
**********************************************************/
@media screen and ( max-width: 542px )
{
    /* 640px以下用の記述 */
    .gallery-columns-3 .gallery-item ,
    .gallery-columns-4 .gallery-item
    {
            width: 48%;
            margin: 0 1%;
    }
    .gallery-columns-5 .gallery-item
    {
            width: 31.33333%;
            margin: 0 1%;
    }
}
/*********************************************************
ドロップメニュー
**********************************************************/
/* サブメニュー共通 */
/* PC */
.dropmenu .sub-menu li a{
        line-height: 1;
        text-align: left;
}
.dropmenu .sub-menu li a
{
        display: block;
}
/* PC */
.dropmenu .sub-menu li{
        background-color: #eceeef;
}
.dropmenu .sub-menu li
{
        width: 200px;
}
/* 1回層目のポジション */
.dropmenu .sub-menu1
{
        list-style: none;
        position: absolute;
        z-index: 9999;
        top: 100%;
        left: 0;
        margin: 0;
        padding: 0;
}
/* 一回層目の最初のメニュー */

/* 階層の最後のメニュー */

/* 一回層目 */
/* PC */
.dropmenu .sub-menu1 li{
        border-bottom-color: #818a91;
        border-left-color: #818a91;
        border-right-color: #818a91;
        border-bottom-style: solid;
        border-left-style: solid;
        border-right-style: solid;
        border-bottom-width: 1px;
        border-left-width: 1px;
        border-right-width: 1px;
}
/* 二階層目 */
/* PC */
.dropmenu .sub-menu2 li{
        border-bottom-color: #818a91;
        border-left-color: #818a91;
        border-right-color: #818a91;
        border-bottom-style: solid;
        border-left-style: solid;
        border-right-style: solid;
        border-bottom-width: 1px;
        border-left-width: 1px;
        border-right-width: 1px;
}
/* 三階層目 */
/* PC */
.dropmenu .sub-menu3 li{
        border-bottom-color: #818a91;
        border-left-color: #818a91;
        border-right-color: #818a91;
        border-bottom-style: solid;
        border-left-style: solid;
        border-right-style: solid;
        border-bottom-width: 1px;
        border-left-width: 1px;
        border-right-width: 1px;
}
/* 四階層目 */
/* PC */
.dropmenu .sub-menu4 li{
        border-bottom-color: #818a91;
        border-left-color: #818a91;
        border-right-color: #818a91;
        border-bottom-style: solid;
        border-left-style: solid;
        border-right-style: solid;
        border-bottom-width: 1px;
        border-left-width: 1px;
        border-right-width: 1px;
}
/* 二回層目以降 */
.dropmenu ul ul
{
        position: absolute;
        top: 0;
        left: 100%;
        margin-top: 0;
}
/* アクティブ時 */

/* マウスホバー */
/* PC */
.dropmenu .sub-menu li:hover{
        background-color: #cdd0d2;
}
/* 矢印アイコン */
.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: #eeeeee;
        background-repeat: no-repeat;
        background-attachment: scroll;
        background-position: center center;
        background-size: auto;
}
/**********************************************************
コンテンツエリアインナー
**********************************************************/
/* PC */
.main-content-area > .component-inner{
        background-color: #fff;
        background-repeat: no-repeat;
        background-attachment: scroll;
        background-position: center center;
        background-size: auto;
}

/* PC */
.main-content-area > .component-inner{
        padding-top: 1rem;
        padding-bottom: 1rem;
        padding-left: 1rem;
        padding-right: 1rem;
}
/* タブレット */
@media screen and ( min-width: 542px ) and ( max-width: 991px ){
    .main-content-area > .component-inner{
            padding-top: 1rem/*TB*/;
            padding-bottom: 1rem/*TB*/;
            padding-left: 1rem/*TB*/;
            padding-right: 1rem/*TB*/;
    }
}
/* スマホ */
@media screen and ( max-width: 543px ){
    .main-content-area > .component-inner{
            padding-top: 1rem/*SP*/;
            padding-bottom: 1rem/*SP*/;
            padding-left: 0.5rem/*SP*/;
            padding-right: 0.5rem/*SP*/;
    }
}

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

/* PC */
.entry-content{
        font-family: "Noto Sans Japanese", "メイリオ", Meiryo,"游ゴシック",YuGothic,"Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3",Arial,Helvetica,sans-serif;
        font-size: 16px;
        color: #333;
        font-weight: normal;
        line-height: 1.5;
}
/* PC */
.entry-content{
        margin-top: 1rem;
}

/* PC */
.entry-content a:link{
        color: #0275d8;
        font-weight: normal;
        text-decoration: none;
}
/* PC */
.entry-content a:visited{
        color: #014c8c;
        font-weight: normal;
        text-decoration: none;
}
/* PC */
.entry-content a:hover{
        color: #014c8c;
        font-weight: normal;
        text-decoration: none;
}
/* コンテンツ枠 */
/* PC */
.main-content-area .main-content-outer{
        background-color: #FFF;
        background-repeat: no-repeat;
        background-attachment: scroll;
        background-position: center center;
        background-size: auto;
}
/* PC */
.main-content-area .main-content-outer{
        margin-top: 0;
        margin-bottom: 0;
        margin-left: 1rem;
        margin-right: 1rem;
        padding-top: 0;
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0;
}
/* タブレット */
@media screen and ( min-width: 542px ) and ( max-width: 991px ){
    .main-content-area .main-content-outer{
            margin-top: 0/*TB*/;
            margin-bottom: 0/*TB*/;
            margin-left: 1rem/*TB*/;
            margin-right: 1rem/*TB*/;
            padding-top: 0/*TB*/;
            padding-bottom: 0/*TB*/;
            padding-left: 0/*TB*/;
            padding-right: 0/*TB*/;
    }
}
/* スマホ */
@media screen and ( max-width: 543px ){
    .main-content-area .main-content-outer{
            margin-top: 0/*SP*/;
            margin-bottom: 0/*SP*/;
            margin-left: 0/*SP*/;
            margin-right: 0/*SP*/;
            padding-top: 0/*SP*/;
            padding-bottom: 0/*SP*/;
            padding-left: 0/*SP*/;
            padding-right: 0/*SP*/;
    }
}

.main-content-area .main-content-outer
{
        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 )
{
    /* コンテンツ枠 */
    .main-content-area .main-content-outer
    {
            box-shadow: 0px 0px 0px 0px rgba( 0,0,0,1 );
    }
}
/**********************************************************
スマホ画面 コンテンツ
**********************************************************/
@media screen and ( max-width: 542px )
{
    /* コンテンツ枠 */
    .main-content-area .main-content-outer
    {
            box-shadow: 0px 0px 0px 0px rgba( 0,0,0,1 );
    }
}
/**********************************************************
タイトル
**********************************************************/
/* PC */
    background-color: rgb(0, 188, 212);
/* タブレット */
@media screen and ( min-width: 542px ) and ( max-width: 991px ){
    background-color: rgb(0, 188, 212)/*TB*/;
}
/* スマホ */
@media screen and ( max-width: 542px ){
    background-color: rgb(0, 188, 212)/*SP*/;
}
/* PC */
    font-family: inherit;
    font-size: 2rem;
    color: #333;
    font-weight: normal;
    line-height: 1.2;
/* タブレット */
@media screen and ( min-width: 542px ) and ( max-width: 991px ){
    font-size: 2rem/*TB*/;
    line-height: 1.2/*TB*/;
}
/* スマホ */
@media screen and ( max-width: 542px ){
    font-size: 2rem/*SP*/;
    line-height: 1.2/*SP*/;
}
/* PC */
.main-content-header .main-content-title{
        margin-top: 0;
        margin-bottom: 1rem;
        margin-left: 0;
        margin-right: 0;
        padding-top: 0;
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0;
}
/* PC */
.main-content-header .main-content-title{
        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-width: 0;
        border-bottom-width: 1px;
        border-left-width: 2px;
        border-right-width: 0;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
}
.main-content-header .main-content-title
{
        position: relative;
        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;
            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;
            box-shadow: 0px 0px 0px 0px rgba( 0,0,0,1 );
    }
}
/**********************************************************
パンくずリスト
**********************************************************/
/* PC */
.main-breadcrumb{
        font-size: 0.7rem;
}
/* PC */
.main-breadcrumb{
        margin-top: 1rem;
        margin-bottom: 1rem;
}
.main-breadcrumb
{
        display: block;
}

/**********************************************************
タブレット画面 パンくずリスト
**********************************************************/
@media screen and ( min-width: 542px ) and ( max-width: 991px )
{
    .main-breadcrumb
    {
            display: block;
            word-wrap: break-word;
    }
}
/*********************************************************
スマホ画面 パンくずリスト
**********************************************************/
@media screen and ( max-width: 542px )
{
    .main-breadcrumb
    {
            display: block;
            word-wrap: break-word;
    }
}
/**********************************************************
PC画面 カテゴリ＆タグ
**********************************************************/
/* カテゴリ・タグ共通設定 */
.entry-meta .post-categories li ,
.entry-meta .post-tags li
{
        float: left;
        height: 2rem;
}
/* カテゴリ設定 */
/* PC */
a[rel="category"], a[rel*="category "]{
        background-color: #f2711c;
}
/* PC */
a[rel="category"], a[rel*="category "]{
        font-family: inherit !important;
        font-size: 0.8rem !important;
        color: #fff !important;
        font-weight: normal !important;
        text-decoration: none !important;
}
/* PC */
a[rel="category"], a[rel*="category "]{
        margin-left: 0;
        margin-right: 0.2rem;
        padding-top: 0.2rem;
        padding-bottom: 0.2rem;
        padding-left: 1rem;
        padding-right: 1rem;
}
/* PC */
a[rel="category"], a[rel*="category "]{
        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-width: 0;
        border-bottom-width: 0;
        border-left-width: 0;
        border-right-width: 0;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
}

/*タグ設定*/
/* PC */
a[rel="tag"], a[rel*="tag "]{
        background-color: #21ba45;
}
/* PC */
a[rel="tag"], a[rel*="tag "]{
        font-family: inherit !important;
        font-size: 0.8rem !important;
        color: #fff !important;
        font-weight: normal !important;
        text-decoration: none !important;
}
/* PC */
a[rel="tag"], a[rel*="tag "]{
        margin-left: 0;
        margin-right: 0.2rem;
        padding-top: 0.2rem;
        padding-bottom: 0.2rem;
        padding-left: 1rem;
        padding-right: 1rem;
}
/* PC */
a[rel="tag"], a[rel*="tag "]{
        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-width: 0;
        border-bottom-width: 0;
        border-left-width: 0;
        border-right-width: 0;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
}
/**********************************************************
タブレット画面 カテゴリ＆タグ
**********************************************************/
@media screen and ( min-width: 542px ) and ( max-width: 991px )
{
    .entry-meta .post-categories li ,
    .entry-meta .post-tags li
    {
            float: left;
            height: 2rem;
    }
}
/*********************************************************
スマホ画面 カテゴリ＆タグ
**********************************************************/
@media screen and ( max-width: 542px )
{
    .entry-meta .post-categories li ,
    .entry-meta .post-tags li
    {
            float: left;
            height: 2rem;
    }
}
/*********************************************************
新着ラベル
**********************************************************/

/* PC */
.new-label{
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
}
/*********************************************************
続きを読むリンク
**********************************************************/

/* PC */
.entry-content .more-link .more-link-btn{
        margin-top: 1rem;
        margin-bottom: 1rem;
}

.entry-content .more-link .more-link-btn
{
        width: 100%;
        height: auto;
        
}
/* PC */
.entry-content .more-link .more-link-btn a{
        text-align: center;
}
.entry-content .more-link:before
{
}
.entry-content .more-link:after
{
}
/**********************************************************
PC画面
**********************************************************/
/* 垂直サムネイル投稿一覧 */
body.archive .tb-vertical-post-wrapper
{
        margin: 1px;
}
/* 垂直サムネイル投稿一覧のサムネイルカラムのガッター */
body.archive .tb-vertical-post-wrapper .tb-card-thumb-column
{
        padding-top: 1rem;
        padding-bottom: 1rem;
        padding-left: 1rem;
        padding-right: 0.5rem;
}
/* 垂直サムネイル投稿一覧のタイトルカラムのガッター */
body.archive .tb-vertical-post-wrapper .tb-card-title-column
{
        padding-top: 1rem;
        padding-bottom: 1rem;
        padding-left: 0;
        padding-right: 1rem;
}
/* 垂直サムネイル投稿一覧のグリッド最後の下余白を調整 */
body.archive .tb-vertical-post-wrapper .tb-card-grid:last-of-type
{
        padding-bottom: 0.5rem;
}
/* 垂直サムネイル投稿一覧のディバイダーの最後を非表示 */
body.archive .tb-vertical-post-wrapper .tb-card-divider:last-of-type
{
        display: none;
}
/* 背景カラー */
/* 共通 */
body.archive 
{
        line-height: 1;
}
/* サムネイル */
body.archive .tb-card-image img.tb-card-thumb-img
{
        width: 100%;
        height: 200px;
        object-fit: cover;
        object-position: 50% 50%;
}
/* タイトル */
/* 抜粋 */
}
/* メタ情報 */
/**********************************************************
タブレット画面
**********************************************************/
@media screen and ( min-width: 542px ) and ( max-width: 991px )
{
    /* 垂直サムネイル投稿一覧 */
    body.archive .tb-vertical-post-wrapper
    {
            margin: 1px;
    }
    /* 垂直サムネイル投稿一覧のサムネイルカラムのガッター */
    body.archive .tb-vertical-post-wrapper .tb-card-thumb-column
    {
            padding-top: 1rem;
            padding-bottom: 1rem;
            padding-left: 1rem;
            padding-right: 0.5rem;
    }
    /* 垂直サムネイル投稿一覧のタイトルカラムのガッター */
    body.archive .tb-vertical-post-wrapper .tb-card-title-column
    {
            padding-top: 1rem;
            padding-bottom: 1rem;
            padding-left: 0;
            padding-right: 1rem;
    }
    /* 垂直サムネイル投稿一覧のグリッド最後の下余白を調整 */
    body.archive .tb-vertical-post-wrapper .tb-card-grid:last-of-type
    {
            padding-bottom: 0.5rem;
    }
    /* 垂直サムネイル投稿一覧のディバイダーの最後を非表示 */
    body.archive .tb-vertical-post-wrapper .tb-card-divider:last-of-type
    {
            display: none;
    }
    /* 共通 */
    body.archive 
    {
            line-height: 1;
    }
    /* サムネイル */
    body.archive  .tb-card-image img.tb-card-thumb-img
    {
            width: 100%;
            height: 200px;
            object-fit: cover;
            object-position: 50% 50%;
    }
}
/**********************************************************
スマホ画面
**********************************************************/
@media screen and ( max-width: 542px )
{
    /* 垂直サムネイル投稿一覧 */
    body.archive .tb-vertical-post-wrapper
    {
            margin: 1px;
    }
    /* 垂直サムネイル投稿一覧のサムネイルカラムのガッター */
    body.archive .tb-vertical-post-wrapper .tb-card-thumb-column
    {
            padding-top: 1rem;
            padding-bottom: 1rem;
            padding-left: 1rem;
            padding-right: 0.5rem;
    }
    /* 垂直サムネイル投稿一覧のタイトルカラムのガッター */
    body.archive .tb-vertical-post-wrapper .tb-card-title-column
    {
            padding-top: 1rem;
            padding-bottom: 1rem;
            padding-left: 0;
            padding-right: 1rem;
    }
    /* 垂直サムネイル投稿一覧のグリッド最後の下余白を調整 */
    body.archive .tb-vertical-post-wrapper .tb-card-grid:last-of-type
    {
            padding-bottom: 0.5rem;
    }
    /* 垂直サムネイル投稿一覧のディバイダーの最後を非表示 */
    body.archive .tb-vertical-post-wrapper .tb-card-divider:last-of-type
    {
            display: none;
    }
    /* 共通 */
    body.archive 
    {
            line-height: 1;
    }
    /* サムネイル */
    body.archive  .tb-card-image img.tb-card-thumb-img
    {
            width: 100%;
            height: 200px;
            object-fit: cover;
            object-position: 50% 50%;
    }
}
/*********************************************************
サイドバー
**********************************************************/
/* PC */
.sidebar-right ,.sidebar-left ,.sidebar-right a ,.sidebar-left a ,.sidebar-right p ,.sidebar-left p{
        font-family: inherit;
        font-size: 0.8rem;
        color: inherit;
        font-weight: normal;
        text-decoration: none;
        line-height: 1.2;
}
/* PC */
.sidebar-right a:link ,.sidebar-left a:link{
        color: inherit !important;
        text-decoration: none !important;
    };
/* PC */
.sidebar-right a:visited ,.sidebar-left a:visited{
        color: inherit !important;
}
/* PC */
.sidebar-right a:hover ,.sidebar-left a:hover{
        color: inherit !important;
        text-decoration: none !important;
}
/* ウィジェット周り */
/* PC */
.sidebar-right .widget ,.sidebar-left .widget{
        background-repeat: no-repeat;
        background-size: auto;
}
/* PC */
.sidebar-right .widget ,.sidebar-left .widget{
        font-family: inherit;
        font-size: 1rem;
        color: #333;
        font-weight: normal;
        line-height: 1;
        letter-spacing: normal;
}
/* PC */
.sidebar-right .widget ,.sidebar-left .widget{
        margin-top: 1rem;
        margin-bottom: 0;
        margin-left: 0;
        margin-right: 0;
        padding-top: 0;
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0;
}
/* PC */
.sidebar-right .widget ,.sidebar-left .widget{
        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-width: 0;
        border-bottom-width: 0;
        border-left-width: 0;
        border-right-width: 0;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
}
.sidebar-right .widget ,
.sidebar-left .widget
{
        box-shadow: 0px 0px 0px 0px rgba( 0,0,0,1 );
}
.sidebar-right .widget:before ,
.sidebar-left .widget:before
{
}
.sidebar-right .widget:after ,
.sidebar-left .widget:after
{
}
/* タイトル */
/* PC */
.sidebar-right .widget-title ,.sidebar-left .widget-title{
        background-image: linear-gradient(to top , #e9e9e9 0% ,#fdfdfd 100% );
        background-repeat: no-repeat;
        background-size: auto;
}
/* PC */
.sidebar-right .widget-title ,.sidebar-left .widget-title{
        font-family: inherit;
        font-size: 1rem;
        color: #333;
        font-weight: normal;
        line-height: 1;
        letter-spacing: normal;
}
/* PC */
.sidebar-right .widget-title ,.sidebar-left .widget-title{
        margin-top: 0;
        margin-bottom: 1rem;
        margin-left: 0;
        margin-right: 0;
        padding-top: 5px;
        padding-bottom: 3px;
        padding-left: 0.5rem;
        padding-right: 0;
}
/* PC */
.sidebar-right .widget-title ,.sidebar-left .widget-title{
        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-width: 0;
        border-bottom-width: 1px;
        border-left-width: 4px;
        border-right-width: 0;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
}
.sidebar-right .widget-title ,
.sidebar-left .widget-title
{
        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 .widget ,
    .sidebar-left .widget
    {
            box-shadow: 0px 0px 0px 0px rgba( 0,0,0,1 );
    }
    .sidebar-right .widget:before ,
    .sidebar-left .widget:before
    {
    
    }
    .sidebar-right .widget:after ,
    .sidebar-left .widget:after
    {
    
    }
    /* タイトル */
    .sidebar-right .widget-title ,
    .sidebar-left .widget-title
    {
            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 .widget ,
    .sidebar-left .widget
    {
            box-shadow: 0px 0px 0px 0px rgba( 0,0,0,1 );
    }
    .sidebar-right .widget:before ,
    .sidebar-left .widget:before
    {
    
    }
    .sidebar-right .widget:after ,
    .sidebar-left .widget:after
    {
    
    }
    /* タイトル */
    .sidebar-right .widget-title ,
    .sidebar-left .widget-title
    {
            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-attachment: scroll;
        background-position: center center;
        background-size: auto;
}
.main-content-area .sidebar-left ,
.main-content-area .sidebar-right
{
        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
    {
            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
    {
            box-shadow: 0px 0px 0px 0px rgba( 0,0,0,1 );
    }
}
/*********************************************************
フッター領域
**********************************************************/
/*********************************************************
フッター
**********************************************************/
#footer
{
        max-width: 100%;
}
/* PC */
.footer-widget-area ,.footer-widget-area a ,.footer-widget-area p ,.footer-widget-area p{
        font-family: inherit;
        font-size: 0.8rem;
        color: #333;
        font-weight: normal;
        line-height: inherit;
        letter-spacing: normal;
}
/* PC */
.footer-widget-area{
        background-color: #f5f5f5;
        background-repeat: no-repeat;
        background-attachment: scroll;
        background-position: center center;
        background-size: auto;
}
/* PC */
.footer-widget-area{
        margin-top: 0;
        margin-bottom: 0;
        margin-left: auto;
        margin-right: auto;
        padding-top: 1rem;
        padding-bottom: 0;
        padding-left: 1rem;
        padding-right: 1rem;
}
/* PC */
.footer-widget-area{
        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-width: 0;
        border-bottom-width: 0;
        border-left-width: 0;
        border-right-width: 0;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
}
.footer-widget-area
{
        box-shadow: 0px 0px 0px 0px rgba( 0,0,0,1 );
}
/* フッター外枠 */
/* PC */
.footer-widget-area .footer-widget-outer{
        background-color: inherit;
        background-repeat: no-repeat;
        background-attachment: scroll;
        background-position: center center;
        background-size: auto;
}
/* PC */
.footer-widget-area .footer-widget-outer{
        margin-top: 0;
        margin-bottom: 2rem;
        margin-left: auto;
        margin-right: auto;
        padding-top: 0;
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0;
}
/* PC */
.footer-widget-area .footer-widget-outer{
        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-width: 0;
        border-bottom-width: 0;
        border-left-width: 0;
        border-right-width: 0;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
}
.footer-widget-area .footer-widget-outer
{
        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;
}

/* PC */
.footer-widget-area a{
        color: #0275d8;
        text-decoration: none;
}
/* PC */
.footer-widget-area a:visited{
        color: #014c8c;
}
/* PC */
.footer-widget-area a:hover{
        color: #014c8c;
        text-decoration: none;
}
/* ウィジェットタイトル */
/* PC */
.footer-widget-area .widget-title{
        background-color: transparent;
        background-repeat: no-repeat;
        background-size: auto;
}
/* PC */
.footer-widget-area .widget-title{
        font-family: inherit;
        font-size: 1rem;
        color: #333;
        font-weight: normal;
        line-height: 1;
        letter-spacing: normal;
}
/* PC */
.footer-widget-area .widget-title{
        margin-top: 0;
        margin-bottom: 1rem;
        margin-left: 0;
        margin-right: 0;
        padding-top: 1rem;
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0;
}
/* PC */
.footer-widget-area .widget-title{
        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-width: 0;
        border-bottom-width: 0;
        border-left-width: 0;
        border-right-width: 0;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
}
.footer-widget-area .widget-title
{
        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-left: auto;
        margin-right: auto;
}
/* フッターコピーエリア */
    background-color: #000;
    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: 1rem;
    padding-right: 1rem;

/* PC */
.footer-copy-area .footer-copy ,.footer-copy-area .footer-copy a{
        font-size: 0.8rem;
        color: #fff;
        font-weight: normal;
        line-height: 1.5;
        text-align: center;
}
/* PC */
.footer-copy-area .footer-copy ,.footer-copy-area .footer-copy a{
        margin-top: 0;
        margin-bottom: 0;
        margin-left: auto;
        margin-right: auto;
        padding-top: 0;
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0;
}
.footer-copy-area .footer-copy ,
.footer-copy-area .footer-copy a
{
        word-break: break-all;
}
.footer-copy-wrapper
{
        width: 1280px;
}
#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
    {
            box-shadow: 0px 0px 0px 0px rgba( 0,0,0,1 );
    }
    /* フッター外枠 */
    .footer-widget-area .footer-widget-outer
    {
            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 .widget-title
    {
            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 .footer-copy ,
    .footer-copy-area .footer-copy a
    {
            word-break: break-all;
    }
    .footer-copy-wrapper
    {
            width: 100%;
    }
}
/**********************************************************
スマホ画面 フッター
**********************************************************/
@media screen and ( max-width: 542px )
{
    #footer
    {
            max-width: 100%;
    }
    .footer-widget-area
    {
            box-shadow: 0px 0px 0px 0px rgba( 0,0,0,1 );
    }
    /* フッター外枠 */
    .footer-widget-area .footer-widget-outer
    {
            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 .widget-title
    {
            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 .footer-copy ,
    .footer-copy-area .footer-copy a
    {
            word-break: break-all;
    }
    .footer-copy-wrapper
    {
            width: 100%;
    }
}
/**********************************************************
ウィジェットエリア
**********************************************************/
.footer-widget-area ul li:last-child
{
        border-bottom: none;
}
/* Displayed in List Format & Header Sitemap,Contact Link */
.widget_archive > ul ,
.widget_categories > ul ,
.widget_nav_menu > ul ,
.widget_nav_menu > ul ,
.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 ,
.widget_welcart_category > ul ,
.widget_welcart_page > 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 ,
.widget_welcart_category ul li ,
.widget_welcart_page ul li
{
        display: block;
        overflow: hidden;
        width: 100%;
        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 ,
.widget_welcart_category ul li:last-child ,
.widget_welcart_page 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 ,
.widget_welcart_category ul li ,
.widget_welcart_page ul li ,
.widget_nav_menu 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 ,
.widget_welcart_category .children ,
.widget_welcart_page .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 ,
.widget_welcart_category .children li:last-child , 
.widget_welcart_page .children li:last-child
{
        border-bottom: none;
}
/* 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;
}
.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;
}
/**********************************************************
ウィジェットタグクラウド
**********************************************************/
.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;
}
.widget_search .search-form
{
        position: relative;
}
.widget_search .search-form .search-submit
{
        position: absolute;
        top: 0;
        right: 1px;
        border-top-left-radius: 0;
        border-top-right-radius: 0.4rem;
        border-bottom-right-radius: 0.4rem;
        border-bottom-left-radius: 0;
}
/**********************************************************
ウィジェットカレンダー
**********************************************************/
.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;
}
/**********************************************************
ページネーションとページ分割
**********************************************************/
.tb-pager-wrapper
{
        margin-top: 2rem;
        margin-bottom: 2rem;
}
.tb-page-section
{
        margin-top: 1rem;
        margin-bottom: 1rem;
}
/**********************************************************
前の記事へ、次の記事へ
**********************************************************/
.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;
        object-fit: contain;
        object-position: 50% 50%;
        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;
            object-fit: contain;
            object-position: 50% 50%;
            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 .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{
        background-color: #FFF;
}
/* PC */
#comments{
        margin-top: 2rem;
        margin-bottom: 0;
        margin-left: 0;
        margin-right: 0;
        padding-top: 0;
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0;
}
/* PC */
#comments{
        border-top-color: #ccc;
        border-top-style: solid;
        border-top-width: 1px;
}
/* コメントコンテナ */
/* PC */
#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;
}
/* 返信コメントコンテナ */
/* PC */
#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;
}
/* コメント本文 */
/* PC */
#comments .comment-content{
        font-size: 1rem;
}
/* コメント日時 */
/* コメント投稿者 */
/* コメントIPアドレス */
/* PC */
#comments .comment-ip{
        font-size: 0.7rem;
        color: #cfcfcf;
}
/* コメントフォーム外枠 */
/* PC */
#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;
        box-sizing: border-box;
        width: 78%;
        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;
            box-sizing: border-box;
            width: 70% !important;
            min-height: 60px;
            margin-bottom: 2em;
            padding: 1em;
            border: 1px solid #ccc;
            background: #fff;
    }
}
/**********************************************************
目次
**********************************************************/
/* PC */
#tb_toc ,#tb_toc-home{
        background-color: #eee;
}
/* PC */
#tb_toc ,#tb_toc-home{
        font-size: 0.8rem;
        color: #0c6ed3;
        line-height: 1.5;
}
/* PC */
#tb_toc ,#tb_toc-home{
        margin-top: 2rem;
        margin-bottom: 2rem;
        margin-left: auto;
        margin-right: auto;
        padding-top: 2rem;
        padding-bottom: 2rem;
        padding-left: 2rem;
        padding-right: 2rem;
}
/* PC */
#tb_toc ,#tb_toc-home{
        border-top-color: #0996b2;
        border-bottom-color: #0996b2;
        border-left-color: #0996b2;
        border-right-color: #0996b2;
        border-top-style: solid;
        border-bottom-style: solid;
        border-left-style: solid;
        border-right-style: solid;
        border-top-width: 1px;
        border-bottom-width: 1px;
        border-left-width: 1px;
        border-right-width: 1px;
}
#tb_toc ,
#tb_toc-home
{
        display: block;
        width: 80%;
        box-shadow: 4px 4px 0 #a9dae4;
}
#tb_toc:before ,
#tb_toc-home:before
{

}
#tb_toc:after ,
#tb_toc-home:after
{

}
#tb_toc ul ,
#tb_toc-home ul
{
        margin: 0;
        padding: 0;
        list-style: none;
}
#tb_toc ol ,
#tb_toc-home ol
{
        margin-top: 0;
        margin-bottom: 0;
        margin-left: 0;
}
/* PC */
#tb_toc ,#tb_toc-home{
        font-size: 0.8rem;
        color: #0c6ed3;
        line-height: 1.5;
}
#tb_toc li
{
        list-style-type: none !important;
        min-height: 18px;
        margin: 20px 0 0;
        padding: 3px 0 0 28px;
}
/* PC */
#tb_toc ,#tb_toc-home{
        font-size: 0.8rem;
        color: #0c6ed3;
        line-height: 1.5;
}
#tb_toc-home li
{
        list-style-type: none !important;
        min-height: 18px;
        margin: 0;
        padding: 3px 0 0 28px;
}
#tb_toc > li:first-child ,
#tb_toc-home > li:first-child
{
        margin-top: 0;
}
/* リンク */
/* PC */
#tb_toc ,#tb_toc-home{
        font-size: 0.8rem;
        color: #0c6ed3;
        line-height: 1.5;
}
/* タイトル */
/* PC */
#tb_toc .tb-toc-title ,#tb_toc-home .tb-toc-title{
        font-size: 1.2rem;
        color: #333;
}
#tb_toc .tb-toc-title ,
#tb_toc-home .tb-toc-title
{
        
}
#tb_toc .tb-toc-title:before ,
#tb_toc-home .tb-toc-title:before
{

}
#tb_toc .tb-toc-title:after ,
#tb_toc-home .tb-toc-title:after
{

}
#tb_toc ol ol ,
#tb_toc-home ol ol
{
        margin-top: 0.5em;
}
#tb_toc ol ol li ,
#tb_toc-home ol ol li
{
        list-style-type: circle;
}
/**********************************************************
タブレット画面 目次
**********************************************************/
@media screen and ( min-width: 542px ) and ( max-width: 991px )
{
    #tb_toc ,
    #tb_toc-home
    {
            display: block;
            width: 80%;
            box-shadow: 4px 4px 0 #a9dae4;
    }
    #tb_toc:before ,
    #tb_toc-home:before
    {

    }
    #tb_toc:after ,
    #tb_toc-home:after
    {

    }
    #tb_toc ul ,
    #tb_toc-home ul
    {
            margin: 0;
            padding: 0;
            list-style: none;
    }
    #tb_toc ol ,
    #tb_toc-home 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;
    }
    #tb_toc-home li
    {
            list-style-type: none !important;
            min-height: 18px;
            margin: 0;
            padding: 3px 0 0 28px;
    }
    #tb_toc > li:first-child ,
    #tb_toc-home > li:first-child
    {
            margin-top: 0;
    }
    /* タイトル */
    #tb_toc .tb-toc-title ,
    #tb_toc-home .tb-toc-title
    {
            box-shadow: 4px 4px 0 #a9dae4;
    }
    #tb_toc .tb-toc-title:before ,
    #tb_toc-home .tb-toc-title:before
    {

    }
    #tb_toc .tb-toc-title:after ,
    #tb_toc-home .tb-toc-title:after
    {

    }
}
/**********************************************************
スマホ画面 目次
**********************************************************/
@media screen and ( max-width: 542px )
{
    #tb_toc ,
    #tb_toc-home
    {
            display: block;
            width: 80%;
            box-shadow: 4px 4px 0 #a9dae4;
    }
    #tb_toc:before ,
    #tb_toc-home:before
    {

    }
    #tb_toc:after ,
    #tb_toc-home:after
    {

    }
    #tb_toc ul ,
    #tb_toc-home ul
    {
            margin: 0;
            padding: 0;
            list-style: none;
    }
    #tb_toc ol ,
    #tb_toc-home 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;
    }
    #tb_toc-home li
    {
            list-style-type: none !important;
            min-height: 18px;
            margin: 0;
            padding: 3px 0 0 28px;
    }
    #tb_toc > li:first-child ,
    #tb_toc-home > li:first-child
    {
            margin-top: 0;
    }
    /* タイトル */
    #tb_toc .tb-toc-title ,
    #tb_toc-home .tb-toc-title
    {
            box-shadow: 4px 4px 0 #a9dae4;
    }
    #tb_toc .tb-toc-title:before ,
    #tb_toc-home .tb-toc-title:before
    {

    }
    #tb_toc .tb-toc-title:after ,
    #tb_toc-home .tb-toc-title:after
    {

    }
}
/**********************************************************
デコレーション
**********************************************************/
/* 補足説明（黄色枠 */
.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
{
        
        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']
{
        ;
}
/* 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
    {
            
            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
    {
            
            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;
}
/**********************************************************
Semantic UI
**********************************************************/
/* カード内の行間 */
.ui.card>.content>.header:not(.ui),.ui.cards>.card>.content>.header:not(.ui)
{
        line-height: 1;
}
.ui .card .image
{
        line-height: 0;
}
/**********************************************************
Dark Tooltip
**********************************************************/
.darktooltip-yes ,
.darktooltip-no
{
        cursor: pointer;
}
/**********************************************************
フロート解除
**********************************************************/
.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;
}