﻿/* 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;*/ }

#container a{ color:#fffc0f !important; }
#container a:visited{ color:#fffc0f !important; }

#headerbg{ background:url(20150710_gworld_headerbg.jpg) no-repeat center top; }
#header_wrap{ width:910px; margin:0 auto; height:492px; }
#maintitle_bg{ background: url(20150710_gworld_titlebg.jpg) no-repeat center top; }
#maintitle{ width:900px; margin:0 auto;}

#contents_mainbg{ background:url(20150710_gworld_mainbg.jpg) no-repeat center top #000000; }


.contets_Bodybg{ /*background:url(20150620_ninindrive_detailbg.jpg) no-repeat center top #03031f;*/ padding-bottom:60px;}
.contets_Body{ background:url(20150710_gworld_contentsbg.png) repeat-y center top; width:800px; padding:25px; margin:0 auto; font-family:'Noto Sans Japanese', sans-serif; font-size:13px; }
#btn_bg_oosaka{ background:url(20150710_gworld_oosakabtn_bg.png) no-repeat center top;}
#btn_bg_nigata{ background:url(20150710_gworld_nigatabtn_bg.png) no-repeat center top;}

.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:120%; 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:10px; text-align:center;}

.subcontents_wrap{ width:900px; margin:0 auto; padding:40px 0 75px ; background:url(20150710_gworld_btn_bg.png) no-repeat center center;}
.subcontents_wrap .detailbg{ /*background:url(20150620_ninindrive_snsbg.jpg) no-repeat center top; height:116px;*/ }
.subcontents_wrap .detail{ margin:0; }

.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:16px; 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; }
.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:12px; color:#52505d; }




#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; }*/

#attentionbg{background:url(20150710_gworld_attentionbg.png) no-repeat center top #f4f2ff ; }

#attention{ /*border-top:3px solid #5b5b5b;  background:#ffffff; */ width:900px; margin:0 auto; padding:20px 0; color:#52505d;}
#attention a{ color:#FF1014 !important; }
#attention a:visited{ color:#FF1014 !important; }

#attention #readtext{ text-align:center; font-weight:bold; font-size:26px; line-height:1.5em; padding-bottom:20px; border-bottom:2px dashed #52505d; margin-bottom:10px; }

#attention_detail{ line-height:1.5em; padding:2%; font-size:100% }
#attention_detail dl{ margin:0 0 1em 0; }
#attention_detail dt{ font-weight:bold; font-size:16px;}
#attention_detail dd{ font-size:12px; margin:0; padding:0; }



/*----- 注意書き ------*/







