@charset "utf-8";

/* ----------------------------------------------------------------------
	main
---------------------------------------------------------------------- */
body.dolls{background: #000;}
body.dolls ::selection {	background:#ba9ecc;}
body.dolls ::-moz-selection {	background:#ba9ecc;}

body.dolls .sectiontexttitle:first-letter{color: #9b52cc;}

/* ----------------------------------------------------------------------
template edited
---------------------------------------------------------------------- */
body.dolls #pagebackground{background: #000;}

body.dolls #bg,body.dolls #wrapper{
	background-image:url(../images/common/bg_dolls.png);
	background-color: #2f2730;
}
body.dolls #contents{	color:#f5f5f5; border-top-color: #9b52cc;}

/* ----------------------------------------------------------------------
	pagetop
---------------------------------------------------------------------- */
body.dolls #sec_story{		background-image: url(../images/top/dolls/sec_story.jpg);}
body.dolls .button_pagetop a{	background-image:url(../images/common/dolls/button_pagetop.png);}
body.dolls #panel_informationinner{color: #221815;}
body.dolls .scrollbox::-webkit-scrollbar-thumb {  background:#9b52cc;}

body.dolls .wrapthumbnail .newtext{border-color: #9b52cc transparent transparent transparent;}

body.dolls #panel_information .banner{
	background-color: #9b52cc;
	border: solid 2px #9b52cc;
}
/* ----------------------------------------------------------------------
header
---------------------------------------------------------------------- */
body.dolls #pagebackground{background: #000;}

/* ----------------------------------------------------------------------
globalnav
---------------------------------------------------------------------- */
body.dolls #navbar{border-top-color:#9b52cc;}
body.dolls #subpage_header{background-image: url(../images/nav/dolls/nav_bg.png);}
body.dolls #globalnav_inner li{border-color: #2f2730!important;}
body.dolls #globalnav_inner li .newtext::before{color:#b172d8; }
body.dolls #globalnav_inner li a{	background-image:url(../images/nav/dolls/globalnav_sprite.png);}
body.dolls #globalnav .nav_text{	background-image: url(../images/nav/dolls/nav_text.png);}

body.dolls #globalnav_inner li:not(.disabled) a::after{ 	background: #9b52cc;}

/* #navbar.fixed 固定メニュー*/
body.dolls #navbar.fixed{		background: rgba(25,21,26,1);}

/* ----------------------------------------------------------------------
	navcontainersp
---------------------------------------------------------------------- */
body.dolls #globalnavsp_inner li a{
	background-image:url(../images/nav/dolls/globalnavsp_sprite.png);
	background-repeat:no-repeat;
}
body.dolls #globalnavsp_inner li{	border-color: #2f2730!important;}

/* ----------------------------------------------------------------------
	text
---------------------------------------------------------------------- */
body.dolls h4{
	color: #f5f5f5;
	background-image: url(../images/common/dolls/marker.png);
}

/* ----------------------------------------------------------------------
	button
---------------------------------------------------------------------- */
body.dolls .commonbutton.more{	background-image: url(../images/common/dolls/button_more.png);}
body.dolls .commonbutton.back{	background-image: url(../images/common/dolls/button_back.png);}

body.dolls .commonbutton.more a{	background-image: url(../images/common/dolls/button_more_effect.png);}
body.dolls .commonbutton.back a{	background-image: url(../images/common/dolls/button_back_effect.png);}

/* ----------------------------------------------------------------------
	subpagenab	button
---------------------------------------------------------------------- */
body.dolls .commonbutton.movie{		background-image: url(../images/movie/dolls/button_navsub.png);}
body.dolls .commonbutton.comic{		background-image: url(../images/comic/dolls/button_navsub.png);}
body.dolls .commonbutton.illust{	background-image: url(../images/illust/dolls/button_navsub.png);}
body.dolls .commonbutton.tips{		background-image: url(../images/tips/dolls/button_navsub.png);}
body.dolls .commonbutton.movie a{	background-image: url(../images/movie/dolls/button_navsub_effect.png);}
body.dolls .commonbutton.comic a{	background-image: url(../images/comic/dolls/button_navsub_effect.png);}
body.dolls .commonbutton.illust a{	background-image: url(../images/illust/dolls/button_navsub_effect.png);}
body.dolls .commonbutton.tips a{	background-image: url(../images/tips/dolls/button_navsub_effect.png);}

/* ----------------------------------------------------------------------
	image
---------------------------------------------------------------------- */
body.dolls .imgidol{	display: none;	opacity: 0;}
body.dolls .imgdolls{	display: block;	opacity: 1;}

body.dolls .wrapthumbnail .zoom{border-color:transparent transparent rgba(117,61,154,0.8) transparent;}
body.dolls .wrapthumbnail .movienone{		background: #4f4550;	color: #2f2730;}

/* ----------------------------------------------------------------------
	page_movie
---------------------------------------------------------------------- */
body.dolls .wrapthumbnail .button_movie_play::before{background-color:  rgba(155,82,204,0.8);}

body.dolls .wrapthumbnail .button_movie_play:hover::after {		top: 0;		background-color:  rgba(155,82,204,0.6);}
body.dolls .wrapthumbnail .thumbnail_title{	background: #9b52cc;}

/* ----------------------------------------------------------------------
	#page_character
---------------------------------------------------------------------- */
body.dolls .charaname_en{opacity: 0.3;}

/* ----------------------------------------------------------------------
	page_character	キャラタブ
---------------------------------------------------------------------- */
#page_character.dolls .sp-button div{
	background-image:url(../images/character/idol/character_tabs.png);
}

/*チェンジボタン*/
body.dolls .button_changestate .changestate_idol{left: 15px;	z-index: 1;}
body.dolls .button_changestate .changestate_dolls{left: 0;	z-index: 10;}
body.dolls .button_changestate:hover .changestate_idol{left: 0px;	z-index: 10;}
body.dolls .button_changestate:hover .changestate_dolls{left:15px;z-index: 1;}

/* ----------------------------------------------------------------------
smartphone
---------------------------------------------------------------------- */
@media only screen and (max-width:640px){
	
	/* ----------------------------------------------------------------------
	globalnav
	---------------------------------------------------------------------- */
	body.dolls #globalnav_inner li{
		background-color: 	#19151a;
		border-bottom: #dbdbdb solid 1px;
	}
	
	body.dolls #globalnav_inner li a{		background-image:url(../images/nav/dolls/globalnavsp_sprite.png);	}
	
	body.dolls #globalnavsp_inner li .newtext,
	body.dolls #globalnav_inner li .newtext{
		border-color: #2f2730 transparent transparent transparent;
	}

	body.dolls #globalnavsp_inner li .newtext::before,
	body.dolls #globalnav_inner li .newtext::before{	color: #b172d8;		}

	/* ----------------------------------------------------------------------
	#page_character
	---------------------------------------------------------------------- */
	/*チェンジボタン*/
	body.dolls.smartphone .button_changestate .changestate_idol{left: 15px!important;	z-index: 1!important;}
	body.dolls.smartphone .button_changestate .changestate_dolls{left: 0!important;	z-index: 10!important;}
}

/* youtube.css */
body.dolls #youtubeplayerbox{
	background-color:rgba(000,000,000,0.9);
}

/* jquery.sliderPro.css */
body.dolls #boxer-overlay {  background: #000;}

body.dolls #boxer .boxer-control.previous:before,
body.dolls #boxer.mobile .boxer-control.previous:before{
	border-right-color: #9b52cc;
}

body.dolls #boxer .boxer-control.next:before,
body.dolls #boxer.mobile .boxer-control.next:before{
	border-left-color: #9b52cc;
}

body.dolls #boxer.mobile {  background: rgba(0, 0, 0, 0.9);}