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

/*------------------------------
サイト名：B2ぴーぽー
作成日：2015.09.29
修正日：2015.09.29
ガイドライン：Ver.02
製作者：株式会社エムアップ
------------------------------*/

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

article {
	margin-bottom: 0;
	padding: 0;
}

section h2 {
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	line-height: 0;
	width: 100%;
	height: 40px;
	margin: 0.2em 0;
	padding: 0;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 154px 40px;
	-webkit-background-size: 154px 40px;
	-moz-background-size: 154px 40px;
	/*border-bottom: 2px solid #fff;*/
}


/* ------------------------------------
 * CONTAINER
 * ------------------------------------ */

.headerImage {
	position: relative;
	width: 100%;
	height: 100%;
	display: block;
}

.headerImage img.protect {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
}

.headerImage img {
	width:100%;
}

/* ------------------------------------
 * FREE/MEMBER NAVIGATION
 * ------------------------------------ */
/*
#freeNav,
#memberNav {
	margin: 1px 0;
}
*/
#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;
	padding: 0.8em;
	background: #1a1a1a;
	color: #fff;
	font-weight: bold;
}
#freeNav li:first-child a {
	border-right: solid 1px #fff;
}

#memberNav p {
	padding: 0.5em 3%;
}


/* ------------------------------------
 * BIRTHDAY PRESENT
 * ------------------------------------ */

#memberNav p + ul li:first-child a.btn {
	margin-top: 0;
}

#memberNav li:last-child a.btn {
	margin-bottom: 1.5em;
}

a.birthday,
a.present {
	background-color: #ef1010;
}


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

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

/* ------------------------------------
 * ABOUT
 * ------------------------------------ */

 #about_b2 {
	clear:both;
}

 #about_b2 a {
 	display: block;
 	padding: 0.8em 3%;
 	text-align: center;
 }

 #about_b2 a img{
	 width:100%;
 }


/* ------------------------------------
 * SLIDE BANNER
 * ------------------------------------ */

#slideBnr {
	padding: 1.5em 3% 1em;
	background: #e9e9e9;
}

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

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

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

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

.slick-dots {
	margin-top: 6px;
	font-size: 0;
}

.slick-dots li {
	width: 13px;
	height: 15px;
	margin: 0 3px;
	text-align: center;
}

.slick-dots li button {
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	line-height: 0;
	width: 15px;
	height: 15px;
	display: block;
	background: url(../img/parts/slideNav_indicator_bg.png) no-repeat center center;
	background-size: 9px 9px;
	-webkit-background-size: 9px 9px;
	-moz-background-size: 9px 9px;
}

.slick-dots li button:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 15px;
	height: 15px;
    content: '•';
	text-align: center;
	opacity: .25;
}

.slick-dots li.slick-active button:before {
	background: url(../img/parts/slideNav_indicator.png) no-repeat center center;
	background-size: 9px 9px;
	-webkit-background-size: 9px 9px;
	-moz-background-size: 9px 9px;
}


/* ------------------------------------
 * INFO
 * ------------------------------------ */

#info {
	padding: 0 0 1em;
	margin:1em 0;
  background:#e9e9e9;
	border-bottom:2px solid #161616;
}

#tabNav h2 {
	height: auto;
	margin: 0;
	padding: 0;
	border-bottom: none;
	background: none;
}

@media projection, screen {
	#tabNav .ui-tabs-hide {
		display: none;
	}
}

@media print {
	#tabNav .ui-tabs-nav {
		display: none;
	}
}

/* TAB */

#tabNav .ui-tabs-nav {
	z-index: 100;
	overflow: hidden;
	margin: 0;
	zoom: 1;
	background:#161616;
}

#tabNav .ui-tabs-nav:after {
	display: block;
	clear: both;
	content: " ";
}

#tabNav .ui-tabs-nav li {
	display: inline;
	float: left;
	width: 33.333%;
	border-right: solid 1px #fff
}

#tabNav .ui-tabs-nav li:last-child {
	border-right: none;
}

#tabNav .ui-tabs-nav li a,
#tabNav .ui-tabs-nav li.ui-tabs-selected a {
	display: block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	line-height: 0;
	height: 35px;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 100px 35px;
	-webkit-background-size: 100px 35px;
	-moz-background-size: 100px 35px;
	/*border-bottom: solid 4px #161616;*/
	background-color: #ababab;
	text-decoration: none;
	text-align: center;
}
#tabNav .ui-tabs-nav li.panel01 a {
	background-image: url(../img/home/whatsnew_tab.png);
}

#tabNav .ui-tabs-nav li.panel02 a {
	background-image: url(../img/home/schedule_tab.png);
}

#tabNav .ui-tabs-nav li.panel03 a {
	background-image: url(../img/home/info_tab.png);
}

#tabNav .ui-tabs-nav li.ui-tabs-selected a {
	background-position: center top;
	border-bottom: solid 4px #161616;
	background-color:#161616;
}

#tabNav .ui-tabs-panel {
  background:#e9e9e9;;
}

#tabNav .ui-tabs-loading em {
	padding: 0 0 0 20px;
}

* html #tabNav .ui-tabs-nav {
	display: inline-block;
}
*:first-child+html #tabNav .ui-tabs-nav {
	display: inline-block;
}


/* MORE */

#info a.more {
	background-color: #606060;
	margin: 1em 3% 0;
}


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

#menuList {
	overflow: hidden;
	background: #161616;
	margin-bottom:0.7em;
}

#menuList h2#member_title {
	/*margin-bottom: 1em;*/
	background-image: url(../img/home/member_title.png);
}

#menuList h2#free_title {
	/*margin-bottom: 1em;*/
	background-image: url(../img/home/free_title.png);
}

#menuList ul {
	margin: 0;
	/*padding: 0 0 0 1%;*/
	zoom: 1;
	overflow: hidden;
	border-bottom:1px solid #fff;
}

#menuList .first_menu	{
	border-top:1px solid #fff;
}

#menuList li {
	float: left;
	width: 33%;
}

#menuList li a,
#menuList li span {
	display: block;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	border-right:1px solid #fff;
}

#menuList li:last-child a,
#menuList li:last-child span {
	border-right:none;
}

#menuList li a img,
#menuList li span img {
	max-width: 100%;
}

.uranai_bnr{
	display: block;
	margin: 0.5em;
	padding: 1em 3%;
	text-align: center;
}

.uranai_bnr img{
	width:100%;
}

/* ------------------------------------
 * LINK AREA
 * ------------------------------------ */

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

#linkArea {
	padding: 0 3% 2em;
}

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


#linkArea li a img {
	width: 100%;
}


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

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

#support h2 {
	background-image: url(../img/home/support_title.png);
	background-color:#161616;
}

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

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

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


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

 footer {
 	background:#161616;
	color:#fff;
 }

 footer nav {
 	display: none;
 }

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

#freeNav ul:after,
.flickSimple ul:after,
#whatsnew .more:after,
#membersMenu ul:after,
#menulist ul:after.{
    clear: both;
    display: block;
    height: 0;
    line-height: 0;
    font-size: 0.1em;
    content: ".";
    visibility: hidden;
}