@charset "UTF-8";

/*
	Theme Name: piaprostudio
	Description:
	Theme URI:
	Author:
	Author URI:
	Version:
	License:
	License URI:
	Tags:

*/

/****************************************

          General Setting

*****************************************/

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

/* 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:62.5%;
	font: inherit;
	vertical-align: baseline;
	font-family: Helvetica, Arial, Verdana, sans-serif;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {line-height:1.6; font-size:1.2rem; font-size:12px; background:#212121; color:#a8a8a8; font-weight:200; height:100%;}

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;}

/*prettyphoto用*/
.popupbox									{padding:30px 30px 0 30px; padding-bottom:0;}
.popupbox .descbox				{margin-top:10px; font-size:1.4rem; font-size:14px;}
.popupbox .imagebox				{margin:0 auto;}

i.right								{margin-right:0; margin-left:8px;}
i.left								{margin-right:8px; margin-left:0;}

.break								{margin-top:20px !important;}
.break_ss							{margin-top:5px !important;}
.break_s							{margin-top:10px !important;}
.break_m							{margin-top:30px !important;}
.break_l							{margin-top:45px !important;}

ul.normal li								{background:url(images/listico_circle_bk.png) no-repeat left -1px; padding-left:12px; margin-bottom:5px;}
ul.normal li:last-child			{margin-bottom:0;}
ul.white li									{background:url(images/listico_circle_wht.png) no-repeat left -1px !important;}
ul.txt_large li							{background-position:left 1px !important;}

.txt_em				{font-weight:bold; color:#fefdd7;}
.txt_notice		{color:#e03a3a !important; font-weight:bold !important;}
.txt_note			{font-size:1.1rem; font-size:11px; color:#959494;}

/****************************************

          Layout

*****************************************/
#header								{width:100%; position:fixed; left:0; top:0; z-index:999; min-width:1000px; background:#1b1b1b; height:46px; border-bottom:1px solid #222222;
											-moz-box-shadow:0px 0px 10px rgba(0,0,0, 0.8);
											-webkit-box-shadow:0px 0px 10px rgba(0,0,0, 0.8);
											box-shadow:0px 0px 10px rgba(0,0,0, 0.8);}

#whole								{min-width:1000px; position:relative; min-height:100%; height: auto !important; height: 100%; margin: 0 auto -104px;}
/*#whole								{min-width:1000px; position:relative; margin-top:92px; padding-bottom:45px;}*/

#main									{position:relative; margin-left:350px; margin-right:60px; padding-top:92px; padding-bottom:45px;}

#sub									{width:250px; position:absolute; top:92px; left:60px; border-right:1px solid #2b2b2b;
											-moz-box-shadow:1px 0px 0px #060606;
											-webkit-box-shadow:1px 0px 0px #060606;
											box-shadow:1px 0px 0px #060606;}
.sub_inner							{padding-right:30px;}

#footer_fixed					{color:#888888; font-size:1.1rem; font-size:11px; background:#111111; line-height:30px; height:30px; z-index:998; position:fixed; bottom:0; left:0; width:100%; text-align:center;}

#footer								{height:104px; box-sizing:border-box; position:relative; z-index:2;}
#push									{height:104px; box-sizing:border-box; position:relative; z-index:1;}
#footer_inner					{color:#888888; font-size:1.1rem; font-size:11px; line-height:20px; text-align:center; border-top:1px solid #313131; padding-bottom:10px;}

/*
#top_wrapper					{width:100%; height:100%;
											background-image:url(images/topimg2.jpg);
											background-repeat:no-repeat;
											background-attachment:fixed;
											background-size:cover; -webkit-background-size:cover;
											background-position:center;}
*/


/****************************************

          header

*****************************************/
.site_id												{width:178px; height:46px; float:left; background:url(images/siteid_ps.png) no-repeat center; background-size:178px auto; display:block;}

.searchbtn											{color:#a7a7a7; display:block; float:right; line-height:46px; font-size:1.4rem; font-size:14px; width:46px; text-align:center; cursor:pointer;}
.searchbtn_hover								{color:#ffffff; background:#222222; text-decoration:none;}

.srcbox													{position:absolute; top:45px; right:5px; width:255px; display:none; z-index:1;}
.srcbox .src_inner							{width:253px; background:#1b1b1b; text-align:left; font-size:1.2rem; font-size:12px; padding:2px 0 14px 0;
																border:1px solid #222222; border-top:none;
																-moz-border-radius:0 0 6px 6px; -webkit-border-radius:0 0 6px 6px; border-radius:0 0 6px 6px;
																-moz-box-shadow:0px 0px 10px rgba(0,0,0, 0.3);
																-webkit-box-shadow:0px 0px 10px rgba(0,0,0, 0.3);
																box-shadow:0px 0px 10px rgba(0,0,0, 0.3);}

.srcform												{width:225px; height:23px; position:relative; margin-left:15px; float:left;}
.srcform .srcform_inner					{width:225px; height:23px; line-height:23px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid #c6c5c5; background:#ffffff;}
.srcform .srcform_inner input		{width:185px; border:none; background:none; height:17px; padding:3px 30px 3px 10px;}
.srcform button.btn							{height:20px; line-height:23px; width:20px; display:block; text-decoration:none;
																border:none; background:none; cursor:pointer; margin:0; padding:0;
																position:absolute; top:0; right:0; font-size:1.4rem; font-size:14px; color:#858585;}


/****************************************

          Navigation

*****************************************/
#header .menu						{display:block; font-size:0; text-align:right; margin-left:198px;}
#header .menu li				{display:inline-block; font-size:1.2rem; font-size:12px;}
#header .menu a					{color:#a7a7a7; display:block; line-height:46px; padding:0 12px;}
#header .menu a:hover		{color:#ffffff; background:#222222; text-decoration:none;}
#header .menu a.btn_on	{color:#b3a300;}
#header .menu .current_page_item a, #header .menu .current_page_ancestor a, #header .menu .current_page_parent a,
#header .menu .current-menu-item a, #header .menu .current-category-ancestor a,
#header .menu .current-post-ancestor a
												{color:#b4a200; display:block; line-height:44px; padding:0 12px; border-bottom:2px solid #b4a200;}



/*記事が無い場合は<a>タグを<span>タグに変更*/
#header .menu span			{color:#555555; display:block; line-height:46px; padding:0 12px; cursor:default;}

/****************************************

          top page

*****************************************/
.top_cont {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 500px;
	height: calc(100vh - 250px);
	position: relative;
	padding: 0 5%;
	margin-bottom: 250px;
	box-sizing: border-box;
}

.top_lead	{width:481px; padding-top:260px; background:url(images/top_lead.png) no-repeat left top; background-size:481px auto; float:left; margin-top:10px;}
.top_lead_en						{width:481px; padding-top:260px; background:url(images/top_lead_en.png) no-repeat left top; background-size:481px auto; float:left; margin-top:10px;}
.top_lead p						{margin-left:10px; color:#b3a300; line-height:1.6; padding-right:30px;}
.top_lead_en p						{margin-left:10px; color:#b3a300; line-height:1.6; padding-right:30px;}
.top_shot							{width:516px; height:463px; background:url(images/top_shot.png) no-repeat left top; background-size:516px auto; float:right; position:relative;}
.top_shot_en							{width:516px; height:463px; background:url(images/top_shot_en.png) no-repeat left top; background-size:516px auto; float:right; position:relative;}
.top_badge						{width:248px; height:247px; background:url(images/badge_comingsoon.png) no-repeat center; background-size:248px auto;
											position:absolute; top:-40px; right:-110px; display:none;}
.top_btn_play					{width:167px; height:166px; background:url(images/top_btn_play.png) no-repeat center; background-size:167px auto;
											position:absolute; top:115px; right:170px; display:block;}
.top_btn_play:hover		{background:url(images/top_btn_play_on.png) no-repeat center;}

.top_sub {
    background: url(images/bg_black_alpha2.png) repeat center;
    position: fixed;
    bottom: 30px;
    left: 0;
    width: 100%;
    height: 220px;
    border-top: 1px solid #222222;
    -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.8);
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.8);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.8);
    min-width: 1000px;
}

.top_news							{margin-right:550px; margin-left:45px; padding-top:20px;}									
.news_list						{margin-top:10px;}
.news_date						{margin-right:10px;}
.news_ctg							{color:#ffffff; margin-right:10px;}
.news_list li					{line-height:1.8; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.top_other						{width:510px; float:right; margin-right:45px; padding-top:30px;}
.top_bnr							{text-align:right; font-size:0;}
.top_bnr a						{display:inline-block; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; overflow:hidden; margin-left:10px;}
.top_bnr a:first-child{margin-left:0;}
.top_sns							{margin-top:20px; margin-left:10px; font-size:0;}
.top_sns span					{display:inline-block;}


img.top_bg 						{min-height:100%; min-width:1000px; width:100%; height:auto; position: fixed; top:0; left:0;}

.top_badge_en						{width:90px; height:90px; display:block; background:url(images/badge_en.png) no-repeat center; position:absolute; top:-10px; right:-100px;}



/****************************************

          button

*****************************************/
.button_m							{font-weight:bold; text-align:center; border-style:solid; border-width:1px; cursor:pointer;
											display:inline-block; padding:1px 15px 0 15px; line-height:32px; font-size:1.2rem; font-size:12px;
											-moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;}
.button_m:hover				{text-decoration:none;}

.button_darkgray			{color:#ffffff; border-color:#3f3f3f; background:#565656;
											background-image: -webkit-gradient(linear, left top, left bottom, from(#818181), to(#565656));
											background-image: -webkit-linear-gradient(top, #818181, #565656);
											background-image: -moz-linear-gradient(top, #818181, #565656);
											background-image: -ms-linear-gradient(top, #818181, #565656);
											background-image: -o-linear-gradient(top, #818181, #565656);
											background-image: linear-gradient(top, #818181, #565656);
											-webkit-box-shadow: inset 0 1px 0 #a2a2a2;
											-moz-box-shadow: inset 0 1px 0 #a2a2a2;
											-ms-box-shadow: inset 0 1px 0 #a2a2a2;
											-o-box-shadow: inset 0 1px 0 #a2a2a2;
											box-shadow: inset 0 1px 0 #a2a2a2;
											text-shadow: 0 -1px 0 #3f3f3f;}

.button_darkgray:hover{background:#414040;
											background-image: -webkit-gradient(linear, left top, left bottom, from(#707070), to(#414040));
											background-image: -webkit-linear-gradient(top, #707070, #414040);
											background-image: -moz-linear-gradient(top, #707070, #414040);
											background-image: -ms-linear-gradient(top, #707070, #414040);
											background-image: -o-linear-gradient(top, #707070, #414040);
											background-image: linear-gradient(top, #707070, #414040);}



/****************************************

          paging

*****************************************/
#navigation																							{margin-top:20px; text-align:center;}
#navigation .alignleft, #navigation .alignright					{display:inline-block; margin:0 15px;}
#navigation .alignleft a, #navigation .alignright a			{color:#ffffff;}

/*もっと見るボタン*/
.nav-below							{text-align:center;}
.nav-below img					{width:300px;}
.nav-below a						{font-weight:bold; text-align:center; border-style:solid; border-width:1px; cursor:pointer;
												display:block; padding-top:1px; line-height:32px; font-size:1.2rem; font-size:12px;
												margin:30px auto 0 auto;
												-moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; width:100%; box-sizing:border-box;
												color:#ffffff; border-color:#3f3f3f; background:#565656;
												background-image: -webkit-gradient(linear, left top, left bottom, from(#818181), to(#565656));
												background-image: -webkit-linear-gradient(top, #818181, #565656);
												background-image: -moz-linear-gradient(top, #818181, #565656);
												background-image: -ms-linear-gradient(top, #818181, #565656);
												background-image: -o-linear-gradient(top, #818181, #565656);
												background-image: linear-gradient(top, #818181, #565656);
												-webkit-box-shadow: inset 0 1px 0 #a2a2a2;
												-moz-box-shadow: inset 0 1px 0 #a2a2a2;
												-ms-box-shadow: inset 0 1px 0 #a2a2a2;
												-o-box-shadow: inset 0 1px 0 #a2a2a2;
												box-shadow: inset 0 1px 0 #a2a2a2;
												text-shadow: 0 -1px 0 #3f3f3f;}
.nav-below a:hover			{text-decoration:none; background:#414040;
												background-image: -webkit-gradient(linear, left top, left bottom, from(#707070), to(#414040));
												background-image: -webkit-linear-gradient(top, #707070, #414040);
												background-image: -moz-linear-gradient(top, #707070, #414040);
												background-image: -ms-linear-gradient(top, #707070, #414040);
												background-image: -o-linear-gradient(top, #707070, #414040);
												background-image: linear-gradient(top, #707070, #414040);}








.page_ctg_e							{font-size:2.0rem; font-size:20px; color:#ffffff; text-transform:uppercase;}
.page_ctg_j							{font-size:1.4rem; font-size:14px; color:#cccccc; margin-top:3px; margin-bottom:45px;}
.page_ctg_e	i						{padding:0 12px; color:#888888;}
.page_ctg_e	a						{color:#ffffff;}

.page_subtitle					{font-size:1.4rem; font-size:14px; color:#ffffff; margin-bottom:10px;}

.localmenu_title					{margin-bottom:15px; color:#ffffff;}
.localmenu_title	 a				{margin-bottom:15px; color:#ffffff;}
.localmenu li							{line-height:1.4;}
.localmenu ul li ul li		{margin-left:20px;}
.localmenu li i						{margin-right:5px;}
.localmenu li a						{display:inline-block; color:#999999; padding:4px 8px 3px 5px;
													-webkit-transition: all 0.1s ease-out;
													-moz-transition: all 0.1s ease-out;
													-o-transition: all 0.1s ease-out;}
.localmenu li a:hover			{background:#3e3e3e; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; text-decoration:none;}
.localmenu li span				{display:block; color:#cccccc; padding:4px 5px 3px 5px;}
.localmenu li.current-cat a	{color:#b4a200;}

.taglist							{font-size:0;}
.taglist li						{display:inline-block;}
.taglist a						{text-align:center; cursor:pointer; font-size:1.2rem !important; font-size:12px !important;
											-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; margin:0 5px 5px 0;
											background:#262626; border:1px solid #2b2b2b; color:#cccccc; display:inline-block; padding:1px 10px 0 10px; line-height:24px;
											text-shadow: 0 -1px 0 #111111;}

.taglist a:hover			{background:#333333; border:1px solid #444444; text-decoration:none;}


.link_sns							{margin-top:45px; font-size:0;}
/*.link_sns							{width:100%; height:48px; position:absolute; bottom:30px; right:30px;}*/
.link_sns a						{display:inline-block; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; overflow:hidden; margin-right:10px;}

.link_sns_top							{margin-top:20px; font-size:0;}
.link_sns_top a						{display:inline-block; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; overflow:hidden; margin-right:10px;}

.link_sns_top img {
    height: 40px;
}

.link_sns_footer			{padding:15px 0 10px 0; font-size:0; text-align:center;}
.link_sns_footer a		{display:inline-block; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; overflow:hidden; margin:0 5px;}


/*記事一覧*/
.post										{background:#2b2b2b; padding:10px; border:1px solid #313131; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; margin-bottom:15px;
												moz-box-shadow:0 0 10px rgba(0,0,0, 0.1);
												-webkit-box-shadow:0 0 10px rgba(0,0,0, 0.1);
												box-shadow:0 0 10px rgba(0,0,0, 0.1);}
.post .inner						{widht:100%; overflow:hidden; position:relative;}
.post .thum							{width:140px; height:140px; float:left; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; overflow:hidden; display:none;}
.post .spec							{width:160px; float:right; border-left:1px solid #404040; padding-left:15px;}
.post .article_date a, .post .article_by a, .post .article_ctg a, .post .article_tag a {color:#a8a8a8;}
.post .label						{color:#666666; display:block; margin-bottom:1px;}
.post .article_cont			{margin-left:20px; margin-right:200px; padding:5px 0 0 0;}
/*.post .article_cont			{margin-left:160px; margin-right:200px; padding:5px 0 0 0;}*/
.post .article_title		{font-weight:bold; font-size:1.4rem; font-size:14px;}
.post .article_desc			{color:#8e8e8e; margin-top:15px;}
.post .article_ctg			{margin-top:10px;}

.post .prod_info				{margin-left:160px;}
.post .copy							{color:#202020; margin-bottom:10px; padding-right:160px; font-weight:bold;}
.post .title						{overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#202020;}
.post .price						{overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#939393;}
.post .btnbox						{text-align:right; font-size:0; position:absolute; top:0; right:0; width:140px;}
.post .btnbox .button_s	{margin:0 3px;}
.post .cmt_rmd					{color:#666666; margin-top:20px;}
.post .cmt_by						{color:#666666; margin-top:5px; width:100%;}
.post .thum_charactor		{width:30px; float:left;}
.post .name_charactor		{margin-left:40px; line-height:30px;}

.post .cont_info				{margin-left:265px;}
.post .date_sp					{font-weight:bold; width:100px; float:right; text-align:right;}

/*記事詳細*/
.article										{background:#2b2b2b; padding:45px 50px; border:1px solid #313131; margin-top:45px;
														-moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;
														moz-box-shadow:0 0 10px rgba(0,0,0, 0.1);
														-webkit-box-shadow:0 0 10px rgba(0,0,0, 0.1);
														box-shadow:0 0 10px rgba(0,0,0, 0.1);}
.article .inner							{widht:100%; overflow:hidden; position:relative;}
.article .spec							{margin-bottom:10px;}
.article .sns								{margin-bottom:60px; font-size:0;}
.article .sns .snsbtn				{display:inline-block;}
.article .article_cont			{}
.article .label							{color:#666666; margin-right:10px;}
.article .article_desc			{color:#c2c2c2; font-size:1.3rem; font-size:13px; line-height:1.8;}
.article .article_desc p		{margin:20px 0;}
.article .article_desc p:last-child		{margin-bottom:0;}
.article .article_ctg a, .article .article_tag a 		{color:#a8a8a8;}
.article .article_date, .article .article_by, .article .article_ctg, .article .article_tag		{display:inline-block; margin-right:15px;}
.article .article_title			{font-weight:bold; font-size:1.8rem; font-size:18px; margin-bottom:20px; color:#ffffff;}
.article .article_subtitle	{font-weight:bold; font-size:1.5rem; font-size:15px; margin-bottom:20px; color:#ffffff;}

.article ul	li								{background:url(images/listico_circle_wht.png) no-repeat left 1px !important; padding-left:12px; margin-bottom:5px;}
.article ul	li:last-child			{margin-bottom:0;}
.article ol	li								{padding-left:5px; margin-bottom:5px; list-style-type:decimal; list-style-position:outside; margin-left:1.5em;}
.article ol	li:last-child			{margin-bottom:0;}

.article .innerbox						{background:#383838; border:1px solid #414141; padding:30px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}


/*ページング*/
.paging			{margin-top:30px;}
.page_back	{width:50%; float:left; text-align:left;}
.page_next	{width:50%; float:right; text-align:right;}

.paging a							{font-weight: bold; text-align: center; color: #ffffff; background: #414040; cursor: pointer; display: inline-block; padding: 1px 15px 0 15px;
										line-height: 32px; font-size: 1.2rem; font-size: 12px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;}


.paging a:hover				{text-decoration:none; background:#484848;}


.pager										{text-align:center; font-size:15px;}
a.page-numbers, .pager .current				{background:rgba(0,0,0,0.02); border:solid 1px rgba(0,0,0,0.1); border-radius:5px; padding:5px 8px; margin:0 2px;}
.pager .current								{background:rgba(0,0,0,1); border:solid 1px rgba(0,0,0,1); color:rgba(255,255,255,1);}




/*固定レイアウト*/
.fixedbox{
	background:#2b2b2b;
	border:1px solid #313131;
	width:100%;
	margin:92px auto 45px auto;
	box-sizing: border-box;
	position:relative;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	overflow:hidden;
	-moz-box-shadow:0 0 10px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow:0 0 10px rgba(0, 0, 0, 0.1);
	box-shadow:0 0 10px rgba(0, 0, 0, 0.1);
}
.fixedbox_aboutus						{padding:60px 60px 60px 240px;}

.logo_cfm										{background:url(images/logo_cfm.png) no-repeat center; width:180px; height:61px; position:absolute; top:50%; left:30px; margin-top:-30px;}
.logo_cfm_en									{background:url(images/logo_cfm_en.png) no-repeat center; width:180px; height:61px; position:absolute; top:50%; left:30px; margin-top:-30px;}
.aboutus_cont								{border-left:1px solid #2b2b2b; padding-left:60px;
														-moz-box-shadow:inset 0 4px 4px -8px #2b2b2b, inset 0 -4px 4px -8px #2b2b2b, inset 8px 0 8px -8px #181818;
														-webkit-box-shadow:inset 0 4px 4px -8px #2b2b2b, inset 0 -4px 4px -8px #2b2b2b, inset 8px 0 8px -8px #181818;
														box-shadow:inset 0 4px 4px -8px #2b2b2b, inset 0 -4px 4px -8px #2b2b2b, inset 8px 0 8px -8px #181818;}


.qtrans_language_chooser {position: absolute;
top: 0px;
right: 650px;
line-height: 46px;

}

.qtrans_language_chooser li {float: left;
			margin-right:20px;
}




/****************************************

          Piapro Studio とは

*****************************************/
html{height:100%;}


body					{background:#202020 !important; }
h1						{font-size:24pt; font-weight:normal; color:#ccc; line-height: 1;}
h2						{font-size:20pt; font-weight:normal; color:#ffffff; margin-bottom:30px;}
.fixedbox				{background:#202020; display:table; width:100%; height:100%;  min-height:900px; text-align:left; position:relative;}

.vocaloid_editor_box	{background:#202020; width:100%; text-align:left; position:relative; padding:200px 150px 70px 150px; color:#dcdcdc;}

.shot_ps {
	background: url(images/shot_ps.png) no-repeat center 30px/600px;
	padding: 560px 5% 0;
	width: 860px;
	position: relative;
	margin: 80px auto 0;
	min-height: 400px;
	box-sizing: border-box;
	text-align: center;
}

.logo_plugin {
	display: inline-block;
	height: 50px;
}
.logo_plugin img{
	height: 100%;
	width: auto;
}

.btn_play_ps			{background:url(images/btn_play_ps.png) no-repeat center; width:167px; height:166px; position:absolute; left:50%; top:210px; margin-left:-84px; display:block; cursor:pointer;}

.badge_ps				{background:url(images/badge_ps2.png) no-repeat center; width:240px; height:240px; position:absolute; right:-185px; top:330px; display:block;}
/*.badge_ps				{background:url(images/badge_ps.png) no-repeat center; width:170px; height:170px; position:absolute; right:-150px; top:380px; display:block;}*/

.snsbtnbox				{font-size:0; margin-top:20px; /*padding-left:60px;*/ text-align:center;}
.vs_snsbtnbox			{ font-size:0; margin-top:25px;}
.snsbtnbox .snsbtn, .vs_snsbtnbox .snsbtn			{display:inline-block;}
iframe.twitter-share-button {width:105px !important;}

.bnr_fx_pack				{-moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; overflow:hidden; cursor:pointer; position:relative; margin-bottom:20px;}
.ps_feat_list li			{ display:inline; margin-right:15px; line-height:1.7; color:#ccc; font-size:11pt;}
.ps_feat_list i				{ color:#f5f5f5;}
.cont_feature h3			{ color:#a9b300; font-size:14pt; padding:40px 0 5px;}

.cont_cv_box{
	background:#444;
	padding:20px;
	margin:20px 0;
	border-radius:3px;
	text-align:center;
}
.cv_box_wrap{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.cv_box_wrap a{
	display: block;
	width: 19.5%;
}
.cv_box {
	height: 188px;
	text-align: center;
	padding-top: 155px;
	margin-bottom: 20px;
	box-sizing: border-box;
	font-size: 11px;
	font-weight: bold;
}



/* alt background ############## */ 
.cont_desc:nth-child(even){background:#333; color:#ddd;}
.cont_desc:nth-child(odd){background:#444; color:#ccc;}
.cont_desc:nth-child(even) .altinner{background:#444; color:#ccc;}
.cont_desc:nth-child(odd) .altinner{background:#333; color:#ddd;}
/* for IE #### 中身は同上。コンマでくっつけて記述すると動かないので注意 */
.cont_desc.even {background:#333; color:#ddd;}
.cont_desc.odd {background:#444; color:#ccc;}
.cont_desc.even .altinner{background:#444; color:#ccc;}
.cont_desc.odd .altinner{background:#333; color:#ddd;}
.cont_desc									{/*width:100%;*/ padding:90px 5%; z-index:-1;}
.cont_desc p									{font-size:11pt; line-height:1.8;}



.req_os										{background:#484848; border:1px solid #5e5e5e; color:#cccccc; margin-top:20px;
												-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; margin-bottom:15px; overflow:hidden;
												moz-box-shadow:0 0 10px rgba(0,0,0, 0.06);
												-webkit-box-shadow:0 0 10px rgba(0,0,0, 0.06);
												box-shadow:0 0 10px rgba(0,0,0, 0.06);}

.req_os .os								{width:120px; float:left; background-position:center 10px; background-repeat:no-repeat; text-align:center;
												padding-top:120px; padding-bottom:10px;}
.req_os .os_list							{border-left:1px solid #5e5e5e; margin-left:120px;}
.req_os .os_row						{border-bottom:1px solid #cccccc; width:100%; line-height:28px; font-size:1.2rem; font-size:12px; overflow:hidden;}
.req_os .os_row .label_win		{margin-right:204px; padding-left:15px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.req_os .os_row .label_mac		{margin-right:255px; padding-left:15px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.req_os .os_row .label_title		{line-height:45px !important; font-weight:bold;}
.req_os .os_row .status				{width:50px; float:right; border-left:1px solid #cccccc; color:#666666; text-align:center; font-size:1.4rem; font-size:14px;}
.req_os .os_row .status a			{text-decoration:none; color:#e03a3a;}
.req_os .os_row:last-child		{border-bottom:none;}
.req_os .os_other						{padding:15px; font-size:1.2rem; font-size:12px;}
.req_os .os_other li					{background:none; padding-left:0; margin:5px 0;}
.req_os .os_other li span			{font-weight:bold;}



/* SETTING for miku ENG ver. ONLY ##############*/
.ps_feat_list li { display:block; text-indent:-10px; padding-left:20px; line-height:1.3; margin:8px 0; }
.ps_feat_list li i { color:#777777;}

.cont_ps_link								{display:block; text-align:center; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; padding:30px 150px; /*background:#a7a71a !important;*/}
.cont_ps_link:hover						{text-decoration:none; /*background:#101010 !important;*/}
.cont_logo									{padding:15px 150px; margin-bottom:50px;}

.logo_rel		{font-size:0; text-align:center;}
.logo_rel li	{display:inline-block; font-size:9pt; margin:0 20px;}

.fixedbox										{margin:0 auto;}