@charset "UTF-8";
/*\*/

/*------------------------------
サイト名：luz MEMBERS
作成日：2016.02.18
修正日：2016.02.18
ガイドライン：Ver.02
製作者：株式会社エムアップ
------------------------------*/


/*--- OVERRIDE ------------------*/

header h1 {
	height: 60px;
	background: url(/img/home/headerLogo.png) no-repeat 10px center;
	background-size: 180px 50px;
	-webkit-background-size: 180px 50px;
	-moz-background-size: 180px 50px;
	text-indent: -9999px;
}

header h1 a {
	display: block;
	position: absolute;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	width: 180px;
	height: 50px;
	top: 5px;
	left: 10px;
	margin: 0;
}

/* article {
	padding: 0;
} */

section h2 {
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	line-height: 0;
	padding: 21.33% 0 0;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}


/* ------------------------------------
 * CONTAINER
 * ------------------------------------ */
 
#headerImage {
	position: relative;
	width: 100%;
	height: 100%;
	display: block;
	margin-top: 60px;
	border-bottom: solid 10px #000;
}

#headerImage img.protect {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	z-index: 5;
}

#headerImage img {
	width: 100%;
}

/*#headerImage .slider:after {
	position: absolute;
	display: block;
	content: " ";
	bottom: 0;
	width: 100%;
	padding-top: 21.33%;
	background: url(/img/home/frame_mainvisual.png) no-repeat center bottom;
	background-size: contain;
	z-index: 7;
}*/

.slick-list {
	text-align: center;
}

.slick-slider {
	overflow: hidden;
	width: 100%;
}

.slick-slider img {
	width: 100%;
}

.slick-prev,
.slick-next {
	display: none !important;
}

.slick-dots {
	display: none !important;
}


/* ------------------------------------
 * FREE/MEMBER NAVIGATION
 * ------------------------------------ */

#freeNav,
#memberNav {
	margin: 1em 3% 1.5em;
}

#freeNav ul,
#memberNav nav ul {
	clear: both;
}

#freeNav li {
	display: inline;
	float: left;
	width: 50%;
}

#memberNav nav li {
	display: inline;
	width: 100%;
}

#freeNav li a,
#memberNav nav li a {
	display: block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	line-height: 0;
	padding-top: 30.63%;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}
#freeNav li.regist a {
	margin-right: 2.5%;
	background-image: url(/img/home/btn_regist.png);
}
#freeNav li.login a {
	margin-left: 2.5%;
	background-image: url(/img/home/btn_login.png);
}
#memberNav nav li.mypage a {
	padding-top: 14.92%;
	background-image: url(/img/home/btn_mypage.png);
}

#memberNav p {
	margin-bottom: -0.3em;
	padding: 0.5em 3% 0;
}


/* ------------------------------------
 * ATTENTION
 * ------------------------------------ */

#attention a {
	display: block;
	margin: 0.5em;
	padding: 0.5em 3%;
	border: dotted 1px #afc0be;
	color: #272727;
	text-align: center;
}


/* ------------------------------------
 * BNR AREA
 * ------------------------------------ */
 
#bnrArea {
	padding: 1.5em 10%;
	background-color: rgba(255,255,255,0.28);
}

#bnrArea li {
	text-align: center;
}

#bnrArea li a {
	display: block;
	margin-bottom: 1.1em;
}
#bnrArea li:last-child a {
	margin-bottom: 0;
}

#bnrArea li img {
	width: 100%;
}


/* ------------------------------------
 * INFORMATION
 * ------------------------------------ */

#information {
	padding: 0 0 1.2em;
}

#information h2 {
	background-image: url(/img/home/title_information.png);
}

#information li {
	margin: 0 6%;
	padding: 0;
	border-bottom: solid 1px #5c5c5c;
	background-color: transparent;
}
#information li:first-child {
	border-top: solid 1px #5c5c5c;
}

/* MORE */

.more a {
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	line-height: 0;
	height: 36px;
	margin: 0.7em 6%;
	padding: 0;
	background-color: rgba(255,255,255,0.6);
	background-image: url(/img/common/btn_more.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 44px 9px;
	-webkit-background-size: 44px 9px;
	-moz-background-size: 44px 9px;
}


/* ------------------------------------
 * MENU LIST
 * ------------------------------------ */

#menuList {
	overflow: hidden;
}

#freemenu h2 {
	background-image: url(/img/home/title_menu.png);
}
#membersmenu h2 {
	background-image: url(/img/home/title_membersmenu.png);
}

#freemenu ul,
#membersmenu ul {
	padding: 0 5% 0.8em;
	zoom: 1;
	overflow: hidden;
	background: url(/img/home/bg_menu.png) repeat;
}
#membersmenu ul {
	background: url(/img/home/bg_membersmenu.png) repeat;
}

#menuList li {
	float: left;
	width: 25%;
	margin: 0;
}

#menuList li div {
	margin: 0 5px 10px;
}

#menuList li a,
#menuList li span {
	display: block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	line-height: 0;
	padding-top: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100%;
}
#menuList li.information a {
	background-image: url(/img/home/menu_information.png);
}
#menuList li.profile a {
	background-image: url(/img/home/menu_profile.png);
}
#menuList li.schedule a {
	background-image: url(/img/home/menu_schedule.png);
}
#menuList li.discography a {
	background-image: url(/img/home/menu_discography.png);
}
#menuList li.luzmail a {
	background-image: url(/img/home/menu_luzmail.png);
}
#menuList li.staffblog a {
	background-image: url(/img/home/menu_staffblog.png);
}
#menuList li.ticket a {
	background-image: url(/img/home/menu_ticket.png);
}
#menuList li.gallery a {
	background-image: url(/img/home/menu_gallery.png);
}
#menuList li.movie a {
	background-image: url(/img/home/menu_movie.png);
}
#menuList li.present a {
	background-image: url(/img/home/menu_present.png);
}
#menuList li.special a {
	background-image: url(/img/home/menu_special.png);
}
#menuList li.blog a {
	background-image: url(/img/home/menu_blog.png);
}
#menuList li.qanda a {
	background-image: url(/img/home/menu_qanda.png);
}
#menuList li.puzzle a {
	background-image: url(/img/home/menu_puzzle.png);
}
#menuList li.sub span {
	background-image: url(/img/home/menu_sub.png);
}


/* ------------------------------------
 * SUPPORT
 * ------------------------------------ */

#support {
	overflow: hidden;
	background: #000;
}

#support h2 {
	padding-top: 16.53%;
	background-image: url(/img/home/title_support.png);
}

#support ul {
	clear: both;
	overflow: hidden;
	zoom: 1;
	border-top: solid 1px #5c5c5c;
}

#support li {
	display: inline;
	overflow: hidden;
	float: left;
	width: 50%;
}
#support li:first-child,
#support li:nth-child(2) {
	width: 100%;
}

#support li a {
	display: block;
	overflow: hidden;
	padding: 0.8em 0;
	border-right: solid 1px #5c5c5c;
	border-bottom: solid 1px #5c5c5c;
	font-size: 83%;
	text-align: center;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #fff;
}
#support li:first-child a,
#support li:nth-child(2),
#support li:nth-child(even) a {
	border-right: none;
}


/* ------------------------------------
 * FOOTER
 * ------------------------------------ */

footer nav {
	display: none;
}

footer small {
	padding: 1.5em 0;
}


/* ------------------------------------
 * clearfix
 * ------------------------------------ */

#freeNav ul:after, 
#menuList ul:after,
nav#support ul:after {
    clear: both;
    display: block;
    height: 0;
    line-height: 0;
    font-size: 0.1em;
    content: ".";
    visibility: hidden;
}