@charset "utf-8"; /* =================================================================== CSS information File Name : layout.css Author : 湾岸5 Style Info : /wanganmaxi5/jp/special/ =================================================================== */ /* ----------------------- Basic Style */ /*======================================= /wanganmaxi5/jp/special/ /*=====================================*/ #specialCont .char01 { font-weight:700; color:#00ffff; } #specialCont .char02 { font-weight:700; color:#fe32a5; } #specialCont .lrg { font-size:15px; } #specialCont .lrgRed { color:#F00; font-weight:bold; font-size:16px; } #specialCont .udLine { text-decoration:underline; } #specialCont .parts15 { background:#202020 !important; } #specialCont .parts15 p { font-size:15px; font-family: 'Times New Roman', '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', serif,'メイリオ', Meiryo; color:#fff !important; text-shadow:none !important; font-weight:700; } #specialCont .parts15 h4 { font-size:17px; color:#dd0000; } #specialCont .font01 { font-size:18px; font-weight:700; color:#f6df2f; } #specialCont #charWrap { border-bottom:#ddd 2px dotted; padding:0 0 32px 0; } #specialCont .specialBg { width:734px; margin:0 auto; background:URL(../img/bg01.jpg) repeat center top; } #specialCont .specialBg img { vertical-align:top; } #specialCont .snsWrap01 { width:714px; min-height:25px; margin:0 auto; background:#1a1f2a; padding:15px 10px 10px 10px; border-bottom:1px solid #444850; } #specialCont .snsWrap01.bdr { border-top:1px solid #444850; } #specialCont .snsWrap01 p { float:right; line-height:0 !important;} #specialCont .snsWrap01 p.tw01 { width:110px; } #specialCont .snsWrap01 p.fb01 { width:130px; } #specialCont nav.parts03 ul { background-position:left top !important; } /*-------------------------------------- /wanganmaxi5/jp/special/002.html --------------------------------------*/ #specialCont.sp002 ul.partNav01 { width:676px; } #specialCont.sp002 ul.partNav01 li { width:127px; float:left; margin:10px 10px 0 0; } #specialCont.sp002 ul.partNav01 li.end { margin-right:0 !important; } #specialCont.sp002 .parts12 { margin-top:12px !important; } #specialCont.sp002 .parts12 h4 { margin-top:10px !important; width:465px !important; height:263px !important; } #specialCont.sp002 .parts12 p { border-bottom:1px dotted #fff; padding-bottom:20px; } #specialCont.sp002 .parts12 p.end { border:none !important; padding-bottom:0 !important; } #specialCont.sp002 .ttl01 { font-weight:700; font-size:14px;} /*-------------------------------------- /wanganmaxi5/jp/special/003.html --------------------------------------*/ #specialCont.sp003 h2,#specialCont.sp003 h3 { line-height:0 !important; } #specialCont.sp003 .cont01 h3 { margin-top:15px; } #specialCont.sp003 .cont01 #mvSlide { background:url(../img/003/cont01_bg02.gif) repeat-y top center #32363f; } #specialCont.sp003 .cont01 #mvSlide .wrap01 { background:url(../img/003/cont01_bg01.jpg) no-repeat top center; padding:41px 0 20px 0; /*max-height:759px; overflow:hidden;*/ } #specialCont.sp003 .cont01 .mvMainWrp { width:620px; height:349px; margin:0 auto; overflow:hidden; } #specialCont.sp003 .cont01 .mvMainWrp #mvMain { width:620px; height:349px; } #specialCont.sp003 .cont01 .mvMainWrp #load01 { background:url(../img/loadingIcon.gif) center center no-repeat; width:100%; height:100%; } #specialCont.sp003 .cont01 .pnWrp01 { height:139px; margin:28px auto 0 auto; overflow:hidden; } #specialCont.sp003 .cont01 #mvPnWrp01 { width:636px; height:139px; padding:18px 0; background:#1a1f2a; margin:0 auto; } #specialCont.sp003 .cont01 #mvPnWrp01 .ttl01 { width:600px; height:32px; position:relative; color:#000; text-shadow:0 1px 0 #fff; background:url(../img/003/cont01_pnTtlBg.gif) no-repeat top left; } #specialCont.sp003 .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.sp003 .cont01 #mvPnWrp01 .ttl01 p.prev,#specialCont.sp003 .cont01 #mvPnWrp01 .ttl01 p.next { position:absolute; z-index:100; height:32px; line-height:32px; } #specialCont.sp003 .cont01 #mvPnWrp01 .ttl01 p.prev a,#specialCont.sp003 .cont01 #mvPnWrp01 .ttl01 p.next a { font-weight:bold; font-size:11px; color:#000; text-shadow:0 1px 0 #fff; } #specialCont.sp003 .cont01 #mvPnWrp01 .ttl01 p.prev { left:10px; } #specialCont.sp003 .cont01 #mvPnWrp01 .ttl01 p.prev a:hover,#specialCont.sp003 .cont01 #mvPnWrp01 .ttl01 p.next a:hover { text-decoration:none; color:#cb0505; } #specialCont.sp003 .cont01 #mvPnWrp01 .ttl01 p.next { right:10px; } #specialCont.sp003 .cont01 #mvPnWrp01 .ttl01 p.prev a span,#specialCont.sp003 .cont01 #mvPnWrp01 .ttl01 p.next a span { color:#cb0505; font-weight:bold; } #specialCont.sp003 .cont01 #mvPnWrp01 .slick-slide { padding:0 18px; } #specialCont.sp003 .cont01 #mvPnWrp01 .slick-prev, #specialCont.sp003 .cont01 #mvPnWrp01 .slick-next { width:32px; height:28px; top:55px; position:absolute; text-indent:-9999px; display:block; overflow:hidden; border:none; cursor:pointer; } #specialCont.sp003 .cont01 #mvPnWrp01 .slick-prev { background:url(../img/003/slideAlw_prev.png) no-repeat center center; left:-40px; } #specialCont.sp003 .cont01 #mvPnWrp01 .slick-next { background:url(../img/003/slideAlw_next.png) no-repeat center center; right:-40px; } #specialCont.sp003 .cont01 #mvPnWrp01 .mvPn01 { margin-top:3px; } #specialCont.sp003 .cont01 #mvPnWrp01 .mvPn01 li { float:left; margin-right:3px; width:138px; height:58px; padding:5px; line-height:140%; text-align:left; background:url(../img/003/cont01_pnRk03.gif) no-repeat top center; } #specialCont.sp003 .cont01 #mvPnWrp01 .mvPn01 li.rk01 { background:url(../img/003/cont01_pnRk01.gif) no-repeat top center !important; } #specialCont.sp003 .cont01 #mvPnWrp01 .mvPn01 li.rk02 { background:url(../img/003/cont01_pnRk02.gif) no-repeat top center !important; } #specialCont.sp003 .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/003/cont01_pnBg02.gif) no-repeat top left; } #specialCont.sp003 .cont01 #mvPnWrp01 .mvPn01 li a:hover,#specialCont.sp003 .cont01 #mvPnWrp01 .mvPn01 li a.currentPage { background:url(../img/003/cont01_pnBg01.gif) no-repeat top left; text-decoration:none; } #specialCont.sp003 .cont01 #mvPnWrp01 .mvPn01 li.end { margin-right:0 !important; } #specialCont.sp003 .cont01 #mvPnWrp01 .mvPn01 li span { display:none; } #specialCont.sp003 .cont01 #mvPnWrp01 .mvPn01 li b { font-size:10px; font-weight:bold; } #specialCont.sp003 .cont01 #mvPnWrp01 .mvPn01.gf li { width:148px !important; height:68px !important; padding:0 !important; line-height:0 !important; background:#000 none !important; } #specialCont.sp003 .cont01 #mvPnWrp01 .mvPn01.gf li a { width:148px !important; height:68px !important; padding:0 !important; background:#000 none !important; } #specialCont.sp003 .cont01 #mvPnWrp01 .mvPn01.gf li a:hover,#specialCont.sp003 .cont01 #mvPnWrp01 .mvPn01.gf a.currentPage { background:url(../img/003/cont01_pnGfBg02.gif) no-repeat top left !important; } #specialCont.sp003 .cont01 .mvCmWrp01 #mvCmnt { width:590px; padding:20px; /*height:127px;*/ background:#000; border:1px solid #383b42; margin:15px auto 0 auto; text-align:left; } #specialCont.sp003 .cont01 .mvCmWrp01 #mvCmnt dl dt { float:left; } #specialCont.sp003 .cont01 .mvCmWrp01 #mvCmnt dl dd { float:right; width:480px; line-height:170%; } #specialCont.sp003 .cont02 h3 { margin-top:40px; } #specialCont.sp003 .cont02 h4 { margin-top:35px; } #specialCont.sp003 .cont02 .wrap01 { width:638px; margin:10px auto 30px auto; } #specialCont.sp003 .cont02 .wrap01 p { float:left; width:202px; margin-right:15px; } #specialCont.sp003 .cont02 .wrap01 p.end { margin-right:0 !important; } #specialCont.sp003 .cont02 .wrap02 ul { width:636px; margin:10px auto 0 auto; } #specialCont.sp003 .cont02 .wrap02 ul li { float:left; width:210px; margin-right:3px; } #specialCont.sp003 .cont02 .wrap02 ul li.end { margin-right:0 !important; } #specialCont.sp003 .cont03 h3 { margin-top:50px; } #specialCont.sp003 .cont03 .ctWrp01 { position:relative; width:636px; height:779px; margin:30px auto; overflow:hidden; z-index:9; } #specialCont.sp003 .cont03 .ctWrp01 ul.randamPht { position:absolute; width:636px; height:779px; top:-544px; z-index:99; } #specialCont.sp003 .cont03 .ctWrp01 ul.randamPht li { width:159px; float:left; padding-top:544px; } #specialCont.sp003 .cont03 .ctWrp01 .slideWrp01 { position:absolute; top:150px; left:0; z-index:999; width:620px; height:465px; padding:8px; background:url(../img/003/cont03_slideBg01.gif) no-repeat top center; } #specialCont.sp003 .cont03 .ctWrp01 #slide01 { width:620px; height:465px; overflow:hidden; } #specialCont.sp003 .cont03 .ctWrp01 #slide01 div { position:relative; } #specialCont.sp003 .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.sp003 .cont03 .ctWrp01 #slide01 li p:not(:target){ filter: none; -ms-filter: none; } #specialCont.sp003 .cont03 .ctWrp01 #slide01 .slick-prev, #specialCont.sp003 .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.sp003 .cont03 .ctWrp01 #slide01 .slick-prev { background:url(../img/003/slideAlw_prev.png) no-repeat center center; left:8px; } #specialCont.sp003 .cont03 .ctWrp01 #slide01 .slick-next { background:url(../img/003/slideAlw_next.png) no-repeat center center; right:8px; } /*-------------------------------------- /wanganmaxi5/jp/special/004.html --------------------------------------*/ #specialCont.sp004 h2,#specialCont.sp004 h3 { line-height:0 !important; } #specialCont.sp004 .catch01 { margin-top:15px; font-size:16px; font-weight:bold !important; color:#fff; } #specialCont.sp004 .cont01 h3 { margin-top:15px; } #specialCont.sp004 .cont01 #mvSlide { background:url(../img/003/cont01_bg02.gif) repeat-y top center #32363f; } #specialCont.sp004 .cont01 #mvSlide .wrap01 { background:url(../img/003/cont01_bg01.jpg) no-repeat top center; padding:41px 0 20px 0; /*max-height:759px; overflow:hidden;*/ } #specialCont.sp004 .cont01 .mvMainWrp { width:620px; height:349px; margin:0 auto; overflow:hidden; } #specialCont.sp004 .cont01 .mvMainWrp #mvMain { width:620px; height:349px; } #specialCont.sp004 .cont01 #mvPnWrp01 { width:636px; background:#1a1f2a; padding:30px 0 20px 0; margin:30px auto 0 auto; } #specialCont.sp004 .cont01 #mvPnWrp01 .mvPn01 { padding:0 38px; width:560px; } #specialCont.sp004 .cont01 #mvPnWrp01 .mvPn01 li { width:270px; height:200px; float:left; margin:0 20px 0 0; } #specialCont.sp004 .cont01 #mvPnWrp01 .mvPn01 li.end { margin-right:0 !important; } #specialCont.sp004 .cont01 #mvPnWrp01 .mvPn01 li div { width:270px; height:152px; } #specialCont.sp004 .cont01 #mvPnWrp01 .mvPn01 li div a { display:block; width:262px; height:148px; padding:4px; background:url(../img/004/mv_pnBg_off.gif) no-repeat top left;} #specialCont.sp004 .cont01 #mvPnWrp01 .mvPn01 li.hover div a, #specialCont.sp004 .cont01 #mvPnWrp01 .mvPn01 li.current div a { background:url(../img/004/mv_pnBg_on.gif) no-repeat top left; } #specialCont.sp004 .cont01 #mvPnWrp01 .mvPn01 li.hover p, #specialCont.sp004 .cont01 #mvPnWrp01 .mvPn01 li.current p { color:#ff0000; } #specialCont.sp004 .cont01 #mvPnWrp01 .mvPn01 li p { color:#f4d726; margin-top:8px; } #specialCont.sp004 .cont01 #mvPnWrp01 .mvPn01 li span { display:none; } /*-------------------------------------- /wanganmaxi5/jp/special/005.html --------------------------------------*/ #specialCont.sp005 .cntrObjct { text-align:center; } #specialCont.sp005 .linkBtn01 { width:600px; margin:20px auto 0 auto; text-align:center; } #specialCont.sp005 .linkBtn01 p.txt { font-weight:700; font-size:15px; margin-top:5px; } #specialCont.sp005 .cont03 {} #specialCont.sp005 .cont03 b { font-size:18px; } #specialCont.sp005 .cont03 span.s01 { font-weight:700; color:#f6df2f; } #specialCont.sp005 .cont03 span.s02 { font-weight:700; color:#ff0000; } #specialCont.sp005 a.mo001 { text-decoration:underline !important; } #specialCont.sp005 a.mo001:hover { text-decoration:none !important; } #specialCont.sp005 .bdr01 { border-top:1px dotted #ccc; } #specialCont.sp005 .dtl { text-shadow:1px 1px 2px #101521; } #specialCont.sp005 .dtl dt { margin-top:8px; } #specialCont.sp005 .dtl dd { padding-left:1em; } #specialCont.sp005 .dtl dd .txtY { color:#f6df2f; font-size:15px } /*-------------------------------------- /wanganmaxi5/jp/special/006.html --------------------------------------*/ #specialCont.sp006 .cont02 { width:616px; padding:20px 30px; background:#1a1f2a; } #specialCont.sp006 .cont02 div { float:left; width:152px; } #specialCont.sp006 .cont02 p { float:left; width:460px; } #specialCont.sp006 .cont02 p span { color:#f6df2f; display:block; } #specialCont.sp006 .parts14 table { line-height:150%; margin-top:15px; border-top:3px solid #f6df2f; } #specialCont.sp006 .parts14 table th { font-size:13px !important; background: #1a1e29; background: -moz-linear-gradient(top, #4c5566 0%, #050509 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c5566), color-stop(100%,#050509)); background: -webkit-linear-gradient(top, #4c5566 0%,#050509 100%); background: -o-linear-gradient(top, #4c5566 0%,#050509 100%); background: -ms-linear-gradient(top, #4c5566 0%,#050509 100%); background: linear-gradient(to bottom, #4c5566 0%,#050509 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c5566', endColorstr='#050509',GradientType=0 ); } #specialCont.sp006 .parts14 table .alignC { text-align:center !important; } #specialCont.sp006 .parts14 table .alignL { text-align:left !important; } #specialCont.sp006 .contWrap01 .Lcol { width:333px; float:left; } #specialCont.sp006 .contWrap01 .Rcol { width:333px; float:right; } /*-------------------------------------- /wanganmaxi5/jp/special/008.html --------------------------------------*/ #specialCont.sp008 .cntrObjct { text-align:center; } #specialCont.sp008 .linkBtn01 { width:600px; margin:20px auto 0 auto; text-align:center; } #specialCont.sp008 .linkBtn01 p.txt { font-weight:700; font-size:15px; margin-top:5px; } #specialCont.sp008 a.mo02 { text-decoration:underline; } #specialCont.sp008 .cont03 {} #specialCont.sp008 .cont03 b { font-size:18px; } #specialCont.sp008 .cont03 span.s01 { font-weight:700; color:#f6df2f; } #specialCont.sp008 .cont03 span.s02 { font-weight:700; color:#ff0000; } #specialCont.sp008 a.mo001 { text-decoration:underline !important; } #specialCont.sp008 a.mo001:hover { text-decoration:none !important; } #specialCont.sp008 .bdr01 { border-top:1px dotted #ccc; } #specialCont.sp008 .dtl { text-shadow:1px 1px 2px #101521; } #specialCont.sp008 .dtl dt { margin-top:8px; } #specialCont.sp008 .dtl dd { padding-left:1em; } #specialCont.sp008 .dtl dd .txtY { color:#f6df2f; font-size:15px } /*-------------------------------------- /wanganmaxi5/jp/special/009.html --------------------------------------*/ #specialCont.sp009 h2,#specialCont.sp009 h3 { line-height:0 !important; } #specialCont.sp009 .cont01 h3 { margin-top:15px; } #specialCont.sp009 .cont01 #mvSlide { background:url(../img/009/cont01_bg02.gif) repeat-y top center #32363f; } #specialCont.sp009 .cont01 #mvSlide .wrap01 { background:url(../img/009/cont01_bg01.jpg) no-repeat top center; padding:41px 0 20px 0; /*max-height:759px; overflow:hidden;*/ } #specialCont.sp009 .cont01 .mvMainWrp { width:620px; height:349px; margin:0 auto; overflow:hidden; } #specialCont.sp009 .cont01 .mvMainWrp #mvMain { width:620px; height:349px; } #specialCont.sp009 .cont01 .mvMainWrp #load01 { background:url(../img/loadingIcon.gif) center center no-repeat; width:100%; height:100%; } #specialCont.sp009 .cont01 .pnWrp01 { height:169px; margin:28px auto 0 auto; overflow:hidden; } #specialCont.sp009 .cont01 #mvPnWrp01 { width:636px; height:169px; padding:18px 0; background:#1a1f2a; margin:0 auto; } #specialCont.sp009 .cont01 #mvPnWrp01 .ttl01 { width:600px; height:32px; position:relative; color:#000; text-shadow:0 1px 0 #fff; background:url(../img/009/cont01_pnTtlBg.gif) no-repeat top left; } #specialCont.sp009 .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.sp009 .cont01 #mvPnWrp01 .ttl01 p.prev,#specialCont.sp009 .cont01 #mvPnWrp01 .ttl01 p.next { position:absolute; z-index:100; height:32px; line-height:32px; } #specialCont.sp009 .cont01 #mvPnWrp01 .ttl01 p.prev a,#specialCont.sp009 .cont01 #mvPnWrp01 .ttl01 p.next a { font-weight:bold; font-size:11px; color:#000; text-shadow:0 1px 0 #fff; } #specialCont.sp009 .cont01 #mvPnWrp01 .ttl01 p.prev { left:10px; } #specialCont.sp009 .cont01 #mvPnWrp01 .ttl01 p.prev a:hover,#specialCont.sp009 .cont01 #mvPnWrp01 .ttl01 p.next a:hover { text-decoration:none; color:#cb0505; } #specialCont.sp009 .cont01 #mvPnWrp01 .ttl01 p.next { right:10px; } #specialCont.sp009 .cont01 #mvPnWrp01 .ttl01 p.prev a span,#specialCont.sp009 .cont01 #mvPnWrp01 .ttl01 p.next a span { color:#cb0505; font-weight:bold; } #specialCont.sp009 .cont01 #mvPnWrp01 .slick-slide { padding:0 18px; } #specialCont.sp009 .cont01 #mvPnWrp01 .slick-prev, #specialCont.sp009 .cont01 #mvPnWrp01 .slick-next { width:32px; height:28px; top:70px; position:absolute; text-indent:-9999px; display:block; overflow:hidden; border:none; cursor:pointer; } #specialCont.sp009 .cont01 #mvPnWrp01 .slick-prev { background:url(../img/009/slideAlw_prev.png) no-repeat center center; left:-40px; } #specialCont.sp009 .cont01 #mvPnWrp01 .slick-next { background:url(../img/009/slideAlw_next.png) no-repeat center center; right:-40px; } #specialCont.sp009 .cont01 #mvPnWrp01 .mvPn01 { margin-top:3px; } #specialCont.sp009 .cont01 #mvPnWrp01 .mvPn01 li { float:left; margin-right:3px; width:138px; height:88px; padding:5px; line-height:140%; text-align:left; background:url(../img/009/cont01_pnRk02.gif) no-repeat top center; } #specialCont.sp009 .cont01 #mvPnWrp01 .mvPn01 li a { display:block; width:122px; height:78px; padding:4px 8px 6px 8px; color:#202020; font-weight:bold; font-size:11px; text-align:center; line-height:1.4; text-shadow:0 1px 0 #f6f6f6; background:url(../img/009/cont01_pnBg02.gif) no-repeat top left; } #specialCont.sp009 .cont01 #mvPnWrp01 .mvPn01 li a b { font-weight:bold; font-size:12px; color:#000; } #specialCont.sp009 .cont01 #mvPnWrp01 .mvPn01 li a:hover,#specialCont.sp009 .cont01 #mvPnWrp01 .mvPn01 li a.currentPage { background:url(../img/009/cont01_pnBg01.gif) no-repeat top left; text-decoration:none; } #specialCont.sp009 .cont01 #mvPnWrp01 .mvPn01 li.end { margin-right:0 !important; } #specialCont.sp009 .cont01 #mvPnWrp01 .mvPn01 li span { display:none; } #specialCont.sp009 .cont01 #mvPnWrp01 .mvPn01.gf li { width:148px !important; height:98px !important; padding:0 !important; line-height:0 !important; background:#000 none !important; } #specialCont.sp009 .cont01 #mvPnWrp01 .mvPn01.gf li a { width:148px !important; height:98px !important; padding:0 !important; background:#000 none !important; } #specialCont.sp009 .cont01 #mvPnWrp01 .mvPn01.gf li a:hover,#specialCont.sp009 .cont01 #mvPnWrp01 .mvPn01.gf a.currentPage { background:url(../img/009/cont01_pnGfBg02.gif) no-repeat top left !important; } #specialCont.sp009 .cont01 .mvCmWrp01 #mvCmnt { width:590px; padding:20px; background:#000; border:1px solid #383b42; margin:15px auto 0 auto; text-align:left; } #specialCont.sp009 .cont01 .mvCmWrp01 #mvCmnt dl dt { float:left; } #specialCont.sp009 .cont01 .mvCmWrp01 #mvCmnt dl dd { float:right; width:480px; line-height:170%; } #specialCont.sp009 .cont02 h3 { margin-top:40px; } #specialCont.sp009 .cont02 h4 { margin-top:35px; } #specialCont.sp009 .cont02 .wrap01 { width:636px; margin:10px auto 40px auto; } #specialCont.sp009 .cont02 .wrap01 p { float:left; width:308px; margin-right:20px; } #specialCont.sp009 .cont02 .wrap01 p.end { margin-right:0 !important; } #specialCont.sp009 .cont02 .wrap03 { width:691px; margin-left:30px; } #specialCont.sp009 .cont02 .wrap03 p { width:333px; display:inline-block; margin-right:10px; margin-top:10px; } #specialCont.sp009 .cont03 h3 { margin-top:50px; } #specialCont.sp009 .cont03 .ctWrp01 { position:relative; width:636px; height:727px; margin:30px auto; overflow:hidden; z-index:9; } #specialCont.sp009 .cont03 .ctWrp01 ul.randamPht { position:absolute; width:636px; height:727px; top:-475px; z-index:99; } #specialCont.sp009 .cont03 .ctWrp01 ul.randamPht li { width:159px; float:left; padding-top:490px; } #specialCont.sp009 .cont03 .ctWrp01 .slideWrp01 { position:absolute; top:150px; left:0; z-index:999; width:620px; height:413px; padding:8px; background:url(../img/009/cont03_slideBg01.gif) no-repeat top center; } #specialCont.sp009 .cont03 .ctWrp01 #slide01 { width:620px; height:413px; overflow:hidden; } #specialCont.sp009 .cont03 .ctWrp01 #slide01 div { position:relative; } #specialCont.sp009 .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.sp009 .cont03 .ctWrp01 #slide01 li p:not(:target){ filter: none; -ms-filter: none; } #specialCont.sp009 .cont03 .ctWrp01 #slide01 .slick-prev, #specialCont.sp009 .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.sp009 .cont03 .ctWrp01 #slide01 .slick-prev { background:url(../img/009/slideAlw_prev.png) no-repeat center center; left:8px; } #specialCont.sp009 .cont03 .ctWrp01 #slide01 .slick-next { background:url(../img/009/slideAlw_next.png) no-repeat center center; right:8px; } /*-------------------------------------- /wanganmaxi5/jp/special/012.html --------------------------------------*/ #specialCont.sp012 h2,#specialCont.sp012 h3 { line-height:0 !important; } #specialCont.sp012 .cont01 h3 { margin-top:15px; } #specialCont.sp012 .cont01 #mvSlide { background:url(../img/012/cont01_bg02.gif) repeat-y top center #32363f; } #specialCont.sp012 .cont01 #mvSlide .wrap01 { background:url(../img/012/cont01_bg01.jpg) no-repeat top center; padding:41px 0 20px 0; /*max-height:759px; overflow:hidden;*/ } #specialCont.sp012 .cont01 .mvMainWrp { width:620px; height:349px; margin:0 auto; overflow:hidden; } #specialCont.sp012 .cont01 .mvMainWrp #mvMain { width:620px; height:349px; } #specialCont.sp012 .cont01 .mvMainWrp #load01 { background:url(../img/loadingIcon.gif) center center no-repeat; width:100%; height:100%; } #specialCont.sp012 .cont01 .pnWrp01 { height:169px; margin:28px auto 0 auto; overflow:hidden; } #specialCont.sp012 .cont01 #mvPnWrp01 { width:636px; height:169px; padding:18px 0; background:#1a1f2a; margin:0 auto; } #specialCont.sp012 .cont01 #mvPnWrp01 .ttl01 { width:600px; height:32px; position:relative; color:#000; text-shadow:0 1px 0 #fff; background:url(../img/012/cont01_pnTtlBg.gif) no-repeat top left; } #specialCont.sp012 .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.sp012 .cont01 #mvPnWrp01 .ttl01 p.prev,#specialCont.sp012 .cont01 #mvPnWrp01 .ttl01 p.next { position:absolute; z-index:100; height:32px; line-height:32px; } #specialCont.sp012 .cont01 #mvPnWrp01 .ttl01 p.prev a,#specialCont.sp012 .cont01 #mvPnWrp01 .ttl01 p.next a { font-weight:bold; font-size:11px; color:#000; text-shadow:0 1px 0 #fff; } #specialCont.sp012 .cont01 #mvPnWrp01 .ttl01 p.prev { left:10px; } #specialCont.sp012 .cont01 #mvPnWrp01 .ttl01 p.prev a:hover,#specialCont.sp012 .cont01 #mvPnWrp01 .ttl01 p.next a:hover { text-decoration:none; color:#cb0505; } #specialCont.sp012 .cont01 #mvPnWrp01 .ttl01 p.next { right:10px; } #specialCont.sp012 .cont01 #mvPnWrp01 .ttl01 p.prev a span,#specialCont.sp012 .cont01 #mvPnWrp01 .ttl01 p.next a span { color:#cb0505; font-weight:bold; } #specialCont.sp012 .cont01 #mvPnWrp01 .slick-slide { padding:0 18px; } #specialCont.sp012 .cont01 #mvPnWrp01 .slick-prev, #specialCont.sp012 .cont01 #mvPnWrp01 .slick-next { width:32px; height:28px; top:70px; position:absolute; text-indent:-9999px; display:block; overflow:hidden; border:none; cursor:pointer; } #specialCont.sp012 .cont01 #mvPnWrp01 .slick-prev { background:url(../img/012/slideAlw_prev.png) no-repeat center center; left:-40px; } #specialCont.sp012 .cont01 #mvPnWrp01 .slick-next { background:url(../img/012/slideAlw_next.png) no-repeat center center; right:-40px; } #specialCont.sp012 .cont01 #mvPnWrp01 .mvPn01 { margin-top:3px; } #specialCont.sp012 .cont01 #mvPnWrp01 .mvPn01 li { float:left; margin-right:3px; width:138px; height:88px; padding:5px; line-height:140%; text-align:left; background:url(../img/012/cont01_pnRk02.gif) no-repeat top center; } #specialCont.sp012 .cont01 #mvPnWrp01 .mvPn01 li a { display:block; width:122px; height:78px; padding:4px 8px 6px 8px; color:#202020; font-weight:bold; font-size:11px; text-align:center; line-height:1.4; text-shadow:0 1px 0 #f6f6f6; background:url(../img/012/cont01_pnBg02.gif) no-repeat top left; } #specialCont.sp012 .cont01 #mvPnWrp01 .mvPn01 li a b { font-weight:bold; font-size:12px; color:#000; } #specialCont.sp012 .cont01 #mvPnWrp01 .mvPn01 li a:hover,#specialCont.sp012 .cont01 #mvPnWrp01 .mvPn01 li a.currentPage { background:url(../img/012/cont01_pnBg01.gif) no-repeat top left; text-decoration:none; } #specialCont.sp012 .cont01 #mvPnWrp01 .mvPn01 li.end { margin-right:0 !important; } #specialCont.sp012 .cont01 #mvPnWrp01 .mvPn01 li span { display:none; } #specialCont.sp012 .cont01 #mvPnWrp01 .mvPn01.gf li { width:148px !important; height:98px !important; padding:0 !important; line-height:0 !important; background:#000 none !important; } #specialCont.sp012 .cont01 #mvPnWrp01 .mvPn01.gf li a { width:148px !important; height:98px !important; padding:0 !important; background:#000 none !important; } #specialCont.sp012 .cont01 #mvPnWrp01 .mvPn01.gf li a:hover,#specialCont.sp012 .cont01 #mvPnWrp01 .mvPn01.gf a.currentPage { background:url(../img/012/cont01_pnGfBg02.gif) no-repeat top left !important; } #specialCont.sp012 .cont01 .mvCmWrp01 #mvCmnt { width:590px; padding:20px; background:#000; border:1px solid #383b42; margin:15px auto 0 auto; text-align:left; } #specialCont.sp012 .cont01 .mvCmWrp01 #mvCmnt dl dt { float:left; } #specialCont.sp012 .cont01 .mvCmWrp01 #mvCmnt dl dd { float:right; width:480px; line-height:170%; } #specialCont.sp012 .cont02 h3 { margin-top:40px; } #specialCont.sp012 .cont02 h4 { margin-top:35px; } #specialCont.sp012 .cont02 .wrap01 { width:636px; margin:10px auto 40px auto; } #specialCont.sp012 .cont02 .wrap01 p { float:left; width:308px; margin-right:20px; } #specialCont.sp012 .cont02 .wrap01 p.end { margin-right:0 !important; } #specialCont.sp012 .cont02 .wrap03 { width:691px; margin-left:30px; } #specialCont.sp012 .cont02 .wrap03 p { width:333px; display:inline-block; margin-right:10px; margin-top:10px; } #specialCont.sp012 .cont03 h3 { margin-top:50px; } #specialCont.sp012 .cont03 .ctWrp01 { position:relative; width:636px; height:779px; margin:30px auto; overflow:hidden; z-index:9; } #specialCont.sp012 .cont03 .ctWrp01 ul.randamPht { position:absolute; width:636px; height:779px; top:-544px; z-index:99; } #specialCont.sp012 .cont03 .ctWrp01 ul.randamPht li { width:159px; float:left; padding-top:544px; } #specialCont.sp012 .cont03 .ctWrp01 .slideWrp01 { position:absolute; top:150px; left:0; z-index:999; width:620px; height:465px; padding:8px; background:url(../img/012/cont03_slideBg01.gif) no-repeat top center; } #specialCont.sp012 .cont03 .ctWrp01 #slide01 { width:620px; height:465px; overflow:hidden; } #specialCont.sp012 .cont03 .ctWrp01 #slide01 div { position:relative; } #specialCont.sp012 .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.sp012 .cont03 .ctWrp01 #slide01 li p:not(:target){ filter: none; -ms-filter: none; } #specialCont.sp012 .cont03 .ctWrp01 #slide01 .slick-prev, #specialCont.sp012 .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.sp012 .cont03 .ctWrp01 #slide01 .slick-prev { background:url(../img/012/slideAlw_prev.png) no-repeat center center; left:8px; } #specialCont.sp012 .cont03 .ctWrp01 #slide01 .slick-next { background:url(../img/012/slideAlw_next.png) no-repeat center center; right:8px; } /*-------------------------------------- /wanganmaxi5/jp/special/013.html --------------------------------------*/ #specialCont.sp013 h2,#specialCont.sp013 h3 { line-height:0 !important; } #specialCont.sp013 .cont01 h3 { margin-top:15px; } #specialCont.sp013 .cont01 #mvSlide { background:url(../img/013/cont01_bg02.gif) repeat-y top center #32363f; } #specialCont.sp013 .cont01 #mvSlide .wrap01 { background:url(../img/013/cont01_bg01.jpg) no-repeat top center; padding:41px 0 20px 0; /*max-height:759px; overflow:hidden;*/ } #specialCont.sp013 .cont01 .mvMainWrp { width:620px; height:349px; margin:0 auto; overflow:hidden; } #specialCont.sp013 .cont01 .mvMainWrp #mvMain { width:620px; height:349px; } #specialCont.sp013 .cont01 .mvMainWrp #load01 { background:url(../img/loadingIcon.gif) center center no-repeat; width:100%; height:100%; } #specialCont.sp013 .cont01 .pnWrp01 { height:169px; margin:28px auto 0 auto; overflow:hidden; } #specialCont.sp013 .cont01 #mvPnWrp01 { width:636px; height:169px; padding:18px 0; background:#1a1f2a; margin:0 auto; } #specialCont.sp013 .cont01 #mvPnWrp01 .ttl01 { width:600px; height:32px; position:relative; color:#000; text-shadow:0 1px 0 #fff; background:url(../img/013/cont01_pnTtlBg.gif) no-repeat top left; } #specialCont.sp013 .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.sp013 .cont01 #mvPnWrp01 .ttl01 p.prev,#specialCont.sp013 .cont01 #mvPnWrp01 .ttl01 p.next { position:absolute; z-index:100; height:32px; line-height:32px; } #specialCont.sp013 .cont01 #mvPnWrp01 .ttl01 p.prev a,#specialCont.sp013 .cont01 #mvPnWrp01 .ttl01 p.next a { font-weight:bold; font-size:11px; color:#000; text-shadow:0 1px 0 #fff; } #specialCont.sp013 .cont01 #mvPnWrp01 .ttl01 p.prev { left:10px; } #specialCont.sp013 .cont01 #mvPnWrp01 .ttl01 p.prev a:hover,#specialCont.sp013 .cont01 #mvPnWrp01 .ttl01 p.next a:hover { text-decoration:none; color:#cb0505; } #specialCont.sp013 .cont01 #mvPnWrp01 .ttl01 p.next { right:10px; } #specialCont.sp013 .cont01 #mvPnWrp01 .ttl01 p.prev a span,#specialCont.sp013 .cont01 #mvPnWrp01 .ttl01 p.next a span { color:#cb0505; font-weight:bold; } #specialCont.sp013 .cont01 #mvPnWrp01 .slick-slide { padding:0 18px; } #specialCont.sp013 .cont01 #mvPnWrp01 .slick-prev, #specialCont.sp013 .cont01 #mvPnWrp01 .slick-next { width:32px; height:28px; top:70px; position:absolute; text-indent:-9999px; display:block; overflow:hidden; border:none; cursor:pointer; } #specialCont.sp013 .cont01 #mvPnWrp01 .slick-prev { background:url(../img/013/slideAlw_prev.png) no-repeat center center; left:-40px; } #specialCont.sp013 .cont01 #mvPnWrp01 .slick-next { background:url(../img/013/slideAlw_next.png) no-repeat center center; right:-40px; } #specialCont.sp013 .cont01 #mvPnWrp01 .mvPn01 { margin-top:3px; } #specialCont.sp013 .cont01 #mvPnWrp01 .mvPn01 li { float:left; margin-right:3px; width:138px; height:88px; padding:5px; line-height:140%; text-align:left; background:url(../img/013/cont01_pnRk02.gif) no-repeat top center; } #specialCont.sp013 .cont01 #mvPnWrp01 .mvPn01 li a { display:block; width:122px; height:78px; padding:4px 8px 6px 8px; color:#202020; font-weight:bold; font-size:11px; text-align:center; line-height:1.4; text-shadow:0 1px 0 #f6f6f6; background:url(../img/013/cont01_pnBg02.gif) no-repeat top left; } #specialCont.sp013 .cont01 #mvPnWrp01 .mvPn01 li a b { font-weight:bold; font-size:12px; color:#000; } #specialCont.sp013 .cont01 #mvPnWrp01 .mvPn01 li a:hover,#specialCont.sp013 .cont01 #mvPnWrp01 .mvPn01 li a.currentPage { background:url(../img/013/cont01_pnBg01.gif) no-repeat top left; text-decoration:none; } #specialCont.sp013 .cont01 #mvPnWrp01 .mvPn01 li.end { margin-right:0 !important; } #specialCont.sp013 .cont01 #mvPnWrp01 .mvPn01 li span { display:none; } #specialCont.sp013 .cont01 #mvPnWrp01 .mvPn01.gf li { width:148px !important; height:98px !important; padding:0 !important; line-height:0 !important; background:#000 none !important; } #specialCont.sp013 .cont01 #mvPnWrp01 .mvPn01.gf li a { width:148px !important; height:98px !important; padding:0 !important; background:#000 none !important; } #specialCont.sp013 .cont01 #mvPnWrp01 .mvPn01.gf li a:hover,#specialCont.sp013 .cont01 #mvPnWrp01 .mvPn01.gf a.currentPage { background:url(../img/013/cont01_pnGfBg02.gif) no-repeat top left !important; } #specialCont.sp013 .cont01 .mvCmWrp01 #mvCmnt { width:590px; padding:20px; background:#000; border:1px solid #383b42; margin:15px auto 0 auto; text-align:left; } #specialCont.sp013 .cont01 .mvCmWrp01 #mvCmnt dl dt { float:left; } #specialCont.sp013 .cont01 .mvCmWrp01 #mvCmnt dl dd { float:right; width:480px; line-height:170%; } #specialCont.sp013 .cont02 h3 { margin-top:40px; } #specialCont.sp013 .cont02 h4 { margin-top:35px; } #specialCont.sp013 .cont02 .wrap01 { width:636px; margin:10px auto 40px auto; } #specialCont.sp013 .cont02 .wrap01 p { float:left; width:308px; margin-right:20px; } #specialCont.sp013 .cont02 .wrap01 p.end { margin-right:0 !important; } #specialCont.sp013 .cont02 .wrap03 { width:691px; margin-left:30px; } #specialCont.sp013 .cont02 .wrap03 p { width:333px; display:inline-block; margin-right:10px; margin-top:10px; } #specialCont.sp013 .cont03 h3 { margin-top:50px; } #specialCont.sp013 .cont03 .ctWrp01 { position:relative; width:636px; height:727px; margin:30px auto; overflow:hidden; z-index:9; } #specialCont.sp013 .cont03 .ctWrp01 ul.randamPht { position:absolute; width:636px; height:727px; top:-475px; z-index:99; } #specialCont.sp013 .cont03 .ctWrp01 ul.randamPht li { width:159px; float:left; padding-top:490px; } #specialCont.sp013 .cont03 .ctWrp01 .slideWrp01 { position:absolute; top:150px; left:0; z-index:999; width:620px; height:413px; padding:8px; background:url(../img/013/cont03_slideBg01.gif) no-repeat top center; } #specialCont.sp013 .cont03 .ctWrp01 #slide01 { width:620px; height:413px; overflow:hidden; } #specialCont.sp013 .cont03 .ctWrp01 #slide01 div { position:relative; } #specialCont.sp013 .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.sp013 .cont03 .ctWrp01 #slide01 li p:not(:target){ filter: none; -ms-filter: none; } #specialCont.sp013 .cont03 .ctWrp01 #slide01 .slick-prev, #specialCont.sp013 .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.sp013 .cont03 .ctWrp01 #slide01 .slick-prev { background:url(../img/013/slideAlw_prev.png) no-repeat center center; left:8px; } #specialCont.sp013 .cont03 .ctWrp01 #slide01 .slick-next { background:url(../img/013/slideAlw_next.png) no-repeat center center; right:8px; }