/* style.css */

/* 20220209 公開用でのヘッダーメニュー削除につき、paddingをコメントアウト
body{
	padding-top: 50px;
}
*/

main.container, main.container-fluid {
	margin-top: 10px;
}

/* 20211118 add start */
/* header */
.navbar-inverse {
    background-color: #023491;
    border-color: #023491;
}
/* link */
a {
    color: #37538C;
    text-decoration: none;
}
a:hover, a:focus {
    color: #303362;
    text-decoration: underline;
}
.btn-success {
    color: #fff;
    background-color: #62A9ED;
    border-color: #62A9ED;
}
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success {
    color: #fff;
    background-color: #308EC8;
    border-color: #308EC8;
}
.btn-primary {
    color: #fff;
    background-color: #37538C;
    border-color: #37538C;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #303362;
    border-color: #303362;
}
.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus {
    color: #fff;
    background-color: #303362;
}
a.list-group-item.active, a.list-group-item.active:hover, a.list-group-item.active:focus {
    color: #fff;
    background-color: #4272d2;
    border-color: #37538C;
}
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
    color: #fff;
    background-color: #37538C;
    border-color: #37538C;
}
/* heading */
.panel-default {
    border-color: #97C1E5;
}
.panel-default>.panel-heading {
    color: #333333;
    background-color: #c8dcff;
    border-color:  #97C1E5;
}
.list-group-item {
    background-color: #ffffff;
    border: 1px solid #97C1E5;
}
/* item */
.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
    color: #fff;
    background-color: #6B80AE;
    border-color: #6B80AE;
}
/* form */
.btn-default {
    color: #ffffff;
    background-color: #6596D6;
    border-color: #6596D6;
}
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {
    color: #ffffff;
    background-color: #6B80AE;
    border-color: #6B80AE;
}

/**
 * フッターメニュー
 */
.menu-footer-tabs.nav-pills.nav-justified > li {
	border: 1px solid #6596D6;
    background: transparent url(../images/header_light_btnback.gif) repeat-x scroll left bottom; /*20210917 add */
}
.menu-footer-tabs.nav-justified > li.active,
.menu-footer-tabs.nav-justified > li.active:focus,
.menu-footer-tabs.nav-justified > li.active:hover {
	background-color: #37538C;
}

/* 見出しのサイドライン */
.panel-sideline{
    border: 0px solid transparent;
    border-left: 5px #023491 solid;
}

.panel-sideline>.panel-heading > span {
    /*border-left: 5px #0067b2 solid;*/ 
    padding: 8px;
}
.panel-sideline>.panel-heading{
    padding: 10px 1px;
    color: #333333
}

/* アンダーラインデザイン */
.panel-underline{
    border: 0px solid transparent;
    border-bottom: 5px solid #023491;
}
.panel-underline>.panel-heading > span {
    border-left: 5px #0067b2 solid;
    padding: 8px;
}
.panel-underline>.panel-heading{
    padding: 10px 1px;
    color: #333333
}

/* 見出しのアンダーライン */
.panel-titleline>.panel-heading {
    color: #333333;
    padding: 0 0 0.2em;
    border-bottom: 5px solid #aed9f8;
    position: relative;
    margin:2px 0 2px 0;
}
.panel-titleline>.panel-heading:before {
    width:30%;
    border-bottom: 5px solid #1594f0;
    position:absolute;
    bottom:0;
    margin-bottom:-5px;
}

.panel.frame-header-type-settings>.panel-heading {
    border-bottom: none;
}

/* 見出しの背景色(2色Ver)*/
.panel-titleAccent>.panel-heading{
    padding: 1rem 1rem;
    border-left: 10px solid #023491;
    background: #596bd8;
    border-bottom: none;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    color: white;
}

/* 見出しのアンダーライン（アイコン付き）*/
.panel-midashi2>.panel-heading{
    padding: 10px 1px;
    color: #333333;
    padding: 0 0 0.2em;
    border-bottom: 5px solid #0067b2;
    margin: 2px 0 2px 0;
}

.panel-midashi2>.panel-heading > span{
    padding-left: 20px;
    background: transparent url(../images/mark.gif) no-repeat 5px center;
}

/* 見出しのトップライン（アイコン付き）*/
.panel-midashi1>.panel-heading{
    padding: 10px 1px;
    color: #333333;
    border-top: 5px solid #0067b2;
    margin: 2px 0 2px 0;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.panel-midashi1>.panel-heading > span{
    padding-left: 20px;
    background: transparent url(../images/mark.gif) no-repeat 5px center;
}

/* 角丸をなくす */
.panel {
    border-radius: 0px;
}

/* サイドメニュー右下ワンポイントデザイン */
.flat{
	border: 1px solid #c2c9cf;
	background: transparent url(../images/bg_default.gif) no-repeat right bottom;
}

.menu-footer-tabs.nav-justified>.dropdown .dropdown-menu{
    padding: 1px 0;
    background: #5080e4;
}

.menu-footer-tabs.nav-justified>.dropdown .dropdown-menu>li{
    border-bottom: dotted 2px white;
}

.menu-footer-tabs>li>a:hover,
.menu-footer-tabs.nav-justified>.dropdown .dropdown-menu>li>a:hover{
    background: #709dff;
}
.menu-footer-tabs>.dropdown .dropdown-menu>li>a {
    color: white;
}

/* パネルデザイン */
.panel-panelbasic{
    border: 1px solid #C2C2C3;
    border-radius: 5px;
    box-shadow: inset 0px 0px 3px 2px rgb(0 0 0 / 5%);
}

.panel-panelbasic>.panel-heading > span {
    border-left: 5px #b7babc solid;
    padding: 8px;
}
.panel-panelbasic>.panel-heading{
    padding: 15px 12px;
    color: #333333
}

.panel-dotgreen{
    background: transparent url(../images/back.gif) repeat fixed left top;
}

.panel-dotround>.panel-heading {
    padding: 10px 5px;
    color: #333333;
}

.panel-dotround {
    border: 4px dashed #00f2ff;
    border-radius: 4px;
}

.panel-panelbar{
    border: 0px solid transparent;
    border-left: 5px #023491 solid;
    box-shadow: 0px 0px 4px 4px rgb(0 0 0 / 5%);
}
.panel-panelbar>.panel-heading > span {
    padding: 8px;
}
.panel-panelbar>.panel-heading{
    padding: 10px 1px;
    color: #333333;
}

.panel-dotline {
    border: 0px solid transparent;
    border-bottom: 3px dashed #00f2ff;
    border-top: 3px dashed #00f2ff;
    box-shadow: 0 0px 0px rgb(0 0 0 / 5%);
}

.panel-dotline>.panel-heading {
    padding: 10px 1px;
    color: #333333;
}

.panel-dotline>.panel-heading > span {
    padding: 8px;
    background: transparent url(../images/title_icon.gif) no-repeat 2px center;
    padding-left: 25px;
}

/* サイドメニューsideflatデザイン */
.list-group-item:first-child{
    border-top-left-radius:0px;
    border-top-right-radius:0px;
}

.list-group-item:last-child{
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

.sideflat_menu{
    background: rgb(226, 246, 255);
}

.sideflat_menu>a.list-group-item.active, a.list-group-item.active:hover, a.list-group-item.active:focus{
    background-color: #abc4f7;
}

.sideflat{
	border: 1px solid #89c4f8;
	background: transparent url(../images/mark2.gif) no-repeat left center;
}

.side_flat{
    margin-left: 5px;
    color: rgb(33, 75, 163);
    font-family: Arial, Helvetica, sans-serif;
}

/* サイドメニューsidegrdデザイン */
.sidegrd_menu{
    background: #f5ffff;
}

.sideflat_grd{
	border: 1px solid #89c4f8;
	background: transparent url(../images/mark_grd.gif) no-repeat right 2px center;
}

a.sideflat_grd.active>.side_grd{
    color: white;
}

.side_grd{
    color: rgb(33, 75, 163);
}

/* サイドメニューsideデザイン */
.side_menu>.list-group-item:first-child{
    border-top-left-radius:4px;
    border-top-right-radius:4px;
}

.side_menu>.list-group-item:last-child{
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

.side{
    border: 1px solid #89c4f8;
    background: linear-gradient(to bottom, #fdfbfb 0%, #5080e4 10%);
}
 a.side:hover{
    border: 1px solid #89c4f8;
    background: linear-gradient(to bottom, #fdfbfb 0%, #91dcff 10%);
}

.side_text{
    color:#ffffff;
}

/* 20211118 add end */

/* 20211126 add start 初期化処理用 */
  #overlay{ 
    position: fixed;
    top: 0;
    z-index: 100;
    width: 100%;
    height:100%;
    display: none;
    background: rgba(0,0,0,0.6);
  }
  .cv-spinner {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;  
  }
  .spinner {
    width: 40px;
    height: 40px;
    border: 4px #ddd solid;
    border-top: 4px #2e93e6 solid;
    border-radius: 50%;
    animation: sp-anime 0.8s infinite linear;
  }
  @keyframes sp-anime {
    100% { 
      transform: rotate(360deg); 
    }
  }
  .is-hide{
    display:none;
  }
/* 20211126 add end */

/* 20211220 add menu調整 */
@media (max-width: 767px)  {
    .menu-footer-tabs.visible-xs-block>.list-group>a.list-group-item:not(.active){
        color: white;
        border: 1px solid #6596D6;
        background: transparent url(../images/header_light_btnback.gif) repeat-x scroll left bottom;
    }

    .menu-footer-tabs.visible-xs-block>.list-group>a.list-group-item.active{
        color: #fff;
        background-color: #37538C;
        border-color: #37538C;
    }
}

