@charset "UTF-8";

/*//////////----- HEADER -----//////////*/

#header{
	background-image: url("../images/bg-body.jpg");
	background-repeat: repeat;
	background-size: 210px;
	
	background-color: transparent;
}

#header h1{
	background-color:#000;
}

.header-content{
	background-color: transparent;
}

/*//////////----- BREAD CRUMB -----//////////*/

#breadcrumb{
	width:100%;
	
	background-color:#000;
	color:#fff;
}

/*//////////----- BT-MENU -----//////////*/

.bt-menu-nav ~ label{
	background-color:#000;
}

#bt-menu div.content ul li a{
	display:block;
	
	background-color: rgba(40,0,40,0.90);
	color:#fff;
}

#bt-menu div.content ul li:nth-child(1) a{
	background-image: url("../images/icon-btmenu01.png");
}

#bt-menu div.content ul li:nth-child(2) a{
	background-image: url("../images/icon-btmenu02.png");
}

#bt-menu div.content ul li:nth-child(3) a{
	background-image: url("../images/icon-btmenu03.png");
}

#bt-menu div.content ul li:nth-child(4) a{
	background-image: url("../images/icon-btmenu04.png");
}

#bt-menu div.content ul li:nth-child(5) a{
	background-image: url("../images/icon-btmenu05.png");
}

/*----////////----FIRSTVIEW----////////----*/

#firstview div.message p.caption{
	width:100%;
	margin:0 auto;
	max-width: 720px;
	
	text-align: left;
}

@media only screen and (min-width: 720px){
	
	#firstview div.message p.caption{
		text-align: center;
	}
	
}

/*//////////----- PAGETOP -----//////////*/

#pagetop{
	width:100%;
	background-color: #000;
	color:#fff;
}

#pagetop p.btn a{
	background-color:#7f7878;
}

#pagetop p.btn a:hover{
	/*opacity: 0.5;*/
	background-color:#808;
	
	text-decoration: none;
}

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

#footer{
	background-image: url("../images/bg-body.jpg");
	background-repeat: repeat;
	background-size: 210px;
	
	background-color: transparent;
}

#footer p.logo{
	max-width: 320px;
	margin-top:20px;
}

#footer p.contact{
	max-width: 480px;
}

/*//////////----- PAGE-HEADER -----//////////*/

.page-header{
	background-image: url("../images/bg-page-header.jpg");
	background-repeat: repeat;
	background-size: 216px;
	
	background-color: transparent;
}

.page-header h2{
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight:normal;
	
	color:#7f7878;
}

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

.page-footer p.btn-detail a{
	color:#fff;
	
	background-color:#000;	
	border:solid 1px #000;
	
	background-image: url("../images/icon-arrow-right-white.png");
}

.page-footer p.btn-detail a:hover{
	background-color:#7f7878;
}

/*//////////----- PAGER -----//////////*/

.pager ul.archive li span.ol{
	background-color:#000;
}

.pager ul.single li span.ol{
	background-color:#000;
}

.pager ul li span.ol:hover{
	background-color:#f0f0f0;
	color:#000;
	
	text-decoration: none;
}


/*//////////----- CASTLIST -----//////////*/

.castlist div.inner p.type01{
	background-color:#a00;
}

.castlist div.inner p.type02{
	background-color:#7f7878;
}

.castlist div.inner p.type03{
	color:#808;
}

.castlist div.castimg p.icon-new span.text{
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	background-color:rgba(80,0,80,0.90);
}

.castlist div.castimg p.icon-rank span.text{
	background:linear-gradient(left, #660000 0%, #880000 25%, #aa0000 50%, #880000 75%, #660000 100%);
	background: -webkit-linear-gradient(left, #660000 0%, #880000 25%, #aa0000 50%, #880000 75%, #660000 100%);
	background: -moz-linear-gradient(left, #660000 0%, #880000 25%, #aa0000 50%, #880000 75%, #660000 100%);
	background: -o-linear-gradient(left, #660000 0%, #880000 25%, #aa0000 50%, #880000 75%, #660000 100%);
	background: -ms-linear-gradient(left, #660000 0%, #880000 25%, #aa0000 50%, #880000 75%, #660000 100%);
}

.castlist div.castimg p.standby{
	background-color:rgba(80,0,80,0.90);
}

.castlist div.castimg p.standby span.note{
	background-color:#a00;
}

.castlist div.casttext ul.icon li:nth-child(odd) span.text{
	background-color:rgba(80,0,80,0.90);
}

.castlist div.casttext ul.icon li:nth-child(even) span.text{
	background-color:rgba(20,0,60,0.90);
}

/*//////////----- SLICK -----//////////*/

.slider-content div.prev img{
	background-color:#000;
}

.slider-content div.next img{
	background-color:#000;
}


/*----////////----INDEX----////////----*/

#firstview div.message div.btn p.btn-entry a{
	background-color:#7f7878;
	border:solid 1px #7f7878;
}

#firstview div.message div.btn p.btn-entry a:hover{
	background-color:#fff;
	color: #000;
	text-decoration: none;
}

#firstview div.message div.btn p.btn-leave a{
	background-color:#000;
	border:solid 1px #000;
}

#firstview div.message div.btn p.btn-leave a:hover{
	background-color:#fff;
	color:#000;
	
	text-decoration: none;
}

/*----////////----SORT----////////----*/

.sort p.nav-open{
	background-color:#000;
}

.sort p.nav-open:before{
	color:#000;
}

.sort p.nav-open.active:before{
	color:#000;
}

.sort label.label-checkbox input[type="checkbox"]:checked + span.lever{
	background-color:#7f7878;
}

.sort label.label-radio input[type="radio"]:checked + span.lever{
	background-color:#7f7878;
}

/*//////////----- WEEKLY -----//////////*/

.weekly ul li a{
	background-color:#000;
	border:solid 1px #000;
}

.weekly ul li a:hover{
	background-color:#fff;
	color:#000;
}

.weekly ul li.sat a{
	background-color:#004;
	border:solid 1px #004;
}

.weekly ul li.sat a:hover{
	color:#004;
}

.weekly ul li.sun a{
	background-color:#400;
	border:solid 1px #400;
}

.weekly ul li.sun a:hover{
	color:#400;
}

.weekly ul li.active a{
	background-color:#a00;
	border:solid 1px #a00;
}

.weekly ul li.active a:hover{
	color:#a00;
}

/*//////////----- PROFILE -----//////////*/

#profile h3{
	color:#7f7878
}

#profile h3:before{
	background-color:#7f7878;
}

#profile .summary div.size div.row p.que{
	background-color:#000;
}

#profile h4{
	color:#7f7878
}

#profile h4:before{
	background-color:#7f7878;
}

/*----////////----OPTION----////////----*/

.optionlist div.row p.que{
	border:solid 1px #000;
	background-color:#000;
}

.optionlist div.row p.ans{
	color:#000;
	border:solid 1px #000;
}

/*----////////----INTERVIEW----////////----*/

.interview div.row p.que:before{
	background-color: #7f7878;
}

.interview div.row p.ans:before{
	color:#7f7878;
}

/*----////////----COMMENT----////////----*/

.comment p.nav-open{
	background-color:#000;
}

.comment p.nav-open:before{
	color:#7f7878;
}

.comment p.nav-open.active:before{
	color:#7f7878;
}

/*----////////----SCHEDULE----////////----*/

.schedulelist div.row div.ans p.btn{
	background-color: #7f7878;
}

.schedulelist div.row div.ans p.off{
	background-color:#f0f0f0;
}

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

.link ul li span.ol{
	background-color:#7f7878;
}

.link ul li span.off{
	background-color:#f0f0f0;
}

/*//////////----- ABOUTMEMBER -----//////////*/

#about-member div.navigation ul li a{
	background-color:#000;
}

#about-member div.content-inner div.post-content p.btn a{
	background-color:#808;
}

#about-member div.member-rank div.row:first-child p{
	background-color:#000;
}

/*//////////----- ACCESS -----//////////*/

.route div.row p.number{
	background-color:#000;
}

/*//////////----- DIARY-SHOW -----//////////*/

#diary-show div.summary h4{
	color:#7f7878;
}

#diary-show div.summary h4:before{
	background-color:#7f7878;
}

.content-twin-sidebar h5{
	color:#7f7878;
}

.content-twin-sidebar h5:before{
	background-color:#7f7878;
}

/*//////////----- EVENT -----//////////*/

#event article div.summary h4{
	color:#7f7878;
}

#event article div.summary h4:before{
	background-color:#7f7878;
}

/*//////////----- FAQ -----//////////*/

#faq div.row h4:before{
	background-color:#000;
}

#faq div.row div.ans:before{
	background-color:#7f7878;
}

#faq .tab li span.ol{
	color:#7f7878;
}

#faq .tab li.active span.ol{
	background-color:#7f7878;
	color:#fff;
}

/*//////////----- NEWS-SHOW -----//////////*/

#news-show div.summary h4{
	color:#7f7878;
}

#news-show div.summary h4:before{
	background-color:#7f7878;
}

/*//////////----- RANKING -----//////////*/

#ranking .tab li span.ol{
	color:#7f7878;
}

#ranking .tab li.active span.ol{
	background-color:#7f7878;
	color:#fff;
}

#ranking h3{
	color:#7f7878;
}

#ranking h3:before{
	background-color:#7f7878;
}

.rankingrow div.inner p.icon-rank span.text{
	background-color:rgba(60,0,60,0.90);
	color:#fff;
}

.rankingrow div.text p.standby{
	background-color:rgba(80,0,80,0.90);
}

.rankingrow div.text p.standby span.note{
	background-color:#a00;
}