@charset "UTF-8";
/*-------------------------------------------------------------------------
  Clearfix
/*-----------------------------------------------------------------------*/
#jp-page-musicpost section, #jp-page-musicpostarticle,#jp-page-musicpost figure,
#jp-page-musicpost nav,#jp-page-musicpost aside,#jp-page-musicpost header,#jp-page-musicpost footer,
#jp-page-musicpost div,#jp-page-musicpost ul,#jp-page-musicpost dl {
  zoom:1;
}
  #jp-page-musicpost section:after,
  #jp-page-musicpost article:after,
  #jp-page-musicpost figure:after,
  #jp-page-musicpost nav:after,
  #jp-page-musicpost aside:after,
  #jp-page-musicpost header:after,
  #jp-page-musicpost footer:after,
  #jp-page-musicpost div:after,
  #jp-page-musicpost ul:after,
  #jp-page-musicpost dl:after,
  #jp-page-musicpost form:after {
    content:"";
    display: block;
    clear:both;
    visibility:hidden;
  }


/*-	jp-page-musicpost
-----------------------------------------------------------------------*/
#jp-page-musicpost {
	width: 1030px;
	margin-top: 20px;
	z-index: 0;
}

#jp-page-musicpost-wrap {
  width: 100%;
}

  #jp-page-musicpost-wrap h1 img {
		width: auto;
		height: auto;
	}

	/*#jp-page-musicpost-wrap h3,p,dd,span {
		color: #000;
	}*/

	#jp-page-musicpost-wrap h3,
	#jp-page-musicpost-wrap p,
	#jp-page-musicpost-wrap dd,
	#jp-page-musicpost-wrap span {
		color: #000;
	}


	/*-	jp-page-musicpost-title
-----------------------------------------------------------------------*/
#jp-page-musicpost-title {
	position: relative;
}

  #jp-page-musicpost-title dl {
	  position: absolute;
		top: 230px;
		left: 60px;
  }
	
	  #jp-page-musicpost-title dl dt {
			margin-bottom: 10px;
			border-bottom: #ff0 10px;
		}
		
		  #jp-page-musicpost-title dl dt span {
				display: inline-block;
				background: linear-gradient(transparent 60%, #fff76f 60%);
				color: #de2626;
				font-weight: bold;
				font-size: 28px;
			}
		
		#jp-page-musicpost-title dl dd {
			font-weight: bold;
			font-size: 20px;
		}


/*- jp-page-musicpost-main
-----------------------------------------------------------------------*/
#jp-page-musicpost-main {
	width: auto;
	padding: 40px 20px;
	background: #000;
}

	#jp-page-musicpost-main h2 {
		width: 100%;
		border-top-right-radius: 10px;
		border-top-left-radius: 10px;
		padding: 7px 0px;
		background: #de2626;
		color: #fff;
		font-weight: bold;
		font-size: 30px;
	}
	
		#jp-page-musicpost-main h2 img {
			width: auto;
			height: auto;
			margin: 0px 20px 0px 30px;
		}
	
	#jp-page-musicpost-main #jp-page-musicpost-content-wrap {
		padding: 28px 38px 60px 38px;
		background: #fff;
		text-align: center;
	}
	
		#jp-page-musicpost-main #jp-page-musicpost-content p {
			float: left;
			width: 510px;
			font-weight: bold;
			font-size: 20px;
			text-align: left;
			letter-spacing: 0.1em;
		}
		
		  #jp-page-musicpost-main #jp-page-musicpost-content p span {
				display: block;
				font-size: 16px;
			}
			
		#jp-page-musicpost-main #jp-page-musicpost-content dl {
			float: right;
			width: 380px;
			margin-bottom: 33px;
		}
		
			#jp-page-musicpost-main #jp-page-musicpost-content dl dt img {
				width: auto;
				height: auto;
				border: 2px solid #b1b1b1;
			}
			
			#jp-page-musicpost-main #jp-page-musicpost-content dl dd {
				margin-top: 10px;
				font-size: 16px;
				text-align: start;
			}
			
		#jp-page-musicpost-main #jp-page-musicpost-content h3 {
			clear: both;
			width: 100%;
			border-top-right-radius: 10px;
			border-top-left-radius: 10px;
			padding: 7px 0px;
			background: #f2bfbf;
			font-weight: bold;
			font-size: 28px;
			text-align: center;
		}
		
			#jp-page-musicpost-content #jp-page-musicpost-content-make {
				border-bottom-right-radius: 10px;
				border-bottom-left-radius: 10px;
				padding: 23px 57px 30px 57px;
				margin-bottom: 60px;
				background: #eee;
				text-align: start;
			}

				#jp-page-musicpost-content #jp-page-musicpost-content-make img {
					width: auto;
					height: auto;
					cursor: pointer;
				}

			#jp-page-musicpost-content #jp-page-musicpost-content-make img:hover {
				opacity: .7;
			}

			#jp-page-musicpost-content #jp-page-musicpost-content-make img:last-child {
				float: right;
			}
			
		#jp-page-musicpost-main #jp-page-musicpost-content #jp-page-musicpost-content-toLink {
			display: inline-block;
		}
			
		#jp-page-musicpost-main #jp-page-musicpost-content #jp-page-musicpost-content-toLink a {
			display: inline-block;
			width: 387px;
			height: auto;
			margin: 0px auto;
			padding: 10px 20px 14px 60px;
			border-radius: 5px;
			background-color: #de2626;
			background-image: url(../img/arrow.png);
  		background-position: left 30px center;
  		background-repeat: no-repeat;
			color: #fff;
			font-size: 20px;
			text-align: left;
		}

@media screen and (max-width: 767px) {
	
	/*-	jp-page-musicpost
-----------------------------------------------------------------------*/
#jp-page-musicpost {
	width: 100%;
}


	/*-	jp-page-musicpost-title
-----------------------------------------------------------------------*/
#jp-page-musicpost-title {
	position: static;
}

  #jp-page-musicpost-title dl {
	  position: static;
		padding: 0px 10px 10px 10px;
		background: #fff;
		text-align: center;
  }
	
	  #jp-page-musicpost-title dl dt span {
			font-size: 20px;
		}
		
		#jp-page-musicpost-title dl dd {
			font-size: 16px;
		}


/*- jp-page-musicpost-main
-----------------------------------------------------------------------*/
#jp-page-musicpost-main {
	padding: 20px 10px;
}

	#jp-page-musicpost-main h2 {
		padding: 15px 0px;
		font-size: 15px;
		text-align: center;
	}
	
		#jp-page-musicpost-main h2 img {
			width: 5%;
			margin: 0px 5px;
		}
	
	#jp-page-musicpost-main #jp-page-musicpost-content-wrap {
		padding: 15px 10px 30px 10px;
	}
	
		#jp-page-musicpost-main #jp-page-musicpost-content p {
			float: none;
			width: auto;
			margin-bottom: 20px;
			font-size: 13px;
		}
		
		  #jp-page-musicpost-main #jp-page-musicpost-content p span {
				font-size: 11px;
			}
			
		#jp-page-musicpost-main #jp-page-musicpost-content dl {
			float: none;
			width: 100%;
			margin-bottom: 33px;
			text-align:center;
		}
			
			#jp-page-musicpost-main #jp-page-musicpost-content dl dd {
				display: inline-block;
				margin-top: 10px;
				font-size: 11px;
			}
			
		#jp-page-musicpost-main #jp-page-musicpost-content h3 {
			clear: both;
			padding: 10px 0px;
			font-size: 14px;
		}
		
			#jp-page-musicpost-content #jp-page-musicpost-content-make {
				padding: 13px 10px 10px 10px;
				margin-bottom: 30px;
				text-align:center;
			}
			
			#jp-page-musicpost-content #jp-page-musicpost-content-make img {
				margin-bottom: 10px;
			}

			#jp-page-musicpost-content #jp-page-musicpost-content-make img:hover {
				opacity: 1;
			}
			
			#jp-page-musicpost-content #jp-page-musicpost-content-make img:last-child {
				float: none;
			}
			
		#jp-page-musicpost-main #jp-page-musicpost-content #jp-page-musicpost-content-toLink a {
			width: auto;
			padding: 8px 20px 8px 50px;
  		background-position: left 30px center;
			font-size: 14px;
		}

}

#jp-page-musicpost-popup {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 999;
	background: rgba(0,0,0,.7);
	opacity: 0;
}

	.jp-page-musicpost-popup-wrapper {
		position: absolute;
		top: -20px;
		left: 0;
		right: 0;
		bottom: 0;
		margin: auto;
		/*width: 900px;*/
		width: 800px;
		/*height: 700px;*/
		height: 645px;
		z-index: 2;
	}
	
		.jp-page-musicpost-delate {
			text-align: right;
			margin-bottom: 10px;
			cursor: pointer;
		}

			.jp-page-musicpost-delate img {
				padding: 8px;
				background: #ffdd22;
			}

			.jp-page-musicpost-delate:hover img {
				background: #FFDF64;
			}

		.jp-page-musicpost-popup-box {
			
		}
			
			.jp-page-musicpost-popup-box ul li {
				display: none;
			}

				.jp-page-musicpost-popup-box img {
					width: 100%;
					height: auto;
				}

	.jp-page-musicpost-hideArea {
		width: 100%;
		height: 100%;
	}