@charset "utf-8";

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

Name: style.css

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


/* [-] Modal Window for YouTube
=========================================================================================== */

#RdRecModalYouTubeCover {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	z-index: 100;
}

#RdRecModalYouTube {
	display: none;
	position: absolute;
	padding: 50px;
	z-index: 102;
}

#RdRecModalYouTube .Inner {
	position: relative;
	background-color: #000;
	box-shadow: 0 0 35px rgba(0, 0, 0, .4);
}
* html #RdRecModalYouTube .Inner {background-color: #f2f2f2;}
*:first-child+html #RdRecModalYouTube .Inner {background-color: #f2f2f2;}

#RdRecModalYouTube iframe {
	display: block;
	width: 100%;
}

#RdRecModalYouTube .Title {
	height: 50px;
	background-color: #f2f2f2;
	overflow: hidden;
}

#RdRecModalYouTube .Title p {
	display: table-cell;
	height: 50px;
	padding: 0 80px 0 20px;
	vertical-align: middle;
	font-size: 90%;
	font-weight: bold;
	line-height: 130%;
	color: #575757;
}
* html #RdRecModalYouTube .Title p {
	display: block;
	height: 35px;
	padding-top: 15px;
}
*:first-child+html #RdRecModalYouTube .Title p {
	display: block;
	height: 35px;
	padding-top: 15px;
}

#RdRecModalYouTube .BtnClose {
	position: absolute;
	right: 0;
	bottom: 0;
	line-height: 130%;
}
* html #RdRecModalYouTube .BtnClose {right: -1px;}

#RdRecModalYouTube .BtnClose a {
	display: table-cell;
	min-width: 50px;
	height: 30px;
	padding: 20px 5px 0;
	font-size: 76%;
	text-align: center;
	background-image: url(/image/jp/r1/icon/icon_close.gif);
	background-position: center 7px;
	background-repeat: no-repeat;
	vertical-align: middle;
}
* html #RdRecModalYouTube .BtnClose a {
	float: left;
	display: block;
	width: 50px;
	height: 25px;
	padding: 25px 5px 0;
}
*:first-child+html #RdRecModalYouTube .BtnClose a {
	display: block;
	height: 25px;
	padding: 25px 5px 0;
}

#RdRecModalYouTube .BtnClose a:link,
#RdRecModalYouTube .BtnClose a:visited {
	color: #fff;
	background-color: #e60027;
	text-decoration: none;
}
#RdRecModalYouTube .BtnClose a:hover,
#RdRecModalYouTube .BtnClose a:active {
	color: #fff;
	background-color: #b1000e;
	text-decoration: none;
}

#RdRecModalYouTube .l {
	position: absolute;
	width: 35px;
	height: 100%;
	top: 0;
	left: -35px;
	background: url(/image/jp/r1/bg_modal_l.png) repeat-y;
}
#RdRecModalYouTube .r {
	position: absolute;
	width: 35px;
	height: 100%;
	top: 0;
	right: -35px;
	background: url(/image/jp/r1/bg_modal_r.png) repeat-y;
}
#RdRecModalYouTube .t {
	position: absolute;
	width: 100%;
	height: 35px;
	top: -35px;
	left: 0;
	background: url(/image/jp/r1/bg_modal_t.png) repeat-x;
}
#RdRecModalYouTube .b {
	position: absolute;
	width: 100%;
	height: 35px;
	bottom: -35px;
	left: 0;
	background: url(/image/jp/r1/bg_modal_b.png) repeat-x;
}
#RdRecModalYouTube .lt {
	position: absolute;
	width: 35px;
	height: 35px;
	top: -35px;
	left: -35px;
	background: url(/image/jp/r1/bg_modal_corner.png) no-repeat left top;
}
#RdRecModalYouTube .lb {
	position: absolute;
	width: 35px;
	height: 35px;
	bottom: -35px;
	left: -35px;
	background: url(/image/jp/r1/bg_modal_corner.png) no-repeat left bottom;
}
#RdRecModalYouTube .rt {
	position: absolute;
	width: 35px;
	height: 35px;
	top: -35px;
	right: -35px;
	background: url(/image/jp/r1/bg_modal_corner.png) no-repeat right top;
}
#RdRecModalYouTube .rb {
	position: absolute;
	width: 35px;
	height: 35px;
	bottom: -35px;
	right: -35px;
	background: url(/image/jp/r1/bg_modal_corner.png) no-repeat right bottom;
}


@media screen and (max-width: 767px) {

.JS #RdRecModalYouTube { padding: 50px 0; }

.JS #RdRecModalYouTube .Title p { font-size: 83%; }

.JS #RdRecModalYouTube .l,
.JS #RdRecModalYouTube .r,
.JS #RdRecModalYouTube .lt,
.JS #RdRecModalYouTube .rt,
.JS #RdRecModalYouTube .lb,
.JS #RdRecModalYouTube .rb { display: none; }




/* ------ Responsive Link List Style ------ */
.JS .ResponsiveLinkListStyleYT {
	margin: -15px -15px 0;
}
.JS .ResponsiveLinkListStyleYT.TopBorderSet {
	margin-top: 0;
	border-top: solid 1px #ddd;
}
.JS .ResponsiveLinkListStyleYT.BottomBorderSet {
	margin-bottom: 15px;
	border-bottom: solid 1px #ddd;
}
.JS .ResponsiveLinkListStyleYT dl.LinkListStyle1 {
	position: relative;
	margin: 0;
	padding: 0 0 10px;
	border-top: solid 1px #ddd;
}
.JS .ResponsiveLinkListStyleYT dl.LinkListStyle1:first-child {border-top: 0 none;}
.JS .ResponsiveLinkListStyleYT dl.LinkListStyle1.hover {background-color: #f2f2f2;}
.JS .ResponsiveLinkListStyleYT dl.LinkListStyle1 dt {
	padding: 15px 30px 5px 15px;
	color: #777;
	font-weight: bold;
	background-image: none;
}
.JS .ResponsiveLinkListStyleYT dl.LinkListStyle1 dt a {
	display: block;
/*	margin: -15px -30px -5px -15px;*/
	margin: -15px 0 -5px -15px;
	padding: 15px 30px 5px 15px;
	font-weight: bold;
	background-image: none !important;
}
.JS .ResponsiveLinkListStyleYT dl.LinkListStyle1 dt a:after {
	content: "";
	position: absolute;
	display: block;
	width: 16px;
	height: 16px;
	top: 50%;
	right: 7px;
	margin: -8px 0 0;
	background-image: url(/image/jp/r1/icon/icon_link_right_l_hd.gif);
	background-repeat: no-repeat;
	background-size: 16px 16px;
	-moz-background-size: 16px 16px;
	-webkit-background-size: 16px 16px;
	-o-background-size: 16px 16px;
	-ms-background-size: 16px 16px;
}
.JS .ResponsiveLinkListStyleYT dl.LinkListStyle1.hover dt a:after {right: 5px;}
.JS .ResponsiveLinkListStyleYT dl.LinkListStyle1 dt a:link,
.JS .ResponsiveLinkListStyleYT dl.LinkListStyle1 dt a:visited {color: #000;}
.JS .ResponsiveLinkListStyleYT dl.LinkListStyle1 dt a:hover,
.JS .ResponsiveLinkListStyleYT dl.LinkListStyle1 dt a:active {
	color: #000;
	text-decoration: none;
}
.JS .ResponsiveLinkListStyleYT dl.LinkListStyle1 dd {
	margin: 0;
	padding: 0 30px 5px 0;
}
.JS .ResponsiveLinkListStyleYT .ImgW120SetStyle {
	position: relative;
	margin: 0;
	padding: 15px 30px 0 15px;
	border-top: solid 1px #ddd;
	overflow: hidden;
}
.JS .ResponsiveLinkListStyleYT .ImgW120SetStyle:first-child {border-top: 0 none;}
.JS .ResponsiveLinkListStyleYT .ImgW120SetStyle.hover {background-color: #f2f2f2;}
.JS .ResponsiveLinkListStyleYT .ImgW120SetStyle .Img {padding: 0 15px 15px 0;}
.JS .ResponsiveLinkListStyleYT .ImgW120SetStyle .ImgSet {
	float: none;
	width: auto;
	margin-left: 0;
	overflow: hidden;
}
.JS .ResponsiveLinkListStyleYT .ImgW120SetStyle .ImgSet dl {position: static;}
.JS .ResponsiveLinkListStyleYT .ImgW120SetStyle dt {padding: 0 0 5px !important;}
.JS .ResponsiveLinkListStyleYT .ImgW120SetStyle dt a {
	margin: 0 0 -5px !important;
	padding: 0 0 5px !important;
}
.JS .ResponsiveLinkListStyleYT .ImgW120SetStyle.hover dt a:after {right: 5px;}
.JS .ResponsiveLinkListStyleYT .ImgW120SetStyle dd {
	margin: 0;
	padding: 0;
}
.JS .ResponsiveLinkListStyleYT dl.LinkListStyle1 dt.Movie a:after {
	background-image: url(/image/jp/r1/icon/icon_movie_hd.gif);
}
.JS .ResponsiveLinkListStyleYT dl.LinkListStyle1 dt.Movie a:after {right: 9px !important;}

}

/* for print
=========================================================================================== */

@media print {

	#RdRecModalYouTubeCover {
		position/*\**/: fixed\9;
		width: 100% !important;
		height: 100% !important;
		top: 0 !important;
	}
	@-moz-document url-prefix() {
		#ModalAboutYouTubeCover {position: fixed;}
	}

	#RdRecModalYouTube {
		width: 100% !important;
		height: 100% !important;
		top: 0 !important;
		left: 0 !important;
		padding: 0 !important;
	}

	#RdRecModalYouTube .Inner {
		width: 960px !important;
		height: 540px !important;
		margin: 300px auto 0 !important;
	}

	#RdRecModalYouTube .Movie,
	#RdRecModalYouTube .Movie iframe {
		width: 960px !important;
		height: 540px !important;
	}

}


/* [-] Other
=========================================================================================== */
#CatchCopy p.TextCatchCopy {
	font-size:200%;
	margin-bottom:16px;
}
@media screen and (max-width: 579px) {
.JS #CatchCopy p.TextCatchCopy {
	font-size:157.14%;
	margin-bottom:16px;
}

}

div#Interview .ColumnSet .Column2 {
border-top: solid 1px #dddddd;
padding-top: 15px;
}

div#Interview .ColumnSet .borderNone {
border-top: none;
padding-top: 0;
}

.ImgW120SetStyle .ImgSet {
position: relative;
z-index:1;
}
.ImgW120SetStyle .Img {
position: relative;
z-index:50; /* mordalwindow の102*を超えないこと*/
}

.ResponsiveLinkListStyleYT {
	cursor:pointer !important;
}