@charset "utf-8";
/* CSS Document */

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

hr {display: none;}


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

/*------------------------------------------
【コンテンツ背景】
※#yowapecp_contentは背景を複数指定しています
※複数背景なのでIE8用はページ内に記述しています（JS制御）
--------------------------------------------*/
/*青空＋全体的なグラデ*/
#yowapecp_content { background:url(20150805_yowapecp_bg_sky.jpg) top center no-repeat, url(20150805_yowapecp_bg_bottom.jpg) center 1873px repeat-x; margin:0 auto 0 auto; padding:0; position:relative; min-width:1016px; width:100%;}

/*------------------------------------------
【メインビジュアル】
--------------------------------------------*/
/*メインビジュアル
※映画情報の位置までかかるので背景扱いで処理します
※これも背景を複数指定しています
※IE8用はページ内に記述しています（JS制御）
--------------------------------------------*/
#yowapecp_visualBox { background:url(20150806_yowapecp_bg_confetti.png) top center scroll no-repeat, url(20150805_yowapecp_bg_mainv.png) top right no-repeat; margin:0 auto; padding:0; position:relative; min-width:1016px; width:1115px;}


/*------------------------------------------
【ヘッダー】
メインビジュアル背景の幅に対して左に寄せる
--------------------------------------------*/
#yowapecp_header { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; margin:0; padding:0 0 0 50px; width:567px;}

/*ロゴ諸々*/
#yowapecp_header ul { line-height:0; margin:0; padding:0; width:517px;}
#yowapecp_header ul li { margin:0; padding:0;}

/*H2*/
#yowapecp_header ul li h2.yowapecp_header_ttl { line-height:0; margin:0; padding:0;}

/*応募ボタン*/
#yowapecp_header ul li.yowapecp_header_entry { margin:29px 0 10px 0; padding:0; text-align:center;}
#yowapecp_header ul li.yowapecp_header_entry a:hover 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;}

/*応募の注意*/
#yowapecp_header span { display:block; font-size:10px; line-height:1.5; text-align:center; width:517px;}
#yowapecp_header span a,
#yowapecp_header span a:visited { color:#cc0000 !important; text-decoration:underline !important;}
#yowapecp_header span a:hover,
#yowapecp_header span a:active { color:#cc0000 !important; text-decoration:none !important;}


/*------------------------------------------
【映画情報】
--------------------------------------------*/
#yowapecp_about { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; margin:126px auto 0 auto; padding:0; min-width:1016px; width:1115px;}

/*タイトル*/
#yowapecp_about h2.yowapecp_about_ttl { line-height:0; margin:0; padding:0;}

/*PVとコメント枠*/
#yowapecp_about .yowapecp_about_pvBox {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; margin:0 auto; padding:0 0 0 74px; min-width:1016px; width:1115px;}

/*PV枠*/
#yowapecp_about .yowapecp_about_pv { float:left; margin:0 19px 0 0; width:470px;}
#yowapecp_about .yowapecp_about_pv iframe { height:292px; line-height:1.5; width:470px;}

/*コメント枠*/
#yowapecp_about .yowapecp_about_catch { float:left; margin:29px 0 0 0; width:552px;}
#yowapecp_about .yowapecp_about_catch ul {}
#yowapecp_about .yowapecp_about_catch ul li.yowapecp_about_subttl { margin:0 0 20px 0; padding:0;}

#yowapecp_about .yowapecp_about_catch ul li.yowapecp_about_comm { margin:0 0 20px 4px; padding:0;}
#yowapecp_about .yowapecp_about_catch ul li.yowapecp_about_comm span { display:block; font-size:14px; line-height:1.5; width:552px;}

#yowapecp_about .yowapecp_about_catch ul li.yowapecp_about_link { margin:0 0 0 3px; padding:0;}
#yowapecp_about .yowapecp_about_catch ul li.yowapecp_about_link a:hover 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;}



/*------------------------------------------
【おススメ商品情報】
--------------------------------------------*/
#yowapecp_recomm { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; margin:65px auto 0 auto; padding:0; width:1015px;}

/*タイトル*/
#yowapecp_recomm h2.yowapecp_recomm_ttl { line-height:0; margin:0 0 19px 0; padding:0;}

/*商品リスト*/
#yowapecp_recomm ul {margin:0; padding:0 0 0 10px;}
#yowapecp_recomm ul li { display:inline-block; margin:0 0 25px 13px; padding:0; vertical-align:top;}
#yowapecp_recomm ul li img { border:1px solid #000; height:230px; width:230px;}
#yowapecp_recomm ul li span { display:block; font-size:14px; font-weight:bold; line-height:1.5; text-align:center;}

/*リンク挙動*/
#yowapecp_recomm ul li a span,
#yowapecp_recomm ul li a:visited span { color:#ff3333 !important; text-decoration:none !important;}
#yowapecp_recomm ul li a:hover span,
#yowapecp_recomm ul li a:active span { color:#ff3333 !important; text-decoration:underline !important;}

#yowapecp_recomm ul li a:hover 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;}


/*商品をもっと見る*/
#yowapecp_recomm .yowapecp_recomm_btn { margin:17px 0 0 0; padding:0; text-align:right;}
#yowapecp_recomm .yowapecp_recomm_btn a:hover 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;}



/*------------------------------------------
【応募規約】
--------------------------------------------*/

#yowapecp_caution { background:#fff; margin:73px auto 0 auto; padding:20px 0 20px 0; width:1015px;}

/*タイトル*/
#yowapecp_caution h2.yowapecp_caution_ttl { line-height:0; margin:0 0 19px 0; padding:0;}

#yowapecp_caution dl { display:block; margin:0 auto; padding:0; width:760px;}

#yowapecp_caution dl dt {color:#40260f; font-size:13px; line-height:1.5; font-weight:bold;}
#yowapecp_caution dl dt:before { content:"■";}
#yowapecp_caution dl dd {color:#40260f;  font-size:13px; line-height:1.5; font-weight:normal; margin:0 0 12px 0; padding:0;}
#yowapecp_caution dl dd p { text-indent:-1em; padding-left:1em; margin:0 !important;}


/*------------------------------------------
【footer】
--------------------------------------------*/
#yowapecp_footer { margin:45px auto 0 auto; padding:0 0 45px 0; text-align:center; width:1015px;}
#yowapecp_footer span { display:block; font-size:11px; line-height:1.5; text-align:center;}