﻿/* CSS Document */
/*#cduWrap {
    width: 100%;
}*/




/*-----------------------------------------------
clearfix
-----------------------------------------------*/
div:after , .clearfix:after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

/*-----------------------------------------------
Link color
-----------------------------------------------*/

#contentWrap a { color:#ff1b1b !important; font-weight: bold !important;}
#contentWrap a:hover{ color:#ff1b1b !important; text-decoration:underline !important;}

/*--------------- Link color ---------------*/





/*ボタン*/

/*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: #020000; /* Old browsers */
background: -moz-linear-gradient(top,  #020000 0%, #491c1c 81%, #0c0101 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#020000), color-stop(81%,#491c1c), color-stop(100%,#0c0101)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #020000 0%,#491c1c 81%,#0c0101 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #020000 0%,#491c1c 81%,#0c0101 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #020000 0%,#491c1c 81%,#0c0101 100%); /* IE10+ */
background: linear-gradient(to bottom,  #020000 0%,#491c1c 81%,#0c0101 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#020000', endColorstr='#0c0101',GradientType=0 ); /* IE6-9 */

}/*コンテンツ全体背景*/
 
 
 

#contets_All{ width:1000px; margin:0 auto; } /*コンテンツ全体*/
/*--------------- 全体大枠 ---------------*/



/*------------------------------------------
【header】
--------------------------------------------*/
#header{ background:url(151021_dbz_01-header.png) no-repeat center top ; margin:0; min-width:1000px; padding:0; min-height:812px; }
#header #header_detail{ width:900px; margin:0 auto; padding:480px 0 0 0; }
#header #header_detail ul{ margin:0; padding:0;}
#header #header_detail ul li.header_L { background:#777; display:inline-block; height:; margin:0; padding:0; width:500px; }
#header #header_detail ul li.header_R { background:#333; display:inline-block; height:; margin:0; padding:0; width:400px; }
/*--------------- header ---------------*/




#article{ width:100%; padding-bottom:30px; }

#main_bg{ background:url(151021_dbz_cbg.png) repeat-x center top; min-height:1250px; overflow:hidden; }
.main_bg_under{ background:url(151021_dbz_04-applybg.png) no-repeat center bottom; }

/*リンクボタンの挙動*/
#article .btnlink a img:hover {filter: alpha(opacity=90); -ms-filter: "alpha(opacity=90)"; -khtml-opacity: 0.9; -moz-opacity: 0.9; opacity: 0.9; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s;}

/*------------------------------------------
【対象商品】
--------------------------------------------*/
#main-item{ width:900px; margin:30px auto; }
#main-item ul{ margin:0; padding:0; list-style:none; }
#main-item ul li{ float:left; margin:10px; }
#main-item ul li .icon{ background:url(151021_dbz_02-it05.png) no-repeat left top; margin:10px 0 0 0; padding:6px 0 0 45px; display:block; min-height:40px; color:#FFFFFF; font-size:14px; font-weight:bold; }
#main-item ul li .icon_small{ background:url(151021_dbz_02-it05.png) no-repeat left top; margin:10px 0 0 0; padding:6px 0 0 45px; display:block; min-height:40px;  color:#FFFFFF; font-weight:bold; max-width:270px; font-size:14px; }


/*------------------------------------------
【対象商品】
--------------------------------------------*/




/*------------------------------------------
【SNS同時応募キャンペーン】
--------------------------------------------*/

#article .section-sns{ width:1000px; margin:0 auto; }
/*タイトル*/
#article .section-sns .snsentry_ttl { width:900px; background:#333; margin:0 auto; padding:0; height:100px;}

/*中身*/
#article .section-sns .snsentry_date { width:900px; background:#CCC; display:block; height:116px; vertical-align:top; margin:0 auto; }
#article .section-sns .snsentry { width:900px; margin:0 auto; padding:0; }
#article .section-sns .snsentry ul.sns-menu { margin:0 auto; padding:0; display:table; teble-layout:fixed; }
#article .section-sns .snsentry ul.sns-menu li { margin:0 auto; padding:0; display:table-cell; vertical-align:middle;}
#article .section-sns .snsentry ul.sns-menu li a img:hover { filter: alpha(opacity=50); -ms-filter: "alpha(opacity=50)"; -khtml-opacity: 0.5; -moz-opacity: 0.5; opacity: 0.5; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s;}

#article .section-sns .snsentry ul .snsentry_txt { width:900px; background:#CCC; display:block; height:95px; vertical-align:top; }



/*------------------------------------------
【情報】
--------------------------------------------*/

#article .section-info{ width:1000px; margin:0 auto;}

/*タイトル*/
#article .section-info .info_ttl {width:900px; height:100px; margin:0 auto; padding:0; background:#333; }

/*決め打ちの背景枠*/
#article .section-info .info_bg { width:900px; height:326px; margin:0 auto; padding:0; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; background:url(20150701_aimovcp_movinfo_bg.png) no-repeat; }

/*中身*/
#article .section-info .info ul { margin:0; padding:0;}
#article .section-info .info ul li.movinfo_photo { display:inline-block; height:216px; vertical-align:top; width:246px;}
#article .section-info .info ul li.movinfo_photo span.movinfo_btn { display:block; height:49px; margin:0; padding:0; text-align:center;}
#article .section-info .info ul li.movinfo_txt { display:inline-block; height:265px; vertical-align:top; width:646px;}


/*挙動*/
/*
.movinfo ul li.movinfo_photo span.movinfo_btn a img:hover {filter: alpha(opacity=90); -ms-filter: "alpha(opacity=90)"; -khtml-opacity: 0.9; -moz-opacity: 0.9; opacity: 0.9; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s;}
*/


/*------------------------------------------
【映画情報】
--------------------------------------------*/

#article #movie_info{ border:1px solid #C4C4C4; width:900px; margin:0 auto; margin-bottom:40px; }
#article #movie_info #readtext{ text-align:center; font-weight:bold; font-size:110%; line-height:2em; }
#article #movie_info #titletext{ text-align:center; font-weight:bold; line-height:2em; }

#article #movie_info ul#detail{ display:table; padding:4% 4% 0;}
#article #movie_info ul#detail li{ display:table-cell; vertical-align:top;}

/*#article #movie_info #fl-image-box{ width:360px; margin:0 1em 0 0; float:left; }
#article #movie_info #fr-text-box{ width:450px; float:right;}

#article #movie_info #fr-image-box{ width:450px; float:right; }
#article #movie_info #fl-text-box{ width:360px; margin:0 0 0 1em; float:left;}
*/


/*------------------------------------------
【オススメ商品】
--------------------------------------------*/

#article #recomm-ttl{ width:900px; margin:30px auto; } 


#article .section-recomm { width:900px; margin:0 auto 10px;}

/*タイトル*/
#article .section-recomm .recomm_ttl { background:#333; height:100px; margin:0 auto; padding:0; width:900px;}

/*商品リスト*/
#article .section-recomm .recomm {margin:0 auto 10px; padding:0; width:900px;}
#article .section-recomm .recomm ul { display:table; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; margin-left:-8px; padding:0; width:100%; border-collapse: separate; border-spacing:9px 0; }

#article .section-recomm .recomm ul li { display:table-cell; margin:0 0 20px 5px; padding:0; width:212px;}
#article .section-recomm .recomm ul li img {border:3px solid #fd9c04; height:212px; margin:0 0 5px 0; padding:0; width:212px;}

#article .section-recomm .recomm ul li span { display:block; font-size:14px; line-height:1.2; margin:0 auto; width:212px;}
#article .section-recomm .recomm ul li a,
#article .section-recomm .recomm ul li a:visited { color:#ffffff !important;}

#article .section-recomm .recomm_btn { text-align:center;}

#article .section-recomm .recomm ul li img:hover,
#article .section-recomm .recomm_btn a img:hover {filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)"; -khtml-opacity: 0.7; -moz-opacity: 0.7; opacity: 0.7; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s;}



#g35_pick-up-items{ padding-top:40px; padding-bottom:30px; width:900px; margin:0 auto; }

.g35_pu_large{
	padding-bottom:32px;
}
.g35_pu_large p,#g35_info_box p{
	margin-bottom:14px;
}
.g35_pu_link{
	font-size:16px;
	color:#f71e84;
	text-decoration:underline;
}
.g35_pu_text{
	color:#ffffff;
}
.g35_pu_large_lt{
	float:left;
	margin-right:15px;
	display:inline-block;
}
.g35_pu_large_rt{
	width:285px;
	font-size:13px;
	display:inline-block;
}


.g35_pu_item{
	width:900px;
	overflow:hidden;
}
.g35_pu_item ul{
	width:915px;
}
.g35_pu_item li{
	float:left;
	margin:0 15px 15px 0;
}
.g35_itembox_01{
	width:270px;
	padding:10px;
	background:url(20151021_dbzpc_pu_box_01.png) no-repeat;
	display:block;
	position:relative;
}
.g35_itembox_01 a,.g35_itembox_02 a,.g35_itembox_03 a{
	display:block;
	position:relative;
	overflow:hidden;
}
.g35_itembox_01:hover{
	width:270px;
	padding:10px;
	background-image: url(20151021_dbzpc_pu_box_bg_01.gif);
	display:block;
	position:relative;
}
.g35_itembox_01 .g35_itemname{
	width:246px;
	padding:14px 12px 18px;
	background:url(20150511_g35pc_pu_bg_item.png) repeat;
	position:absolute;
	bottom:0;
	color:#ffffff;
}
.g35_itembox_01 p{
	width:236px;
	float:left;
}
.g35_itembox_02{
	width:575px;
	padding:10px;
	background:url(20151021_dbzpc_pu_box_02.png) no-repeat;
	display:block;
	position:relative;
}
.g35_itembox_02:hover{
	width:575px;
	padding:10px;
	background-image: url(20151021_dbzpc_pu_box_bg_02.gif);
	display:block;
	position:relative;
}
.g35_itembox_02 .g35_itemname{
	width:551px;
	padding:14px 12px 18px;
	background:url(20150511_g35pc_pu_bg_item.png) repeat;
	position:absolute;
	bottom:0;
	color:#ffffff;
}
.g35_itembox_02 p,
.g35_itembox_03 p{
	width:540px;
	float:left;
}
.g35_itembox_03{
	width:575px;
	padding:10px;
	background:url(20151021_dbzpc_pu_box_03.png) no-repeat;
	display:block;
	position:relative;
}
.g35_itembox_03:hover{
	width:575px;
	padding:10px;
	background-image: url(20151021_dbzpc_pu_box_bg_03.gif);
	display:block;
	position:relative;
}
.g35_itembox_03 .g35_itemname{
	width:551px;
	padding:14px 12px 18px;
	background:url(20150511_g35pc_pu_bg_item.png) repeat;
	position:absolute;
	bottom:0;
	color:#ffffff;
}
.g35_item_lt{
	float:left;
	margin-right:15px;
}
.g35_itemname:before{
	content:"";
	width:6px;
	height:17px;
	border-left:4px solid #f18e2b;
	float:left;
}
#g35_pick-up-items p::selection {
	    background:#f71e84;
	    color:#ffffff;
}
#g35_pick-up-items p::-moz-selection {
	    background:#f71e84;
	    color:#ffffff;
}

.morebtn{ width:900px; margin:0 auto; background:url(151011_dbzpc_btnmore_on.png) no-repeat center top; }



.g35_pu_btn img{
    -webkit-transition: opacity .3s ease-in;
    -moz-transition: opacity .3s ease-in;
    -ms-transition: opacity .3s ease-in;
    -o-transition: opacity .3s ease-in;
    transition: opacity .3s ease-in;
}

.g35_pu_btn a:hover img{
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}


.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}




/*------------------------------------------
申し込み
--------------------------------------------*/
.apply-box{ width:1280px; margin:0 auto; }
.apply{ width:900px; font-size:12px; margin:40px auto; line-height:1.5; color:#FFFFFF; }
.apply .detail{ width:461px; height:132px; margin:0 auto; position:relative; background:url(151021_dbz_btn02.png) no-repeat center top; }
.apply .detail a{ width:461px; height:132px; }


.apply .detail .btnlight_position{ position:absolute; top: 44px; left: 10px; width:420px; overflow:hidden;}
.apply .detail .btnlight_position2{ position:absolute; top: 100px; left: 10px; width:420px; overflow:hidden;}
.apply .detail .btnlight_position img{ animation:btnlight 1s infinite ease 1s both; }
.apply .detail .btnlight_position2 img{ animation:btnlight 1s infinite ease 1s both; }

@keyframes btnlight{ 	from {
		transform: translateX(0px);
	}
	to {
		transform: translateX(440px);
	} }

.apply .apply-text{ text-align:center; margin-top:10px;}
.apply .apply-text a{ color:#FFF96B !important; }

/*------------------------------------------
--------------------------------------------*/



.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%; margin:0 auto; }

.fright{ float:right !important; }
.fleft{ float:left !important; }

.attention_text{ display:block; font-size:90%; color:#ff0000; }
#cp{ text-align:center; padding:0 0 20px; font-size:10px; line-height: 1.2; }



/*------------------------------------------
【注意書き】
--------------------------------------------*/


#attention{ width:900px; margin:0 auto; }
#attention_bg{ border-top:2px solid #9a2929; background:#7f0102 !important; width:100%; margin:0 auto; color:#ffffff; }
#attention #readtext{ text-align:center; font-weight:bold; font-size:18px; line-height:1.5em; margin:40px 0 0; }

#attention_detail{ line-height:1.5em; padding:4%; }
#attention_detail dl{ margin:0 0 1em 0; }
#attention_detail dt{ font-weight:bold; font-size:16px; }
#attention_detail dt:before{ content:"■"; }
#attention_detail dd{ font-size:14px; margin:0 0 25px 0; padding:0; line-height:1.6; }
#attention_detail dd a{ color:#FFF96B !important; }

/*----- 注意書き ------*/












