@charset "utf-8";



#menu_list li.m img:first-child{display:block;}
#menu_list li.m img:nth-child(2){display:none;}

body.top #menu_list li:nth-child(2) img:first-child{display:none;}
body.top #menu_list li:nth-child(2) img:nth-child(2){display:block;}

body.story #menu_list li:nth-child(3) img:first-child{display:none;}
body.story #menu_list li:nth-child(3) img:nth-child(2){display:block;}

body.character #menu_list li:nth-child(4) img:first-child{display:none;}
body.character #menu_list li:nth-child(4) img:nth-child(2){display:block;}

body.system #menu_list li:nth-child(5) img:first-child{display:none;}
body.system #menu_list li:nth-child(5) img:nth-child(2){display:block;}

body.movie #menu_list li:nth-child(6) img:first-child{display:none;}
body.movie #menu_list li:nth-child(6) img:nth-child(2){display:block;}

body.gallery #menu_list li:nth-child(7) img:first-child{display:none;}
body.gallery #menu_list li:nth-child(7) img:nth-child(2){display:block;}

body.special #menu_list li:nth-child(8) img:first-child{display:none;}
body.special #menu_list li:nth-child(8) img:nth-child(2){display:block;}

body.product #menu_list li:nth-child(9) img:first-child{display:none;}
body.product #menu_list li:nth-child(9) img:nth-child(2){display:block;}

body.twitter #menu_list li:nth-child(10) img:first-child{display:none;}
body.twitter #menu_list li:nth-child(10) img:nth-child(2){display:block;}

body.characterInner #menu_list li:nth-child(4) img:first-child{display:none;}
body.characterInner #menu_list li:nth-child(4) img:nth-child(2){display:block;}

body.galleryInner #menu_list li:nth-child(7) img:first-child{display:none;}
body.galleryInner #menu_list li:nth-child(7) img:nth-child(2){display:block;}

#cboxClose{
position:fixed!important;
right:0px!important;
bottom:0px!important;

display:block!important;
width:100%!important;height:100%!important;
background:none!important;
}

#colorbox{
	overflow:visible!important;
}

#cboxWrapper{
	overflow:visible!important;
}

#cboxTitle{
position:relative!important;
top:0!important;
color:#947912!important;
padding-top:8px;
}

#cboxTitle span{
font-weight:800;
font-size:115%;
}

#cboxNext,#cboxPrevious{
	z-index:100!important;
}

/*--キャラ別色指定--*/

.c_randy{
color:#1F81D3;
}

.c_marcel{
color:#1EBBC2;
}

.c_julious{
color:#F4B000;
}


/*--transitionAnimation--*/

.scaleAnimation_hover{
-moz-transition: -moz-transform 0.1s ease;
	-webkit-transition: -webkit-transform 0.1s ease;
	-o-transition: -o-transform 0.1s ease;
	-ms-transition: -ms-transform 0.1s ease;
	transition: transform 0.1s ease;
}

.scaleAnimation_hover:hover{
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
}



/*----------------------------------------
	for PC
----------------------------------------*/


	@media screen and (min-width: 481px){

		.commonAttention{
		display:block;
		width:100%;
		text-align:right;
		position:absolute;
		bottom:5px;right:5px;
		font-size:13px;
		color:#764E11;
		z-index:100;
		text-shadow:
			-1px -1px #fff,
			1px -1px #fff,
			-1px 1px #fff,
			1px 1px #fff;
		}

	/*--------common---------*/


	#menu_list li.m:hover img:first-child{display:none;}
	#menu_list li.m:hover img:nth-child(2){display:block;}

	body{
	min-width:1200px;
	background-color:#FFFDFE;
	}


	#background{
	min-width:1200px;
	position:relative;
	background-color:#fff;
	overflow:hidden;
	}

	#menu{
	position:fixed;
	z-index:50;
	width:150px;height:100%;
	padding:20px 20px 0 15px;
	}


	#menu_list li{
	display:block;position:relative;
	margin:0 0 25px 15px;
	}



	#menu_list li .logo{
	width:160px;
	margin-left:-10px;
	}

	#menu_list li .icon{
	position:absolute;display:block;
	top:0px;right:-15px;
	}

	#menu_list li .icon.new{
	right:-8px;
	}

	#menu_list li .icon.ot{
	right:-42px;
	}

	#shareBtn{
	position:absolute;bottom:150px;left:30px;
	width:113px;
	height:67px;
	background-image:url(../img/common/bg_share.png);
	}

	#shareBtn .tw{
	position:absolute;left:55px;top:20px;
	}

	#shareBtn .fb{
	position:absolute;left:83px;top:20px;
	}

	#footer{
	min-width:1170px;
	position:relative;
	background:#fff url(../img/common/bg_footer.jpg) repeat-x;
	z-index:100;
	padding:15px;
	}

	#footer .console{
	display:block;float:left;
	}

	#footer .cero{
	display:block;float:left;
	margin-left:20px;

	}


	#footer .links{
	display:block;float:left;
	font-size:12px;
	width:600px;
	margin-left:15px;
	}

	#footer .links a{
	display:block;
	float:left;
	margin-left:10px;
	color:#b18d2d;
	}

	#footer .links a:first-child{
	margin-left:0;
	}

	#footer .campanylogo{
	display:block;float:right;
	}




	/*--------TOP---------*/

	body.top #background{
	background: #FFFDFE url(../img/common/bg.jpg) repeat-x fixed;s
	}


	body.top #contents{
	position:relative;
	width:82%;float:right;
	background-color:#fff;
	box-shadow:0 0 5px rgba(0,0,0,0.3);
	}

	body.top #contents .visual{
	position:relative;
	width:100%;
	}

	body.top #contents .copy{
	position:fixed;top:60px;left:18%;
	z-index:20;
	}

	body.top #contents .tgs{
	position:absolute;bottom:25px;left:45px;
	z-index:20;
	display:block;
	}

	body.top #contents .tgs img{
		width:100%;
	}

	body.top #contents .logo{
	position:absolute;bottom:33%;right:50px;
	width:430px;
	z-index:20;
	}


	body.top #contents .movie{
	display:block;
	position:absolute;top:45px;right:55px;
	z-index:20;
	width:280px;
	box-shadow:2px 2px 4px rgba(0,0,0,0.6);
	}

	body.top #contents .movie::after{
	display:block;
	position:absolute;top:30px;left:20px;
	z-index:30;
	width:70px;
	height:70px;
	content:'';
	background-image:url("../img/top/play.png");
	background-size:100%;
	background-position:left top;
	opacity:0.9;
	}

	/*body.top #contents .movie::before{
	display:block;
	position:absolute;top:-30px;right:-30px;
	z-index:30;
	width:160px;
	height:100px;
	content:'';
	background-image:url("../img/top/icon_wp.png");
	background-size:100%;
	background-repeat:no-repeat;
	background-position:left top;
	}*/

	body.top #contents .movie img{
	display:block;
	width:100%;
	border:2px solid #E30066;
	}

	body.top #contents .date{
	position:absolute;bottom:27%;right:50px;
	z-index:20;
	}
	body.top #contents .console{
	position:absolute;bottom:38px;right:52px;
	z-index:20;
	}

	body.top #contents .bnr_nico{
	display:block;
	position:absolute;top:220px;right:4%;bottom:auto!important;
	z-index:20;
	width:290px;
	}

body.top #contents .logo_fami{
position:absolute;bottom:26.5%;right:48%;
width:215px;
z-index:20;
}

body.top #contents .bnr_nico img{
display:block;
width:100%;
}

	body.top #visualArea{
	position:relative;
	margin-bottom:-23%;
	}



	body.top #newsTopics{
	position:relative;z-index:30;
	display:block;width:100%;
	margin:0px 5% 55px 0;
	padding:0px 0 30px;
	border-top:1px solid #DFD774;
	}

	body.top #newsTopics .head{
	width:700px;
	position:relative;display:block;z-index:20;
	top:-18px;
	left:0px;
	margin:0 auto 0;
	}

	body.top #newsTopics .bottom{
	width:700;top:1px;
	position:relative;display:block;z-index:20;
	margin:30px auto 0;
	bottom:0;
	}

	body.top #news{
	width:100%;z-index:20;
	text-align:center;
	position:relative;
	color:#9B901E;
	line-height:140%;
	border-bottom:1px solid #DFD774;
	background-color:rgba(255,255,255,0.9);
	}

	body.top #news .news_date{
	display:inline-block;
	color:#666;
	padding-bottom:0px;
	border-bottom:1px solid #999;
	margin-bottom:7px;
	}

	body.top #news img{
	display:block;margin:0 auto 0;
	}

	body.top #news p{
	padding:7px 0;
	background:url(../img/top/news_bg.png) repeat-y center;
	line-height:160%;
	color:#A98C18;font-size:14px;
	}

	body.top #news p span{
		display:inline!important;
	}


	body.top #banner{
	position:relative;z-index:20;
	width:96%;margin:20px auto 0;
	}


	body.top #banner li{
	margin:0.5% 0.3% 0;
	width:32.6%;
	display:block;
	float:left;
	position:relative;
	}

	body.top #banner li .icon{
	top: 5px;
	left:5px;
	z-index: 100;
	width:40px;
	position: absolute;
	display: block;
	}

	body.top #banner li img{
	width:100%;
	display:block;
	}


	body.top .flex-direction-nav a  {
	width: 17px; height: 64px;top:1px;margin-top:0px;
	}

	body.top .topic {
	position:relative;
	z-index:20;
	padding:0 0 30px;
	}

	body.top .topic .catch{
		display:block;
		width:516px;
		margin:0 auto 0;
		padding-left:70px;
	}

	body.top .topic .readtext{
		display:block;
		width:100%;
		padding:30px 0;
		text-align:center;
		color:#A26F0B;
	}

	body.top .topic .topic{
		width:100%;
	}

	body.top .topic .topic.sec{
		margin-top:-100px;
	}






	/*--------innerCommon---------*/


	body.innerCommon #background{
	background: #FFFDFE url(../img/common/bg.jpg) repeat-x fixed;

	}

	body.innerCommon #contents{
	position:relative;
	width:86%;float:right;
	}

	body.innerCommon .decoration_headline{
	position:relative;z-index:50;
	display:block;width:90%;max-width:1000px;
	margin:40px auto -40px;
	padding:0 4px;
	text-align:center;
	}

	body.innerCommon #bg_visual{
	position:fixed;
	right:0px;display:none;
	}

	body.innerCommon #window{
	position:relative;z-index:30;
	display:block;width:90%;max-width:1000px;
	margin:0px auto 80px;
	background-color: rgba(255, 255, 255, 0.2);
	padding:4px;
	overflow:hidden;
	box-shadow: 3px 5px 5px rgba(245, 154, 154, 0.2);
	}

	body.innerCommon #window .bgcolor{
	position: absolute;
	top: 0;left: 0;
	width:100%;height: 100%;
	background-color: rgba(255, 255, 255, 0.5);
	}

	body.innerCommon .glass::after {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	background-image: url("data:image/svg+xml,(../img/svgfilter/svgImage.svg)"), url("../img/common/menu_bg.jpg");
	background-position: center top;
	background-attachment: fixed;
	background-repeat:repeat;
	background-size: 100%;
	content: "";
	filter: url("data:image/svg+xml,(../img/svgfilter/svgFilter.svg)#blur");
	-webkit-filter: blur(8px);
	filter: blur(8px);
	}

	body.innerCommon .glass .legacy-ie-fix {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=20)";
	}


	body.innerCommon #window .flame_top,
	body.innerCommon #window .flame_bottom,
	body.innerCommon #window .flame_middle{
	position:relative;z-index:20;
	display:block;
	width:100%;
	}

	body.innerCommon #window .flame_middle{
	background:url(../img/story/flame_middle.png) repeat-y;
	background-size:100%;
	width:100%;
	}


	body.innerCommon #window h2{
	position:absolute;
	top:-80px;left:0px;
	display:block;width:100%;
	text-align:center;
	}



	/*--------STORY---------*/



	body.story #window .bgImage{
	position:absolute;z-index:0;
	top: 0;left: 0;
	width:100%;height: 100%;
	background:url(../img/story/bg_windowstory.png) no-repeat top right;
	background-size:54%;
	}

	body.story #window .flame_middle.cont01 p{
	width:80%;
	margin:6% 0 0 1%;
	position:relative;
	color:#6c4141;z-index:5;
	font-size:16px;
	line-height:190%;
	text-shadow:1px 1px 2px #deb876;
	}

	body.story #window .flame_middle{
	width:80%;
	padding:0 10%;
	}

	body.story #window .flame_middle.cont01{
	height:500px;
	}

	body.story #window h4{
		font-size:20px;position:relative;
		display:block;padding:8px 10px 8px 3%;
		background:url(../img/story/headline_bg.jpg) repeat-x;
		background-size:contain;
		text-shadow:#747317 2px 2px 0px;
		margin-top:8%;
	}

	body.story #window h4:first-child{
		margin-top:0px;
	}

	body.story #window p{
		font-size:14px;
		color:#6C5E41;
		display:block;margin:1% 0 0%;
	}

	body.story #window h4 img.decoration{
	display:block;position:absolute;
	left:-5%;top:-4px;
	}

	body.story #window h4 img.icon{
		display:block;position:absolute;
		top:-12px;left:-10px;
	}


	body.story #window img.ss{
		width:100%;
		margin:2% auto 0;
		display:block;
	}


	/*--------CHARACTER---------*/

	body.character #window .flame_middle .inner{
	margin-bottom:-2%;
	}

	body.character #window .flame_middle .inner a{
	display:block;float:left;
	position:relative;
	width:23.5%;margin:2% 0 0% 1.5%;
	}

	body.character #window .flame_middle .inner a.new::after{
		content: '';
	  width: 100%;
	  top: 0;
	  padding-top: 100%;
	  /* height: 100%; */
	  background-image: url('../img/character/icon_new.png');
	  background-size: 100%;
	  background-repeat: no-repeat;
	  z-index: 100;
	  position: absolute;
	  display: block;
	}

	body.character #window .flame_middle .inner a.update::after{
		content: '';
		width: 100%;
		top: 0;
		padding-top: 100%;
		/* height: 100%; */
		background-image: url('../img/character/icon_update.png');
		background-size: 100%;
		background-repeat: no-repeat;
		z-index: 100;
		position: absolute;
		display: block;
	}

	body.character #window .flame_middle .inner a img{width:100%;display:block;}
	body.character #window .flame_middle{
	width:88%;
	padding:0 6% 0;
	}

	body.character #window .bgImage{
	position:absolute; z-index:10;
	top:0;left:0;
	width:100%;height: 100%;
	background:url(../img/common/bg_window.png) no-repeat top left;
	background-size:100%;
	}



	/*--------PRODUCT---------*/


	body.product #window .flame_middle .inner{
	width:90%;
	color:#A57C0B;
	}

	body.product #window .bgImage{
	position:absolute; z-index:10;
	top:0;left:0;
	width:100%;height: 100%;
	background:url(../img/common/bg_window.png) no-repeat top left;
	background-size:100%;
	}

	body.product #window .flame_middle{
	width:86%;
	padding:0 7% 0;
	}

	body.product .th{
	float:left;
	}
	body.product .td{
	float:left;
	}

	body.product .clear{
	clear:both;
	}

	body.product #tab{
	width:102%;
	margin:40px 0 0 -2%;
	}

	body.product #tab li{
	display:block;
	width:31%;
	margin:0 0 0 2%;
	float:left;
	}


	body.product #tab li .on{display:none;}
	body.product #tab li .off{display:block;}

	body.product #tab li.active .on{display:block;}
	body.product #tab li.active .off{display:none;}

	body.product #tab li a{
	position:relative;
	display:block;width:100%;
	}

	body.product #tab li a img{
	display:block;
	width:100%;
	}

	body.product #tab li img.icon{
		display:block;position:absolute;
		width:auto;
		top:-12px;left:-10px;
	}

	body.product #window .flame_middle .exp{
	width:98%;margin:20px auto 0;
	}

	body.product #window .flame_middle .exp .title{
	display:block;
	margin:0 0 15px 5px;
	}

	body.product #window .flame_middle .exp .intro{
	color:#C8A608;
	margin:5px 0 0 30px;
	display:block;
	}

	body.product #window .flame_middle .exp .item{
	font-size:21px;

	color:#C8A608;
	display:block;
	margin:25px 0 0 15px;
	}

	body.product #window .price{
	color: #8C6B37;
	display:block;
	font-size: 18px;
	margin:0 0 50px 15px;
	}

	body.product #window .img_boxitem{
	width:100%;display:block;
	margin:-20px auto 0;
	}

	body.product #window .btn_reserve{
	display:block;
	width:200px;
	margin:50px auto 0;
	}

	body.product #window .btn_reserve img{
	width:100%;
	}

	body.product #window .line{
		width:100%;
		height:1px;
		background-color:#db0;
		margin:50px auto 50px;
	}

	body.product #window .btn_privilege{
	display:block;
	width:739px;margin:auto;
	position:relative;
}

body.product #window .btn_privilege img.icon{
	display:block;position:absolute;
	width:auto;
	top:-12px;left:-10px;
}

body.product #window .btn_rimited{
	background-color:#E66CB5;
	border-radius:25px;
	display:inline-block;color:#fff;
	padding:0 15px;
	margin-top:3px;
}

body.product .btn_cdsample{
	display:block;
	margin:15px auto 0;
	width:368px;
	position:relative;
}

body.product .btn_cdsample .icon{
	display:block;
	position:absolute;
	top:-5px;
	left:-5px;
}

body.product .btn_eventTicket{
	display:block;
	text-align:center;
	background-color:#E66CB5;
	border-radius:40px;
	padding:7px 0px;
	line-height:1.3;
	color:#fff;
	margin:15px auto 0;
	width:96%;
	position:relative;
}

body.product .btn_eventTicket .icon{
	display:block;
	position:absolute;
	top:-10px;left:20px;
}


	/*--------CharacterInner---------*/


	body.characterInner #background{
	background:url(../img/common/bg.jpg) repeat-x fixed;
	}

	body.characterInner #contents{
	position:relative;
	width:85%;float:right;
	height:100%;
	}

	body.characterInner #bg_visual{
	position:fixed;
	right:0px;
	z-index:10;
	}

	body.characterInner #info{
	position:relative;z-index:30;
	width:400px;
	padding-bottom:200px;
	margin:75px 0 0 80px;
	}

	body.characterInner #info p{
	display:block;
	color:#8E7004;
	font-size:15px;
	line-height:170%;
	margin:10px 0 20px 5px;
	text-shadow:2px 2px 2px #fff;
	}

	body.characterInner #info .btn_bottom{
	display:block;
	margin:5px 0 0px 5px;
	float:left;
	position:relative;
	}

	body.characterInner #info .btn_bottom img{
	display:block;
	}

	body.characterInner #info .btn_bottom .icon{
	display:block;
	position:absolute;
	top:-10px;left:-10px;
	}

	body.characterInner #info span.btn_bottom_section{
	display:block;
	clear:both;
	}

	body.characterInner #info span.btn_bottom_section2{
	display:block;
	clear:both;
	height:4px;
	}


	body.characterInner .mainImage{
	display:block;
	position:absolute;z-index:25;
	top:60px;right:0px;
	width:75%;
	margin:0px 0 0px 15px;
	}

	body.characterInner .words{
	display:block;
	position:absolute;z-index:25;
	top:50px;right:80px;
	}


	body.characterInner .btn_prev{
	position:absolute;z-index:100;
	top:50%;left:10px;
	}

	body.characterInner .btn_next{
	position:absolute;z-index:100;
	top:50%;right:10px;
	}

	body.characterInner .btn_next{
	position:absolute;z-index:100;
	top:50%;right:10px;
	}

	body.characterInner .box_comment{
width:300px;
padding:2px;
background-color:rgba(255,255,255,0.8);
border: solid 3px #B18B04;
margin:0 0 5px;
position:relative;
	}

	body.characterInner .box_comment_inner{
padding:5%;
background-color:rgba(255,255,255,0.8);
border: solid 1px #B18B04;
color:#B18B04;
	}

	body.characterInner .box_comment h6{
font-family: 'Lobster', cursive;
font-size:20px;
margin-bottom:10px;
	}

	body.characterInner .box_comment .icon{
position:absolute;
	 top:	5px;right:5px;
	}

	body.characterInner .attention_box{
		width:300px;
		padding:5px;
		text-align:center;
		background-color:rgba(177, 139, 4, 0.85);
		margin-bottom:20px;
	}



	/*--------SYSTEM---------*/


	body.system #window .flame_middle .inner{
	width:100%;
	color:#A57C0B;
	}

	body.system #window .bgImage{
	position:absolute; z-index:10;
	top:0;left:0;
	width:100%;height: 100%;
	background:url(../img/common/bg_window.png) no-repeat top left;
	background-size:100%;
	}

	body.system #window .flame_middle{
	width:86%;
	padding:0px 7% 20px;
	}

	body.system #window .title{
	display:block;
	margin:30px 0 5px -4px;
	clear:both;
	}

	body.system #window .title.top{
	margin-top:-30px;
	}

	body.system #window a{
	display:block;width:45%;position:relative;
	float:left;
	margin: 0 0 3% 3%;
	}

	body.system #window .box_ss{
	width:96%;
	margin:0 0 0 1%;
	}

	body.system #window a.ss{
	display:block;width:31%;position:relative;
	float:left;
	margin: 0 0 3% 2%;
	}

	body.system #window .inner.read{
	margin:0 0 30px;
	}

	body.system #window #tab li{
		width:24.2%;
		display:block;
		float:left;
		background-color:#B89620;
		color:#fff;
		margin-left:5px;

	}

	body.system #window #tab li:first-child{
		margin-left:0px;

	}

	body.system #window #tab li a{
		width:100%;
		display:block;
		text-align:center;
		color:#fff;
		padding:12px 0;
		margin:0;
		font-size:17px;
	}

	body.system #window #tab li a .icon{
		position:absolute;display:block;
		top:-16px;left:3px;
	}

	body.system #window #tab li.active{
		padding:2px;
	}

	body.system #window #tab li.active .icon{
		top:-18px;
	 }

	body.system #window #tab li.active a{
		width:100%;
		display:block;
		text-align:center;
		color:#B89620;
		padding:10px 0 ;
		background-color:#fff;
	}

	body.system #window .title{
		display:block;
		margin:40px 0 10px;
	}

	body.system #window .img_wide{
		display:block;
		width:75%;
		margin:10px auto 10px;
	}

	body.system #window .img_half_center{
		display:block;
		width:50%;
		margin:10px auto 10px;
	}


	body.system #window .img_bg{
		display:block;
		width:100%;
		margin:20px 0;
		padding:4px 0;
		background-color:rgba(255,255,255,0.5);
		box-shadow:0px 0px 4px rgba(250,180,180,0.5);
		}

	body.system #window .line{
		border-bottom:1px solid #DCC163;
		padding-bottom:20px;
		margin-bottom:20px;
	}

	body.system #window .space{
		padding-top:25px;
	}

	body.system #window .img_half{
		display:block;
		width:49%;
		margin:10px 0 10px;
		float:left;
		color:#666;
	}

	body.system #window .img_half h5{
		margin:18px 0 3px;
	}

	body.system #window .img_half.right{
		margin-left:2%;
	}

	body.system #window h4{
		font-weight:bold;
		display:block;
		color:#B89620;
		font-size:28px;
		margin:60px 0 10px;
		padding-bottom:12px;
		border-bottom:3px double #DCC163;
		text-shadow: 2px 2px 2px rgba(250, 216, 215, 0.9);
		}

	body.system #window h4.top{
		margin:40px 0 10px;
		}

		body.system #window .img_half.wrap img{
			width:100%;
		}

		body.system #window .img_half.wrap_text img{
			width:100%;
		}

		body.system #window .img_half.wrap_text{
			color:#A57C0B;
		}

		body.system #window .img_half.wrap{
			color:#A57C0B;
			font-size:13px;
			line-height:1.4;
		}


	body.system #window h4 .icon{
		display:inline;
		margin-left:10px;margin-bottom:-2px;
	}

	body.system #window h4 .num{
		display:block;
		float:left;
		margin:-3px 5px 0 0;
		width:28px;
	}


	body.system #window h5{
		font-weight:bold;
		color:#B89620;
		font-size:18px;
		margin:0px 0 0px;
		padding-bottom:5px;
	}

	body.system #window .h5_box_{
		background-color:rgba(255,255,255,0.8);
		padding:20px 3%;
		margin:20px 0;
		border-radius: 8px;
		border: 1px solid #B89620;
	}

	body.system #window .h5_box{
		width:49%;
		float:left;
	}

	body.system #window .h5_box.right{
		margin-left:2%;
	}

	body.system #window .h5_box img{
		display:block;
		width:100%;
		margin-top:10px;
	}

	body.system #window .map{
		position:relative;
	}

	body.system #window .map img{
		display:block;
		width:100%;
	}

	body.system #window .map .map_btn{
		display:block;
		position:absolute;
		top:0%;left:0%;
		margin:0;
		width:auto;height:auto;
	}

	body.system #window .map .map_btn img{
		display:block;
	}

	.map_btn.num_01{top:44%!important;left:60%!important;}
	.map_btn.num_02{top:59%!important;left:42%!important;}
	.map_btn.num_03{top:52%!important;left:80%!important;}
	.map_btn.num_04{top:32%!important;left:44%!important;}
	.map_btn.num_05{top:35%!important;left:20%!important;}
	.map_btn.num_06{top:53%!important;left:17%!important;}


	body.system #window .thum_seiden_box{
		margin-left:-1%;
		padding:15px 0 0;
	}

	body.system #window	a.thum_seiden{
		display:block;
		width:32%;
		margin:1% 0 0 1%;
	}

	body.system #window	a.thum_seiden::after{
		content:'';
		background-image:url('../img/system/icon_plus.png');
		background-size:100%;
		width:30px;height:30px;
		display:block;
		position:absolute;
		bottom:0px;
		right:0px;
	}

	body.system #window	a.thum_seiden img{
		width:100%;
		display:block;
	}


	body.system #window .img_s04_left{
		float:left;
		width:60%;
		display:block;
	}

	body.system #window .img_s04_right{
		float:right;
		width:35%;
		display:block;
	}

	body.system #window .s04_d{
		width:10%;
		display:block;
		margin:60px auto 0;
	}

	body.system #window .h5_box_s04{
		width:42.5%;
		background-color:rgba(255,255,255,0.8);
		padding:20px 3%;
		margin:10px 0;
		border-radius: 8px;
		border: 1px solid #FF5FBE;
		float:left;
	}

	body.system #window .h5_box_s04.right{
		margin-left:2%;
	}

	body.system #window .h5_box_s04 img{
		display:block;
		width:100%;
		margin:10px 0 10px;
	}


	body.system #window h4 span{
		font-size:13px;
		font-weight:400;
		line-height:100%;
		padding:2px 5px;
		margin:0 0 0 20px;
		border:1px solid #B89620;
	}

	body.system #window h4 span{
		font-size:13px;
		font-weight:400;
		line-height:100%;
		padding:2px 5px;
		margin:0 0 0 20px;
		border:1px solid #B89620;
	}

	body.system #window .img01p{
		width:100%;
		display:block;
		margin-bottom:-3%;
		position:relative;
		z-index:0;
	}

	body.system #window .img01j{
		width:48%;
		display:block;
		float:left;
		margin-left:2%;
		position:relative;
		z-index:5;
	}

	body.system #window .img01_txt{
		width:46%;
		display:block;
		float:right;
		margin-right:1%;
		margin-bottom:3%;
		position:relative;
		z-index:5;
		text-shadow:2px 2px 1px #fff;
	}

	body.system #window .img01_txt h5{
		font-size:23px;
	}

	body.system #window .inner .link_othertopic{
		display:inline;
		margin:0 0 0 8px;
		width:auto;
		float:none;
		border-radius:25px;
		background-color:#D71346;
		color:#fff;padding:3px 10px;
		font-size:90%;
	}



	/*--------GALLLERY---------*/


	body.gallery #window .flame_middle .inner{
	width:90%;
	color:#A57C0B;
	}

	body.gallery #window .bgImage{
	position:absolute; z-index:10;
	top:0;left:0;
	width:100%;height: 100%;
	background:url(../img/common/bg_window.png) no-repeat top left;
	background-size:100%;
	}

	body.gallery #window .flame_middle{
	width:86%;
	padding:30px 7% 0;
	}

	body.gallery #window .title{
	display:block;
	margin:30px 0 2% 2.5%;
	clear:both;
	}

	body.gallery #window .title.top{
	margin-top:-30px;
	}

	body.gallery #window a{
	display:block;width:45%;position:relative;
	float:left;
	margin: 0 0 3% 3%;
	}

	body.gallery #window .box_ss{
	width:96%;
	margin:0 0 0 1%;
	}

	body.gallery #window a.ss{
	display:block;width:31%;position:relative;
	float:left;
	margin: 0 0 3% 2%;
	}

	body.gallery #window a .cover{
		overflow:hidden;
		border-radius:3px;
		box-shadow:1px 1px 7px #C2B47E;
	}

	body.gallery #window a .cover::before{
	content:'';
	background-image:url('../img/gallery/thum_cover.png');
	background-size:100%;
	position:absolute;top:0;left:0;
	width:100%;height:100%;
	}

	body.gallery #window a img{
	display:block;width:100%;
	}

	body.gallery #window a.new::after{
	content: '';
  width: 100%;
  top: -2%;left:-1.5%;
  padding-top: 57%;
  /* height: 100%; */
  background-image: url('../img/character/icon_new.png');
  background-size: 60%;
  background-repeat: no-repeat;
  z-index: 100;
  position: absolute;
  display: block;
	}




	/*--------GALLLERYINNNER---------*/


	body.galleryInner #window .flame_middle .inner{
	width:90%;
	color:#A57C0B;
	}

	body.galleryInner #window .bgImage{
	position:absolute; z-index:10;
	top:0;left:0;
	width:100%;height: 100%;
	background:url(../img/common/bg_window.png) no-repeat top left;
	background-size:100%;
	}

	body.galleryInner #window .flame_middle{
	width:86%;
	padding:0 7% 0;
	}


	body.galleryInner #window .stil{
	width:100%;display:block;
	}

	body.galleryInner #window p{
	color:#9B8C27;
	margin-top:20px;
	}

	body.galleryInner #window .btn_back{
	display:block;margin-top:40px;
	}

	body.galleryInner .btn_prev{
	position:absolute;z-index:100;
	width:45px;
	top:200px;left:10px;
	bottom:20px;
	}

	body.galleryInner .btn_next{
	position:absolute;z-index:100;
	width:45px;
	top:200px;right:10px;
	bottom:20px;
	}

	body.galleryInner .btn_prev img,
	body.galleryInner .btn_next img{
	display:block;width:100%;
	}


	/*--------PRIVILEGE---------*/


	body.privilege #window .flame_middle .inner{
	width:90%;
	color:#A57C0B;
	}

	body.privilege #window .bgImage{
	position:absolute; z-index:10;
	top:0;left:0;
	width:100%;height: 100%;
	background:url(../img/common/bg_window.png) no-repeat top left;
	background-size:100%;
	}

	body.privilege #window .flame_middle{
	width:86%;
	padding:30px 7% 0;
	}

	body.privilege #window a{
	display:block;width:28%;position:relative;
	float:left;
	margin: 0 0 3.5% 3.5%;
	}

	body.privilege #window a .cover{
		overflow:hidden;
		border-radius:3px;
		box-shadow:1px 1px 7px #C2B47E;
	}


	body.privilege #window a img{
	display:block;width:100%;
	}

	body.privilege #window a.new::after{
	content: '';
	width: 100%;
	top: -2%;left:-1.5%;
	padding-top: 57%;
	/* height: 100%; */
	background-image: url('../img/character/icon_new.png');
	background-size: 60%;
	background-repeat: no-repeat;
	z-index: 100;
	position: absolute;
	display: block;
	}

	body.privilege .attention_privilege{
		color:#764E11;
		display:block;
		text-align:right;
		width:92%;
		margin:0 auto 0;
	}



	/*--------SPECIAL---------*/


	body.special #window .flame_middle .inner{
	width:90%;
	color:#A57C0B;
	}

	body.special #window .bgImage{
	position:absolute; z-index:10;
	top:0;left:0;
	width:100%;height: 100%;
	background:url(../img/common/bg_window.png) no-repeat top left;
	background-size:100%;
	}

	body.special #window .flame_middle{
	width:86%;
	padding:30px 7% 0;
	}

	body.special #window #tab li{
		width:25%;
		display:block;
		float:left;
		background-color:#B89620;
		color:#fff;
		margin-left:5px;
		position:relative;
	}

	body.special #window #tab li:first-child{
		margin-left:0px;

	}

	body.special #window #tab li a{
		width:100%;
		display:block;
		text-align:center;
		color:#fff;
		padding:8px 0;
		margin:0;
		font-size:17px;

	}

	body.special #window #tab li a .icon{
		position:absolute;display:block;
		top:-14px;left:3px;
	}

	body.special #window #tab li.active{
		padding:2px;
	}

	body.special #window #tab li.active a{
		width:100%;
		display:block;
		text-align:center;
		color:#B89620;
		padding:6px 0 ;
		background-color:#fff;
	}

	body.special #window .exp{
	display:block;
	padding:30px 0 0;
	}

	body.special #window .title{
	display:block;
	margin:30px 0 3% 1%;
	clear:both;
	}

	body.special #window .title.top{
	display:block;
	margin:0 0 2% 1%;
	}

	body.special #window .thum{
		width:30%;
		float:left;
		margin:0 0 3% 2%;
	}

	body.special #window .thum img{
		width:100%;
	}

	body.special #window .thum span{
		display:block;
		width:100%;
		text-align:center;
		color:#8E7316;
		font-family:Arial!important;
	}


	body.special #window .twicon{
	display:block;width:18%;position:relative;
	float:left;
	margin: 0 0 1.5% 1.5%;
	}

	body.special #window .twheader{
	display:block;width:97%;position:relative;
	margin: 0 auto 0;
	}

	body.special #window .tw_readText{
		display:block;
		color:#963;
		margin:0px 0 35px 1%;
	}

	body.special #window .tw_readText a{
		color:#09d;
	}

	body.special #window twicon.new::after{
	content: '';
	width: 100%;
	top: -2%;left:-1.5%;
	padding-top: 57%;
	/* height: 100%; */
	background-image: url('../img/character/icon_new.png');
	background-size: 60%;
	background-repeat: no-repeat;
	z-index: 100;
	position: absolute;
	display: block;
	}


	body.special #window h4{
	font-size:28px;
	color:#B89620;
	padding:15px 0 20px 0.5%;
	}

	body.special #window img.wp{
	display:block;
	width:100%;
	margin-bottom:20px;
	border:1px solid #B89620;
	}

	body.special #window .btn_wp{
	display:block;
	width:32%;
	background-color:#B89620;
	color:#fff;
	float:left;
	text-align:center;
	margin:0.6%;padding:10px 0;font-size:18px;
	}

	body.special #window .attention{
	color:#963;
	font-size:13px;
	border:1px dotted #963;
	padding:10px 20px;
	margin: -20px 0 20px;
	}





	/*--------INTERVIEWINNNER---------*/


	body.interviewInner #window .flame_middle .inner{
	width:90%;
	color:#A57C0B;
	}

	body.interviewInner #window .bgImage{
	position:absolute; z-index:10;
	top:0;left:0;
	width:100%;height: 100%;
	background:url(../img/common/bg_window.png) no-repeat top left;
	background-size:100%;
	}

	body.interviewInner #window .flame_middle{
	width:86%;
	padding:0 7% 0;
	}

	body.interviewInner #window .headblock{
	width:100%;display:block;
	background-color:rgba(255,255,255,0.5);
	}

	body.interviewInner #window .stil{
	width:50%;display:block;
	float:left;
	}

	body.interviewInner #window .textArea{
	width:50%;
	padding-top:28.4%;
	float:right;
	position:relative;
	}

	body.interviewInner #window h3{
	color:#B89620;
	font-size:35px;
	position:absolute;
	left:10%;
	top:50%;
	margin-top:-20px;
	line-height:80%;
	font-family:Arial!important;
	}

	body.interviewInner #window h4{
		color:#B89620;
		font-size:18px;
		font-weight:bold!important;
		margin:60px 0 10px;
		padding-bottom:10px;
		border-bottom:1px solid #B89620;
		line-height:140%;
	}

	body.interviewInner #window h3 .min{
	font-size:85%;
	}

	body.interviewInner #window h3 .chara{
	font-size:16px;
	}

	body.interviewInner #window p{
	color:#9B8C27;
	margin-top:20px;
	}

	body.interviewInner #window .btn_back{
	display:block;margin-top:40px;
	}

	body.interviewInner .btn_prev{
	position:absolute;z-index:100;
	width:45px;
	top:200px;left:10px;
	bottom:20px;
	}

	body.interviewInner .btn_next{
	position:absolute;z-index:100;
	width:45px;
	top:200px;right:10px;
	bottom:20px;
	}

	body.interviewInner .btn_prev img,
	body.interviewInner .btn_next img{
	display:block;width:100%;
	}



	/*--------OPTHEME---------*/


	body.optheme #window .flame_middle .inner{
	width:90%;
	color:#A57C0B;
	}

	body.optheme #window .bgImage{
	position:absolute; z-index:10;
	top:0;left:0;
	width:100%;height: 100%;
	background:url(../img/common/bg_window.png) no-repeat top left;
	background-size:100%;
	}

	body.optheme #window .flame_middle{
	width:86%;
	padding:10px 7% 0;
	}

	body.optheme #window h2{
		margin:20px auto 10px;
	}

	body.optheme #window h2 span{
		display:none;
	}

	body.optheme #window h2 img{
		display:block;
		width:68%;
		margin:0 auto 0;
	}


	body.optheme #window img.main{
		width:100%;
		margin:0 auto 0;
	}

	body.optheme #window .box{
		margin:20px 0 0;
	}

	body.optheme #window .text{
		color:#9B790E;
		width:70%;float:left;
			margin-bottom:20px;
	}
	body.optheme #window .text .title{
		font-size:23px;
		display:block;
		margin:0 0 12px;
	}

	body.optheme #window .os{
		display:block;
		float:right;
		color:#000;
		width:28%;
	}

	body.optheme #window .os img{
		display:block;
		border:1px solid #ddd;
	}

	body.optheme #window .btn_os{
		display:block;
		width:70%;float:left;
		font-size:16px;
		text-align:center;
		padding:8px 0;margin:10px 0 0;
		border:1px solid #9B790E;
		border-radius:5px;color:#9B790E;font-weight:bold;
		background-color:#FFFBF0;
	}

	body.optheme #window .os span{
		display:block;
		font-size:11px;
		text-align:right;
		color:#9B790E;
	}


	/*--------MOVIE---------*/



	body.movie #window .flame_middle .inner{
	width:90%;
	color:#A57C0B;
	}

	body.movie #window .bgImage{
	position:absolute; z-index:10;
	top:0;left:0;
	width:100%;height: 100%;
	background:url(../img/common/bg_window.png) no-repeat top left;
	background-size:100%;
	}

	body.movie #window .flame_middle{
	width:86%;
	padding:30px 7% 0;
	text-align:center;
	}

	body.movie #window .title{
	display:block;
	margin:30px 0 2% 2.5%;
	clear:both;
	}

	body.movie #window h5{
	display:inline-block;
	clear:both;
	color:#B38B1E;
	font-weight:800;
	font-size:25px;
	text-align:center;
	padding:30px 0 10px;
	border-bottom:1px solid #B38B1E;
	margin-bottom:20px;
	}

	body.movie #window .exp_puti{
		color:#B38B1E;
		display:block;
		padding:3% 2%;
		border:1px solid #B38B1E;
		width:90%;font-size:12px;line-height:1.4;
		margin:0 auto 30px;
		background-color:rgba(255,255,255,0.8);

	}

	body.movie #window .title.top{
	margin-top:-30px;
	}

	body.movie #window a{
	display:block;width:45.5%;position:relative;
	float:left;
	margin: 0 0 3% 3%;
	}

	body.movie #window a.min{
	display:block;width:30%;position:relative;
	float:left;
	margin: 0 0 5% 3%;
	}

	body.movie #window a.min p{
		font-size:12px;
		margin-top:8px;
	}

	body.movie #window a .inner{
		display:block;
		width:100%!important;
		margin:0;
		overflow:hidden;
		border-radius:3px;
		box-shadow:1px 1px 7px #C2B47E;
	}

	body.movie #window a p{
		display:block;
		text-align:center;
		color:#a60;
		margin:12px 0 0;
		width:100%;
		font-size:16px;
	}

	body.movie #window .box_ss{
	width:96%;
	margin:0 0 0 1%;
	}


	body.movie #window span.bold{
	font-weight:800!important;
	font-size:17px;
	display:inline-block;
	margin-bottom:10px;
	}

	body.movie #window a.ss{
	display:block;width:31%;position:relative;
	float:left;
	margin: 0 0 3% 2%;
	}

	body.movie #window a .cover{

	}

	body.movie #window a.wp .inner{
		position:relative;
	}

	body.movie #window a.wp .inner:after{
		display:block;
		position:absolute;top:3px;right:5px;
		z-index:30;
		width:90px;
		height:62px;
		content:'';
		background-image:url("../img/top/icon_wp.png");
		background-size:100%;
		background-repeat:no-repeat;
		background-position:left top;
	}

	/*body.movie #window a .cover::before{
	content:'';
	background-image:url('../img/movie/thum_cover.png');
	background-size:170%;background-repeat:no-repeat;
	background-position:center center;
	position:absolute;top:0;left:0;
	width:100%;height:100%;
	}*/

	body.movie #window a img{
	display:block;width:100%;
	}

	body.movie #window a.new::after{
	content: '';
  width: 100%;
  top: -0.7%;left:-0.7%;
  padding-top: 57%;
  /* height: 100%; */
  background-image: url('../img/character/icon_new.png');
  background-size: 60%;
  background-repeat: no-repeat;
  z-index: 100;
  position: absolute;
  display: block;
	}

	body.movie .channel_btn{
	display:block;
	float:right;
	}

	body.movie .box_channel_btn{
	width:95%;
	margin:-40px auto 0;
	padding-bottom:20px;
	}


	/*--------CD SAMPLE---------*/


	body.cdsample #window .flame_middle .inner{
	width:90%;
	color:#A57C0B;
	}

	body.cdsample #window .bgImage{
	position:absolute; z-index:10;
	top:0;left:0;
	width:100%;height: 100%;
	background:url(../img/common/bg_window.png) no-repeat top left;
	background-size:100%;
	}

	body.cdsample #window .flame_middle{
	width:86%;
	padding:0 7% 0;
	}


	body.cdsample h4{
		color:#B79010;
		font-size:23px;
		font-weight:bold!important;
		border-bottom:1px solid #B79010;
		padding:20px 0 10px;
		margin-bottom:40px;
	}

	body.cdsample .box{
		width:28%;
		margin-left:4%;
		margin-top:5%;
		float:left;
	}

	body.cdsample .box .img{
		width:100%;
		display:block;
		margin-bottom:5px;
	}

	body.cdsample .box .info{
		display:block;
		text-align:center;
	}

	body.cdsample .box .info .name{
		color:#8B5201;
		font-size:18px;
	}

	body.cdsample .box .info .tag{
		color:#fff;
		font-size:12px;
		background-color:#DB2152;
		padding:3px 5px;
	}

	body.cdsample .box .jp-controls{
		text-align:center;
		display:block;
		width:100%;
		padding-top:10px;
	}

	body.cdsample .box .jp-controls a{
		display:block;
		width:138px;
		margin:0 auto 0;
	}

	body.cdsample .exp{
		color:#DB2152;
	}

	body.cdsample .exp span{
		color:#fff;
		background-color:#DB2152;
		padding:2px 3px;
		font-size:12px;
	}




	/*--------common---------*/

	.hide_sp{display:block!important;}
	.hide_pc{display:none!important;}

}


/*----------------------------------------
	for irregular PC
----------------------------------------*/



	@media screen and (min-width: 481px) and (max-width: 1199px) {

	body.innerCommon #contents{
	width:85%;
	}


	body.top #contents .visual{
	width:100%;
	}

	body.top #visualArea .logo_fami{
	right:46%;
	bottom:23.5%;
	width:190px;
	}

	body.top #visualArea{
	position:relative;
	margin-bottom:-20%;
	}


	body.top #contents .bnr_nico{
		bottom:23%;
	}

	body.top #contents .date{
		bottom:24%;
		width:380px;
	}

	body.top #contents .logo{
		bottom:30%;right:30px;
		width:420px;
	}



	body.top .glass::after {
	background-size: 145%;
	}

	body.top #contents .copy{
	position:absolute;top:30px;left:-15px;
	z-index:20;
	}

	#menu{
	position:absolute;
	z-index:50;
	width:150px;height:100%;
	padding:20px 20px 0 8px;
	}

	body.characterInner #bg_visual{
	position:absolute;
	display:block;
	top:0px;right:0px;width:60%;
	}


	body.top #newsTopics.spec{
	position:relative;z-index:30;
	display:block;width:95%;max-width:1000px;
	margin:0px 5% 60px 0;color:#9B901E;
	background-color: rgba(255, 255, 255, 0.2);
	padding:0px 0 0px;
	}

	body.top .glass::after {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	background-image: none;
	content: "";
	filter: none;
	-webkit-filter:none;
	filter: none;
	}

	body.top .glass .legacy-ie-fix {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	-ms-filter: none;
	}
/*
	body.top #contents .movie{
	display:block;
	position:absolute;top:45px;right:60px;
	z-index:20;
	width:260px;
	}

	body.top #contents .movie img{
	display:block;
	width:100%;
	}*/



	}

	/*--------1450---------*/

	@media screen and (min-width: 1450px) {

		body.top #banner li{
		margin:0.5% 0.3% 0;
		width:32.6%;
		display:block;
		float:left;
		position:relative;
		}

	body.innerCommon #contents{
	width:85%;
	}

	body.top #newsTopics{
	display:block;width:100%;
	margin:0px auto 80px;
	}

	body.top #visualArea{
	position:relative;
	margin-bottom:-23%;
	}

	body.top #visualArea .logo_fami{
	right:39%;
	width:280px;
	}


	body.characterInner .mainImage{
	top:10px;right:0px;
	width:85%;
	}

	body.characterInner #bg_visual{
	position:fixed;
	display:block;
	right:0px;width:60%;
	}

	body.characterInner .words{
	display:block;
	position:absolute;z-index:25;
	top:60px;right:130px;
	}

	body.top #contents .bnr_nico {
	display: block;
	position: absolute;
	bottom: 26%;
	right: 45px;
	z-index: 20;
	width: 290px;
	}


	}

	/*--------1550---------*/

	@media screen and (min-width: 1550px) {

		body.top #contents{
		width:85%;
		}

		body.top #contents .visual{
		width:100%;
		}



		body.top #newsTopics{
		display:block;width:100%;
		}

		body.top .glass::after {
		background-size: 110%;
		}



		body.top #visualArea{
			position:relative;
			margin-bottom:-23%;
		}


		body.top #contents .bnr_nico {
    display: block;
    position: absolute;
    bottom: 26%;
    right: 42px;left:auto;
    z-index: 20;
    width: 300px;
		}




	}

	@media screen and (min-width: 1800px) {

		body.top #contents{
		width:74%;
		max-width:1400px;
		margin:0 auto 0;
		float:none;
		}

		body.top #newsTopics{
		display:block;width:100%;
		}

		body.top #visualArea{
			position:relative;
			margin-bottom:-23%;
		}

		body.top #contents .visual{
		width:100%;
		}

		body.top .glass::after {
		background-size: 100%;
		}

		body.top #contents .copy{
		position:fixed;top:30px;left:14%;
		z-index:20;
		}


	}




/*----------------------------------------
	for SP
----------------------------------------*/

	@media screen and (max-width: 480px) {

		.commonAttention{
		display:block;
		width:92%;
		text-align:left;
		position:absolute;
		bottom:5px;right:5px;
		margin:0 auto 2%;
		font-size:13px;
		color:#764E11;
		z-index:100;
		font-size:10px;
		line-height:1.3;
		text-shadow:
			-1px -1px #fff,
			1px -1px #fff,
			-1px 1px #fff,
			1px 1px #fff;
		}

	/*--------common sp---------*/

	body{
	min-width:initial;
	min-width:auto;
	background:url(../img/common/bg_menu.jpg) fixed;
	background-color:#fff;
	padding-top:0px!important;
	}

	/*#kt_header{
		display:none;
	}*/

	#background{
	min-width:initial;
	min-width:auto;
	position:relative;
	}

	.btn_menu{
	display:block;width:15%;
	position:fixed;
	z-index:100;
	}

	.btn_menu img{
	display:block;width:100%;
	}

	#menu{
	position:relative;
	z-index:50;
	width:100%;height:0px;
	padding: 0 0 0;
	overflow:hidden;
	background-color:rgba(255,255,255,0.6);
	border-bottom:4px solid #EA2C86;
	}

	#menu_list li{
	display:block;
	width:100%;
	}

	#menu_list li a{
	display:block;position:relative;
	width:90%;
	padding:4% 5%;
	border-bottom:1px solid #F9DCDC;
	}

	#menu_list li.reserve a{
	border-bottom:none;
	float:right;
	width:65%;
	}

	#menu_list li .icon{
	position:absolute;display:block;
	top:25%;right:4%;
	}

	#menu_list li .icon.new{
	right:6%;
	}

	#menu_list li:nth-child(2){
	padding-top:18%;
	}

	#shareBtn{
	position:relative;
	padding:4% 0 5% 1.8%;
	width:35%;
	}

	#shareBtn .tw{
	position:relative;
	width:36px;
	}

	#shareBtn .fb{
	position:relative;
	width:36px;
	}

	#footer{
	min-width:initial;
	min-width:auto;
	position:relative;
	background:#fff url(../img/common/bg_footer.jpg) repeat-x;
	z-inde:100;
	padding:15px;
	}

	#footer .console{
	width:80%;
	display:block;float:left;
	margin:12% 0 0 2%;
	}

	#footer .cero{
	width:10%;
	display:block;float:left;
	margin:12% 0 0 3%;
	}


	#footer .links{
	display:block;float:left;
	font-size:12px;
	width:100%
	margin-top:10px;
	margin-left:2%;
	}

	#footer .links a{
	display:inline-block;
	color:#b18d2d;
	}

	#footer .links a:first-child{
	margin-left:0;
	}

	#footer .rights{
	margin:15px 0 15px;
	display:block;
	width:100%;
	}

	#footer .campanylogo{
	display:block;
	margin:0 auto 0;
	}

	/*--------TOP---------*/

	body.top #contents{
	position:relative;
	width:100%;float:none;
	background-color:#fff;
	}

	body.top #contents .visual{
	position:relative;top:auto;left:auto;
	width:100%;
	}

	body.top #visualArea{
	position:relative;
	padding-top:0;
	overflow:hidden;
	}

	body.top #visualArea .logo_fami{
	width:90%;
	margin:4% auto -6%;
	}

	body.top #contents .tgs{
	display: block;
  position: absolute;
  top: 25%;
  right: 16%;
  z-index: 20;
  width: 26%;
	}

	body.top #contents .tgs img{
		width:100%;
	}

	body.top #newsTopics{
	position:relative;z-index:30;
	display:block;width:100%;
	margin:35px auto 0px;
	background-color: rgba(255, 255, 255, 0.2);
	padding:0px 0 40px;
	overflow:hidden;
	}

	body.top #newsTopics .bgcolor{
	display:none;
	}


	body.top #newsTopics .head{
	width:190%;
	margin: 0 0 20px -45%;
	}

	body.top #newsTopics .bottom{
	display:block;
	width:100%;
	}


	body.top #news{
	width:100%;z-index:20;
	text-align:center;
	position:relative;
	color:#9B901E;
	line-height:140%;
	border-top:1px solid #DFD774;
	border-bottom:1px solid #DFD774;
	background-color:rgba(255,255,255,0.9);
	}

	body.top #news .news_date{
	display:inline-block;
	color:#666;
	padding-bottom:0px;
	border-bottom:1px solid #999;
	margin-bottom:7px;
	}

	body.top #news img{
	display:block;margin:0 auto 0;
	}

	body.top #news p{
	padding:7px 10px;
	background:url(../img/top/news_bg.png) repeat-y center;
	line-height:160%;
	color:#A98C18;font-size:14px;
	}

	body.top #news p span{
		display:inline;
	}


	body.top #banner{
	position:relative;z-index:20;
	width:90%;margin:20px auto 0;
	}

	body.top #banner li{
	width:100%;
	margin-top:10px;
	position:relative;
	}

	body.top #banner li .icon{
	width:38px;
	position:absolute;
	display:block;
	top:5px;
	left:5px;
	}

	body.top #banner li img{
	width:100%;
	display:block;
	}


	body.top #banner .flexslider .flex-viewport li{
	margin-right:0px;
	}


	body.top .flex-direction-nav a  {
	width: 17px; height: 64px;top:1px;margin-top:0px;
	display:none;
	}


	body.top #banner .flexslider li{
		margin-right:2px;
	}

	body.top .topic {
	position:relative;
	z-index:20;
	padding:0 0 0px;
	}

	body.top .topic .catch{
		display:block;
		width:90%;
		margin:8% auto 0;
		padding-left:2%;
	}

	body.top .topic .readtext{
		display:block;
		width:92%;
		padding:30px 4%;
		text-align:center;
		color:#A26F0B;
	}

	body.top .topic .topic{
		width:100%;
	}

	body.top .topic .topic.sec{
		margin-top:-5%;
	}

	body.top #newsTopics.spec{
	position:relative;z-index:30;
	display:block;width:95%;max-width:1000px;
	margin:0px 5% 0px 0;
	background-color: rgba(255, 255, 255, 0.2);
	padding:0px 0 0px;
	}

	body.top #newsTopics.spec p{
	position:relative;z-index:40;color:#A1720D;
	margin:0 auto 0;padding:30px 0 30px;width:90%;
	}



	body.top #contents .movie{
	display:block;
	width:80%;
	position:relative;
	margin:6% 0 0 10%;
	z-index:20;
	}

	body.top #contents .movie::after{
	display:block;
	position:absolute;top:24%;left:12%;
	z-index:30;
	width:20%;
	padding-top:20%;
	content:'';
	background-image:url("../img/top/play.png");
	background-size:100%;
	background-position:left top;
	}

	/*body.top #contents .movie::before{
	display:block;
	position:absolute;top:-20px;right:-20px;
	z-index:30;
	width:160px;
	height:100px;
	content:'';
	background-image:url("../img/top/icon_wp.png");
	background-size:100%;
	background-repeat:no-repeat;
	background-position:left top;
	}*/


	body.top #contents .movie img{
	display:block;
	width:100%;
	border:2px solid #E3005D;
	}

	body.top #contents .console{
	display:block;
	width:90%;
	position:relative;
	margin:5px auto 0;
	z-index:20;
	}

	body.top #contents .console img{
	display:block;
	width:100%;
	}

	body.top #contents .bnr_nico{
	display:block;
	width:90%;
	margin:5% auto 0;
}

body.top #contents .bnr_nico img{
display:block;
width:100%;
}

/*--------innerCommon---------*/


	body.innerCommon #background{

	}

	body.innerCommon #contents{
	position:relative;
	width:100%;float:right;
	}


	body.innerCommon .decoration_headline{
	position:relative;z-index:50;
	display:block;width:90%;
	margin:40px auto -40px;
	padding:0 4px;
	text-align:center;
	}

	body.innerCommon .decoration_headline img{
	width:50%;
	}

	body.innerCommon #bg_visual{
	position:absolute;
	right:0px;
	width:70%;
	display:none;
	}

	body.innerCommon #bg_visual img{
	display:block;width:100%;
	}

	body.innerCommon #window{
	position:relative;z-index:30;
	display:block;width:90%;
	margin:0px auto 80px;
	background-color: rgba(255, 255, 255, 0.2);
	padding:4px;
	overflow:hidden;
	}

	body.innerCommon #window .bgcolor{
	position: absolute;
	top: 0;left: 0;
	width:100%;height: 100%;
	background-color: rgba(255, 255, 255, 0.8);
	}

	body.innerCommon .glass::after {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	background-image: url("data:image/svg+xml,(../img/svgfilter/svgImage.svg)"), url("../img/common/menu_bg.jpg");
	background-position: center top;
	background-attachment: fixed;
	background-repeat:repeat;
	background-size: 100%;
	content: "";
	filter: url("data:image/svg+xml,(../img/svgfilter/svgFilter.svg)#blur");
	-webkit-filter: blur(8px);
	filter: blur(8px);
	}

	body.innerCommon .glass .legacy-ie-fix {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=20)";
	}

	body.innerCommon #window .flame_top,
	body.innerCommon #window .flame_bottom,
	body.innerCommon #window .flame_middle{
	position:relative;z-index:20;
	display:block;
	width:100%;
	}

	body.innerCommon #window .flame_middle{
	background:url(../img/story/flame_middle.png) repeat-y;
	background-size:100%;
	width:90%;
	padding:15% 5% 130%;
	}

	body.innerCommon #window h2{
	position:absolute;
	top:-16px;left:0px;
	display:block;width:100%;
	text-align:center;
	overflow:hidden;
	margin:0 0 0;
	}

	body.innerCommon #window h2 img{
	display:block;width:170%;
	margin-left:-37%;
	}

	/*--------STORY---------*/

	body.story #window .bgImage{
	position: absolute;z-index:19;
	top: -15%;left: 0;
	width:100%;height: 100%;
	background:url(../img/story/bg_windowstory.png) no-repeat bottom right;
	background-size:117%;
	}

	body.story #window .flame_middle{
		padding-top:0;
		padding-bottom:0;
		position:relative;z-index: 22;
	}

	body.story #window .flame_middle.cont01{
		padding-top:15%;
		padding-bottom:0%;
	}

	body.story #window .cont01 p{
	position:relative;z-index:20;
	width:100%;
	margin:93% 0 0 0%;
	color:#6c4141;
	font-size:14px;
	line-height:170%;
	text-shadow:1px 1px 2px #deb876;
	}

	body.story #window h3{
	display:block;width:100%;
	}

	body.story #window h3 img{
	display:block;width:100%;
	}


	body.story #window h4{
		font-size:16px;position:relative;
		display:block;padding:8px 10px 8px 3%;
		background:url(../img/story/headline_bg.jpg) repeat-x;
		background-size:contain;
		text-shadow:#747317 2px 2px 1px;
		margin-top:20px;
	}

	body.story #window h4:first-child{
		margin-top:0px;
	}

	body.story #window p{
		font-size:11px;
		color:#6C5E41;
		line-height:130%;
		display:block;margin:1.5% 0 0;
	}

	body.story #window h4 img.decoration{
	display:block;position:absolute;
	left:-5%;top:-4px;
	}

	body.story #window h4 img.icon{
		display:block;position:absolute;
		top:-15px;left:-10px;
	}


	body.story #window img.ss{
		width:100%;
		margin:3% auto 2%;
		display:block;
	}


	/*--------PRODUCT sp---------*/

	body.product #window .flame_middle .inner{
	width:100%;
	color:#A57C0B;
	}

	body.product #window .bgImage{
	position:absolute; z-index:10;
	top:0;left:0;
	width:100%;height: 100%;
	background:url(../img/common/bg_window.png) no-repeat top left;
	background-size:100%;
	}

	body.product #window .flame_middle{
	width:86%;
	padding:15% 7% 0;
	}

	body.product #tab{
	width:102%;
	margin:40px 0 0 -2%;
	}

	body.product #tab li{
	display:block;
	width:31%;
	margin:0 0 0 2%;
	float:left;
	}

	body.product #tab li .on{display:none;}
	body.product #tab li .off{display:block;}

	body.product #tab li.active .on{display:block;}
	body.product #tab li.active .off{display:none;}

	body.product #tab li a{
	display:block;width:100%;
	position:relative;
	}

	body.product #tab li a img{
	display:block;
	width:100%;
	}

	body.product #tab li img.icon{
		display:block;position:absolute;
		width:auto;
		width:30px;
		top:-20px;left:38%;
	}


	body.product #window .flame_middle .exp{
	width:100%;margin:20px auto 0;
	}

	body.product #window .flame_middle .exp .title{
	display:block;
	width:100%;
	margin:0 0 15px -1%;
	}

	body.product #window .flame_middle .exp .intro{
	color:#C8A608;
	margin:5px 0 0 0px;
	display:block;
	font-size:12px;
	line-height:130%;
	}

	body.product #window .flame_middle .exp .item{
	font-size:17px;

	color:#C8A608;
	display:block;
	margin:25px 0 0 0;
	}


	body.product #window .price{
	color: #8C6B37;
	display:block;
	font-size: 16px;
	margin:0 0 40px 0px;
	}

	body.product #window .btn_reserve{
	display:block;
	width:80%;margin:40px auto 0;
	}

	body.product #window .btn_reserve img{
	width:100%;
	}

	body.product #window .img_boxitem{
	width:100%;display:block;
	margin:-20px auto 0;
	}


	body.product #window .line{
		width:100%;
		height:1px;
		background-color:#db0;
		margin:50px auto 50px;
	}

	body.product #window .btn_privilege{
	display:block;
	width:100%;margin:auto;
	position:relative;
	margin-top:2%;
	}

	body.product #window .btn_privilege img{
	display:block;
	width:100%;
	}

	body.product #window .btn_privilege img.icon{
		display:block;position:absolute;
		width:auto;
		top:-10px;left:-10px;
	}

	body.product #window .btn_rimited{
		background-color:#E66CB5;
		border-radius:8px;
		width:96%;
		display:block;color:#fff;
		padding:2% 2%;line-height:140%;
		margin-top:10px;text-align:center;
		font-size:11px;
	}

	body.product .btn_cdsample{
		display:block;
		margin:15px auto 0;
		width:100%;
		position:relative;
	}

	body.product .btn_cdsample img{
		display:block;
		width:100%;
		position:relative;
	}

	body.product .btn_cdsample .icon{
		display:block;
		position:absolute;
		top:-5px;
		left:-5px;
		width:40px;
		z-index:100;
	}



	/*--------CHARACTER sp---------*/


	body.character #window .flame_middle .inner{
	width:101.5%;
	margin:0px 0 0 -1.5%;
	}

	body.character #window .flame_middle .inner a{
	display:block;float:left;	position:relative;
	position:relative;
	width:48.5%;margin:2% 0 0% 1.5%;
	}

	body.character #window .flame_middle .inner img{
		display:block;width:100%;
	}


	body.character #window .flame_middle{
	width:88%;
	padding:15% 6% 8%;
	}

	body.character #window .flame_middle .inner a.new::after{
	content: '';
  width: 100%;
  top: 0;
  padding-top: 100%;
  /* height: 100%; */
  background-image: url('../img/character/icon_new.png');
  background-size: 100%;
  background-repeat: no-repeat;
  z-index: 100;
  position: absolute;
  display: block;
	}

	body.character #window .flame_middle .inner a.update::after{
	content: '';
	width: 100%;
	top: 0;
	padding-top: 100%;
	/* height: 100%; */
	background-image: url('../img/character/icon_update.png');
	background-size: 100%;
	background-repeat: no-repeat;
	z-index: 100;
	position: absolute;
	display: block;
	}


	/*--------CharacterInner sp---------*/


	body.characterInner #background{
	overflow:hidden;
	}

	body.characterInner #contents{
	position:relative;
	width:100%;float:right;
	background:url(../img/common/bg.jpg) repeat-x scroll;
	background-size:contain;
	}

	body.characterInner #bg_visual{
	position:absolute;
	width:100%;
	right:0px;
	}

	body.characterInner #info{
	position:relative;z-index:25;
	width:90%;
	margin:30px auto 60px;
	padding:5% 0 20%;
	}

	body.characterInner #info .back{
	display:block;
	width:95%;
	position:absolute;
	bottom:0px;margin:0px auto 0px;
	text-align:center;
	padding:0 5% 0 0%;
	}

	body.characterInner #info .name{
	position:relative;z-index:25;
	display:block;
	width:100%;
	margin:0px 0 0 0px;
	}

	body.characterInner #info .cv{
	position:relative;z-index:25;
	width:60%;
	margin:0px 0 0 0px;
	}

	body.characterInner #info p{
	display:block;
	color:#A5750D;
	font-size:14px;
	line-height:170%;
	margin:10px 0 20px 5px;
	text-shadow:2px 2px 2px #fff;
	}


	body.characterInner .mainImage{
	display:block;
	position:relative;z-index:20;
	top:30px;right:0px;
	width:100%;
	margin:0px 0 0px 0px;
	}

	body.characterInner .words{
	display:block;
	position:absolute;z-index:25;
	width:20%;
	top:15px;right:13px;
	}

	body.characterInner .words.two{
	width:14%;
	}

	body.characterInner .words.four{
	width:28%;
	}

	body.characterInner .btn_prev{
	position:absolute;z-index:100;
	width:20px;
	top:none;left:10px;
	bottom:35px;
	}

	body.characterInner .btn_next{
	position:absolute;z-index:100;
	width:20px;
	top:none;right:40px;
	bottom:35px;
	}

	body.characterInner #info .btn_bottom{
	position:relative;
	}

	body.characterInner #info .btn_bottom .icon{
	display:block;
	position:absolute;
	top:-10px;left:-10px;
	}

	body.characterInner .box_comment{
	padding:2px;
	background-color:rgba(255,255,255,0.8);
	border: solid 1px #B18B04;
	color:#B18B04;
	position:relative;
	}

	body.characterInner .box_comment_inner{
padding:5%;
background-color:rgba(255,255,255,0.8);
border: solid 1px #B18B04;
color:#B18B04;
	}

	body.characterInner .box_comment h6{
font-family: 'Lobster', cursive;
font-size:20px;
margin-bottom:10px;
text-align:center;
	}

	body.characterInner .box_comment .icon{
position:absolute;
	 top:	5px;right:5px;
	}

	body.characterInner .attention_box{
		padding:5px;
		text-align:center;
		background-color:rgba(177, 139, 4, 0.85);
		margin:10px 0 30px;
	}

	/*--------SYSTEMsp---------*/


	body.system #window .flame_middle .inner{
	width:100%;
	color:#A57C0B;
	}

	body.system #window .bgImage{
	position:absolute; z-index:10;
	top:0;left:0;
	width:100%;height: 100%;
	background:url(../img/common/bg_window.png) no-repeat top left;
	background-size:100%;
	}

	body.system #window .flame_middle{
	width:86%;
	padding:50px 7% 20px;
	}

	body.system #window .title{
	display:block;
	margin:30px 0 5px -4px;
	clear:both;
	}

	body.system #window .title.top{
	margin-top:-30px;
	}

	body.system #window a{
	display:block;width:45%;position:relative;
	float:left;
	margin: 0 0 3% 3%;
	}

	body.system #window .box_ss{
	width:96%;
	margin:0 0 0 1%;
	}

	body.system #window a.ss{
	display:block;width:31%;position:relative;
	float:left;
	margin: 0 0 3% 2%;
	}

	body.system #window .inner.read{
	margin:0 0 30px;
	}

	body.system #window #tab li{
		padding:1%;
		width:47%;
		display:block;
		float:left;
		background-color:#B89620;
		color:#fff;
		margin-left:1%;
		margin-top:1%;

	}

	body.system #window #tab li:first-child,
	body.system #window #tab li:nth-child(3){
		margin-left:0px;

	}

	body.system #window #tab li a .icon{
		position:absolute;display:block;
		top:-6px;left:3%;
	}

	body.system #window #tab li a{
		width:100%;
		display:block;
		text-align:center;
		color:#fff;
		padding:15px 0;
		margin:0;
		font-size:13px;
	}

	body.system #window #tab li.active{
		padding:1%;
		width:47%;
	}

	body.system #window #tab li.active a{
		width:100%;
		display:block;
		text-align:center;
		color:#B89620;
		padding:15px 0 ;
		background-color:#fff;
	}

	body.system #window .title{
		display:block;
		margin:40px 0 10px;
	}

	body.system #window .img_wide{
		display:block;
		width:100%;
		margin:10px auto 10px;
	}

	body.system #window .img_half_center{
		display:block;
		width:100%;
		margin:10px auto 10px;
	}

	body.system #window .img_bg{
		display:block;
		width:100%;
		margin:20px 0;
		padding:0;
	}

	body.system #window .line{
		border-bottom:1px solid #DCC163;
		padding-bottom:20px;
		margin-bottom:20px;
	}

	body.system #window .img_half{
		display:block;
		width:100%;
		margin:10px 0 10px;
		float:left;
	}

	body.system #window .img_half.right{
		margin-top:0;
	}

	body.system #window .img_half.wrap img{
		width:100%;
	}

	body.system #window .img_half.wrap_text img{
		width:100%;
	}

	body.system #window .img_half.wrap_text{
		color:#A57C0B;
	}

	body.system #window .img_half.wrap{
		color:#A57C0B;
		font-size:13px;
		line-height:1.4;
		margin-bottom:20px;
	}


	body.system #window .img_half h5{
		margin:8px 0 5px;
	}

	body.system #window h4{
		font-weight:bold;
		color:#B89620;
		font-size:22px;
		margin:50px 0 5px;
		padding-bottom:5px;
		border-bottom:1px solid #B89620;
	}

	body.system #window h4 .icon{
		display:inline;
		margin-left:10px;margin-bottom:-2px;
	}


	body.system #window h5{
		font-weight:bold;
		color:#B89620;
		font-size:18px;
		margin:20px 0 0px;
		padding-bottom:5px;
	}


	body.system #window .h5_box{
		background-color:rgba(255,255,255,0.8);
		padding:0 5% 2%;
		margin:20px 0;
		border-radius: 8px;
border: 1px solid #B89620;
	}

	body.system #window .h5_box img{
		width:100%;
	}



	body.system #window .map{
		position:relative;
		width:100%;
	}

	body.system #window .map img{
		position:relative;
		width:100%;
	}

	body.system #window .map .map_btn{
		display:block;
		position:absolute;
		top:0%;left:0%;
		margin:0;
		width:20px;
	}

	body.system #window .map .map_btn img{
		display:block;
		width:100%;
	}

	body.system #window h4 .num{
		display:block;
		float:left;
		margin:-3px 5px 0 0;
		width:28px;
	}

	body.system #window .thum_seiden_box{
		margin-left:-1%;
		padding:15px 0 0;
	}

	body.system #window	a.thum_seiden{
		display:block;
		width:32%;
		margin:1% 0 0 1%;
	}

	body.system #window	a.thum_seiden::after{
		content:'';
		background-image:url('../img/system/icon_plus.png');
		background-size:100%;
		width:30px;height:30px;
		display:block;
		position:absolute;
		bottom:0px;
		right:0px;
	}

	body.system #window	a.thum_seiden img{
		width:100%;
		display:block;
	}


	body.system #window .img_s04_left{
		float:left;
		width:60%;
		display:block;
	}

	body.system #window .img_s04_right{
		float:right;
		width:35%;
		display:block;
	}

	body.system #window .s04_d{
		width:25%;
		display:block;
		margin:60px auto 0;
	}

	body.system #window .h5_box_s04{
		width:94%;
		background-color:rgba(255,255,255,0.8);
		padding:20px 3%;
		margin:10px 0;
		border-radius: 8px;
		border: 1px solid #FF5FBE;
		float:left;
	}

	body.system #window .h5_box_s04 img{
		display:block;
		width:100%;
		margin:10px 0 10px;
	}

	.map_btn.num_01{top:44%!important;left:60%!important;}
	.map_btn.num_02{top:59%!important;left:42%!important;}
	.map_btn.num_03{top:52%!important;left:80%!important;}
	.map_btn.num_04{top:32%!important;left:44%!important;}
	.map_btn.num_05{top:35%!important;left:20%!important;}
	.map_btn.num_06{top:53%!important;left:17%!important;}

	body.system #window h4 span{
		font-size:11px;
		font-weight:400;
		line-height:100%;
		padding:2px 5px;
		margin:10px 0 0 0px;
		border:1px solid #B89620;
		display:block;
		text-align:center;
	}

	body.system #window .inner .link_othertopic{
		display:inline;
		margin:0 0 0 8px;
		width:auto;
		float:none;
		border-radius:25px;
		background-color:#D71346;
		color:#fff;padding:3px 10px;
		font-size:90%;
	}

	body.system #window .img01j{
		width:100%;
		display:block;
		position:relative;
		z-index:5;
	}

	/*--------GALLLERYsp---------*/


	body.gallery #window .flame_middle .inner{
	width:90%;
	color:#A57C0B;
	}

	body.gallery #window .bgImage{
	position:absolute; z-index:10;
	top:0;left:0;
	width:100%;height: 100%;
	background:url(../img/common/bg_window.png) no-repeat top left;
	background-size:100%;
	}

	body.gallery #window .flame_middle{
	width:86%;
	padding:70px 7% 0;
	}

	body.gallery #window .title{
	display:block;

	margin:50px 0 4% 5%;
	clear:both;
	}

	body.gallery #window .title.top{
	margin-top:-10px;
	}

	body.gallery #window a{
	display:block;width:88%;position:relative;
	margin: 0 auto 5%;
	}

	body.gallery #window .box_ss{
	width:92%;
	margin:0 auto 0;
	}

	body.gallery #window a.ss{
	display:block;width:46%;position:relative;
	float:left;
	margin: 0 0 4% 3%;
	}


	body.gallery #window a .cover{
		overflow:hidden;
		border-radius:3px;
		box-shadow:1px 1px 5px #7B6616;
	}

	body.gallery #window a .cover::before{
	content:'';
	background-image:url('../img/gallery/thum_cover.png');
	background-size:100%;
	position:absolute;top:0;left:0;
	width:100%;height:100%;
	}


	body.gallery #window a img{
	display:block;width:100%;
	}

	body.gallery #window a.new::after{
		content: '';
		width: 100%;
		top: -2%;left:-1.6%;
		padding-top: 57%;
		/* height: 100%; */
		background-image: url('../img/character/icon_new.png');
		background-size: 65%;
		background-repeat: no-repeat;
		z-index: 100;
		position: absolute;
		display: block;
	}



	/*--------GALLLERYINNNER---------*/


	body.galleryInner #window .flame_middle .inner{
	width:90%;
	color:#A57C0B;
	}

	body.galleryInner #window .bgImage{
	position:absolute; z-index:10;
	top:0;left:0;
	width:100%;height: 100%;
	background:url(../img/common/bg_window.png) no-repeat top left;
	background-size:100%;
	}

	body.galleryInner #window .flame_middle{
	width:86%;
	padding:50px 7% 0;
	}


	body.galleryInner #window .stil{
	width:100%;display:block;
	}

	body.galleryInner #window p{
	color:#9B8C27;
	margin-top:20px;
	font-size:13px;
	line-height:160%;
	}

	body.galleryInner #window .btn_back{
	display:block;margin-top:40px;
	}

	body.galleryInner .btn_prev{
	display:block;
	position:relative;z-index:100;
	width:45px;
	float:left;margin-top:20px;
	}

	body.galleryInner .btn_next{
	display:block;
	position:relative;z-index:100;
	width:45px;
	float:right;margin-top:20px;
	}

	body.galleryInner .btn_prev img,
	body.galleryInner .btn_next img{
	display:block;width:100%;
	}


	/*--------PRIVILEGE sp---------*/


	body.privilege #window .flame_middle .inner{
	width:90%;
	color:#A57C0B;
	}

	body.privilege #window .bgImage{
	position:absolute; z-index:10;
	top:0;left:0;
	width:100%;height: 100%;
	background:url(../img/common/bg_window.png) no-repeat top left;
	background-size:100%;
	}

	body.privilege #window .flame_middle{
	width:86%;
	padding:60px 7% 0;
	}

	body.privilege #window a{
	display:block;width:43%;position:relative;
	float:left;
	margin: 0 0 3.5% 3.5%;
	}

	body.privilege #window a .cover{
		overflow:hidden;
		border-radius:3px;
		box-shadow:1px 1px 7px #C2B47E;
	}


	body.privilege #window a img{
	display:block;width:100%;
	}

	body.privilege #window a.new::after{
	content: '';
	width: 100%;
	top: -2%;left:-1.5%;
	padding-top: 57%;
	/* height: 100%; */
	background-image: url('../img/character/icon_new.png');
	background-size: 60%;
	background-repeat: no-repeat;
	z-index: 100;
	position: absolute;
	display: block;
	}

	body.privilege .attention_privilege{
		color:#764E11;
		display:block;
		text-align:left;
		width:92%;
		margin:5% auto 0;
		font-size:10px;
		line-height:1.3;
	}



	/*--------SPECIALsp---------*/


	body.special #window .flame_middle .inner{
	width:90%;
	color:#A57C0B;
	}

	body.special #window .bgImage{
	position:absolute; z-index:10;
	top:0;left:0;
	width:100%;height: 100%;
	background:url(../img/common/bg_window.png) no-repeat top left;
	background-size:100%;
	}

	body.special #window .flame_middle{
	width:86%;
	padding:30px 7% 0;
	}

	body.special #window #tab li{
		width:48%;
		display:block;
		float:left;
		background-color:#B89620;
		color:#fff;
		margin-left:2%;
		margin-top:20px;
		position:relative;
	}

	body.special #window #tab li:nth-child(odd){
		margin-left:0px;
	}

	body.special #window #tab li a{
		width:100%;
		display:block;
		text-align:center;
		color:#fff;
		padding:8px 0;
		margin:0;
		font-size:12px;

	}

	body.special #window #tab li a .icon{
		position:absolute;display:block;
		top:-14px;left:3px;
	}

	body.special #window #tab li.active{
		padding:2px;
	}

	body.special #window #tab li.active a{
		width:100%;
		display:block;
		text-align:center;
		color:#B89620;
		padding:6px 0 ;
		background-color:#fff;
	}

	body.special #window .exp{
	display:block;
	padding:20px 0 0;
	}

	body.special #window .title{
	display:block;
	margin:30px 0 5% 1%;
	clear:both;
	width:90%;
	}

	body.special #window .title.top{
	display:block;
	margin:0 0 4% 1%;
	}

	body.special #window .thum{
		width:48%;
		float:left;
		margin:0 0 5% 2%;
	}

	body.special #window .thum img{
		width:100%;
	}

	body.special #window .thum span{
		display:block;
		width:100%;
		line-height:130%;
		text-align:center;
		color:#8E7316;
		font-family:Arial!important;
		font-size:13px;
	}

	body.special #window .twicon{
	display:block;width:31%;position:relative;
	float:left;
	margin: 0 0 1.5% 1.5%;
	}

	body.special #window .twheader{
	display:block;width:97%;position:relative;
	margin: 0 auto 0;
	}

	body.special #window .tw_readText{
		display:block;
		color:#963;
		margin:10px 0 35px 1%;
	}

	body.special #window .tw_readText a{
		color:#09d;
	}

	body.special #window twicon.new::after{
	content: '';
	width: 100%;
	top: -2%;left:-1.5%;
	padding-top: 57%;
	/* height: 100%; */
	background-image: url('../img/character/icon_new.png');
	background-size: 60%;
	background-repeat: no-repeat;
	z-index: 100;
	position: absolute;
	display: block;
	}

	body.special #window h4{
	font-size:25px;
	color:#B89620;
	padding:5px 0 10px 0.5%;
	line-height:1.3;
	}

	body.special #window img.wp{
	display:block;
	width:100%;
	margin-bottom:20px;
	border:1px solid #B89620;
	}

	body.special #window .btn_wp{
	display:block;
	width:32%;
	background-color:#B89620;
	color:#fff;
	float:left;
	text-align:center;
	margin:0.6%;padding:10px 0;font-size:13px;
	}

	body.special #window .attention{
	color:#963;
	font-size:12px;
	border:1px dotted #963;
	padding:10px 20px;
	margin: -20px 0 20px;
	line-height:1.3;
	}

	body.special #window .tab_wp .title{
		width:22%;
	}


	/*--------INTERVIEWINNNER---------*/


	body.interviewInner #window .flame_middle .inner{
	width:90%;
	color:#A57C0B;
	}

	body.interviewInner #window .bgImage{
	position:absolute; z-index:10;
	top:0;left:0;
	width:100%;height: 100%;
	background:url(../img/common/bg_window.png) no-repeat top left;
	background-size:100%;
	}

	body.interviewInner #window .flame_middle{
	width:86%;
	padding:0 7% 0;
	}

	body.interviewInner #window .headblock{
		padding:50px 0 0;
	}

	body.interviewInner #window .stil{
	width:100%;display:block;
	}

	body.interviewInner #window .textArea{
	width:100%;
	display:block;
	padding:20px 0 0;
	}

	body.interviewInner #window h3{
	color:#B89620;
	font-size:35px;
	line-height:80%;
	font-family:Arial!important;
	}

	body.interviewInner #window h4{
		color:#B89620;
		font-size:18px;
		font-weight:bold!important;
		margin:40px 0 10px;
		padding-bottom:10px;
		border-bottom:1px solid #B89620;
		line-height:140%;
	}

	body.interviewInner #window h3 .min{
	font-size:85%;
	}

	body.interviewInner #window h3 .chara{
	font-size:16px;
	}

	body.interviewInner #window p{
	color:#9B8C27;
	margin-top:20px;
	}

	body.interviewInner #window .btn_back{
	display:block;margin-top:40px;
	}

	body.interviewInner .btn_prev{
	display:block;
	position:relative;z-index:100;
	width:45px;
	float:left;margin-top:20px;
	}

	body.interviewInner .btn_next{
	display:block;
	position:relative;z-index:100;
	width:45px;
	float:right;margin-top:20px;
	}

	body.interviewInner .btn_prev img,
	body.interviewInner .btn_next img{
	display:block;width:100%;
	}


	/*--------OPTHEMEsp---------*/


	body.optheme #window .flame_middle .inner{
	width:90%;
	color:#A57C0B;
	}

	body.optheme #window .bgImage{
	position:absolute; z-index:10;
	top:0;left:0;
	width:100%;height: 100%;
	background:url(../img/common/bg_window.png) no-repeat top left;
	background-size:100%;
	}

	body.optheme #window .flame_middle{
	width:86%;
	padding:10px 7% 0;
	}

	body.optheme #window h2{
		position:relative;
		margin:20px auto 10px;
		width:100%;display:block;
		height:auto!important;
		overflow:visible;

	}

	body.optheme #window h2 span{
		display:block;
		font-size:30px;
		font-weight:800;
		color:#9B7A0D;
				line-height:115%;
	}

	body.optheme #window h2 img{
		display:none;
	}


	body.optheme #window img.main{
		width:100%;
		margin:0 auto 0;
		display:block;
	}

	body.optheme #window .box{
		margin:20px 0 0;
	}

	body.optheme #window .text{
		color:#9B790E;
		width:100%;float:none;
		margin-bottom:20px;
	}
	body.optheme #window .text .title{
		font-size:23px;
		display:block;
		margin:0 0 12px;
		line-height: 130%;
	}

	body.optheme #window .os{
		display:block;
		color:#000;
		width:88%;
		margin:15px auto 0;
	}

	body.optheme #window .os span{
		display:block;
		color:#9B790E;
		font-size:9px;
		text-align:right;
	}

	body.optheme #window .os img{
		display:block;
		width:100%;
		border:1px solid #ddd;
	}

	body.optheme #window .btn_os{
		display:block;
		width:100%;
		font-size:16px;
		text-align:center;
		padding:8px 0;margin:10px 0 0;
		border:1px solid #9B790E;
		border-radius:5px;color:#9B790E;font-weight:bold;
		background-color:#FFFBF0;
	}

	/*--------GALLLERYsp---------*/


	body.movie #window .flame_middle .inner{
	width:90%;
	color:#A57C0B;
	}

	body.movie #window .bgImage{
	position:absolute; z-index:10;
	top:0;left:0;
	width:100%;height: 100%;
	background:url(../img/common/bg_window.png) no-repeat top left;
	background-size:100%;
	}

	body.movie #window .flame_middle{
	width:86%;
	padding:70px 7% 0;
	}

	body.movie #window .title{
	display:block;

	margin:50px 0 4% 5%;
	clear:both;
	}

	body.movie #window h5{
	display:block;
	clear:both;
	color:#B38B1E;
	font-weight:800;
	font-size:25px;
	text-align:center;
	padding:30px 0 10px;
	border-bottom:1px solid #B38B1E;
	margin:0 auto 20px;
	}

	body.movie #window .exp_puti{
		color:#B38B1E;
		display:block;
		padding:4% 3%;
		border:1px solid #B38B1E;
		width:90%;
		margin:0 auto 30px;
		background-color:rgba(255,255,255,0.8);
		font-size:10px;
		line-height:1.5;
	}

	body.movie #window span.bold{
	font-weight:800!important;
	font-size:16px;
	display:inline-block;
	margin-bottom:10px;
	line-height:1.3;
	}

	body.movie #window .title.top{
	margin-top:-10px;
	}

	body.movie #window a{
	display:block;width:90%;position:relative;
	float:left;
	margin: 0 0 5% 5%;
	}

	body.movie #window a.min{
	display:block;width:47%;position:relative;
	float:left;
	margin: 0 0 5% 2%;
	}

	body.movie #window a .inner{
		display:block;
		width:100%!important;
		margin:0;
		overflow:hidden;
		border-radius:3px;
		box-shadow:1px 1px 7px #C2B47E;
	}

	body.movie #window a p{
		display:block;
		text-align:center;
		color:#a60;
		margin:12px 0 0;
		width:100%;
		font-size:16px;
	}

	body.movie #window a.min p{
		display:none;
	}

	body.movie #window a.ss{
	display:block;width:46%;position:relative;
	float:left;
	margin: 0 0 4% 3%;
	}


	body.movie #window a .cover{
		overflow:hidden;
		border-radius:3px;
		box-shadow:1px 1px 5px #7B6616;
	}

	body.movie #window a .cover::before{
	content:'';
	background-image:url('../img/movie/thum_cover.png');
	background-size:100%;background-repeat:no-repeat;
	position:absolute;top:0;left:0;
	width:100%;height:100%;
	}

	body.movie #window a.min .cover::before{
	display:none;
	}

	body.movie #window a.wp .inner{
		position:relative;
	}

	body.movie #window a.wp .inner:after{
		display:block;
		position:absolute;top:5px;right:5px;
		z-index:30;
		width:40px;
		height:62px;
		content:'';
		background-image:url("../img/top/icon_wp.png");
		background-size:100%;
		background-repeat:no-repeat;
		background-position:left top;
	}


	body.movie #window a img{
	display:block;width:100%;
	}

	body.movie #window a.new::after{
		content: '';
		width: 100%;
		top: -2%;left:-1.6%;
		padding-top: 57%;
		/* height: 100%; */
		background-image: url('../img/character/icon_new.png');
		background-size: 65%;
		background-repeat: no-repeat;
		z-index: 100;
		position: absolute;
		display: block;
	}


	body.movie .channel_btn{
display:block;
float:right;
	}

.box_channel_btn{
	width:90%;
	margin:-5% auto 0;
	padding:0px 0 10px;
}



/*--------CD SAMPLE---------*/


body.cdsample #window .flame_middle .inner{
width:90%;
color:#A57C0B;
}

body.cdsample #window .bgImage{
position:absolute; z-index:10;
top:0;left:0;
width:100%;height: 100%;
background:url(../img/common/bg_window.png) no-repeat top left;
background-size:100%;
}

body.cdsample #window .flame_middle{
width:86%;
padding:0 7% 0;
}


body.cdsample h4{
	color:#B79010;
	font-size:23px;
	font-weight:bold!important;
	border-bottom:1px solid #B79010;
	padding:20% 0 10px;
	margin-bottom:3%;
	line-height:1.2em;
}

body.cdsample .box{
	width:40%;
	margin-left:5%;
	margin-top:10%;
	float:left;
}

body.cdsample .box .img{
	width:100%;
	display:block;
	margin-bottom:5px;
}

body.cdsample .box .info{
	display:block;
	text-align:center;
}

body.cdsample .box .info .name{
	color:#8B5201;
	font-size:14px;
}

body.cdsample .box .info .tag{
	color:#fff;
	font-size:10px;
	background-color:#DB2152;
	padding:1px 5px;
	display:inline-block;
}

body.cdsample .box .jp-controls{
	text-align:center;
	display:block;
	width:100%;
	padding-top:10px;
}

body.cdsample .box .jp-controls a{
	display:block;
	width:100%;
	margin:0 auto 0;
}

body.cdsample .box .jp-controls a img{
	width:100%;
}

body.cdsample .exp{
	color:#DB2152;
	font-size:12px;
}

body.cdsample .exp span{
	color:#fff;
	display:inline-block;
	background-color:#DB2152;
	padding:1px 4px;
	font-size:12px;
	margin:7px 0 0;
}




	/*--------common---------*/

	.hide_sp{display:none!important;}
	.hide_pc{display:block!important;}


}