@charset "utf-8";

#nudenaongaku {
	background: url(../images/wrap_bg.png) #fff no-repeat center;
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	font-size:14px;
	min-height: 600px;
	background-attachment: scroll;
	padding-bottom: 50px;
}
#nudenaongaku .clrTxt {
    text-indent: -10000px;
    text-decoration: none;
    overflow: hidden;
    line-height: 0;
}

#nudenaongaku #header {
	position:relative;
	background: #EBECEA;
}
#nudenaongaku #header:after {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 15px;
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 100%);
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%);
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
	bottom: 0;
}
#nudenaongaku #header a {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}
#nudenaongaku #header .container {
	padding: 0;
	max-width: 1280px;
}
#nudenaongaku #header h1{
	background: url(../images/sp/head_bg.jpg) no-repeat top center;
	background-size: cover;
    width: 100%;
	padding-top: 189.333%;
}

#nudenaongaku #main .container {
	position: relative;
	margin: 3% auto 0 auto;
	width: 96%;
	padding-bottom: 33%;
}
#nudenaongaku #main .inner {
	background: url("../images/sp/main_bg.png") no-repeat top center;
	background-size: cover;
	padding-top: 731.428%;
}
#nudenaongaku #main .movie {
    position: absolute;
    top: 9.9%;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 96%;
}
#nudenaongaku #main.rev200430 .inner {
	background: url("../images/sp/main_bg_200430.png") no-repeat top center;
	background-size: cover;
	padding-top: 780%;
}
#nudenaongaku #main.rev200430 .movie {
    top: 9.2%;
}
#nudenaongaku #main.rev200501 .inner {
	background: url("../images/sp/main_bg_200501.png") no-repeat top center;
	background-size: cover;
	padding-top: 780%;
}
#nudenaongaku #main.rev200501 .movie {
    top: 9.2%;
}
#nudenaongaku #main.rev200502 .inner {
	background: url("../images/sp/main_bg_200502.png") no-repeat top center;
	background-size: cover;
	padding-top: 808.571%;
}
#nudenaongaku #main.rev200502 .movie {
    top: 8.8%;
}
#nudenaongaku .officialbtn {
    display: none;
    position: absolute;
    width: 96%;
    padding-top: 29.1%;
    top: 15.6%;
    left: 0;
    right: 0;
    margin: auto;
    transition:.3s;
}
#nudenaongaku .officialbtn.ver01 {
    background: url(../images/sp/btn_official01.png) no-repeat top center;
    background-size: cover;
}
#nudenaongaku .officialbtn.ver02 {
    background: url(../images/sp/btn_official02.png) no-repeat top center;
    background-size: cover;
}
#nudenaongaku #main.rev200502 .officialbtn {
	display: block;
}
#nudenaongaku #main.rev200502 .officialbtn:hover {
    opacity: .8;
}
#nudenaongaku #main.rev2005022000 .inner {
	background: url("../images/sp/main_bg_2005022000.png?2007271200") no-repeat top center;
	background-size: cover;
	padding-top: 734.285%;
}
#nudenaongaku #main.rev2005022000 .movie {
    top: 4.2%;
}

#nudenaongaku .ytCont {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    order: 1;
}
#nudenaongaku .ytCont iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
}
#nudenaongaku a.button {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    width: 100%;
    background: #fff;
}
#nudenaongaku a.button img {
    width: 100%;
    transition: .3s;
}
#nudenaongaku a.button:hover img {
    opacity: .8;
}