@charset "utf-8";

/* ----------------------------------------------------------------------
main
---------------------------------------------------------------------- */
body {
	width:100%;
	min-width: 1180px;
	position:relative;
	text-align:center;
	background: #fff;
}

a{	cursor:pointer;   font-weight: bold;}
a:link,a:visited{	color:#00b2e3;}
a:hover,a:active{	color:#2ccaef;}
.button{display: block;}

.fadeeffect,.hovereffect a,.commonbutton a{
	-webkit-animation: none;
	display: block;
}

.fadeeffect,.hovereffect:hover a,.commonbutton a{
-webkit-transition-property:opacity;
	-webkit-transition-duration:0.15s;
	-webkit-transition-timing-function: ease-out;
	-moz-transition-property:opacity;
	-moz-transition-duration:0.15s;
	-moz-transition-timing-function: ease-out;
	-ms-transition-property:opacity;
	-ms-transition-duration:0.15s;
	-ms-transition-timing-function: ease-out;
	transition-property:opacity;
	transition-duration:0.15s;
	transition-timing-function: ease-out;
}


.fadeeffect{	opacity:1.0;  }
.fadeeffect:hover{	opacity:0.7;   }

.commonbutton a,.hovereffect a{ opacity: 0;}
.commonbutton:hover a,.hovereffect:hover a{	opacity: 1;}


::selection {	background: #ffa7cf;	color:#fff;}
::-moz-selection {	background:#ffa7cf;	color:#fff;}

/* ----------------------------------------------------------------------
opacityeffect
---------------------------------------------------------------------- */
.opacityeffect{
	position:relative;
	display:block;
}

.opacityeffect .base{
	position:absolute;
	left:0px;
	top:0px;
	z-index:1; 
}

.opacityeffect .effect{
	position:absolute;
	left:0px;
	top:0px;
	z-index:2;
	display:none;
}

/* ----------------------------------------------------------------------
	pagetop
---------------------------------------------------------------------- */
.button_pagetop{
	position:fixed;
	right:10px;
	bottom:-3px;
	height:30px;
	z-index:8000;
	-webkit-transform: translatez(0);
}

.button_pagetop a{
	bottom:-84px;	right:0;	position:absolute;
	display:block;
	width:84px;
	height:50px;
	background-image:url(../images/common/idol/button_pagetop.png);
	background-repeat:no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	text-decoration:none;
	background-position: left top;
}

.button_pagetop:hover{	bottom: 3px;
	-webkit-transition-duration:0.15s;
	-webkit-transition-timing-function: ease-out;
	-moz-transition-duration:0.15s;
	-moz-transition-timing-function: ease-out;
	-ms-transition-duration:0.15s;
	-ms-transition-timing-function: ease-out;
	transition-duration:0.15s;
	transition-timing-function: ease-out;
}

/* ----------------------------------------------------------------------
template edited
---------------------------------------------------------------------- */
#wp{
	width:100%;
	z-index:10;
	overflow-x:hidden;
	position: relative;
}

#bg{	
	background:#fff url(../images/common/bg.png) repeat center	-60px;
}

#sqexHeader-black_rsp{
	position:relative;
	z-index:100;
}

#contents{
	min-width:1140px;
	z-index:100;
	font-size: 16px;
	font-family:  'Muli',sans-serif,"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
	line-height: 1.75;
	color:#221815;
	background: none;
	position: relative;
	width:100%;
	overflow-x:hidden;
	border-top:solid 3px #ff50a0;
	opacity: 0;
}

#sqexFooter{
	position:relative;
	overflow:hidden;
}

/* ----------------------------------------------------------------------
base
---------------------------------------------------------------------- */
#wrapper{
	margin: 0 auto;
	padding: 100px 0;
	position:relative;
	z-index: 100;
	overflow: hidden;
	background: #fff url(../images/common/bg.png) repeat center -9px;
}

#page_top #sec_character,#wrapper,#bg,#sec_info{
	-webkit-animation: bgscroll 25s linear infinite;
 	animation: bgscroll 25s linear infinite;
}

@-webkit-keyframes bgscroll {
 0% {background-position: 0 0;}
 100% {background-position: -800px 500px;}
}

@keyframes bgscroll {
 0% {background-position: 0 0;}
 100% {background-position: -800px 500px;}
}

.container{
	width:1140px;
	margin: 0 auto;
	text-align: left;
	position: relative;	z-index: 100;
	/*background-color: #2ccaef;*/
}


/* ----------------------------------------------------------------------
loadingbox
----------------------------------------------------------------------*/
#loadingbox{
	width:100%;
	height:100%;
	position:fixed;
	left:0px;
	top:0px;
	overflow:hidden;
	z-index:100000;
	max-height:1000px;
	display:none;
}

#loadingbox img{
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-64px;
	margin-top:-64px;
	z-index:10001;
	transform-origin:center center;
}

@-webkit-keyframes rotate1 {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(-360deg); } 
}
@-moz-keyframes rotate1 {
  0% { -moz-transform: rotate(0deg); }
  100% { -moz-transform: rotate(-360deg); } 
}
@-o-keyframes rotate1 {
  0% { -o-transform: rotate(0deg); }
  100% { -o-transform: rotate(-360deg); } 
}
@keyframes rotate1 {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(-360deg); } 
}
#loadingbox img.circle1{
  -webkit-animation: rotate1 3s infinite linear;
  -moz-animation:	rotate1 3s infinite linear;
  -o-animation:	  rotate1 3s infinite linear;
  animation:		 rotate1 3s infinite linear;
}

@-webkit-keyframes rotate2 {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); } 
}
@-moz-keyframes rotate2 {
  0% { -moz-transform: rotate(0deg); }
  100% { -moz-transform: rotate(360deg); } 
}
@-o-keyframes rotate2 {
  0% { -o-transform: rotate(0deg); }
  100% { -o-transform: rotate(360deg); } 
}
@keyframes rotate2 {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); } 
}
#loadingbox img.circle2{
  -webkit-animation: rotate2 5s infinite linear;
  -moz-animation:	rotate2 5s infinite linear;
  -o-animation:	  rotate2 5s infinite linear;
  animation:		 rotate2 5s infinite linear;
}

#contentmask,.changemask{
	position:fixed;
	width:100%;
	height:100%;
	top:0px; left:0px;  z-index:99999;
	background:none;
	display:none;
}

.changemask#maskdolls{	background:#2f2730;}
.changemask#maskidol{	background:#fff;}
/* ----------------------------------------------------------------------
							   smartphone
---------------------------------------------------------------------- */
@media only screen and (max-width:640px){
	/* ----------------------------------------------------------------------
	main
	---------------------------------------------------------------------- */
	html{
		-webkit-text-size-adjust: 100%;
		min-width:640px;
	}

	body{
		min-width:640px;
		overflow-x: hidden;
	}

	#container{
		width: 640px;
		
	}
	/* ----------------------------------------------------------------------
	template edited
	---------------------------------------------------------------------- */
	#wp{
		width:100%;
	}

	#sqexHeader-black_rsp{
		position:relative;
		z-index:100;
	}

	#contents{
		font-size: 20px;
		min-width:640px;
	}

	#sqexFooter{
		position:relative;
		overflow:hidden;
	}

	/* ----------------------------------------------------------------------
	base
	---------------------------------------------------------------------- */
	#wrapper{
		width:640px !important;
		padding-bottom: 0;
	}
	
	#background{	display: none;}

	.container{		width: 580px;	}
	
	#page_top #sec_character,#wrapper,#bg,#sec_info{
	-webkit-animation: none;
 	animation: none;
	}
	
	/* ----------------------------------------------------------------------
	button_pagetop
	----------------------------------------------------------------------*/
	.button_pagetop:not(.showsp){display: none!important;}

	.button_pagetop{
		position:static;
		margin: 0 auto;
		-webkit-transform: translatez(0);
	}

	.button_pagetop a{
		right: -42px; bottom:-7px!important;
	}

	.button_pagetop:hover{
		-webkit-transition-duration:0;
		-moz-transition-duration:0;
		-ms-transition-duration:0;
		transition-duration:0;
	}
}