@font-face {
	font-family: Oterakai;
	src: url('../fonts/HanaMinA-tougou.woff') format('woff'), /* Pretty Modern Browsers */
	     url('../fonts/HanaMinA-tougou.ttf')  format('truetype');
}

/* ---------- base ----------*/
/*
body{
	padding-bottom: 10px;
	font-weight: bold;
}
.btn {
	font-weight: bold;
}
*/

/*
ベース
*/
html {
	/*font-size:14px;*/
	font-size:13px;
	line-height:1.0;
}
body {
	background-color:#ECEFF1;
	/*font-family:"Oterakai","メイリオ","Meiryo";*/
}
.btn {
	font-size:12px;
}
/*
 * base : 2196F3
 * tab  : 64B5F6
 * pale : BBDEFB
 */
/*メインメニュー*/
.navbar.bg-menu {
	background-color : #2196F3;
}
.navbar-light .navbar-nav .nav-link{
	color:#BBDEFB;
}
.navbar-light .navbar-nav .active .nav-link{
	color:white;
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color:white;
}
/*テーブル*/
thead {
	background-color : #BBDEFB;
	font-weight: bold;
}
tbody {
	background-color : white;
}
/*リストのヘッダ*/
.list-group>.list-header {
	background-color : #BBDEFB;
	font-weight: bold;
}
/*檀家タブ*/
.nav-tabs > .nav-item > .nav-link {
	background-color : white;
}
.nav-tabs > .nav-item > .nav-link.active {
	background-color : #64B5F6;
}
/*チェックボックス等*/
.btn-group-toggle > label.btn-light:not(:disabled):not(.disabled).active,
.btn-group-toggle > label.btn-light:not(:disabled):not(.disabled):active {
	color:white;
	background-color:#6c757d;
	border-color:#6c757d;
}
/*検索ラベル*/
label.search_label {
	font-size:14px;
	font-weight:bold;
}
/*表示欄の入力欄風レイアウト*/
.disabled {
	background-color:#e9ecef;
}
/*50音検索のボタンサイズ*/
.initial-btn {
	line-height:2.25;
}
[data-search="initial"].border div.row:nth-child(odd) .initial-btn:not(.active){
	background-color:#BBDEFB;
}
[data-search="initial"].wide .initial-btn {
	line-height:3;
}
/*placeholderの色設定*/
.form-control::placeholder{
  color: #FFB74D;
}
/*一覧の色設定*/
li.current_year {
	background-color:#F0F4C3;
}
.bg-grayout {
	background-color:#ccc;
}
.bg-grayout::placeholder {
	color:#fff;
}
/*ページング*/
.all_count {
	line-height:2;
	font-size: 15px;
}
.all_count::after {
	content: "　";
}
/*外字対応*/
.exchar_view {
	font-family:"Oterakai","メイリオ","Meiryo";
	font-weight: bold;
}
/*外字UI*/
.exchar_control {
	position:fixed;
	right:0;
	bottom:50px;
	z-index:1055;
}
.inactive_map_cell {
	background-color:rgba(0,0,0,0.4)
}
.exchar {
	font-size: 40px;
	text-decoration: none;
	float:left;
}
.exchar:hover {
    background-color: rgba(0,0,0,0.3);
	text-decoration: none;
}
.exchar.exchar_copyed {
	animation: copyed 1s ease-out 1;
}

@keyframes copyed {
    0% {
    	background-color: rgba(0,0,0,0.7)
    }
    100% {
    	background-color: rgba(0,0,0,0.0)
    }
}
/*マイページ*/
.owner_top {
	background-color: #1ABC9C;
}
.schedule_top {
	background-color: #3498DB;
}
.family_top {
	background-color: #E67E22;
}
.deceased_top {
	background-color: #7F8C8D;
}
.info_top {
	background-color: #34dbca;
}
.good_ui {
	font-size:20px;
}
/*マイページメニュー*/
.navbar.bg-mypage-menu {
	background-color : #2C3E50;
}

.toggle-sm {
		display: block;
}

.toggle-sm-btn.open {
		display: none;
}
.toggle-sm-btn.close {
		display: none;
}

/*smサイズのみトグル*/
@media (max-width: 575.98px) {
	.toggle-sm {
			display: none;
	}
	.toggle-sm-btn.open {
			display: block;
	}
	.toggle-sm-btn.close {
			display: none;
	}
}

/* ---------- loading ---------- */
#loadingWrap {
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.2);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9000;
}

#loading {
    width: 5em;
    height: 5em;
    border-top: 1em solid rgba(255, 255, 255, 0.2);
    border-right: 1em solid rgba(255, 255, 255, 0.2);
    border-bottom: 1em solid rgba(255, 255, 255, 0.2);
    border-left: 1em solid rgba(255, 255, 255, 1);
    animation: loaderAnime 1s infinite linear;
    border-radius: 50%;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    z-index: 9001;
}

@keyframes loaderAnime {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.loadingNone {
    animation: loadingAnime 1s forwards;
}

@keyframes loadingAnime {
    0% {
        opacity: 1;
    }
    99% {
        opacity: 0;
    }
    100% {
        opacity: 0;
        display: none;
        visibility: hidden;
    }
}