/* header */
* {
    letter-spacing: .1em;
    font-family: -apple-system, BlinkMacSystemFont, Roboto;
}
body { font-size:14px; }
.navbar-brand { font-size:18px; padding:8px 15px; }
/**
 * Main Content Field
 */
div.bodycon {
border-bottom:1px solid red;
margin-top:55px;
}

/* font-size */
.f9, th .f9, td .f9 {font-size:9px;}
.f10, th .f10, td .f10{font-size:10px;}
.f11, th .f11, td .f11{font-size:11px;}
.f12, th .f12, td .f12{font-size:12px;}
.f13, th .f13, td .f13{font-size:13px;}
.f14, th .f14, td .f14{font-size:14px;}
.f15, th .f15, td .f15{font-size:15px;}
.f16, th .f16, td .f16{font-size:16px;}
.f17, th .f17, td .f17{font-size:17px;}
.f18, th .f18, td .f18{font-size:18px;}
.f19, th .f19, td .f19{font-size:19px;}
.f20, th .f20, td .f20{font-size:20px;}
.f21, th .f21, td .f21{font-size:21px;}
/* w, h */
.w-16{width:16px;} .h-16{height:16px;}
.w-32{width:32px;} .h-32{height:32px;}
.w-40{width:40px;} .h-40{height:40px;}
.w-52{width:52px;} .h-52{height:52px;}
.w-60{width:60px;} .h-60{height:60px;}
.w-70{width:70px;} .h-70{height:70px;}
.w-80{width:80px;} .h-80{height:80px;}
.w-99, th.w-99, td.w-99{width:99px;} .h-99,th.h-99,td.h-99{height:99px;}
.w-100, th.w-100, td.w-100{width:100px;} .h-100,th.h-100,td.h-100{height:100px;}
.w-120, th.w-120, td.w-120{width:120px;} .h-120,th.h-120,td.h-120{height:120px;}
.w-140, th.w-140, td.w-140{width:140px;} .h-140,th.h-140,td.h-140{height:140px;}

/* font-color */
.siro{color:white;}
.kuro{color:black;}

/* Mouse Pointer */
.pointer{cursor: pointer;}

/* other */
.optxt {opacity:0.5;}

.blink-bw {animation: blinkAnimeBW 1s infinite alternate;}
@keyframes blinkAnimeBW{ 0% { color: black; } 100% { color: white; } }
.blink-br {animation: blinkAnimeBR 1s infinite alternate;}
@keyframes blinkAnimeBR{ 0% { color: black; } 100% { color: red; } }
.blink-wr {animation: blinkAnimeWR 1s infinite alternate;}
@keyframes blinkAnimeWR{ 0% { color: white; } 100% { color: red; } }

tr.dead td { background:#999999; color:white;  }
td[align=center] {
    text-align:center;
}

footer small { opacity:0.5;font-size:10px; }

/**
 * Auth
 */
div.antialiased {
}
div.antialiased label {width:180px;text-align:right;}
div.antialiased label.items-center { width:100%;text-align:center; }
div.antialiased div.items-center { width:100%;text-align:center; }
div.antialiased button { background: black; border-radius:4px; }

/**
 * panel
 */
div.panel {
    margin-bottom:20px;
}
div.panel div.panel-heading {
    padding: 5px;
    margin-bottom: 10px;
    border-radius: 4px;

    background: black;
    color:white;
    font-weight:bold;
    font-size:12px;
}
div.panel div.panel-heading-primary { background:#3097d1; color:white; }
div.panel div.panel-heading-info { background:#d9edf7; color:black; }
div.panel div.panel-heading-warning { background:#fcf8e3; color:black; }
div.panel div.panel-heading-danger { background:#f2dede; color:black; }
div.panel div.panel-body {
    border-bottom:1px dotted black;
    background:white;
    color:black;
    font-size:14px;
    line-height:21px;
}
/* 横スク */
ul.horizontal-list {
padding-left:0;
overflow-x: auto;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
}
ul.horizontal-list::-webkit-scrollbar {
display:none;
}
li.horizontal-item {
display: inline-block;
}
    
/**
 * Door
 */
figure.imgdoor {
float:left; width:22.5%;
margin-left:1%; margin-right:1px; margin-bottom:15px;
overflow: hidden;
border-radius:4px;
}
figure.imgdoor img {
width:100%;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}
figure.imgdoor:hover img {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}

/* box cover*/
.box_cover { margin-bottom:25px; }
.box_three { float:left;width:30%;height:100px;margin-right:2.5%;background:white;border:1px solid #c4e3f3;border-radius:3px;text-align:center; }
.box_three:first-child { margin-left:2.5%; }
.box_four { float:left;width:22%;height:100px;margin-right:2.4%;background:white;border:1px solid #c4e3f3;border-radius:3px; }
.box_four:first-child { margin-left:2.4%; }