@charset "utf-8";

/* mInfo */
.mInfo div.box{
  margin: 10px;
  background: #f4f4ff url(../img/common/accDetailBG.png) no-repeat bottom 30px right 30px;
  border: none;
}
.mInfo ul{
  padding: 10px 0px 20px;
}
.mInfo ul li{
  margin: 0px 60px 10px;
}
.mInfo ul li p{
  text-align: left;
}

/* mTitle */
div.mTitle{
  display: block;
  height: 60px;
  margin: 15px 10px 5px;
  color: #ffffff;
  background: #8484ff url(../img/common/accHead.png) no-repeat center right 10px;
}
@media(max-width:899px){/* for mobile */
  div.mTitle{
    margin: 15px 40px 5px;
  }
}
@media(max-width:599px){/* for mobile */
  div.mTitle{
    height: auto;
    margin: 15px 10px 5px;
    background: #8484ff;
  }
}
div.mTitle p{
  padding:  14px 20px;
  font-size: 16px;
  text-shadow: 1px 1px 0px #353566;
}

/* mList */
ul.mList li{
  margin: 10px 15px 20px;
}
ul.mList p.txt{
  padding: 12px 0px;
}
div.mDetail{
  padding: 0.8em;
  margin: 15px 100px 0px;
  color: #ffffff;
  background: #ff8484;
  border-radius: 10px;
}
div.mDetail:hover{
  cursor: pointer;
  background: #777777;
}
p.rollover img:hover{
  cursor: pointer;
}
p.msg.foot{
  margin-bottom: 20px;
}

/* movieArea */
#movieArea{
  background: #333333;
	top: 50%; left: 50%;
	transform: translate(-50%,-50%);
	position: relative;
  text-align: center;
}
#movieArea iframe{
  margin: 50px 0px;
}

/* helpArea */
#helpArea ul.list li.title{
	margin-bottom: 2em;
}
#helpArea ul.list li:not(:first-child){
	margin-left: 2em;
  margin-right: 3em;
}
#helpArea ul.list li.last{
	margin-bottom: 1em;
}

/* music */
.music{
  margin-top: 30px;
}

/* line */
.line{
  margin: 60px 0px;
}