@charset "utf-8";
/* CSS Document */

/***** loginForm *****/
#loginForm { padding: 1rem 1.5rem; color: #fff; background-color: var(--color-primary); border-radius: 0 0 10px 10px; box-sizing: border-box; }
#loginForm dl,
#loginForm dl dt,
#loginForm dl dd { margin: 0; padding: 0; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"; }
#loginForm dl dt { font-size: 1.1rem; text-align: center; }
#loginForm dd.clearfix p { margin: 0.5rem 0 0; }
#loginForm input[type="text"],
#loginForm input[type="password"] { display: inline-block; width: calc(100% - 8.5rem); }
#loginForm input[type="text"] { margin-left: 2.5rem; }
#loginForm input[type="password"] { margin-left: 0.5rem; }
#submitButton { background-color: #fff; border-radius: 5px; }
#submitButton .submitButton input[type="submit"] { margin: 0; padding: 10px 2rem; width: 100%; color: var(--color-text); font-size: 1rem; line-height: 1; background-color: rgba(var(--color-link-rgb),1); outline: none; border: none; }
#submitButton .submitButton input[type="submit"]:hover { background-color: rgba(var(--color-link-rgb),0.8); cursor: pointer; }
@media (max-width: 767px) {
    #loginForm input[type="text"],
    #loginForm input[type="password"] { padding: 0.5rem; box-sizing: border-box; }
    #submitButton .submitButton input[type="submit"] { padding: 1.5rem; }
}
@media print, screen and (min-width: 768px){}
@media print, screen and (min-width: 960px){
    #loginForm { float: right; width: 50%; max-width: 480px; }
}
@media print, screen and (min-width: 1024px){
    #loginForm dd.clearfix p { margin: 1rem 0 0; }
    #loginForm dd.clearfix p#authId-wrap { float: left; width: 45%; }
    #loginForm dd.clearfix p#authPass-wrap { float: right; width: 55%; text-align: right; }
    #loginForm input[type="text"] { width: calc(100% - 5.3rem); }
    #loginForm input[type="password"] { width: calc(100% - 7.3rem); }
    #loginForm input[type="text"],
    #loginForm input[type="password"] { margin-left: 0.2rem; }
    #loginForm dd.clearfix p#authSave-wrap { float: left; width: 10rem; }
    #loginForm dd.clearfix p#submitButton { float: right; width: calc(100% - 11rem); }
}

/***** main *****/
article { margin: 2rem 0; padding-top: 3rem; background: #E6E6E6; background: linear-gradient(180deg, rgba(230, 230, 230, 1) 0%, rgba(255, 255, 255, 0) 100%); }
#rokinWrap h3,
#linkWrap h3 { margin: 0 0 2rem; padding: 1rem; text-align: center; font-weight: normal; font-size: 1.5rem; color: #fff; background-color: var(--color-primary); }
#rokinWrap ul { margin-top: 0; margin-bottom: 3rem; list-style: square; }
@media (max-width: 767px) {
    .scheduleWrap { display: block; }
    #rokinWrap,
    #linkWrap { padding-bottom: 2rem; }
    #rokinWrap,
    #linkWrap h3 { margin-bottom: 2rem; }
}
@media print, screen and (min-width: 768px){
    article { margin: 5rem 0; }
    .scheduleWrap { display: inline-block; }
    #rokinWrap,
    #linkWrap { padding-bottom: 3rem; }
    #rokinWrap h3,
    #linkWrap h3 { margin-bottom: 3rem; }
}
@media print, screen and (min-width: 960px){
    article { margin-top: -6.5rem; padding-top: calc(6.5rem + 50px); }
}
@media print, screen and (min-width: 1024px){
    article { margin-top: -3.5rem; padding-top: calc(3.5rem + 50px); }
}