/*@charaset"UTF-8"*/

/*　Firefoxで、ブラウザのスクロールバーを常に表示させる　*/
html{overflow:-moz-scrollbars-vertical; overflow-y:scroll;}

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1; font-size:75%; background:#ebebeb; padding-bottom:40px; font-family:"helvetica neue",arial,sans-serif; /*min-width:480px;*/ min-width:980px; position:relative; overflow:hidden;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*add*/
img				{vertical-align:bottom;}

/* モダンブラウザ */
img{max-width: 100%;height: auto;}
/* IE8 */
img{width: auto\9; }
/* IE7 */
img{width: 100%; }

a					{text-decoration:none; color:#2cadcb;}
a:hover		{text-decoration:underline;}

/*--------------------------------------------*/

/*clearfix*/
.clearfix:after {content: "."; display:block; clear:both; height:0; visibility:hidden;}
.clearfix {min-height:1px;}
* html .clearfix {height: 1px; /*\*//*/ height:auto; overflow:hidden; /**/}

/*フロート解除*/
.clear			{clear:both;}



#header	{width:100%; height:38px; /*position:fixed;*/  left:0; top:0; position:static; min-width:1024px;
				background:#f15587; z-index:999;
				background-image: -webkit-gradient(linear, left top, left bottom, from(#f26895), to(#f15587));
				background-image: -webkit-linear-gradient(top, #f26895, #f15587);
				background-image: -moz-linear-gradient(top, #f26895, #f15587);
				background-image: -ms-linear-gradient(top, #f26895, #f15587);
				background-image: -o-linear-gradient(top, #f26895, #f15587);
				background-image: linear-gradient(top, #f26895, #f15587);
				-moz-box-shadow:0px 0px 15px rgba(0,0,0, 0.2);
				-webkit-box-shadow:0px 0px 15px rgba(0,0,0, 0.2);
				box-shadow:0px 0px 15px rgba(0,0,0, 0.2);}
#main		{margin:68px 30px; min-width:900px;}
#wrap		{margin-right:246px; position:relative;}
#whole { padding-bottom:300px; }
#sidebox{width:240px; float:right; position:relative; margin-right:-246px; margin-top:6px;}

#itemcont		{margin:0 auto;}
#footer	{width:100%; height:22px; line-height:22px; background:#666666; position:fixed; text-align:center; bottom:0; left:0; color:#dcdcdc; font-size:8.6pt;}
#site_id	{width:120px; height:38px; float:left; margin-left:20px; background:url(../images/id_piapro.png) no-repeat center; background-size:120px auto; display:block;}
#site_id	{background:url(../images/id_piapro_ie8.png) no-repeat center\9;}


#lang			{float:right; margin-right:20px; line-height:38px; text-align:right; color:#111111;}
#lang span.break		{padding:0 10px; color:#f4adb1;}
#lang a				{color:#ffffff;}
.item	{width:240px; background:#ffffff; float:left; margin:6px; position:relative;
			-moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; border:1px solid #dcdcdc;
			-moz-box-shadow:0px 0px 10px rgba(0,0,0, 0.05);
			-webkit-box-shadow:0px 0px 10px rgba(0,0,0, 0.05);
			box-shadow:0px 0px 10px rgba(0,0,0, 0.05);}

.item .site_thum	{height:160px; background-position:center top; background-repeat:no-repeat; background-size:228px auto; border:1px solid #dcdcdc; margin:10px; display:block;}
.item .sns_ico		{height:90px; background-position:center; background-repeat:no-repeat; background-size:auto 70px; margin:10px;}
.item .site_name	{font-weight:bold; font-size:10pt; padding:0 20px; margin-top:20px;}
.item .site_desc	{margin-top:10px; color:#666666; line-height:1.4; padding:0 20px 20px 20px;}
.item .site_note	{color:#333333; line-height:1.4; padding:0 20px 20px 20px;}
.item .site_qr	{width:80px; height:80px; border:1px solid #999999; background-color:#ffffff;
								position:absolute; top:100px; right:20px;
								background-position:center; background-repeat:no-repeat; background-size:60px;}

.item .site_karent			{background-image:url(../images/site_karent.jpg);}
.item .site_karent			{background-image:url(../images/site_karent_ie8.jpg)\9;}
.item .site_miku				{background-image:url(../images/site_miku.jpg);}
.item .site_miku				{background-image:url(../images/site_miku_ie8.jpg)\9;}
.item .site_miku_en			{background-image:url(../images/site_miku_en.jpg);}
.item .site_miku_en			{background-image:url(../images/site_miku_en_ie8.jpg)\9;}
.item .site_mikubook		{background-image:url(../images/site_mikubook.jpg);}
.item .site_mikubook		{background-image:url(../images/site_mikubook_ie8.jpg)\9;}
.item .site_mikukore		{background-image:url(../images/site_mikukore.jpg);}
.item .site_mikukore		{background-image:url(../images/site_mikukore_ie8.jpg)\9;}
.item .site_mikumoba		{background-image:url(../images/site_mikumoba.jpg);}
.item .site_mikumoba		{background-image:url(../images/site_mikumoba_ie8.jpg)\9;}
.item .site_mp					{background-image:url(../images/site_mp.jpg?2);}
.item .site_mp					{background-image:url(../images/site_mp_ie8.jpg?2)\9;}
.item .site_piapro			{background-image:url(../images/site_piapro.jpg);}
.item .site_piapro			{background-image:url(../images/site_piapro_ie8.jpg)\9;}
/*.item .site_piaproblog	{background-image:url(../images/site_piaproblog.jpg);}
.item .site_piaproblog	{background-image:url(../images/site_piaproblog_ie8.jpg)\9;}*/
.item .site_youtube			{background-image:url(../images/site_youtube.jpg);}
.item .site_youtube			{background-image:url(../images/site_youtube.jpg)\9;}
.item .site_facebook		{background-image:url(../images/site_shot_facebook.jpg);}
.item .site_facebook		{background-image:url(../images/site_shot_facebook_ie8.jpg)\9;}
.item .site_niconico		{background-image:url(../images/site_niconico.jpg);}
.item .site_niconico		{background-image:url(../images/site_niconico_ie8.jpg)\9;}
.item .site_mikublog		{background-image:url(../images/site_mikublog.jpg);}
.item .site_mikublog		{background-image:url(../images/site_mikublog_ie8.jpg)\9;}
.item .site_nazosuisei	{background-image:url(../images/site_nazosuisei.jpg);}
.item .site_nazosuisei	{background-image:url(../images/site_nazosuisei_ie8.jpg)\9;}
.item .site_bilibili		{background-image:url(../images/site_bilibili.jpg);}
.item .site_bilibili		{background-image:url(../images/site_bilibili.jpg)\9;}

.item .sns_twitter	{background-image:url(../images/sns_twitter.png);}
.item .sns_twitter	{background-image:url(../images/sns_twitter_ie8.png)\9;}
.sns_facebook	{background-image:url(../images/sns_facebook.png);}
.sns_facebook	{background-image:url(../images/sns_facebook.png)\9;}
.item .sns_youtube	{background-image:url(../images/sns_youtube.png);}
.item .sns_youtube	{background-image:url(../images/sns_youtube_ie8.png)\9;}
.sns_weibo		{background-image:url(../images/sns_weibo.png);}
.sns_weibo		{background-image:url(../images/sns_weibo_ie8.png)\9;}
.sns_weibo2		{background-image:url(../images/sns_weibo2.png);}
.sns_weibo2		{background-image:url(../images/sns_weibo2_ie8.png)\9;}
.sns_bilibili	{background-image:url(../images/sns_bilibili.png);}


.title	{background:#f26895; border:1px solid #f15587;}
.title .about_piapro	{color:#ffffff; padding:20px; font-size:10pt; font-weight:bold; line-height:1.6;}
.sub .site_name	{margin-top:10px; font-size:9pt;}
.lead	{margin-bottom:30px; padding:0 20px; text-align:center; font-size:12pt; line-height:1.6; font-weight:bold; color:#333333;}

.for_creator						{border:1px solid #343434; background:#393939; width:240px; margin-bottom:12px;
												-moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;
												-moz-box-shadow:0px 0px 10px rgba(0,0,0, 0.05);
												-webkit-box-shadow:0px 0px 10px rgba(0,0,0, 0.05);
												box-shadow:0px 0px 10px rgba(0,0,0, 0.05);}
.for_creator .site_name	{margin-top:20px; font-size:18pt; font-weight:200; padding:0 20px;}
.for_creator .site_desc	{margin-top:3px; color:#999999; line-height:1.2; padding:0 20px 20px 20px;}

.subbox									{border:1px solid #bfbfbf; background:#cccccc; width:240px; margin-bottom:12px;
												-moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;
												-moz-box-shadow:0px 0px 10px rgba(0,0,0, 0.05);
												-webkit-box-shadow:0px 0px 10px rgba(0,0,0, 0.05);
												box-shadow:0px 0px 10px rgba(0,0,0, 0.05);}
.subbox .site_name			{margin-top:10px; font-size:9pt;  padding:0 20px;}
.subbox .sns_ico				{height:90px; background-position:center; background-repeat:no-repeat; background-size:auto 70px; margin:10px;}
.subbox .site_desc			{margin-top:10px; color:#666666; line-height:1.4; padding:0 20px 20px 20px;}

.box_creator				{min-height:270px; padding-bottom:30px; padding-right:330px; background:url(../images/img_miku.png) no-repeat right top; margin-right:5px; padding-left:20px;}
.box_creator .hd		{font-size:30pt; font-weight:200; color:#333333; margin-bottom:60px; font-family:Verdana, Geneva, sans-serif;}
.box_creator p			{line-height:1.6; font-size:11pt; font-weight:200; color:#666666;}
.box_cc							{background:#ffffff; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;
										border:1px solid #dcdcdc; overflow:hidden;
										-moz-box-shadow:0px 0px 10px rgba(0,0,0, 0.05);
										-webkit-box-shadow:0px 0px 10px rgba(0,0,0, 0.05);
										box-shadow:0px 0px 10px rgba(0,0,0, 0.05);}

.box_cc .mainbox					{float:left; width:550px;}
.box_cc .faqbox						{margin-left:550px;}
.box_cc .mainbox_inner		{padding:120px 30px 30px 30px; background-position:30px 30px; background-repeat:no-repeat; background-size:250px auto; background-image:url(../images/logo_cc.png);}
.box_cc .mainbox_inner		{background-image:url(../images/logo_cc_ie8.png)\9;}

.box_cc .subbox_inner			{margin:20px 20px 20px 0; background:#d5d5d5; border:1px solid #aeaeae; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;
													color:#666666; font-size:10pt; font-weight:200; line-height:1.4; overflow:hidden;}
.box_cc .hd_faq						{font-size:14pt; line-height:40px; color:#333333; padding:0 15px;}
.box_cc .faq							{border-top:1px solid #aeaeae; font-size:14px;}
.box_cc .faq_q 						{padding:10px 50px 10px 15px; position:relative; cursor:pointer;}
.box_cc .faq_q_hover 			{background:#dcdcdc;}
.box_cc .faq_a 						{padding:20px 15px; color:#333333; border-top:1px solid #aeaeae; background:#f5f5f5; display:none;}
.box_cc .faq .arrow				{margin-right:15px !important; position:absolute !important; right:0 !important; top:50% !important; margin-top:-8px !important; color:#111111 !important;}
.box_cc .faq .ico_q				{margin-right:15px; color:#111111; font-weight:bold; font-size:12pt;}
.box_cc .faq_a p 					{margin-top:15px;}
.box_cc .faq_a p:first-child 	{margin-top:0;}

.box_cc .cc_by_nc					{font-weight:bold; margin-top:20px; margin-bottom:20px; line-height:30px; border-top:1px solid #aeaeae; padding-top:20px;}
.box_cc .cc_by_nc span		{background-position:right top; background-repeat:no-repeat; background-size:auto 30px; background-image:url(../images/cc_by_nc.gif); padding-right:90px; display:inline-block;}
.box_cc .cc_by_nc span		{background-image:url(../images/cc_by_nc_ie8.gif)\9;}

.box_cc .btnbox						{width:600px; margin-top:10px;}
.box_cc .btnbox a.btn			{width:100px; height:100px; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;
													background-position:center top; background-size:100px auto; background-repeat:no-repeat;
													float:left; margin-right:10px; border:4px solid #cccccc; cursor:pointer; display:block;}

.box_cc .btnbox .btn_miku	{background-image:url(../images/btn_miku.jpg);}
.box_cc .btnbox .btn_rin	{background-image:url(../images/btn_rin.jpg);}
.box_cc .btnbox .btn_len	{background-image:url(../images/btn_len.jpg);}
.box_cc .btnbox .btn_luka	{background-image:url(../images/btn_luka.jpg);}
.box_cc .btnbox .btn_kaito{background-image:url(../images/btn_kaito.jpg);}
.box_cc .btnbox .btn_meiko{background-image:url(../images/btn_meiko.jpg);}

.box_cc .btnbox .btn_miku	{background-image:url(../images/btn_miku_ie8.jpg)\9;}
.box_cc .btnbox .btn_rin	{background-image:url(../images/btn_rin_ie8.jpg)\9;}
.box_cc .btnbox .btn_len	{background-image:url(../images/btn_len_ie8.jpg)\9;}
.box_cc .btnbox .btn_luka	{background-image:url(../images/btn_luka_ie8.jpg)\9;}
.box_cc .btnbox .btn_kaito{background-image:url(../images/btn_kaito_ie8.jpg)\9;}
.box_cc .btnbox .btn_meiko{background-image:url(../images/btn_meiko_ie8.jpg)\9;}

.box_cc ul.list_faq				{list-style-type:disc; margin-left:20px;}
.box_cc ul.list_faq li		{margin:10px 0;}
.box_cc ul.list_faq p			{line-height:1.2; margin:5px 0;}

.popupbox									{padding:20px; padding-bottom:0;}
.popupbox .descbox				{margin-top:10px; padding-top:10px; border-top:1px solid #cccccc; /*height:70px;
													background-position:right 10px; background-repeat:no-repeat; background-size:171px auto; background-image:url(../images/cc_by_nc.gif);*/}
.popupbox .titlebox				{font-size:20pt; font-weight:200; margin-top:10px;}
.popupbox .imagebox				{width:500px; height:500px; margin:0 auto; background-position:center; background-repeat:no-repeat; background-size:500px;}
.popupbox .ccbox					{margin-top:20px; width:88px;}
.popupbox .ccbox_txt			{margin-top:5px;}
.popupbox .copyrightbox		{font-size:8.6pt; margin-top:10px; color:#666666;}

.mailimg		{background:url(../images/mail.png) no-repeat right center; padding-right:12px; margin-right:1px;}

.form_cont			{margin:0 auto 68px auto; width:900px; background:#ffffff;
					-moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;
					-moz-box-shadow:0px 0px 10px rgba(0,0,0, 0.05);
					-webkit-box-shadow:0px 0px 10px rgba(0,0,0, 0.05);
					box-shadow:0px 0px 10px rgba(0,0,0, 0.05);}
.form_cont_inner	{width:840px; margin:30px auto; padding:30px 0;}


/* Add 1031 ======================================== */
#pagetop { position:fixed; bottom:20px; right:20px; z-index:10;}
#pagetop a { display:block; width:50px; height:50px; background-color:rgba(0,0,0,0.2); border-radius:50%; text-align:center; color:rgba(255,255,255,0.5); font-size:24pt; line-height:50px; }
#pagetop a:hover { text-decoration:none; background-color:rgba(0,0,0,0.3);}

#site_id a { display: block; width: 100%; height: 100%; }

/* ===================================
temporary 1031 Top page
==================================== */
.header_sub { font-size:7pt; float:left; color:#fff; margin:14px 0 0 20px; font-family: 'Armata', sans-serif; }

#temp_header {background:url(../images/p1031_bg_top.png) repeat-x; position:relative; height:400px; width:100%; overflow:hidden;}
#temp_title { font-size:24pt; padding-top:60px; font-weight:bold; color:#f35387; text-shadow:0 1px 5px rgba(0,0,0,0.3); line-height:1.4; position:relative; z-index:1; }

.p1031_btns li { display: inline-block; width: 205px; height: 139px; margin-top: 30px; margin-right: 20px; }
.p1031_btns a { display: block; width: 100%; height: 100%; }
.p1031_btns .btn_chara { background: url(../images/p1031_btn_chara.png?11) no-repeat center top; }
.p1031_btns .btn_event { background: url(../images/p1031_btn_event.png?11) no-repeat center top; }

.p1031_btns .btn_chara.en { background-image: url(../images/p1031_btn_chara_en.png); }
.p1031_btns .btn_event.en { background-image: url(../images/p1031_btn_event_en.png); }

.p1031_btns .btn_chara.cn { background-image: url(../images/p1031_btn_chara_cn.png); }
.p1031_btns .btn_event.cn { background-image: url(../images/p1031_btn_event_cn.png); }
.p1031_btns .btn_chara.tw { background-image: url(../images/p1031_btn_chara_tw.png); }
.p1031_btns .btn_event.tw{ background-image: url(../images/p1031_btn_event_tw.png); }

.p1031_btnw li { display: inline-block; width: 435px; height: 80px; margin-top: 10px; margin-right: 20px; }
.p1031_btnw a { display: block; width: 100%; height: 100%; }
.p1031_btnw .btn_v3.en { background: url(../images/p1031_btn_v3_en.png?11) no-repeat center top; }
.p1031_btns .btn_chara:hover, .p1031_btns .btn_event:hover, .p1031_btnw .btn_v3:hover { background-position: center bottom; }


/* ===================================
For Character page
==================================== */
/*img { width:inherit;} */
.charamenu li{ display:inline-block; margin-right:1%; border-radius:50%; overflow:hidden; margin-top:30px;}
.charamenu a { display:block; border:5px solid #ccc; width:100px; height:100px; border-radius:50%; }
.charamenu a:hover { border: 5px solid #f35387;  }

.mn_miku a { background:url(../images/btn_miku.jpg) no-repeat center; background-size:cover;}
.mn_rin a { background:url(../images/btn_rin.jpg) no-repeat center; background-size:cover;}
.mn_len a { background:url(../images/btn_len.jpg) no-repeat center; background-size:cover;}
.mn_luka a { background:url(../images/btn_luka.jpg) no-repeat center; background-size:cover;}
.mn_meiko a { background:url(../images/btn_meikov3.jpg) no-repeat center; background-size:cover;}
.mn_kaito a { background:url(../images/btn_kaitov3.jpg) no-repeat center; background-size:cover;}

.txt_sp { width:80%; margin-top:20px;}
.txt_sp p{ line-height:1.5; margin-top:10px;}

.chara_list { margin-top:50px;}
.chara_list section{ padding:60px 0 100px; background:url(../images/p1031_bdr.png) repeat-x center top; position:relative;}
.chara_name { width:35%;}
.chara_name img{ width:100%;}
.chara_name_lang { font-weight:bold; margin-top:30px; }
.chara_name_lang+.chara_txt { margin-top:10px;}
.chara_image img { width:100%; }
.chara_txt { width:65%; line-height:1.4; margin-top:30px;}
.chara_txt p { margin-top:10px; }

.chara_prod_title { font-weight:bold; margin-top:40px;  }
.chara_prod_txt { font-size:9pt; color:#666; margin-top:10px; line-height:1.5; width:65%; }
.chara_prodimg { width:65%; height:250px; line-height:250px; text-align:center; margin-left:-50px; }

.chara_prodlist { font-size:9pt; width:65%; margin-left:-30px; margin-top:20px; }
.chara_prodlist li { margin-top:10px; width:48%; height:150px; float:left; margin-right:1%; }
.chara_prodlist h4 { font-weight:bold; padding:60px 0 10px 140px;}
.chara_prodlist p { color:#666; padding-bottom:5px; padding-left:140px;}
.chara_prodlist a { padding-left:140px; }
.chara_prodlist .prod_s { background-position:20px center !important; }

.chara_prof { background:rgba(255,255,255,0.8);  padding:10px; line-height:1.6; position:absolute; right:0; width:250px; box-shadow:0 0 10px rgba(0,0,0, 0.2); }
.chara_prof { background-image:url(../images/bg_popup.png)\9;}
.chara_prof_color { display:inline-block; width:15px; height:15px; margin-right:5px; }

.chara_copy { position:absolute; right:0; bottom:10px; text-align:right; font-size:0.7em; color:#666; z-index:1; text-shadow:0 0 3px #EBEBEB, 0 0 3px #EBEBEB, 0 0 3px #EBEBEB;}

#ch_miku { padding-bottom:50px;}

/* ===================================
For Official Event Infomation
==================================== */
.event_list { margin-top:30px;}
.event_list li{ background:#fff; border-radius:6px; position:relative;  font-size:11pt; box-shadow:0 1px 10px rgba(0,0,0,0.1); margin-top:20px; padding-bottom:30px;}

.event_data { /*float:left; width:80%; */margin:2% 0 0 3%; color:#888; line-height:1.4; }
.event_data span { color:#444;}
.event_title { font-size:17pt; font-weight:bold; }
.event_text { margin-top:8px; line-height:1.4; font-size:11pt; color:#444;}

.event_day { margin-top:25px; line-height:1.4;  text-indent:-3em; padding-left:3em;}
.event_venue { margin-top:10px;  text-indent:-3em; padding-left:3em;}
.event_ticket { margin-top:10px; text-indent:-5em; padding-left:5em; }
.lang_zh-cn .event_day{ text-indent:-5em; padding-left:5em; }
.lang_zh-tw .event_day{ text-indent:-5em; padding-left:5em; }

.event_link { margin-top:20px;}
.event_link a:after{ content:"\f054"; font-family: FontAwesome; margin-left:5px; }

.event_ctgl { font-weight:bold; color:#fff; border-radius:6px 6px 0 0; font-size:8pt; }
.event_ctgl span { padding:2px 11px 3px 9px; border-radius:0 0 15px 0; display:inline-block; }

.ev_concert .event_ctgl { border-top:3px solid #F35387; }
.ev_concert .event_ctgl span { background:#F35387;}
.ev_concert .event_title { color:#F35387;}

.ev_other .event_ctgl { border-top:3px solid #905BCA;}
.ev_other .event_ctgl span{ background:#905BCA; }
.ev_other .event_title{ color:#905BCA; }

/* Footer infomation */
#footerbox{background:#666; color:#e0e0e0; padding:40px 0 0; position:absolute; bottom:0; width:100%; }
#footerbox h1 { font-size:14pt;}
.footerwidth {max-width:90%; margin:0 auto; padding-bottom:10px;}
.footercont { width:30%; float:left; margin-left:5%;}
.footercont:first-child { margin-left:0;}
.footercont h2 { font-size:11pt; margin-top:20px; color:#FFADDA; }
.footercont p { margin-top:8px; line-height:1.4;}
.footercont a { color:#9FF3FF; }
#footercopy {text-align:center; font-size:8pt; margin-top:20px; background:#444; padding:10px;}