@charset "utf-8";
/***********************************************************
pc.css
***********************************************************/
body {word-wrap:break-word;overflow-wrap:break-word;}
img { max-width: 100%;}
a > img { vertical-align: bottom;}

.bold{font-weight:bold;}
/* float
**********************************/
.fl { float: left; }
.fr { float: right; }
.clearfix {
	overflow: hidden;
	*zoom: 1;
}
.clearfix:after { clear:both }
/* margin
**********************************/
.mt30 {
	margin-top: 30px !important;
}
.mt60 {
	margin-top: 60px !important;
}
.mb20 {
	margin-bottom: 20px !important;
}
.mb40 {
	margin-bottom: 40px !important;
}
.mb60 {
	margin-bottom: 60px !important;
}
/* pc common
**********************************/
.pc_col {}/* margin 30px*/
.pc_col_l {
	float: left;
	width: 340px;
}
.pc_col_r {
	float: right;
	width: 630px;
}

/* サブメニューのタイトル */
#g_main h2 {
	color:#333333;
	font-size:140%;
	letter-spacing:2px;
	padding-bottom:20px;
	}

/*-----------------------------------
pager-box
------------------------------------*/
.pager-box {
	text-align: center;
	padding: 0 1px 0;
	line-height: 0;
}

/*pager-main*/
.pager-box .pager-main {
	display: inline-block;
	overflow: hidden;
}
.pager-box .pager-main .pager_list {
	float: left;
	overflow: hidden;
}
.pager-box .pager-main .pager_list ul {
	overflow: hidden;
	float: left;
	position: relative;
}
.pager-box .pager-main .pager_list ul li {
	display: block;
	width: 65px;
	float: left;
	margin-right: 9px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	    -ms-box-sizing: border-box;
	     -o-box-sizing: border-box;
	        box-sizing: border-box;
}
.pager-box .pager-main .pager_list ul li:last-child  {
	margin-right: 0;
}
.pager-box .pager-main .pager_list ul li a {
	display: block;
	width: 70px;
	background-color: #c2c2c2;
	text-align: center;
	text-decoration: none;
	line-height: 30px;
	font-size: 12px;
	color: #fff;
	cursor: pointer;
	-webkit-transition: all .25s ease;
	   -moz-transition: all .25s ease;
	    -ms-transition: all .25s ease;
	     -o-transition: all .25s ease;
	        transition: all .25s ease;
}
.pager-box .pager-main .pager_list ul li a:hover {
	background-color: #212527 !important;
}
.pager-box .pager-main .pager_list ul li.current a {
	background-color: #212527;
	cursor:default;
}

/*pager-prev pager-next*/
.pager-box .pager-prev .prev a,
.pager-box .pager-prev .prevAll a,
.pager-box .pager-next .next a,
.pager-box .pager-next .nextAll a {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	-webkit-transition: all .25s ease;
	   -moz-transition: all .25s ease;
	    -ms-transition: all .25s ease;
	     -o-transition: all .25s ease;
	        transition: all .25s ease;
}
.pager-box .pager-prev div[class="prev"] a:hover,
.pager-box .pager-prev div[class="prevAll"] a:hover,
.pager-box .pager-next div[class="next"] a:hover,
.pager-box .pager-next div[class="nextAll"] a:hover {
	-ms-filter: "alpha(opacity=70)";
	opacity: 0.7;
}

/*pager-prev*/
.pager-box .pager-prev {
	overflow: hidden;
	float: left;
	margin-right: 20px;
}
.pager-box .pager-prev .prev {
	float: left;
}
.pager-box .pager-prev .prev a {
	display: block;
	width: 30px;
	height: 30px;
	cursor: pointer;
	background: url(../images/btn_PrevNext.png) no-repeat 14px -40px transparent;
}

.pager-box .pager-prev .prevAll {
	float: left;
	margin-right: 15px;
}
.pager-box .pager-prev .prevAll a {
	display: block;
	width: 31px;
	height: 30px;
	cursor: pointer;
	background: url(../images/btn_PrevNext.png) no-repeat 0 0 transparent;
}

/*pager-next*/
.pager-box .pager-next {
	overflow: hidden;
	float: left;
	margin-left: 20px;
}
.pager-box .pager-next .next {
	float: left;
}
.pager-box .pager-next .next a {
	display: block;
	width: 30px;
	height: 30px;
	cursor: pointer;
	background: url(../images/btn_PrevNext.png) no-repeat 0 -80px transparent;
}
.pager-box .pager-next .nextAll {
	float: left;
	margin-left: 15px;
}
.pager-box .pager-next .nextAll a {
	display: block;
	width: 31px;
	height: 30px;
	cursor: pointer;
	background: url(../images/btn_PrevNext.png) no-repeat 0 -120px transparent;
}
/*passive*/
.pager-box .pager-next .nextAll.passive a,
.pager-box .pager-next .next.passive a,
.pager-box .pager-prev .prev.passive a,
.pager-box .pager-prev .prevAll.passive a {
	opacity: 0.1;
	cursor: inherit;
}
.pager-box .pager-next .nextAll.passive a:hover,
.pager-box .pager-next .next.passive a:hover,
.pager-box .pager-prev .prev.passive a:hover,
.pager-box .pager-prev .prevAll.passive a:hover {
	background-color: inherit !important;
}

/* pc index
**********************************/
.pc_sort {
	display: inline-block;
}
.pc_sortList {
	display: table;
	border: 2px solid #212527;
	border-collapse: collapse;
}
.pc_sortBtn {
	display: table-cell;
	vertical-align: middle;
	font-size: 12px;
	color: #212527;
	background: transparent;
	text-align: center;
	letter-spacing: .2em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.pc_sortBtn a {
	padding: 10px 15px;
	display: block;
	cursor: default;
	text-decoration: none;
	color: #fff;
	-webkit-transition: all .25s ease;
	   -moz-transition: all .25s ease;
	    -ms-transition: all .25s ease;
	     -o-transition: all .25s ease;
	        transition: all .25s ease;
}
.pc_sortBtn:not(.current) a:hover {
	cursor: pointer;
	background: #212527;
	color: #fff;
}
.pc_sortBtn:not(.current) a {
	cursor: pointer;
	color: #212527;
}
.pc_sortBtn.current a {
	color: #fff;
	background: #212527;
}
.pc_sortBtn.sort_date {}
.pc_sortBtn.sort_title {}

.pc_list { visibility:hidden; }
.pc_item {
	display: table;
	width: 490px;
	word-wrap:break-word;
	overflow-wrap:break-word;
	float: left;
}
.pc_item:nth-of-type(2n) {
	margin: 0 0 20px 20px;
}
.pc_item a {
	display: block;
	color: #2e2e2e;
	text-decoration: none;
}
.pc_item a .pc_item_title {
	width: 490px;
	background-color: #212527;
	display:table;
	font-size: 14px;
	padding: 13px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .25s ease;
	   -moz-transition: all .25s ease;
	    -ms-transition: all .25s ease;
	     -o-transition: all .25s ease;
	        transition: all .25s ease;
}
.pc_item a .pc_item_title .pc_item_title_inner {display:table-cell;vertical-align:middle;}
.pc_item a .pc_item_title.tag_new {
	padding: 13px 53px 13px 53px;
}
.pc_item a .pc_item_title p {
	display: inline-block;
	position: relative;
}
.pc_item a .pc_item_title.tag_new p:before {
	content: "New";
	left: -4em;
	line-height:1em;
	top: 0px; bottom:0px; 
	position: absolute;
	background: #f30505;
	padding: 5px 5px;
	color: #fff;
	font-size: 10px;
	height:1em;
	margin:auto 0px;
	letter-spacing: 0.1em;
}
.pc_item a[href]:hover .pc_item_title {
	background-color: #fed101;
	color: #212527;
}
.pc_item a:not([href]):hover img {opacity: 1;}
.pc_item a .pc_item_thum {
	background-color: #efefef;
	display: table-cell;
	table-layout: fixed;
	text-align: center;
	width:220px;
	vertical-align: middle;
	min-height:220px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .25s ease;
	   -moz-transition: all .25s ease;
	    -ms-transition: all .25s ease;
	     -o-transition: all .25s ease;
	        transition: all .25s ease;
}
.pc_item a[href]:hover .pc_item_thum,
.pc_item a[href]:hover .pc_item_infoList {
	background-color: #fee301;
}

.pc_item a .pc_item_thum  img {
	display:block;
	margin:0px auto 0px auto;
	max-width:220px;
	max-height:220px;
}
.pc_item a .pc_item_infoList {
	font-size:14px;
	display: table-cell;
	padding: 15px 20px 15px 20px;
	position: relative;
	table-layout:fixed;
	vertical-align:middle;
	width:270px;
	background-color: #e6e6e6;
	height:230px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .25s ease;
	   -moz-transition: all .25s ease;
	    -ms-transition: all .25s ease;
	     -o-transition: all .25s ease;
	        transition: all .25s ease;
}

.pc_item a .pc_item_info.hd {
	display: inline-block;
	background: #2199ab;
	font-weight:bold;
	padding: 2px 5px;
	color: #fff;
	font-size: 10px;
	margin-right: 10px;
	letter-spacing: 0.1em;
}

.pc_item_info {margin-bottom:10px;}
.pc_item_info:last-child {margin-bottom:0px;}
.pc_item_info dt,
.pc_item_info dd {display:block;}
.pc_item_info dt {font-weight: bold;}


/* alphabet
**********************************/
body.g_pc.alpha ul.pc_sort_alpha {margin:30px 0px 40px 0px;}
ul.pc_sort_alpha li {
	border: 2px solid #666666;
	border-radius: 50%;
	color:#666666;
	display: inline-block;
	font-size: 200%;
	font-weight:bold;
	height: 50px;
	line-height: 1.5em;
	margin: 0px 18px 16px 0px;
	text-align: center;
	transition: all .25s ease;
	width: 50px;
	}
ul.pc_sort_alpha li:nth-of-type(14n) {
	margin:0px 0px 16px 0px;
	}
body.g_pc.alpha ul.pc_sort_alpha li:hover {color:#ffffff; cursor:pointer; background-color:#666666;}
body.g_pc.alpha ul.pc_sort_alpha li.on {color:#ffffff; background-color:#666666;}
body.g_pc.alpha h4.pc_alpha {
	color:#666666;
	font-size:400%;
	font-weight:bold;
	margin-bottom:40px;
	text-align:center;
	}
body.g_pc.alpha .pc_item_alpha a {
	border: 1px solid #212527;
	box-sizing: border-box;
	color: #212527;
	display: block;
	float:left;
	margin:0px 20px 15px 0px;
	position: relative;
	padding: 20px 40px 20px 10px;
	text-decoration: none;
	transition: all .25s ease;
	width:490px;
	}

body.g_pc.alpha .pc_item_alpha a:hover {background-color:#fee301;}
body.g_pc.alpha .pc_item_alpha:nth-of-type(2n) a {margin-right:0px;}

body.g_pc.alpha .pc_item_alpha a:after {
	background: url(../images/g_pt_arrow_s_bk.png);
	bottom: 0px;
	content: '';
	height: 32px;
	position: absolute;
	right: 10px;
	top: 0px;
	margin: auto 0px;
	width: 18px;
	}

body.g_pc.alpha .pc_item_alpha.new a {padding-left: 70px;}
body.g_pc.alpha .pc_item_alpha.new a:before {
	background-color: #e60012;
	bottom: 0px;
	color:#ffffff;
	content: 'NEW';
	display:table;
	left: 10px;
	letter-spacing: 2px;
	padding: 0px 5px;
	position: absolute;
	margin: auto 0px;
	top: 0px;
	}

body.g_pc.alpha .pc_item_alpha a .pc_item_alpha_inner {display:table-cell;vertical-align:middle;}







/* pc post
**********************************/
.pc_sns > .pc_sns_list {
	display: inline-block;
	vertical-align: top;
	margin-right: 10px;
	}
.pc_sns > .pc_sns_list > iframe {margin: 0px !important;}
.fb_iframe_widget > span {vertical-align: baseline !important;}

.pc_thum {
	margin-top: 30px; text-align:center;
}
.pc_thum:first-child {
	margin-top: 0;
}
.pc_thum a {
	display: inline-block;
}
.pc_thum img {vertical-align: bottom;}

.pc_copyright {
	font-size: 10px;
	padding: 10px 0;
}
.pc_title {
	margin-bottom: 20px;
	font-size: 36px;
	color: #3b3b3b;
}
.pc_category { margin-bottom: 25px;}
.pc_category span.category {
	background-color: #ffe500;
	color: #000000;
	font-size:12px;
	padding:5px;
}
.pc_category span.hd {
	background-color:#2199ab;
	color: #ffffff;
	font-size:12px;
	padding:5px;
}
.pc_category span.new {
	background-color: #ff0000;
	color: #ffffff;
	font-size:12px;
	padding:5px;
}
.pc_infoList {
	margin-bottom: 20px;
}
.pc_info {
	line-height: 1.5;
	margin-top: 20px;
}
.pc_info:first-child {
	margin-top:0;
}
.pc_info dt,dd {
	display:table-cell;
}
.pc_info dt {
	color: #3b3b3b;
	font-weight: bold;
	white-space:nowrap;
}
.pc_info dd {}
.pc_info.cast {display:table;}
.pc_info dt.cast {display:table-cell; white-space:nowrap;}
.pc_info dd.cast {
	display:table-cell;
	line-height: 2;
	word-wrap:break-word;
	overflow-wrap:break-word;
}
.pc_info dd.cast a {color: #cf131c;}
.pc_info dd.cast a:hover {text-decoration: none;}

.pc_info.cast {display:table;}
.pc_info dt.staff {display:table-cell; white-space:nowrap;}
.pc_info dd.staff {
	display:table-cell;
	line-height: 2;
	word-wrap:break-word;
	overflow-wrap:break-word;
}
.pc_info dd.staff a {color: #cf131c;}
.pc_info dd.staff a:hover {text-decoration: none;}

.pc_story_summary {
	font-family:"Times New Roman";
	font-size: 24px;
	margin-bottom: 40px;
}
.pc_story_detail {
	margin-bottom: 40px;
}
.pc_story_detail p {
	margin-bottom: 20px;
}
.pc_btnList {
	margin-bottom: 30px;
	letter-spacing: -0.4em;
}
.pc_btn {
	display: inline-block;
	letter-spacing: initial;
	font-size: 14px;
}
.pc_btn a {
	display: block;
	height: 100%;
	text-decoration: none;
	color: #212527;
	border: 2px solid #212527;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	padding: 5px 15px 5px 10px;
	line-height: 28px;
	letter-spacing: .2em;
	-webkit-transition: all .25s ease;
	   -moz-transition: all .25s ease;
	    -ms-transition: all .25s ease;
	     -o-transition: all .25s ease;
	        transition: all .25s ease;
}
.pc_btn a:hover { opacity: 0.5;}
.pc_btn.print a:before {
	content: "";
	display: inline-block;
	width: 28px;
	height: 23px;
	margin-right: 15px;
	vertical-align: middle;
	background: url(../images/ico_print.png) no-repeat 0 0;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-ms-background-size: contain;
	background-size: contain;
}
.pc_btn.official a:before {
	content: "";
	display: inline-block;
	width: 22px;
	height: 19px;
	margin-right: 15px;
	vertical-align: middle;
	background: url(../images/ico_deskpc.png) no-repeat 0 0;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-ms-background-size: contain;
	background-size: contain;
}
.pc_btn.contact a:before {
	content: "";
	display: inline-block;
	width: 22px;
	height: 15px;
	margin-right: 15px;
	vertical-align: middle;
	background: url(../images/ico_mail.png) no-repeat 0 0;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-ms-background-size: contain;
	background-size: contain;
}
.pc_btn:nth-child(2) {
	margin-left: 20px;
}


/* douga
**********************************************************/
/*プレイヤーサイズの指定*/
.video-js{
width: 340px;
height: 254px;
}
/*Bcエラーは非表示*/
.vjs-error-display{
display: none!important;
}
/*再生完了時の上部幕を外す*/
.video-js .vjs-endscreen-overlay-content{
display: none!important;
}
/*再生完了時のリプレイボタンの位置修正*/
.video-js .vjs-endscreen-overlay-buttons {
position: relative;
top:42%;
}