@charset "shift_jis";
/* CSS Document */

/*------------------------------------------
【common】
--------------------------------------------*/
.clearfix {zoom: 100%;}
.clearfix:after { clear: both; content: "."; display: block; font-size: 0.1em; height: 0.1px; line-height: 0; visibility: hidden; }
fieldset,img { border:0;}
a img { border-style:none;}
ul,ol,li { list-style:none; padding:0; margin:0;}


/*------------------------------------------
【コンテンツ大枠】
--------------------------------------------*/
#movieft { font-family:"メイリオ","Meiryo","ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","Osaka","sans-serif" !important; height:auto; margin:0; padding:0; min-width:1016px; width:100%;}



/*------------------------------------------
【ヘッダー】
--------------------------------------------*/
/*壁紙*/

#movieft_headerBox {background:url(20150708_movieft_header_grd_bg.jpg) repeat-x; margin:0 auto 0 auto; padding:0; min-width:1016px; width:100%;}

#movieft_header {background:url(20150708_movieft_header_bg.jpg) top center no-repeat; line-height:0; min-height:230px; margin:0 auto 0 auto; padding:0; min-width:1016px; width:100%;}

/*タイトルとグローバルメニューの最大幅*/
.movieft_header_wrap { height:212px; margin:0 auto; padding:0; width:755px;}

/*タイトル*/
.movieft_header_wrap h2.movieft_header_ttl { height:144px; line-height:0; margin:0; padding:0; width:755px;}

/*グローバルメニュー*/
.movieft_header_wrap ul { margin:0; padding:0;}
.movieft_header_wrap ul li.movieft_header_gm { display:inline-block; height:68px; margin:0 0 0 7px; padding:0; width:243px;}

/*グローバルメニューのリンクの挙動*/
.movieft_header_wrap ul li.movieft_header_gm a img:hover {filter: alpha(opacity=80); -ms-filter: "alpha(opacity=80)"; -khtml-opacity: 0.8; -moz-opacity: 0.8; opacity: 0.8; 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;}



/*------------------------------------------
【スターウォーズ】
--------------------------------------------*/
/*壁紙*/
#movieft_starwars {background:#000 url(20151013_movieft_sec_star_bg.jpg) top center no-repeat; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; line-height:0; min-height:1065px; margin:0 auto 0 auto; padding:40px 0 0 0; min-width:1016px; width:100%;}

/*コンテンツの最大幅*/
.movieft_starwars_wrap { margin:0 auto; padding:0; width:910px;}

/*コンテンツのヘッダー
--------------------------------------------*/
.movieft_starwars_wrap dl {margin:0; padding:0 10px 0 0;}
/*映画ロゴ*/
.movieft_starwars_wrap dl dt { -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; float:left; height:143px; margin:0; padding:0; width:323px;}

/*解説テキスト背景*/
.movieft_starwars_wrap dl dd { background:url(20150708_movieft_sec_star_txt_bg.png) top right no-repeat; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; float:right; height:151px; margin:0; padding:18px 19px; width:529px;}

/*解説テキスト枠*/
.movieft_starwars_wrap dl dd ul {margin:0; padding:0;}
/*解説テキストタイトル*/
.movieft_starwars_wrap dl dd ul li.movieft_sec_subttl {margin:0 0 7px 0; padding:0;}

/*解説テキスト*/
/*※3行までの高さを超えると非表示になるよう、決め打ちにしています*/
.movieft_starwars_wrap dl dd ul li.movieft_sec_subtxt { height:65px; margin:0 0 7px 5px; overflow:hidden; padding:0;}
.movieft_starwars_wrap dl dd span { color:#fff; display:block; font-size:14px; line-height:1.5;}



/*------------------------------------------
【アベンジャーズ】
--------------------------------------------*/
/*壁紙*/
#movieft_avengers {background:#8f0000 url(20150708_movieft_sec_ave_bg.jpg) top center no-repeat; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; line-height:0; min-height:934px; margin:0 auto 0 auto; padding:40px 0 0 0; min-width:1016px; width:100%;}

/*コンテンツの最大幅*/
.movieft_avengers_wrap { margin:0 auto; padding:0; width:910px;}

/*コンテンツのヘッダー
--------------------------------------------*/
.movieft_avengers_wrap dl {margin:0; padding:0 10px 0 0;}
/*映画ロゴ*/
.movieft_avengers_wrap dl dt { -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; float:left; height:143px; margin:0; padding:0; width:323px;}

/*解説テキスト背景*/
.movieft_avengers_wrap dl dd { background:url(20150708_movieft_sec_ave_txt_bg.png) top right no-repeat; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; float:right; height:133px; margin:0; padding:11px 19px; width:531px;}

/*解説テキスト枠*/
.movieft_avengers_wrap dl dd ul {margin:0; padding:0;}
/*解説テキストタイトル*/
.movieft_avengers_wrap dl dd ul li.movieft_sec_subttl {margin:0 0 7px 0; padding:0;}

/*解説テキスト*/
/*※3行までの高さを超えると非表示になるよう、決め打ちにしています*/
.movieft_avengers_wrap dl dd ul li.movieft_sec_subtxt { height:65px; margin:0 0 7px 5px; overflow:hidden; padding:0;}
.movieft_avengers_wrap dl dd span { color:#fff; display:block; font-size:14px; line-height:1.5;}




/*------------------------------------------
【その他商品】
--------------------------------------------*/
/*壁紙*/
#movieft_etc {background:#fff url(20150708_movieft_sec_etc_bg.jpg) top center repeat-x; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; line-height:0; height:auto; min-height:195px; margin:0 auto 0 auto; padding:40px 0 0 0; min-width:1016px; width:100%;}

/*コンテンツの最大幅*/
.movieft_etc_wrap { margin:0 auto; padding:0; width:910px;}

/*コンテンツのヘッダー
--------------------------------------------*/
.movieft_etc_ttl { margin:0; padding:0;}




/*------------------------------------------
【写真リスト】
--------------------------------------------*/
.movieft_pd { margin:24px 0 0 0; padding:0;}
.movieft_pd ul {margin:0; padding:0;}

/*スターウォーズ写真（大・中・小）*/
.movieft_pd ul li.starwars_pd_big { border:#636467 6px solid; height:542px; float:left; margin:0 10px 8px 0; padding:0; position:relative; width:542px;}
.movieft_pd ul li.starwars_pd_middle { border:#636467 6px solid; height:200px; float:left; margin:0 10px 8px 0; padding:0; position:relative; width:324px;}
.movieft_pd ul li.starwars_pd_middle2 { border:#636467 6px solid; height:200px; float:left; margin:0 10px 8px 0; padding:0; position:relative; width:542px;}
.movieft_pd ul li.starwars_pd_small { border:#636467 6px solid; height:151px; float:left; margin:0 10px 8px 0; padding:0; position:relative; width:151px;}

/*アベンジャーズ写真（中・小）*/
/*.movieft_pd ul li.avengers_pd_middle { border:#ca2e00 6px solid; height:296px; float:left; margin:0 10px 8px 0; padding:0; position:relative; width:570px;}*/
.movieft_pd ul li.avengers_pd_middle { border:#ca2e00 6px solid; height:450px; float:left; margin:0 10px 8px 0; padding:0; position:relative; width:890px;}

.movieft_pd ul li.avengers_pd_small { border:#ca2e00 6px solid; height:296px; float:left; margin:0 10px 8px 0; padding:0; position:relative; width:296px;}

/*その他アイテム写真（小）*/
.movieft_pd ul li.etc_pd { border:#dedfe9 6px solid; height:197px; float:left; margin:0 13px 10px 5px; padding:0; position:relative; width:197px;}


/*オンマウス時の挙動（画像が暗くなる）*/
.movieft_pd ul li a {background-color:#000; display:block;}
.movieft_pd ul li a:hover img,
.movieft_pd ul li a:active img {filter: alpha(opacity=80); -ms-filter: "alpha(opacity=80)"; -khtml-opacity: 0.8; -moz-opacity: 0.8; opacity: 0.8; 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;}


/*キャプションの文字位置*/
.movieft_pd ul li span { text-indent:-12px !important; padding-left:25px !important;}


/*キャプション（スターウォーズとアベンジャーズで共通）
--------------------------------------------*/
/*ノーマル時は非表示*/
.movieft_pd ul li a span.pdname { display:none;}

/*オンマウス時のみ出現させる*/
/*※IE8、IE9用はページに記載*/
.movieft_pd ul li a:hover span.pdname { background:rgba(0,0,0,0.50) url(20150708_movieft_sec_pd_bg.png) repeat; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; color:#fff; min-height:25px; display:block; font-size:14px; line-height:1.2; margin:0; padding:10px 10px 10px 10px; position:absolute; bottom:0; left:0; width:100%;

/*アニメーションさせる*/
animation: jumpup;
-moz-animation: jumpup;
-ms-animation: jumpup;
-webkit-animation: jumpup;

/*アニメーション開始までの時間*/
transition-delay: 0.1s;
-moz-transition-duration:0.1s;
-ms-transition-duration:0.1s;
-webkit-transition-duration:0.1s;

/*アニメーションの開始から終了までの時間の流れ方*/
transition-timing-function:linear;
-moz-transition-timing-function:linear;
-ms-transition-timing-function:linear;
-webkit-transition-timing-function:linear;
}


/*キャプション（その他アイテム用）
--------------------------------------------*/
/*ノーマル時は非表示*/
.movieft_pd ul li a span.pdname_etc { display:none;}

/*オンマウス時のみ出現させる*/
/*※IE8、IE9用はページに記載*/
.movieft_pd ul li a:hover span.pdname_etc {background:rgba(0,0,0,0.50) url(20150708_movieft_sec_pd_white_bg.png) repeat; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; color:#fff; min-height:25px; display:block; font-size:14px; line-height:1.2; margin:0; padding:10px 10px 10px 10px; position:absolute; bottom:0; left:0; width:100%;

/*アニメーションさせる*/
animation: jumpup;
-moz-animation: jumpup;
-ms-animation: jumpup;
-webkit-animation: jumpup;

/*アニメーション開始までの時間*/
transition-delay: 0.1s;
-moz-transition-duration:0.1s;
-ms-transition-duration:0.1s;
-webkit-transition-duration:0.1s;

/*アニメーションの開始から終了までの時間の流れ方*/
transition-timing-function:linear;
-moz-transition-timing-function:linear;
-ms-transition-timing-function:linear;
-webkit-transition-timing-function:linear;
}


/*アニメーションの挙動（全共通）
--------------------------------------------*/
@keyframes jumpup {
0% { transform:  translate(0px, 0px);}
25% { transform:  translate(0px, -1px);}
100% { transform:  translate(0px, 0px);}
}
@-moz-keyframes jumpup {
0% { transform:  translate(0px, 0px);}
25% { transform:  translate(0px, -1px);}
100% { transform:  translate(0px, 0px);}
}
@-ms-keyframes jumpup {
0% { transform:  translate(0px, 0px);}
25% { transform:  translate(0px, -1px);}
100% { transform:  translate(0px, 0px);}
}
@-webkit-keyframes jumpup {
0% { transform:  translate(0px, 0px);}
25% { transform:  translate(0px, -1px);}
100% { transform:  translate(0px, 0px);}
}


/*キャプション横の縦帯*/
/*スターウォーズ：黄色*/
.movieft_pd ul li span.starcolor:before { border-left: 4px solid #ffa200; content: ""; height:6px; font-size:14px; line-height:1.2; line-height:0; margin:0 8px 0 0; padding:0; width: 6px;}
/*アベンジャーズ：赤*/
.movieft_pd ul li span.avecolor:before { border-left: 4px solid #ff0029; content: ""; height:6px; font-size:14px; line-height:1.2; line-height:0; margin:0 8px 0 0; padding:0; width: 6px;}
/*その他：黒*/
.movieft_pd ul li span.etccolor:before { border-left: 4px solid #060606; content: ""; height:6px; font-size:14px; line-height:1.2; line-height:0; margin:0 8px 0 0; padding:0; width: 6px;}


/*コピーライト（スターウォーズとアベンジャーズで共通）*/
.movieft_copyright { color:#fff; font-size:12px; line-height:1.2; padding-bottom:20px; margin:20px auto 0 auto; text-align:center; min-width:910px; width:910px;}
/*コピーライト（その他アイテム用）*/
.movieft_copyright_etc { color:#666; font-size:12px; line-height:1.2; margin:40px auto 0 auto; text-align:center; min-width:910px; width:910px;}


/*スライド*/
.movieft_pd ul.slide {}
.movieft_pd ul.slide li { position: absolute; top: 0; right: 100%; bottom: 0; left: 0; overflow: hidden;}
.movieft_pd ul.slide li.slidein { background: #000000;}


/*------------------------------------------
【メルマガ情報】
--------------------------------------------*/

#movieft_footer { background:url(20150708_movieft_footer_bg.png) right bottom no-repeat; border: 4px solid #dedfe9; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; height:106px; margin:50px auto 0 auto; padding:19px; min-height:98px; width:758px;}

#movieft_footer ul {margin:0; padding:0;}
#movieft_footer ul li.movieft_footer_bnr { display:inline-block; height:60px; margin:0 13px 0 0; width:230px; vertical-align:top;}
#movieft_footer ul li.movieft_footer_txt { display:inline-block; font-size:12px; height:60px; line-height:1.6; vertical-align:top;}

#movieft_footer ul li.movieft_footer_bnr a img:hover {filter: alpha(opacity=80); -ms-filter: "alpha(opacity=80)"; -khtml-opacity: 0.8; -moz-opacity: 0.8; opacity: 0.8; 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;}