/*====================*/


/*=== Reset Styles ===*/


/*====================*/

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
caption {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: bottom;
}

/* all */

* {
word-wrap: break-word;
overflow-wrap: break-word;
}
html,
body {
height: 100%;
}
body {
font-family: 'M PLUS Rounded 1c', '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
font-size: 13px;
font-weight: 500;
line-height: 1;
color: #333;
-webkit-font-smoothing: antialiased;
-webkit-overflow-scrolling: touch;
}

/* HTML5 tags */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
a:link {
text-decoration: underline;
color: #2e2e2e;
font-weight: bold;
}
a:visited {
color: #2e2e2e;
}
a:hover {
color: #2e2e2e;
}
a:active {
color: #2e2e2e;
}
.clearfix:after {
content: ".";
display: block;
height: 0;
font-size: 0;
clear: both;
visibility: hidden;
}
.clearfix {
display: inline-block;
}

/* Hides from IE Mac */

* html .clearfix {
height: 1%;
}
.clearfix {
display: block;
}

/* End Hack */

li {
list-style: none;
}
img {
width: 100%;
height: auto;
}

/* login */

body {
width: 100%;
height: 100%;
background: url(https://s3.kansuke.biz/service/asakura/img2/bg_colk.jpg) repeat center center;
background-size: 90% auto;
}
.container {
width: 35%;
min-width: 400px;
margin: 0 auto;
padding: 20px;
}
header {
position: relative;
}
.form-signin-heading {
width: 65%;
margin: 0 auto 20px;
}
.mathsvirus li {
position: absolute;
width: 15%;
}
.virus01 {
top: 10px;
left: 0;
}
.virus02 {
top: 0;
right: 0;
}
.virus03 {
bottom: -30px;
left: -15px;
}
.virus04 {
bottom: -10px;
right: 0;
}
footer {
clear: both;
text-align: right;
padding: 8px 3%;
font-size: 10px;
line-height: 1.2em;
}
.login-wrap {
background: url(https://s3.kansuke.biz/service/asakura/img2/loginbg.png) no-repeat center center;
background-size: 100% 100%;
padding: 30px 40px;
color: #fff;
font-size: 15px;
line-height: 1.4em;
}
.login-wrap h2 {
width: 80%;
max-width: 340px;
margin: 0 auto 15px;
}
.login-wrap input[type="text"],
.login-wrap input[type="password"] {
margin: 0 auto 10px;
padding: 12px 4px;
border: none;
outline: none;
width: 100%;
color: #fff;
box-sizing: border-box;
font-size: 15px;
font-weight: 500;
font-family: 'M PLUS Rounded 1c', sans-serif;
background: url(https://s3.kansuke.biz/service/asakura/img2/borderwidth.svg) no-repeat left bottom;
background-size: 100% 5px;
display: block;
-webkit-appearance: none;
border-radius: 0;
}
.login-wrap input[type="text"]:placeholder-shown,
.login-wrap input[type="password"]:placeholder-shown {
color: #fff;
font-size: 15px;
font-weight: 500;
font-family: 'M PLUS Rounded 1c', sans-serif;
}

/* Google Chrome, Safari, Opera 15+, Android, iOS */

.login-wrap input[type="text"]::-webkit-input-placeholder,
.login-wrap input[type="password"]::-webkit-input-placeholder {
color: #9dbd8e;
font-size: 15px;
font-weight: 500;
font-family: 'M PLUS Rounded 1c', sans-serif;
}

/* Firefox 18- */

.login-wrap input[type="text"]:-moz-placeholder,
.login-wrap input[type="password"]:-moz-placeholder {
color: #9dbd8e;
opacity: 1;
font-size: 15px;
font-weight: 500;
font-family: 'M PLUS Rounded 1c', sans-serif;
}

/* Firefox 19+ */

.login-wrap input[type="text"]::-moz-placeholder,
.login-wrap input[type="password"]::-moz-placeholder {
color: #9dbd8e;
opacity: 1;
font-size: 15px;
font-weight: 500;
font-family: 'M PLUS Rounded 1c', sans-serif;
}

/* IE 10+ */

.login-wrap input[type="text"]:-ms-input-placeholder,
.login-wrap input[type="password"]:-ms-input-placeholder {
color: #9dbd8e;
font-size: 15px;
font-weight: 500;
font-family: 'M PLUS Rounded 1c', sans-serif;
}

/* チェックボックス・ラジオボタン */

input[type=radio],
input[type=checkbox] {
display: inline-block;
}
input[type=radio] + label,
input[type=checkbox] + label {
position: relative;
display: inline-block;
margin-right: 1.5em;
margin-bottom: 0.8em;
font-size: 14px;
cursor: pointer;
}
@media (min-width: 1px) {
input[type=radio],
input[type=checkbox] {
display: none;
margin: 0;
}
input[type=radio] + label,
input[type=checkbox] + label {
padding: 0 0 0 24px;
}
input[type=radio] + label::before,
input[type=checkbox] + label::before {
content: "";
position: absolute;
top: 50%;
left: 0;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: block;
width: 18px;
height: 18px;
margin-top: -9px;
background: #fff;
border-radius: 3px;
}
input[type=radio] + label::before {
border: none;
border-radius: 30px;
}
input[type=checkbox] + label::before {
border: none;
}
input[type=radio]:checked + label::after,
input[type=checkbox]:checked + label::after {
content: "";
position: absolute;
top: 50%;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: block;
}
input[type=radio]:checked + label::after {
left: 5px;
width: 8px;
height: 8px;
margin-top: -4px;
background: #d30009;
border-radius: 8px;
}
input[type=checkbox]:checked + label::after {
left: 3px;
width: 16px;
height: 8px;
margin-top: -8px;
border-left: 3px solid #d30009;
border-bottom: 3px solid #d30009;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
}
.login-wrap .checkbox {
margin: 15px 0;
display: block;
}
.btn-login {
margin: 0 auto 25px;
padding: 10px 10px 10px 30px;
border: 2px #fff solid;
outline: none;
font-family: 'M PLUS Rounded 1c', sans-serif;
font-weight: 800;
color: #fff;
font-size: 18px;
text-shadow: 0 2px 0 #800000, 2px 0 0 #800000, 0 -2px 0 #800000, -2px 0 0 #800000, -2px -2px 0 #800000, 2px -2px 0 #800000, -2px 2px 0 #800000, 2px 2px 0 #800000;
width: 50%;
min-width: 160px;
max-width: 200px;
box-sizing: border-box;
display: block;
cursor: pointer;
background: url(https://s3.kansuke.biz/service/asakura/img2/btnallowred.svg) no-repeat 26px center #cf0000;
background-size: 17px auto;
-webkit-appearance: none;
border-radius: 30px;
}
.login-wrap .error span {
color: #d30009;
font-size: 13px;
line-height: 1.2em;
background: #fff;
display: inline-block;
padding: 5px 10px;
border-radius: 4px;
position: relative;
}
.login-wrap .error span:after {
border: 5px solid transparent;
border-bottom-color: #fff;
border-top-width: 0;
top: -5px;
content: "";
display: block;
left: 40px;
position: absolute;
width: 0;
}
.linkspace li {
margin-bottom: 0.7em;
}
.linkspace li a {
color: #fff;
font-weight: 500;
background: url(https://s3.kansuke.biz/service/asakura/img2/btnallowred.svg) no-repeat left 2px;
background-size: 17px auto;
padding-left: 21px;
}

/* schedule */

#container {
font-size: 0;
margin: 0 auto;
max-width: 1600px;
}
.white-bg:after {
content: ".";
display: block;
height: 0;
font-size: 0;
clear: both;
visibility: hidden;
}
.white-bg {
width: 94%;
margin: 0 auto;
padding: 15px 0;
display: inline-block;
}

/* Hides from IE Mac */

* html .white-bg {
height: 1%;
}
.white-bg {
display: block;
}
.white-bg h1 {
width: 260px;
float: left;
}
.top-nav {
width: -webkit-calc(100% - 270px);
width: -moz-calc(100% - 270px);
width: calc(100% - 270px);
float: right;
text-align: right;
}
.username {
margin-right: 10px;
display: inline-block;
font-size: 15px;
background: #fff;
padding: 10px 20px;
text-align: center;
-webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
height: 20px;
line-height: 20px;
border-left: 10px #ffa14e solid;
}
.username small {
display: inline-block;
font-size: 80%;
margin: 0 0.5em;
}
.logout {
display: inline-block;
}
.logout li {
padding: 10px 15px 10px 20px;
border: 2px #fff solid;
outline: none;
font-family: 'M PLUS Rounded 1c', sans-serif;
font-weight: 800;
color: #fff;
font-size: 14px;
text-shadow: 0 2px 0 #800000, 2px 0 0 #800000, 0 -2px 0 #800000, -2px 0 0 #800000, -2px -2px 0 #800000, 2px -2px 0 #800000, -2px 2px 0 #800000, 2px 2px 0 #800000;
width: 7em;
max-width: 7em;
display: inline-block;
cursor: pointer;
background: url(https://s3.kansuke.biz/service/asakura/img2/btnallowred.svg) no-repeat 16px center #cf0000;
background-size: 17px auto;
-webkit-appearance: none;
border-radius: 30px;
height: 18px;
line-height: 18px;
-webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}
.logout li a {
color: #fff;
text-decoration: none;
}
#sidebar {
background: url(https://s3.kansuke.biz/service/asakura/img2/pcNavBG.png) no-repeat left top;
background-size: 100% 100%;
width: -webkit-calc(280px - 3%);
width: -moz-calc(280px - 3%);
width: calc(280px - 3%);
box-sizing: border-box;
margin-top: 40px;
margin-left: 3%;
padding: 30px 20px 25px 10px;
font-size: 16px;
float: left;
position: relative;
text-align: center;
}
#sidebar:before {
position: absolute;
content: '';
width: 100px;
height: 30px;
background: url(https://s3.kansuke.biz/service/asakura/img2/tapeBlue.png) no-repeat left top;
background-size: 100% auto;
top: -10px;
left: 50%;
left: -webkit-calc(50% - 50px);
left: -moz-calc(50% - 50px);
left: calc(50% - 50px);
transform: rotate(3deg);
-webkit-transform: rotate(3deg);
}
.sidebar-menu li {
margin-bottom: 0.5em;
display: block;
white-space: nowrap;
text-align: left;
}
.sidebar-menu li a {
display: inline-block;
text-decoration: none;
padding: 5px 0 8px;
background: url(https://s3.kansuke.biz/service/asakura/img2/menuBorder.svg) no-repeat left bottom;
background-size: 100% 5px;
color: #304c53;
font-weight: 600;
text-shadow: 0 2px 0 #fff, 2px 0 0 #fff, 0 -2px 0 #fff, -2px 0 0 #fff, -2px -2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff, 2px 2px 0 #fff;
}
.sidebar-menu li span {
background: url(https://s3.kansuke.biz/service/asakura/img2/menuAllow.svg) no-repeat left center;
background-size: 15px auto;
display: inline-block;
padding-left: 20px;
}



.active span {
color: #cf0000;
}
#main-content {
margin-top: -20px;
margin-right: 3%;
width: -webkit-calc(97% - 320px);
width: -moz-calc(97% - 320px);
width: calc(97% - 320px);
float: right;
font-size: 16px;
}
.resetpass {
margin-top: 20px!important;
}
.panel-heading {
margin: 0 auto -15px;
position: relative;
z-index: 2;
text-align: center;
color: #304c53;
font-size: 33px;
font-weight: 800;
text-shadow: 0 2px 0 #fff, 2px 0 0 #fff, 0 -2px 0 #fff, -2px 0 0 #fff, -2px -2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff, 2px 2px 0 #fff, 0 3px 0 #eee, 3px 0 0 #eee, 0 -3px 0 #eee, -3px 0 0 #eee, -3px -3px 0 #eee, 3px -3px 0 #eee, -3px 3px 0 #eee, 3px 3px 0 #eee;
}
.panel-body p {
font-size: 14px;
line-height: 1.8em;
margin-bottom: 1em;
}
.panel-body h3 {
display: inline-block;
font-size: 17px;
background: #ffeedf;
margin-top: 10px;
margin-bottom: 25px;
padding: 10px 20px;
text-align: left;
font-weight: 500;
-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
border-left: 10px #ec5472 solid;
line-height: 1.3em;
min-width: 200px;
}
.panel-body h3 small {
background: #ec5472;
color: #fff;
font-size: 60%;
margin: 5px 0.8em 5px 0;
padding: 5px 9px;
display: inline-block;
line-height: 1em;
vertical-align: middle;
}
.panel-body h3 span {
display: inline-block;
vertical-align: middle;
margin: 5px 0;
}
.table_php_cal {
empty-cells: show;
border-collapse: separate;
border-spacing: 0;
}
.selectMonth {
margin: 30px auto 15px;
}
.selectMonth th {
padding: 10px;
}
.selectedMonth {
font-size: 26px;
color: #304c53;
text-shadow: 0 2px 0 #fff, 2px 0 0 #fff, 0 -2px 0 #fff, -2px 0 0 #fff, -2px -2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff, 2px 2px 0 #fff;
}
.prevMonth,
.nextMonth {
border: 2px #fff solid;
outline: none;
font-family: 'M PLUS Rounded 1c', sans-serif;
font-weight: 800;
color: #fff;
font-size: 18px;
text-shadow: 0 2px 0 #800000, 2px 0 0 #800000, 0 -2px 0 #800000, -2px 0 0 #800000, -2px -2px 0 #800000, 2px -2px 0 #800000, -2px 2px 0 #800000, 2px 2px 0 #800000;
width: 4em;
max-width: 4em;
display: inline-block;
-webkit-appearance: none;
border-radius: 30px;
height: 18px;
line-height: 18px;
text-decoration: none;
-webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
position: relative;
}
.prevMonth:before,
.nextMonth:before {
position: absolute;
content: '';
width: 100%;
height: 100%;
top: -2px;
left: -2px;
border-radius: 30px;
background: rgba(255, 255, 255, 0.7);
border: 2px rgba(255, 255, 255, 0.7) solid;
}
.prevMonth {
padding: 10px 15px 10px 30px!important;
background: url(https://s3.kansuke.biz/service/asakura/img2/btnallowredPrev.svg) no-repeat 20% center #cf0000;
background-size: 17px auto;
}
.nextMonth {
padding: 10px 30px 10px 15px!important;
background: url(https://s3.kansuke.biz/service/asakura/img2/btnallowred.svg) no-repeat 80% center #cf0000;
background-size: 17px auto;
}
.prevMonth a,
.nextMonth a {
color: #fff;
text-decoration: none;
background-color: #cf0000!important;
display: block;
border-radius: 30px;
position: relative;
z-index: 2;
}
.prevMonth a {
margin: -10px -15px -10px -30px!important;
padding: 10px 15px 10px 30px!important;
background: url(https://s3.kansuke.biz/service/asakura/img2/btnallowredPrev.svg) no-repeat 20% center #cf0000;
background-size: 17px auto;
}
.nextMonth a {
margin: -10px -30px -10px -15px!important;
padding: 10px 30px 10px 15px!important;
background: url(https://s3.kansuke.biz/service/asakura/img2/btnallowred.svg) no-repeat 80% center #cf0000;
background-size: 17px auto;
}
.scheduleTable {
border: 10px #afbdcb solid;
border-top: 4px #afbdcb solid;
background: #fff;
width: 98%;
margin: 0 auto 20px;
-webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}
.scheduleTable th {
background: #afbdcb;
padding: 10px 20px;
font-size: 18px;
color: #5b7177;
border-left: 1px #fff dashed;
text-shadow: 0 2px 0 #fff, 2px 0 0 #fff, 0 -2px 0 #fff, -2px 0 0 #fff, -2px -2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff, 2px 2px 0 #fff;
letter-spacing: 1px;
}
.scheduleTable th:first-child {
width: 20%;
border-left: none;
}
.scheduleTable td {
border-left: 1px #afbdcb dashed;
}
.scheduleTable td:first-child {
border-left: none;
text-align: center;
padding: 10px;
}
.scheduleTable td a {
display: block;
padding: 8px 10px 8px 32px;
background: url(https://s3.kansuke.biz/service/asakura/img2/btnallowred.svg) no-repeat 10px 7px;
background-size: 18px auto;
color: #304c53;
font-weight: 600;
font-size: 18px;
text-shadow: 0 2px 0 #fff, 2px 0 0 #fff, 0 -2px 0 #fff, -2px 0 0 #fff, -2px -2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff, 2px 2px 0 #fff;
text-decoration: none;
}
.scheduleTable tr:nth-child(2n+1) {
background: #e9ecf0;
}
.warn {
display: inline-block;
margin: 10px 10px 5px;
padding: 5px 10px;
color: #304c53;
font-size: 15px;
background: #fff9e1;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
border-left: 10px #ffe85a solid;
min-width: 4em;
}
.pagetop {
position: fixed;
bottom: 30px;
right: 10px;
z-index: 10000;
width: 120px;
height: auto;
}
.pagetop img:hover {
transform: rotate(360deg);
-webkit-transform: rotate(360deg);
}
.pagetop img {
-moz-transition: .35s;
-webkit-transition: .35s;
-o-transition: .35s;
-ms-transition: .35s;
}
.setumei {
margin-top: 2em;
padding: 15px;
background: #ffe2e2;
color: #c61313;
font-size: 14px;
}
.panel-body {
background: #fff;
background-size: 100% 100%;
margin: 0 auto 30px;
padding: 45px 40px 10px;
font-size: 15px;
line-height: 1.4em;
position: relative;
-webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}
.panel-body:before {
position: absolute;
content: '';
width: 100px;
height: 30px;
background: url(https://s3.kansuke.biz/service/asakura/img2/tapeBlue.png) no-repeat left top;
background-size: 100% auto;
top: -15px;
left: 5%;
transform: rotate(-1deg);
-webkit-transform: rotate(-1deg);
}
.panel-body:after {
position: absolute;
content: '';
width: 100px;
height: 30px;
background: url(https://s3.kansuke.biz/service/asakura/img2/tapePink.png) no-repeat left top;
background-size: 100% auto;
top: -15px;
right: 5%;
transform: rotate(-2deg);
-webkit-transform: rotate(-2deg);
}
.panel-body ul {
margin-bottom: 20px;
}
.panel-body li {
margin: 0 0 15px;
padding: 10px 20px 10px 40px;
border: 2px #fff solid;
outline: none;
font-family: 'M PLUS Rounded 1c', sans-serif;
font-weight: 800;
color: #fff;
text-align: center;
font-size: 16px;
line-height: 1.3em;
text-shadow: 0 2px 0 #800000, 2px 0 0 #800000, 0 -2px 0 #800000, -2px 0 0 #800000, -2px -2px 0 #800000, 2px -2px 0 #800000, -2px 2px 0 #800000, 2px 2px 0 #800000;
box-sizing: border-box;
display: inline-block;
background: url(https://s3.kansuke.biz/service/asakura/img2/btnallowred.svg) no-repeat 16px center #cf0000;
background-size: 17px auto;
-webkit-appearance: none;
border-radius: 30px;
-webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
position: relative;
}
.panel-body li:before {
position: absolute;
content: '';
width: 100%;
height: 100%;
top: -2px;
left: -2px;
border-radius: 30px;
background: rgba(255, 255, 255, 0.7);
border: 2px rgba(255, 255, 255, 0.7) solid;
}
.panel-body li a {
margin: -10px -20px -10px -40px;
padding: 10px 20px 10px 40px;
color: #fff;
text-decoration: none;
display: block;
background: url(https://s3.kansuke.biz/service/asakura/img2/btnallowred.svg) no-repeat 16px center #cf0000;
background-size: 17px auto;
border-radius: 30px;
position: relative;
z-index: 2;
}
.table-bordered {
empty-cells: show;
border-collapse: separate;
border-spacing: 0;
width: 70%;
text-align: left;
margin: 30px auto 10px;
}
.table-bordered th,
.table-bordered td {
vertical-align: middle;
display: block;
}
.table-bordered th {
padding: 0 10px 10px;
color: #5b7177!important;
}
.table-bordered td {
padding: 0 10px 10px;
}
.table-bordered input[type="text"],
.table-bordered input[type="password"] {
margin: 0 0 10px;
padding: 12px 8px;
border: none;
outline: none;
width: 100%;
box-sizing: border-box;
font-size: 15px;
font-weight: bold;
border: 4px #7a8c91 solid;
background: #ffeedf;
display: block;
-webkit-appearance: none;
border-radius: 0;
}
.text-center {
text-align: center;
font-size: 0;
margin-bottom: 15px;
}
.btn-info,
.btn-primary {
margin: 10px 5px 10px;
padding: 10px 15px 10px 40px;
border: 2px #fff solid;
outline: none;
font-family: 'M PLUS Rounded 1c', sans-serif;
font-weight: 800;
color: #fff;
font-size: 18px;
text-shadow: 0 2px 0 #800000, 2px 0 0 #800000, 0 -2px 0 #800000, -2px 0 0 #800000, -2px -2px 0 #800000, 2px -2px 0 #800000, -2px 2px 0 #800000, 2px 2px 0 #800000;
min-width: 160px;
box-sizing: border-box;
display: inline-block;
cursor: pointer;
background: url(https://s3.kansuke.biz/service/asakura/img2/btnallowred.svg) no-repeat 16px center #cf0000;
background-size: 17px auto;
-webkit-appearance: none;
border-radius: 30px;
line-height: 1.3em!important;
-webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
}
.btn-default {
margin: 10px 5px 10px;
padding: 10px 15px 10px 40px;
border: 2px #fff solid;
outline: none;
font-family: 'M PLUS Rounded 1c', sans-serif;
font-weight: 800;
color: #fff;
font-size: 18px;
text-shadow: 0 2px 0 #2b3d4e, 2px 0 0 #2b3d4e, 0 -2px 0 #2b3d4e, -2px 0 0 #2b3d4e, -2px -2px 0 #2b3d4e, 2px -2px 0 #2b3d4e, -2px 2px 0 #2b3d4e, 2px 2px 0 #2b3d4e;
min-width: 160px;
box-sizing: border-box;
display: inline-block;
cursor: pointer;
background: url(https://s3.kansuke.biz/service/asakura/img2/btnallowblue.svg) no-repeat 16px center #5b7177;
background-size: 17px auto;
-webkit-appearance: none;
border-radius: 30px;
line-height: 1.3em!important;
-webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
}
.btn-info span,
.btn-primary span,
.btn-default span {
display: inline-block;
}
.table-bordered .error,
.panel-body .error {
margin-bottom: 20px;
}
.table-bordered .error span,
.panel-body .error span {
color: #d30009;
font-size: 13px;
line-height: 1.2em;
background: #fff;
display: inline-block;
padding: 5px 10px;
border-radius: 4px;
position: relative;
border: 1px #d30009 solid;
}
.table-bordered .error span:before,
.panel-body .error span:before {
border: 5px solid transparent;
border-bottom-color: #fff;
border-top-width: 0;
top: -4px;
content: "";
display: block;
left: 40px;
position: absolute;
width: 0;
z-index: 1;
}
.table-bordered .error span:after,
.panel-body .error span:after {
border: 5px solid transparent;
border-bottom-color: #d30009;
border-top-width: 0;
top: -5px;
content: "";
display: block;
left: 40px;
position: absolute;
width: 0;
}
.table_student {
empty-cells: show;
border-collapse: separate;
border-spacing: 0;
width: 100%;
text-align: left;
margin: 30px auto 20px;
font-size: 18px;
color: #5b7177;
border-bottom: 1px #ccc solid;
}
.table_student th,
.table_student td {
vertical-align: middle;
display: block;
}
.table_student td {
padding: 10px;
text-align: center;
display: inline-block;
}
.table_student th {
padding: 10px 10px 0;
border-top: 1px #ccc solid;
}
.table_student td:nth-last-child(2) {
display: inline-block;
font-size: 17px;
color: #333;
background: #ffeedf;
margin-top: 10px;
margin-bottom: 15px;
margin-left: 10px;
margin-right: 10px;
padding: 10px 20px;
text-align: center;
font-weight: 500;
-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
border-left: 10px #ec5472 solid;
min-width: 200px;
}
.disapprove {
margin: 10px 5px 10px;
padding: 10px 30px;
border: 2px #fff solid;
outline: none;
font-family: 'M PLUS Rounded 1c', sans-serif;
font-weight: 800;
color: #fff;
font-size: 18px;
text-shadow: 0 2px 0 #2b3d4e, 2px 0 0 #2b3d4e, 0 -2px 0 #2b3d4e, -2px 0 0 #2b3d4e, -2px -2px 0 #2b3d4e, 2px -2px 0 #2b3d4e, -2px 2px 0 #2b3d4e, 2px 2px 0 #2b3d4e;
box-sizing: border-box;
display: inline-block;
text-align: center;
background: #5b7177;
background-size: 17px auto;
-webkit-appearance: none;
border-radius: 30px;
opacity: 0.4;
line-height: 1.3em;
}
@media screen and (max-width: 1024px) {
.container {
width: 60%;
min-width: auto;
padding: 40px 20px;
}
.login-wrap {
padding: 30px 20%;
}
}
@media screen and (max-width: 800px) {
.white-bg {
width: 96%;
}
.white-bg h1 {
width: 30%;
}
.top-nav {
width: 68%;
}
#sidebar {
background: url(https://s3.kansuke.biz/service/asakura/img2/spNavBG.png) no-repeat left top;
background-size: 100% 100%;
width: 96%;
margin: 10px auto 30px;
padding: 30px 30px 15px 30px;
float: none;
}
.sidebar-menu {
padding-bottom: 10px;
}
.sidebar-menu li {
margin-bottom: 0;
margin-right: 0.6em;
display: inline-block;
}

#main-content {
margin: 0 auto 20px;
width: 96%;
float: none;
}
.table_student {
width: 100%;
}
.panel-heading {
margin: 0 auto -15px;
font-size: 28px;
}
.pagetop {
right: 1%;
width: 70px;
z-index: 10000000;
}
}
@media screen and (max-width: 700px) {
body {
background: url(https://s3.kansuke.biz/service/asakura/img2/bg_colk.jpg) repeat center center;
background-size: 130% auto;
}
.container {
width: 90%;
padding: 20px 0;
}
.login-wrap {
padding: 30px 10%;
}
.white-bg {
padding: 10px 0;
}
.white-bg h1 {
margin-top: 5px;
width: 50%;
}
.top-nav {
width: 48%;
}
.username {
margin-bottom: 10px;
margin-right: 0;
display: inline-block;
font-size: 12px;
padding: 5px;
text-align: center;
height: auto;
line-height: 1.2em;
border-left: 5px #ffa14e solid;
}
.username small {
display: inline-block;
font-size: 70%;
}
.logout {
margin-left: 2%;
}
.logout li {
margin-bottom: 5px;
padding: 8px 15px 8px 30px;
color: #fff;
font-size: 13px;
background: url(https://s3.kansuke.biz/service/asakura/img2/btnallowred.svg) no-repeat 12px center #cf0000;
background-size: 12px auto;
width: auto;
max-width: auto;
height: auto;
line-height: 1em;
}
#sidebar {
margin: 0 auto 25px;
padding: 20px 10px 5px 10px;
float: none;
font-size: 12px;
}#container
#sidebar:before {
width: 70px;
height: 20px;
top: -5px;
left: -webkit-calc(50% - 35px);
left: -moz-calc(50% - 35px);
left: calc(50% - 35px);
transform: rotate(3deg);
}
.sidebar-menu li {
padding: 0 0 3px;
line-height: 1.3em;
vertical-align: middle;
}
.sidebar-menu li a {
padding: 5px 0;
background: none;
}
#container {
overflow: hidden;
}
.panel-heading {
margin: 0 auto -10px;
font-size: 20px;
}
.panel-body {
margin: 0 auto 80px;
padding: 25px 4% 10px;
font-size: 14px;
}
.panel-body:before {
width: 70px;
height: 20px;
top: -5px;
left: -5%;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
.panel-body:after {
width: 70px;
height: 20px;
top: -5px;
right: -5%;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}
.panel-body p {
font-size: 14px;
line-height: 1.5em;
margin-bottom: 0.6em;
}
.selectMonth th {
padding: 5px;
}
.selectMonth {
margin: 10px auto;
}
.selectedMonth {
font-size: 16px;
}
.prevMonth,
.nextMonth {
font-size: 14px;
width: auto;
max-width: auto;
height: auto;
line-height: 1em;
}
.prevMonth {
padding: 10px 15px 10px 25px!important;
background: url(https://s3.kansuke.biz/service/asakura/img2/btnallowredPrev.svg) no-repeat 14% center #cf0000;
background-size: 12px auto;
}
.nextMonth {
padding: 10px 25px 10px 15px!important;
background: url(https://s3.kansuke.biz/service/asakura/img2/btnallowred.svg) no-repeat 86% center #cf0000;
background-size: 12px auto;
}
.prevMonth a {
margin: -10px -15px -10px -25px!important;
padding: 10px 15px 10px 25px!important;
background: url(https://s3.kansuke.biz/service/asakura/img2/btnallowredPrev.svg) no-repeat 14% center #cf0000;
background-size: 12px auto;
}
.nextMonth a {
margin: -10px -25px -10px -15px!important;
padding: 10px 25px 10px 15px!important;
background: url(https://s3.kansuke.biz/service/asakura/img2/btnallowred.svg) no-repeat 86% center #cf0000;
background-size: 12px auto;
}
.scheduleTable {
border: 5px #afbdcb solid;
border-top: 2px #afbdcb solid;
width: 100%;
margin: 0 auto 10px;
}
.scheduleTable th {
padding: 10px 5px;
font-size: 15px;
letter-spacing: 0;
}
.scheduleTable td:first-child {
padding: 10px 5px;
}
.scheduleTable td a {
padding: 8px 10px 8px 22px;
background: url(https://s3.kansuke.biz/service/asakura/img2/btnallowred.svg) no-repeat 5px 10px;
background-size: 14px auto;
font-size: 16px;
}
.warn {
margin: 8px 8px 5px;
padding: 5px 10px;
font-size: 14px;
}
.table_student {
margin: 20px auto;
font-size: 16px;
}
.table_student th {
padding-left: 0;
padding-right: 0;
}
.table_student td {
padding: 0 10px 10px;
display: block;
}
.table_student td:nth-last-child(2) {
font-size: 16px;
height: auto;
line-height: 1.2em;
min-width: auto;
margin-left: 0;
margin-right: 0;
}
.disapprove {
margin: 5px 1%;
padding: 12px 20px;
font-size: 15px;
width: auto;
min-width: auto;
max-width: auto;
height: auto;
line-height: 1em;
}
.btn-info,
.btn-primary {
margin: 5px 1%;
padding: 10px 20px 10px 35px;
font-size: 15px;
min-width: auto;
background: url(https://s3.kansuke.biz/service/asakura/img2/btnallowred.svg) no-repeat 10px center #cf0000;
background-size: 12px auto;
height: auto;
line-height: 1em;
}
.btn-default {
margin: 5px 1%;
padding: 10px 20px 10px 35px;
font-size: 15px;
min-width: auto;
background: url(https://s3.kansuke.biz/service/asakura/img2/btnallowblue.svg) no-repeat 10px center #5b7177;
background-size: 12px auto;
height: auto;
line-height: 1em;
}
.text-center {
margin-bottom: 10x;
}
.setumei {
margin-top: 1em;
padding: 10px;
}
.table-bordered {
width: 100%;
margin: 20px auto 10px;
}
.table-bordered th {
padding: 0 0 10px;
}
.table-bordered td {
padding: 0 0 10px;
}
.panel-body h3 {
font-size: 15px;
padding: 10px;
border-left: 8px #ec5472 solid;
line-height: 1.3em;
min-width: 50%;
text-align: left;
}
.panel-body h3 small {
font-size: 80%;
}
.panel-body li {
margin: 0 0 15px;
padding: 10px 20px 10px 32px;
text-align: left;
display: block;
background: url(https://s3.kansuke.biz/service/asakura/img2/btnallowred.svg) no-repeat 12px center #cf0000;
background-size: 14px auto;
}
}
@media screen and (max-width: 470px) {
.panel-body:before {
left: -8%;
}
.panel-body:after {
right: -8%;
}
}