﻿/*col-lg*/

header h1 {
  margin: 0
}

hr {
  margin-bottom: 10px
}

.navbar {
  min-height: 38px;
  margin-bottom: 0
}

.navbar-brand {
  float: left;
  padding: 10px;
  font-size: 2em;
  line-height: 1;
  height: 50px
}

.navbar-nav>li>a {
  padding-left: 2em;
  padding-right: 2em
}

.no-gutter>[class*='col-'] {
  padding-right: 0;
  padding-left: 0
}

.breadcrumb {
  padding: .5em 1em;
  margin-bottom: 0;
  list-style: none;
  background-color: #fff;
  border-radius: 0
}

.breadcrumb>li {
  display: inline-block
}

.breadcrumb>li+li:before {
  padding: 0;
  color: #ccc
}

.breadcrumb>.active {
  color: #353535
}

.sitename {
  margin: 15px 0 15px
}

.sitename a {
  font-size: 1.6em;
  color: inherit
}

p {
  margin: 0 0 .5em;
  line-height: 1.5
}

i {
  font-size: 1.3em;
  color: inherit
}

.container-fluid {
  padding-left: 1%;
  padding-right: 1%
}

.container-fluid>.navbar-header {
  margin-right: 0;
  margin-left: 0
}

.navbar-default {
  background-color: #fff;
  border-color: #fff
}

.navbar-default .navbar-brand {
  color: #2d58bf
}

.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
  color: #9a9df4
}

.navbar-default .navbar-text {
  color: #e4f2f6
}

.navbar-default .navbar-nav>li>a {
  color: #2d58bf;
  font-weight: 700;
}

.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
  color: #9a9df4
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
  color: #9a9df4;
  background-color: #0308b0
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
  color: #9a9df4;
  background-color: #fff
}

.navbar-default .navbar-toggle {
  border-color: #e4f2f6;
  color: #fff
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
  background-color: #373ab1
}

.navbar-default .navbar-toggle .icon-bar {
  background-color: #e4f2f6
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
  border-color: #1d24b7
}

.navbar-default .navbar-link {
  color: #e4f2f6
}

.navbar-default .navbar-link:hover {
  color: #9a9df4
}

.navbar-default .navbar-nav .open .dropdown-menu>li>a {
  color: #4e5152
}

.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
  color: #000
}

.navbar-default .navbar-nav .open .dropdown-menu>.active>a, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus {
  color: #9a9df4;
  background-color: #0308b0
}

.btn-link:hover, .btn-link:focus {
  color: #ff8000
}


/*fixednav*/
.tophr {
  border-top:1px solid #1a7fca
}


.fixed .navbar-default {
  background-color: rgba(255,255,255, .9)
}

.fixed .navbar-brand {
  padding: 6px 10px;
  font-size: 1.4em;
  height: 36px
}

.fixed .navbar-nav>li>a {
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 2em;
  padding-right: 2em
}

.fixed .btn {
  padding: 0.25em
}


/*btn-color*/

.btn-primary {
  background-color: #2d58bf
}

.btn-success {
  background-color: #27ad3a
}

.btn-outline-warning {
  color: #f0ad4e;
  background-image: none;
  background-color: transparent;
  border-color: #f0ad4e;
  font-weight: 700
}

.btn-outline-warning:hover {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #f0ad4e
}

.btn-warning {
  font-weight: 700
}

.radino {
  border-radius: 0
}

table.table-aria>tbody>tr>td {
  line-height: 2
}

.caret {
  margin-left: .6em
}
.header-box{padding-top:.5em}.header-btn-box1,.header-btn-box4{}.header-btn-box2,.header-btn-box3{width:19%}


/*デバイスで切り分け*/

@media (min-width:600px) {
  .navbar-nav>li {
    display: table-cell;
    border-left: solid 1px #2d58bf;
    background-color:#fff
}
  /*star追加20190131*/
  .navbar-nav>li {
    display: table-cell;
    border-left: solid 1px #2d58bf
  }
/*min600px bootstrap*/
.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
    margin-left: 0px;
    margin-right: .5em;
}
}
/*col-md*/

@media (max-width:1199px) {
.header-box{padding-top:.5em}.header-btn-box1,.header-btn-box4{width:30%}.header-btn-box2,.header-btn-box3{width:19.5%}
  .dropdown:last-child>ul.dropdown-menu {
    position: absolute;
    top: 100%;
    left: inherit;
    right: 0 !important
  }
.fixed .navbar-nav>li>a {
  padding-left:13px;
  padding-right:13px;
}
.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
    margin-right: .4em;
}
}

/*col-sm*/

@media (max-width:959px) {
.header-box{padding-top:.5em}.header-btn-box1,.header-btn-box4{width:30%}.header-btn-box2,.header-btn-box3{width:19.5%}
  .navbar-brand {
    padding: 6px 10px;
    font-size: 2em;
    height: 36px
  }
  .fixed .navbar-brand {
    padding: 5px 10px;
    font-size: 1.7em;
    height: auto
  }
  .navbar-nav>li>a {
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 2em;
    padding-right: 2em
  }
  .btn {
    padding: 0.25em
  }
  .sitemap .youto-itiran .btn, .youto .youto-itiran .btn, .sozai .youto-itiran .btn, .size-itiran .btn-link {
    padding-left: 1em
  }
.fixed .navbar-nav>li>a {
  padding-left:8px;
  padding-right:8px;
}
}

/*col-xs*/

@media (max-width:599px) {
.navbar-default .in .navbar-nav>.open>a:focus {
    border-bottom: solid 1px #000;
}
ul:not(nav-tabs) .nav>li {
    border: solid 1px #000;
    margin-bottom:.5em;
    text-align:left;/*スマホ版navの表示*/
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover{
  color:#9a9df4;/*#fff;*/
  background-color:#fff;/*#2d58bf*/
}
.navbar-default .navbar-nav>.open>a:focus{
  background-color:#fff;/*#0308b0*/
}
.navbar-default .navbar-nav>li>a {
  color: #000;/*#fff*/
  font-weight:500;/*700*/
}
.navbar-default .navbar-brand {
    color: #fff;
}
.navbar-default,.fixed .navbar-default{
  background-color: #2d58bf;
  border-color: #0308b0
}
  i.visible-xs {
    display: inline-block !important
  }
  .navbar, .fixed .navbar {
    margin-bottom: 0;
    -webkit-transform: translate3d(0, 0, 0)
  }
  .dropdown:last-child>ul.dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none
  }
  .dropdown-menu .divider {
    margin: 0
  }
  .breadcrumb {
    font-size: .75em;
    padding: 1em
  }
  .navbar-brand, .fixed .navbar-brand {
    float: left;
    padding:0 8px;/*5px 12px*/
    font-size: 2.8em;/*2em*/
    line-height: 1;
    height: auto
  }
  .navbar-toggle, .fixed .navbar-toggle {
    margin-top: 2px;
    margin-bottom: 2px;
    font-size: .8em;
    padding: 8px 5px;
    color: #fff
  }
  .navbar-default .navbar-nav .open .dropdown-menu>li>a {
    color: #fff
  }
  .navbar-default .in .navbar-nav .open .dropdown-menu>li>a {
    color: #000;
    text-align:left;/*スマホ版navの表示*/
  }
  .dropdown-menu .divider {
    background-color: #1d24b7
  }
  .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
    color: #9a9df4
  }
  .container-fluid>.navbar-collapse {
    margin-right: 0;
    margin-left: 0
  }
  .table-responsive-swipe, .table-bordered.table-box>thead>tr>th, .table-bordered.table-box>tbody>tr>td {
    border: none
  }
  .table-responsive-swipe>.table-bordered.table-box {
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd
  }
  .table-responsive-swipe>.table-bordered.table-box th, .table-responsive-swipe>.table-bordered.table-box td {
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd
  }
  .table-responsive-swipe>.table-bordered.table-box th:last-child, .table-responsive-swipe>.table-bordered.table-box td:last-child {
    border-bottom: none;
    border-right: 1px solid #ddd
  }
  .table-responsive-swipe>.table-bordered.table-box>tbody>tr:last-child>td {
    border-bottom: 1px solid #ddd
  }
  .table-box>thead>tr>th, .table-box>tbody>tr>td {
    white-space: nowrap;
    line-height: 3
  }
  .table-aria.table-bordered>tbody>tr>td {
    border: inherit;
    border-bottom: 1px solid #ddd
  }
  #footer_inner03 .list-inline {
    margin-left: 0
  }
  .sitemap .youto-itiran .btn, .youto .youto-itiran .btn, .sozai .youto-itiran .btn, .size-itiran .btn-link {
    padding-left: .5em
  }
  .Reference .modal-footer .btn+.btn {
    margin-left: 0
  }
}
