@charset "utf-8";
/* ---------------------------------------------------------------------------------
Copyright 2014.HAIR CATALOG.JP ALL RIGHTS RESERVED.

HTML CSS Selectors The STAGE AFTER

$Revision: 1.0 $
--------------------------------------------------------------------------------- */

/*---------------------------------------------------------------------------------
共通
--------------------------------------------------------------------------------- */
#contents-wrapper {
	padding-top: 27px;
	width: 100%;
	min-width: 960px;
	background-color: #fff;
	font-family: "Noto Sans Japanese" !important;
}

#mv {
	width: 100%;
	min-width: 960px;
	padding-top: 101px;
	padding-bottom: 52px;
	background-image: url(../images/the_stage_2015_after/pc_mv_bottom.jpg);
	background-repeat: repeat-x;
	background-position: center bottom;
}
#mv .slides {
	overflow:hidden;
}

#contents-wrapper article {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
}

#list {
	width: 900px;
	overflow:hidden;
}
#list li {
	padding-right: 30px;
	padding-bottom: 30px;
	float: left;
}
#list li:nth-of-type(2n) {
	padding-right: 0;
}
#list li:nth-of-type(2n+1) {
	clear: left;
}
#list li a:hover img {
	-ms-filter: "alpha( opacity=50 )";
	opacity:0.5 !important;

}

/*---------------------------------------------------------------------------------
トップ
--------------------------------------------------------------------------------- */
#top {
}
#top header {
	width: 900px;
	height: 230px;
	background-image: url(../images/the_stage_2015_after/pc_top_ttl.png);
	background-repeat: no-repeat;
}
#top header h2,
#top header p {
	width: 900px;
	text-indent: 100%; 
    white-space: nowrap; 
    overflow: hidden; 
}

#top .txt {
	padding: 0px 45px 30px;
	font-size: 14px;
	line-height: 21px;
}


/*---------------------------------------------------------------------------------
PAGE
--------------------------------------------------------------------------------- */
#page {
}
#page h2 {
	height: 113px;
	border-bottom: 2px solid #FFC0CE;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background-image: url(../images/the_stage_2015_after/pc_page_ttl.png);
	background-repeat: no-repeat;
	background-position: center top;
}

#page h3 {
	width: 400px;
	padding-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
	border-bottom: 1px solid #000;
	text-align: center;
	font-family: 'Cinzel', serif;
	font-size: 24px;
	line-height: 1;
	font-weight: 400;
	letter-spacing : 1px;
	color: #000;
}
#page h3 img {
	display: inline-block !important;
	padding-top: 30px;
	padding-bottom: 30px;
}
#page h3 .theme {
	display: block;
	padding-bottom: 12px;
	font-size: 18px;
	text-align: center;
}
#page h3 .sub {
	font-size: 20px;
}

ul#photo-nav {
	height: 69px;
}
ul#photo-nav li {
	float: left;
	width: 112px;
	height: 69px;
	cursor: pointer;
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
	padding-right: 1px;
}
ul#photo-nav li.current {
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}
ul#photo-nav li.all {
	display: block;
	height: 51px;
	width: 109px;
	text-align: center;
	padding-top: 18px;
	font-family: 'Cinzel', serif;
	font-size: 11px;
	line-height: 18px;
	color: #FFF;
	background-color: #ccc;
	padding-right: 0px;
}
ul#photo-nav li a.all:hover {
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	text-decoration: none;
}

.photo-image {
	padding-bottom: 10px;
}
.photo-image.all img {
	display: block;
	padding-bottom: 5px;
}


#page .txt {
	padding: 30px 45px 35px;
	font-size: 16px;
	line-height: 28px;
}


#other-style {
	width: 100%;
	padding-top: 25px;
	padding-bottom: 30px;
	background-color: #FFF;
	min-width: 960px;
}

#other-style #other-slider {
	width: 850px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
#other-style #other-slider li {
	float: left;
	width: 150px;
	padding-right: 10px;
	padding-left: 10px;
}
#other-style #other-slider li span {
	display:none;
}

#other-style a.prev, #other-style a.next {
	width: 16px;
	height: 16px;
	display: block;
	position: absolute;
	top: 53px;
	background-color: transparent;
	background-image: url(../images/style/btn_other_slide.png);
	background-repeat: no-repeat;
}
#other-style a.prev {			left: -40px;
					background-position: 0 0; }
#other-style a.next {			right: -40px;
					background-position: -16px 0; }

a.prev span, a.next span {
	 display: none;
}