@charset "UTF-8";
/*- jp-cmptemp
-----------------------------------------------------------------------*/
#jp-cmptemp {
  background: #000;
  font-family:"メイリオ", Meiryo, sans-serif;
}

#jp-cmptemp .jp-cmptemp-common-ttl{
  margin:0 0 40px;
}

#jp-cmptemp .jp-cmptemp-terms-headline{
  margin:0 0 20px;
}

#jp-cmptemp .jp-cmptemp-songlist-std, #jp-cmptemp .jp-cmptemp-flow-box, #jp-cmptemp #jp-cmptemp-terms .jp-cmptemp-terms-txt ul{
  list-style:none;
}

#jp-cmptemp .jp-cmptemp-songlist-std, #jp-cmptemp #jp-cmptemp-release ul, #jp-cmptemp-terms .jp-cmptemp-terms-txt ul{
padding:0;
}
#jp-cmptemp #jp-cmptemp-terms .jp-cmptemp-terms-txt dl dd{
  margin:0 0 10px;
}

#jp-cmptemp .jp-cmptemp-main-lead {
  background:#fff;
  color:#000;
}
#jp-cmptemp .jp-cmptemp-main-lead b{
  color:#f3be06;
  text-shadow:1px 1px #bf0e0e,-1px 1px #bf0e0e,1px -1px #bf0e0e,-1px -1px #bf0e0e;
}

#jp-cmptemp .jp-cmptemp-main-wrap{
  background-color:#c71313;
  border-right: 30px solid #fff;
  border-left: 30px solid #fff;
}

#jp-cmptemp #jp-cmptemp-songlist{
  background-color:#871c1d;
}

#jp-cmptemp .jp-cmptemp-songlist-headline{
  color:#000;
}
#jp-cmptemp .jp-cmptemp-songlist-headline:before{
  background-color:#000;
}

#jp-cmptemp .jp-cmptemp-flow-headline{
  color:#000;
}
#jp-cmptemp .jp-cmptemp-flow-headline:before{
  background-color:#000;
}

#jp-cmptemp #jp-cmptemp-flow{
  background-color:#871c1d;
}

#jp-cmptemp .jp-cmptemp-flow-box p.jp-cmptemp-flow-num:before{
  background-color:#000;
}

#jp-cmptemp #jp-cmptemp-flow a.jp-cmptemp-flow-action-std {
  background-color: #f7d887;
  color:#000;
}
#jp-cmptemp #jp-cmptemp-flow .jp-cmptemp-flow-box:nth-child(4) a.jp-cmptemp-flow-action-std {
  background-color: #ff0000;
  color:#fff;
}
#jp-cmptemp #jp-cmptemp-flow a.jp-cmptemp-flow-action-std:hover{
  background-color: #f6b300;
}
#jp-cmptemp #jp-cmptemp-flow .jp-cmptemp-flow-box:nth-child(4) a.jp-cmptemp-flow-action-std:hover {
  background-color: #fc5c5c;
  color:#fff;
}

#jp-cmptemp #jp-cmptemp-flow a.jp-cmptemp-flow-action-std:before{
  background-image: url(../img/common/arrow002.png);
}

#jp-cmptemp #jp-cmptemp-flow .jp-cmptemp-flow-box:nth-child(4) a.jp-cmptemp-flow-action-std:before{
  background-image: url(../img/common/arrow001.png);
}

#jp-cmptemp #jp-cmptemp-release{
  background-color:#871c1d;
}
#jp-cmptemp .jp-cmptemp-release-headline{
  color:#000;
}
#jp-cmptemp .jp-cmptemp-release-headline:before{
  background-color:#000;
}


#jp-cmptemp #jp-cmptemp-pre{
  background: url(../img/common/bg.png) #871c1d;
  padding: 0 0 30px;
}

#jp-cmptemp .jp-cmptemp-pre-headline{
  color:#000;
  background-color: #fff;
}
#jp-cmptemp .jp-cmptemp-pre-headline:before{
  background: url(../img/present/present.png) no-repeat #000;
}
#jp-cmptemp #jp-cmptemp-pre dl {
  background: #fff;
  padding: 10px 10px 0;
  margin: 0 50px;
}
#jp-cmptemp #jp-cmptemp-pre dt {
  color: #000;
  font-weight: bold;
  text-align: center;
  font-size: 28px;
  padding: 10px 0 10px;
}
#jp-cmptemp #jp-cmptemp-pre dd {
  color: #f3be06;
  text-shadow: 1px 1px #bf0e0e,-1px 1px #bf0e0e,1px -1px #bf0e0e,-1px -1px #bf0e0e;
  font-weight: bold;
  text-align: center;
  font-size: 36px;
  margin: 0;
  padding: 0 0 30px;
}

#jp-cmptemp #jp-cmptemp-release .jp-cmptemp-release-info-price span{
  background-color:#000;
}
#jp-cmptemp .jp-cmptemp-release-jacket img{
max-width: 100%;
}

#jp-cmptemp .jp-cmptemp-release-info-list .jp-cmptemp-release-info-artist{
  margin:0;
}

@media screen and (max-width: 767px){
#jp-cmptemp #jp-cmptemp-pre {
  padding: 0 2% 30px;
}
#jp-cmptemp #jp-cmptemp-pre dl{
  margin:0;
}
#jp-cmptemp .jp-cmptemp-main-wrap{
 border:none;
}

}

#jp-cmptemp #jp-cmptemp-songlist p{
  margin:0;
}

#jp-cmptemp #jp-cmptemp-official {
  display: block;
  margin-top: 40px;
  text-align: center;
}
#jp-cmptemp #jp-cmptemp-official a.jp-cmptemp-official-btn {
  display: inline-block;
  padding: 15px 80px;
  color: #fff;
  border-radius: 4px;
  background-color: #c61211;
  font-size: 25px;
  font-weight: bold;
}
#jp-cmptemp #jp-cmptemp-official a.jp-cmptemp-official-btn:hover{
  background-color: #cc6a6a
}

#jp-cmptemp #jp-cmptemp-terms .jp-cmptemp-terms-txt ul li > dl{
  margin-left:-1em;
}
#jp-cmptemp #jp-cmptemp-terms .jp-cmptemp-terms-txt ul li > dl:last-child{
  margin-bottom:0;
}