@charset "utf-8";

/* INITIALIZE
2013.11.10 Reset CSS including HTML5 tags (with box-sizing to border-box)
Masayuki Fukumoto (OSSI Inc.)
==================================================== */
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
main,
summary,
time,
mark,
audio,
video,
a {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    background: transparent;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
main {
    display: block;
}

nav ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

pre,
code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: inherit;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

img {
    border: 0;
}

address,
caption,
cite,
code,
dfn,
em,
th,
var {
    font-style: normal;
    font-weight: normal;
}

caption,
th {
    text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: normal;
}

sup,
sub {
    font-size: 75%;
    position: relative;
    line-height: 1;
    vertical-align: baseline;
}

sup {
    bottom: .75ex;
}

sub {
    bottom: .5ex;
}

input,
textarea,
select {
    vertical-align: middle;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
}

a {
    outline: none;
}

audio:not([controls]) {
    display: none;
}

time {
    display: inline;
}

[hidden] {
    display: none;
}

input::-ms-clear,
input::-ms-reveal,
input:focus::-ms-clear,
input:focus::-ms-reveal {
    visibility: hidden;
    display: none;
}

button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"]>input[type="button"]::-moz-focus-inner {
    padding: 0;
    border: 0;
}

input,
textarea,
select {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/* BASE SETTING */
body {
    background: #f2f2ee;
    font-size: 62.5%;
    line-height: 1;
    color: #333;
    font-family: Arial, "メイリオ", Meiryo, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}

.fntS {
    font-size: 52.5%
}

.fntL {
    font-size: 82.5%;
}

/* ANCHOR */
a:link {
    color: #333;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

a:visited {
    color: #333;
    text-decoration: none;
}

@media only screen and (max-width: 768px) {
    .catRent a[href^="tel"] {
        cursor: default;
        color: #9B0032;
        text-decoration: none;
    }

    /*.catRent .tel, .catRent .tel a, .catRent .tel a:hover {color: #9B0032; text-decoration: none;
		cursor: default;}*/
}

@media only screen and (min-width: 769px) {
    .catRent a[href^="tel"] {
        cursor: default;
        color: #9B0032;
        text-decoration: none;
    }

    /*.catRent .tel {color: #9B0032; text-decoration: none;
		cursor: default;}
.catRent .tel a:hover {color: #9B0032; text-decoration: none; cursor: default;}
.catRent a {color: #9B0032; text-decoration: none;
		cursor: default;}
.catRent a:hover {color: #9B0032; text-decoration: none;
		cursor: default;}
*/
}


.btn a,
#siteID a,
#site100th a,
#siteFooter .pgTop a,
button {
    transition: opacity 0.2s linear 0;
}

.btn a:hover,
#siteID a:hover,
button:hover {
    opacity: 0.7;
}

#site100th a:hover {
    opacity: 0.8;
}

/* FORCE CLEAR */
.clr {
    clear: both;
}

/* BASE LAYOUT
================================================ */
/* SITE HEADER */
#siteHeader {
    height: 144px;
    background: url(../img/common/headBg.png) repeat-x left top;
}

#siteHeader .inner {
    width: 960px;
    height: 144px;
    margin: 0 auto;
    position: relative;
}

#siteID {
    width: 198px;
    height: 53px;
    position: absolute;
    left: 10px;
    top: 20px;
}

#site100th {
    widows: 140px;
    height: 106px;
    position: absolute;
    left: 210px;
    top: -5px;
    z-index: 999;
}

#siteHeader .contact {
    width: 613px;
    height: 49px;
    position: absolute;
    right: -1px;
    top: 0;
}

#siteHeader .contact .phone {
    width: 390px;
    height: 49px;
    position: absolute;
    left: 0;
    top: 0;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
    background: url(../img/common/sprite.png) no-repeat 0 0;
}

#siteHeader .contact .phone_top {
    width: 390px;
    height: 49px;
    position: absolute;
    left: 0;
    top: 0;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
    background: url(../img/common/sprite_top.png) no-repeat 0 0;
}

#siteHeader .contact .btn {
    width: 220px;
    height: 45px;
    position: absolute;
    right: 0;
    top: 0;
}

#siteHeader .contact .btn a {
    width: 220px;
    height: 45px;
    display: block;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
    background: url(../img/common/sprite.png) no-repeat -390px 0;
}

#fontSwitch {
    width: 160px;
    height: 31px;
    position: absolute;
    left: 463px;
    top: 54px;
}

#fontSwitch dt {
    width: 72px;
    height: 31px;
    position: absolute;
    left: 0;
    top: 0;
    background: url(../img/common/sprite.png) no-repeat no-repeat -625px 0;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
}

#fontSwitch dd {
    width: 30px;
    height: 31px;
    position: absolute;
    top: 0;
    background: url(../img/common/sprite.png) no-repeat;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
}

#fontSwitch dd:nth-child(2) {
    background-position: -700px 0;
    left: 72px;
}

#fontSwitch dd:nth-child(3) {
    background-position: -730px 0;
    left: 102px;
}

#fontSwitch dd:nth-child(4) {
    background-position: -760px 0;
    left: 132px;
}

#fontSwitch>*:first-child+* {
    background-position: -700px 0;
    left: 72px;
}

#fontSwitch>*:first-child+*+* {
    background-position: -730px 0;
    left: 102px;
}

#fontSwitch>*:first-child+*+*+* {
    background-position: -760px 0;
    left: 132px;
}

#fontSwitch dd:nth-child(2).active {
    background-position: -700px -35px;
}

#fontSwitch dd:nth-child(3).active {
    background-position: -730px -35px;
}

#fontSwitch dd:nth-child(4).active {
    background-position: -760px -35px;
}

#fontSwitch>*:first-child+*.active {
    background-position: -700px -35px;
}

#fontSwitch>*:first-child+*+*.active {
    background-position: -730px -35px;
}

#fontSwitch>*:first-child+*+*+*.active {
    background-position: -760px -35px;
}

#fontSwitch dd:nth-child(2):hover {
    background-position: -700px -35px;
}

#fontSwitch dd:nth-child(3):hover {
    background-position: -730px -35px;
}

#fontSwitch dd:nth-child(4):hover {
    background-position: -760px -35px;
}

#fontSwitch>*:first-child+*:hover {
    background-position: -700px -35px;
}

#fontSwitch>*:first-child+*+*:hover {
    background-position: -730px -35px;
}

#fontSwitch>*:first-child+*+*+*:hover {
    background-position: -760px -35px;
}

#cse-search-box {
    width: 328px;
    height: 37px;
    position: absolute;
    right: 0;
    top: 49px;
    background: #eee;
}

#cse-search-box label {
    width: 95px;
    height: 37px;
    position: absolute;
    left: 0;
    top: 0;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
    background: url(../img/common/sprite.png) no-repeat -800px 0;
}

#cse-search-box input {
    width: 175px;
    height: 29px;
    position: absolute;
    left: 95px;
    top: 4px;
    border: 1px #d9d9d9 solid !important;
}

#cse-search-box button {
    width: 53px;
    height: 31px;
    position: absolute;
    right: 3px;
    top: 3px;
    padding: 0;
    border: 0 none;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
    background: none #eee;
    transition: all 0.2s ease;
    background: url(../img/common/sprite.png) no-repeat -900px 0;
}

#cse-search-box button:hover {
    opacity: 0.7;
}

#global {
    height: 50px;
    position: absolute;
    left: 0;
    top: 94px;
}

#global li {
    height: 50px;
    float: left;
    width: 148px;
}

#global li:nth-child(1) {
    width: 70px;
}

#global li:first-child {
    width: 70px;
}

#global li:nth-child(4) {
    width: 149px;
}

#global li:nth-child(7) {
    width: 149px
}

#global ul>*:first-child+*+*+* {
    width: 149px;
}

#global ul>*:first-child+*+*+*+*+*+* {
    width: 149px
}

#global li a {
    display: block;
    width: 100%;
    height: 50px;
    background: url(../img/common/sprite.png) no-repeat;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
}

#global li:nth-child(1) a {
    background-position: 0px -70px;
}

#global li:first-child a {
    background-position: 0px -70px;
}

#global li:nth-child(2) a {
    background-position: -70px -70px;
}

#global li:nth-child(3) a {
    background-position: -218px -70px;
}

#global li:nth-child(4) a {
    background-position: -366px -70px;
    width: 149px;
}

#global li:nth-child(5) a {
    background-position: -515px -70px;
}

#global li:nth-child(6) a {
    background-position: -663px -70px;
}

#global li:nth-child(7) a {
    background-position: -811px -70px;
    width: 149px
}

#global ul>*:first-child+* a {
    background-position: -70px -70px;
}

#global ul>*:first-child+*+* a {
    background-position: -218px -70px;
}

#global ul>*:first-child+*+*+* a {
    background-position: -366px -70px;
    width: 149px;
}

#global ul>*:first-child+*+*+*+* a {
    background-position: -515px -70px;
}

#global ul>*:first-child+*+*+*+*+* a {
    background-position: -663px -70px;
}

#global ul>*:first-child+*+*+*+*+*+* a {
    background-position: -811px -70px;
    width: 149px
}

#global li:nth-child(1) a:hover {
    background-position: 0px -120px;
}

#global li:nth-child(2) a:hover {
    background-position: -70px -120px;
}

#global li:nth-child(3) a:hover {
    background-position: -218px -120px;
}

#global li:nth-child(4) a:hover {
    background-position: -366px -120px;
}

#global li:nth-child(5) a:hover {
    background-position: -515px -120px;
}

#global li:nth-child(6) a:hover {
    background-position: -663px -120px;
}

#global li:nth-child(7) a:hover {
    background-position: -811px -120px;
}

#global li:first-child a:hover {
    background-position: 0px -120px;
}

#global ul>*:first-child+* a:hover {
    background-position: -70px -120px;
}

#global ul>*:first-child+*+* a:hover {
    background-position: -218px -120px;
}

#global ul>*:first-child+*+*+* a:hover {
    background-position: -366px -120px;
}

#global ul>*:first-child+*+*+*+* a:hover {
    background-position: -515px -120px;
}

#global ul>*:first-child+*+*+*+*+* a:hover {
    background-position: -663px -120px;
}

#global ul>*:first-child+*+*+*+*+*+* a:hover {
    background-position: -811px -120px;
}

.index #global li:nth-child(1) a {
    background-position: 0px -120px;
}

.index #global li:first-child a {
    background-position: 0px -120px;
}

.catShop #global li:nth-child(2) a {
    background-position: -70px -120px;
}

.catSchl #global li:nth-child(3) a {
    background-position: -218px -120px;
}

.catEvnt #global li:nth-child(4) a {
    background-position: -366px -120px;
}

.catSprt #global li:nth-child(5) a {
    background-position: -515px -120px;
}

.catRent #global li:nth-child(6) a {
    background-position: -663px -120px;
}

.catComp #global li:nth-child(7) a {
    background-position: -811px -120px;
}

.catShop #global ul>*:first-child+* a {
    background-position: -70px -120px;
}

.catSchl #global ul>*:first-child+*+* a {
    background-position: -218px -120px;
}

.catEvnt #global ul>*:first-child+*+*+* a {
    background-position: -366px -120px;
}

.catSprt #global ul>*:first-child+*+*+*+* a {
    background-position: -515px -120px;
}

.catRent #global ul>*:first-child+*+*+*+*+* a {
    background-position: -663px -120px;
}

.catComp #global ul>*;

first-child+*+*+*+*+*+* a {
    background-position: -811px -120px;
}

#gHeader {
    display: none;
}

/* BREADCRUMBS */
#breadcrumbs {
    border-bottom: 1px #fff solid;
    background: url(../img/common/breadBg.png) repeat-y center top;
}

#breadcrumbs ul {
    width: 960px;
    margin: 0 auto;
    background: #e1e1e1;
    clear: both;
}

#breadcrumbs ul:after {
    content: '';
    display: block;
    clear: both;
}

#breadcrumbs ul li {
    float: left;
    line-height: 1;
    font-size: 1.1em;
}

#breadcrumbs li:last-child {
    padding: 7px 5px 6px 35px;
    background: url(../img/common/breadArrLast.png) no-repeat left center;
}

#breadcrumbs ul.primary li:last-child {
    padding: 7px 5px 6px 35px;
    background: url(../img/common/breadArrLast.png) no-repeat left center;
}

#breadcrumbs ul.secondary li:last-child {
    padding: 7px 5px 6px 35px;
    background: url(../img/common/breadArrLast.png) no-repeat left center;
}

#breadcrumbs ul.tertiary li:last-child {
    padding: 7px 5px 6px 35px;
    background: url(../img/common/breadArrLast.png) no-repeat left center;
}

#breadcrumbs ul.quaternary li:last-child {
    padding: 7px 5px 6px 35px;
    background: url(../img/common/breadArrLast.png) no-repeat left center;
}

#breadcrumbs ul.primary>*:first-child+* {
    padding: 7px 5px 6px 35px;
    background: url(../img/common/breadArrLast.png) no-repeat left center;
}

/* IE8用　ぱんくず2階層の場合 */
#breadcrumbs ul.secondary>*:first-child+*+* {
    padding: 7px 5px 6px 35px;
    background: url(../img/common/breadArrLast.png) no-repeat left center;
}

/*IE8用 ぱんくず3階層の場合 */
#breadcrumbs ul.tertiary>*:first-child+*+*+* {
    padding: 7px 5px 6px 35px;
    background: url(../img/common/breadArrLast.png) no-repeat left center;
}

/*IE8用 ぱんくず4階層の場合 */
#breadcrumbs ul.quaternary>*:first-child+*+*+*+* {
    padding: 7px 5px 6px 35px;
    background: url(../img/common/breadArrLast.png) no-repeat left center;
}

/*IE8用 ぱんくず5階層の場合 */
#breadcrumbs ul li a {
    color: #333;
    text-decoration: none;
    padding: 7px 5px 6px 35px;
    display: block;
    background: url(../img/common/breadArr.png) no-repeat left center #cbcbcb;
    content: '';
    display: block;
}

#breadcrumbs ul li a:hover {
    text-decoration: underline;
}

#breadcrumbs ul li:first-child a {
    position: relative;
    background: none #cbcbcb;
    padding-left: 20px;
}

#breadcrumbs ul li:first-child a:before {
    content: '';
    display: block;
    width: 15px;
    height: 12px;
    background: url(../img/common/sprite.png) no-repeat 0 -50px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -6px;
}

/* MAIN */
main {
    width: 960px;
    margin: 0 auto;
    padding: 15px 0;
}

/* ASIDE */
#siteAside {
    float: left;
    width: 200px;
    position: relative;
    z-index: 10000;
}

#siteAside h1 {
    height: 200px;
    margin-bottom: 15px;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
    background: url(../img/common/sprite.png) 0 -170px;
}

#siteAside h1 a {
    width: 200px;
    height: 200px;
    display: block;
}

#schoolList {
    position: relative;
}

#schoolList h2 {
    height: 44px;
    margin-bottom: 15px;
    position: relative;
}

#schoolList h2 a {
    width: 200px;
    height: 44px;
    display: block;
    text-indent: 250px;
    overflow: hidden;
    white-space: nowrap;
    background: url(../img/common/sprite.png) -200px -170px;
    transition: all 0.2s ease;
}

#schoolList h2 a:hover {
    opacity: 0.7;
}

#schoolList h2 a.active {
    width: 225px;
    background: url(../img/common/sprite.png) -400px -170px;
}

#schoolList .selector {
    position: absolute;
    left: 225px;
    top: 0;
    background: #666;
    clear: both;
    width: 735px;
    height: auto;
    padding: 20px 0 20px 15px;
    display: none;
}

#schoolList .selector:after {
    content: '';
    clear: both;
    display: block;
}

#schoolList .selector ul {
    float: left;
    margin-right: 15px;
    width: 165px;
}

#schoolList .selector ul li {
    border-bottom: 1px #ccc solid;
}

#schoolList .selector ul li a {
    color: #fff;
    padding: 10px 5px;
    font-size: 1.3em;
    display: block;
    text-decoration: none;
}

#schoolList .selector ul li a:hover {
    background: #888;
}

#siteAside .entryFee {
    height: 246px;
    margin-bottom: 15px;
    background: url(../img/common/sprite.png) no-repeat -630px -170px;
}

#siteAside .entryFee h2,
#siteAside .entryFee dl,
#siteAside .entryFee p {
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
}

#siteAside nav {}

#siteAside nav#guide h2 {
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
    height: 44px;
    background: url(../img/common/sprite.png) no-repeat -200px -214px;
}

#siteAside nav#guide li a {
    display: block;
    height: 40px;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
    background: url(../img/common/sprite.png) no-repeat;
}

#siteAside nav#guide li:nth-child(1) a {
    background-position: -200px -258px;
}

#siteAside nav#guide li:nth-child(2) a {
    background-position: -200px -298px;
}

#siteAside nav#guide li:nth-child(3) a {
    background-position: -200px -338px;
}

#siteAside nav#guide li:nth-child(4) a {
    background-position: -200px -378px;
}

#siteAside nav#guide li:nth-child(5) a {
    background-position: 0 -1075px;
    height: 155px;
}

#siteAside nav#guide ul>*:first-child a {
    background-position: -200px -258px;
}

#siteAside nav#guide ul>*:first-child+* a {
    background-position: -200px -298px;
}

#siteAside nav#guide ul>*:first-child+*+* a {
    background-position: -200px -338px;
}

#siteAside nav#guide ul>*:first-child+*+*+* a {
    background-position: -200px -378px;
}

#siteAside nav#guide ul>*:first-child+*+*+*+* a {
    background-position: 0 -1075px;
    height: 155px;
}

#siteAside nav#guide li:nth-child(1) a:hover {
    background-position: -400px -258px;
}

#siteAside nav#guide li:nth-child(2) a:hover {
    background-position: -400px -298px;
}

#siteAside nav#guide li:nth-child(3) a:hover {
    background-position: -400px -338px;
}

#siteAside nav#guide li:nth-child(4) a:hover {
    background-position: -400px -378px;
}

#siteAside nav#guide li:nth-child(5) a:hover {
    background-position: -200px -1075px;
}

#siteAside nav#guide ul>*:first-child a:hover {
    background-position: -400px -258px;
}

#siteAside nav#guide ul>*:first-child+* a:hover {
    background-position: -400px -298px;
}

#siteAside nav#guide ul>*:first-child+*+* a:hover {
    background-position: -400px -338px;
}

#siteAside nav#guide ul>*:first-child+*+*+* a:hover {
    background-position: -400px -378px;
}

#siteAside nav#guide ul>*:first-child+*+*+*+* a:hover {
    background-position: -200px -1075px;
}

#siteAside nav#guide li:nth-child(1) a.active {
    background-position: -400px -258px;
}

#siteAside nav#guide li:nth-child(2) a.active {
    background-position: -400px -298px;
}

#siteAside nav#guide li:nth-child(3) a.active {
    background-position: -400px -338px;
}

#siteAside nav#guide li:nth-child(4) a.active {
    background-position: -400px -378px;
}

#siteAside nav#guide li:nth-child(5) a.active {
    background-position: -200px -1075px;
}

#siteAside nav#guide ul>*:first-child a.active {
    background-position: -400px -258px;
}

#siteAside nav#guide ul>*:first-child+* a.active {
    background-position: -400px -298px;
}

#siteAside nav#guide ul>*:first-child+*+* a.active {
    background-position: -400px -338px;
}

#siteAside nav#guide ul>*:first-child+*+*+* a.active {
    background-position: -400px -378px;
}

#siteAside nav#guide ul>*:first-child+*+*+*+* a.active {
    background-position: -200px -1075px;
}

/* FOOTER */
p.pgTop {
    width: 960px;
    margin: 0 auto;
    clear: both;
    padding: 0 0 25px;
    text-align: right;
}

p.pgTop a {
    display: inline-block;
    width: 140px;
    height: 22px;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
    background: url(../img/common/sprite.png) no-repeat -800px -45px;
    transition: all 0.2s ease;
}

p.pgTop a:hover {
    opacity: .7;
}

#siteFooter section {
    clear: both;
    position: static;
}

#siteFooter a {
    color: #333;
    text-decoration: none;
}

#siteFooter a:hover {
    text-decoration: underline;
}

#siteFooter section:after {
    content: '';
    clear: both;
    display: block;
}

#siteFooter .inner {
    width: 960px;
    margin: 0 auto;
    position: relative;
}

#siteFooter .primary {
    background: #696969;
    width: 100%;
    height: 137px;
    padding: 15px 0;
}

/*2016.1:width:100%*/
/*#siteFooter .primary{background:#696969; height:168px; padding:15px 0;}/*SSL証明書による一時設定*/

#siteFooter .primary dl {
    width: 960px;
    height: 110px;
    position: relative;
}

/*#siteFooter .primary dl{width:960px; height:135px; position:relative; overflow:hidden;}/*SSL証明書問題による一時設定*/
#siteFooter .primary dl dt.mail_title {
    background: #8e8d8d;
    height: 22px;
    text-indent: 105%;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    margin-bottom: 15px;
}

#siteFooter .primary dl dt.mail_title:after {
    content: '';
    width: 585px;
    height: 22px;
    display: block;
    background: url(../img/common/sprite.png) no-repeat 0 -420px;
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -292px;
}

#siteFooter .primary dl dd.notice {
    width: 960px;
    text-align: center;
    font-size: 1.3em;
    color: #ccc;
    padding-bottom: 7px;
    margin-top: 0px;
}

#siteFooter .primary dl dd {
    width: 474px;
    height: 72px;
    float: left;
}

/*#siteFooter .primary dl dd{width:474px; height:72px; float:left;margin-top:-47px;}/*SSL証明問題による一時設定*/
#siteFooter .primary dl dd.each {
    float: right;
}

#siteFooter .primary dl dd a {
    width: 474px;
    height: 72px;
    display: block;
    text-indent: 105%;
    overflow: hidden;
    white-space: nowrap;
    background: url(../img/common/sprite.png) no-repeat 0 -1000px;
}

#siteFooter .primary dl dd.each a {
    background-position: -480px -1000px;
}

/*schoolディレクトリ以外のfooter用*/
#siteFooter .primary .inner .selector {
    position: absolute;
    left: 465px;
    top: -320px;
    overflow: hidden;
    background: #696969;
    width: 495px;
    height: auto;
    padding: 20px 0 20px 15px;
    display: none;
}

#siteFooter .primary .inner .selector:after {
    content: '';
    clear: both;
    display: block;
}

#siteFooter .primary .inner .selector ul {
    float: left;
    margin-right: 15px;
    width: 220px;
    list-style: none;
}

#siteFooter .primary .inner .selector ul li {
    border-bottom: 1px #ccc solid;
}

#siteFooter .primary .inner .selector ul li a {
    color: #fff;
    padding: 10px 5px;
    font-size: 1.3em;
    display: block;
    text-decoration: none;
}

#siteFooter .primary .inner .selector ul li a:hover {
    background: #888;
}

#siteFooter .primary.school .inner dl:first-child {
    width: 600px;
    height: 107px;
    position: relative;
    border-right: 1px #8e8d8d solid;
    float: left;
}

#siteFooter .primary.school .inner dl:first-child dt {
    width: 585px;
    height: 22px;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
    background: url(../img/common/sprite.png) 0 -420px;
}

#siteFooter .primary.school .inner dl:first-child dd a,
#siteFooter .primary.school .inner dl:first-child dd i {
    text-indent: 102%;
    overflow: hidden;
    white-space: nowrap;
    display: block;
    transition: all 0.2s ease;
}

#siteFooter .primary.school .inner dl:first-child dd a:hover {
    opacity: .7;
}

#siteFooter .primary.school .inner dl:first-child dd.general {
    width: 230px;
    height: 73px;
    position: absolute;
    left: 0;
    bottom: 0;
}

#siteFooter .primary.school .inner dl:first-child dd.general a {
    width: 230px;
    height: 73px;
    background: url(../img/common/sprite.png) no-repeat 0 -450px;
}

#siteFooter .primary.school .inner dl:first-child dd.each {
    width: 345px;
    height: 73px;
    position: absolute;
    left: 240px;
    bottom: 0;
}

#siteFooter .primary.school .inner dl:first-child dd.each a {
    width: 228px;
    height: 73px;
    background: url(../img/common/sprite.png) no-repeat -230px -450px;
}

#siteFooter .primary.school .inner dl:first-child dd.each i {
    width: 114px;
    height: 70px;
    display: block;
    background: url(../img/common/sprite.png) no-repeat -460px -450px;
    position: absolute;
    right: 0;
    bottom: 3px;
}

#siteFooter .primary.school .inner dl:last-child {
    width: 344px;
    height: 107px;
    position: relative;
    float: right;
}

#siteFooter .primary.school .inner dl:last-child dt {
    width: 344px;
    height: 22px;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
    background: url(../img/common/sprite.png) -600px -420px;
}

#siteFooter .primary.school .inner dl:last-child dd {
    width: 344px;
    height: 73px;
    position: absolute;
    left: 0;
    bottom: 0;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
    background: url(../img/common/sprite.png) -580px -450px;
}

#siteFooter .primary.school .inner>*:first-child+* {
    width: 344px;
    height: 107px;
    position: relative;
    float: right;
}

#siteFooter .primary.school .inner>*:first-child+* dt {
    width: 344px;
    height: 22px;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
    background: url(../img/common/sprite.png) -600px -420px;
}

#siteFooter .primary.school .inner>*:first-child+* dd {
    width: 344px;
    height: 73px;
    position: absolute;
    left: 0;
    bottom: 0;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
    background: url(../img/common/sprite.png) -580px -450px;
}

#siteFooter .primary.school .inner dl.schlTel {
    width: 344px;
    height: 107px;
    position: relative;
    float: right;
}

#siteFooter .primary.school .inner dl.schlTel dt {
    width: 344px;
    height: 22px;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
    background: url(../img/common/sprite.png) -600px -420px;
}

#siteFooter .primary.school .inner dl.schlTel dd {
    width: 344px;
    height: 73px;
    position: absolute;
    left: 0;
    bottom: 0;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
    background: url(../img/common/sprite.png) -580px -450px;
}

#siteFooter .primary.school .inner .selector {
    position: absolute;
    left: 0px;
    top: -425px;
    overflow: hidden;
    background: #696969;
    width: 735px;
    height: auto;
    padding: 20px 0 20px 15px;
    display: none;
    z-index: 10000;
}

#siteFooter .primary.school .inner .selector:after {
    content: '';
    clear: both;
    display: block;
}

#siteFooter .primary.school .inner .selector ul {
    float: left;
    margin-right: 15px;
    width: 165px;
    list-style: none;
}

#siteFooter .primary.school .inner .selector ul li {
    border-bottom: 1px #ccc solid;
}

#siteFooter .primary.school .inner .selector ul li a {
    color: #fff;
    padding: 10px 5px;
    font-size: 1.3em;
    display: block;
    text-decoration: none;
}

#siteFooter .primary.school .inner .selector ul li a:hover {
    background: #888;
}

#siteFooter .primary.school div.notice {
    width: 960px;
    text-align: center;
    font-size: 1.3em;
    color: #ccc;
    padding-top: 13px;
    clear: both;
}

/*SSL証明書問題による一時設定 解決後削除*/

#siteFooter .secondary {
    background: #fff;
    padding: 20px 0;
    clear: both;
}

#siteFooter .secondary .company {
    float: left;
    width: 240px;
    border-right: 1px #bbb dotted;
}

#siteFooter .secondary .company address {
    font-size: 1.2em;
    line-height: 1.5;
}

#siteFooter .secondary .company b {
    width: 144px;
    height: 38px;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
    margin-bottom: 10px;
    display: inline-block;
    background: url(../img/common/sprite.png) no-repeat -830px -170px;
}

#siteFooter .secondary nav a {
    position: relative;
    padding-left: 10px;
}

#siteFooter .secondary nav a:before {
    width: 5px;
    height: 9px;
    display: block;
    background: url(../img/common/sprite.png) no-repeat -40px -50px;
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -4px;
}

#siteFooter .secondary nav {
    float: left;
    padding-left: 10px;
}

#siteFooter .secondary nav.school {
    width: 478px;
    border-right: 1px #bbb dotted;
}

#siteFooter .secondary nav.school header {
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 13px;
}

#siteFooter .secondary nav.school dl {
    clear: both;
    float: left;
    width: 240px;
}

#siteFooter .secondary nav.school dl:after {
    content: '';
    clear: both;
    display: block;
}

#siteFooter .secondary nav.school dl dt {
    background: #eee;
    width: 21px;
    float: left;
    font-size: 1.2em;
    padding: 10px 5px;
    margin-right: 10px;
}

#siteFooter .secondary nav.school dl dd li {
    font-weight: normal;
}

#siteFooter .secondary nav ul {
    float: left;
}

#siteFooter .secondary nav ul li {
    font-size: 1.2em;
    margin-bottom: 1em;
    font-weight: bold;
}

#siteFooter .secondary nav ul li:last-child {
    margin-bottom: 0;
}

#siteFooter .details {
    width: 100%;
    padding: 20px 0;
    background: #d8d8d8;
}

/*2016.1:width:100%*/
#siteFooter .details dl {
    float: left;
    width: 180px;
    border-right: 1px #fff solid;
    font-size: 1.2em;
    margin-right: 15px;
}

#siteFooter .details dl dt {
    font-weight: bold;
    margin-bottom: 10px;
    font-size: 1.2em;
}

/* 2016.1 文字サイズ */
#siteFooter .details dl dd {
    padding-left: 1em;
}

#siteFooter .details dl dd ul li {
    margin-bottom: 0.5em;
    list-style: none;
    line-height: 1.5;
}

#siteFooter .details dl:first-child dd:nth-child(2) {
    margin-bottom: 20px;
}

#siteFooter .details dl:first-child>*:first-child+* {
    margin-bottom: 20px;
}

#siteFooter .details dl:last-child {
    border-right: none;
    width: 560px;
    margin-right: 0;
}

#siteFooter .details dl.school {
    border-right: none\9;
    width: 560px\9;
    margin-right: 0\9;
}

#siteFooter .details dl:last-child ul {
    float: left;
    width: 180px;
}

#siteFooter .details dl.school ul {
    float: left\9;
    width: 180px\9;
}

#siteFooter .bottom {
    background: #fff;
    padding: 15px 0;
}

#siteFooter .bottom ul {
    float: left;
}

#siteFooter .bottom ul li {
    list-style: none;
    display: inline-block;
    margin-right: 20px;
    font-size: 1.2em;
}

#siteFooter .bottom p {
    text-align: right;
    font-size: 1.2em;
}

#siteFooter p.license {
    clear: both;
    text-align: left;
    padding: 15px 0 10px 0;
}

#gFooter {
    display: none;
}

/* MAIN BODY 
================================================================ */
#mainBody {
    width: 745px;
    float: right;
    padding-bottom: 10px;
    position: relative;
    min-height: 740px;
}

#mainBody .panel {
    clear: both;
    background: #fff;
    position: relative;
    margin-bottom: 20px;
    padding-bottom: 1px;
}

#mainBody .panel:after {
    content: '';
    clear: both;
    display: block;
}

#mainBody .panel .shade {
    width: 745px;
    height: 170px;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
}

#mainBody .panel .shade:before {
    content: '';
    z-index: -1;
    position: absolute;
    width: 50%;
    top: 100px;
    bottom: 18px;
    left: 10px;
    -webkit-transform: rotate(-3deg);
    transform: rotate(-3deg);
    box-shadow: 0px 15px 10px #ccc;
}

#mainBody .shade:after {
    content: '';
    z-index: -1;
    position: absolute;
    width: 50%;
    top: 100px;
    right: 10px;
    bottom: 18px;
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
    box-shadow: 0px 15px 10px #ccc;
}

#mainBody section {
    clear: both;
    padding: 0 30px;
    margin-bottom: 50px;
}

#mainBody section:after {
    content: '';
    display: block;
    clear: both;
}

#mainBody section:nth-last-child(2) {
    margin-bottom: 30px;
}

/* headings */
#mainBody .articleHeader {
    border-top: 3px #9b0032 solid;
    border-bottom: 1px #666 dotted;
    padding: 0 20px 0 30px;
    margin-bottom: 30px;
    position: relative;
}

#mainBody .articleHeader .genreLabel {
    background: #9b0032;
    text-align: center;
    font-size: 1.6em;
    font-weight: bold;
    padding: 7px 15px;
    line-height: 1.4;
    color: #fff;
    display: inline-block;
    margin: -1px 10px 0 -25px;
    border-radius: 5px;
    vertical-align: middle;
}

#mainBody .articleHeader h1 {
    font-size: 30px;
    font-weight: bold;
    color: #9b0032;
    display: inline-block;
    line-height: 1.3;
    padding: 13px 0;
    vertical-align: middle;
}

#mainBody .articleHeader h1 a {
    color: #9b0032;
}

#mainBody .articleHeader h1 a:hover {
    text-decoration: underline;
}

#mainBody .articleHeader .fb-like {
    position: absolute;
    top: 50%;
    right: 30px;
    width: auto;
    height: 21px;
    margin-top: -10px;
}

#mainBody section h1 {
    font-size: 2.2em;
    font-weight: bold;
    line-height: 1.3;
    color: #333;
    padding: 17px 20px;
    border-radius: 5px;
    position: relative;
    margin-bottom: 30px;
    overflow: hidden;
    background: #ececec;
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VjZWNlYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2VjZWNlYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2Q5ZDhkOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkOWQ4ZDgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #ececec 0%, #ececec 50%, #d9d8d8 50%, #d9d8d8 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ececec), color-stop(50%, #ececec), color-stop(50%, #d9d8d8), color-stop(100%, #d9d8d8));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ececec 0%, #ececec 50%, #d9d8d8 50%, #d9d8d8 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ececec 0%, #ececec 50%, #d9d8d8 50%, #d9d8d8 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ececec 0%, #ececec 50%, #d9d8d8 50%, #d9d8d8 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #ececec 0%, #ececec 50%, #d9d8d8 50%, #d9d8d8 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ececec', endColorstr='#d9d8d8', GradientType=0);
    /* IE6-8 */
}

#mainBody section h1.icon {
    padding-left: 100px;
}

#mainBody section h1.icon:before {
    content: '';
    display: block;
    width: 100px;
    height: 62px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -31px;
    background: url(../img/common/sprite.png) no-repeat;
}

#mainBody section h1.list:before {
    background-position: -830px -220px;
}

#mainBody section h1.each:before {
    background-position: -830px -290px;
}

#mainBody section h1.piano:before {
    background-position: -830px -350px;
}

#mainBody section h1.notice:before {
    background-position: -950px -350px;
    width: 36px;
    height: 50px;
    left: 30px;
    top: 0;
    margin: 0;
}

#mainBody section h1.contact:before {
    background-position: -420px -720px;
}

#mainBody section h2 {
    font-size: 2em;
    font-weight: bold;
    border-top: 3px #9b0032 solid;
    border-bottom: 1px #9b0032 dotted;
    background: #f2f2ee;
    line-height: 1.3;
    padding: 15px 20px;
    margin-bottom: 15px;
}

#mainBody section h3 {
    font-size: 1.4em;
    font-weight: bold;
    border-top: 3px #9b0032 solid;
    border-bottom: 1px #9b0032 dotted;
    line-height: 1.5;
    padding: 8px 0;
    margin-bottom: 20px;
}

#mainBody section .catch {
    font-size: 2em;
    color: #9b0032;
    line-height: 1.4;
    margin-bottom: 30px;
    background: none;
    border: none;
    padding: 0;
    filter: none;
}

/* FLOATING BOX */
#mainBody section .fBox {
    clear: both;
}

#mainBody section .fBox:after {
    clear: both;
    content: '';
    display: block;
}

#mainBody section .halfLt {
    width: 335px;
    float: left;
    margin-bottom: 20px;
}

#mainBody section .halfRt {
    width: 335px;
    float: right;
    margin-bottom: 20px;
}

/* paragraph and text decorations */
#mainBody section p {
    font-size: 1.4em;
    line-height: 1.8;
    margin-bottom: 1em;
}

/* TABLE */
#mainBody table {
    width: 100%;
    margin-bottom: 30px;
}

#mainBody table th,
#mainBody table td {
    font-size: 1.4em;
    line-height: 1.5;
    border: 1px #ccc solid;
    padding: 10px;
}

#mainBody table thead th {
    background: #dfdfde;
}

#mainBody table tbody th {
    background: #f5f5f5;
}

#mainBody table a {
    text-decoration: underline;
}

#mainBody table a:hover {
    text-decoration: none;
}

#mainBody section table:last-child {
    margin-bottom: 0;
}

#mainBody section table.formTable {
    margin-bottom: 30px;
}

#mainBody section table.formTable caption {
    font-size: 1.4em;
    line-height: 1.5;
    margin-bottom: 10px;
}

#mainBody section table.formTable th {
    width: 225px;
}

#mainBody section table.formTable td.lesson {
    font-weight: bold;
    color: #9b0032;
}

/*#mainBody section table.formTable td textarea{width:100%; height:60px; margin:5px 0; border:1px #ccc solid;}*/
#mainBody section table.formTable td i {
    background: #9b0032;
    display: inline-block;
    padding: 2px 5px;
    text-align: center;
    color: #fff;
    font-size: 0.8em;
    margin-bottom: 5px;
    font-style: normal;
}

/*#mainBody section table.formTable td input[type=radio]{vertical-align:middle; position:relative; top:-2px;}
#mainBody section table.formTable td input[type=text],
#mainBody section table.formTable td input[type=tel],
#mainBody section table.formTable td input[type=email]{border:1px #ccc solid; padding:5px; margin:2px 0; width:325px;}
#mainBody section table.formTable td input[type=text]{width:325px;}
#mainBody section table.formTable td input[type=tel]{width:250px;}*/
/*#mainBody section table.formTable td input[type=text].addr{width:500px; clear:both;}
#mainBody section table.formTable td input[type=text].extra{width:150px;}
#mainBody section table.formTable td label{display:inline-block; margin-right:20px; padding:3px 0; white-space:nowrap;}*/
#mainBody section table.formTable td label.extra {
    margin-right: 0;
}

#mainBody section table.formTable td label.addr input[type=text] {
    width: 450px;
}

#mainBody section table.formTable td label.addr input[type=text].zip {
    margin-bottom: 5px;
    width: 80px;
}

#mainBody section table.formTable td.mail input[type=text] {
    width: 450px;
}

/*#mainBody section table.formTable td select{width:220px; padding:5px; border:1px #ccc solid;}*/
#mainBody section table.formTable td .notice {
    color: #f00;
    font-size: 0.85em;
    font-weight: normal;
    display: block;
    padding-top: 8px;
}

#mainBody section table.formTable .notice_blue {
    color: #06C;
    font-size: .85em;
    font-weight: normal;
    display: block;
    padding-top: 8px;
}

#mainBody section table.formTable td textarea {
    width: 450px;
}


/* TABLE 納品時データ*/
/*#mainBody table{width:100%; margin-bottom:30px;}
#mainBody table th,
#mainBody table td{font-size:1.4em; line-height:1.5; border:1px #ccc solid; padding:10px;}
#mainBody table thead th{background:#dfdfde;}
#mainBody table tbody th{background:#f5f5f5;}
#mainBody table a{text-decoration:underline;}
#mainBody table a:hover{text-decoration:none;}
#mainBody section table:last-child{margin-bottom:0;}
#mainBody section table.formTable{margin-bottom:30px;}
#mainBody section table.formTable caption{font-size:1.4em; line-height:1.5; margin-bottom:10px;}
#mainBody section table.formTable th{width:225px;}
#mainBody section table.formTable td.lesson{font-weight:bold; color:#9b0032;}
#mainBody section table.formTable td textarea{width:100%; height:60px; margin:5px 0; border:1px #ccc solid;}
#mainBody section table.formTable td i{background:#9b0032; display:inline-block; padding:2px 5px; text-align:center; color:#fff; font-size:0.8em; margin-bottom:5px; font-style:normal;}
#mainBody section table.formTable td input[type=radio]{vertical-align:middle; position:relative; top:-2px;}
#mainBody section table.formTable td input[type=text],
#mainBody section table.formTable td input[type=tel],
#mainBody section table.formTable td input[type=email]{border:1px #ccc solid; padding:5px; margin:2px 0; width:325px;}
#mainBody section table.formTable td input[type=text]{width:325px;}
#mainBody section table.formTable td input[type=tel]{width:250px;}
#mainBody section table.formTable td input[type=text].zip{width:80px;}
#mainBody section table.formTable td input[type=text].addr{width:100%; clear:both;}
#mainBody section table.formTable td input[type=text].extra{width:150px;}
#mainBody section table.formTable td label{display:inline-block; margin-right:20px; padding:3px 0; white-space:nowrap;}
#mainBody section table.formTable td label.extra{margin-right:0;}
#mainBody section table.formTable td select{width:220px; padding:5px; border:1px #ccc solid;}
#mainBody section table.formTable td .notice{color:#f00; font-size:0.85em; font-weight:normal; display:block; padding-top:8px;}
*/

/* LIST */
#mainBody li {
    font-size: 1.4em;
}

#mainBody td li {
    font-size: 1em;
}

#mainBody section dl.privacy {
    position: relative;
    padding-right: 150px;
    margin-bottom: 20px;
}

#mainBody section dl.privacy dt {
    font-size: 1.6em;
    font-weight: bold;
    margin-bottom: 10px;
}

#mainBody section dl.privacy dd {
    font-size: 1.4em;
    line-height: 1.5;
}

#mainBody section dl.privacy div {
    position: absolute;
    right: 0;
    top: 0;
}

#mainBody section dl.optin {
    border: #666 dotted;
    border-width: 1px 0;
    padding: 20px;
    text-align: center;
    font-size: 1.4em;
    margin-bottom: 30px;
}

#mainBody section dl.optin dt {
    font-weight: bold;
    margin-bottom: 20px;
}

#mainBody section dl.optin dd label {
    margin: 0 15px;
}

#mainBody section dl.optin dd label input {
    position: relative;
    top: -2px;
}


/* ROTARY BANNER */
#bnrBlock {
    background: url(../img/school/bnrBlock.png) no-repeat;
    height: 168px;
    opacity: 0;
    clear: both;
}

.slick-slider {}

.slick-list {
    padding: 15px 0 !important;
    height: 142px;
    overflow: hidden;
}

.slick-slide {
    z-index: 0;
}

.slick-active img {
    border: 1px #fff solid;
}

.slick-slide {
    width: 250px;
    height: 77px;
    position: relative;
    top: 0;
    z-index: 0;
}

.slick-slide a {
    display: block;
    position: relative;
}

.slick-slide img {
    width: 250px;
    height: 77px;
    position: absolute;
    left: 0;
    top: 13px;
    border: none !important;
    -webkit-transition: 0.2s ease;
    -moz-transition: 0.2s ease;
    -ms-transition: 0.2s ease;
    -o-transition: 0.2s ease;
    transition: 0.2s ease;
}

.slick-slide a:before {
    content: '';
    width: 250px;
    height: 77px;
    position: absolute;
    left: 0;
    top: 12px;
    border: 1px #fff solid !important;
}

.slick-center {
    box-shadow: none;
    z-index: 100;
}

.slick-center img {
    left: -40px;
    top: 0;
    opacity: 1;
    box-shadow: 0 0 12px 4px rgba(255, 255, 255, 1);
    width: 328px;
    height: 102px;
}

.index #bnrBlock {
    background: url(../img/common/bnrBlock.png) no-repeat;
}

.index .slick-list {
    padding: 10px 0 20px !important;
}

.index .slick-slide {
    width: 200px;
    height: 62px;
}

.index .slick-slide img {
    width: 200px;
    height: 62px;
    top: 19px;
    border: none !important;
}

.index .slick-slide a:before {
    width: 200px;
    height: 62px;
    top: 18px;
    left: -1px;
}

.index .slick-center img {
    left: -20px;
    top: 10px;
    width: 255px;
    height: 80px;
}

/* INFORMATION BLOCK */
#topInfo {
    clear: both;
}

#topInfo:after {
    content: '';
    clear: both;
    display: block;
}

#topInfo .infoBlock {
    background: #fff;
    margin-bottom: 13px;
    height: 240px;
    position: relative;
}

#topInfo .infoBlock:before {
    content: '';
    z-index: -1;
    position: absolute;
    width: 70%;
    top: 170px;
    bottom: 20px;
    left: 10px;
    -webkit-transform: rotate(-3deg);
    transform: rotate(-3deg);
    box-shadow: 0px 15px 10px #ccc;
}

#topInfo .infoBlock:after {
    content: '';
    z-index: -1;
    position: absolute;
    width: 70%;
    top: 170px;
    right: 10px;
    bottom: 20px;
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
    box-shadow: 0px 15px 10px #ccc;
}

#topInfo .infoBlock header {
    border-top: 3px #9b0032 solid;
    border-bottom: 1px #666 dotted;
    position: relative;
}

#topInfo .infoBlock header h2 {
    font-size: 1.4em;
    font-weight: bold;
}

#topInfo .infoBlock header h2 a {
    background: #e4e4e4;
    padding: 10px;
    display: block;
    position: relative;
}

#topInfo .infoBlock header h2 a:after {
    content: '';
    display: block;
    width: 14px;
    height: 14px;
    background: url(../img/common/sprite.png) no-repeat -20px -50px;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -7px;
}

#topInfo .infoBlock header h2 a:hover {
    background: #f2f2ee;
    text-decoration: none;
}

#topInfo .infoBlock .content {
    position: relative;
    padding: 15px 15px 15px 20px;
    height: 200px;
    overflow: hidden;
}

#topInfo .infoBlock .content dl.scroller {
    height: 170px;
    overflow: hidden;
    position: relative;
    padding-right: 10px;
}

#topInfo .infoBlock .content dl.scroller dt {
    font-size: 1.1em;
    line-height: 1.5;
    margin-bottom: 2px;
}

#topInfo .infoBlock .content dl.scroller dt img {
    float: right;
    margin-left: -45px;
}

#topInfo .infoBlock .content dl.scroller dt i {
    font-size: 9px;
    color: #9b0032;
    border: 1px #9b0032 solid;
    padding: 1px 5px;
    font-style: normal;
}

#topInfo .infoBlock .content dl.scroller dd {
    font-size: 1.4em;
    line-height: 1.5;
    margin-bottom: 15px;
    clear: both;
}

#topInfo .infoBlock .content dl.scroller dd a {
    text-decoration: underline;
}

#topInfo .infoBlock .content dl.scroller dd a:hover {
    text-decoration: none;
}

#topInfo .infoBlock.news {
    width: 365px;
    float: left;
}

#topInfo .infoBlock.event {
    width: 365px;
    float: right;
}

#topInfo .infoBlock.movie {
    clear: both;
    width: 240px;
    float: left;
    margin-right: 12px;
}

#topInfo .infoBlock.blog {
    width: 240px;
    float: left;
}

#topInfo .infoBlock.facebook {
    width: 240px;
    float: right;
}

#topInfo .infoBlock.movie .movie {
    padding: 20px;
}

#topInfo .infoBlock.movie .movie a {
    display: block;
    text-align: center;
    font-size: 1.3em;
    border: 1px #fff solid;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .3);
    padding: 7px 0;
    border-radius: 5px;
    margin-top: 15px;
    background: rgb(226, 226, 226);
    /* Old browsers */
    background: -ms-linear-gradient(top, rgba(226, 226, 226, 1) 0%, rgba(219, 219, 219, 1) 50%, rgba(209, 209, 209, 1) 51%, rgba(254, 254, 254, 1) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(226, 226, 226, 1) 0%, rgba(219, 219, 219, 1) 50%, rgba(209, 209, 209, 1) 51%, rgba(254, 254, 254, 1) 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e2e2e2', endColorstr='#fefefe', GradientType=0);
    /* IE6-9 */
}

#topInfo .infoBlock.movie .movie a:hover {
    text-decoration: none;
    opacity: .7;
}

#topInfo .infoBlock.schoolDetail {
    clear: both;
    height: auto;
    margin-bottom: 20px;
}

#topInfo .infoBlock.schoolDetail:before {
    top: 80%;
}

#topInfo .infoBlock.schoolDetail:after {
    top: 80%;
}

#topInfo .infoBlock.schoolDetail .content {
    height: auto;
    overflow: hidden;
}

#topInfo .infoBlock.schoolDetail header h2 {
    background: #e4e4e4;
    padding: 12px 10px 12px 60px;
    display: block;
    position: relative;
}

#topInfo .infoBlock.schoolDetail header h2:before {
    content: '';
    display: block;
    width: 40px;
    height: 30px;
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -15px;
    background: url(../img/common/sprite.png) no-repeat -960px 0;
}

#topInfo .infoBlock.schoolDetail .schoolGuide {
    z-index: 100;
    display: inline-block;
    float: right;
}

#topInfo .infoBlock.schoolDetail .addressInfo {
    float: left;
    width: 470px;
}

#topInfo .infoBlock.schoolDetail address {
    font-size: 1.4em;
    line-height: 1.5;
    margin-bottom: 10px;
    display: block;
}

#topInfo .infoBlock.schoolDetail dl {
    height: auto;
    overflow: visible;
    font-size: 1.4em;
    line-height: 1.7;
    margin-bottom: 10px;
}

#topInfo .infoBlock.schoolDetail dl dt {
    float: left;
    clear: left;
    width: 5.5em;
    font-weight: bold;
}

#topInfo .infoBlock.schoolDetail dl dd {
    padding: 0 0 20px 5.5em;
}

#topInfo .infoBlock.schoolDetail p.call {
    margin-bottom: 10px;
    font-size: 1.4em;
    line-height: 1.5;
    font-weight: bold;
    color: #9b0032;
}

#topInfo .infoBlock.schoolDetail p.call i {
    display: inline-block;
    width: 3em;
    font-style: normal;
}

#topInfo .infoBlock.schoolDetail p.call b {
    padding: 0 0 10px 0;
    font-size: 30px;
}

#topInfo .infoBlock.schoolDetail h3 {
    border-top: 3px #9b0032 solid;
    border-bottom: 1px #666 dotted;
    font-size: 1.4em;
    padding: 12px 0;
    font-weight: bold;
    margin-bottom: 20px;
    clear: both;
}

#topInfo .infoBlock.schoolDetail h3 span.direction a {
    background: #9b0032;
    float: right;
    display: block;
    padding: 10px 15px 7px 15px;
    color: #fff;
    font-weight: bold;
    margin-top: -9px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

#topInfo .infoBlock.schoolDetail .gMap {
    padding: 10px 0;
    font-size: 1.4em;
}

#topInfo .infoBlock.schoolDetail .gMap a {
    padding: 0 0 0 25px;
    text-decoration: underline;
    position: relative;
}

#topInfo .infoBlock.schoolDetail .gMap a:hover {
    text-decoration: none;
}

#topInfo .infoBlock.schoolDetail .gMap a:before {
    content: '';
    display: block;
    width: 19px;
    height: 19px;
    background: url(../img/common/sprite.png) no-repeat -110px -50px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -9px;
}

/* MAIN SLIDE */
#mainSliderStage {
    height: 357px;
    position: relative;
    margin-bottom: 20px;
}

#mainSliderPanel {
    width: 569px;
    height: 357px;
    float: left;
}

#mainSliderNav {
    width: 101px;
    height: 357px;
    float: right;
    position: relative;
    padding: 0;
}

/* MODAL */
.modalShade {
    background: rgba(0, 0, 0, .4);
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99999;
}

.courseAlert {
    width: 585px;
    height: 141px;
    overflow: hidden;
    position: fixed;
    left: 50%;
    top: 50%;
    margin: -70px 0 0 -292px;
    z-index: 999999;
}

.courseAlert:after {
    content: url(../img/common/courseAlert.png);
}

.courseAlert a {
    width: 25px;
    height: 25px;
    position: absolute;
    right: 0;
    top: 0;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
}

/*----------------------------------------------------

#twitter_bnr 2015.3.26追加

----------------------------------------------------*/
#mainBody div#twitter_bnr {
    position: absolute;
    top: 0px;
    right: -40px;
    z-index: 1500;
    margin: 0;
    float: right;
}

#mainBody div#twitter_bnr a {
    cursor: pointer;
}

#mainBody div#twitter_bnr a:hover img {
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}

/*----------------------------------------------------

緊急告知文の背景色追加

----------------------------------------------------*/
#urgent {
    background: #fff;
}

#urgent dl {
    margin-top: 7px;
    margin-bottom: 10px;
    overflow: hidden;
}


/* 総合トップ緊急告知設定 */
.index article #urgent {
    font-size: 1.4em;
    line-height: 1.5em;
    width: 100%;
    border-top: solid 2px #9b0032;
    border-bottom: solid 2px #9b0032;
    margin-bottom: 10px;
    padding-top: 30px;
    overflow: hidden;
}

.index article #urgent dl {
    padding: 7px 20px;
}

.index article #urgent dt {
    float: left;
    width: 70px;
}

.index article #urgent dd {
    float: right;
    width: 850px;
}

.index article #urgent_new {
    width: auto;
    margin-bottom: 10px;
    padding-top: 15px;
    font-size: 1.4em;
    line-height: 1.5em;
    border-top: solid 2px #9b0032;
    border-bottom: solid 2px #9b0032;
    background: #fff;
    overflow: hidden;
}

.index article #urgent_new .row {
    width: 85%;
    margin: auto auto 10px;
    padding-bottom: 10px;
    border-bottom: #aaa thin dotted;
}

.index article #urgent_new .row h4 {
    font-size: 15px;
    margin-bottom: 5px;
}

.index article #urgent_new .row .comment.hidetxt {
    display: none;
}

.index article #urgent_new .row .comment {
    padding-bottom: 1em;
}

.index article #urgent_new .row .comment a {
    text-decoration: underline;
}

.index article #urgent_new .row ul.read_more {
    margin-left: 1.5em;
}

.index article #urgent_new .row ul.read_more li {
    font-size: 12px;
    list-style: none;
    background: #9b0032;
    color: #fff;
    padding: 0 15px;
    border-radius: 2em;
    display: inline-block;
    cursor: pointer;
}



/* 音教トップ緊急告知設定 */
.catSchl article #urgent dl {
    font-size: 1.4em;
    line-height: 1.5em;
    width: 100%;
    border-top: solid 2px #9b0032;
    border-bottom: solid 2px #9b0032;
    margin-bottom: 10px;
    overflow: hidden;
}

.catSchl article #urgent dl {
    padding: 7px 20px;
}

.catSchl article #urgent dt {
    float: left;
    width: 70px;
}

.catSchl article #urgent dd {
    float: right;
    width: 635px;
}

/*----------------------------------------------------

com直下ディレクトリ用

----------------------------------------------------*/
#primaryBody {
    width: 960px;
    padding-bottom: 10px;
    position: relative;
    min-height: 740px;
    clear: both;
    margin-top: 15px;
}

#primaryBody .panel {
    clear: both;
    background: #fff;
    position: relative;
    margin-bottom: 20px;
    padding-bottom: 1px;
}

#primaryBody .panel:after {
    content: '';
    clear: both;
    display: block;
}

#primaryBody .panel .shade {
    width: 960px;
    height: 170px;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
}

#primaryBody .panel .shade:before {
    content: '';
    z-index: -1;
    position: absolute;
    width: 50%;
    top: 100px;
    bottom: 18px;
    left: 10px;
    -webkit-transform: rotate(-3deg);
    transform: rotate(-3deg);
    box-shadow: 0px 15px 10px #ccc;
}

#primaryBody .shade:after {
    content: '';
    z-index: -1;
    position: absolute;
    width: 50%;
    top: 100px;
    right: 10px;
    bottom: 18px;
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
    box-shadow: 0px 15px 10px #ccc;
}

/*
#primaryBody .shade:after{content:''; z-index:-1; position:absolute; width:50%; top:100px; right:10px; bottom:18px; -webkit-transform:rotate(3deg); transform:rotate(3deg); box-shadow:0px 15px 10px #ccc;}
*/
#primaryBody .articleHeader {
    border-top: 3px #9b0032 solid;
    border-bottom: 1px #666 dotted;
    padding: 0 20px 0 30px;
    margin-bottom: 30px;
    position: relative;
}

#primaryBody .articleHeader .genreLabel {
    background: #9b0032;
    text-align: center;
    font-size: 1.6em;
    font-weight: bold;
    padding: 7px 15px;
    line-height: 1.4;
    color: #fff;
    display: inline-block;
    margin: -1px 10px 0 -25px;
    border-radius: 5px;
    vertical-align: middle;
}

#primaryBody .articleHeader h1 {
    font-size: 30px;
    font-weight: bold;
    color: #9b0032;
    display: inline-block;
    line-height: 1.3;
    padding: 13px 0;
    vertical-align: middle;
}

#primaryBody .articleHeader h1 span.sub {
    font-size: 20px;
    font-weight: bold;
    color: #9b0032;
    display: inline-block;
    line-height: 1.3;
    padding: 13px 0;
    vertical-align: middle;
}

#primaryBody .articleHeader .fb-like {
    position: absolute;
    top: 50%;
    right: 30px;
    width: auto;
    height: 21px;
    margin-top: -10px;
}

#primaryBody section h1 {
    font-size: 2.2em;
    font-weight: bold;
    line-height: 1.3;
    color: #333;
    padding: 17px 20px;
    border-radius: 5px;
    position: relative;
    margin-bottom: 30px;
    overflow: hidden;
    background: #ececec;
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VjZWNlYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2VjZWNlYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2Q5ZDhkOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkOWQ4ZDgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #ececec 0%, #ececec 50%, #d9d8d8 50%, #d9d8d8 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ececec), color-stop(50%, #ececec), color-stop(50%, #d9d8d8), color-stop(100%, #d9d8d8));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ececec 0%, #ececec 50%, #d9d8d8 50%, #d9d8d8 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ececec 0%, #ececec 50%, #d9d8d8 50%, #d9d8d8 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ececec 0%, #ececec 50%, #d9d8d8 50%, #d9d8d8 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #ececec 0%, #ececec 50%, #d9d8d8 50%, #d9d8d8 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ececec', endColorstr='#d9d8d8', GradientType=0);
    /* IE6-8 */
}

#primaryBody section {
    clear: both;
    padding: 0 30px;
    margin-bottom: 50px;
}

#primaryBody section:after {
    content: '';
    display: block;
    clear: both;
}

#primaryBody section:nth-last-child(2) {
    margin-bottom: 30px;
}

#primaryBody>*:first-child+* {
    margin-bottom: 30px;
}

#primaryBody p {
    font-size: 1.6em;
    margin-bottom: 20px;
    line-height: 1.5em
}

#primaryBody .division,
#primaryBody .division .description {
    overflow: hidden;
    margin-bottom: 40px;
}

#primaryBody .division .description img {
    float: left;
}

#primaryBody .division .description p {
    float: right;
    width: 60%;
    line-height: 1.4em;
    margin-bottom: 0;
}

/*2015.5.8バックアップ*/
/*#primaryBody .division .description p{ float:right; font-size:1.2em; line-height:1.6em; margin-bottom:0;}2015.5.8更新*/
#primaryBody .division h4 {
    font-size: 1.4em;
    margin-top: 20px;
    padding: 5px 0;
    font-weight: bold;
    border-bottom: dotted 1px #666;
    font-size: 1.4em;
    line-height: 1.8em;
}

#primaryBody .division header h2 {
    background: #e4e4e4;
    padding: 10px 10px 7px 60px;
    display: block;
    position: relative;
    font-size: 2em;
    font-weight: bold;
    border-top: 3px #9b0032 solid;
    border-bottom: 1px #9b0032 dotted;
    background: #f2f2ee;
    margin: 0 auto 10px auto;
}

#primaryBody .division header h2:before {
    content: '';
    display: block;
    width: 40px;
    height: 30px;
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -15px;
    background: url(../img/common/sprite.png) no-repeat -960px 0;
}

#primaryBody .division h3 {
    border-bottom: solid 1px #9b0032;
    padding-bottom: 2px;
    font-size: 1.7em;
    margin-top: 20px;
    margin-bottom: 10px;
}

#primaryBody .division dl.info {
    margin-top: 20px;
    font-size: 1.4em;
    width: 460px;
    float: left;
}

#primaryBody .division dl.info dt {
    float: left;
    width: 75px;
    line-height: 1.4em;
    margin-bottom: 5px;
    clear: both;
}

#primaryBody .division dl.info dd {
    line-height: 1.4em;
    width: 380px;
    float: left;
    margin-bottom: 5px;
    font-style: normal;
}

#primaryBody .division dl.info dt.tel {
    color: #9b0032;
    font-size: 1.4em;
    font-weight: bold;
    padding-top: 10px;
    float: left;
}

#primaryBody .division dl.info dd.tel {
    font-size: 2.2em;
    font-family: Arial, Helvetica, sans-serif;
    color: #9b0032;
    float: left;
    width: 380px;
}

#primaryBody .division dl.info dd.tel i {
    font-size: .9rem;
    color: #333;
    margin-left: 10px;
    font-style: normal;
}

#primaryBody .division .mapbox {
    width: 420px;
    height: auto;
    float: right;
    margin-top: 15px;
}

#primaryBody .division .mapbox h4 {
    font-size: 1.5em;
}

#primaryBody .division .mapbox .gMap {
    padding: 10px 0;
    font-size: 1.4em;
}

#primaryBody .division .mapbox .gMap a {
    padding: 0 0 0 25px;
    text-decoration: underline;
    position: relative;
}

#primaryBody .division .mapbox .gMap a:hover {
    text-decoration: none;
}

#primaryBody .division .mapbox .gMap a:before {
    content: '';
    display: block;
    width: 19px;
    height: 19px;
    background: url(../img/common/sprite.png) no-repeat -110px -50px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -9px;
}

#primaryBody .division .description ul {
    overflow: hidden;
}

/* MAIN SLIDE */

/* Event CSS追加2015.5.11 */
/* レンタルページ用追加 start */
/*article#primaryBody section#rental_area{width:600px; overflow:hidden; margin:0; float:left;}
article#primaryBody section#rental_area h3{border-bottom:dotted 1px #4f4f4f; margin-top:0;}
article#primaryBody .rentBox {width:100%; overflow:hidden;margin:0 auto; font-size:1.4em; line-height:2.2em; clear:both;}
article#primaryBody .rentBox h3{border-bottom:dotted 1px #4f4f4f; font-size:1.4em; line-height:1.8em; margin-top:50px;}
article#primaryBody .rentBox p{border-bottom:dotted 1px #4f4f4f; font-size:1.4em; line-height:1.8em; margin-top:50px;}*/
article#primaryBody .rentBox ul.list {
    clear: both;
    margin-left: 20px;
}

article#primaryBody .rentBox ul.list li {
    list-style: none;
    display: inline-block;
    width: 25%;
    font-size: 1.2em;
    line-height: 1.6em;
    float: left;
}

article#primaryBody .rentBox ul.list li a {
    list-style: none;
    float: left;
}

/*article#primaryBody .division .info{ margin-top:20px; font-size:1.4em; width:400px; float:left; }*/
article#primaryBody .division .btn {
    margin: 10px;
    padding: 20px 0px;
    text-align: center;
    width: 30%;
    float: right;
}

article#primaryBody .division .btn a {
    display: block;
    border: 1px solid #DC0104;
    background-color: #DC0104;
    color: #fff;
    font-size: 0.8em;
    line-height: 1.2em;
    padding: 8px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

article#primaryBody .division .btn a:hover {
    display: block;
    border: 1px solid #DC0104;
    background-color: #fff;
    color: #DC0104;
    font-size: 0.8em;
    line-height: 1.2em;
    padding: 8px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

/*article#primaryBody .rentBox ul.list li:first-child a{list-style:none;margin-right:20px;margin-left:80px;}
article#primaryBody .rentBox ul.list li:nth-child(2) a{list-style:none;background-position:0 0;}
article#primaryBody .rentBox ul.list >*:first-child + * a{list-style:none;background-position:0 0;}*/
/* レンタルページ用追加 end */


.inheritedEvents {
    /*----------------------------------------------------
	共通設定
----------------------------------------------------*/
    /*----------------------------------------------------
	header設定
----------------------------------------------------*/
    /*header h1{
	width:171px;
	height:45px;
	position:absolute;
	top:55px;
	left:0;
	}*/
    /*header p.catch{
	width:828px;
	height:12px;
	position:absolute;
	top:12px;
	left:72px;
	}	*/
    /*IE6透過　ボタン*/
    /*----------------------------------------------------
	レイアウト設定 共通
----------------------------------------------------*/
    /*----------------------------------------------------
	お知らせ / プレスリリース
----------------------------------------------------*/
    /*　プレスリリース　単独ページ　*/
    /*----------------------------------------------------
	店舗
----------------------------------------------------*/
    /*----------------------------------------------------
	サポート・メンテナンス
----------------------------------------------------*/
    /* 買取専用ページ*/
    /*----------------------------------------------------
	bn_area
----------------------------------------------------*/
    /*----------------------------------------------------
	mobile
----------------------------------------------------*/
    /*----------------------------------------------------
	media
----------------------------------------------------*/
}

.inheritedEvents #side_area {
    width: 160px;
    display: block;
    margin: 0;
    float: right;
}

.inheritedEvents #bn_area {
    width: 150px;
    margin: 0 auto;
    float: right;
}

/* line 483, ../../scss/inherit/common.scss */
.inheritedEvents #bn_area ul {
    width: 150px;
    margin: 0 auto;
    float: right;
    list-style-type: none;
}

.inheritedEvents #bn_area li {
    font-size: 0;
    margin-bottom: 10px;
    float: right;
    list-style-type: none;
}

/* line 493, ../../scss/inherit/common.scss */
.inheritedEvents #mobile {
    width: 135px;
    margin: 25px 10px 20px 40px;
    padding-left: 7px;
    font-size: small;
    float: right;
}

/* line 504, ../../scss/inherit/common.scss */
.inheritedEvents #media {
    width: 135px;
    margin: 25px 10px 20px 40px;
    padding-left: 7px;
    font-size: small;
    float: right;
}

/* line 512, ../../scss/inherit/common.scss */
.inheritedEvents #media h5 {
    width: 140px;
    height: 20px;
    margin-bottom: 5px;
}

/*↑common*/
/*↓add*/
/* CSS Document */
/* line 4, ../../scss/inherit/add.scss */
#mainBody section.inheritedEvents h3 {
    font-size: 1.7em;
    font-weight: bold;
    border-top: none 0 !important;
    border-bottom: 1px #f0262f solid !important;
    line-height: 1.5;
    padding: 2px 10px !important;
    margin-bottom: 40px;
}

/* line 7, ../../scss/inherit/add.scss */
.inheritedEvents {
    /* Fixing desin for inherited contents */
    /*----------------------------------------------------
	レンタル
----------------------------------------------------*/



    /*----------------------------------------------------
	採用情報
----------------------------------------------------*/
    /*教室スタッフ採用・講師採用詳細ページ saiyou.php saiyou2.php*/
    /*----------------------------------------------------
	会社概要
----------------------------------------------------*/
    /*#info section#service .division{
	border:#F00 1px solid;
	}*/
    /*----------------------------------------------------
	会社沿革
----------------------------------------------------*/
    /*----------------------------------------------------
	社長あいさつ
----------------------------------------------------*/
    /*----------------------------------------------------
	イベント
----------------------------------------------------*/
    /*.division h5{
	border-left:solid 5px #f0262f;
	margin-bottom:15px;
	padding-left:12px;
	font-size:14px;
	height:auto;
}*/
    /*----------------------------------------------------
	イベントレポート、過去のイベント
----------------------------------------------------*/
}

#primaryBody .inheritedEvents .inheritedEvents * {
    box-sizing: content-box;
}

#primaryBody .inheritedEvents .division {
    width: 100%;
    !important;
}

#primaryBody .inheritedEvents .division h3 {
    padding-bottom: 2px;
    font-size: 1.7em;
    margin-top: 20px;
    margin-bottom: 10px;
}

#primaryBody .inheritedEvents .division h4 {
    width: 100%;
    margin: 0 10px 10px 10px;
    padding: 8px 5px 4px 5px;
    font-size: small;
    background: #e5e5e5;
    line-height: 1.3;
}

#primaryBody .inheritedEvents .division h4:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    overflow: hidden;
}

#primaryBody .inheritedEvents .pagetop {
    margin-bottom: 70px !important;
    text-align: right;
}

#primaryBody .inheritedEvents .pagetop a {
    text-decoration: none !important;
}

#primaryBody .inheritedEvents .pagetop a:hover {
    text-decoration: underline !important;
}

#primaryBody .inheritedEvents .division h5 {
    overflow: hidden;
    padding: 10px;
}

/* 201601 height:40px追加 */
#primaryBody .inheritedEvents .division h5 span.date {
    float: left;
    margin-right: 20px;
    display: block;
    border-left: solid 5px #9B0032;
    margin-bottom: 15px;
    padding-left: 12px;
    font-size: 1.7em;
    height: auto;
}

#primaryBody .inheritedEvents .division h5 span.title {
    font-size: 1.7em !important;
    font-weight: bold !important;
    margin: 10px 0;
}

#primaryBody .inheritedEvents .schedule a {
    text-decoration: underline !important;
    color: #00F !important;
}

#primaryBody .inheritedEvents .division p {
    margin: 0 10px 20px 10px;
    font-size: 1.4em;
    line-height: 1.8em;
}

#primaryBody .inheritedEvents .division p.description {
    width: 680px;
    margin: 0 10px 20px 10px;
    font-size: small;
}

#primaryBody .inheritedEvents .division p.description:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    overflow: hidden;
}

#primaryBody .inheritedEvents .division p.description {
    display: inline-block;
}

#primaryBody .inheritedEvents .division p.description img.main {
    border: #000 1px solid;
    float: right;
}

#primaryBody .inheritedEvents .division p.description .txt {
    width: 515px;
    float: left;
}

#primaryBody .inheritedEvents .division p.description .txt_2 {
    width: 440px;
    float: left;
}

#primaryBody .inheritedEvents .division ul.list {
    list-style: none;
    margin-left: 30px;
    margin-bottom: 20px;
}

#primaryBody .inheritedEvents .division ul.list li a:link,
.inheritedEvents section#service .division ul.list li a:visited {
    color: #000;
    text-decoration: none;
    font-size: 13px;
}

#primaryBody .inheritedEvents .division ul.list li a:hover {
    text-decoration: underline;
}

#primaryBody .inheritedEvents .division .caption {
    font-size: 12px;
    color: #333;
}

#primaryBody .inheritedEvents .division p.txt {
    width: 80%;
    font-size: 1.5em;
    float: right;
}

#primaryBody .inheritedEvents .division ul {
    list-style: none;
    margin-left: 30px;
}

#primaryBody .inheritedEvents .division .schedule {
    margin-bottom: 20px;
    margin-left: 30px;
    padding-bottom: 20px;
    border-bottom: dotted 1px #666;
    clear: both;
    word-break: keep-all;
}

#primaryBody .inheritedEvents .division .schedule:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    overflow: hidden;
    word-break: keep-all;
}

#primaryBody .inheritedEvents .division img.thumb {
    float: left;
    width: 111px;
    margin-right: 30px;
    clear: both;
}

#primaryBody .inheritedEvents .division dl.event {
    margin-top: 10px;
    margin-bottom: 30px;
    background: #e5e5e5;
    font-size: 1.5em;
    clear: both;
    display: inline-block;
}

#primaryBody .inheritedEvents .division dl.event dt {
    float: left;
    width: 130px;
    padding: 8px;
    border-top: solid 1px #fff;
    background: #e5e5e5;
    clear: both;
}

#primaryBody .inheritedEvents .division dl.event dd {
    background: #fff;
    padding: 5px;
    float: left;
    width: 519px;
    border-top: solid 1px #fff;
    line-height: 1.4em;
}

/* Event CSS追加2015.5.11 */



/*----------------------------------------------------

　school/center/ 20170222追加　	

----------------------------------------------------*/
/* 20170222 */
section#introduce_event .social h3,
section#introduce_movie .social h3,
section#introduce_interview .social h3,
section#introduce_report .social h3,
section#introduce_learner .social h3 {
    font-size: 2em;
    line-height: 1.5em;
}

section#introduce_event .social h3 p.txt_box,
section#introduce_movie .social h3 p.txt_box,
section#introduce_interview .social h3 p.txt_box,
section#introduce_report .social h3 p.txt_box,
section#introduce_learner .social h3 p.txt_box {
    font-size: 0.8em;
    line-height: 1.2em;
    color: #7F7B7B;
    margin-top: 5px;
}

section#introduce_event p.btn,
section#introduce_movie p.btn,
section#introduce_interview p.btn,
section#introduce_report p.btn,
section#introduce_learner p.btn {
    text-align: right;
    margin-right: 20px;
    color: #C91316;
    background-color: #fff;
}

section#introduce_event .social .eventArea {
    display: block;
    padding: 5px;
}

section#introduce_event .social .eventArea h4 {
    font-size: 1.5em;
    line-height: 1.4em;
    font-weight: bold;
}

section#introduce_event .social .eventArea dl.styleS {
    width: 100%;
    font-size: 1.4em;
    line-height: 1.6em;
}

section#introduce_event .social .eventArea dl.styleS dt {
    width: 30%;
    display: inline-block;
    margin-bottom: 5px;
}

section#introduce_event .social .eventArea dl.styleS dt img {
    width: 200px;
}

section#introduce_event .social .eventArea dl.styleS dd {
    display: inline-block;
    width: 69%;
    vertical-align: top;
    padding: 10px;
}

section#introduce_event .social .eventArea dl.styleS dd li {
    font-size: 1em;
    line-height: 1.4em;
    list-style-type: none;
}

.issue a:link {
    text-decoration: underline;
}

.issue a:hover {
    text-decoration: underline;
}

section#introduce_event .btn a:link,
section#introduce_movie .btn a:link,
section#introduce_interview .btn a:link,
section#introduce_report .btn a:link,
section#introduce_learner .btn a:link {
    color: #C91316;
    text-decoration: none;
}

section#introduce_event .btn a:hover,
section#introduce_movie .btn a:hover,
section#introduce_interview .btn a:hover,
section#introduce_report .btn a:hover,
section#introduce_learner .btn a:hover {
    color: #C91316;
    text-decoration: underline;
}


/*
section#introduce_movie ul.youtube{
	font-size:0;
}
*/

section#introduce_movie ul.youtube li {
    display: inline-block;
    width: 330px;
    margin: 2px;
    font-size: 1.2em;
    line-height: 1.4em;
    color: #353434;
    text-align: center;
}

section#introduce_movie ul.youtube li img {
    margin-left: 5px;
}

section#introduce_interview .photo_box,
section#introduce_report .photo_box,
section#introduce_learner .photo_box {
    float: left;
    display: inline-block;
    width: 217px;
    margin: 10px 5px 10px 5px;
    font-size: 1.4em;
    border-bottom: #B7B4B4 solid 1px;
}

section#introduce_interview .photo_box dt,
section#introduce_report .photo_box dt,
section#introduce_learner .photo_box dt {
    font-size: 1.1em;
    line-height: 1.6em;
    font-weight: bold;
}

section#introduce_interview .photo_box dd,
section#introduce_report .photo_box dd,
section#introduce_learner .photo_box dd {
    font-size: 0.9em;
    line-height: 1.4em;
}

section#introduce_report .photo_box img.photo {
    width: 79px;
    height: 79px;
    margin-bottom: 10px;
}

section#introduce_interview .photo_box img.photo,
section#introduce_learner .photo_box img.photo {
    width: 100px;
    height: 100px;
    margin-bottom: 10px;
}

section#introduce_interview .photo_box .photo img,
section#introduce_report .photo_box .photo img,
section#introduce_learner .photo_box .photo img {
    margin: 0 0 0 50px;
}

section#introduce_movie,
section#introduce_report,
section#introduce_learner,
section#introduce_interview {
    font-size: 1em;
    line-height: 1.2em;
    margin-bottom: 10px;
}

/*section#introduce_learner .text_box{
	width:214px;
	line-height:1.4em;
  display:inline-block;
  vertical-align:top;
}
*/
section#introduce_lesson .lesson {
    margin: 5px 0 0 15px;
    font-size: 1.1em;
    line-height: 1.8em;
}

section#introduce_lesson ul.lesson {
    margin: 5px 0 0 15px;
    list-style-type: disc;
}

/* 20150526修正 */
section #introduce_interview ul.album img {
    height: 29px;
}

/* school/center/ 20150528追加 end */

/*----------------------------------------------------

	index内リスト  #accordion_list 20151125追加	
	
----------------------------------------------------*/
/* lesson slider */
section#introduce_interview #accordion_list {
    width: 680px;
    height: 270px;
    margin: 0 auto 20px auto;
    overflow: hidden;
    clear: both;
}

section#introduce_report #accordion_list {
    width: 680px;
    height: 270px;
    margin: 0 auto 20px auto;
    overflow: hidden;
    clear: both;
}

section#introduce_learner #accordion_list {
    width: 680px;
    height: 330px;
    margin: -10px auto 20px auto;
    overflow: hidden;
    clear: both;
}

section#introduce_learner #accordion_list .lesson {
    width: 150px;
    display: inline-block;
    *zoom: 1;
    *display: inline;
    vertical-align: top;
    margin: 10px 15px 0 0;
}

section#introduce_interview #accordion_list .lesson {
    width: 150px;
    display: inline-block;
    *zoom: 1;
    *display: inline;
    vertical-align: top;
    margin: 10px 15px 0 0;
}

section#introduce_report #accordion_list .lesson {
    width: 150px;
    display: inline-block;
    *zoom: 1;
    *display: inline;
    vertical-align: top;
    margin: 10px 15px 0 0;
}

section#introduce_learner .lesson img,
section#introduce_interview .lesson img,
section#introduce_report .lesson img {
    display: block;
    margin-bottom: 10px;
    width: 150px;
}

section#introduce_learner .lesson ul,
section#introduce_interview .lesson ul,
section#introduce_report .lesson ul {
    list-style: none;
    padding-bottom: 10px;
}

section#introduce_learner .lesson ul li,
section#introduce_report .lesson ul li,
section#introduce_interview .lesson ul li {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    margin-right: 3px;
    border: 1px #9b0032 solid;
    padding: 2px 2px;
    color: #9b0032;
    text-align: center;
    font-size: 1em;
    float: left\9;
}

section#introduce_learner .lesson a,
section#introduce_report .lesson a,
section#introduce_interview .lesson a {
    text-decoration: none;
    color: #262621;
}

section#introduce_learner .lesson a:hover,
section#introduce_report .lesson a:hover,
section#introduce_interview .lesson a:hover {
    text-decoration: underline;
}

section#introduce_learner .lesson p,
section#introduce_report .lesson p,
section#introduce_interview .lesson p {
    clear: both;
    font-size: 1.3em;
    line-height: 1.3em;
    margin-top: 5px;
}

section#introduce_learner img.tit,
section#introduce_report img.tit,
section#introduce_interview img.tit {
    z-index: 999;
    margin: 20px auto 10px auto;
    width: 680px;
}

/*----------------------------------------------------

	index内リスト  #accordion_list end
	
----------------------------------------------------*/



/*----------------------------------------------------

	スマホ用コンテンツをPCで非表示
	
----------------------------------------------------*/

@media screen and (min-width:769px) {
    #catch {
        display: none;
    }

    /*#urgent{display:none;}*/
    #topNews {
        display: none;
    }

    #gHeader {
        display: none;
    }

    #gFooter {
        display: none;
    }
}



/*--追加--*/


/*====================================================
    　event.php レスポンシブ
====================================================*/

#primaryBody .inheritedEvents .division h5 {
    clear: both;
    display: block;
    width: 100%;
}

/* ////////// mobile ////////// */
@media screen and (max-width: 768px) {
    #gHeader {
        min-height: 70px !important;
    }

    #primaryBody section {
        padding: 3%;
    }

    #primaryBody .inheritedEvents .division h4 {
        margin: 0;
        text-align: center;
        font-size: 1.6rem;
    }

    #primaryBody .inheritedEvents .division h5 {
        padding: 10px 0 0;
    }

    #primaryBody .inheritedEvents .division h5 span.date {
        float: none;
        margin-top: 1em;
        margin-bottom: 0.3em;
    }

    #primaryBody .inheritedEvents .division h5 span.title {
        line-height: 1.4;
    }

    #primaryBody .inheritedEvents .division img.thumb {
        width: 100px;
        float: none;
        display: block;
        margin: 10px auto;
    }

    #primaryBody .inheritedEvents .division .schedule {
        margin-left: 0;
    }

    #primaryBody a:hover,
    #primaryBody a img:hover {
        margin-top: -10px;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

    #primaryBody .inheritedEvents .division p.txt {
        width: 98%;
        display: block;
        text-align: left;
        letter-spacing: 0.05em;
        word-wrap: break-word;
        word-break: normal;
        line-height: 1.4;
        font-size: 0.9rem;
        float: none;
    }

    #primaryBody .inheritedEvents .division dl.event {
        width: 100%;
        display: block;
        margin: auto;
        font-size: 0.9rem;
    }

    #primaryBody .inheritedEvents .division dl.event dt {
        float: none;
        width: 100%;
        border: solid 1px;
        border-color: #e5e5e5;
    }

    #primaryBody .inheritedEvents .division dl.event dd {
        width: 100%;
        border: solid 1px;
        border-color: #e5e5e5;
        display: block;
    }

    article#primaryBody {
        width: auto;
    }

    .catEvnt p.otosoto {
        width: 100%;
    }
}

/* ////////// PC ////////// */
@media print,
screen and (min-width: 769px) {
    #primaryBody .inheritedEvents .division dl.event {
        float: right;
    }

    #primaryBody .inheritedEvents .division dl.event dd {
        width: 600px;
    }
}

/* ////////// tablet ////////// */
@media screen and (min-width:769px) and (max-width:959px) {}





/*//////////////////////////////

2023/07/05 追加

//////////////////////////////*/

#siteFooter .primary {
    background: #ffffff;
    width: 0%;
    height: 0px;
    padding: 0px 0;
    /*15 0*/
}

#siteFooter .details {
    width: 100%;
    padding: 30px 0 20px;
    background: #EBEBEB;
}

#siteFooter .bottom {
    background: #fff;
    /* padding: 0px 0 15px; */
}

#siteFooter p.license {
    clear: both;
    text-align: left;
    padding: 10px 0 5px 0;
}

#siteFooter .bottom ul li {
    list-style: none;
    display: inline-block;
    margin-right: 20px;
    font-size: 1.2em;
    margin-left: 0;
    margin-top: 0;
}

#siteFooter .details dl {
    float: left;
    width: 270px;/*295*/
    border-right: 1px #fff solid;
    font-size: 1.2em;
    margin-right: 0px;/*15*/
    margin-left: 50px;/*10*/
}

#siteFooter .details dl:last-child {
    border-right: 1px #fff solid;
    width:270px;/*295*/
    margin-right: 0px;/*15*/
    margin-left: 50px;/*10*/
}

element.style {
    height: 448px;
}

#siteFooter .details dl dd {
    padding-left: 1em;
    margin-bottom: 25px;
}

#siteFooter .details dl:last-child ul {
    float: none;
    width:270px;/*295*/
}

#siteFooter .details dl:first-child dd:nth-child(2) {
    margin-bottom: 25px;
}