*{
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.tooltip *{
text-align:left !important;
}
.tooltip .small{
line-height:13px;
font-weight:normal;
display:inline-block;
margin-top:0px;
}

.main-panel{
overflow-y: auto !important;
max-height:none !important;
height:auto !important;
}

.select::before {
  border-bottom: 4.5px solid gray;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  content: "";
  position: absolute;
  right: 20px;
  top: 12px;
  width: 0;
}
.select::after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4.5px solid gray;
  content: "";
  position: absolute;
  right: 20px;
  top: 23px;
  width: 0;
}
#regularMap{
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}

.noto{font-family: 'Noto Serif JP', serif;}
.noto-b{font-family: 'Noto Serif JP', serif;font-weight:bold;}

.small{
font-size:10px;
}
.middle{
font-size:12px;
}
.large{
font-size:16px;
}

#index a::after{
color:#f00;
}

.panel > a:active,.panel > a:hover,.panel > a:focus,
.btn-hover:active,.btn-hover:hover,.btn-hover:focus{
color:#7AC29A !important;
}
.panel > a:active i:first-child,.panel > a:hover i:first-child,.panel > a:focus i:first-child{
background-color:#7AC29A !important;
color:#fff;
}

.panel button.btn-fill:disabled:hover{
color:#fff !important;
}
.panel button.btn-success:disabled:hover{
color:#7AC29A;
}

form button[type="submit"]{
min-width:170px;
margin-top:20px;
}


/* SWAL */

#swal2-content{
text-align:left !important;
}
.swal2-actions{
margin-top:30px !important;
margin-bottom:25px !important;
}


/* TABLE */
.table{
table-layout: fixed;
}
.table thead{
font-size:12px;
}
.table td{
cursor:pointer;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.table .checkbox{
margin:0;
}

/* next */
#next{
text-align:center;
margin-bottom:25px;
}
#next span{
opacity:.7;
padding:5px 15px;
display:inline-block;
font-size:14px;
border:1px solid #777;
border-radius:30px;
cursor:pointer;
}
#next span:hover{
color:#fff;
background-color:rgba(0,0,0,.45);
}

/* POP CARD */

#card-dummy{
position:fixed;
width:100%;
top:0px;
height:100%;
padding-top:50px;
z-index:2000;
background-color:rgba(0,0,0,0.1);
}
#card-dummy .card-title{
font-size:14px;
font-weight:bold;
padding-right:24px;
}
#card-dummy .fa-times-circle{
position:absolute;
right:15px;
top:15px;
font-size:18px;
color:#777;
cursor:pointer;
}
#card-dummy .card-content{
padding:20px;
max-height:320px;
overflow-y:auto;
}

.pop-box-notify{
color:#777;
word-break: break-all;
}
.pop-box-notify .row i{
}
.pop-box-notify .stats{
text-align:center;
}
.pop-box-notify .stats > div,.table-button{
display:inline-block;
padding:5px 10px;
cursor:pointer;
border-radius:5px;
}
.pop-box-notify .stats > div:hover,.table-button-hover{
background-color:#a49e93;
color:#fff;
}
.table-button{
color:#a49e93;
float:right;
margin-top:-5px;
margin-bottom:5px;
opacity:.3;
}
.table-button-hover{
color:#fff;
}
.table-button:hover{
opacity:1;
}

/* login */
#login .content{
min-height:500px !important;
}

#login .navbar-right a{color:#2A1B0A;}
#login .forgot{font-size:12px;padding-top:10px;}
#login #forgot,#profile #tel-change,#add_member{
position:fixed;
width:100%;
top:0px;
height:100%;
padding-top:170px;
z-index:2000;
background-color:rgba(0,0,0,0.5);
}
#login .navbar ul li{
float:right;
}
#login form .error{white-space: nowrap;}

/* register */

#register .navbar ul li{
float:right;
}


/* PRIVATE */

.csv-btn{
color:#fff;
background-color:#66615b;
padding:3px 7px;
border-radius:3px;
opacity:.8;
vertical-align:top;
margin-right:5px;
}

/* index */
#index .height-set{
min-height:380px;
}

#sid .navbar ul li{
float:right;
}

label.error{
position:absolute;
color:#FA8072;
color:#F00;
font-size:10px;
font-weight:normal;
margin-top:1px;
}

/* sidebar */

.sidebar .funeral .info > a > span{
padding-right:10px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.funeral:after{
display:none;
}
.funeral:before{
content: "";
position: absolute;
background-color: rgba(255, 255, 255, 0.3);
top: 0px;
right: 15px;
width: calc(100% - 30px);
height: 1px;
}
.funeral{
padding-top:24px;
}
.user .photo{
background-color:#fff;
font-size:26px;
text-align:center;
}
.sidebar .logo a:first-child{
position:absolute;
}
.sidebar .logo a:last-child{
text-align:center;
background-color:#66615b;
margin-left:1px;
margin-right:1px;
}
.sidebar .logo a:last-child > span{
display:block;
font-size:10px;
line-height:5px;
}
.sidebar ul a{
font-size:0.9em;
}
.sidebar ul a > i{
background-color:rgba(255,255,255,.1);
border-radius:4px;
font-size:18px !important;
}
.sidebar .sidebar-wrapper hr{
opacity:.3;
width:80%;
border-style:dotted;
}
.sidebar .left-vertical-tabs{
max-width:150px;
}
.sidebar .tab-pane{
text-align:left;
}

.panel .panel-title > span{
display:inline-block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
max-width:92%;
}

.panel{
color:#234048;
}

#memory-images,#memory-image,#memory-template{
height:auto;
min-height:316px;
}
#memory-image{
min-height:auto;
}
#memory-template .temp,
#memory-images .img,#memory-image .img{
float:left;
text-align:center;
width:118.5px;
height:65px;
background-color:#fff;
cursor:pointer;
border-radius:5px;
margin:5px;
line-height:65px;
overflow:hidden;
position:relative;
box-shadow: 0 0 3px #bbb;
}
#memory-template .active,#memory-template .temp:hover{
border:5px solid rgba(100,50,50,.5);
}
#memory-images img{vertical-align: bottom;}
#memory-template img{width:100%;}
#memory-template .temp{
display:block;
}
#memory-template .temp:before{
position:absolute;
top:0px;
left:0px;
width:100%;
color:#fff;
font-size:12px;
}
#memory-template .temp:nth-child(1):before{content:"青空";}
#memory-template .temp:nth-child(2):before{content:"浮雲";}
#memory-template .temp:nth-child(3):before{content:"蛍舞";}
#memory-template .temp:nth-child(4):before{content:"流時";color:#999;}
#memory-template .temp:nth-child(5):before{content:"夢想";color:#999;}
#memory-template .temp:nth-child(6):before{content:"巡想";}
#memory-template .temp:nth-child(7):before{content:"小波";}
#memory-template .temp:nth-child(8):before{content:"雪華";}
#memory-template .temp:nth-child(9):before{content:"光明";}
#memory-template .temp:nth-child(10):before{content:"黄昏";color:#999;}

#memory-image .img{
height:118.5px;
}
#memory-images img,#memory-image img{
width:100.5%;
}
#memory-images i,#memory-image i{
opacity:.3;
font-size:18px;
}
#memory-image i{
padding-top:30px;
font-size:98px;
}
#upload-files{
position:absolute;
opacity:0;
}
#upload-box{
width:300px;
position:absolute;
top:0px;
left: calc(50% - 150px);
}
#upload-box .photo,#upload-box .photo2{
width:300px;
height:168px;
border-radius:5px;
box-shadow: 0 0 6px #aaa;
background-repeat: no-repeat;
background-color:#fefefe;
}
#upload-box .photo2{
height:300px;
}
#_images_tools_editor{
box-shadow: 0 0 6px #aaa;
border-radius:5px;
height:150px !important;
}

#images-delete::before,#images-delete::after{
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2px; /* 棒の幅（太さ） */
  height: 10px; /* 棒の高さ */
  background: #fff;
}
#images-delete::before {
  transform: translate(-50%,-50%) rotate(45deg);
}
#images-delete::after {
  transform: translate(-50%,-50%) rotate(-45deg);
}
#images-delete{
background-color:#777;
border:2px solid #fff;
border-radius:9px;
width:18px;
height:18px;
position:absolute;
top:3px;
right:3px;
#width:30px;
#height:30px;
}
#youtube,#youtube-live{
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
height:0px;
}

.no-data{
width:100%;
text-align:center;
padding-bottom:100px;
}
.no-data i{
font-size:28px;
margin-bottom:10px;
padding-top:100px;
}



/* YOUTUBE EXP */

.youtube-live{
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;

display:block;
height:70px;
border-radius:5px;
margin:25px 25px 0 25px;
background-color:rgba(255,255,255,.7);
#box-shadow: 0 0 3px #aaa;
-webkit-filter: grayscale(90%);
background-image:url(/img/youtube.png);
background-repeat:no-repeat;
background-size:50%;
cursor:pointer;
background-position:left 25px center;
text-align:right;
font-size:24px;
color:#666;
line-height:70px;
padding-right:15px;
}
.youtube-live:hover, #youtube .youtube-live{
color:#333;
-webkit-filter: grayscale(0%);
}

.sidebar-mini .youtube-live{
opacity:0;
}



/* FIRE */
.fire{
	z-index:1;
  margin:0px auto;
  width: 10px;
  height: 10px;
  position:absolute;
  transform-origin:center bottom;
  animation-name: flicker;
  animation-duration:3ms;
  animation-delay:200ms;
  animation-timing-function: ease-in;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

.flame{
  bottom:0;
  position:absolute;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  border-top-left-radius: 50%;
  transform:rotate(-45deg) scale(1.5,1.5);
}

.yellow{
  left:3px; 
  width: 2px;
  height: 2px;
  background:gold;
  box-shadow: 3px -3px 8px 3px gold;
}

.orange{
  left:1.5px;
  width: 5px;
  height: 5px;
  background:orange;
  box-shadow: 1px -1px 3px 2px orange;
}

.red{
  left:0px;
  width: 8px;
  height: 8px;
  background:OrangeRed;
}

.white{
  left:3px;  
  bottom:-3px;
  width: 3px;
  height: 6px;
  background:rgba(255,255,255,.2);
}

.circle{
  border-radius: 50%;
  position:absolute;
}


@keyframes flicker{
  0%   {transform: rotate(-1deg);}
  20%  {transform: rotate(1deg);}
  40%  {transform: rotate(-1deg);}
  60%  {transform: rotate(10deg) scaleY(1.04);}
  80%  {transform: rotate(-15deg) scaleY(1.2);}
  100% {transform: rotate(10deg);}
}


/* MEDIA SCREEN */
@media screen and (max-width: 990px){
	#list.table{
		min-width:800px;
	}
}