@charset "UTF-8";
/*-------------------------------
	TITLE: からくりサーカス
	CONTENT：　SP KEYWORD
-------------------------------*/
a:focus { outline: none; }
img { width: 100%; vertical-align: bottom; }
html { font-size: 62.5%; }

body {
	position: relative;
	width: 100%;
	font-family: "Noto Sans JP", "游明朝", "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12px;
	font-size: 1.2rem;
}

.Wrapper {
	width: 100%;
}
.Wrapper:after {
	position: fixed;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: url(../img/mainBg.jpg) no-repeat 0 0;
	background-size: 100% 100%;
	z-index: -1;
	content: "";
}

.musicwrapp {
	padding: 18.75vw 0 56vw;
}
	h2 {
		width: 47.5vw;
		margin: 0 auto;
		padding: 6.5vw 0;
	}

	.musicInner {
		width: 100%;
		padding: 7.8vw 0;
		background: #000;
		background-size: 100%;
	}

		.musicBox {
			width: 88.6vw;
			margin: 0 auto;
			padding: 10vw 0 2.2vw;
			background: url(../img/star_line.png), url(../img/star_line.png);
			background-repeat: no-repeat;
			background-position: left top, left bottom;
			background-size: 100% auto;
		}
			h3 {
				width: 100%;
			}
				h3 p:nth-child(1) {
					margin: 0 0 4vw;
					color: #2a87b7;
					font-size: 16px;
					font-size: 1.6rem;
					line-height: 1;
				}
				h3 p span {
					margin-left: 10px;
					background-color: #a9362b;
					color: #fff;
					padding: 2px 10px;
					font-size: 12px;
				}
				h3 p:nth-child(2) {
					margin: 0 0 4vw;
					color: #2a87b7;
					font-size: 16px;
					font-size: 1.6rem;
					line-height: 1;
				}
				h3 p:nth-child(3) {
					color: #fff;
					font-size: 21px;
					font-size: 2.1rem;
					line-height: 1;
				}
			hr {
				width: 100%;
				margin: 5.8vw 0 7.8vw;
				border-top: 1px solid #2a87b7;
			}
			.musicImg {
				width: 100%;
				/* margin: 0 0 10vw; */
			}
			.musicBox li:not(:first-child){
				margin-top: 100px;
			}
			.musicBox article {
				width: 100%;
			}
				.musicBox article h4 {
					width: 100%;
					margin: 0 0 7.8vw;
				}
				.musicBox article h3 {
					margin: 0 0 7.8vw;
					font-size: 1.6rem;
					color: #fff;
					line-height: 1.5;
				}
				.musicBox article p {
					margin: 0 0 9vw;
					color: #fff;
					font-size: 2rem;
					line-height: 1.75;
				}
			.musicLink {
				margin: 0 0 4vw;
				color: #fff;
				font-size: 14px;
				font-size: 1.4rem;
				line-height: 1.5;
			}
				.musicLink a {
					color: #2a87b7;
					text-decoration: none;
				}


/* ANIMATION -----------------------------*/
/* INIT */
.musicBox { opacity: 0; }
/* ANIMATION */
.musicBox { animation: fadeIn01 0.4s ease-in 1s 1 forwards; }
/* KEYFRAME */
@keyframes fadeIn01 {
	0% { opacity: 0; }
	100% { opacity: 1; }
}

/*-----------------------------------------------*/