#main.ichiran-single h2.page_title span.sub {
    padding-left: 20px;
    font-size: 19px;
}
#main.ichiran-single .context .tel:before {
    content: 'Tel.';
}
#main.ichiran-single .context .fax:before {
    content: 'Fax.';
}
#main.ichiran-single .context .mail a:before {
    font-family: 'Fontawesome';
    content: '\f0e0';
    margin-right: 4px;
    color: #000;
}
#main.ichiran-single .context .mail a { color: #000;}
#main.ichiran-single #map_canvas {
    width: 100%;
    height: 550px;
}



.form-inline {
    overflow: hidden;
}
.form-group,
.btn-group {
    float: left;
}
#main .nav-local h1 {
    margin-bottom: 0;
}

.fact_tab {
    width: 100%;
}
.fact_tab .tel:before,
.fact_tab .fax:before,
.fact_tab .mail a:before {
    font-family: 'Fontawesome';
    margin-right: 4px;
}
.fact_tab .tel {
    margin-right: 20px;
}
.fact_tab .tel:before {
    content: '\f095';
}
.fact_tab .fax:before {
    content: '\f1ac';
}
.fact_tab .mail {
    display: block;
}
.fact_tab .mail a:before {
    content: '\f0e0';
}

.context .header {
    overflow: hidden;
}
.context .header .docs {
    float: left;
    overflow: hidden;
    margin-top: 10px;
    padding: 10px;
    background-color: #f8f8f8;
}
.context .header .docs .img {
    display: block;
    float: left;
    width: 22px;
    margin-right: 6px;
}
.context .header .docs .img img {
    width: 100%;
    height: auto;
}
.context .header .docs .ttl,
.context .header .docs .date {
    display: block;
    float: left;
}
.context .header .docs .date {
    margin: 2px 0 0 2px;
}
.context .header .docs a:link .date,
.context .header .docs a:visited .date,
.context .header .docs a:hover .date,
.context .header .docs a:active .date {
    color: #333;
    font-size: 12px;
}
.context .header .mail {
}
.context .header .mail a:before {
    font-family: 'Fontawesome';
    content: '\f0e0';
    margin-right: 4px;
}
.context .header .tel {
    margin-right: 20px;
}
.context .header .tel,
.context .header .fax {
    margin-top: 5px;
}
.context .header .tel:before,
.context .header .fax:before {
    font-family: 'Fontawesome';
    margin-right: 3px;
    color: #808080;
}
.context .header .tel:before {
    content: '\f095';
}
.context .header .fax:before {
    content: '\f1ac';
}

.index-fwsearch .form-group:nth-of-type(1) {
    width: 205px;
    margin-right: 1%;
}
.index-fwsearch .form-group:nth-of-type(2) {
    width: 40%;
    margin-right: 1%;
}
@media screen and (max-width:640px) {
    .form-group,
    .btn-group {
        float: none;
        margin: 10px auto 0;
    }
    .index-fwsearch .form-group:nth-of-type(1),
    .index-fwsearch .form-group:nth-of-type(2) {
        width: 100%;
        margin-right: 0;
    }
    .index-fwsearch .btn-group {
        width: 60%;
        margin: 10px 20% 0;
    }
}

.sbr {
    display: block;
}
#main > .header {
    overflow: hidden;
    margin-top: 30px;
    padding: 8px 0 0 12px;
    border-left: 4px solid #004f9e;
}
#main > .header p {
    margin: 0;
}
#main > .header h1 {
    float: left;
    font-size: 2.6rem;
    margin: 0 20px 0 0;
    line-height: 1.75;
    font-weight: bold;
}
#main > .header h2 {
    float: left;
    font-size: 2rem;
    margin-top: 10px;
}
#main > .header h2:before,
#main > .header h2:after {
    content: '～';
}
#main h2 {
    font-size: 1.8rem;
    font-weight: bold;
}
#main h3 {
    font-size: 1.6rem;
    font-weight: bold;
    margin-bottom: 5px;
}
#main .context > .header {
    overflow: hidden;
}
#main .context > .header img {
    float: left;
    margin-right: 15px;
    width: 100%;
    max-width: 196px;
}
#main .context > .header h2 {
    margin-top: 0;
}
#main .box1 {
    text-align: center;
    margin-top: 30px;
    padding: 20px;
    border: 1px solid #333;
}
#main .box1 img {
    width: 100%;
    max-width: 405px;
}
#main .box1 h3 {
    font-size: 2rem;
    margin: 15px 0 0;
}
#main .box1 + p {
    margin-top: 10px;
}
#main .lists {
    border: 1px solid #d5d5d5;
    border-radius: 4px;
}
#main .lists li {
    text-align: center;
    border-top: 1px solid #d5d5d5;
    padding: 15px;
}
#main .lists li:nth-of-type(1) {
    border-top: none;
}
#main .staff-info ul {
    padding: 15px 20px;
    margin-top: 5px;
    border-radius: 4px;
    border: 1px solid #d5d5d5
}
#main .staff-info li {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px dotted #d5d5d5;
}
#main .staff-info li:first-child {
    padding-top: 0;
    margin-top: 0;
    border-top: none;
}
.btn-more {
    padding: 6px 20px;
}
.btn-more:link,
.btn-more:visited,
.btn-more:hover,
.btn-more:active {
    background-color: #151515;
    color: #fff;
    border-radius: 20px;
    text-decoration: none;
}
.table-list th,
.table-list td {
    vertical-align: middle;
    border-collapse: collapse;
    padding: 10px;
    border: 1px solid #d5d5d5;
}
.table-list th {
    white-space: nowrap;
    font-weight: bold;
    line-height: 1.8;
    font-size: 1.6rem;
}
.table-list .ttl {
    display: block;
    font-weight: bold;
    color: #004f9e;
    font-size: 1.6rem;
}
.num {
    padding: 3px 9px;
    border-radius: 12px;
    color: #fff;
    background-color: #004f9e;
    line-height: 1;
    font-size: 1.3rem;
}

.article.index1 .header,
.article.index2 .header {
    padding-bottom: 20px;
}

.scroll{
    overflow: auto; /*tableをスクロールさせる*/
    white-space: nowrap; /*tableのセル内にある文字の折り返しを禁止*/
}
.scroll::-webkit-scrollbar{ /*tableにスクロールバーを追加*/
    height: 5px;
}
.scroll::-webkit-scrollbar-track{ /*tableにスクロールバーを追加*/
    background: #F1F1F1;
}
.scroll::-webkit-scrollbar-thumb { /*tableにスクロールバーを追加*/
    background: #BCBCBC;
}

/*------------------ボックスタイトル 背景トラック--------------------*/
#main .article h3.box_title {
    font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
    font-weight: bold;
    font-size: 1.8rem;
    padding-left: 45px;
    padding-bottom: 10px;
    background-image: url("../common/img/box_img.png");
    background-repeat: no-repeat;
    background-position: top left;
    background-size: 30px 17px;
}

/*------------------一覧表から調べる--------------------*/
.article table.list-map {
    width: 100%;
    border-top: 1px solid #9fa0a0;
    border-bottom: 1px solid #9fa0a0;
}
.article table.list-map th {
    width: 20%;
    white-space: nowrap;
    border-right: 1px solid #9fa0a0;
}
.article table.list-map th,
.article table.list-map td { padding: 10px;}
.article table.list-map tr:nth-of-type(even) th,
.article table.list-map tr:nth-of-type(even) td { background-color: #f2f2f0;}
.article table.list-map tr th a.kumiai-detail-3 { color: #f08300;}
.article table.list-map tr th a.kumiai-detail-4 { color: #009b63;}
.article table.list-map tr th a.kumiai-detail-5 { color: #c94474;}
.article table.list-map tr th a.kumiai-detail-6 { color: #fabf00;}
.article table.list-map tr th a.kumiai-detail-7 { color: #cf7474;}
.article table.list-map tr th a.kumiai-detail-8 { color: #7b8d2e;}
.article table.list-map tr th a.kumiai-detail-9 { color: #807fbb;}
.article table.list-map tr th a.kumiai-detail-10 { color: #2761ad;}
.article table.list-map tr th a.kumiai-detail-11 { color: #3a7186;}
.article table.list-map tr th a.kumiai-detail-12 { color: #b3963f;}
.article table.list-map tr th a.kumiai-detail-13 { color: #5bb6b3;}
.article table.list-map tr th a.kumiai-detail-14 { color: #e199c1;}

#main #side ul li:first-child,
#main #side ul li:last-child { padding: 10px 15px !important;}
#main #side ul li:first-child:before,
#main #side ul li:last-child:before { color: #a61527 !important;}
#main #side ul li { padding: 10px 25px !important;}
#main #side ul li:before { color: #5a5858 !important;}


.search #main .article h1,
#main .article h1 {
    font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
    font-weight: bold;
    font-size: 1.8rem;
    padding-left: 4px;
}
.article .chart {
    width: 100%;
    font-size: 14px;
}
.article .chart thead th {
    background-color: #8dbedf;
    text-align: center;
    padding: 10px 10px 5px;
    font-size: 13px;
}
.article .chart th,
.article .chart td {
    border: 1px solid #d5d5d5;
    padding: 10px;
    white-space: nowrap;
}
.article .chart tr th,
.article .chart tr td {
    border: 1px solid #d5d5d5;
    padding: 10px;
    white-space: nowrap;
}
.search table.chart .fact {
    text-align: center;
}
.ichiran-list .chart .fact a:before {
    font-family: 'Fontawesome';
    content: '\f041';
    margin-right: 3px;
}
table.chart .cont .tel, table.chart .cont .fax {
    display: block;
}
table.chart .cont .tel:before {
    content: '\f095';
}
table.chart .cont .fax:before {
    content: '\f1ac';
}
table.chart .cont .tel:before,
table.chart .cont .fax:before {
    font-family: 'Fontawesome';
    margin-right: 3px;
    color: #808080;
}

table.chart .docs { text-align: center;}
table.chart .docs .img img {
    width: 30px;
    height: auto;
}
table.chart .docs .img, table.chart .docs .ttl, table.chart .docs .date {
    display: block;
}
.ichiran-list .chart .mail a:before {
    font-family: 'Fontawesome';
    content: '\f0e0';
    margin-right: 3px;
}
*:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
table.chart .acss .zip, table.chart .acss .addr, table.chart .acss .mail {
    display: block;
}

.article table.chart .chkbx { text-align: center;}
.login .context .docs {
    display: inline-block;
    overflow: hidden;
    margin-top: 10px;
    padding: 10px;
    background-color: #f8f8f8;
}
.login .context .docs .img {
    display: block;
    float: left;
    width: 22px;
    margin-right: 6px;
    vertical-align: middle;
}
.login .context .docs img {
    display: inline-block;
    margin-right: 15px;
    width: 100%;
    max-width: 196px;
}
.login .context .docs .ttl { font-size: 14px;}
.login .context .docs .date { color: #000;}

/*------------------マップ箇所--------------------*/

@media screen and (max-width: 960px) {
    #bredclumb {
        padding: 0 2%;
        margin-top: 10px;
    }
    #contents.other { padding: 0 !important;}
}

@media screen and (max-width: 768px) {
    #main > .header p {
        margin: 0;
    }
    #main > .header h1 {
        float: none;
        font-size: 2.6rem;
        margin: 0;
        line-height: 1.5;
        font-weight: bold;
    }
    #main > .header h2 {
        float: none;
        font-size: 2rem;
        margin-top: 1px;
    }
}

@media screen and (max-width: 400px) {
    .staff-info li a {
        display: block;
    }

    .article .header img {
        float: none;
        margin: 0 auto;
        max-width: 80%;
    }
    #main .context > .header {
        text-align: center;
    }
    #main .context > .header img {
        float: none;
        margin: 0 auto;
        max-width: 60%;
    }
    #main .context > .header h2 {
        text-align: left;
        margin-top: 15px;
    }
    #main .context > .header p {
        text-align: left;
    }
}

@media screen and (max-width: 320px) {

    #main .nav-local ul:nth-of-type(4) li {
        width: 98%;
    }

}

.index2 .scroll+.attention {
    display: block;
    text-align: right;
    margin: 10px 0 0;
    padding: 0;
    font-size: 10px;
}

.btn-wrapper {
    text-align: center;
    background-color: #f8f8f8;
    margin: 30px 0 0;
    padding: 30px 5%;
}
.btn-wrapper p {
    margin: 0;
    padding: 0 0 10px;
    font-size: 13px;
}

a.btn-warning:link,
a.btn-warning:visited,
a.btn-warning:hover,
a.btn-warning:active {
    color: #fff ;
    padding: 10px 40px;
    border-radius: 22px;
    white-space: 1px;
}