/* =================================
	top CSS
================================= */

/*	header
============================== */

/*	poster
============================== */
div.header {
	overflow:hidden;
}
@media all and (min-width: 768px) {
div.header {
	position:relative;
	background-color:#f8f8f8;
	padding:30px 0;
	overflow:hidden;
}
div.header header {
	margin:0 auto;
}
}
@media all and (max-width: 767px) {
div.header header {
	background-color:#eef0f2;
}
}

@media all and (min-width: 768px) {
div.poster-triangle {
	position:absolute;
}
div.poster-hu {
	z-index:1;
	left:0;top:0;
}
div.poster-hs {
	z-index:2;
	left:0;bottom:0;
}
div.poster-ms {
	z-index:1;
	right:0;bottom:0;
}
div.poster-mu {
	z-index:2;
	right:0;top:0;
}
div.poster-triangle span {
	background-size:cover;
	background-repeat:no-repeat;
}
div.poster-hu span.lazy-done {
	background-image:url(../img/poster_hu.png);
	-webkit-animation: slideInLeft 700ms;
	animation: slideInLeft 700ms;
}
div.poster-hs span.lazy-done {
	background-image:url(../img/poster_hs.png);
	-webkit-animation: slideInUp 700ms;
	animation: slideInUp 700ms;
}
div.poster-ms span.lazy-done {
	background-image:url(../img/poster_ms.png);
	-webkit-animation: slideInRight 700ms;
	animation: slideInRight 700ms;
}
div.poster-mu  span.lazy-done {
	background-image:url(../img/poster_mu.png);
	-webkit-animation: slideInDown 700ms;
	animation: slideInDown 700ms;
}
div.poster-triangle span, div.poster-triangle span img {
	display:block;
}
div.poster-triangle {
	width:36.5%;
}
div.poster-triangle span {
	position:relative;
	height:0;
	padding-top:100%;
}
div.poster-triangle span img {
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
}
@media all and (max-width: 767px) {
div.poster-triangle {
	display:none;
}
}






div.header header > div ul li {
	overflow:hidden;
	position:absolute;
}
div.header header > div ul li span,
div.header header > div ul li span img {
	display:block;
}
div.header header > div ul li span {
	position:relative;
	height:0;
	background-repeat:no-repeat;
	background-size:cover;
}
div.header header > div ul li span img {
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}

div.header header > div ul li.pfix,
div.header header > div ul li.pweb,
div.header header > div ul li.pcopy {
	left:0;
	top:0;
}
div.header header > div ul li.pfix span,
div.header header > div ul li.pweb span {padding-top:70.7142857142857%;}
div.header header > div ul li.pfix,
div.header header > div ul li.pweb {
	width:100%;
}
div.header header > div ul {
}
div.header header > div ul li.pfix {
	z-index:6;
}
div.header header > div ul li.pweb {
	z-index:5;
}
div.header header > div ul li.pmaruc,
div.header header > div ul li.plogo,
div.header header > div ul li.pdate,
div.header header > div ul li.pcopy {
	z-index:7;
}

div.header header > div ul li.pmaruc,
div.header header > div ul li.pdate {
	bottom:0;
}
div.header header > div ul li.pweb {
	-webkit-animation: fadeIn 2000ms;
	animation: fadeIn 2000ms;
}
div.header header > div ul li.pfix {
	-webkit-animation: fadeIn 3000ms;
	animation: fadeIn 3000ms;
}
div.header header > div ul li.pcopy {
	-webkit-animation: slideInDown 750ms;
	animation: slideInDown 750ms;
}
div.header header > div ul li.pdate {
	left:0;
	-webkit-animation: fadeIn 2000ms;
	animation: fadeIn 2000ms;
}
div.header header > div ul li.pmaruc {
	right:0;
	-webkit-animation: fadeIn 750ms;
	animation: fadeIn 750ms;
}
div.header header > div ul li.plogo {
	left:28.979591836734694%;
	top:36.363636363636364%;
	-webkit-animation: fadeIn 2000ms;
	animation: fadeIn 2000ms;
}
div.header header > div ul li.pmaruc span {padding-top:13.888888888888888%;}
div.header header > div ul li.pdate span {padding-top:13.1147540983607%;}
div.header header > div ul li.plogo span {padding-top:65.7894736842105%;}
div.header header > div ul li.pcopy span {padding-top:9.1836734693878%;}

div.header header > div ul li.pcopy {
	width:100%;
}
div.header header > div ul li.pdate {
	width:62.244897959183673%;
}
div.header header > div ul li.plogo {
	width:38.775510204081633%;
}
div.header header > div ul li.pmaruc {
	width:36.73469387755102%;
}

@media all and (min-width: 768px) {

div.header header > div {
	position:relative;
	z-index:4;
}

div.header header > div ul li.pfix {
	-webkit-box-shadow:0 0 12px 0 hsla(0,0%,0%,0.25);
	box-shadow:0 0 12px 0 hsla(0,0%,0%,0.25);
}

div.header header,
div.header header > div,
div.header header > div ul {
	width:980px;
	height:693px;
}
div.header header {
	margin:0 auto;
}
div.header header > div ul {
	position:relative;
}
}
@media all and (max-width: 767px) {
div.header header > div {
	position:relative;
	height:0;
	padding-top:70.7142857142857%;
}
div.header header > div ul {
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
}


/*	carousel
============================== */
.crsl-topics {
	text-align:left;
	background-color:hsla(0,0%,82%,0.5);
}
.crsl-topics,
.crsl-topics .outer {
	position:relative;
}
.crsl-topics .outer {
	overflow:hidden;
	-webkit-transform: translateZ(0);
	height:220px;
}
.crsl-topics h2 {
	background-image:url(../img/idx_topics_h2.png);
	position:absolute;
	left:0;
	top:0;
	z-index:2;
}
.crsl-topics:before {
	content:"";
	display:block;
	background-image:url(../img/idx_topics_ms.png);
	position:absolute;
	right:0;
	bottom:0;
	z-index:3;
}
.crsl-topics .outer ul {
	position:absolute;
	list-style-type:none;
	display:table;
	/* width:100%; */
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.crsl-topics .outer ul.inner li {
	display:table-cell;
}
.crsl-topics .outer ul.inner li,
.crsl-topics .outer ul.inner li a {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.crsl-topics ul li a,
.crsl-topics ul li a span,
.crsl-topics ul li a span img {
	display:block;
}
.crsl-topics .outer ul.inner li a {
	text-decoration:none;
	background-color:#fff;
	//
	-webkit-transition-duration: 0.5s;
	-webkit-transition-timing-function:ease-in-out;
	transition-duration: 0.5s;
	transition-timing-function:ease-in-out;
	transition-property:opacity;
	opacity:0.5;
}
.crsl-topics .outer ul.inner li.outstanding a {
	opacity:1;
}
/*
.crsl-topics .outer ul.inner li.outstanding a {
}
.crsl-topics .outer ul.inner li a dl dt,
.crsl-topics .outer ul.inner li a dl dd span.txt {
	visibility:hidden;
}
.crsl-topics .outer ul.inner li.outstanding a dl dt,
.crsl-topics .outer ul.inner li.outstanding a dl dd span.txt {
	visibility:visible;
	-webkit-animation: fadeIn 1000ms;
	animation: fadeIn 1000ms;
}
*/
.crsl-topics .outer ul.inner li a dl dd span.thumb {
	background-size:contain;
	background-position:center center;
	background-repeat:no-repeat;
}
/*
.crsl-topics .outer ul.inner li a dl dd span.thumb img {
	background-color:#000;
	opacity:0.5;
}
.crsl-topics .outer ul.inner li.outstanding a dl dd span.thumb img {
	background-color:transparent;
	opacity:0;
}
.crsl-topics .outer ul.inner li.outstanding a dl dd span.thumb {
	position:relative;
}
*/
.crsl-topics .outer ul.inner li a dl dt {
	color:#fff;
	background-color:#cc1419;
	font-family:'Fjalla One', 'sans serif';
	font-weight:normal;
	line-height:1.25;
	position:relative;
	padding:0.25em;
}
.crsl-topics .outer ul.inner li a dl dd {
}
.crsl-topics .outer ul.inner li a dl dt:before,
.crsl-topics .outer ul.inner li a dl dt span {
	display:block;
}
.crsl-topics .outer ul.inner li a dl dt:before {
}
.crsl-topics .outer ul.inner li a dl dt span {
	position:absolute;
	right:0.25em;
	top:50%;
	margin-top:-0.625em;
	font-size:83%;
}
/* */
.crsl-topics .outer ul.inner li.tp-news a dl dt:before {content:"NEWS";}
.crsl-topics .outer ul.inner li.tp-report a dl dt:before {content:"REPORT";}
.crsl-topics .outer ul.inner li.tp-interview a dl dt:before {content:"INTERVIEW";}
.crsl-topics .outer ul.inner li.tp-story a dl dt:before {content:"STORY";}
.crsl-topics .outer ul.inner li.tp-trailer a dl dt:before {content:"TRAILER";}
.crsl-topics .outer ul.inner li.tp-video a dl dt:before {content:"VIDEO";}
/* */
.crsl-topics .outer ul li a dl dd span.txt {
	line-height:1.5;
	color:#333;
}
@media all and (min-width: 768px) {
.crsl-topics {
	padding:20px 0;
}
.crsl-topics h2 {
	width:230px;
	height:230px;
}
.crsl-topics .outer ul.inner li {
	padding-right:15px;
}
.crsl-topics ul li a,
.crsl-topics ul li a span.thumb,
.crsl-topics ul li a span.thumb img {
	width:230px;
}
.crsl-topics ul li a span.thumb,
.crsl-topics ul li a span.thumb img {
	height:153px;
}
.crsl-topics .outer ul li a dl dd span.txt {
	padding:0.75em;
	font-size:87.5%;
}
.crsl-topics:before {
	width:170px;
	height:170px;
}
}
@media all and (max-width: 767px) {
.crsl-topics {
	padding:15px 0;
}
.crsl-topics h2 {
	width:115px;
	height:115px;
	background-position:right top;
	background-size:130px 130px;
}
.crsl-topics .outer ul.inner li {
	padding-right:6px;
}
.crsl-topics ul li a,
.crsl-topics ul li a span.thumb,
.crsl-topics ul li a span.thumb img {
	width:140px;
}
.crsl-topics ul li a span.thumb,
.crsl-topics ul li a span.thumb img {
	height:93px;
}
.crsl-topics .outer ul li a dl dd span.txt {
	padding:0.5em;
	font-size:83%;
}
.crsl-topics:before {
	width:90px;
	height:90px;
	background-size:cover;
}
}


/*	arrow
============================== */
@media all and (min-width: 768px) {
.crsl-topics ul.ctrl-arrow {
	width:100%;
}
.crsl-topics ul.ctrl-arrow li {
	position:absolute;
	bottom:20px;
}
.crsl-topics ul.ctrl-arrow li.ctrl-lef {
	left:50%;
	margin-left:-170px;
}
.crsl-topics ul.ctrl-arrow li.ctrl-rig {
	right:50%;
	margin-right:-170px;
}
.crsl-topics ul.ctrl-arrow li a {
	position:relative;
	display:block;
	background-image:url(../img/arrow_carousel.svg);
	background-repeat:no-repeat;
	background-size:160px 40px;
	width:40px;
	height:40px;
	background-color:#c3191e;
	text-indent:110%;white-space:nowrap;overflow:hidden;
}
.crsl-topics ul.ctrl-arrow li.ctrl-lef a {
	background-position:left top;
}
.crsl-topics ul.ctrl-arrow li.ctrl-rig a {
	background-position:-40px 0;
}
.crsl-topics ul.ctrl-arrow li.ctrl-lef a:hover {
	background-position:-80px 0;
}
.crsl-topics ul.ctrl-arrow li.ctrl-rig a:hover {
	background-position:-120px 0;
}
}
@media all and (max-width: 767px) {
.crsl-topics ul.ctrl-arrow {
	display:none;
}
}



/*	unit
============================== */
.unit {
	text-align:left;
}
@media all and (min-width: 768px) {
.unit {
	width:980px;
	margin:0 auto;
	padding:20px 0;
}
}
@media all and (max-width: 767px) {
}

/*	over
============================== */
@media all and (min-width: 768px) {
div.over {
	padding-top:30px;
}
}
@media all and (max-width: 767px) {
div.over {
	padding-top:10px;
}
}

/*	wnew
============================== */

div.wnew {
	position:relative;
	text-align:left;
	background-image:url(../img/cmn_bg_dred.jpg);
	background-repeat:repeat;
	background-position:left top;
}
div.wnew section {
	background-image:url(../img/idx_wnew_bg.jpg);
	background-repeat:no-repeat;
}
div.wnew section h2 {
	background-repeat:no-repeat;
	text-indent:110%;white-space:nowrap;overflow:hidden;
}
div.wnew section nav ul {
	list-style-type:none;
	overflow:hidden;
}
div.wnew section ul li a {
	display:block;
	text-decoration:none;
	line-height:1.5;
	color:#333;
}
div.wnew section ul li a dl dt span {
	background-image: -webkit-gradient(linear, center top, center bottom, from(transparent), color-stop(0.5, transparent), color-stop(0.5, hsla(6,100%,80%,0.25)), to(hsla(6,100%,80%,0.25)));
	background-image: linear-gradient(transparent 50%, hsla(6,100%,80%,0.25) 50%);
}
@media all and (min-width: 768px) {
div.wnew {
	width:980px;
	margin:0 auto;
}
div.wnew section {
	-webkit-box-shadow:0 0 20px 0 hsla(0,0%,0%,0.25) inset;
	box-shadow:0 0 20px 0 hsla(0,0%,0%,0.25) inset;
	background-position:-116px 0;
}
div.wnew section h2, div.wnew section p.btn {
	position:absolute;
	top:0;
}
div.wnew section h2 {
	background-image:url(../img/idx_wnew_h2_pc.png);
	width:210px;
	height:50px;
	left:0;
}
div.wnew section nav {
	padding:2px 60px 2px 210px;
}
div.wnew section nav ul {
	height:46px;
	background-color:#fff;
}
div.wnew section nav ul li:first-child {
	-webkit-transition-duration:300ms;
	-webkit-transition-timing-function:ease-in-out;
	-webkit-transition-property:margin-top;
	transition-duration:300ms;
	transition-timing-function:ease-in-out;
	transition-property:margin-top;
}
div.wnew section nav ul li a {
	padding:0 1.5em;
}
div.wnew section nav ul li a dl dt, div.wnew section nav ul li a dl dd {
	height:46px;
	line-height:46px;
}
div.wnew section nav ul li a dl dt {
	float:left;
	width:5.5em;
}
div.wnew section nav ul li a dl dd {
	padding-left:7.5em;
}
div.wnew section p.btn {
	right:0;
}
div.wnew section p.btn a {
	display:block;
	width:60px;
	height:50px;
	background-image:url(../img/idx_wnew_arrow_pc.svg?0);
	background-repeat:no-repeat;
	background-position:left top;
	background-size:60px 100px;
	text-indent:110%;white-space:nowrap;overflow:hidden;
}
div.wnew section p.wnew-close a {
	background-position:center bottom;
}
}
@media all and (max-width: 767px) {
div.wnew {
	margin:0 10px 10px;
	background-size:50px 50px;
}
div.wnew section {
	-webkit-box-shadow:0 0 10px 0 hsla(0,0%,0%,0.25) inset;
	box-shadow:0 0 10px 0 hsla(0,0%,0%,0.25) inset;
	background-position:left top;
	background-size:130px 130px;
}
div.wnew section h2 {
	background-image:url(../img/idx_wnew_h2_smp.png?1);
	height:32px;
	background-size:185px 32px;
	cursor:pointer;
}
div.wnew section ul.wnew-ul {
	-webkit-transition-duration:300ms;
	-webkit-transition-timing-function:ease-in-out;
	-webkit-transition-property:height;
	transition-duration:300ms;
	transition-timing-function:ease-in-out;
	transition-property:height;
}
div.wnew section ul li a {
	font-size:83%;
	padding:5px 12px;
}
div.wnew section nav ul li:nth-child(odd) a {
	background-color:hsla(0,0%,100%,1);
}
div.wnew section nav ul li:nth-child(even) a {
	background-color:hsla(0,0%,100%,0.95);
}
div.wnew section nav ul li:not(:last-child) {
	/* border-bottom:1px solid #ccc; */
}
div.wnew section h2::after {
	content:"";
	display:block;
	position:absolute;
	top:0;
	right:0;
	width:32px;
	height:32px;
	background-color:hsla(0,0%,0%,0.25);
	background-image:url(../img/idx_wnew_arrow_smp.svg);
	background-size:62px 64px;
}
div.wnew section h2::after {
	content:"";
	display:block;
	position:absolute;
	top:0;
	right:0;
	width:62px;
	height:32px;
	background-color:hsla(0,0%,0%,0.25);
	background-image:url(../img/idx_wnew_arrow_smp.svg);
	background-size:62px 64px;
}
div.wnew h2.wnew-open::after {
	background-position:left bottom;
}
div.wnew h2.wnew-close::after {
	background-position:left top;
}
}

/*	SNS share
============================== */

div.sns-share {
	text-align:left;
}
div.sns-share > div {
	width:50%;
}
div.sns-share div.sns-lef {
	float:left;
}
div.sns-share div.sns-rig {
	float:right;
}
div.sns-share > div dl {
	background-color:hsla(0,0%,100%,0.5);
}
div.sns-share > div dl dt {
	position:relative;
	text-align:center;
	font-weight:bold;
	color:#fff;
	height:27px;
}
div.sns-share div.sns-lef dl dt {
	background-color:#b81014;
}
div.sns-share div.sns-rig dl dt {
	background-color:#7b7b7b;
	font-size:87.5%;
}
div.sns-share > div dl dt > span {
	display:block;
	line-height:1.25;
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-0.625em;
}
div.sns-share > div dl dt:before {
	content:"";
	display:block;
	width:24px;
	height:16px;
	background-image:url(../img/sns_icons.png);
	background-repeat:no-repeat;
	background-size:24px 32px;
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-8px;
}
div.sns-share div.sns-lef dl dt > span {
	margin-left:-2.25em;
}
div.sns-share div.sns-lef dl dt:before {
	margin-left:-4.25em;
	background-position:left top;
}
div.sns-share div.sns-rig dl dt:before {
	background-position:left bottom;
}
div.sns-share div.sns-lef p {
	line-height:1.25;
	text-align:center;
}
div.sns-share > div dl dd ul {
	margin:0 auto 6px;
}
div.sns-share > div dl dd ul li {
	float:left;
}
div.sns-share > div dl dd ul li a {
	display:block;
	background-image:url(../img/sns_logos.svg);
	background-repeat:no-repeat;
	text-indent:110%;white-space:nowrap;overflow:hidden;
	border-radius:12px;
}
div.sns-share > div dl dd ul li.tw a {
	background-color:#55acee;
}
div.sns-share > div dl dd ul li.ln a {
	background-color:#00c300;
}



div.sns-share div.sns-lef dl dd ul {
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
}

@media all and (min-width: 768px) {
div.sns-share > div dl {
	height:131px;
}
div.sns-share div.sns-lef dl {
	margin-right:2px;
}
div.sns-share div.sns-rig dl {
	margin-left:2px;
}
div.sns-share > div dl dd {
	padding-top:12px;
}
div.sns-share > div dl dd {
	padding-top:12px;
}
div.sns-share > div dl dd ul {
	width:156px;
}
div.sns-share > div dl dd ul li {
	width:72px;
}
div.sns-share > div dl dd ul li:first-child {
	margin-right:12px;
}
div.sns-share > div dl dd ul li a {
	background-size:72px 144px;
	width:72px;
	height:66px;
}
div.sns-share > div dl dd ul li.tw a {
	background-position:0 -3px;
}
div.sns-share > div dl dd ul li.ln a {
	background-position:0 -75px;
}
}
@media all and (max-width: 767px) {
div.sns-share div.sns-lef dl {
	margin-right:2px;
}
div.sns-share div.sns-rig dl {
	margin-left:2px;
	height:100%;
}
div.sns-share > div dl dd {
	padding:7px 0;
}
div.sns-share {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
div.sns-share > div dl dd ul {
	width:134px;
}
div.sns-share > div dl dd ul li {
	width:64px;
}
div.sns-share > div dl dd ul li:first-child {
	margin-right:6px;
}
div.sns-share > div dl dd ul li a {
	background-size:64px 128px;
	width:64px;
	height:64px;
}
div.sns-share > div dl dd ul li.tw a {
	background-position:left top;
}
div.sns-share > div dl dd ul li.ln a {
	background-position:0 -64px;
}
}
@media all and (min-width: 480px) {
div.sns-share div.sns-rig dl dt > span {
	margin-left:-4.5em;
}
div.sns-share div.sns-rig dl dt:before {
	margin-left:-6.5em;
}
div.sns-share div.sns-lef p {
	font-size:75%;
}
}
@media all and (max-width: 479px) {
div.sns-share div.sns-rig dl dt > span span {
	display:none;
}
div.sns-share div.sns-rig dl dt > span {
	margin-left:-1.5em;
}
div.sns-share div.sns-rig dl dt:before {
	margin-left:-3.5em;
}
div.sns-share div.sns-lef p {
	font-size:62.5%;
}
}

/*	storail
============================== */

@media all and (min-width: 768px) {
div.storail-rig, div.storail-lef {
	width:484px;
}
div.storail-rig {
	float:right;
}
div.storail-lef {
	float:left;
}
}

/*	trailer
============================== */

section.trailer {
	background-color:hsla(0,0%,100%,0.5);
}
section.trailer h2 {
	text-indent:110%;white-space:nowrap;overflow:hidden;
	background-repeat:no-repeat;
}
section.trailer div.tbs-player {
	background-color:#000;
}
section.trailer div.player span,
section.trailer div.player span img {
	display:block;
}
@media all and (min-width: 768px) {
section.trailer {
	height:323px;
}
section.trailer h2 {
	background-image:url(../img/idx_trailer_h2_pc.png);
	height:52px;
}
section.trailer div.player {
	padding-left:12px;
}
section.trailer iframe, section.trailer div.tbs-player {
	width:460px;
	height:259px;
}
section.trailer iframe, section.trailer div.player span,
section.trailer iframe, section.trailer div.player span img {
	width:460px;
	height:259px;
}
}
@media all and (max-width: 767px) {
section.trailer h2 {
	background-image:url(../img/idx_trailer_h2_smp.png?1);
	background-size:200px 37px;
	height:37px;
}
section.trailer div.player {
	padding:0 10px 10px;
}
section.trailer div.player-inner,
section.trailer div.player span {
	position:relative;
	height:0;
	padding-top:56.25%;
}
section.trailer div.player span img,
section.trailer iframe,
section.trailer div.tbs-player {
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
section.trailer {
	display:none;
}
}



/*	lazy-done shadow
============================== */
p.mstory a span.lazy-done,
div.menu-ci ul li a span.lazy-done,
li.mpresent span a.lazy-done, li.minterview span a.lazy-done, li.mdownload span a.lazy-done,
li.mcolumn span a.lazy-done, li.mparavi span a.lazy-done, li.mtbefree span a.lazy-done {
	-webkit-animation: fadeIn 700ms;
	animation: fadeIn 700ms;
}
li.mgallery span a.lazy-done,
li.mgoods span a.lazy-done,
li.mcalpush div button.lazy-done, li.mbluray span a.lazy-done {
	-webkit-animation: flipInX 700ms;
	animation: flipInX 700ms;
}
@media all and (min-width: 768px) {
p.mstory a span.lazy-done,
div.menu-ci ul li a span.lazy-done,
li.mpresent span a.lazy-done, li.mgallery span a.lazy-done, li.minterview span a.lazy-done,
li.mcolumn span a.lazy-done, li.mcalpush div button.lazy-done, li.mparavi span a.lazy-done, li.mtbefree span a.lazy-done, li.mgoods span a.lazy-done, li.mbluray span a.lazy-done,
div.bn-pres span a.lazy-done {
	-webkit-box-shadow:0 0 12px 0 hsla(0,0%,0%,0.25);
	box-shadow:0 0 12px 0 hsla(0,0%,0%,0.25);
}
}
@media all and (max-width: 767px) {
p.mstory a span.lazy-done,
div.menu-ci ul li a span.lazy-done,
li.mpresent span a.lazy-done, li.mgallery span a.lazy-done, li.minterview span a.lazy-done,
li.mcolumn span a.lazy-done, li.mcalpush div button.lazy-done, li.mparavi span a.lazy-done, li.mtbefree span a.lazy-done, li.mgoods span a.lazy-done, li.mbluray span a.lazy-done,,
div.bn-pres span a.lazy-done {
	-webkit-box-shadow:0 0 6px 0 hsla(0,0%,0%,0.25);
	box-shadow:0 0 6px 0 hsla(0,0%,0%,0.25);
}
}




/*	story
============================== */

p.mstory a, p.mstory a span, p.mstory a span img {
	display:block;
}
p.mstory a span {
	background-repeat:no-repeat;
	background-position:center center;
}
@media all and (min-width: 768px) {
p.mstory {
	margin-bottom:12px;
}
p.mstory a span img {
	height:180px;
}
}
@media all and (max-width: 767px) {
p.mstory {
	padding:0 10px 10px;
	background-color:hsla(0,0%,100%,0.5);
}
p.mstory a span {
	position:relative;
	height:0;
	padding-top:37.1900826446281%;
	background-size:cover;
}
p.mstory a span img {
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
}


/*	menu-basic
============================== */
div.menu-bs ul {
	list-style-type:none;
}
div.menu-bs ul li {
	float:left;
}
div.menu-ci ul li.mchart,
div.menu-bs ul li.mnews {
	position:relative;
}
div.menu-ci ul li.mchart time,
div.menu-bs ul li.mnews time {
	display:block;
	text-align:center;
	color:#fff;
	font-family:'Fjalla One', 'sans serif';
	font-weight:normal;
	line-height:22px;
	position:absolute;
	background-image:url(../img/idx_icon_news.png);
	width:70px;
	height:32px;
	z-index:10;
}
div.menu-bs ul li a, div.menu-bs ul li span {
	display:block;
}
div.menu-bs ul li.mabout span a {
	background-position:center top;
}
div.menu-bs ul li.mcast span a {
	background-position:right top;
}
div.menu-bs ul li.mstaff span a {
	background-position:left bottom;
}
div.menu-bs ul li.mbbs span a {
	background-position:center bottom;
}
div.menu-bs ul li:not(.msoon) span a {
	position:relative;
	-webkit-box-shadow:0 1px 4px hsla(0, 0%, 0%, 0.5), 0 0 40px hsla(0, 0%, 0%, 0.1) inset;
	box-shadow:0 1px 4px hsla(0, 0%, 0%, 0.5), 0 0 40px hsla(0, 0%, 0%, 0.1) inset;
}
div.menu-bs ul li:not(.msoon) span a:before,
div.menu-bs ul li:not(.msoon) span a:after {
	content:"";
	position:absolute;
	z-index:-1;
	-webkit-box-shadow:0 0 20px hsla(0,0%,0%,0.8);
	box-shadow:0 0 20px hsla(0,0%,0%,0.8);
	top:50%;
	bottom:0;
	left:10px;
	right:10px;
	border-radius:100px / 10px;
}
div.menu-bs ul li:not(.msoon) span a:after {
	right:10px;
	left:auto;
	-webkit-transform:skew(8deg) rotate(3deg);
	transform:skew(8deg) rotate(3deg);
}
div.menu-bs ul li span a span {
	text-indent:110%;white-space:nowrap;overflow:hidden;
}
@media all and (min-width: 768px) {
div.menu-ci ul li.mchart time,
div.menu-bs ul li.mnews time {
	right:-2px;
	top:-13px;
}
div.menu-bs ul li {
	width:192px;
}
div.menu-bs ul li:not(.mbbs) {
	margin-right:5px;
}
div.menu-bs ul li span a {
	background-image:url(../img/idx_menu5.png);
}
div.menu-bs ul li span a span {
	height:110px;
}
div.menu-bs ul li.msoon {
	display:none;
}
}
@media all and (min-width: 591px) and (max-width: 767px) {
div.menu-bs ul li {
	width:33.3333333333%;
	margin-bottom:6px;
}
div.menu-bs ul li:nth-child(3n) > span {
	padding-left:4px;
}
div.menu-bs ul li:nth-child(3n-1) > span {
	padding-right:2px;
	padding-left:2px;
}
div.menu-bs ul li:nth-child(3n-2) > span {
	padding-right:4px;
}
}
@media all and (max-width: 590px) {
div.menu-bs ul li {
	width:50%;
	margin-bottom:10px;
}
div.menu-bs ul li:nth-child(odd) > span {
	padding-right:5px;
}
div.menu-bs ul li:nth-child(even) > span {
	padding-left:5px;
}
div.menu-bs ul li.mbbs {
}
}
@media all and (max-width: 767px) {
div.menu-bs {
	padding:20px 10px 0;
}
div.menu-ci ul li.mchart time,
div.menu-bs ul li.mnews time {
	right:0;
	top:-15px;
}
div.menu-bs ul li:not(.msoon) span a {
	background-image:url(../img/idx_menu5_smp.png);
	background-size:300% 200%;
}
div.menu-bs ul li.msoon span a {
	background-image:url(../img/idx_menu5_bbs3.png);
	background-position:center center;
	background-size:cover;
}
div.menu-bs ul li span a {
	position:relative;
	height:0;
	padding-top:43.75%;
}
div.menu-bs ul li span a span {
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
}


/*	menu-chart
============================== */

div.menu-ci ul li a, div.menu-ci ul li a span, div.menu-ci ul li a span img {
	display:block;
}
div.menu-ci ul li a span.lazy-done img {
	-webkit-box-shadow:0 0 0 4px hsla(0,0%,100%,0.4) inset;
	box-shadow:0 0 0 4px hsla(0,0%,100%,0.4) inset;
}
@media all and (min-width: 768px) {
div.menu-ci ul li, div.menu-ci ul li a span img {
	width:484px;
}
div.menu-ci ul li {
	float:left;
}
div.menu-ci ul li a span img {
	height:180px;
}
div.menu-ci ul li:first-child {
	margin-right:12px;
}
}
@media all and (max-width: 767px) {
div.menu-ci {
	padding:10px;
}
div.menu-ci ul li:first-child {
	margin-bottom:10px;
}
div.menu-ci ul li a span {
	position:relative;
	height:0;
	padding-top:37.1900826446281%;
	background-size:cover;
}
div.menu-ci ul li a span img {
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
}


/*	menu-sp
============================== */

div.menu-sp {
	text-align:left;
	background-color:hsla(0,0%,100%,0.5);
}
div.menu-sp ul li a, div.menu-sp ul li span, div.menu-sp ul li img {
	display:block;
}
div.menu-sp ul li.mrepo > span > a {
	position:relative;
	text-decoration:none;
}
div.menu-sp ul li.mrepo > span > a >span {
	visibility:hidden;
}
div.menu-sp ul li.mrepo > span > a.lazy-done >span {
	visibility:visible;
}
div.menu-sp ul li.mrepo > span > a > span > span.thumb {
	background-size:cover;
}
div.menu-sp ul li.mrepo > span > a > span > span.rpdate {
	position: absolute;
	line-height:1.25;
	font-family:'Fjalla One', 'sans serif';
	font-weight:normal;
	color:#000;
}
div.menu-sp ul li.mrepo > span > a > span:before,
div.menu-sp ul li.mrepo > span > a > span:after {
	content:"";
	display:block;
	position: absolute;
	background-repeat:no-repeat;
	background-position:center center;
	z-index:5;
}
div.menu-sp ul li.mrepo > span > a > span:before {
	background-image:url(../img/idx_btn_report_tape.png);
}
div.menu-sp ul li.mrepo > span > a > span:after {
	background-image:url(../img/idx_btn_report_pen.png);
}
div.menu-sp ul li.mrepo > span > a.lazy-done {
	-webkit-animation: flipInX 700ms;
	animation: flipInX 700ms;
}
div.menu-sp ul li.mrepo > span > a.lazy-done > span:after {
	-webkit-animation: fadeInLeft 1000ms;
	animation: fadeInLeft 1000ms;
}
div.menu-sp ul li.mpresent a.lazy-done img,
div.menu-sp ul li.minterview a.lazy-done img {
	-webkit-box-shadow:0 0 0 4px hsla(0,0%,100%,0.4) inset;
	box-shadow:0 0 0 4px hsla(0,0%,100%,0.4) inset;
}

div.menu-sp ul li.mcalpush div.calpush button {
	border-radius:12px;
}

@media all and (min-width: 768px) {
div.menu-sp {
	padding:30px 0 18px;
}
div.menu-sp ul {
	width:980px;
	margin:0 auto;
}
div.menu-sp ul li {
	float:left;
	margin-bottom:12px;
}
div.menu-sp ul li.minterview {
	float:right;
}
div.menu-sp ul li.mcmn {
	width:484px;
}
div.menu-sp ul li.mhalf {
	width:236px;
}
div.menu-sp ul li.mrepo,
div.menu-sp ul li.mcolumn,
div.menu-sp ul li.mbluray,
div.menu-sp ul li.mgallery,
div.menu-sp ul li.mcalpush {
	margin-right:12px;
}
div.menu-sp ul li.mrepo > span > a {
	width:484px;
	height:180px;
}
div.menu-sp ul li.mhalf > span > a,
div.menu-sp ul li.mhalf > span > a img {
	width:236px;
	height:180px;
}
div.menu-sp ul li.mrepo > span > a > span > span.thumb {
	position:absolute;
	left:237px;
	top:12px;
}
div.menu-sp ul li.mrepo > span > a > span > span.thumb,
div.menu-sp ul li.mrepo > span > a > span > span.thumb img {
	width:235px;
	height:156px;
}
div.menu-sp ul li.mrepo > span > a > span > span.rpdate {
	left:20px;
	bottom:26px;
	font-size:150%;
}
div.menu-sp ul li.mrepo > span > a > span:before {
	width:25px;
	height:41px;
	left:343px;
	top:-16px;
}
div.menu-sp ul li.mrepo > span > a > span:after {
	width:44px;
	height:66px;
	left:198px;
	top:33px;
}
div.menu-sp ul li.mcmn > span > a > img {
	width:484px;
	height:180px;
}
div.menu-sp ul li.mparavi > span > a > img,
div.menu-sp ul li.mtbefree > span > a > img {
	width:236px;
	height:84px;
}

div.menu-sp ul li.mcalpush div.calpush button {
	width:236px;
	height:180px;
}

}
@media all and (max-width: 767px) {
div.menu-sp {
	padding:20px 10px 10px;
}
div.menu-sp ul li {
	margin-bottom:10px;
}
div.menu-sp ul li.mparavi {
	margin-bottom:12px;
}
div.menu-sp ul li.mcmn {
	float:left;
	width:100%;
}
div.menu-sp ul li.mcmn > span > a {
	position:relative;
	height:0;
	padding-top:37.1900826446281%;
	background-size:cover;
}
div.menu-sp ul li.mhalf,
div.menu-sp ul li.mparavi,
div.menu-sp ul li.mtbefree {
	width:50%;
	float:left;
}
div.menu-sp ul li.mgallery > span,
div.menu-sp ul li.mbluray > span,
div.menu-sp ul li.mcalpush > div {
	margin-right:5px;
}
div.menu-sp ul li.mdownload > span,
div.menu-sp ul li.mgoods > span,
div.menu-sp ul li.mparavi > span,
div.menu-sp ul li.mtbefree > span {
	margin-left:5px;
}
div.menu-sp ul li.mgallery > span > a,
div.menu-sp ul li.mdownload > span > a,
div.menu-sp ul li.mbluray > span > a,
div.menu-sp ul li.mgoods > span > a {
	position:relative;
	height:0;
	padding-top:76.271186440678%;
	background-size:cover;
}
div.menu-sp ul li.mparavi > span > a,
div.menu-sp ul li.mtbefree > span > a {
	position:relative;
	height:0;
	padding-top:35.5932203389831%;
	background-size:cover;
}
div.menu-sp ul li.mcalpush > div > div.calpush {
	position:relative;
	height:0;
	padding-top:76.271186440678%;
}
div.menu-sp ul li.mcalpush > div button {
	background-size:cover;
}
div.menu-sp ul li.mrepo > span > a > span,
div.menu-sp ul li.mpresent > span > a > img,
div.menu-sp ul li.mcolumn > span > a > img,
div.menu-sp ul li.minterview > span > a > img,
div.menu-sp ul li.mgallery > span > a > img,
div.menu-sp ul li.mdownload > span > a > img,
div.menu-sp ul li.mgoods > span > a > img,
div.menu-sp ul li.mbluray > span > a > img,
div.menu-sp ul li.mparavi > span > a > img,
div.menu-sp ul li.mcalpush > div button,
div.menu-sp ul li.mtbefree > span > a > img {
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
div.menu-sp ul li.mrepo > span > a > span > span.thumb {
	position: absolute;
	left:48.966942148760331%;
	top:6.666666666666667%;
	width:48.553719008264463%;
	height:86.666666666666667%;
}
div.menu-sp ul li.mrepo > span > a > span > span.rpdate {
	font-size:5vw;
	left:4.132231404958678%;
	bottom:8.888888888888889%;
}
div.menu-sp ul li.mrepo > span > a > span:before,
div.menu-sp ul li.mrepo > span > a > span:after {
	background-size:cover;
}
div.menu-sp ul li.mrepo > span > a > span:before {
	width:5.165289256198347%;
	height:22.777777777777778%;
	left:70.867768595041322%;
	top:-8.888888888888889%;
}
div.menu-sp ul li.mrepo > span > a > span:after {
	width:9.09090909090909091%;
	height:36.666666666666667%;
	left:40.90909090909090909%;
	top:18.333333333333333%;
}
}


/*	banner
============================== */

div.bn-one span a.lazy-done {
	-webkit-animation: fadeIn 700ms;
	animation: fadeIn 700ms;
}
div.bn-one span,
div.bn-one span a, div.bn-one span a img {
	display:block;
}
@media all and (min-width: 768px) {
div.bn-one {
	width:924px;
	padding-top:20px;
	margin:0 auto;
}
div.bn-one span a img {
	width:924px;
	height:176px;
}
}
@media all and (max-width: 767px) {
div.bn-one {
	padding:0 10px 10px;
}
div.bn-one span a {
	position:relative;
	height:0;
	padding-top:19%;
	background-size:cover;
}
div.bn-one span a img {
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
}

div.bn-pres span a.lazy-done {
	-webkit-animation: fadeIn 700ms;
	animation: fadeIn 700ms;
}
div.bn-pres span,
div.bn-pres span a, div.bn-pres span a img {
	display:block;
}
@media all and (min-width: 768px) {
div.bn-pres {
	width:780px;
	padding-top:20px;
	padding-bottom:20px;
	margin:0 auto;
}
div.bn-pres span a img {
	width:780px;
	height:146px;
}
}
@media all and (max-width: 767px) {
div.bn-pres {
	padding:10px 10px 10px;
}
div.bn-pres span a {
	position:relative;
	height:0;
	padding-top:18.7179487179487%;
	background-size:cover;
}
div.bn-pres span a img {
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
}




/*	calpush
============================== */

div.calpush button {
	display:block;
	text-align:left;
	border:none;
	cursor:pointer;
	text-indent:110%;white-space:nowrap;overflow:hidden;
	background-color:transparent;
}
div.calpush div.event {
}
/*
@media all and (min-width: 768px) {
div.calpush div.event {
	width:484px;
	margin:0 auto;
}
div.calpush button {
	width:484px;
	height:160px;
	border-radius:16px;
}
}
@media all and (max-width: 767px) {
div.calpush {
	padding-top:20px;
}
div.calpush div.event {
	position:relative;
	height:0;
	padding-top:33.0578512396694%;
}
div.calpush button {
	background-size:cover;
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
} */






/*	affiliate
============================== */
div.affiliate {
}
div.affiliate article {
	text-align:left;
}
div.affiliate article ul li a, div.affiliate article ul li a span, div.affiliate article ul li a img {
	display:block;
}
div.affiliate ul li a img {
}
@media all and (min-width: 768px) {
div.affiliate {
	padding:30px 0 18px;
	padding:30px 0 0;
}
div.affiliate article {
	width:300px;
	margin:0 auto;
}
div.affiliate article ul li {
	/* float:left; */
	width:300px;
	/* margin-bottom:12px; */
}
div.affiliate article ul li:nth-child(odd) {
	/* margin-right:12px; */
}
div.affiliate article ul li a img {
	width:300px;
	height:120px;
}
}
@media all and (max-width: 767px) {
div.affiliate article {
	padding:12px 0 6px;
}
div.affiliate article ul {
	width:240px;
	margin:0 auto;
}
div.affiliate article ul li {
	margin-bottom:6px;
}
div.affiliate article ul li:nth-child(odd) {
/*	margin-right:6px; */
}
div.affiliate article ul li a span {
	background-size:cover;
}
div.affiliate article ul li a img {
	width:147px;
	height:39px;
	width:240px;
	height:96px;
}
}