@charset "utf-8";

.center { text-align: center !important;}
.right { text-align: right !important;}
.left { text-align: left !important;}

.note { margin: 20px 0; padding: 20px 0 0; font-size: 14px; line-height: 1.4; border-top: 1px dotted #C8C8C8; }

a.gray { color: #797979 !important; }

/* sysMsg */
.sysMsg { margin: 0 0 20px; padding: 20px 15px 18px; font-size: 15px; line-height: 1.4; text-align: left; background: #FAFAFA; border: 1px solid #C8C8C8; border-radius: 9px; }
.sysMsg.error { color: #f19200; background: #fffcf7; border-color: #ffad23; }
.sysMsg.success { color: #00c57f; background: #fafffd; border-color: #73d6b3; }
.sysMsg p:not(:last-child) { margin: 0 0 8px; }
.sysMsg li { margin: 0 0 5px 16px; list-style: disc; }
.sysMsg li:last-child { margin-bottom: 0; }

/* chose, submit */
.chose,
.submit { text-align: center !important; }
.chose:first-of-type { margin: 0 0 20px; padding: 0 0 20px; border-bottom: 1px solid #C8C8C8; }

.chose button,
.chose a.btn { padding: 9px 15px 7px; min-width: 110px; height: 36px; font-size: 14px; }
.chose a.btn { padding-top: 11px; }
.chose *:not(:first-child),
.submit *:not(:first-child) { margin: 0 0 0 20px; }
.chose br ~ button,
.chose br ~ a.btn { margin-top: 15px; vertical-align: baseline; }
.chose select { height: 36px; }

.submit button,
.submit a.btn { padding: 16px 15px 14px; min-width: 140px; height: 50px; font-size: 18px; letter-spacing: 1px; }
.submit .submit { min-width: 180px; }
.submit button.delete,
.submit a.btn.delete { min-width: 100px; }
.submit button ~ button { margin: 0 0 0 20px; }
.submit + .right { margin: 0 0 -20px !important; }

.chose.line { margin: 0 0 20px; padding: 0 0 20px; border-bottom: 1px solid #C8C8C8; }
.chose.line h3 { margin: 0 0 10px; font-size: 16px; }

/* spinner */
.spinner { position: relative; margin: 60px auto; width: 40px; height: 40px; }

.double-bounce1,
.double-bounce2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #961a20;
  border-radius: 50%;
  opacity: 0.5;
  -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
  animation: sk-bounce 2.0s infinite ease-in-out;
}
.double-bounce2 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; }

@-webkit-keyframes sk-bounce { 0%, 100% { -webkit-transform: scale(0.0) } 50% { -webkit-transform: scale(1.0) } }
         @keyframes sk-bounce { 0%, 100% { transform: scale(0.0); -webkit-transform: scale(0.0); } 50% { transform: scale(1.0); -webkit-transform: scale(1.0); } }

@media screen and (min-width: 1220px){

/* common */
#Content aside { width: calc(0px + 400px); }
#Content article { width: calc(100% - 400px); }
}

@media screen and (max-width: 1400px){

/* common */
#Content section.settings table td.date input { width: 43%; width: calc(50% - 12px); }
#Content section.settings table td.name input { width: 85%; width: calc(100% - 30px); }
}

@media screen and (max-width: 1250px){

/* base */
header h1 img { height: 40px; }
header nav ul li a { min-width: 90px; height: 36px; font-size: 15px; }
header nav ul li.open .subMenu { top: 32px; }
header nav ul li .subMenu li a { font-size: 14px; }

/* common */
#Switch li { min-width: 50%; }
}