@charset "EUC-JP";


/****************************** layout ******************************/

body.template_news .main_contents{
	position:relative;
	padding:15px;
	background-image:url(/image/joshibu/bg_joshibu_frame_tape_001.png),
			 url(/image/joshibu/bg_joshibu_frame_tape_002.png),
			 url(/image/joshibu/bg_joshibu_frame_tape_003.png),
			 url(/image/joshibu/bg_joshibu_frame_top_news.png),
			 url(/image/joshibu/bg_joshibu_frame_bottom_news.png),
			 url(/image/joshibu/bg_joshibu_frame_side.png),
			 url(/image/joshibu/bg_joshibu_frame_news.png);
	background-repeat:no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, repeat-y, repeat;
	background-position:left 200px, left bottom, right 1300px, center top, center bottom, center top, center top;
}


/****************************** header ******************************/


/********** tag **********/

.main_contents .maintxt > .article_tag{
	position:absolute;
	top:-6px;
	right:15px;
	padding:0;
	margin:0 0 0 auto;

	display:-webkit-flex;
	display:flex;
	-webkit-align-items:center;
	align-items:center;
	-webkit-justify-content:center;
	justify-content:center;
}

.main_contents .maintxt > .article_tag li{
	display:none;
	height:10px;
	padding:3px;
	margin:0 0 0 2px;
	font-size:10px;
	line-height:10px;
	border-radius:4px;

	color:#999;
	background:#fff;
	box-shadow:inset 0px 0px 0px 1px #ccc;
}

.main_contents .maintxt > .article_tag li.newstype + li.newstype,
.main_contents .maintxt > .article_tag li.movietype,
.main_contents .maintxt > .article_tag li.TO035,
.main_contents .maintxt > .article_tag li.site,
.main_contents .maintxt > .article_tag li.TT101,
.main_contents .maintxt > .article_tag li.theme-joshibu{
	display:inline;
}

.main_contents .maintxt > .article_tag li a{
	color:#fff;
	text-decoration:none;
}

.main_contents .maintxt > .article_tag li.theme-joshibu a,
.main_contents .maintxt > .article_tag li.newstype a,
.main_contents .maintxt > .article_tag li.TO035 a,
.main_contents .maintxt > .article_tag li.TT101 a{
	color:#999;
}


/********** category **********/

.catname{
	position:absolute;
	top:-50px;
	left:15px;
	width:120px;
	height:75px;
	font-size:12px;
	line-height:70px;
	text-align:center;
	color:#fff;
	background:url(/image/joshibu/bg_joshibu_category.png) no-repeat center center;
}

.uptime{
	position:relative;
	z-index:1;
	display:block;
	width:25em;
	font-size:11px;
	line-height:11px;
	text-indent:110px;
	color:#333;
}


/********** author **********/

.author{
	min-height:1.5em;
	margin:-5px 0px 20px;
	font-size:12px;
	line-height:150%;
	text-align:right;
}

.author a{
	margin-left:1em;
	color:#333;
}


/********** copyright **********/

blockquote.copyright{
	font-size:11px;
	line-height:150%;
	color:#666;
}


/****************************** title info ******************************/

.left_menu_title{
	width:300px;
	margin-left:10px;
}

.icatch_arrow,
.left_menu_title_score,
.left_menu_title_menu{
	display:none;
}


/********** header **********/

.left_menu_title_header{
	position:relative;
	width:290px;
	margin:20px 0px 10px 5px;
	background:#f1f2fb;
	border:4px solid #fff;
	border-radius:16px;
	box-shadow:0px 0px 0px 4px #c7ccf1, 0px 0px 0px 6px #fff;
	box-sizing:border-box;
}

.left_menu_title_header:before{
	content:" ";
	display:block;
	position:absolute;
	left:-40px;
	bottom:10px;
	width:40px;
	height:40px;
	background:url(/image/joshibu/bg_joshibu_news_titleinfo.png) no-repeat center center;
}

.left_menu_title_header dt{
	padding:10px 20px;
	text-align:center;
	border-top-left-radius:14px;
	border-top-right-radius:14px;
	background:#fff !important;
}

.left_menu_title_header strong{
	display:block;
	margin-top:10px;
}

.left_menu_title_header strong:last-child:after{
	content:"公式サイトへ";
	display:block;
	position:absolute;
	bottom:15px;
	left:50px;
	width:180px;
	height:35px;
	font-size:13px;
	font-weight:normal;
	line-height:33px;
	background:#9fa1e4;
	color:#fff;
	text-decoration:none;
	opacity:0.2;
}

.left_menu_title_header a{
	color:#333;
}

.left_menu_title_header strong a{
	color:#af4d7c;
	text-decoration:none;
}

.left_menu_title_header strong a:hover{
	color:#f14c9b;
	text-decoration:underline;
}

.left_menu_title_header .official{
	display:block;
	position:absolute;
	bottom:10px;
	left:50px;
	width:180px;
	height:35px;
	font-size:13px;
	line-height:35px;
	background:#9fa1e4;
	color:#fff;
	border-bottom:5px solid #7b84ce;
	text-decoration:none;
}

.left_menu_title_header .official:hover{
	border-top:5px solid #f2f2fb;
	border-bottom:0px;
}

.left_menu_title_header .official:before{
	content:"公式サイトへ";
}

.left_menu_title_header .official img{
	display:none;
}


/********** information **********/

.title_information{
	padding:0px 10px 60px;
	min-height:0px;
	font-size:13px;
	line-height:150%;
	color:#333;
}

.title_information li:first-child{
	padding-top:10px;
}

.title_information li.developer:before{
	content:"・";
}

.title_information .amazon,
.title_information .yahoo{
	padding-top:5px;
	display:inline-block;
}


/******************** header ********************/

div.affiliate{
	position:relative;
	width:290px;
	margin:25px 0px 10px 15px;
	background:#fff;
	border:4px solid #fff;
	border-radius:16px;
	box-shadow:0px 0px 0px 4px #a4cfd3, 0px 0px 0px 6px #fff;
	box-sizing:border-box;

	font-size:13px;
	line-height:140%;
}

div.affiliate:before{
	content:" ";
	display:block;
	position:absolute;
	right:-20px;
	top:-15px;
	top:-30px;
	width:101px;
	height:54px;
	background:url(/image/joshibu/heading_joshibu_affiliate.png) no-repeat center center;
}

div.affiliate a{
	color:#333;
}

div.affiliate a:hover{
	color:#b5507b;
}

div.affiliate > div:first-child{
	display:none;
}

.container_w550_box,
.affiliate .list li{
	margin:0 5px;
	padding:10px 15px;
}

.GAME_AFFILIATE .affiliate li:last-child{
	display:none;
}

.right_contents .GAME_AFFILIATE .affiliate li:last-child{
	display:block;
}

div.affiliate br.clear_both{
	display:none;
}

div.affiliate dl.box{
	padding:15px;
	border-top:1px solid #a4cfd3;
}

div.affiliate dl.box dt > a > img{
	display:block;
	margin:0 auto 5px;
}

div.affiliate dl.box dt > a > img:hover{
	opacity:0.8;
}

div.affiliate > div:first-child + dl.box{
	border-top:none;
}


/********** box **********/

.container_w550_box{
	position:relative;
	display:-webkit-flex;
	display:flex;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	-webkit-align-items:center;
	align-items:center;

	font-size:11px;
	line-height:140%;
}

.container_w550_box dd{
	width:242px;
	padding:2px 0 0;
}

.container_w550_box dt{
	order:2;

	font-size:13px;
	line-height:140%;
}

.container_w550_box dd.package{
	order:1;
	padding-bottom:5px;
}

.container_w550_box dd.genre{
	order:3;
	color:#a54f42;
}

.container_w550_box dd.date{
	order:5;
	color:#a54f42;
}

.container_w550_box dd.price{
	order:4;
	color:#a54f42;
}

.container_w550_box dd.button_amazon{
	order:6;
}

.container_w550_box dd.button_yahoo{
	order:7;
}

div.affiliate dd.button_amazon,
div.affiliate dd.button_yahoo{
	width:117px;
	padding:5px 2px 0;
	display:inline-block;
}

div.affiliate dd.button_amazon{
	text-align:right;
}

div.affiliate dd.button_yahoo{
	text-align:left;
}

div.affiliate dd.price + dd.button_yahoo,
div.affiliate dd.button_amazon:last-child{
	margin:0 auto;
	text-align:center;
}


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

.affiliate .list li{
	position:relative;
	min-height:16px;
	padding:15px;
	text-align:left;
	border-top:1px solid #a4cfd3;
}

.affiliate .list li img{
	position:absolute;
	left:10px;
	top:16px;
}

.affiliate .list li div{
	margin-left:50px;
}

.affiliate .list li span{
	display:none;
}


/****************************** related ******************************/

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

.related,
.heading_related_title,
.heading_special{
	width:495px;
	height:50px;
	padding-left:95px;
	margin:0px auto 10px -10px;
	font-size:18px;
	font-weight:bold;
	line-height:52px;
	color:#fff;
}

.related{
	background:url(/image/joshibu/bg_joshibu_new_heading_001.png) no-repeat left center;
	text-shadow:
			0px 0px 0px #8472aa,
			0px 1px 0px #8472aa,
			0px -1px 0px #8472aa,
			1px 0px 0px #8472aa,
			1px 1px 0px #8472aa,
			1px -1px 0px #8472aa,
			-1px 0px 0px #8472aa,
			-1px 1px 0px #8472aa,
			-1px -1px 0px #8472aa;
}

.heading_related_title{
	background:url(/image/joshibu/bg_joshibu_new_heading_002.png) no-repeat left center;
	text-shadow:
			0px 0px 0px #6b94d4,
			0px 1px 0px #6b94d4,
			0px -1px 0px #6b94d4,
			1px 0px 0px #6b94d4,
			1px 1px 0px #6b94d4,
			1px -1px 0px #6b94d4,
			-1px 0px 0px #6b94d4,
			-1px 1px 0px #6b94d4,
			-1px -1px 0px #6b94d4;
}

.heading_special{
	background:url(/image/joshibu/bg_joshibu_new_heading_003.png) no-repeat left center;
	text-shadow:
			0px 0px 0px #c88,
			0px 1px 0px #c88,
			0px -1px 0px #c88,
			1px 0px 0px #c88,
			1px 1px 0px #c88,
			1px -1px 0px #c88,
			-1px 0px 0px #c88,
			-1px 1px 0px #c88,
			-1px -1px 0px #c88;
}

.main_contents .maintxt h2.heading_schedule{
	border:none;
}


/******************** news ********************/

.related_news{
	position:relative;
	padding-top:10px;
	margin:0px auto 20px;
	font-size:14px;
	line-height:150%;
}

.related_link li{
	width:560px;
	margin:0 auto 10px;
}

.related_link li:before{
	content:"◆";
	padding-right:5px;
	color:#735ba6;
}

.related_link li a{
	color:#333;
}

.related_link li a:hover{
	color:#b5507b;
}

.related_link li.self a{
	text-decoration:none;
	box-shadow: inset 0px -9px 0 0 rgba(255,255,200,1);
}

.related span{
	display:block;
	position:absolute;
	right:35px;
	top:25px;
	width:7em;
	height:11px;
	padding:4px 6px;
	font-size:11px;
	font-weight:normal;
	line-height:11px;
	text-shadow:none;
	background:rgba(130,190,255,0.5);
	transform:rotate3d(0,0,1,-2deg);
	box-shadow:0px 0px 1px 0px rgba(0,0,0,0.5);
}

.related span a{
	color:#fff;
	text-decoration:none;
}


/******************** title ********************/

.related_title{
	margin:0px auto 20px;
}

.related_title li{
	width:560px;
	margin:0 auto 10px;
}

.related_title li h3{
	font-size:14px;
	line-height:150%;
	font-weight:normal;
}

.related_title li h3:before{
	content:"◆";
	padding-right:5px;
	color:#6791d3;
}

.related_title li h3 img{
	margin-right:5px;
	vertical-align:initial;
}

.related_title li h3 a{
	margin-right:5px;
	color:#333;
}

.related_title li h3 a:hover{
	color:#b5507b;
}

.related_title li span{
	display:none;
}


/******************** bottom ad ********************/

.contents_bottom_pr{
	width:550px;
	margin:0 auto 20px;
}


/******************** special ********************/

.special_news{
	position:relative;
	width:580px;
	height:203px;
	margin:0 auto 20px;
	background:url(/image/joshibu/bg_joshibu_bottom_specials.png) no-repeat center center;
}

.special_news .inner{
	overflow:hidden;
	width:494px;
	height:180px;
	padding:10px 0px 0px 18px;
	margin:0 auto;
	box-sizing:border-box;
}

#SLIDECONTENTS_BASE_1{
	position:relative;
	width:1340px;
	height:170px;

	display:-webkit-flex;
	display:flex;
	-webkit-align-items:center;
	align-items:center;
}

.special_news .V2_article_container,
.special_news .special{
	position:relative;
	overflow:hidden;
	width:140px;
	height:175px;
	margin-right:10px;
	padding:120px 0px 0px;
	box-sizing:border-box;
	-webkit-flex-grow:1;
	border:none;
}

.special_news .V2_article_container > h2,
.special_news .special h3{
	float:none;
	position:relative;
	width:140px;
	height:51px;
	padding:0;
	font-size:11px;
	line-height:17px;
	border:none;
}

.special_news .V2_article_container > h2:before,
.special_news .special h3:before{
	content:" ";
	display:block;
	position:absolute;
	right:0;
	bottom:0;
	width:5em;
	height:17px;
	background:linear-gradient(to right, rgba(231,217,199,0), rgba(231,217,199,1) 60%, rgba(231,217,199,1));
}

.special_news .V2_article_container > h2 a,
.special_news .special h3 a{
	color:#333;
	text-decoration:none;
}

.special_news .article_container .img_right_top,
.special_news .V2_article_container .img_right_top,
.special_news .special img{
	float:none;
	position:absolute;
	top:10px;
	width:140px;
	height:105px;
	border-radius:8px;
	border:none;
	box-shadow:none;
}

.ranking_container .rank,
.ranking_container .score,
.ranking_container article.V2_article_container > p.published_time,
.special_news .V2_article_container .V2_article_tag,
.special_news .V2_article_container > span.timestamp{
	display:none;
}


/********** interface **********/

.special_news .slide_left,
.special_news .slide_right{
	position:absolute;
	cursor:pointer;
	width:30px;
	height:50px;
	top:76px;
}

.special_news .slide_left{
	left:0px;
}

.special_news .slide_right{
	right:0px;
}


/******************** keywords ********************/

.related_keywords,
.related_voice{
	margin:0 auto 20px;
}

.related_keywords .inner,
.related_voice .inner{
	position:relative;
	width:560px;
	padding:10px;
	margin:0 auto;
	box-sizing:border-box;
	border-radius:10px;
}

.related_keywords .inner{
	border:2px solid #a3cddb;
	background:url(/image/joshibu/bg_joshibu_keywords.png) repeat left top;
}

.related_voice .inner{
	border:2px solid #fdb3c4;
	background:url(/image/joshibu/bg_joshibu_voice_actor.png) repeat left top;
}

.related_keywords .inner:after,
.related_voice .inner:after{
	content:" ";
	display:block;
	position:absolute;
	left:10px;
	top:-2px;
	width:8em;
	height:2px;
	font-size:14px;
	line-height:20px;
	background:#f2f2f2;
}

.related_keywords .inner p,
.related_voice .inner p{
	overflow:hidden;
	position:absolute;
	z-index:1;
	left:10px;
	top:-10px;
	width:8em;
	height:20px;
	font-size:14px;
	line-height:20px;
	text-align:center;
}

.related_keywords li,
.related_voice li{
	display:inline-block;
	height:16px;
	padding-left:20px;
	margin:0 5px 0 0;
	font-size:12px;
	line-height:16px;
	background:url(/image/joshibu/icon_joshibu_keywords.png) no-repeat left center;
}

.related_keywords li a,
.related_voice li a{
	color:#333;
}

.related_keywords li a:hover,
.related_voice li a:hover{
	color:#b5507b;
}


/******************** google ********************/

article.container ins{
	display:block !important;
	margin:0 auto !important;
}

article.container > ins{
	margin-bottom:20px !important;
}


/******************** paging ********************/


.paging{
	width:550px;
	height:21px;
	margin:1em auto 1em;
	text-align:center;
}

.paging span{
	line-height:21px;
	margin-right:5px;
	padding:2px 4px 0;
	border:1px solid #2f2f2f;
	background:#2f2f2f;
	color:#f2f2f2;
	font-size:12px;
	text-decoration:none;
}

.paging a{
	line-height:21px;
	margin-right:5px;
	padding:2px 4px 0;
	border:1px solid #b3b3b3;
	background:#f2f2f2;
	font-size:12px;
	text-decoration:none;
	cursor:pointer;
}


/**************************************** admin ****************************************/

#MakerPreview_message_2 .V2_article_container{
	position:relative;
	width:550px;
	height:auto;
	min-height:140px;
	padding:15px 0;
	margin:0 auto;
	border:none;
	box-sizing:content-box;
}

#MakerPreview_message_2 .V2_article_container h2{
	float:left;
	width:345px;
	padding-left:5px;
	padding-bottom:30px;
	font-size:15px;
	line-height:22px;
	text-align:left;
}

#MakerPreview_message_2 .V2_article_container .img_right_top{
	position:static;
	float:right;
	width:170px;
	height:128px;
	margin:0 1px 0 auto;
	vertical-align:middle;
	border:6px solid #fff;
	box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.5);
	border-radius:0;
}

#MakerPreview_message_2 .V2_article_container > h2:before{
	content:none;
}

#MakerPreview_message_2 .V2_article_container > span.timestamp{
	display:block;
	position:absolute;
	left:5px;
	bottom:15px;
	width:auto;
	height:16px;
	margin:0 auto 0 0;
	font-size:10px;
	line-height:16px;
	color:#777;
}

