@charset "utf-8";

/*-----------------------------------------------------
大見出し
-------------------------------------------------------*/

/* 中見出し
------------------------------------------------*/

/* 小見出し/コメント */





/*-----------------------------------------------------
common
-------------------------------------------------------*/

/* ttl-band
------------------------------------------------*/

.ttl-band{
  margin: 0;
  padding: 15px;
  font-weight: bold;
  text-align: center;
  background: #26242a;
  color: #ffffff;
  font-size: 2.4rem;
}

/* indent
------------------------------------------------*/

.bullet-text,
.bullet-lists li{
    line-height: 1.8;
}

/*-----------------------------------------------------
 mainvisual
-------------------------------------------------------*/

.mainvisual__img{
  margin-top: 0;
}
@media only screen and (max-width: 991px) {
.mainvisual__img{
  margin: 0 -15px 10px;
}
}
.mainvisual__lead{
  margin-bottom: 80px;
}
@media only screen and (max-width: 991px) {
.mainvisual__lead{
  margin-bottom: 40px;
}
}

/*-----------------------------------------------------
 practice-wrap
-------------------------------------------------------*/

/* practice-inner
------------------------------------------------*/

.practice-inner{
  padding-top: 30px;
  background: #ece9fa;
}
@media only screen and (max-width: 991px) {
.practice-inner{
  padding-bottom: 50px;
}
}
.movie-wrap{
  background: url(../images/bg_movie.jpg) no-repeat center center;
  font-size: 0;
}
@media only screen and (max-width: 991px) {
.movie-wrap{
  background: none;
}
}

/* item-detail
------------------------------------------------*/

.item-detail{
  padding-bottom: 100px;
}
@media only screen and (max-width: 991px) {
.item-detail{
  padding-bottom: 50px;
}
}

/* ttl-balloon
------------------------------------------------*/

.ttl-balloon{
  margin-top: 100px;
}
@media only screen and (max-width: 991px) {
.ttl-balloon{
  margin-top: 50px;
}
}

/* ttl-item
------------------------------------------------*/

.ttl-item{
  margin-bottom: 30px;
  padding-bottom: 10px;
  font-weight: bold;
  text-align: center;
  font-size: 2.2rem;
  line-height: 1.3;
  border-bottom: 1px solid #26242a;
}
@media only screen and (max-width: 991px) {
.ttl-item{
  margin-bottom: 15px;
  padding-bottom: 5px;
}
}

/* item__price
------------------------------------------------*/

.item__price{
  margin-left: 5px;
  font-size: 2.4rem;
  font-weight: bold;
  color: #d8122e;
}

/* btn-cart
------------------------------------------------*/

.btn-cart{
  width: 100%;
  padding: 10px;
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center;
  background: #ff6699;
  color: #fff;
  border-radius: 5px;
  box-shadow: 2px 2px 0 0px rgba(255,143,198,0.75) inset,-2px -2px 0 0px rgba(165,66,84,0.75) inset;
}
.btn-cart:link,
.btn-cart:visited,
.btn-cart:hover,
.btn-cart:active{
  color: #fff;
}
.btn-cart:hover,
.btn-cart:active{
  opacity: 0.7;
}

/*-----------------------------------------------------
beginner-wrap
-------------------------------------------------------*/

.ttl-band--beginner{
  background: #587d66;
}
.beginner-inner{
  background: #e4eae7;
}

/*-----------------------------------------------------
annotation-wrap
-------------------------------------------------------*/

.annotation_head{
  margin-top: 60px;
  font-size: 1.8rem;
}
@media only screen and (max-width: 991px) {
.annotation_head{
  margin-top: 30px;
  text-align: center;
}
}
.annotation-lists{
  margin: 0 1em;
}

/* btn-item
------------------------------------------------*/

.btn-item{
  width: 100%;
  margin: 60px 0;
  padding: 20px 10px;
  font-size: 1.8rem;
  font-weight: bold;
  color: #fff;
  border-radius: 5px;
  background-color: rgb(38, 36, 42);
  box-shadow: 0px 2px 2px 0px rgba(93, 91, 91, 0.75);
}
@media only screen and (max-width: 991px) {
.btn-item{
  margin: 30px 0;
}
}
.btn-item:link,
.btn-item:visited,
.btn-item:hover,
.btn-item:active{
  color: #fff;
}
.btn-item:hover,
.btn-item:active{
  opacity: 0.7;
}