@charset "utf-8";
/*  style　[  共通 ]
=================================================================== */



/*----------------------------------------------
   h2
---------------------------------------------*/
h2 {
  
  text-align: center;
  font-size: 2em;
  font-weight: 500;
  padding: 50px 0;
}
.bg {
  background: url(../../images/piano/bg.png) no-repeat;
  padding: 0 0 0 60px;
}


/*----------------------------------------------
   h3
---------------------------------------------*/
h3 {
  margin: 5px 0 10px 0;
}



/*----------------------------------------------
   section
---------------------------------------------*/
#introduction {
 /* border-top: #FF5C26 3px solid;*/
  padding: 0 0 50px 0;
  
}

#introduction img {
  display: inline-block;
 margin: 0 auto; 
}

img.img-line {
  border: #f99 1px solid;
}

/*----------------------------------------------
   section
---------------------------------------------*/
#blog {
/*  border-top: #FF5C26 3px solid;*/
  padding: 30px 0 50px 0;
  
}

.box-blog {
  width: 90%;
  margin: 0 auto;
}
#blog object {
  width: 100%;
  height: 400px;
}

#blog img {
  display: inline-block;
 margin: 0 auto; 
}


/*----------------------------------------------
   section
---------------------------------------------*/
#course {
  padding: 50px 0;
  
}

#course img {
  display: inline-block;
 margin: 2em auto 0 auto; 
}

/* table */
table.line-blue {
  border: 1px solid #62ACD5;
  margin: 5px 0;
}

table.line-blue th {
  background-color: #fff;
  padding: 5px;
  border: 1px solid #62ACD5;
}

table.line-blue td {
  background-color: #fff;
  padding: 5px;
  border: 1px solid #62ACD5;
}

/* table */
table.line-pink {
  border: 1px solid #ffc3c3!important;
  margin: 5px 0;
}

table.line-pink th {
  background-color: #fff;
  padding: 5px;
  border: 1px solid #ffc3c3 !important;
}

table.line-pink td {
  background-color: #fff;
  padding: 5px;
  border: 1px solid #ffc3c3;
  vertical-align: middle!important;
}


/*----------------------------------------------
   section
---------------------------------------------*/
#gakken {
  margin: 0;
  padding: 50px 0;
}
#gakken img {
  display: inline-block;
 margin: 0 auto; 
}





/*----------------------------------------------
   class
---------------------------------------------*/
/* markup */
.catch01 {
  font-weight: 500;
  font-size: 1.5em;
}
.catch02 {
  font-weight: 500;
  font-size: 2.3em;
}

/* line */
.line01 {
  background: url(../../images/piano/music.png) no-repeat center top;
}


/* table */
table.add {
  
}
table.add th {
  font-weight: normal;
  padding: 5px;
  background-color: #DDF0DB;
  border-bottom: #4A6441 1px dotted;
}
table.add td {
  padding: 5px;
  border-bottom: #4A6441 1px dotted;
}

/* ピンク */
.box15 {
    padding: 0.2em 0.5em;
    margin:10px 0;
    color: #565656;
    background: #ffeaea;
    box-shadow: 0px 0px 0px 10px #ffeaea;
    border: dashed 2px #ffc3c3;
    border-radius: 8px;
}


/* 水色 */
.box14 {
    padding: 0.2em 0.5em;
    margin: 2em 0;
    color: #565656;
    background: #d6ebff;
    box-shadow: 0px 0px 0px 10px #d6ebff;
    border: dashed 2px #fff;
    border-radius: 8px;
}




/* 768px(sm)～ ____________________________________________________ */
@media print,screen and (min-width: 768px) {
}

/* 992px(md)～ ____________________________________________________ */
@media screen and (min-width: 992px) {
}




/* 768px(sm)～ ____________________________________________________ */
@media print,screen and (min-width: 768px) {
}
/* 992px(md)～ ____________________________________________________ */
@media screen and (min-width: 992px) {
}
/* 1200px(lg)～ ___________________________________________________ */
@media screen and (min-width: 1200px) {
}