/* body */
body {
color:#ccc;
background-color:#212121;
}

/* サイト内検索 */
.bca-select,
.bca-hidden {
color:#333333;
}

body.SearchIndices .media strong {
    background-color: #ff5722;
}

/* historyTable */
#historyTable tr {
  border-bottom: 1px solid #b5b1b1;
}

#historyTable th,
#historyTable td {
  padding: 24px 0;
  border: none;
}

#historyTable th {
  width: 20%;
}

/* sp */
@media only screen and (max-width: 480px) {
  #historyTable th,
  #historyTable td {
    width: 100%;
    display: block;
  }

  #historyTable th {
    width: 100%;
  }

  #historyTable td {
    padding-top: 0;
  }
}

/* FAQ */
.qa-list dl {
    position: relative;
    margin: 30px 0 0;
/*    cursor: pointer;*/
/*    border: 1px solid #DDD;*/
}
.qa-list dl:first-child {
  margin-top: 0;
}
.qa-list dl::after {
    position: absolute;
    top: 27px;
    right: 26px;
    display: block;
    width: 7px;
    height: 7px;
    margin: auto;
/*    content: '';*/
    transform: rotate(135deg);
    border-top: 2px solid #000;
    border-right: 2px solid #000;
}
.qa-list .open::after {
    transform: rotate(-45deg);
}
.qa-list dl dt {
    position: relative;
    margin: 0;
    padding: 20px 20px 20px 60px;
    font-weight: bold;
    background: #333;
}
.qa-list dl dt::before {
    font-size: 22px;
    line-height: 1;
    position: absolute;
    top: 20px;
    left: 20px;
    display: block;
    content: 'Q.';
    color: #5ab5b2;
}
.qa-list dl dd::before {
    font-size: 22px;
    line-height: 1;
    position: absolute;
    left: 20px;
    display: block;
    content: 'A.';
    font-weight: bold;
    color: #ccc;
}
.qa-list dl dd {
    position: relative;
    margin: 0;
    padding: 20px 20px 20px 60px;
}
.qa-list dl dd p {
    margin: 30px 0 0;
}
.qa-list dl dd p:first-child{
    margin-top: 0;
}

@media screen and (max-width: 767px) {
 .qa-list dl {
    margin: 10px 0 0;
}
.qa-list dl:after {
    top: 20px;
    right: 20px;
    width: 7px;
    height: 7px;
}
.qa-list dl dt {
    padding: 16px 16px 16px 50px;
    font-size: 14px;
}
.qa-list dl dt::before {
    font-size: 14px;
    top: 20px;
    left: 20px;
}
.qa-list dl dd::before {
    font-size: 14px;
    left: 20px;
    margin-top: 5px;
}
.qa-list dl dd {
    margin: 0;
    padding: 16px 16px 16px 50px;
    font-size: 14px;
}
.qa-list dl dd p {
    margin: 30px 0 0;
}
.qa-list dl dd p:first-child{
    margin-top: 0;
}
}

.serial-nav li a:hover {
background-color: #333333;
border:none;
}

.label-default a:hover,
.label-default[href]:hover {
    background-color: #333333;
    border: none;
}

.entry-contents h4, .entry-contents .h4 {
    color: #eeeeee;
 }

/* Page Top
----------------------------------------------- */
#page-top {
  position: fixed;
  bottom: 10px;
  right: 10px;
  font-size: 100%;
  z-index: 30;
  border-radius: 40px !important;
}
#page-top a {
  font-weight: bold;
  font-size:3rem;
  color: #eee;
  background-color:#bd2a33;
  text-decoration: none;
  width: 60px;
  padding: 8px 0;
  text-align: center;
  display: block;
  border-radius: 30px !important;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-filter: "alpha(opacity=5)";
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
  box-shadow: inset 0px 0px 5px rgba(0,0,0,0.2); 
  text-shadow: 0px 0px 3px rgba(0,0,0,0.5); 
}
#page-top a:hover {
  font-weight: bold;
  color: #eee;
  text-decoration: none;
  opacity: 0.5;
}


/* Lesson Plan
----------------------------------------------- */
ul {
/*    list-style: none;*/
    margin: 0;
    padding: 0;
}
.lessonplans{
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  }
  .lessonplans{
  margin:0 2px;
  }

.lessonplan{
  flex: 0 0 33%;
  text-align: center;
  border: 1px solid #eee;
  padding-bottom: 1rem;
  box-sizing: border-box;
  margin:0 auto 3em;
  }
.lessonplan h3{
  background: #a2bc10;
  color: #212121;
  padding: 10px;
  margin: 0;
}
.lessonplan.cucu {
  border: 3px solid #5ab5b250;
  padding-bottom: 3rem
}
.lessonplan.cucu h3{
      background: #5ab5b250;
  color: #fff;
  padding: 10px;
  margin: 0;
  border-radius:0px!important;
}
.lessonplan.cucu_basic {
  border: 3px solid #5ab5b2;
  padding-bottom: 3rem
}
.lessonplan.cucu_basic h3{
  background: #5ab5b2;
  color: #212121;
  padding: 10px;
  margin: 0;
  border-radius:0px!important
}
.lessonplan h4{
/* font-size: 300%;*/
 font-size: larger;
 margin: 0 auto;
 padding: 1rem 0 0;
}
.lessonplan.cucu h4.price:before,
.lessonplan.cucu_basic h4.price:before
 {
    content:none;
}

.lessonplan p{
 margin: 0;
 padding: 1rem;
 text-align: left;
}
.lessonplan a{
  padding: 10px 40px;
  background: #fb5859;
  color: #fff;
  text-decoration: none;
  border-radius: 3px;
  display: inline-block;
}

@media screen and (max-width: 600px){
  .lessonplands {
    flex-direction: column;
    -webkit-flex-direction: column;
    }
  .lessonplan {
    flex: 0 0 auto;
    -webkit-flex: 0 0 auto;
    }
  .lessonplan.cucu {
    order: 1;
    -webkit-order: 1;
    }
}

.thumbnail {
    background-color: #333;
}

.well p.label-info {
    margin-bottom:1rem;
}

.well .label-info, .label-info[href]:focus, .label-info[href]:hover {
    color: #212121;
    font-weight:bold;
} 


img.ow {
margin-top: 10px;
margin-bottom: 10px;
background-color: #333333;
border: 5px solid #ffffff;
box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.25) inset;
}

ul.orderdress {list-style-type: none;
padding-left:1em;
text-indent:-1em;}


/* orderdressTable */
#orderdress tr {
  border-bottom: 1px solid #b5b1b1;
}

#orderdress th,
#orderdress td {
  padding: 24px 0;
  border: none;
}

#orderdress th {
  width: 40%;
}

/* sp */
@media only screen and (max-width: 480px) {
  #orderdress th,
  #orderdress td {
    width: 100%;
    display: block;
  }

  #orderdress th {
    width: 100%;
  }

  #orderdress td {
    padding-top: 0;
  }
}