@charset "shift_jis";

/* CSS Document */

.hdg-1-02 {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    width: 966px;
}

#sns {
    bottom: 20px;
    position: absolute;
    right: 0;
}
#snsBtn {
    margin: 0;
    padding: 10px 0;
    width: auto !important;
}
#snsBtn li {
    float: left;
    list-style: none outside none;
    margin-right: 10px;
}
#snsBtn li#twitterbtn {
    height: 22px;
    width: 90px;
}

#snsBtn li#facebookbtn {
    height: 22px;
    width: 100px;
}
#snsBtn li#googlebtn {
    height: 22px;
    width: 90px;
}

/* �y’²�®�z------------------------------------------------------------*/

#content-inner {/*�š‹¤—Lcss‚ð�ã�‘‚« */

	width:100% !important;

}



p {/*�š‹¤—Lcss‚ð�ã�‘‚«*/

    margin: 0;

}



.hdg-1-02 p {/*�š”wŒi‚ð�L‚°‚é�ê�‡‚É�A�ã•”“Á�W‰æ‘œ‚Ì”z’u’²�®‚ª•K—v*/

	margin:0 auto;

	line-height:1.4em;

}

#side-pop {
	position: fixed;
	top: 234px;
	right: 0px;
	font-size: 77%;
	z-index: 99;
	width: 160px;
	background-image: url(/resources/hikari/pc/sp/gundam-the-origin/images/pop.png);
	height: 152px;
	background-repeat: no-repeat;
	text-align: center;
	background-position: bottom;
}

#side-pop .roll a {
	display:block;
	width:160px;
	height:137px;

}

#side-pop .roll a:hover{background:url(/resources/hikari/pc/sp/gundam-the-origin/images/pop_o.png) no-repeat}


span.link{display:none !important;}



.tar {
	text-align: right;
}






/* END�y’²�®�z------------------------------------------------------------*/

.alt{position:absolute; top:-999px; left:-999px;}



/* stracture------------------------------------------------------------*/
#wrap_head{
	width:100%;
	margin:0;
	background-image:url(/resources/hikari/pc/sp/onepiece/images/bg_head.jpg);
	background-color:#FFF;
	background-repeat:no-repeat;
	background-position:50% 55px;
	min-height:632px;
}

.fixedWrapper{
	background-attachment:fixed;
}


.wrap_wht{
	width:100%;
	background-color:#FFF;
	margin:0 auto;
		color:#000;
}

.wrap_lg{
	width:100%;
	background-color:#EAEAEA;
	margin:0 auto;
		color:#000;
}


.wrap_gr{
	width:100%;
	background-color:#585858;
	margin:0 auto;
	color:#FFF;
}

.wrap_bk{
	width:100%;
	background-color:#464646;
	margin:0;
}

.conts966{
	width:966px;
	margin:0 auto;
}

/* ‘Ì�Ù--------------*/
.conts966{
	font-family:"ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", "ƒ�ƒCƒŠƒI", Meiryo, Osaka, sans-serif;
	padding:10px 0 60px 0;
}


/* header------------------------------------------------------------*/
#ban_movie{
	background: url(/resources/hikari/pc/sp/onepiece/images/ban_movie_gold.jpg) no-repeat center #a20808;
	width:100%;
	height:55px;
	box-shadow:rgba(0, 0, 0, 0.4) 0px 1px 5px 0px;
-webkit-box-shadow:rgba(0, 0, 0, 0.4) 0px 1px 5px 0px;
-moz-box-shadow:rgba(0, 0, 0, 0.4) 0px 1px 5px 0px;
margin-bottom:415px;
}

h1#page_ttl{
	width:100%;
	height:167px;
	background:url(/resources/hikari/pc/sp/onepiece/images/ttl_h2.png) no-repeat 50% 0;
	margin:0;
	padding:0;
}


/* Sec01------------------------------------------------------------*/
h2#bg_sec01_ttl{
	height:66px;
	background:url(/resources/hikari/pc/sp/onepiece/images/ttl_01.png) no-repeat 0 20px;
	width:966px;
	margin:0 auto;
}

#bg_sec01_1_eastblue{
	background:url(/resources/hikari/pc/sp/onepiece/images/bg_sec01_1.png) no-repeat left 15px;
}

#bg_sec01_2_glandline{
	background:url(/resources/hikari/pc/sp/onepiece/images/bg_sec01_2.png) no-repeat left 15px;
}

#bg_sec01_3_chopper{
	background:url(/resources/hikari/pc/sp/onepiece/images/bg_sec01_3.png) no-repeat left 15px;
}

#bg_sec01_4_arabasta{
	background:url(/resources/hikari/pc/sp/onepiece/images/bg_sec01_4.png) no-repeat left 15px;
}

p.seriesNumber{
	height:50px;
	width:55px;
	margin:10px 0 0 0;
	float:left;
}

#s_no01{
		background:url(/resources/hikari/pc/sp/onepiece/images/strawhats.png) no-repeat 0 -150px;
}

#s_no02{
		background:url(/resources/hikari/pc/sp/onepiece/images/strawhats.png) no-repeat 0 -100px;
}

#s_no03{
		background:url(/resources/hikari/pc/sp/onepiece/images/strawhats.png) no-repeat 0 -50px;
}

#s_no04{
		background:url(/resources/hikari/pc/sp/onepiece/images/strawhats.png) no-repeat 0 0;
}

p.seriesStatus_true{
	background:url(/resources/hikari/pc/sp/onepiece/images/status01.png) no-repeat 0 -24px;
	height:24px;
	width:186px;
	margin:21px 0 30px 58px;
	opacity:0.7;
}

p.seriesStatus_fault{
	background:url(/resources/hikari/pc/sp/onepiece/images/status01.png) no-repeat -186px 0;
	height:24px;
	width:186px;
	margin:21px 0 30px 58px;
	opacity:0.7;
}

@media all and (-ms-high-contrast:none){
	*::-ms-backdrop, p.seriesStatus_true {
		margin:31px 0 30px 58px;
	}
}

@media all and (-ms-high-contrast:none){
	*::-ms-backdrop, p.seriesStatus_true {
		margin:31px 0 30px 58px;
	}
}

h3.ttl_sec01_series{
	font-size:30px;
	font-weight:normal;
	margin-bottom:30px;
	width:586px;
}


.p_series{
	font-size:12px;
	width:550px;
	margin-bottom:20px;
}

.p_series em{
	font-size:14px;
	color:#666;
}

.p_offerperiod{
	width:586px;	
	font-size:12px;
	color:#00a2e6;
}

.ul_offerperiod{
	width:586px;
	margin-bottom:30px;
}

.ul_offerperiod li{
	line-height:150%;
	list-style:none;
}

a.gotolist:link, a.gotolist:visited {
	font-size:14px;
	text-decoration:underline;
	color:#00a2e6;
}

a.gotolist:hover{
	text-decoration:none;
}

p.conts_credit{
	font-size:10px;
	color:#999;
	margin:20px 0 0 0;
}

div.img_sec01{
	float:right;
	margin-top:12px;
}


div.img_sec01 p{
	position:relative;
	overflow:hidden;
	width:360px;
}

div.img_sec01 p span{
	display:block;
	position:absolute;
	top:0;
	left:0;
	z-index:2;
	width:100%;
	height:100%;
	font-size:18px;
	text-align:center;
	padding-top:105px;
	background:rgba(0,0,0,0.6);
	-webkit-transition:.3s;
	transition:.3s;
	opacity:0;
}

div.img_sec01 p:hover span{
	opacity:1;
}

div.img_sec01 p span a{
	display:block;
	width:100%;
	height:100%;
	text-decoration:none;
	color:#FFF;
}



.gotovideo::before,
.gotovideo::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.gotovideo,
.gotovideo::before,
.gotovideo::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

a.gotovideo{
	 display:block;
	 width:256px;
	 margin:20px 0 0 58px;
	 padding:12px 0 10px;
	 background:#00a2e6;
	 color:#FFF;
	 font-size:16px;
	 text-decoration:none;
	 text-align:center;
	  border:1px solid #00a2e6;
}

a.gotovideo:hover{
	 background:#FFF;
	 color:#00a2e6;
	 font-size:16px;
	 text-decoration:none;
	 text-align:center;
}


a.gotovideo_na{
	 display:block;
	 width:256px;
	 margin:20px 0 0 58px;
	 padding:12px 0 10px;
	 background:#b2b2b2;
	 color:#FFF;
	 font-size:16px;
	 text-decoration:none;
	 text-align:center;
	  border:1px solid #b2b2b2;
}

.video_spec{
	margin-left:58px
}
 






/* Sec02------------------------------------------------------------*/

.tab_content{
	width:100%;
	background-color:#464646;
	margin:0 auto;
	color:#FFF;
	padding-top:20px;
	}

h2#bg_sec02_ttl{
	height:83px;
	background:url(/resources/hikari/pc/sp/onepiece/images/tti_02.png) no-repeat 0 20px;
	width:966px;
	margin:0 auto;
}

h3.h3_sec02{
	width:966px;
	background:url(/resources/hikari/pc/sp/onepiece/images/logo_toei_anim.png) no-repeat right 50%;
	font-size:24px;
	font-weight:normal;
	margin:0 auto 20px auto;
}



ul.conts_list01, ul.conts_list02, ul.conts_list03{
	width:966px;
	margin:0 auto;
	padding:0;
}

ul.conts_list01:after, ul.conts_list02:after, ul.conts_list03:after{
	content: "";
	clear: both;
	display: block;
}



ul.conts_list01 img:hover, ul.conts_list02 img:hover, ul.conts_list03 img:hover{
	-webkit-transition:.3s;
	transition:.3s;
	opacity: 0.75;
	filter: alpha(opacity=75);
	-ms-filter: "alpha(opacity=75)";
}


ul.conts_list01 li{
	width:192px;
	margin-right:1px;
	float:left;
}

ul.conts_list01 li p{
	padding:6px 0 12px 0;
	height:84px;
	position:relative;
}

ul.conts_list01 li p a, ul.conts_list02 li p a, ul.conts_list03 li p a{
	color:#fff;
	text-decoration:none;
}

ul.conts_list01 li p a:hover, ul.conts_list02 li p a:hover, ul.conts_list03 li p a:hover{
	text-decoration:underline;
	color:#00a2e6;
}

ul.conts_list01 li p span{
	display:block;
	position:absolute;
	width:90%;
	left:0;
	bottom:14px;
	font-size:10px;
	color:#777;
	letter-spacing:-0.3px;
	line-height:11px;
}


ul.conts_list02 li{
	width:156px;
	margin-right:5px;
	float:left;
}

ul.conts_list02 li p{
	padding:6px 0 12px 0;
	height:102px;
	position:relative;
}

ul.conts_list02 li p span{
	display:block;
	position:absolute;
	width:90%;
	left:0;
	bottom:14px;
	font-size:10px;
	color:#777;
	letter-spacing:-0.3px;
	line-height:11px;
}

ul.conts_list03 li{
	width:158px;
	margin-right:3px;
	float:left;
}

ul.conts_list03 li p{
	padding:6px 0 12px 0;
	height:96px;
	position:relative;
}

ul.conts_list03 li p span{
	display:block;
	position:absolute;
	width:90%;
	left:0;
	bottom:14px;
	font-size:10px;
	color:#777;
	letter-spacing:-0.3px;
	line-height:11px;
}


ul.tabs{
	width:966px;
	margin:0 auto;
}

ul.tabs:after{
	content: "";
	clear: both;
	display: block;
}

ul.tabs li{
	float:left;
	width:320px;
	margin:0 1px;
	background-color:#838383;
}

ul.tabs li a{
	display:block;
	margin:0;
	padding:10px 0 8px;
	text-align:center;
	font-size:18px;
	color:#FFF;
	text-decoration:none;
}

ul.tabs li.active{
	background-color:#464646;
}


ul.tabs li a:hover{
	background-color:#00a2e6;
}