@charset "utf-8";

@media only screen and (min-width:768px) {
	#container {
		box-sizing: border-box;
		margin-top: 0;
		padding-top: 160px;
	}
	
	div.line > div {
		height: 2px;
		background: #fff;
	}
	
	h1 {
		display: block;
		margin: 0 auto;
		background-image: url(../img_rn/final/logo_final.jpg);
		background-size: 700px;
		background-repeat: no-repeat;
		padding-top: 75px;
		width: 700px;
		font-size: 0;
		line-height: 0;
	}
	
	ul.final-nav {
		display: -webkit-box;
		display: flex;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-align-items: center;
		align-items: center;	
		margin: 85px auto 100px auto;
		width: 100%;
		height: 15px;
	}
	
	ul.final-nav li {
/*
		display: inline;
*/
		box-sizing: border-box;
		margin: 0 150px 0 0;
		width: auto;
		font-size: 0;
		line-height: 0;
	}
	
	ul.final-nav li:first-of-type {
		margin-left: 0;
	}
	
	ul.final-nav li:last-of-type {
		margin: 0;
	}
	
	ul.final-nav li a,
	ul.final-nav li span {
		display: block;
		background-repeat: no-repeat;
		background-position: left top;
		padding-top: 15px;
	}
	
	ul.final-nav li a,
	ul.final-nav li a:hover,
	ul.final-nav li a:visited,
	ul.final-nav li a:active {
		color: #fff;
		text-decoration: none;
	}
	
	ul.final-nav li a:hover {
		background-position: left -25px;
	}
	
	ul.final-nav li.curent span {
		background-position: left -25px;
	}
	ul.final-nav li.cs span {
		background-position: left -50px;
	}
	
	ul.final-nav li.bd-dvd a,
	ul.final-nav li.bd-dvd span {
		background-image: url(../img_rn/final/nav_bd_dvd.png);
		background-size: 100%;
		width: 107px;
	}
	
	ul.final-nav li.staff a,
	ul.final-nav li.staff span {
		background-image: url(../img_rn/final/nav_staff.png);
		background-size: 100%;
		width: 33px;
	}
	
	ul.final-nav li.music a,
	ul.final-nav li.music span {
		background-image: url(../img_rn/final/nav_music.png);
		background-size: 100%;
		width: 48px;
	}
	
	ul.final-nav li.ticket a,
	ul.final-nav li.ticket span {
		background-image: url(../img_rn/final/nav_ticket.png);
		background-size: 100%;
		width: 44px;
	}
	
	ul.final-nav li.dlvr a,
	ul.final-nav li.dlvr span {
		background-image: url(../img_rn/final/nav_dlvr.png);
		background-size: 100%;
		width: 32px;
	}
	
	ul.sns {
		margin: 65px auto 0 auto;
		text-align: center;
	}

	ul.sns li {
		display: inline-block;
		margin-right: 10px;
		width: auto;
		height: 20px;
	}

	ul.sns div.fb-like {
		position: relative;
		top: -1px;
	}
	
	ul.sns div.fb-like > span {
		vertical-align: text-top !important;
	}
	
	#footer-wrap {
		box-sizing: border-box;
		margin: 0 auto;
		padding: 0 35px;
		max-width: 1177px;
		width: 100%;
	}

	#footer {
		width: 100%;
	}

	#footer-copyright {
		border: 0;
		padding: 50px 0 46px 0;
		font-size: 10px;
		line-height: 1.3;
		text-align: center;
		color: #010101;
	}

}

@media only screen and (max-width:767px) {
	#container {
		margin-top: 34%;
	}
	
	h1 {
		display: block;
		margin: 0 auto;
		background-image: url(../img_rn/final/sp/logo_final.jpg);
		background-size: 100%;
		background-repeat: no-repeat;
		padding-top: 10%;
		width: 100%;
		font-size: 0;
		line-height: 0;
	}
	
	ul.final-nav {
		margin: 16% auto 20% auto;
		font-size: 0;
		line-height: 0;
	}
	
	ul.final-nav li {
		display: inline-block;
		box-sizing: border-box;
		padding: 0;
		width: auto;
	}
	
	ul.final-nav li:first-of-type {
		margin-left: 0;
	}
	
	ul.final-nav li.staff {
		margin-left: 10%;
	}
	
	ul.final-nav li.music {
		margin-left: 10%;
	}
	
	ul.final-nav li.ticket {
		margin-left: 9%;
	}
	
	ul.final-nav li.dlvr {
		margin-left: 11%;
	}
	
	ul.final-nav li a,
	ul.final-nav li span {
		display: block;
		background-repeat: no-repeat;
		background-position: left top;
		padding-top: 4vw;
		color: #fff;
	}
	
	ul.final-nav li a,
	ul.final-nav li a:hover,
	ul.final-nav li a:visited,
	ul.final-nav li a:active {
		color: #fff;
		text-decoration: none;
	}
	
	ul.final-nav li.cs span {
		background-position: left 83%;
	}
	
	ul.final-nav li.curent span {
		background-position: left 42%;
	}
	
	ul.final-nav li.bd-dvd a,
	ul.final-nav li.bd-dvd span {
		background-image: url(../img_rn/final/nav_bd_dvd.png);
		background-size: 100%;
		width: 29vw;
	}
	
	ul.final-nav li.staff a,
	ul.final-nav li.staff span {
		background-image: url(../img_rn/final/nav_staff.png);
		background-size: 100%;
		width: 9vw;
	}
	
	ul.final-nav li.music a,
	ul.final-nav li.music span {
		background-image: url(../img_rn/final/nav_music.png);
		background-size: 100%;
		width: 13vw;
	}
	
	ul.final-nav li.ticket a,
	ul.final-nav li.ticket span {
		background-image: url(../img_rn/final/nav_ticket.png);
		background-size: 100%;
		width: 11.8vw;
	}
	
	ul.final-nav li.dlvr a,
	ul.final-nav li.dlvr span {
		background-image: url(../img_rn/final/nav_dlvr.png);
		background-size: 100%;
		width: 8vw;
	}
	
	ul.sns {
		margin: 10% auto 0 auto;
		text-align: center;
	}

	ul.sns li {
		display: inline-block;
		margin-right: 10px;
		width: auto;
		height: 20px;
		overflow: hidden;
	}


	#footer {
		margin: 0 auto;
		width: 100%;
	}

	#footer-copyright {
		border: 0;
		padding: 8.4% 0 2.3% 0;
		font-size: 0.8rem;
		font-size: calc(7px + 20 * ((100vw - 320px) / 704));
		line-height: 1.3;
		text-align: center;
		color: #010101;
	}

}