@charset "EUC-JP";

.BEACON_SP_Display_PC_PAGE{}

/**************************************** C2 ****************************************/

#fgContents2{
	background:#c2c5cc;
}

/****************************** C2 header ******************************/

#fgContents2 header{
	position:relative;
	background-color:#000000;
	height:60px;
	width:100%;
	z-index:100;
}

#fgContents2 header h1{
	position:absolute;
	top:10px;
	left:50%;
	margin-left:-111px;
}

#fgContents2 header nav{
	height:57px;
	padding:3px 10px 0;
}

#fgContents2 header nav li img{
	height:50px;
}

#fgContents2 header nav li{
	float:left;
	margin-right:15px;
}

#fgContents2 header nav li:last-child{
	float:right;
	margin-right:15px;
}

#fgContents2 header nav li:nth-child(3n){
	float:right;
	margin-right:0;
}


/****************************** NAV ******************************/

#fgContents2 nav.global_nav{
	clear:both;
	width:640px;
	height:71px;
	background: -moz-linear-gradient(top, #6650d1, #281391);
	background: -webkit-gradient(linear, left top, left bottom, from(#6650d1), to(#281391));
	border-top:1px solid #8c7cdd;
	border-bottom:1px solid #000000;
}

#fgContents2 nav.global_nav ul{
	width:620px;
	height:61px;
	position:relative;
	padding:10px 10px 0;
	margin:0;
}

#fgContents2 nav.global_nav li{
	float:left;
	text-align:center;
	width:200px;
	height:60px;
	line-height:60px;
	font-size:24px;
	text-shadow:-1px -1px 0 #000000;
	font-weight:bold;
}

#fgContents2 nav.global_nav li:first-child{
	position:relative;
	bottom:-1px;
	height:60px;
	margin-right:10px;
	color:#000000;
/**	text-shadow:1px 1px 0 #ffffff;	**/
	text-shadow:none;
	background-image:-moz-linear-gradient(top,#ffffff,#eeeeee);
	background-image:-webkit-gradient(linear,left top,left bottom,from(#ffffff),to(#eeeeee));
	border-top-left-radius:8px;
	border-top-right-radius:8px;
	border:1px solid #000000;
	border-bottom:none;
}

#fgContents2 nav.global_nav li a{
	margin-top:10px;
	height:36px;
	line-height:36px;
	display:block;
	text-decoration:none;
	color:#ffffff;
	border-right:1px solid #1f147f;
	margin-bottom:10px;
}

#fgContents2 nav.global_nav li:last-child a{
	border-left:1px solid #705dcc;
	border-right:none;
}

#fgContents2 nav.global_nav li:first-child a{
	margin-top:0;
	height:56px;
	line-height:56px;
	color:#000000;
	border-top-left-radius:8px;
	border-top-right-radius:8px;
	border:none;
	border:4px solid #ffffff;
	border-bottom:none;
	border-bottom:1px solid #eeeeee;
}

#fgContents2 .search_area{
	width:640px;
	background-image:-moz-linear-gradient(top,#ebebeb,#e0e0e0);
	background-image:-webkit-gradient(linear,left top,left bottom,from(#eeeeee),to(#e0e0e0));
	border-bottom:1px solid #ffffff;
}


/********** search **********/

#fgContents2 .search_area .form{
	border-radius:20px;
	border-color:#cccccc;
	margin-right:10px;
	width:450px;
}

.search_area{
	width:560px;
	padding:10px 0;
	text-align:center;
	background:#eeeeee;
	background:url(/image/bg_iphone_common1.png) repeat-x left top;
	border-top:1px solid #ffffff;
	border-bottom:1px solid #666666;
}

.search_area input.form{
	width:300px;
	height:40px;
	vertical-align:middle;
	font-size:150%;
}

.search_area input.buttom{
	font-size:150%;
	width:110px;
	height:40px;
	vertical-align:middle;
}


/****************************** TOP BANNER ******************************/

.top_ad:after{
	content:"";
	clear:both;
	height:0;
	display:block;
}

.top_ad{
	padding:10px 0;
	background:#f0f0f0;
	border-bottom:1px solid #5134b3;
}

.top_ad .strap_banner{
	width:600px;
	height:90px;
	margin:0 auto;
}

.top_ad .strap_banner img{
	width:600px;
	height:90px;
	border-radius:8px;
}

.pr_box > div.pr_satellite:first-child{
	height:555px;
	border-bottom:2px solid #ccc;
}

.large_banner{
	width:640px;
	height:280px;
	margin:0 auto;
	text-align:center;
	padding:30px 0;
}

.large_banner img{
	width:600px;
	height:280px;
	border-radius:8px;
	margin:0 auto;
}


/****************************** SNS ******************************/

#SOCIALBOOKMARK_BAR:after{
	clear:both;
	height:0;
	display:block;
	content:"";
}

#SOCIALBOOKMARK_BAR{
}

.news_contents .socialbookmark{
	width:575px;
	height:60px;
	padding:15px 0 0;
	margin-left:auto;
}

.news_contents #SOCIALBOOKMARK_BOTTOM_BAR{
	height:60px;
	padding:20px 15px 20px 50px;
	margin:0;
	border-top:2px solid #d9d9d9;
	box-shadow:inset 0 2px 0 #ffffff;
	-webkit-box-shadow:inset 0 2px 0 #ffffff;
	background:#f0f0f0;
}

#SOCIALBOOKMARK_BAR > span,
#SOCIALBOOKMARK_BAR div.googleplus1{
	display:none;
}

.googleplus1,
.google,
.livedoor,
.yahoo,
.mixi_check,
.fb-comments,
#SOCIALBOOKMARK_BOTTOM_BAR_COMMENT{
	display:none;
}


/********** facebook **********/

.facebook_share{
	float:left;
	width:130px;
	height:60px;
	margin-left:10px;
	-webkit-box-sizing: border-box;
	border-top-left-radius:8px;
	border-bottom-left-radius:8px;
	border:1px solid #aaaaaa;
	background-image:-moz-linear-gradient(top,#ffffff,#eaeaea);
	background-image:-webkit-gradient(linear,left top,left bottom,from(#ffffff),to(#eaeaea));
	display:-moz-box;
	-moz-box-pack:center;
	-moz-box-align:center;
	display:-webkit-box;
	-webkit-box-pack:center;
	-webkit-box-align:center;
}

.facebook_share .facebook_icon{
	width:35px;
	height:35px;
	vertical-align:middle;
}

.facebook_share .fb_share_size_Small{
	display:block;
	height:39px;
	display:-o-box;
	display:-ms-box;
	display:-moz-box;
	display:-webkit-box;
}

.facebook_share .FBConnectButton_Small, .FBConnectButton_RTL_Small{
	width:39px;
	height:39px;
	background-color:transparent;
	background-position:left -99px;
	padding:0;
	display:block;
	-o-box-ordinal-group: 1;
	-ms-box-ordinal-group: 1;
	-moz-box-ordinal-group: 1;
	-webkit-box-ordinal-group: 1;
	-webkit-box-sizing: border-box;
}

.facebook_share a.FBConnectButton_Small:active,
.facebook_share .FBConnectButton_Small:active{
	background-position:left -99px;
}

.facebook_share .fb_share_count_nub_right,
.facebook_share .FBConnectButton .FBConnectButton_Text,
.facebook_share .FBConnectButton_RTL .FBConnectButton_Text{
	display:none;
}

.facebook_share .fb_share_count_right{
	margin:0;
	padding:0;

	display:block;
	-o-box-ordinal-group: 2;
	-ms-box-ordinal-group: 2;
	-moz-box-ordinal-group: 2;
	-webkit-box-ordinal-group: 2;
	-webkit-box-sizing: border-box;
	background:transparent;
}

.facebook_share .fb_share_size_Small .fb_share_count_right .fb_share_count_inner{
	height:39px;
	line-height:39px;
	font-size:22px;
	padding:0 0 0 5px;
	margin:0;
	border:none;
	background:transparent;
	font-weight:normal;
	color:#666666;
	text-shadow:1px 1px 0 #ffffff;
}


/********** hatena **********/

.hatena{
	float:left;
	width:130px;
	height:60px;
	-webkit-box-sizing: border-box;
	border:1px solid #aaaaaa;
	border-left:1px solid #ffffff;
	background-image:-moz-linear-gradient(top,#ffffff,#eaeaea);
	background-image:-webkit-gradient(linear,left top,left bottom,from(#ffffff),to(#eaeaea));
	display:-moz-box;
	-moz-box-pack:center;
	-moz-box-align:center;
	display:-webkit-box;
	-webkit-box-pack:center;
	-webkit-box-align:center;
}

.hatena img{
	height:18px;
	width:auto;
	vertical-align:middle;
}

.hatena img.icon{
	width:40px;
	height:29px;
}


/********** line **********/

#SOCIALBOOKMARK_BAR .line,
#SOCIALBOOKMARK_BOTTOM_BAR .line{
	float:left;
	width:130px;
	height:60px;
	-webkit-box-sizing: border-box;
	border-top-right-radius:8px;
	border-bottom-right-radius:8px;
	border:1px solid #aaaaaa;
	border-left:1px solid #ffffff;
	background-image:-moz-linear-gradient(top,#ffffff,#eaeaea);
	background-image:-webkit-gradient(linear,left top,left bottom,from(#ffffff),to(#eaeaea));
	display:-moz-box;
	-moz-box-pack:center;
	-moz-box-align:center;
	display:-webkit-box;
	-webkit-box-pack:center;
	-webkit-box-align:center;
}

#SOCIALBOOKMARK_BAR .line img,
#SOCIALBOOKMARK_BOTTOM_BAR .line img{
	height:24px;
	width:auto;
	vertical-align:middle;
}


/********** twitter **********/

.twitter_topsy{
	float:right;
	width:150px;
	height:60px;
	text-indent:15px;
	background:url(/image/V3/SP_bg_button_title_twitter.png) no-repeat right center transparent;
	display:-webkit-box;
	-webkit-box-align:left;
	-webkit-box-sizing: border-box;
}

.twitter_counter{
	font-size:36px;
	line-height:60px;
	color:#00bfff;
	font-weight:bold;
	display:block;
	width:150px;
	height:60px;
}


/**************************************** news_contents ****************************************/

.news_contents{
	background:#ffffff;
	min-height:1000px;
}


/********** bread_crumb **********/

.bread_crumb:after{
	content:"";
	clear:both;
	height:0;
	display:block;
}

.bread_crumb{
	width:640px;
	height:30px;
	overflow:hidden;
	background:#c2c5cc;
	margin:0 auto;
}

.bread_crumb ul{
	float:left;
}

.bread_crumb li:first-child:before{
	content:"";
	display:block;
	float:left;
	width:30px;
	height:30px;
	margin-right:2px;
	background:url(/image/V3/SP_bg_games_bread_crumb.png) no-repeat right top;
}

.bread_crumb li:after{
	content:"";
	display:block;
	position:absolute;
	z-index:10;
	right:-2px;
	top:0;
	float:right;
	width:30px;
	height:30px;
	margin-right:2px;
	background:url(/image/V3/SP_bg_games_bread_crumb.png) no-repeat right top;
}

.bread_crumb li{
	position:relative;
	height:30px;
	line-height:30px;
	font-size:18px;
	display:block;
	float:left;
	color:#ffffff;
	font-weight:bold;
	background:url(/image/V3/SP_bg_games_bread_crumb.png) no-repeat right top;

	padding:0 35px 0 35px;
	margin-left:-30px;
}

.bread_crumb li:first-child{
	padding:0 35px 0 35px;
}

.bread_crumb li a{
	text-decoration:none;
	color:#fff;
}


/****************************** news_header ******************************/

#fgContents2 .news_contents .news_header{
	position:relative;
	z-index:2;

	clear:both;
	width:610px;
	padding:15px 15px 20px;
	margin-bottom:20px;

	padding:15px 15px 25px;
	border-bottom:4px solid #f0f0f0;
	background:#f0f0f0;
	box-shadow:inset 0 -4px 0 #ffffff;
	-webkit-box-shadow:inset 0 -4px 0 #ffffff;


/**
	padding:15px 0 30px;
	margin:0 15px 15px;
	border-bottom:2px dotted #999999;
**/


/**
	padding:15px 15px 25px;
	border-bottom:4px solid #f0f0f0;
	background:#f0f0f0;
	box-shadow:inset 0 -4px 0 #ffffff;
	-webkit-box-shadow:inset 0 -4px 0 #ffffff;
**/


}

.news_header h1{
	padding:15px 0 10px;
	padding:15px 5px 25px;
	line-height:130%;
	font-size:2.1em;
}

.news_header .author{
	text-align:right;
	padding:0 5px 0 0;
	font-size:20px;
}

/********** uptime **********/

.news_header .catname_uptime{
	color:#999999;
	font-size:20px;
}

.news_header .catname_uptime span{
	padding:0 10px;
}

.news_header .catname_uptime span:first-child{
	padding-left:0;
}


/********************** maintxt *********************/

.maintxt{
	width:600px;
	padding:20px;
	font-size:1.9em;
	line-height:150%;
	word-break:break-all;
}


/*********** p **********/

.smartphone_description p{
	padding:0px 20px 20px;
	clear:both;
}

h2.emphasis,
.emphasis{
	font-weight:bold;
	margin:20px auto;
	padding:0;
	text-align:center;
	width:520px;
	font-size:24px;
	text-shadow:-1px -1px 0 #3d424f;
	border-radius:20px;
	border:2px solid #000000;
	background-image:-moz-linear-gradient(top,#5a5e69,#1a202f);
	background-image:-webkit-gradient(linear,left top,left bottom,from(#5a5e69),to(#1a202f));
	box-shadow:inset 0 0 0 1px #737780,0 2px 2px #000000;
	-webkit-box-shadow:inset 0 0 0 1px #737780,0 2px 2px #000000;
}

h2.emphasis a,
.emphasis a{
	min-height:51px;
	display:block;
	background:url(/image/V3/SP_bg_button_emphasis.png) no-repeat 15px center;
	padding:10px 25px 10px 60px;
	color:#ffffff;
	text-decoration:none;
/*
	word-wrap:break-word;
	word-break:break-all;
*/
	display:-moz-box;
	-moz-box-pack:center;
	-moz-box-align:center;
	display:-webkit-box;
	-webkit-box-pack:center;
	-webkit-box-align:center;
}

.maintxt h2.emphasis,
.maintxt .emphasis{
	border:2px solid #ee9900;
	text-shadow:1px 1px 0 #ffeecc;
	background-image:-moz-linear-gradient(top,#ffee00,#ffbb00);
	background-image:-webkit-gradient(linear,left top,left bottom,from(#ffee00),to(#ffbb00));
	box-shadow:inset 0 0 0 1px #ffdd00,0 2px 2px #000000;
	-webkit-box-shadow:inset 0 0 0 1px #ffff00,0 2px 2px #000000;
}

.maintxt h2.emphasis a,
.maintxt .emphasis a{
	color:#111111;
	background:url(/image/V3/SP_bg_button_emphasis_right.png) no-repeat 15px center;
}

.maintxt .twitter_hash{
	text-align:center;
}


/****************************** AD ******************************/

#APPENDLINK{
	margin:20px auto 0;
}

#APPENDLINK:empty{
	margin:0;
	display:none;
}


/******************** CONTAINER ********************/

#APPENDLINK .CONTAINER{
	margin:20px auto 20px;
}

#APPENDLINK .INTERNAL_CONTAINER{
	margin:40px auto 20px;
}

#APPENDLINK div + .INTERNAL_CONTAINER{
	margin-top:60px;
}

#APPENDLINK .CONTAINER:empty,
#APPENDLINK .INTERNAL_CONTAINER:empty{
	margin:0;
	display:none;
}


/********** banner **********/

#APPENDLINK .event_banner{
	margin-top:20px;
	text-align:center;
}

#APPENDLINK .event_banner:not(.CUSTOMIZE) img{
	width:576px;
	height:90px;
}

#APPENDLINK .SPACE{
	margin-top:40px;
}


/********** target **********/

#HTMLBODY #APPENDLINK .TARGETING.BOTTOM{
	width:600px;
	height:90px;
	margin-top:20px;
	text-align:center;
}

#HTMLBODY #APPENDLINK .TARGETING.BOTTOM a{
	-webkit-tap-highlight-color:transparent;
}

#HTMLBODY #APPENDLINK .TARGETING.BOTTOM img{
	width:600px;
	height:90px;
	-webkit-tap-highlight-color:transparent;
}


/********** bottom **********/

#APPENDLINK .ARTICLE_BOTTOM,
#APPENDLINK .ARTILE_BOTTOM,
#APPENDLINK .ARTICE_BOTTOM{
	margin:20px auto 0;
	text-align:center;
}

#APPENDLINK .ARTICLE_BOTTOM:empty,
#APPENDLINK .ARTILE_BOTTOM:empty,
#APPENDLINK .ARTICE_BOTTOM:empty{
	margin:0;
	display:none;
}

#APPENDLINK .ARTICLE_BOTTOM,
#APPENDLINK .ARTICLE_BOTTOM img,
#APPENDLINK .ARTILE_BOTTOM,
#APPENDLINK .ARTILE_BOTTOM img,
#APPENDLINK .ARTICE_BOTTOM,
#APPENDLINK .ARTICE_BOTTOM img{
	width:576px;
	height:90px;
}


/********** LINE **********/

#APPENDLINK .LINE_FRIEND{
	width:600px;
	height:auto;
	padding-top:20px;
	margin:0 auto;
}

#APPENDLINK div + .LINE_FRIEND{
	margin-top:40px;
}

#APPENDLINK .LINE_FRIEND:last-child{
	margin-bottom:20px;
}

#APPENDLINK .LINE_FRIEND img{
	width:600px;
	height:auto;
}


/********* emphasis **********/

.maintxt .emphasis.PICKUP,
#APPENDLINK .link{
	overflow:hidden;
	font-weight:bold;
	width:520px;
	min-height:51px;
	margin:20px auto;
	padding:0;
	font-size:24px;
	text-align:center;
	text-shadow:1px 1px 0 #ffeecc;
	border-radius:20px;
	border:2px solid #b80;
	background-image:-moz-linear-gradient(top, #ffee00, #ffbb00);
	background-image:-webkit-gradient(linear, left top, left bottom, from(#ffee00), to(#ffbb00));
	background:trasnparent;
	box-shadow:0 2px 2px #000000;
	-webkit-box-shadow:0 2px 2px #000000;
}

.maintxt .emphasis.PICKUP a,
#APPENDLINK .link a{
	display:block;
	display:-moz-box;
	-moz-box-pack:center;
	-moz-box-align:center;
	display:-webkit-box;
	-webkit-box-pack:center;
	-webkit-box-align:center;

	min-height:51px;
	padding:10px 45px 10px 60px;
	text-decoration:none;
/*
	word-wrap:break-word;
	word-break:break-all;
*/

	background-image:url(/image/V3/SP_bg_button_emphasis_special.png), url(/image/V3/SP_bg_button_emphasis_special_l.png), url(/image/V3/SP_bg_button_emphasis_special_r.png), url(/image/bg_button_emphasis_special_repeat.png), url(/image/bg_button_emphasis_special_repeat.png), -moz-linear-gradient(top,#ffee00,#ffbb00);
	background-image:url(/image/V3/SP_bg_button_emphasis_special.png), url(/image/V3/SP_bg_button_emphasis_special_l.png), url(/image/V3/SP_bg_button_emphasis_special_r.png), url(/image/bg_button_emphasis_special_repeat.png), url(/image/bg_button_emphasis_special_repeat.png), -webkit-gradient(linear,left top,left bottom,from(#ffee00),to(#ffbb00));
	background-image:url(/image/V3/SP_bg_button_emphasis_special.png), url(/image/V3/SP_bg_button_emphasis_special_l.png), url(/image/V3/SP_bg_button_emphasis_special_r.png), url(/image/bg_button_emphasis_special_repeat.png), url(/image/bg_button_emphasis_special_repeat.png), linear-gradient(to bottom, #ffee00, #ffbb00) ;
	background-position:4px center, left bottom, right top, left bottom, right top;
	background-repeat:no-repeat, no-repeat, no-repeat, repeat-x, repeat-y;
	color:#000;
}


/********** さらにニュース **********/

.related > span,
.to_amazon,
.to_title_page,
.title_url,
.link_detail{
	text-align:right;
	min-height:40px;
	padding:15px 20px 15px;
	background:#f0f5f7;
	border-bottom:1px solid #ffffff;
	background:url(/image/V3/SP_bg_article_container.png) no-repeat right center #f0f5f7;
}

.new_article h3 + div.link_detail{
	visibility:hidden;
}

.to_amazon,
.to_title_page,
.title_url{
	border-top:1px solid #bbbbbb;
}

.link_detail{
	box-shadow:0 5px 5px #999999;

}

.to_amazon a,
.to_title_page a,
.title_url a,
.link_detail a{
	display:block;
	color:#336699;
	text-shadow:1px 1px 0 #ffffff;
	font-size:25px;
	line-height:40px;
	text-decoration:none;
	padding:0 40px 0 0;
	font-weight:bold;
}

.header_socre + .to_title_page{
	margin-top:30px;
}


/********************** keyword *********************/

.keyword p:before{
	content:"関連";
}

.keyword p{
	font-weight:bold;
}

.keyword ul:after{
	content:"";
	clear:both;
	height:0;
	display:block;
}

.keyword ul{
	padding:15px 0 5px 20px;
}

.keyword li{
	display:block;
	float:left;
	width:164px;
	height:44px;
	padding:8px 10px;
	margin:0 20px 10px 0;
	text-align:center;
	border-radius:4px;
	border:1px solid #999999;
	background-image:-moz-linear-gradient(top,#ffffff,#eaeaea);
	background-image:-webkit-gradient(linear,left top,left bottom,from(#ffffff),to(#eaeaea));
}

.keyword li a{
	display:-webkit-box;
	-webkit-box-pack: center;
	-webkit-box-align: center;
	overflow:hidden;
	height:44px;
	font-size:20px;
	line-height:22px;
	color:#000080;
	text-decoration:none;
}

.keyword .keyword_frame{
	display:none;
}


/****************************** 関連タイトル ******************************/

.keyword p,
.related_title,
.related,
.title_info li > span{
	font-size:28px;
	line-height:32px;
	width:600px;
	margin:0;
	padding:10px 20px;
	border-top:2px solid #00186e;
	border-bottom:1px solid #bfbfbf;
	border-radius:0;
	text-shadow:-1px -1px 0 #000000;
	color:#ffffff;
	background-image:-moz-linear-gradient(top,#3019a3,#543ec6);
	background-image:-webkit-gradient(linear,left top,left bottom,from(#3019a3),to(#543ec6));
	box-shadow:inset 0 1px 0 #8274c7,inset 0 -1px 0 #000000;
	-webkit-box-shadow:inset 0 1px 0 #8274c7,inset 0 -1px 0 #000000;
	font-weight:bold;
}

.related_title{
/**	display:none;	**/
}

ul.title_info{
	min-height:60px;
}

ul.title_info > script + li{
	display:none;
	display:block;
}

.title_info li > span{
	display:block;
	display:none;
	clear:both;
}

ul.title_info > script + li + li > span{
	display:block;
	display:none;
}

.title_info{
	clear:both;
}

.title_info h3{
	width:560px;
	min-height:40px;
	line-height:130%;
	margin:0;
	padding:20px 60px 20px 20px;
	font-size:28px;
	font-weight:bold;
	background:none;
	border-bottom:1px solid #cccccc;
	background:url(/image/V3/SP_bg_article_container.png) no-repeat right center transparent;
}

.title_info h3 img{
	vertical-align:middle;
}

.title_info h3 > img{
	margin:11px 5px 0 0;
	width:31px;
	height:14px;
	float:left;
}

/**
.title_info h3 a{
	margin-left:40px;
	width:520px;
	display:block;
}
**/

.title_info h3 .official_icon{
	display:none;
}

.title_info h3 a{
	text-decoration:none;
}


/****************************** 関連記事一覧 ******************************/

.related_container{
	position:relative;
	padding-bottom:71px;
}

.related > span{
	width:600px;
	display:block;
	position:absolute;
	bottom:0;
	right:0;
}

.related > span a{
	display:block;
	color:#336699;
	text-shadow:1px 1px 0 #ffffff;
	font-size:25px;
	line-height:40px;
	text-decoration:none;
	padding:0 40px 0 0;
	font-weight:bold;
}

.related_link li{
	font-size:28px;
	line-height:130%;
	font-weight:bold;
	width:560px;
	margin:0;
	padding:15px 60px 20px 20px;
	background:none;
	border-bottom:1px solid #cccccc;
	background:url(/image/V3/SP_bg_article_container.png) no-repeat right center transparent;
}

.related_link li a{
	text-decoration:none;
}





/******************** 旧記事用 ********************/

font[size="+1"]{
	font-size:1em;
}


/********** V1.0 **********/

.old_container.V1_0{
}

/*--------------------
直下のtableが
・color_table001
・v1_title_block（段落画像あり）
・v1_title_block（段落画像なし）
の3パターンあり
--------------------*/


/***** color_table001 *****/

.old_container.V1_0 > table.color_table001{
}

.old_container.V1_0 > table.color_table001 > tbody > tr:first-child{
	display:none;	/* 重複の見出しを削除 */
}

.old_container.V1_0 > table.color_table001 > tbody > tr.bg000000 > td > table{
	border-collapse:separate;
	border-spacing:0px;
}

.old_container.V1_0 > table.color_table001 > tbody > tr.bg000000 > td > table > tbody > tr:first-child .str{
	display:none;	/* 掲載日時を削除 */
}

.old_container.V1_0 > table.color_table001 table[align="center"]{
	margin-left:auto;
	margin-right:auto;
}

.old_container.V1_0 > table.color_table001 table.bg333333:has(caption){
	background-color:#E1E0E0;
}

.old_container.V1_0 > table.color_table001 table.bg333333 caption:empty{
	display:none;
}


/***** v1_title_block *****/

.old_container.V1_0 > table.v1_title_block{
	table-layout:fixed;
	width:100%;
}

.old_container.V1_0 > table.v1_title_block > tbody > tr:first-child{
	display:none;	/* 重複の見出しを削除 */
}

.old_container.V1_0 > table.v1_title_block > tbody > tr:nth-child(2) > td[width="10"]:first-child{
	display:none;	/* 余白を削除 */
}

.old_container.V1_0 > table.v1_title_block .artic{
	font-size:inherit;	/* 記事の本文をリセット */
	line-height:inherit;
	color:inherit;
}

.old_container.V1_0 > table.v1_title_block .artic > br:first-child{
	display:none;	/* 冒頭の改行を削除 */
}

.old_container.V1_0 > table.v1_title_block .artic .icaption:empty{
	display:none;
}

/* 段落画像あり */

.old_container.V1_0 > table.v1_title_block .artic table[align="center"]{
	margin-left:auto;
	margin-right:auto;
}

/* 段落画像なし */

.old_container.V1_0 > table.v1_title_block .artic table[align="right"][cellspacing="10"]{
	table-layout:fixed;
	float:none;
	max-width:100%;
	margin:1em auto 0;
	border-collapse:separate;
	border-spacing:0px;
}


/********** V3.0 **********/

.old_container.V3_0{
}

.old_container.V3_0 table.newsImageTable_Top td:empty,
.old_container.V3_0 table.newsImageTable_Multi td:empty{
	padding:0;
}

.old_container.V3_0 table.newsImageTable_Top caption:empty,
.old_container.V3_0 table.newsImageTable_Multi caption:empty{
	display:none;
}





/****************************** game_header ******************************/

#SOCIALBOOKMARK_BOTTOM_BAR{
	border-bottom:2px solid #bfbfbf;
}

#fgContents2 .news_contents .game_header{
	clear:both;
	background:#f0f0f0;
	width:640px;
	min-height:200px;
	padding:20px 0 0;
	border-top:6px solid #4b30ad;
}

#fgContents2 .news_contents .game_header .game_info:after,
#fgContents2 .news_contents .game_header .header_socre:after{
	content:"";
	clear:both;
	height:0;
	display:block;
}

#fgContents2 .news_contents .game_header .header_socre{
	position:absolute;
	margin-top:-60px;
	padding:0 0 0 20px;
}

#fgContents2 .news_contents .game_header .header_socre #SOCIALBOOKMARK_BAR{
	padding-top:0;
}


/********** package **********/

.game_header .package{
	position:relative;
	float:left;
	margin:0 20px 70px;
}

.game_header .package .add_favorite a{
	text-decoration:none;
	color:#000000;
	display:block;
	padding:0 0 0 37px;
}

.game_header .package .del_favorite a{
	text-decoration:none;
	color:#ff0000;
	display:block;
	padding:0 0 0 37px;
}

.game_header .package .add_favorite,
.game_header .package .del_favorite{
	position:absolute;
	left:-10px;
	top:-10px;
	min-width:150px;
	height:40px;
	line-height:40px;
	font-size:11px;
	padding:0;
}

.game_header .package .add_favorite{
	background:url(/image/V3/SP_bg_button_title_favorite_add.png) no-repeat left center transparent;
}

.game_header .package .del_favorite{
	background:url(/image/V3/SP_bg_button_title_favorite_del.png) no-repeat left center transparent;
}

.package .image{
	width:160px;
/**	border-radius:20px;	**/
}


/********** game_info **********/

.game_info{
	width:420px;
	margin-left:200px;
}

.game_info h1,
.game_info h2{
	font-size:2em;
}

.game_info .maker,
.game_info ul{
	font-size:24px;
}

.game_info .maker{
	line-height:140%;
}

.game_info .maker a{
	text-decoration:none;
	color:#888888;
/**	text-shadow:1px 1px 0 #ffffff;	**/
}

.game_info > ul{
	line-height:150%;
}

.game_info ul li,
.game_info ul li a{
	text-decoration:none;
	color:#888888;
/**	text-shadow:1px 1px 0 #ffffff;	**/
}

.game_info ul li ul,
.game_info ul li ul li{
	display:inline;
}

.game_info ul li.mobage,
.game_info ul li.gree,
.game_info ul li.ios,
.game_info ul li.android{
	font-size:18px;
	margin-top:10px;
	display:inline-block;
	padding:6px 8px;
	line-height:130%;
	border-radius:8px;
	background:#3f25a6;
	text-align:center;
	text-shadow:none;
	color:#ffffff;
	font-weight:bold;
}


/********** score **********/

.header_socre{
	clear:both;
	width:600px;
	padding:30px 20px 30px;
}

.userreview_socre,
.meta_socre{
	width:160px;
	height:60px;
	float:left;
	border-radius:8px;
	border:1px solid #999999;
	background-image:-moz-linear-gradient(top,#ffffff,#eaeaea);
	background-image:-webkit-gradient(linear,left top,left bottom,from(#ffffff),to(#eaeaea));
	-webkit-box-sizing: border-box;
}

.userreview_socre dt,
.meta_socre dt{
	width:58px;
	text-align:center;
	float:left;
	font-size:16px;
	line-height:20px;
	padding:5px 10px;
	margin:5px 0;
	border-right:1px solid #999999;
}

.userreview_socre dd,
.meta_socre dd{
	width:58px;
	text-align:center;
	float:left;
	font-size:35px;
	line-height:40px;
	padding:5px 10px;
	margin:5px 0;
	border-left:1px solid #ffffff;
}


/********** userreview header **********/

.userreview_header:after{
	content:"";
	clear:both;
	height:0;
	display:block;
}

.userreview_header{
	padding:30px 0;
	border-bottom:1px solid #cccccc;
}

.userreview_header .userreview_socre,
.userreview_header .meta_socre{
	width:263px;
	height:100px;
}

.userreview_header .userreview_socre{
	margin:0 20px 0 35px;
}

.userreview_header .meta_socre{
	margin:0 35px 0 20px;
}

.userreview_header .userreview_socre dt,
.userreview_header .meta_socre dt{
	width:100px;
	margin:10px 0;
	padding:10px;
	font-size:26px;
	line-height:30px;
}

.userreview_header .userreview_socre dd,
.userreview_header .meta_socre dd{
	width:119px;
	margin:10px 0;
	padding:10px;
	font-size:60px;
	line-height:60px;
}


/********** strong **********/

strong.excellent,
strong.good{
	color:#4DA92C;
}

strong.average{
	color:#FFA100;
}

strong.bad,
strong.poor{
	color:#ff0000;
}


/********** リンク2 **********/

.link_2{
	margin:0 auto;
	text-align:center;
}

.link_2 .emphasis{
	display:inline-block;
	width:260px;
}

.link_2 .emphasis:first-child{
	margin-right:20px;
}


/********** リンク3 **********/

.link_3{
	margin:0 auto;
	text-align:center;
}

.link_3 .emphasis{
	display:inline-block;
	width:250px;
}

.link_3 .emphasis:first-child{
	width:520px;
}

.link_3 .emphasis:last-child{
	margin-left:20px;
}


/******************************** GAMES 関連記事一覧 *******************************/

.userreview_summary .review_list .box,
.news_contents .article_container,
.news_contents .V2_article_container{
	width:600px;
	margin:0;
	padding:15px 20px 20px;
	background:none;
	border-bottom:1px solid #cccccc;
	background:url(/image/V3/SP_bg_article_container.png) no-repeat right center transparent;

}

.news_contents .V2_article_container h2{
	font-size:28px;
	line-height:130%;
}

.news_contents .V2_article_container h2 a{
}

.news_contents .article_container .img_right_top,
.news_contents .V2_article_container .img_right_top{
	float:left;
	margin:0;
	padding:0;
	border-radius:8px;
	width:150px;
}

.news_contents .V2_article_container .timestamp{
	display:none;
}

.news_contents .V2_article_container a{
	text-decoration:none;
}


/********** アイコン **********/

.V2_article_tag{
	margin-bottom:0;
}

.V2_article_tag img{
	width:35px;
	margin:0 3px 5px 0;
}


/********** oneline **********/

.news_contents .V2_article_container,
.news_contents .top_container .oneline{
	padding:20px 20px 20px;
}

.news_contents .V2_article_container h2,
.news_contents .top_container .oneline h2{
	width:560px;
	padding:0 40px 0 0;
}


/********** GIJE **********/

.news_contents .related_link li a[href^="http://jp.gamesindustry.biz/"]:after{
	content:"GamesIndustry.biz JE";
	display:block;
	margin:0px -10px -5px 0;
	text-align:right;
	font-size:55%;
	line-height:100%;
	font-weight:normal;
	color:#999;
}


/*********** score **********/

.userreview_summary .review_list .box{
	position:relative;
	min-height:80px;
	padding:25px 20px 30px;
	display:-webkit-box;
	-webkit-box-pack:start;
	-webkit-box-align:center;
}

.userreview_summary .review_list .box .point{
	position:absolute;
	top:50%;
	margin-top:-40px;
	left:20px;
	font-size:50px;
	line-height:80px;
	width:80px;
	height:80px;
	background-image:-moz-linear-gradient(top,#ffffff,#eaeaea);
	background-image:-webkit-gradient(linear,left top,left bottom,from(#ffffff),to(#eaeaea));
	display:-moz-box;
	-moz-box-pack:center;
	-moz-box-align:center;
	display:-webkit-box;
	-webkit-box-pack:center;
	-webkit-box-align:center;
	-webkit-box-sizing: border-box;
	border:1px solid #999999;
}

.userreview_summary .review_list .box .point a{
	text-decoration:none;
}

.userreview_summary .review_list .box dl{
	padding-left:100px;
}

.userreview_summary .review_list .box .heading{
	font-weight:bold;
	font-size:28px;
	line-height:130%;
}

.userreview_summary .review_list .box .heading a{
	text-decoration:none;
}

.userreview_summary .review_list .box .date,
.userreview_summary .review_list .box .user{
	float:left;
	color:#999999;
	margin-right:10px;
}

.userreview_summary .review_list .box .user a{
	color:#999999;
}


/****************************** 13/05/22 icon_cursor ******************************/

#fgContents2 .maintxt .icon_cursor{
	display:inline;
	height:30px;
	vertical-align:-1px;
}

#fgContents2 .maintxt .img_center .icon_cursor,
#fgContents2 .maintxt .img_left_top .icon_cursor,
#fgContents2 .maintxt .img_right_top .icon_cursor{
	height:26px;
	vertical-align:-2px;
}

/****************************** expand ******************************/

.expand_button:before{
	content:"▼";
}

.expand_button{
	cursor:pointer;
	border:none;
	background:#ffffff;
	padding:10px 0;
	margin:0 auto;
	font-size:80%;
	display:block;
	color:#0077ff;
	font-weight:bold;
	width:350px;
	border-radius:4px;
	border:1px solid #999;
	text-align:center;

	background:#ddd;
	background: -ms-linear-gradient(top, #fff, #ddd);
	background: -moz-linear-gradient(top, #fff, #ddd);
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
	background: linear-gradient(top, #fff, #ddd);
}

.expand_button:hover{
	text-decoration:underline;
}

.expand.off{
	height:0;
	max-height:0;
	overflow:hidden;
}

.expand.on{
	height:auto;
	max-height:10000px;
	overflow:hidden;

	transition:max-height 2s ease-in 0s;
	-moz-transition:max-height 2s ease-in 0s;
	-webkit-transition:max-height 2s ease-in 0s;
	-o-transition:max-height 2s ease-in 0s;
	-ms-transition:max-height 2s ease-in 0s;
}


/****************************** 2015/03/27 sound player(2025/09/16 update) ******************************/

/******************** player ********************/

.SOUNDPLAYER{
	font-family:'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'meiryo';
	width:560px;
	margin:0 auto;
	color:#fff;
	background:#000;
	background:#333;
	border-collapse:collapse;
	line-height:100%;
}

.maintxt table.SOUNDPLAYER img{
	display:inline;
	max-width:120px;
	height:auto;
}

.SOUNDPLAYER th,
.SOUNDPLAYER td{
	border:1px solid #333;
}

.SOUNDPLAYER.NO_PLAYER{
	display:none;
}

.SOUNDPLAYER .UI_HIDDEN {
	display:none !important;
}


/********** cover **********/

.SOUNDPLAYER .COVER{
	width:150px;
	height:150px;
	background:#333;
	text-align:center;
	vertical-align:middle;
	background: linear-gradient(to bottom, #222 0%, #333 50%, #000 51%, #333 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(#222), color-stop(0.5, #333), color-stop(0.51, #000), to(#333));
}


/********** text **********/

.SOUNDPLAYER .PLAYNAME{
	width:340px;
	height:100px;
	vertical-align:top;
	background:#eee;
	background:#222;
	padding:0;
}

.SOUNDPLAYER .PLAYNAME .LIST:empty,
.SOUNDPLAYER .PLAYNAME .NAME:empty,
.SOUNDPLAYER .PLAYNAME .INFO:empty{
	display:none;
}

.SOUNDPLAYER .PLAYNAME .LIST{
	width:338px;
	height:auto;
	padding:8px;
	font-size:70%;
	font-weight:bold;
	line-height:100%;
	border-bottom:1px solid #444;
	box-shadow:0px 1px 0px 0px #000;
	background:#333;
	background: linear-gradient(to bottom, #444, #333);
	background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#333));
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	box-shadow:inset 0px 1px 0px 0px #666;
}

.SOUNDPLAYER .PLAYNAME .NAME{
	width:334px;
	min-height:10px;
	padding:8px;
	line-height:1.5em;
	font-size:60%;
}

.SOUNDPLAYER .PLAYNAME .NAME .NUM{
	margin-right:5px;
	font-weight:bold;
	font-style:italic;
}

.SOUNDPLAYER .PLAYNAME .INFO{
	border-top:1px dotted #444;
	padding:8px;
	font-size:60%;
	line-height:1.5em;
}


/********** control **********/

.SOUNDPLAYER .CONTROL{
	width:300px;
	height:70px;
	text-align:center;
	vertical-align:middle;
	background: linear-gradient(to bottom, #555, #444);
	background: -webkit-gradient(linear, left top, left bottom, from(#555), to(#444));
	box-shadow:inset 0px 1px 0px 0px #777;
}

.SOUNDPLAYER .CONTROL span{
	display:inline-block;
	width:60px;
	height:60px;
	margin:5px;
	border-radius:8px;
	background: linear-gradient(to bottom, #eee, #ccc);
	background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc));
	box-shadow:inset 1px 1px 0px 0px #fff;
	border:2px solid #333;
	cursor:pointer;
}

.SOUNDPLAYER .CONTROL span img{
	width:60px;
	height:60px;
}

.TRACKLIST .PLAY a{
	display:inline-block;
	width:30px;
	height:30px;
	margin:5px;
	border-radius:15px;
	background: linear-gradient(to bottom, #eee, #ccc);
	background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc));
	box-shadow:inset 1px 1px 0px 0px #fff, 1px 1px 0px 0px #999;
}

.TRACKLIST .PLAY a img{
	width:30px;
	height:30px;
}


/********** volume **********/

.SOUNDPLAYER .VOLUME{
	width:40px;
	background-position: center 10px;
	background-repeat: no-repeat;
	text-align:center;
	padding:5px;
}

.SOUNDPLAYER .VOLUME:before{
	content:"Vol";
	display:block;
	height:18px;
	font-size:10px;
	line-height:12px;
	padding:5px 0 0;
}

.SOUNDPLAYER .VOLUMEBAR{
	overflow:hidden;
	width:40px;
	height:18px;
	font-size:10px;
	line-height:14px;
	text-align:center;
	background:#000000;
	box-shadow:0px -1px 0 1px #333;
	border-left:1px solid #000;
	border-top:1px solid #000;
	opacity:1;
	cursor:pointer;
/*
	text-indent:-9999px;
*/
}

.SOUNDPLAYER .VOLUMEBAR.OFF{
	opacity:1;
	background:#000 !important;
}

.SOUNDPLAYER .VOLUMERANGE{
	height: 150px;
	margin: 0;
	padding: 0; 
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	width: 40px;
}


/********** color **********/

.SOUNDPLAYER .VOLUME .VOLUMEBAR:nth-child(2){
	background:#f00;
}

.SOUNDPLAYER .VOLUME .VOLUMEBAR:nth-child(3){
	background:#e00;
}

.SOUNDPLAYER .VOLUME .VOLUMEBAR:nth-child(4){
	background:#d00;
}

.SOUNDPLAYER .VOLUME .VOLUMEBAR:nth-child(5){
	background:#c00;
}

.SOUNDPLAYER .VOLUME .VOLUMEBAR:nth-child(6){
	background:#b00;
}

.SOUNDPLAYER .VOLUME .VOLUMEBAR:nth-child(7){
	background:#a00;
}

.SOUNDPLAYER .VOLUME .VOLUMEBAR:nth-child(8){
	background:#900;
}

.SOUNDPLAYER .VOLUME .VOLUMEBAR:nth-child(9){
	background:#800;
}

.SOUNDPLAYER .VOLUME .VOLUMEBAR:nth-child(10){
	background:#700;
}

.SOUNDPLAYER .VOLUME .VOLUMEBAR:nth-child(11){
	background:#600;
}

.SOUNDPLAYER .VOLUME .VOLUMEBAR:nth-child(12):before{
	content:"OFF";
	display:block;
	text-align:center;
	padding-top:5px;
}

.SOUNDPLAYER .VOLUME .VOLUMEBAR:nth-child(12){
	background:transparent !important;
	text-indent:0px;
	border-left:1px solid #333;
	border-top:1px solid #333;
}


/********** progress **********/

.SOUNDPLAYER .PROGRESS{
	vertical-align:top;
	padding:8px 5px;
	background:#000;
	border-top:2px solid #000;
}

.SOUNDPLAYER .FILETYPE,
.SOUNDPLAYER .TIME,
.SOUNDPLAYER .PROGRESSBAR_CONTAINER{
	display:inline-block;
	height:24px;
	font-size:11px;
	line-height:24px;
	color:#fff;
	text-align:center;
	float:left;
}

.SOUNDPLAYER .FILETYPE{
	min-width:40px;
	padding:0px 5px;
	font-weight:bold;
	background:#666;
}

.SOUNDPLAYER .TIME{
	min-width:90px;
	padding:0px 5px;
}

.SOUNDPLAYER .PROGRESSBAR_CONTAINER{
	width:385px;
	height:12px;
	padding-top:8px;
	text-align:left;
/*
	text-indent:-9999px;
*/
}

.SOUNDPLAYER .PROGRESSBAR{
/*
	position:relative;
	top:9px;
*/
	display:block;
	width:0%;
	height:6px;
	background:#fff;
	transition:width 0s liner 0s;
}


/***** 250904 container *****/

.SOUNDPLAYER .PROGRESS_CONTAINER{
	display:flex;
	align-items: center;
	height:36px;
}

.SOUNDPLAYER .PROGRESS_CONTAINER .PROGRESSBAR_CONTAINER{
	flex-grow:1;
	width:auto;
	height:6px;
	padding:0;
	background:#333;
}

.SOUNDPLAYER .PROGRESS_CONTAINER span.LOOP_OFF,
.SOUNDPLAYER .PROGRESS_CONTAINER span.LOOP_ON,
.SOUNDPLAYER .PROGRESS_CONTAINER span.AUTOPLAY_OFF,
.SOUNDPLAYER .PROGRESS_CONTAINER span.AUTOPLAY_ON{
	cursor:pointer;
	width:36px;
	height:36px;
	padding:0;
	margin:0 -3px 0 10px;
	background:none;
}

.SOUNDPLAYER .PROGRESS_CONTAINER span.LOOP_OFF img,
.SOUNDPLAYER .PROGRESS_CONTAINER span.AUTOPLAY_OFF img{
	width:100%;
	height:100%;
	filter:invert(50%);
}

.SOUNDPLAYER .PROGRESS_CONTAINER span.LOOP_ON img,
.SOUNDPLAYER .PROGRESS_CONTAINER span.AUTOPLAY_ON img{
	width:100%;
	height:100%;
	filter:invert(100%);
}


/******************** list ********************/

.TRACKLIST{
	font-family:'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'meiryo';
	width:560px;
	margin:0 auto;
	border-collapse:collapse;
	color:#444;
	background:#fff;
}

.TRACKLIST th,
.TRACKLIST td{
	font-size:60%;
	line-height:1.5em;
	padding:5px;
	border: 1px solid #ffffff;
}

.TRACKLIST th{
	border-bottom:1px solid #ccc;
	background:#ddd;
	background: linear-gradient(to bottom, #eeeeee, #e3e3e3);
	background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#e3e3e3));
	box-shadow:inset 0px 1px 0px 0px #fff;
}


/********** color **********/

.TRACKLIST tr:first-child th,
.TRACKLIST tr:first-child td{
	border-top:1px solid #ccc;
}

.TRACKLIST th:first-child,
.TRACKLIST td:first-child{
	border-left:1px solid #ccc;
}

.TRACKLIST th:last-child,
.TRACKLIST td:last-child{
	border-right:1px solid #ccc;
}

.TRACKLIST tr:last-child th,
.TRACKLIST tr:last-child td{
	border-bottom:1px solid #ccc;
}

.TRACKLIST tr:nth-child(odd) td{
	background:#e9f0ff;
}


/********** coloring **********/

.TRACKLIST.BLUE tr:nth-child(odd) td{
	background:#e9f0ff;
}

.TRACKLIST.YELLOW tr:nth-child(odd) td{
	background:#fcfce9;
}

.TRACKLIST.RED tr:nth-child(odd) td{
	background:#ffeef9;
}


/********** heading **********/

.TRACKLIST .PLAYLISTNAME{
	font-size:70%;
	line-height:150%;
	padding:10px 0;
	font-weight:bold;
	text-align:center;
	box-shadow:inset 0px 1px 0px 0px #fff;
}


/********** text **********/

.TRACKLIST th,
.TRACKLIST .NUM{
	text-align:center;
}

.TRACKLIST td{
	text-align:left;
}

.TRACKLIST td.DURATION{
	text-align:right;
}


/********** width **********/

.TRACKLIST .NAME{
/*
	width:205px;
*/
}

.TRACKLIST .NUM{
	width:40px;
}

.TRACKLIST .INFO{
	width:170px;
}

.TRACKLIST .DURATION{
	width:60px;
}

.TRACKLIST .PLAY{
	width:30px;
}


/********** NO_DURATION **********/

.PLAYLISTNAME.NO_DISPLAY,
.NO_INFO tr th.INFO,
.NO_INFO tr td.INFO,
.NO_DURATION tr th.DURATION,
.NO_DURATION tr td.DURATION{
	display:none;
}


/******************** 25/09/16 update ********************/

.contents_header > div[id*="SOUNDPLAYER_"],
.maintxt > div[id*="SOUNDPLAYER_"],
.top_soundplayer_container > div[id*="SOUNDPLAYER_"]{
	width:520px;
	margin:0 auto;
	font-size:10px;
	border:1px solid #bbb;
	border-radius:8px;
	background:#fff;
}

.SOUNDPLAYER .PROGRESS > .PROGRESSBAR_CONTAINER{
	width: calc(100% - 12em);
	margin-top:12px;
}

.SOUNDPLAYER .UI_HIDDEN {
	display: none !important;
}


/******************** BASIC ********************/

.SOUNDPLAYER{
	margin:10px;
	table-layout:fixed;
	border-spacing:0;
	border:0px;
}

.SOUNDPLAYER th,
.SOUNDPLAYER td{
	padding:0;
	border:0px !important;
}

.SOUNDPLAYER .CONTROL span.BUTTON_STOP{
	display:none;
}


/*********** COVER **********/

.SOUNDPLAYER .COVER{
	width:auto;
	height:auto;
}

.SOUNDPLAYER .COVER img{
	width:120px;
	height:120px;
}


/*********** PLAYNAME **********/

.SOUNDPLAYER .PLAYNAME{
	width:310px;
}

.SOUNDPLAYER .PLAYNAME .LIST,
.SOUNDPLAYER .PLAYNAME .NAME,
.SOUNDPLAYER .PLAYNAME .INFO{
	width:310px;
	height:3em;
	padding:0px 10px;
	line-height:3em;
	text-align:left;
	box-sizing:border-box;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}


/*********** VOLUME **********/

.SOUNDPLAYER .VOLUME{
	width:20px;
	background-position: center 10px;
	background-repeat: no-repeat;
	text-align:center;
	padding:2px 4px;
}

.SOUNDPLAYER .VOLUME{
	padding:5px 10px 0;
}

.SOUNDPLAYER .VOLUME:before{
	content:"Vol";
	display:block;
	height:13px;
	font-size:10px;
	line-height:12px;
}

.SOUNDPLAYER .VOLUMEBAR{
	height:12px;
	font-size:10px;
	line-height:14px;
	height:12px;
	overflow:hidden;
	text-align:center;
	background:#000000;
	box-shadow:0px -1px 0 1px #333;
	border-left:1px solid #000;
	border-top:1px solid #000;
	opacity:1;
	cursor:pointer;
}

.SOUNDPLAYER .VOLUMEBAR:last-child{
	height:14px;
}

.SOUNDPLAYER .VOLUMEBAR.OFF{
	opacity:1;
	background:#000 !important;
}

.SOUNDPLAYER .VOLUMERANGE{
	height: 150px;
	margin: 0;
	padding: 0; 
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	width: 20px;
}

.SOUNDPLAYER .VOLUME .VOLUMEBAR:nth-child(2){
	background:#f00;
}

.SOUNDPLAYER .VOLUME .VOLUMEBAR:nth-child(3){
	background:#e00;
}

.SOUNDPLAYER .VOLUME .VOLUMEBAR:nth-child(4){
	background:#d00;
}

.SOUNDPLAYER .VOLUME .VOLUMEBAR:nth-child(5){
	background:#c00;
}

.SOUNDPLAYER .VOLUME .VOLUMEBAR:nth-child(6){
	background:#b00;
}

.SOUNDPLAYER .VOLUME .VOLUMEBAR:nth-child(7){
	background:#a00;
}

.SOUNDPLAYER .VOLUME .VOLUMEBAR:nth-child(8){
	background:#900;
}

.SOUNDPLAYER .VOLUME .VOLUMEBAR:nth-child(9){
	background:#800;
}

.SOUNDPLAYER .VOLUME .VOLUMEBAR:nth-child(10){
	background:#700;
}

.SOUNDPLAYER .VOLUME .VOLUMEBAR:nth-child(11){
	background:#600;
}

.SOUNDPLAYER .VOLUME .VOLUMEBAR:nth-child(12):before{
	content:"OFF";
	display:block;
	text-align:center;
}

.SOUNDPLAYER .VOLUME .VOLUMEBAR:nth-child(12){
	background:transparent !important;
	text-indent:0px;
	border-left:1px solid #333;
	border-top:1px solid #333;
}


/*********** CONTROL **********/

.SOUNDPLAYER .CONTROL{
	width:310px;
}

.SOUNDPLAYER .CONTROL span:not(.SPEED_CONTAINER){
	cursor:pointer;
	width:45px;
	height:45px;
	box-sizing:border-box;
}

.SOUNDPLAYER .CONTROL span:not(.SPEED_CONTAINER) img{
	width:100%;
	height:100%;
	vertical-align:baseline;
}


/*********** PROGRESSBAR **********/

.SOUNDPLAYER .PROGRESS{
	padding:0.5em 1em;
	font-size:10px;
	line-height:10px;
}

.SOUNDPLAYER .PROGRESS_CONTAINER{
	display:flex;
	align-items: center;
	height:26px;
}

.SOUNDPLAYER .FILETYPE{
	width:3em;
	height:1em;
	font-size:100%;
	line-height:100%;
	padding:0.5em;
}

.SOUNDPLAYER .TIME{
	width:7em;
	height:1em;
	font-size:100%;
	line-height:100%;
	padding:0.5em;
}

.SOUNDPLAYER .PROGRESSBAR_CONTAINER{
	cursor:pointer;
	flex-grow:1;
	height:6px;
	padding:0;
	background:rgba(255,255,255,0.2);
	background:#666;
	width: calc(100% - 12em - 30px);
	height:0.5em;
	border-radius:8px;
	overflow:hidden;
}

.SOUNDPLAYER .PROGRESSBAR{
	display:block;
	width:0%;
	height:6px;
	border-radius:8px;
	background:#f00;
}


/***** LOOP AUTOPLAY *****/

.SOUNDPLAYER .PROGRESS_CONTAINER span.LOOP_OFF,
.SOUNDPLAYER .PROGRESS_CONTAINER span.LOOP_ON,
.SOUNDPLAYER .PROGRESS_CONTAINER span.AUTOPLAY_OFF,
.SOUNDPLAYER .PROGRESS_CONTAINER span.AUTOPLAY_ON{
	cursor:pointer;
	width:26px;
	height:26px;
	padding:0;
	margin:0 -3px 0 10px;
	background:none;
}

.SOUNDPLAYER .PROGRESS_CONTAINER span.AUTOPLAY_OFF + span.LOOP_OFF,
.SOUNDPLAYER .PROGRESS_CONTAINER span.AUTOPLAY_OFF + span.LOOP_ON,
.SOUNDPLAYER .PROGRESS_CONTAINER span.AUTOPLAY_ON + span.LOOP_OFF,
.SOUNDPLAYER .PROGRESS_CONTAINER span.AUTOPLAY_ON + span.LOOP_ON{
	display:none !important;
}

.SOUNDPLAYER .PROGRESS_CONTAINER span.LOOP_OFF img,
.SOUNDPLAYER .PROGRESS_CONTAINER span.AUTOPLAY_OFF img{
	width:100%;
	height:100%;
	filter:invert(30%);
}

.SOUNDPLAYER .PROGRESS_CONTAINER span.LOOP_ON img,
.SOUNDPLAYER .PROGRESS_CONTAINER span.AUTOPLAY_ON img{
	width:100%;
	height:100%;
	filter:invert(100%);
}


/*********** SPEED **********/

.SOUNDPLAYER .SPEED{
	position:relative;
	height:0px;
	padding:0;
}

.SOUNDPLAYER .SPEED .SPEED_INTERFACE{
	position:absolute;
	top:-28px;
	display:flex;
	justify-content: center;
	width:0px;
	height:auto;
	padding:10px 0;
	box-shadow:none;
	background:transparent;
}

.SOUNDPLAYER .SPEED .SPEED_INTERFACE.SPEED_HIDDEN{
	display:none !important;
}

.SOUNDPLAYER .SPEED .SPEED_HEADING{
	display:none;
}

.SOUNDPLAYER .SPEED .SPEED_INTERFACE span:not(.SPEED_CONTAINER){
	user-select:none;
	position:absolute;
	left:0;
	top:0;

	display:flex;
	justify-content: center;
	align-items: center;
	width: 4em;
	height: 2em;
	padding:4px;
	margin:0;
	font-size:100%;
	line-height:100%;
	text-align:center;
	border-radius:0px;
	background:rgba(255,255,255,0.25);
	box-shadow:none;
	color:#000;
	border:none;
}

.SOUNDPLAYER .SPEED .SPEED_INTERFACE span.BUTTON_SPEED_SLOW,
.SOUNDPLAYER .SPEED .SPEED_INTERFACE span.BUTTON_SPEED_NORMAL,
.SOUNDPLAYER .SPEED .SPEED_INTERFACE span.BUTTON_SPEED_FAST,
.SOUNDPLAYER .SPEED .SPEED_INTERFACE span.BUTTON_SPEED_VERYFAST{
	display:none;
	left:10px;
	color:#fff;
	background:#000;
	border:1px solid #666;
	border-radius:0px;
	box-shadow:none;
}

.SOUNDPLAYER .SPEED .SPEED_INTERFACE.SPEED_SLOW span.BUTTON_SPEED_SLOW,
.SOUNDPLAYER .SPEED .SPEED_INTERFACE.SPEED_NORMAL span.BUTTON_SPEED_NORMAL,
.SOUNDPLAYER .SPEED .SPEED_INTERFACE.SPEED_FAST span.BUTTON_SPEED_FAST,
.SOUNDPLAYER .SPEED .SPEED_INTERFACE.SPEED_VERYFAST span.BUTTON_SPEED_VERYFAST{
	display:block;
}


/*********** TRACKLIST **********/

.TRACKLIST{
	margin-top:-10px;
	margin-bottom:10px;
}

.NO_PLAYER + .TRACKLIST{
	margin-top:10px;
}

.TRACKLIST .PLAYLISTNAME{
	font-size:14px;
}


/******************** PODCAST ********************/

.SOUNDPLAYER.PODCAST{
	color:#000;
	background:transparent;
	border-color:#fff;
}

.SOUNDPLAYER.PODCAST .COVER,
.SOUNDPLAYER.PODCAST .PLAYNAME,
.SOUNDPLAYER.PODCAST .PLAYNAME .LIST,
.SOUNDPLAYER.PODCAST .CONTROL,
.SOUNDPLAYER.PODCAST .SPEED .SPEED_HEADING,
.SOUNDPLAYER.PODCAST .SPEED .SPEED_INTERFACE{
	background:#fff;
	box-shadow:none;
	border:none;
}


/********** COVER **********/

.SOUNDPLAYER.PODCAST .COVER{
	width:auto;
	text-align:left;
	vertical-align:top;
}

.SOUNDPLAYER.PODCAST .COVER img{
	border-radius:8px;
	margin-bottom:10px;
}


/********** PLAYNAME **********/

.SOUNDPLAYER.PODCAST .PLAYNAME,
.SOUNDPLAYER.PODCAST .PLAYNAME .LIST,
.SOUNDPLAYER.PODCAST .PLAYNAME .NAME,
.SOUNDPLAYER.PODCAST .PLAYNAME .INFO,
.SOUNDPLAYER.PODCAST .CONTROL{
	width:330px;
}

.SOUNDPLAYER.PODCAST .PLAYNAME{
	height:0px;
	padding:0 15px;
}

.SOUNDPLAYER.PODCAST .PLAYNAME .LIST,
.SOUNDPLAYER.PODCAST .PLAYNAME .NAME,
.SOUNDPLAYER.PODCAST .PLAYNAME .INFO{
	padding:0;
}

.SOUNDPLAYER.PODCAST .PLAYNAME .LIST{
	height:1.5em;
	line-height:1.5em;
}

.SOUNDPLAYER.PODCAST .PLAYNAME .NAME,
.SOUNDPLAYER.PODCAST .PLAYNAME .INFO{
	height:2.5em;
	line-height:2.5em;
}

.SOUNDPLAYER.PODCAST .PLAYNAME .INFO{
	border-top-width:1px;
	border-top-style:solid;
	border-top-color:#bbb;
}


/********** CONTROL **********/

.SOUNDPLAYER.PODCAST .CONTROL{
	height:auto;
	padding:0;
}

.SOUNDPLAYER.PODCAST .CONTROL_CONTAINER{
	display:flex;
	justify-content:center;
	align-items:center;
}

.SOUNDPLAYER.PODCAST .CONTROL span:not(.SPEED_CONTAINER){
	margin:0 5px;
	background:#fff;
	border:1px solid #bbb;
	border-radius:50%;
}


/********** VOLUME **********/

.SOUNDPLAYER.PODCAST .VOLUME{
	vertical-align:top;
	padding:0;
	border:none;
}

.SOUNDPLAYER.PODCAST .VOLUME .VOLUMEBAR:nth-child(2){
	border-top-left-radius:4px;
	border-top-right-radius:4px;
}

.SOUNDPLAYER.PODCAST .VOLUME .VOLUMEBAR:nth-child(11){
	border-bottom-left-radius:4px;
	border-bottom-right-radius:4px;
}

.SOUNDPLAYER.PODCAST .VOLUME .VOLUMEBAR,
.SOUNDPLAYER.PODCAST .VOLUME .VOLUMEBAR:nth-child(12){
	height:9.5px;
	border:none;
	box-shadow:none;
}

.SOUNDPLAYER.PODCAST .VOLUME .VOLUMEBAR:nth-child(12){
	height:14px;
	line-height:14px;
}


/********** PROGRESS **********/

.SOUNDPLAYER.PODCAST .PROGRESS{
	padding:0;
	border:none;
	background:#fff;
}

.SOUNDPLAYER.PODCAST .PROGRESS_CONTAINER{
	display:flex;
	padding:0px;
	background:transparent;
}

.SOUNDPLAYER.PODCAST .PROGRESS_CONTAINER .FILETYPE{
	border-radius:1em;
}

.SOUNDPLAYER.PODCAST .TIME,
.SOUNDPLAYER.PODCAST .PROGRESS_CONTAINER .TIME{
	color:#333;
}

.SOUNDPLAYER.PODCAST .PROGRESS_CONTAINER .PROGRESSBAR_CONTAINER{
	background:#666;
	width:345px;
}

.SOUNDPLAYER.PODCAST .PROGRESS_CONTAINER .PROGRESSBAR{
	background:#f00;
}

.SOUNDPLAYER.PODCAST .PROGRESS_CONTAINER span.LOOP_OFF img,
.SOUNDPLAYER.PODCAST .PROGRESS_CONTAINER span.AUTOPLAY_OFF img{
	filter:invert(100%);
}

.SOUNDPLAYER.PODCAST .PROGRESS_CONTAINER span.LOOP_ON img,
.SOUNDPLAYER.PODCAST .PROGRESS_CONTAINER span.AUTOPLAY_ON img{
	filter:invert(20%);
}


/********** SPEED **********/

.SOUNDPLAYER.PODCAST .SPEED{
}

.SOUNDPLAYER.PODCAST .SPEED .SPEED_INTERFACE{
	position:relative;
	padding:0px;
}

.SOUNDPLAYER.PODCAST .SPEED .SPEED_HEADING{
	display:none;
}

.SOUNDPLAYER.PODCAST .SPEED .SPEED_INTERFACE span:not(.SPEED_CONTAINER){
	top:5px;
	margin:0;
	color:#333;
	background:#fff;
	border:1px solid #bbb;
}

.SOUNDPLAYER.PODCAST .SPEED .SPEED_INTERFACE span.BUTTON_SPEED_SLOW,
.SOUNDPLAYER.PODCAST .SPEED .SPEED_INTERFACE span.BUTTON_SPEED_NORMAL,
.SOUNDPLAYER.PODCAST .SPEED .SPEED_INTERFACE span.BUTTON_SPEED_FAST,
.SOUNDPLAYER.PODCAST .SPEED .SPEED_INTERFACE span.BUTTON_SPEED_VERYFAST{
	left:0px;
	border-radius:10px;
}


/********** TRACKLIST **********/

.TRACKLIST.PODCAST{
	margin-top:0px;
}

.NO_PLAYER + .TRACKLIST.PODCAST{
	margin-top:15px;
}

.TRACKLIST.PODCAST .PLAY a{
	margin:0 5px;
	background:#fff;
	border:1px solid #bbb;
	border-radius:50%;
	box-shadow:none;
}

.TRACKLIST.PODCAST .PLAY a:has(img[src*="suspend"]){
	background:#000;
	border-color:#000;
}

.TRACKLIST.PODCAST .PLAY a img[src*="suspend"]{
	filter:invert(100%);
}


/******************** SINGLE ********************/

.SOUNDPLAYER.SINGLE{
}

.SOUNDPLAYER.SINGLE .PLAYNAME .LIST:empty + .NAME{
	height:2em;
	padding-bottom:0.5em;
	line-height:1.5em;
	font-size:14px;
	font-weight:bold;
}

.SOUNDPLAYER.SINGLE .PLAYNAME .NUM,
.SOUNDPLAYER.SINGLE .SPEED_HEADING,
.SOUNDPLAYER.SINGLE .BUTTON_BACKWARD,
.SOUNDPLAYER.SINGLE .BUTTON_FORWARD,
.SOUNDPLAYER.SINGLE .LOOP_OFF,
.SOUNDPLAYER.SINGLE .LOOP_ON,
.SOUNDPLAYER.SINGLE .AUTOPLAY_OFF,
.SOUNDPLAYER.SINGLE .AUTOPLAY_ON{
	display:none !important;
}

.SOUNDPLAYER.SINGLE .PROGRESS_CONTAINER .PROGRESSBAR_CONTAINER{
	width:400px;
}


/******************** MINI ********************/

div[id^="SOUNDPLAYER_"]:has(.MINI){
	overflow:hidden;
	border-radius:60px;
}

.SOUNDPLAYER.MINI{
	position:relative;
	margin:5px;
	width:calc(100% - 10px);
	height:40px;
}

.SOUNDPLAYER.MINI .PLAYNAME .NUM,
.SOUNDPLAYER.MINI .LIST,
.SOUNDPLAYER.MINI .INFO,
.SOUNDPLAYER.MINI .VOLUME,
.SOUNDPLAYER.MINI .FILETYPE,
.SOUNDPLAYER.MINI .BUTTON_STOP,
.SOUNDPLAYER.MINI .BUTTON_BACKWARD,
.SOUNDPLAYER.MINI .BUTTON_FORWARD,
.SOUNDPLAYER.MINI .LOOP_OFF,
.SOUNDPLAYER.MINI .LOOP_ON,
.SOUNDPLAYER.MINI .AUTOPLAY_OFF,
.SOUNDPLAYER.MINI .AUTOPLAY_ON{
	display:none !important;
}

.SOUNDPLAYER.MINI .COVER,
.SOUNDPLAYER.MINI .CONTROL{
	width:0px;
	padding:0;
}

.SOUNDPLAYER.MINI .COVER img{
	position:absolute;
	left:0;
	top:0;
	width:40px;
	height:40px;
	margin:0;
	border-radius:50%;
}

.SOUNDPLAYER.MINI .PLAYNAME{
	padding-left:50px;
	padding-right:10px;
}

.SOUNDPLAYER.MINI .PLAYNAME .LIST:empty + .NAME{
	width:300px;
	height:20px;
	padding:0;
	font-size:12px;
	line-height:22px;
	font-weight:bold;
}

.SOUNDPLAYER.MINI .CONTROL_CONTAINER{
	position:absolute;
	top:0px;
	right:0px;
}

.SOUNDPLAYER.MINI .CONTROL span.BUTTON_PLAY{
	width:38px;
	height:38px;
}

.SOUNDPLAYER.MINI .CONTROL span.BUTTON_SKIP_REPLAY,
.SOUNDPLAYER.MINI .CONTROL span.BUTTON_SKIP_FORWARD{
	width:24px;
	height:24px;
}

.SOUNDPLAYER.MINI .CONTROL span.BUTTON_SKIP_REPLAY,
.SOUNDPLAYER.MINI .CONTROL span.BUTTON_SKIP_FORWARD{
	margin:0;
}

.SOUNDPLAYER.MINI .SPEED{
	position:static;
}

.SOUNDPLAYER.MINI .SPEED .SPEED_INTERFACE{
	position:absolute;
	right:110px;
	top:2px;
	width:42px;
	height:18px;
	margin:0;
	background:transparent;
}

.SOUNDPLAYER.MINI .SPEED .SPEED_INTERFACE span:not(.SPEED_CONTAINER){
	top:0;
}

.SOUNDPLAYER.MINI .PROGRESS_CONTAINER{
	width:350px;
	height:auto;
	margin-top:0;
	margin-left:50px;
}

.SOUNDPLAYER.MINI .TIME{
	width:7.5em;
	min-width:0;
	padding-left:0;
	text-align:center;
}

.SOUNDPLAYER.MINI .PROGRESSBAR_CONTAINER{
	width:290px;
}


/********** top **********/

.contents_header > div[id^="SOUNDPLAYER_"]:first-child,
.contents_header > script + div[id^="SOUNDPLAYER_"],
.contents_header .top_soundplayer_container > div[id^="SOUNDPLAYER_"]{
	width:548px;
	margin:0 auto;
}

.maintxt > div[id^="SOUNDPLAYER_"]:first-child,
.maintxt > script + div[id^="SOUNDPLAYER_"]{
	width:548px;
	margin:-10px 0 0 -8px;
}

.contents_header > div[id^="SOUNDPLAYER_"]:first-child .SOUNDPLAYER.MINI,
.contents_header > script + div[id^="SOUNDPLAYER_"] .SOUNDPLAYER.MINI,
.maintxt > div[id^="SOUNDPLAYER_"]:first-child .SOUNDPLAYER.MINI,
.maintxt > script + div[id^="SOUNDPLAYER_"] .SOUNDPLAYER.MINI,
.contents_header .top_soundplayer_container > div[id^="SOUNDPLAYER_"] .SOUNDPLAYER.SINGLE,
.contents_header .top_soundplayer_container > div[id^="SOUNDPLAYER_"] .SOUNDPLAYER.MINI{
	width:538px;
}

.contents_header > div[id^="SOUNDPLAYER_"]:first-child .SOUNDPLAYER.MINI .PROGRESS_CONTAINER,
.contents_header > script + div[id^="SOUNDPLAYER_"] .SOUNDPLAYER.MINI .PROGRESS_CONTAINER,
.maintxt > div[id^="SOUNDPLAYER_"]:first-child .SOUNDPLAYER.MINI .PROGRESS_CONTAINER,
.maintxt > script + div[id^="SOUNDPLAYER_"] .SOUNDPLAYER.MINI .PROGRESS_CONTAINER,
.contents_header .top_soundplayer_container > div[id^="SOUNDPLAYER_"] .SOUNDPLAYER.MINI .PROGRESS_CONTAINER{
	width:375px;
}

.contents_header > div[id^="SOUNDPLAYER_"]:first-child .SOUNDPLAYER.MINI .PLAYNAME .LIST:empty + .NAME,
.contents_header > script + div[id^="SOUNDPLAYER_"] .SOUNDPLAYER.MINI .PLAYNAME .LIST:empty + .NAME,
.maintxt > div[id^="SOUNDPLAYER_"]:first-child .SOUNDPLAYER.MINI .PLAYNAME .LIST:empty + .NAME,
.maintxt > script + div[id^="SOUNDPLAYER_"] .SOUNDPLAYER.MINI .PLAYNAME .LIST:empty + .NAME,
.contents_header .top_soundplayer_container > div[id^="SOUNDPLAYER_"] .SOUNDPLAYER.MINI .PLAYNAME .LIST:empty + .NAME{
	width:330px;
}

.contents_header > div[id^="SOUNDPLAYER_"]:first-child .SOUNDPLAYER.MINI .PROGRESSBAR_CONTAINER,
.contents_header > script + div[id^="SOUNDPLAYER_"] .SOUNDPLAYER.MINI .PROGRESSBAR_CONTAINER,
.maintxt > div[id^="SOUNDPLAYER_"]:first-child .SOUNDPLAYER.MINI .PROGRESSBAR_CONTAINER,
.maintxt > script + div[id^="SOUNDPLAYER_"] .SOUNDPLAYER.MINI .PROGRESSBAR_CONTAINER,
.contents_header .top_soundplayer_container > div[id^="SOUNDPLAYER_"] .SOUNDPLAYER.MINI .PROGRESSBAR_CONTAINER{
	width:310px;
}


/********** indextop **********/

.contents_header .top_soundplayer_container{
	margin-top:20px;
}

.contents_header .top_soundplayer_container > div[id^="SOUNDPLAYER_"]{
	background:linear-gradient(0deg, #f3f3f3, #fff);
}

.contents_header .top_soundplayer_container > div[id^="SOUNDPLAYER_"] .SOUNDPLAYER.SINGLE.INDEXTOP{
	width:528px;
}

.contents_header .top_soundplayer_container > div[id^="SOUNDPLAYER_"] .INDEXTOP,
.contents_header .top_soundplayer_container > div[id^="SOUNDPLAYER_"] td{
	background:transparent;
}

.contents_header .top_soundplayer_container > div[id^="SOUNDPLAYER_"] .INDEXTOP .COVER{
	width:120px;
}

.contents_header .top_soundplayer_container > div[id^="SOUNDPLAYER_"] .INDEXTOP .PLAYNAME,
.contents_header .top_soundplayer_container > div[id^="SOUNDPLAYER_"] .INDEXTOP .CONTROL:not(.SPEED){
	width:auto;
	padding:0 15px;
}

.contents_header .top_soundplayer_container > div[id^="SOUNDPLAYER_"] .INDEXTOP .NAME,
.contents_header .top_soundplayer_container > div[id^="SOUNDPLAYER_"] .INDEXTOP .INFO{
	width:100%;
}

.contents_header .top_soundplayer_container > div[id^="SOUNDPLAYER_"] .INDEXTOP .VOLUME{
	padding:0 0 0 0;
}

.contents_header .top_soundplayer_container > div[id^="SOUNDPLAYER_"] .INDEXTOP .LIST{
	display:none;
}

.contents_header .top_soundplayer_container > div[id^="SOUNDPLAYER_"] .INDEXTOP .TIME{
	width:8em;
	padding:0 1em;
}

.contents_header .top_soundplayer_container > div[id^="SOUNDPLAYER_"] .INDEXTOP .PROGRESS_CONTAINER .PROGRESSBAR_CONTAINER{
	width:498px;
}


/****************************** SP ******************************/

#fgContents2 .top_soundplayer_container{
	background:#DFE2EA;
	padding:0px 20px 20px;
}

#fgContents2 .top_soundplayer_container > div[id*="SOUNDPLAYER_"],
#fgContents2 .maintxt > div[id*="SOUNDPLAYER_"]{
	width:598px;
	margin:0 auto;
}

#fgContents2 .SOUNDPLAYER{
	width:558px;
	margin:20px;
}

#fgContents2 .SOUNDPLAYER *{
	-webkit-tap-highlight-color: transparent;
}

#fgContents2 .SOUNDPLAYER .VOLUME{
	display:none;
}

#fgContents2 .SOUNDPLAYER .COVER{
	width:150px;
}


/********** OLD **********/

#fgContents2 .SOUNDPLAYER .PROGRESS > .TIME{
	margin-top:8px;
}

#fgContents2 .SOUNDPLAYER.PODCAST .PROGRESS > .PROGRESSBAR_CONTAINER{
	width:365px;
	margin-top:8px;
}


/********** PLAYNAME **********/

#fgContents2 .SOUNDPLAYER .PLAYNAME{
	width:408px;
}

#fgContents2 .SOUNDPLAYER .PLAYNAME .LIST,
#fgContents2 .SOUNDPLAYER .PLAYNAME .NAME,
#fgContents2 .SOUNDPLAYER .PLAYNAME .INFO{
	width:408px;
	font-size:15px;
	box-sizing:border-box;
}

#fgContents2 .SOUNDPLAYER .PLAYNAME .LIST{
	font-size:20px;
	line-height:50px;
	height:50px;
}

#fgContents2 .SOUNDPLAYER .PLAYNAME .NAME,
#fgContents2 .SOUNDPLAYER .PLAYNAME .INFO{
	font-size:15px;
	line-height:40px;
	height:40px;
}


/********** CONTROL **********/

#fgContents2 .SOUNDPLAYER .CONTROL:not(.SPEED){
	width:408px;
}

#fgContents2 .SOUNDPLAYER .CONTROL span:not(.SPEED_CONTAINER){
	width:56px;
	height:56px;
}


/********** PROGRESS **********/

#fgContents2 .SOUNDPLAYER .PROGRESS{
	padding:0.5em 1em;
	font-size:16px;
	line-height:16px;
}

#fgContents2 .SOUNDPLAYER .FILETYPE{
	width:3em;
	height:1em;
	font-size:100%;
	line-height:100%;
	padding:0.5em;
}

#fgContents2 .SOUNDPLAYER .TIME{
	width:8em;
	height:1em;
	font-size:100%;
	line-height:100%;
	padding:0 0.25em;
	padding:0;
}

#fgContents2 .SOUNDPLAYER .PROGRESS_CONTAINER{
	height:36px;
}

#fgContents2 .SOUNDPLAYER .PROGRESSBAR_CONTAINER{
	width: 300px;
	height:6px;
}

#fgContents2 .SOUNDPLAYER .PROGRESSBAR{
	display:block;
	width:0%;
	height:6px;
}

#fgContents2 .SOUNDPLAYER  span.LOOP_ON,
#fgContents2 .SOUNDPLAYER  span.LOOP_OFF,
#fgContents2 .SOUNDPLAYER  span.AUTOPLAY_ON,
#fgContents2 .SOUNDPLAYER  span.AUTOPLAY_OFF{
	width:36px;
	height:36px;
}


/********** SPEED **********/

#fgContents2 .SOUNDPLAYER .CONTROL.SPEED .SPEED_INTERFACE{
	top:-27px;
	height:0px;
}

#fgContents2 .SOUNDPLAYER .SPEED_CONTAINER{
	width:0;
	height:0;
	margin:0;
	border:none;
}

#fgContents2 .SOUNDPLAYER .SPEED_HEADING,
#fgContents2 .SOUNDPLAYER .SPEED_INTERFACE span:not(.SPEED_CONTAINER){
	font-size:16px;
	line-height:24px;
}

#fgContents2 .SOUNDPLAYER .SPEED_INTERFACE span:not(.SPEED_CONTAINER){
	top:-15px;
	left:15px;
	width:66px;
	height:32px;
	box-sizing:border-box;
}


/********** TRACKLIST **********/

#fgContents2 .TRACKLIST{
	width:558px;
	margin-top:-20px;
	margin-bottom:20px;
}

#fgContents2 .TRACKLIST th,
#fgContents2 .TRACKLIST td{
	padding:10px;
	font-size:16px;
}

#fgContents2 .NO_PLAYER + .TRACKLIST{
	margin-top:20px;
}

#fgContents2 .TRACKLIST td.DURATION{
	text-align:center;
}

#fgContents2 .TRACKLIST .PLAY{
	vertical-align:middle;
}

#fgContents2 .TRACKLIST .PLAY a,
#fgContents2 .TRACKLIST .PLAY a img{
	display:block;
	width:40px;
	height:40px;
	border-radius:50%;
}


/******************** PODCAST ********************/

#fgContents2 .SOUNDPLAYER.PODCAST .COVER{
	width:0px;
}

#fgContents2 .SOUNDPLAYER.PODCAST .COVER img{
	position:absolute;
	width:120px;
	height:120px;

	width:90px;
	height:90px;
}

#fgContents2 .SOUNDPLAYER.PODCAST .PLAYNAME{
	width:418px;
	height:120px;
	padding:0 0 0 140px;

	width:448px;
	height:90px;
	padding:0 0 0 110px;
}

#fgContents2 .SOUNDPLAYER.PODCAST .LIST,
#fgContents2 .SOUNDPLAYER.PODCAST .NAME,
#fgContents2 .SOUNDPLAYER.PODCAST .INFO{
	width:418px;
}

#fgContents2 .SOUNDPLAYER.PODCAST .LIST{
	height:35px;
	line-height:35px;
}

#fgContents2 .SOUNDPLAYER.PODCAST .NAME,
#fgContents2 .SOUNDPLAYER.PODCAST .INFO{
	height:30px;
	line-height:30px;
}

#fgContents2 .SOUNDPLAYER.PODCAST .CONTROL:not(.SPEED){
	padding:15px 0;
}

#fgContents2 .SOUNDPLAYER.PODCAST .CONTROL:not(.SPEED) span:not(.SPEED_CONTAINER){
	width:65px;
	height:65px;
	margin:0 10px;
}

#fgContents2 .SOUNDPLAYER.PODCAST .PROGRESS{
	padding:0;
}

#fgContents2 .SOUNDPLAYER.PODCAST .SPEED .SPEED_INTERFACE{
	display:flex;
	justify-content: space-evenly;
}

#fgContents2 .SOUNDPLAYER.PODCAST .SPEED_INTERFACE span:not(.SPEED_CONTAINER){
	top:-8px;
	left:0px;
	height:34px;
	border-radius:20px;
}

#fgContents2 .TRACKLIST.PODCAST{
	margin-top:0px;
}

#fgContents2 .NO_PLAYER + .TRACKLIST.PODCAST{
	margin-top:20px;
}


/********** SINGLE **********/

#fgContents2 .SOUNDPLAYER.SINGLE{
	margin:20px;
}

#fgContents2 .SOUNDPLAYER.SINGLE .COVER img{
	width:120px;
	height:120px;
}

#fgContents2 .SOUNDPLAYER.SINGLE .PLAYNAME{
	height:60px;
	width:418px;
	padding-left:140px;
}

#fgContents2 .SOUNDPLAYER.SINGLE .PLAYNAME .NAME,
#fgContents2 .SOUNDPLAYER.SINGLE .PLAYNAME .INFO{
	width:418px;
}

#fgContents2 .SOUNDPLAYER.SINGLE .PLAYNAME .NAME{
	height:30px;
	padding-bottom:5px;
	line-height:25px;
	font-size:18px;
	font-weight:bold;
}

#fgContents2 .SOUNDPLAYER.SINGLE .CONTROL:not(.SPEED){
	padding:0px;
}

#fgContents2 .SOUNDPLAYER.SINGLE .CONTROL_CONTAINER{
	justify-content: center;
	align-items: center;
	width:418px;
	padding-top:5px;
	padding-left:140px;
}

#fgContents2 .SOUNDPLAYER.SINGLE:not(.MINI) .PROGRESSBAR_CONTAINER{
	width:400px;
}

#fgContents2 .SOUNDPLAYER.SINGLE .PROGRESS_CONTAINER{
	padding:10px 0 0;
}

#fgContents2 .SOUNDPLAYER.SINGLE .SPEED .SPEED_INTERFACE{
	display:flex;
	justify-content: center;
}

#fgContents2 .SOUNDPLAYER.SINGLE .SPEED_INTERFACE span:not(.SPEED_CONTAINER){
	top:-8px;
}


/********** MINI **********/

#fgContents2 .SOUNDPLAYER.MINI .CONTROL span.BUTTON_SKIP_REPLAY,
#fgContents2 .SOUNDPLAYER.MINI .CONTROL span.BUTTON_SKIP_FORWARD,
#fgContents2 .SOUNDPLAYER.MINI  span.AUTOPLAY_ON,
#fgContents2 .SOUNDPLAYER.MINI  span.AUTOPLAY_OFF,
#fgContents2 .SOUNDPLAYER.MINI  span.LOOP_ON,
#fgContents2 .SOUNDPLAYER.MINI  span.LOOP_OFF{
	display:none !important;
}

#fgContents2 .top_soundplayer_container > div[id*="SOUNDPLAYER_"]:has(.MINI),
#fgContents2 .maintxt > div[id*="SOUNDPLAYER_"]:has(.MINI){
	border-radius:100px;
}

#fgContents2 .SOUNDPLAYER.MINI{
	width:568px;
	margin:15px;
}

#fgContents2 .SOUNDPLAYER.MINI .COVER img{
	top:-2px;
	left:-2px;
	width:60px;
	height:60px;
}

#fgContents2 .SOUNDPLAYER.MINI .PLAYNAME{
	width:418px;
	height:1em;
	padding-left:75px;
}

#fgContents2 .SOUNDPLAYER.MINI .PLAYNAME .NAME{
	height:30px;
	width:345px;
	padding-bottom:5px;
	line-height:25px;
	font-size:18px;
	font-weight:bold;
}

#fgContents2 .SOUNDPLAYER.MINI .CONTROL_CONTAINER{
	justify-content: center;
	align-items: center;
	top:-2px;
	width:60px;
	padding:0;
}

#fgContents2 .SOUNDPLAYER.MINI .CONTROL:not(.SPEED){
	padding:0;
}

#fgContents2 .SOUNDPLAYER.MINI .CONTROL:not(.SPEED) span:not(.SPEED_CONTAINER){
	top:-8px;
	width:60px;
	height:60px;
	margin:0;
}

#fgContents2 .SOUNDPLAYER.MINI .PROGRESS_CONTAINER{
	width:425px;
	height:auto;
	padding:10px 0 0;
	margin-left:70px;
	justify-content:space-between;
}

#fgContents2 .SOUNDPLAYER.MINI .SPEED{
	padding:0;
}

#fgContents2 .SOUNDPLAYER.MINI .SPEED .SPEED_INTERFACE{
	display:flex;
	justify-content: center;
	top:-5px;
	left:430px;
	width:66px;
	height:34px;
	padding:0;
}

#fgContents2 .SOUNDPLAYER.MINI .SPEED .SPEED_INTERFACE span:not(.SPEED_CONTAINER){
	top:0;
	padding:4px;
	line-height:24px;
}


/********** INDEXTOP **********/

#fgContents2 .top_soundplayer_container .SOUNDPLAYER.INDEXTOP .LIST{
	display:none;
}

#fgContents2 .top_soundplayer_container .SOUNDPLAYER.INDEXTOP .TIME{
	text-align:center;
}


/****************************** 160118 twitter ******************************/

#fgContents2 #SOCIALBOOKMARK_BAR .twitter_topsy,
#fgContents2 #SOCIALBOOKMARK_BOTTOM_BAR .twitter_topsy{
	display:block;
}

#fgContents2 #SOCIALBOOKMARK_BAR .twitter_counter,
#fgContents2 #SOCIALBOOKMARK_BOTTOM_BAR .twitter_counter{
	height:60px;
}

#fgContents2 #SOCIALBOOKMARK_BAR .twitter_count_retweet,
#fgContents2 #SOCIALBOOKMARK_BAR .twitter_count_heart,
#fgContents2 #SOCIALBOOKMARK_BOTTOM_BAR .twitter_count_retweet,
#fgContents2 #SOCIALBOOKMARK_BOTTOM_BAR .twitter_count_heart{
	text-indent:42px;
	font-size:20px;
	height:25px;
	line-height:25px;
	letter-spacing:0;
}

#fgContents2 #SOCIALBOOKMARK_BAR .twitter_count_retweet,
#fgContents2 #SOCIALBOOKMARK_BOTTOM_BAR .twitter_count_retweet{
	padding-top:6px;
}

#fgContents2 #SOCIALBOOKMARK_BAR .twitter_count_retweet,
#fgContents2 #SOCIALBOOKMARK_BOTTOM_BAR .twitter_count_retweet{
	background:url(/image/twitter_retweet_v2_sp.png) no-repeat 13px 5px;
}

#fgContents2 #SOCIALBOOKMARK_BAR .twitter_count_heart,
#fgContents2 #SOCIALBOOKMARK_BOTTOM_BAR .twitter_count_heart{
	background:url(/image/twitter_favorite_v2_sp.png) no-repeat 13px top;
}


/****************************** CARDVIEW CONTAINER ******************************/

.CARDVIEW_CONTAINER{
	position:relative;
}

.CARDVIEW_CONTAINER > span:first-child{
	display:block;
	position:absolute;
	z-index:100;
	left:10px;
	top:0px;
	padding:8px 0px 8px 8px;
	font-size:18px;
	font-weight:bold;
	line-height:18px;
	text-indent:2px;
	color:#fff;
	background:#999;
	border-top-left-radius:4px;
}

.CARDVIEW_CONTAINER > span:first-child:empty{
	display:none;
}

.CARDVIEW_CONTAINER > span:first-child:after{
	content:" ";
	display:block;
	position:absolute;
	right:-20px;
	top:0;
	width:0px;
	height:0px;
	border-style:solid;
	border-width:34px 20px 0 0;
	border-color:#999 transparent transparent transparent;
}


/******************** CARDVIEW ********************/

.CARDVIEW{
	padding:20px;
	margin:10px;
	border:1px dotted #666;
	border-radius:4px;
	background:#fff;
}

.CARDVIEW:after{
	content:" ";
	clear:both;
	height:0;
	display:block;
}

.CARDVIEW .V2_article_container{
	width:auto;
	padding:0;
	border:none;
	background:none;
}


/*********** CARD **********/

.CARDVIEW.CARD .V2_article_container h2{
	float:right;
	width:365px;
	padding:0;
	margin:0;
	font-size:85%;
	line-height:140%;
	border:none;
}

.CARDVIEW.CARD .V2_article_container .img_right_top{
	float:left;
	margin:0px 20px 0px 0;
}

.CARDVIEW.CARD .V2_article_container p{
	clear:both;
	padding-top:15px;
	font-size:65%;
	line-height:145%;
}

.CARDVIEW.CARD .V2_article_container .published_time,
.CARDVIEW.CARD .V2_article_container .timestamp{
	display:none;
}


/*********** CARD5 **********/

.CARDVIEW.CARD5 .V2_article_container h2{
	float:right;
	width:280px;
	padding:0;
	margin:0;
	font-size:85%;
	line-height:140%;
	border:none;
}

.CARDVIEW.CARD5 .img_right_top{
	position:static;
	float:left;
	width:240px;
	height:180px;
	margin:0px 10px 0 0;
}

.CARDVIEW.CARD5 .V2_article_container p{
	clear:both;
	padding-top:15px;
	font-size:65%;
	line-height:145%;
}

.CARDVIEW.CARD5 .V2_article_container .published_time,
.CARDVIEW.CARD5 .V2_article_container .timestamp{
	display:none;
}


/********** oneline **********/

.CARDVIEW .V2_article_container.oneline h2{
	float:none;
	width:auto !important;
	margin:25px auto 0px !important;
}

.CARDVIEW_CONTAINER > span:empty + .CARDVIEW .V2_article_container.oneline h2{
	margin:0 auto !important;
}

.CARDVIEW .V2_article_container.oneline h2 + a{
	display:none;
}


/********** oneline_thumb **********/

.CARDVIEW.CARD .V2_article_container.oneline_thumb h2{
	float:right;
	width:365px !important;
	padding:0;
	margin:0 !important;
	font-size:85%;
	line-height:140%;
	border:none;
}

.CARDVIEW.CARD5 .V2_article_container.oneline_thumb h2{
	float:right;
	width:280px !important;
	padding:0;
	margin:0 !important;
	font-size:85%;
	line-height:140%;
	border:none;
}

.CARDVIEW .V2_article_container.oneline_thumb h2 + a,
.CARDVIEW .V2_article_container.oneline_thumb h2 + a .img_right_top{
	display:block;
}


/********** paragraph **********/

.text_box_def .CARDVIEW.CARD .V2_article_container h2,
.text_box_01 .CARDVIEW.CARD .V2_article_container h2,
.text_box_02 .CARDVIEW.CARD .V2_article_container h2,
.text_box_03 .CARDVIEW.CARD .V2_article_container h2,
.text_box .CARDVIEW.CARD .V2_article_container h2,
.text_box_yellow .CARDVIEW.CARD .V2_article_container h2,
.text_box_blue .CARDVIEW.CARD .V2_article_container h2,
.text_box_green .CARDVIEW.CARD .V2_article_container h2,
blockquote .CARDVIEW.CARD .V2_article_container h2{
	width:280px;
}

.text_box_def .CARDVIEW.CARD .V2_article_container p,
.text_box_01 .CARDVIEW.CARD .V2_article_container p,
.text_box_02 .CARDVIEW.CARD .V2_article_container p,
.text_box_03 .CARDVIEW.CARD .V2_article_container p,
.text_box .CARDVIEW.CARD .V2_article_container p,
.text_box_yellow .CARDVIEW.CARD .V2_article_container p,
.text_box_blue .CARDVIEW.CARD .V2_article_container p,
.text_box_green .CARDVIEW.CARD .V2_article_container p,
blockquote .CARDVIEW.CARD .V2_article_container p{
	width:auto;
}

.text_box_def .CARDVIEW.CARD5 .V2_article_container h2,
.text_box_01 .CARDVIEW.CARD5 .V2_article_container h2,
.text_box_02 .CARDVIEW.CARD5 .V2_article_container h2,
.text_box_03 .CARDVIEW.CARD5 .V2_article_container h2,
.text_box .CARDVIEW.CARD5 .V2_article_container h2,
.text_box_yellow .CARDVIEW.CARD5 .V2_article_container h2,
.text_box_blue .CARDVIEW.CARD5 .V2_article_container h2,
.text_box_green .CARDVIEW.CARD5 .V2_article_container h2,
blockquote .CARDVIEW.CARD5 .V2_article_container h2{
	width:195px;
}


/***** online *****/

.text_box_def .CARDVIEW.CARD .V2_article_container.oneline_thumb h2,
.text_box_01 .CARDVIEW.CARD .V2_article_container.oneline_thumb h2,
.text_box_02 .CARDVIEW.CARD .V2_article_container.oneline_thumb h2,
.text_box_03 .CARDVIEW.CARD .V2_article_container.oneline_thumb h2,
.text_box .CARDVIEW.CARD .V2_article_container.oneline_thumb h2,
.text_box_yellow .CARDVIEW.CARD .V2_article_container.oneline_thumb h2,
.text_box_blue .CARDVIEW.CARD .V2_article_container.oneline_thumb h2,
.text_box_green .CARDVIEW.CARD .V2_article_container.oneline_thumb h2,
blockquote .CARDVIEW.CARD .V2_article_container.oneline_thumb h2{
	width:280px !important;
}

.text_box_def .CARDVIEW.CARD5 .V2_article_container.oneline_thumb h2,
.text_box_01 .CARDVIEW.CARD5 .V2_article_container.oneline_thumb h2,
.text_box_02 .CARDVIEW.CARD5 .V2_article_container.oneline_thumb h2,
.text_box_03 .CARDVIEW.CARD5 .V2_article_container.oneline_thumb h2,
.text_box .CARDVIEW.CARD5 .V2_article_container.oneline_thumb h2,
.text_box_yellow .CARDVIEW.CARD5 .V2_article_container.oneline_thumb h2,
.text_box_blue .CARDVIEW.CARD5 .V2_article_container.oneline_thumb h2,
.text_box_green .CARDVIEW.CARD5 .V2_article_container.oneline_thumb h2,
blockquote .CARDVIEW.CARD5 .V2_article_container.oneline_thumb h2{
	width:195px !important;
}


/***** both *****/

.text_box_def .CARDVIEW .V2_article_container img,
.text_box_01 .CARDVIEW .V2_article_container img,
.text_box_02 .CARDVIEW .V2_article_container img,
.text_box_03 .CARDVIEW .V2_article_container img,
.text_box .CARDVIEW .V2_article_container img,
.text_box_yellow .CARDVIEW .V2_article_container img,
.text_box_blue .CARDVIEW .V2_article_container img,
.text_box_green .CARDVIEW .V2_article_container img,
blockquote .CARDVIEW .V2_article_container img{
	margin-right:0 !important;
}


/********** none **********/

.CARDVIEW .V2_article_container .V2_article_tag,
.CARDVIEW .V2_article_container .tag_list{
	display:none;
}


/********** QR **********/

.CARDVIEW_CONTAINER .QRCODE_POPUP{
	display:none !important;
}


/********** CHARM **********/

.CARDVIEW_CONTAINER.BUTTON_CHARM > span:first-child + img{
	position:absolute;
	z-index:1;
	left:0px;
}


/******************************  SP V2 MiniTop ******************************/

#fgContents2 .arrived.SITE .to_top{
	border-top:1px solid #ccc;
}

#fgContents2 .V2_whats_new{
	overflow:hidden;
	position:relative;
	width:640px;
	margin:0 auto;
	text-align:center;
}

#fgContents2 .V2_whats_new.platform{
	margin:30px auto 0;
}

#fgContents2 .related_container + .arrived.SITE .V2_whats_new.platform{
	margin:0 auto 0;
}

#fgContents2 .V2_whats_new > .title{
	width:600px;
	margin:0;
	padding:10px 20px;
	margin:0 auto 30px;

	font-size:28px;
	font-weight:bold;
	line-height:32px;
	border-top:2px solid #00186e;
	border-bottom:1px solid #bfbfbf;
	border-radius:0;
	text-align:left;
	text-shadow:-1px -1px 0 #000000;
	color:#ffffff;
	background:linear-gradient(#3019a3,#543ec6);
	box-shadow:inset 0 1px 0 #8274c7,inset 0 -1px 0 #000000;
}

#fgContents2 .V2_whats_new.platform > .title{
	margin:0 auto;
}


/******************** block ********************/

#fgContents2 .V2_whats_new > div:not(.title){
	position:relative;
}

#fgContents2 .V2_whats_new > .arrived + .arrived{
	margin-top:15px;
}


/********** title sub **********/

#fgContents2 .V2_whats_new div .title{
	position:relative;
	height:1em;
	width:600px;
	padding:0;
	margin:1em auto 1.5em;
	line-height:1em;
	font-weight:bold;
	font-size:27px;
	text-align:center;
	color:#311aa4;
}

#fgContents2 .V2_whats_new > div:not(.title) .title{
	display:inline;
	position:relative;
	z-index:2;
	padding:0 0.5em;
	line-height:1em;
	background:#fff;
}

#fgContents2 .V2_whats_new > div:not(.title):before{
	content:" ";
	overflow:hidden;
	display:block;
	position:absolute;
	top:0.6em;
	left:20px;
	width:600px;
	height:0.25em;
	margin:0 auto;
	background:#311aa4;
	border-radius:10px;
}

#fgContents2 .V2_whats_new.platform > div:not(.title):before{
	content:none;
}


/*********** inner ***********/

#fgContents2 .V2_whats_new .RECENT_NEWS_CONTAINER{
	display:flex;
	flex-wrap:wrap;
	box-sizing:border-box;
	justify-content:space-between;

	width:600px;
	margin:0 auto;
}

#fgContents2 .V2_whats_new .title + .RECENT_NEWS_CONTAINER{
	margin-top:1.5em;
}

#fgContents2 .V2_whats_new .count1 .title + .RECENT_NEWS_CONTAINER,
#fgContents2 .V2_whats_new .count2 .title + .RECENT_NEWS_CONTAINER{
	min-height:406px;
}

#fgContents2 .V2_whats_new .count3 .title + .RECENT_NEWS_CONTAINER,
#fgContents2 .V2_whats_new .count4 .title + .RECENT_NEWS_CONTAINER{
	min-height:812px;
}

#fgContents2 .V2_whats_new .RECENT_NEWS_CONTAINER article{
	display:flex;
	flex-direction:column;

	overflow:hidden;
	position:relative;
	width:280px;
	min-height:381px;
	margin:0 5px 25px;
	background:#fff;
	box-shadow:0px 0px 1px 1px rgba(0,0,0,0.25);
	border-radius:4px;
}

#fgContents2 .V2_whats_new .RECENT_NEWS_CONTAINER article h3{
	order:2;
	display:block;
	width:280px;
	min-height:7.5em;
	padding:0 0.75em;
	margin:0.5em 0;
	text-align:left;
	font-size:20px;
	font-weight:normal;
	line-height:150%;
	box-sizing:border-box;
}

#fgContents2 .V2_whats_new .title + .RECENT_NEWS_CONTAINER article h3{
	overflow:hidden;
	display:-webkit-box;
	-webkit-line-clamp:5;
	-webkit-box-orient:vertical;
	min-height:7.5em;
}

#fgContents2 .V2_whats_new .RECENT_NEWS_CONTAINER article h3 a{
	color:#333;
	text-decoration:none;
}

#fgContents2 .V2_whats_new .RECENT_NEWS_CONTAINER article figure{
	order:1;
}

#fgContents2 .V2_whats_new .RECENT_NEWS_CONTAINER article figure,
#fgContents2 .V2_whats_new .RECENT_NEWS_CONTAINER article figure img{
	width:280px;
	height:210px;
	padding:0;
	margin:0;
	border-bottom:1px solid rgba(0,0,0,0.15);
}


/********** more **********/

#fgContents2 .arrived.SITE .title.end,
#fgContents2 .V2_whats_new > div:not(.title) .title.end{
	display:block;
	height:auto;
	margin:0 auto;
}

#fgContents2 .arrived.SITE .title.end a,
#fgContents2 .V2_whats_new .title.end a{
	display:block;
	width:13em;
	padding:20px 15px;
	margin:0 auto 1.5em;
	font-size:24px;
	font-weight:normal;
	line-height:100%;
	text-align:center;
	text-decoration:none;
	border-radius:30px;

	border:1px solid #311aa4;
	color:#311aa4;
	background:#fff;
}

#fgContents2 .arrived.SITE .to_top a,
#fgContents2 .arrived.SITE .title.end a,
#fgContents2 .V2_whats_new .title.end a{
	display:block;
	padding:1em;
	margin:20px 20px 10px;
	border:2px solid #f52020;
	border-radius:12px;
	text-align:center;
	text-decoration:none;
	font-size:25px;
	font-weight:bold;
	line-height:100%;
	color:#fff;
	background:linear-gradient(#e44040,#c31313);
	box-shadow:0px 1px 0px 1px #000;
}

#fgContents2 .V2_whats_new .title.end a,
#fgContents2 .arrived.SITE .title.end a{
	width:535px;
	margin:0px auto 1.5em;
}


/******************** display none ********************/

#fgContents2 div.arrived.count0{
	display:none;
}

#fgContents2 div.arrived.count0 + .title.end{
	border-top:1px solid #ccc;
}

#fgContents2 div.arrived.count0 + .title.end a{
	margin-top:1.5em;
}


/****************************** Twitter -> X ******************************/

#fgContents2 #SOCIALBOOKMARK_BAR .twitter_topsy,
#fgContents2 #SOCIALBOOKMARK_BOTTOM_BAR .twitter_topsy{
	background-image:url(/image/V3/SP_bg_button_title_default.png);
}

#fgContents2 #SOCIALBOOKMARK_BAR .twitter_topsy span,
#fgContents2 #SOCIALBOOKMARK_BOTTOM_BAR .twitter_topsy span{
	width:auto;
	background:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 1227"><path fill="gray" d="M714.163 519.284L1160.89 0H1055.03L667.137 450.887L357.328 0H0L468.492 681.821L0 1226.37H105.866L515.491 750.218L842.672 1226.37H1200L714.137 519.284H714.163ZM569.165 687.828L521.697 619.934L144.011 79.6944H306.615L611.412 515.685L658.88 583.579L1055.08 1150.3H892.476L569.165 687.854V687.828Z"/></svg>') no-repeat right 22px center;
	background-size:35px;
}

.maintxt .twitter-tweet-rendered{
	margin-left:auto;
	margin-right:auto;
}


/******************** リリースを2ページ目に ********************/

.paging_release_container{
	display: flex;
	justify-content: flex-end;
	gap: 4px;
	margin-right: 20px;
}

.paging_release_container .release_button_container{
	display: flex;
	align-items: center;
	padding:6px;
	margin-bottom:16px;
	font-size:100%;
	background-color:#f2f2f2;
	box-shadow:inset 0px 0px 0px 1px #b3b3b3;
	border-radius:30px;
}

.release_button_container:before{
	content:" ";
	display:inline-block;
	width:1.5em;
	height:1.5em;
	padding:0.5em;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%23ffffff'%3E%3Cpath d='M400-280h160v-80H400v80Zm0-160h280v-80H400v80ZM280-600h400v-80H280v80Zm200 120ZM265-80q-79 0-134.5-55.5T75-270q0-57 29.5-102t77.5-68H80v-80h240v240h-80v-97q-37 8-61 38t-24 69q0 46 32.5 78t77.5 32v80Zm135-40v-80h360v-560H200v160h-80v-160q0-33 23.5-56.5T200-840h560q33 0 56.5 23.5T840-760v560q0 33-23.5 56.5T760-120H400Z'/%3E%3C/svg%3E") no-repeat center center;
	background-color:#2f2f2f;
	background-size:1.5em;
	border-radius:50%;
}

.release_button_container .button{
	height:100%;
	margin: 0 8px;
}

.release_button_container a{
	display:flex;
	align-items: center;
	height:100%;
	color:#000;
	text-decoration:none;
}

.release_button_container a:hover{
	text-decoration:underline;
}