@charset "UTF-8";

/*
BusinessBlue #1298B3

*/
body {
    font-family: 'Noto Sans Japanese',   sans-serif;
    background: #fff !important;
}

a {
    color: #0f6fcf;
}

a:hover {
    color: #1298B3;
}

.imgauto img {
    margin: auto;
    width: 100%;
    object-fit: cover;
}

.table {
    font-size: 16px;
}

.table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > th {
    color: #222;
    background: #FFF7DB;
}
#single-common-summary .panel-body {
    font-size: 16px;
}
/* ----------------------------------------------- 
	独自CSS設定
 ----------------------------------------------- */
.bg-original-header1 {
    color: #fff;
    background: #1298B3;
    /*border-top: 6px solid #1298B3;*/
}

.bg-original-header1 a {
    color: #fff;
}

.bg-original-header2 {
    font-family: 'Josefin Sans', sans-serif;
}

.bg-original-header2 a {
    color: #fff;
}

.bg-original-header2 a:hover {
    color: #1298B3;
}

.bg-original-navigation1 {
    color: #fff;
    background: #1298B3;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

.bg-original-navigation1 ul li {
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
}

.bg-original-navigation1 ul li a {
    color: #fff;
    border-bottom: 2px solid #1298B3;
}

.bg-original-navigation1 ul li a:hover {
    color: #1298B3;
    background: #fff;
    border-bottom: 2px solid #1298B3;
}

.bg-original-footer1 {
}

.bg-original-footer2 {
}

.bg-original-footer3 {
    color: #fff;
    background: #026071;
}

/* ----------------------------------------------- 
	ボタン設定 
 ----------------------------------------------- */
.btn-headerbtnleft {
    color: #fff;
    background-color: #f90;
    border-color: #FF903A;
    border-bottom: solid 4px #A36601;
}
.btn-headerbtnright {
    color: #fff;
    background-color: #f90;
    border-color: #FF903A;
    border-bottom: solid 4px #A36601;
}
.btn-headerbtnleft:hover,
.btn-headerbtnright:hover {
    color: #fff;
    border-color: #d7d7d7;
    background-color: #fafafa;
    border-bottom: solid 4px #646464;
}

/* ----------------------------------------------- 
	ロゴ 設定 home.php 
 ----------------------------------------------- */
.description-title {
    font-size: 40px;
    background: #666;
    -webkit-background-clip: text;
}

.description-title small {
    font-size: 10px;
    padding-left: 10px;
}

.description-title a {
    text-decoration: none;
}

/* ----------------------------------------------- 
	タイトル 設定
 ----------------------------------------------- */
.archives h1 {
    color: #222;
    background: #fff;
    font-weight: bold;
}

.archives h2 {
    color: #222;
    background: rgb(252, 252, 252);
    border: none;
}

.archives h2 a {
    color: #222;
}

.widget-wrap h4 {
    color: #fff;
    background: #00468A;
    border: none;
    font-weight: bold;
    border-radius: 4px;
    padding: 4px;
    text-align: center;
}

.widget-wrap a {
    color: #00468A;
}

.ranking-wrap h4 {
    color: #fff;
    background: #00468A;
    border: none;
    font-weight: bold;
    border-radius: 4px;
    padding: 4px;
    text-align: center;
}

/* ----------------------------------------------- 
	検索 設定
 ----------------------------------------------- */
.search-box {
    color: #222;
    border: none;
}

.search-box input[type="search"],
.search-box form select {
    color: #222;
}

.search-submit {
    color: #fff;
    background-color: #00468A;
    border: none;
}

.search-submit:hover {
    color: #222;
    background: #eee;
}

.btn-warning.active, .btn-warning:active, .open > .dropdown-toggle.btn-warning {
    color: #fff;
    background-color: #eee;
    border-color: #eee;
}

/* -----------------------------------------------
	検索 ソートボタン設定
 ----------------------------------------------- */
#search-sort .sortbutton,
#search-sort .sortbutton:hover,
#search-sort .sortbutton:visited{
    color: #7d8383;
    font-size: 84%;
    text-decoration: none;
    text-align: center;
    text-shadow: 0px 1px 0px #fafafa;
    background: #fbfaf4;
    background: -webkit-gradient(linear, left top, left bottom, from(#fbfaf4), to(#ece8e6));
    background: -moz-linear-gradient(top,  #fbfaf4,  #ece8e6);
    background: -o-linear-gradient(top,  #fbfaf4,  #ece8e6);
    background: -ms-linear-gradient(top,  #fbfaf4,  #ece8e6);
    background: linear-gradient(top,  #fbfaf4,  #ece8e6);
    border: 1px solid #dcd9d8;
    border-bottom: 1px solid #c1c1bd;
    -webkit-box-shadow:  0 0 1px #c7c5c1;
    -moz-box-shadow:  0 0 1px #c7c5c1;
    box-shadow:  0 0 1px #c7c5c1;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s;
    padding: 2px 8px;
}

#search-sort .sortbutton:hover {
    color:#9a9f9f;
    background: #fbfbf9;
}

#search-sort .sortbutton:active{
    background:#ece8e4;
    border: none;
    box-shadow:  0 1px 1px #cccbc9, inset 0 0 1px rgba(0, 0, 0, 0.3);
}

/* ----------------------------------------------- 
	データ用 設定
 ----------------------------------------------- */
.single-common h1,
.single-common h2,
.single-common h3,
.single-common h4 {
    color: #222;
}

.single-common h2 {
    background: #fff;
    border-left: none;
    padding-left: 0;
    border-top: 1px dashed #222;
    margin-top: 20px;
}

.single-common h3 {
    border-bottom: solid 2px rgb(252, 252, 252);
}

.single-common h3:after {
    border-bottom: solid 2px #222;
}

.single-common-table th {
    color: #222;
    background: rgb(252, 252, 252);
}

.single-common h4 {
    border-left: 1px dashed #222;
    padding-left: 10px;
}

#catinvolved {
    background-color: rgb(252, 252, 252);
}

#catinvolved a {
    color: #232f3e;
    background-color: #fff;
}

#catinvolved a:hover {
    color: #fff;
    background-color: #232f3e;
}

/* ----------------------------------------------- 
	データ用 設定
 ----------------------------------------------- */
.page-format h1,
.page-format h2,
.page-format h3,
.page-format h4 {
    color: #eee;
}

.page-format h2 {
    color: #fff;
    background: #232f3e;
    border-left: none;
}

.page-format h3 {
    color: #232f3e;
    border-bottom: solid 3px #eee;
}

.page-format h3:after {
    border-bottom: solid 3px #232f3e;
}

.page-format h4 {
    color: #232f3e;
}

#pagination span, #pagination a {
    background: #eee;
}

#pagination .current, #pagination a:hover {
    color: #fff;
    background: #232f3e;
}

/* ----------------------------------------------- 
	記事追加 設定
 ----------------------------------------------- */
.single-post-contents {
    font-size: 1.2em;
}

.single-post-contents {
    line-height: 1.75;
    letter-spacing: 0;
}

.single-post-contents h1 {
    color: #222;
    font-size: 2.2em;
    font-weight: bold;
}

.single-post-contents h2 {
    background: none;
    border-left: none;
    font-weight: bold;
    font-size: 2.0em;
    padding-left: 0;
    color: #222;
    border-top: 1px dashed #222;
}

.single-post-contents h3 {
    color: #222;
    border-bottom: none;
    font-size: 1.6em;
}

.single-post-contents h3:after {
    border-bottom: solid 1px #222;
}

.single-post-contents h4 {
    color: #222;
    border-left: 1px dashed #222;
    font-size: 1.4em;
    padding-left: 8px;
}

.single-post-contents .well {
    background: rgb(252, 252, 252);
}

.single-post-contents .well ul {
    padding-left: 14px;
}

/* -----------------------------------------------
	詳細ボタン 設定
 ----------------------------------------------- */
.archives-tag a, .archives-detail a {
    color: #fff;
    background: #0f678c;
    padding: 6px 10px;
}

/* -----------------------------------------------
	ログイン 設定
 ----------------------------------------------- */
#login-block .form-signin {
    border: 4px solid #1298B3;
    background: #c7f1fa;
    border-radius: 4px;
}
.register-block, .log-block {
    border: 4px solid #dc3232;
    background: #ffffcc;
    border-radius: 4px;
}

#login-block .colorgraph {
    height: 4px;
    border-top: 0;
    background: #1298B3;
    border-radius: 5px;
    background-image: none;
}
/*ログインボタン*/
#login-block .btn-login-color {
    color: #fff;
    background: #dc3232;
    border-bottom: solid 4px #712722;
}
#login-block .btn-login-register {
    color: #fff;
    background: #dc3232;
    border-bottom: solid 4px #712722;
}
.btnlogin{
    display: block;
    padding: 0.5em 1em;
    text-decoration: none;
    background: #ff8800;
    color: #FFF;
    border-bottom: solid 4px #A36601;
    border-radius: 3px;
    text-align: center;
}

.btnlogin:active{
    color: #FFF;
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
    border-bottom: none;
    text-decoration: none;
}
.btnlogin:hover{
    color: #FFF;
    text-decoration: none;
    opacity: 0.9;
}

/*ログインボタン ログイン後*/
.btnlogin-login{
    display: block;
    padding: 1.0em 1em;
    text-decoration: none;
    background: #89C9F8;
    color: #222;
    border-bottom: solid 4px #004EAC;
    border-radius: 3px;
    text-align: center;
    font-weight: bold;
}

.btnlogin-login:active{
    color: #222;
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
    border-bottom: none;
    text-decoration: none;
}
.btnlogin-login:hover{
    color: #222;
    text-decoration: none;
    opacity: 0.9;
}


/* ----------------------------------------------- 
	フッター 設定
 ----------------------------------------------- */
.footer-link {
    border-top: 3px solid #1298B3;

}

/* ----------------------------------------------- 
	スマホ追加 設定
 ----------------------------------------------- */
@media screen and (max-width: 460px) {
    body {
        font-size: 12px;
    }

    .table > tbody > tr > td, .table > tbody > tr > th,
    .table > tfoot > tr > td, .table > tfoot > tr > th,
    .table > thead > tr > td, .table > thead > tr > th {
        font-size: 11px
    }

    .archives h1,
    .archives h2,
    .archives h2 a {
        font-size: 12px
    }

    .widget-wrap h4,
    .widget-wrap a,
    .ranking-wrap h4 {
        font-size: 12px
    }

    .single-common h1,
    .single-common h2,
    .single-common h3,
    .single-common h4 {
        font-size: 12px
    }

    .page-format h1,
    .page-format h2,
    .page-format h3,
    .page-format h4 {
        font-size: 12px
    }

}