@charset "utf-8";

/* ===================================================================
CSS information

 File Name  : layout.css
 Author     : 湾岸5
 Style Info : /wanganmaxi5/en/special/
=================================================================== */

/* ----------------------- Basic Style */

/*=======================================

/wanganmaxi5/en/special/

/*=====================================*/

/*--------------------------------------
/wanganmaxi5/en/special/001.html
--------------------------------------*/
#specialCont.sp001 h2,#specialCont.sp001 h3 { line-height:0 !important; }
#specialCont.sp001 .snsWrap01 { width:714px; margin:0 auto; background:#1a1f2a; padding:15px 10px; border-bottom:1px solid #444850; }
#specialCont.sp001 .snsWrap01 p { float:right; line-height:0 !important;}
#specialCont.sp001 .snsWrap01 p.tw01 { width:110px; }
#specialCont.sp001 .snsWrap01 p.fb01 { width:130px; }

#specialCont.sp001 .cont01 h3 { margin-top:15px; }
#specialCont.sp001 .cont01 #mvSlide { background:url(../img/001/cont01_bg02.gif) repeat-y top center #32363f; }
#specialCont.sp001 .cont01 #mvSlide .wrap01 { background:url(../img/001/cont01_bg01.jpg) no-repeat top center; padding:41px 0 20px 0; /*max-height:759px; overflow:hidden;*/ }
#specialCont.sp001 .cont01 .mvMainWrp { width:620px; height:349px; margin:0 auto; overflow:hidden; }
#specialCont.sp001 .cont01 .mvMainWrp #mvMain { width:620px; height:349px; }
#specialCont.sp001 .cont01 .mvMainWrp #load01 { background:url(../img/loadingIcon.gif) center center no-repeat; width:100%; height:100%; }

#specialCont.sp001 .cont01 .pnWrp01 { height:139px; margin:28px auto 0 auto; overflow:hidden; }
#specialCont.sp001 .cont01 #mvPnWrp01 { width:636px; height:139px; padding:18px 0; background:#1a1f2a; margin:0 auto; }
#specialCont.sp001 .cont01 #mvPnWrp01 .ttl01 { width:600px; height:32px; position:relative; color:#000; text-shadow:0 1px 0 #fff; background:url(../img/001/cont01_pnTtlBg.gif) no-repeat top left; }
#specialCont.sp001 .cont01 #mvPnWrp01 .ttl01 h4 { position:absolute; top:0; left:0; width:600px; height:32px; line-height:32px; text-align:center; font-weight:bold; font-size:16px; z-index:10; }
#specialCont.sp001 .cont01 #mvPnWrp01 .ttl01 p.prev,#specialCont.sp001 .cont01 #mvPnWrp01 .ttl01 p.next { position:absolute; z-index:100; height:32px; line-height:32px; }
#specialCont.sp001 .cont01 #mvPnWrp01 .ttl01 p.prev a,#specialCont.sp001 .cont01 #mvPnWrp01 .ttl01 p.next a { font-weight:bold; font-size:11px; color:#000; text-shadow:0 1px 0 #fff; }
#specialCont.sp001 .cont01 #mvPnWrp01 .ttl01 p.prev { left:10px; }
#specialCont.sp001 .cont01 #mvPnWrp01 .ttl01 p.prev a:hover,#specialCont.sp001 .cont01 #mvPnWrp01 .ttl01 p.next a:hover { text-decoration:none; color:#cb0505; }
#specialCont.sp001 .cont01 #mvPnWrp01 .ttl01 p.next { right:10px; }
#specialCont.sp001 .cont01 #mvPnWrp01 .ttl01 p.prev a span,#specialCont.sp001 .cont01 #mvPnWrp01 .ttl01 p.next a span { color:#cb0505; font-weight:bold; }
#specialCont.sp001 .cont01 #mvPnWrp01 .ttl01.sml h4 { font-size:14px !important; letter-spacing:0 !important; }
#specialCont.sp001 .cont01 #mvPnWrp01 .ttl01.sml p.prev a,#specialCont.sp001 .cont01 #mvPnWrp01 .ttl01.sml p.next a { font-size:9px; letter-spacing:0 !important; }

#specialCont.sp001 .cont01 #mvPnWrp01 .slick-slide { padding:0 18px; }
#specialCont.sp001 .cont01 #mvPnWrp01 .slick-prev,
#specialCont.sp001 .cont01 #mvPnWrp01 .slick-next { width:32px; height:28px; top:55px; position:absolute; text-indent:-9999px; display:block; overflow:hidden; border:none; cursor:pointer; }
#specialCont.sp001 .cont01 #mvPnWrp01 .slick-prev { background:url(../img/001/slideAlw_prev.png) no-repeat center center; left:-40px;  }
#specialCont.sp001 .cont01 #mvPnWrp01 .slick-next { background:url(../img/001/slideAlw_next.png) no-repeat center center; right:-40px; }
#specialCont.sp001 .cont01 #mvPnWrp01 .mvPn01 { margin-top:3px; }
#specialCont.sp001 .cont01 #mvPnWrp01 .mvPn01 li { float:left; margin-right:3px; width:138px; height:58px; padding:5px; line-height:140%; text-align:left; background:url(../img/001/cont01_pnRk03.gif) no-repeat top center; }
#specialCont.sp001 .cont01 #mvPnWrp01 .mvPn01 li.rk01 { background:url(../img/001/cont01_pnRk01.gif) no-repeat top center !important; }
#specialCont.sp001 .cont01 #mvPnWrp01 .mvPn01 li.rk02 { background:url(../img/001/cont01_pnRk02.gif) no-repeat top center !important; }
#specialCont.sp001 .cont01 #mvPnWrp01 .mvPn01 li a { display:block; width:122px; height:48px; padding:4px 8px 6px 8px; color:#000; font-weight:bold; font-size:13px; text-shadow:0 1px 0 #f6f6f6; background:url(../img/001/cont01_pnBg02.gif) no-repeat top left; }
#specialCont.sp001 .cont01 #mvPnWrp01 .mvPn01 li a:hover,#specialCont.sp001 .cont01 #mvPnWrp01 .mvPn01 li a.currentPage { background:url(../img/001/cont01_pnBg01.gif) no-repeat top left; text-decoration:none; }
#specialCont.sp001 .cont01 #mvPnWrp01 .mvPn01 li.end { margin-right:0 !important; }
#specialCont.sp001 .cont01 #mvPnWrp01 .mvPn01 li span { display:none; }
#specialCont.sp001 .cont01 #mvPnWrp01 .mvPn01 li b { font-size:10px; font-weight:bold; }
#specialCont.sp001 .cont01 #mvPnWrp01 .mvPn01.gf li { width:148px !important; height:68px !important; padding:0 !important; line-height:0 !important; background:#000 none !important; }
#specialCont.sp001 .cont01 #mvPnWrp01 .mvPn01.gf li a { width:148px !important; height:68px !important; padding:0 !important; background:#000 none !important; }
#specialCont.sp001 .cont01 #mvPnWrp01 .mvPn01.gf li a:hover,#specialCont.sp001 .cont01 #mvPnWrp01 .mvPn01.gf a.currentPage { background:url(../img/001/cont01_pnGfBg02.gif) no-repeat top left !important; }
#specialCont.sp001 .cont01 .mvCmWrp01 #mvCmnt { width:590px; padding:20px; /*height:127px;*/ background:#000; border:1px solid #383b42; margin:15px auto 0 auto; text-align:left; }
#specialCont.sp001 .cont01 .mvCmWrp01 #mvCmnt dl dt { float:left; }
#specialCont.sp001 .cont01 .mvCmWrp01 #mvCmnt dl dd { float:right; width:480px; line-height:170%; }


#specialCont.sp001 .cont02 h3 { margin-top:40px; }
#specialCont.sp001 .cont02 h4 { margin-top:35px; }
#specialCont.sp001 .cont02 .wrap01 { width:638px; margin:10px auto 30px auto; }
#specialCont.sp001 .cont02 .wrap01 p { float:left; width:202px; margin-right:15px; }
#specialCont.sp001 .cont02 .wrap01 p.end { margin-right:0 !important; }
#specialCont.sp001 .cont02 .wrap02 ul { width:636px; margin:10px auto 0 auto; }
#specialCont.sp001 .cont02 .wrap02 ul li { float:left; width:210px; margin-right:3px; }
#specialCont.sp001 .cont02 .wrap02 ul li.end { margin-right:0 !important; }

#specialCont.sp001 .cont03 h3 { margin-top:50px; }
#specialCont.sp001 .cont03 .ctWrp01 { position:relative; width:636px; height:779px; margin:30px auto; overflow:hidden; z-index:9; }
#specialCont.sp001 .cont03 .ctWrp01 ul.randamPht { position:absolute; width:636px; height:779px; top:-544px; z-index:99; }
#specialCont.sp001 .cont03 .ctWrp01 ul.randamPht li { width:159px; float:left; padding-top:544px; }
#specialCont.sp001 .cont03 .ctWrp01 .slideWrp01 { position:absolute; top:150px; left:0; z-index:999; width:620px; height:465px; padding:8px; background:url(../img/001/cont03_slideBg01.gif) no-repeat top center; }
#specialCont.sp001 .cont03 .ctWrp01 #slide01 { width:620px; height:465px; overflow:hidden; }
#specialCont.sp001 .cont03 .ctWrp01 #slide01 div { position:relative; }
#specialCont.sp001 .cont03 .ctWrp01 #slide01 div p { display:none; position:absolute; width:590px; height:; bottom:8px; padding:15px; line-height:160%; 
background-color:rgba(0,0,0,0.7);
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#77000000,EndColorStr=#77000000);
-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#77000000,EndColorStr=#77000000)";}
#specialCont.sp001 .cont03 .ctWrp01 #slide01 li p:not(:target){ filter: none; -ms-filter: none; }
#specialCont.sp001 .cont03 .ctWrp01 #slide01 .slick-prev,
#specialCont.sp001 .cont03 .ctWrp01 #slide01 .slick-next { width:32px; height:28px; top:50%; position:absolute; text-indent:-9999px; display:block; overflow:hidden; border:none; cursor:pointer; }
#specialCont.sp001 .cont03 .ctWrp01 #slide01 .slick-prev { background:url(../img/001/slideAlw_prev.png) no-repeat center center; left:8px; }
#specialCont.sp001 .cont03 .ctWrp01 #slide01 .slick-next { background:url(../img/001/slideAlw_next.png) no-repeat center center; right:8px; }

/*--------------------------------------
/wanganmaxi5/en/special/002.html
--------------------------------------*/

#specialCont.sp002 h2,#specialCont.sp002 h3 { line-height:0 !important; }
#specialCont.sp002 .snsWrap01 { width:714px; margin:0 auto; background:#1a1f2a; padding:15px 10px; border-bottom:1px solid #444850; }
#specialCont.sp002 .snsWrap01 p { float:right; line-height:0 !important;}
#specialCont.sp002 .snsWrap01 p.tw01 { width:110px; }
#specialCont.sp002 .snsWrap01 p.fb01 { width:130px; }

#specialCont.sp002 .catch01 { margin-top:15px; font-size:16px; font-weight:bold !important; color:#fff; }

#specialCont.sp002 .cont01 h3 { margin-top:15px; }
#specialCont.sp002 .cont01 #mvSlide { background:url(../img/002/cont01_bg02.gif) repeat-y top center #32363f; }
#specialCont.sp002 .cont01 #mvSlide .wrap01 { background:url(../img/002/cont01_bg01.jpg) no-repeat top center; padding:41px 0 20px 0; /*max-height:759px; overflow:hidden;*/ }
#specialCont.sp002 .cont01 .mvMainWrp { width:620px; height:349px; margin:0 auto; overflow:hidden; }
#specialCont.sp002 .cont01 .mvMainWrp #mvMain { width:620px; height:349px; }

#specialCont.sp002 .cont01 #mvPnWrp01 { width:636px; background:#1a1f2a; padding:30px 0 20px 0; margin:30px auto 0 auto; }
#specialCont.sp002 .cont01 #mvPnWrp01 .mvPn01 { padding:0 38px; width:560px; }
#specialCont.sp002 .cont01 #mvPnWrp01 .mvPn01 li { width:270px; height:200px; float:left; margin:0 20px 0 0; }
#specialCont.sp002 .cont01 #mvPnWrp01 .mvPn01 li.end { margin-right:0 !important; }
#specialCont.sp002 .cont01 #mvPnWrp01 .mvPn01 li div { width:270px; height:152px; }
#specialCont.sp002 .cont01 #mvPnWrp01 .mvPn01 li div a { display:block; width:262px; height:148px; padding:4px; background:url(../img/002/mv_pnBg_off.gif) no-repeat top left;}
#specialCont.sp002 .cont01 #mvPnWrp01 .mvPn01 li.hover div a,
#specialCont.sp002 .cont01 #mvPnWrp01 .mvPn01 li.current div a { background:url(../img/002/mv_pnBg_on.gif) no-repeat top left; }
#specialCont.sp002 .cont01 #mvPnWrp01 .mvPn01 li.hover p,
#specialCont.sp002 .cont01 #mvPnWrp01 .mvPn01 li.current p { color:#ff0000; }
#specialCont.sp002 .cont01 #mvPnWrp01 .mvPn01 li p { color:#f4d726; margin-top:8px; }
#specialCont.sp002 .cont01 #mvPnWrp01 .mvPn01 li span { display:none; }