/* CSS Document */
/*#cduWrap {
    width: 100%;
}*/


.clearfix:after{ content:"."; height:0; font-size:0; visibility:hidden; clear:both; display:block; }

.aright{ text-align:right; }
.mb30{ margin-bottom:30px; }

#contentWrap a { color:#ff1b1b !important; font-weight: bold !important;}
#contentWrap a:hover{ color:#ff1b1b !important; text-decoration:underline !important;}


/*ボタン*/




/*shine*/
.wrap div { position: relative; width: 392px; height: 85px; overflow:hidden;}
.shine a::before {
	position: absolute;
	top: 0;
	left: -75%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}
.shine a:hover::before {
	-webkit-animation: shine .75s;
	animation: shine .75s;
}
@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
}
/*shine*/
/*ボタン*/


/*--------------- 全体大枠 ---------------*/
#contentWrap{ width:100%; margin:0 auto; min-width:1000px; background:#FFFFFF; } /*サイト全体*/
#contentBg{ background: url() no-repeat center top; }/*コンテンツ全体背景*/
#contets_All{ width:1000px; margin:0 auto; } /*コンテンツ全体*/
/*--------------- 全体大枠 ---------------*/


/*--------------- common ---------------*/
.fright{ float:right !important; }
.fleft{ float:left !important; }

.mt30{ margin-top:30px; }
.mb20{ margin-bottom:20px; }
.mb30{ margin-bottom:30px; }
.mb50{ margin-bottom:50px; }


/*--------------- common ---------------*/




#container{ margin:0 auto; background:#000; color:#fff; border-bottom:3px solid #5b5b5b; }



#headerbg{ background:url(20150620_ninindrive_mainbg.png) no-repeat center top; }
#header_wrap{ width:900px; margin:0 auto; }
#maintitle_bg{ background:url(20150620_ninindrive_titlebg.jpg) repeat-x center top ; }
#maintitle{ width:900px; margin:0 auto;}

.contets_Bodybg{ background:url(20150620_ninindrive_detailbg.jpg) no-repeat center top #03031f; }
.contets_Body{ width:878px; padding:30px 14px 50px; margin:0 auto; }
.bgborder{ border-bottom:3px solid #FF1014; }


.apply{ /*width:900px;*/ font-size:90%; margin:10px auto 30px; line-height:1.5; }
.apply a{ color:#1cc2ff !important;}

.apply .time{ font-size:23px; font-weight:bold; }
.apply .time .attention{ font-size:80%; display:block; margin:0 0 10px 0; }
.apply .detail{ /*width:718px;*/ margin:0 auto; font-size:70%; text-align:center;}

.subcontents_wrap{ width:870px; margin-bottom:30px; }
.subcontents_wrap .detailbg{ background:url(20150620_ninindrive_snsbg.png) no-repeat center top; height:128px; }
.subcontents_wrap .detail{ margin:0 16px; }

.readtitleBg{ background:url(20150620_ninindrive_titlebg-20.jpg) repeat-x center top; }
.readtitle{ width:900px; margin:0 auto; }


#story_d{ background:url(20150620_ninindrive_dstorybg.jpg) no-repeat center top; width:418px; height:304px; }
#story_n{ background:url(20150620_ninindrive_nstorybg.jpg) no-repeat center top; width:418px; height:304px; }
.story_wrap{ width:418px; height:304px; overflow:hidden; margin-bottom:30px; }
.story_wrap .detail{ padding:15px 30px; font-size:12px; }
.story_wrap .detail .textarea{ height:150px; overflow-y:scroll; }
.story_wrap .detail .textarea .readtext{ font-size:14px; font-weight:bold; display:block; margin-bottom:10px; line-height:1.2em;}

.item_wrap{ width:420px; }
.item_wrap a{ color:#FFFFFF !important;}
.item_wrap ul{ font-size:0;}
.item_wrap li{ float:left; min-height:320px; width:202px; }
.item_wrap li:nth-child(2n-1){ margin:0 13px 13px 0; }
.item_wrap img{ margin-bottom:6px;}
.item_wrap a{ color:#FFF !important; text-decoration:underline !important; font-size:12px; line-height:1.5;  }


.lineborder{ border-top:3px solid #F00; margin-top:50px; padding-top:30px; }


.dummy_box{ width:360px; height:203px; line-height:203px; display:block; text-align:center; background:#353434; color:#FFFFFF; font-size:110%; }
.dummy_box2{ width:718px; height:70px; line-height:70px; display:block; text-align:center; background:#353434; color:#FFFFFF; font-size:110%; }







.attention_text{ display:block; font-size:90%; color:#ff0000; }
#cp{ text-align:center; padding:20px 0; font-size:60%; }




#movie_info{ border:1px solid #C4C4C4; width:900px; margin:0 auto; margin-bottom:40px; }
#movie_info #readtext{ text-align:center; font-weight:bold; font-size:110%; line-height:2em; }
#movie_info #titletext{ text-align:center; font-weight:bold; line-height:2em; }

#movie_info #fl-image-box{ width:360px; margin:0 1em 0 0; float:left; }
#movie_info #fr-text-box{ width:450px; float:right;}

#movie_info #fr-image-box{ width:450px; float:right; }
#movie_info #fl-text-box{ width:360px; margin:0 0 0 1em; float:left;}



#info_box{ border:3px solid #bb9f1c; width:930px; margin:0 auto; margin-bottom:40px; font-size:80%; }
#info_box #readtext{ text-align:center; font-weight:bold; font-size:110%; margin-bottom:3%; }
#info_box #titletext{ text-align:center; font-weight:bold; line-height:2em; }
#info_box .twitext{ font-weight:bold; color:#0E8CDA; }
#info_box .fbtext{ font-weight:bold; color:#0050fd; }
#info_box #fl-image-box{ width:360px; margin:0 1em 0 0; float:left; }
#info_box #fr-text-box{ width:450px; float:right;}

#info_box #fr-image-box{ width:450px; float:right; }
#info_box #fl-text-box{ width:360px; margin:0 0 0 1em; float:left;}



.cp_snswrap{ background: #f4ecd9; /* Old browsers */
background: -moz-linear-gradient(top,  #f4ecd9 0%, #cecd6c 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4ecd9), color-stop(100%,#cecd6c)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f4ecd9 0%,#cecd6c 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f4ecd9 0%,#cecd6c 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f4ecd9 0%,#cecd6c 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f4ecd9 0%,#cecd6c 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4ecd9', endColorstr='#cecd6c',GradientType=0 ); /* IE6-9 */
border:6px solid #bb9f1c;
margin:0 2%;
}
.cp_snswrap #snsbg{ background:url(20150618_ulfes2015_smpsns_bg.png) no-repeat center top; background-size:cover; padding:3%; }
/*.cp_snswrap #header{ margin-bottom:3%;}
.cp_snswrap .read{ margin-bottom:3%; }
.cp_snswrap .text{ color:#605a5a !important; line-height:1.5; }
.cp_snswrap .text span{ color:#0053fd !important; font-weight:bold; }
.cp_snswrap .btn{ margin-bottom:6%; padding:4% 0; }*/






/*----- 注意書き ------*/

/*#attention{ border:3px solid #5b5b5b; background:#1c1a1a; width:928px; margin:0 auto; color:#FFFFFF; }
#attention #readtext{ text-align:center; font-weight:bold; font-size:130%; line-height:1.5em; }

#attention_detail{ line-height:1.5em; padding:4%; }
#attention_detail dl{ margin:0 0 1em 0; }
#attention_detail dt{ font-weight:bold; }
#attention_detail dd{ font-size:90%; margin:0; padding:0; }*/


#attention{ /*border-top:3px solid #5b5b5b;*/ background:#ffffff; width:900px; margin:30px auto 0; color:#000000; }
#attention #readtext{ text-align:center; font-weight:bold; font-size:150%; line-height:1.5em; border-bottom:2px solid #CCC; }

#attention_detail{ line-height:1.5em; padding:2%; font-size:90% }
#attention_detail dl{ margin:0 0 1em 0; }
#attention_detail dt{ font-weight:bold; font-size: 110%;}
#attention_detail dd{ font-size:80%; margin:0; padding:0; }



/*----- 注意書き ------*/