@charset "utf-8";

/* -----------------------------------------------------------------------------
**
** ポップンマッシュルームチキン野郎 special CSS
**
----------------------------------------------------------------------------- */

/* -----------------------------------------------------------------------------
** contents
----------------------------------------------------------------------------- */
div#specialBlock {
	padding: 0 0 10px;
	}
div#specialBlock div.special {
	margin: 20px 0 0;
	}
div#specialBlock div.special h3 {
	font-weight: bold;
	font-size: 110%;
	text-align: center;
	}

div#specialBlock div.special ul#spnav {
	background: url(../special/img/bg_tit.gif) left top repeat;
	width: 310px;
	height: 350px;
	float: left;
	overflow-x: hidden;
	}
div#specialBlock div.special ul#spnav li {
	margin: 0 0 5px;
	padding: 10px;
	border-bottom: 1px dotted #CCC;
	}
div#specialBlock div.special ul#spnav li a {
	text-decoration: none;
	}
div#specialBlock div.special div.spmovie {
	background: url(../special/img/bg_movie.png) left top no-repeat;
	width: 626px;
	float: right;
	padding: 55px 0 80px 138px;
	}
div#specialBlock div.special div#frame {
	position: absolute;
}
.select {
  background: #a80000;
	color: #FFF;
}
.select a {
	color: #FFF;
}
div#specialBlock div.special ul#spnav li a.kashi:link,
div#specialBlock div.special ul#spnav li a.kashi:visited {
	text-decoration: underline;
}
div#specialBlock div.special ul#spnav li a.kashi:hover {
	text-decoration: none;
}

div.content_wrap {
	width: 350px;
	height: 253px;
}

/*
	歌詞
*/
body.kashi {
	background: url(../cmn_img/bg_contents.gif) left top repeat;
	padding: 20px;
	}
body.kashi h1 {
	font-size: 120%;
	text-align: center;
	font-weight: bold;
}
body.kashi p.staff {
	text-align: center;
	margin: 10px 0 0;
	padding: 10px 0;
	border-top: 1px dotted #CCC;
	border-bottom: 1px dotted #CCC;
}
body.kashi p.kashi {
	padding: 10px 0;
}


@media screen and (max-width: 767px) {
	div#specialBlock div.special ul#spnav {
		width: 100%;
		height: 120px;
		float: none;
		margin-bottom: 15px;
		}
	div#specialBlock div.special ul#spnav li {
		margin-bottom: 0;
		padding: 5px 15px;
		}
	div#specialBlock div.special div.spmovie {
		background: url(../special/img/bg_movie.png) left top no-repeat;
		background-size: contain;
		width: 100%;
		float: none;
		padding: 9vw 0 15vw 21vw
		}
	div#specialBlock div.special div.spmovie iframe {
		width: 70%;
		height: 37vw;
		}
}
@media screen and (max-width: 500px) {
}