﻿@import url("https://fonts.googleapis.com/css?family=Oswald:600");html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}html{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}q,blockquote{quotes:none}q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}a img{border:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}body{font-family:Meiryo,"Hiragino Kaku Gothic Pro",Osaka,"MS PGothic",sans-serif}ul{list-style:none}img{border:none;vertical-align:bottom}a{outline:none}#rmk{height:0;overflow:hidden}body{color:#fff;font-size:12px;font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;line-height:1.5;background-color:#000000}a{text-decoration:none;outline:none}a:link,a:visited{color:#00cec8}a:hover,a:active{color:#0dfff8}img{vertical-align:bottom;width:100%}@media screen and (min-width: 750px){img{width:auto}}#container{margin:0 auto;z-index:10;position:relative;background:url(../images/common/bg_container_tex.png) center top repeat,url(../images/common/bg_container_sp.jpg) center top repeat-y;background-size:auto auto, 100% auto}@media screen and (min-width: 750px){#container{min-width:1024px;background:url(../images/common/bg_container_tex.png) center top repeat,url(../images/common/bg_container_pc.jpg) center top no-repeat;background-size:auto auto, cover;background-attachment:fixed, fixed;padding-top:60px}.tabletView #container:before,.tabletView main .snaviTop ul#container:after,main .snaviTop .tabletView ul#container:after,.tabletView main .snavi ul#container:after,main .snavi .tabletView ul#container:after{content:"";position:fixed;display:block;top:0;left:0;width:100%;height:100%;z-index:-1;background:url(../images/common/bg_container_tex.png) center top repeat,url(../images/common/bg_container_pc.jpg) center top no-repeat;background-size:auto auto, cover}}header{width:100%;height:69px;position:absolute;top:0px;left:0;z-index:60}@media screen and (min-width: 750px){header{min-width:1024px}}header h1{position:absolute;top:8px;left:8px;width:30%;width:130px}@media screen and (min-width: 750px){header h1{width:150px;top:75px;left:2%}header h1 img{width:100%}}header #gnavi{display:block;position:fixed;top:0;width:100%;height:100%;background:rgba(0,0,0,0.9);background-size:cover;display:none}header #gnavi div.gnaviInner{width:100%;height:100%;padding-bottom:2%;overflow:auto;padding-top:80px;box-sizing:border-box}header #gnavi div.gnaviInner ul{border-top:1px solid rgba(255,255,255,0.3);position:relative;z-index:60;margin-bottom:5%}header #gnavi div.gnaviInner ul li{position:relative}header #gnavi div.gnaviInner ul li:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;display:block;background:#1ca7ff;background:-moz-linear-gradient(left, #1ca7ff 0%, #00bccd 100%);background:-webkit-linear-gradient(left, #1ca7ff 0%, #00bccd 100%);background:linear-gradient(to right, #1ca7ff 0%,#00bccd 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#1ca7ff', endColorstr='#00bccd', GradientType=1);-ms-transition:.5s ease-out;-webkit-transition:.5s ease-out;transition:.5s ease-out}body.pcView header #gnavi div.gnaviInner ul li:hover:before{opacity:0.5}body.pcView header #gnavi div.gnaviInner ul li:hover.disabled:before{opacity:0}header #gnavi div.gnaviInner ul li img{width:auto;height:17px;vertical-align:middle}header #gnavi div.gnaviInner ul li a{display:block;position:relative}header #gnavi div.gnaviInner ul li a,header #gnavi div.gnaviInner ul li.disabled span{display:block;width:100%;padding:4.5% 0 4.5% 40px;border-bottom:1px solid rgba(255,255,255,0.3);box-sizing:border-box}header #gnavi div.gnaviInner ul li a:before,header #gnavi div.gnaviInner ul li.disabled span:before{content:"";display:inline-block;position:absolute;background:url(../images/common/gnavi/ico_gn_link.png) center center no-repeat;width:17px;height:100%;top:0;left:18px}header #gnavi div.gnaviInner ul li.current:before{opacity:0.5}header #gnavi div.gnaviInner ul li.disabled span img,header #gnavi div.gnaviInner ul li.disabled span:before{opacity:0.5}header #gnavi div.gnaviInner ul li.icoNew a:after{content:"";display:block;position:absolute;top:0;right:5%;background:url(../images/common/gnavi/ico_new.png) center center no-repeat;width:36px;height:100%}@media screen and (min-width: 750px){header #gnavi{display:block;width:100%;min-width:1024px;height:70px;position:fixed;top:0;left:0;background:-moz-linear-gradient(left, rgba(0,0,0,0.9) 0%, rgba(17,17,17,0.9) 50%, rgba(0,0,0,0.9) 100%);background:-webkit-linear-gradient(left, rgba(0,0,0,0.9) 0%, rgba(17,17,17,0.9) 50%, rgba(0,0,0,0.9) 100%);background:linear-gradient(to right, rgba(0,0,0,0.9) 0%,rgba(17,17,17,0.9) 50%,rgba(0,0,0,0.9) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6000000', endColorstr='#e6000000', GradientType=1);overflow:hidden}header #gnavi div.gnaviInner{padding:0}header #gnavi div.gnaviInner ul{width:1000px;margin:0 auto;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center}header #gnavi div.gnaviInner ul li{height:69px;position:relative;overflow:hidden}header #gnavi div.gnaviInner ul li a,header #gnavi div.gnaviInner ul li.disabled span{display:block;border:none}header #gnavi div.gnaviInner ul li a:before,header #gnavi div.gnaviInner ul li.disabled span:before{content:"";display:none}header #gnavi div.gnaviInner ul li a{padding:25px 3px;display:block;width:100%;height:100%}header #gnavi div.gnaviInner ul li a div{width:100%;height:100%}header #gnavi div.gnaviInner ul li a div:before,header #gnavi div.gnaviInner ul li a div:after{content:"";display:block;background:rgba(200,255,255,0.2);width:0;height:100%;top:0;position:absolute;-ms-transition:.3s ease-out;-webkit-transition:.3s ease-out;transition:.3s ease-out}header #gnavi div.gnaviInner ul li a div:before{left:0}header #gnavi div.gnaviInner ul li a div:after{right:0}header #gnavi div.gnaviInner ul li a span{padding:22px 18px;position:relative}header #gnavi div.gnaviInner ul li a span:after{content:"";display:block;width:20%;height:100%;opacity:0;position:absolute;top:0;left:40%;background:url(../images/common/gnavi/bg_gn_on_bl.png) left bottom no-repeat,url(../images/common/gnavi/bg_gn_on_br.png) right bottom no-repeat,url(../images/common/gnavi/bg_gn_on_tl.png) left top no-repeat,url(../images/common/gnavi/bg_gn_on_tr.png) right top no-repeat;border:1px solid rgba(255,255,255,0.1);box-sizing:border-box;-ms-transition:.3s ease-out;-webkit-transition:.3s ease-out;transition:.3s ease-out}header #gnavi div.gnaviInner ul li.disabled span{padding:25px 25px}body.pcView header #gnavi div.gnaviInner ul li:hover:before{opacity:1}body.pcView header #gnavi div.gnaviInner ul li:hover a div:before{width:100%;left:105%;opacity:1}body.pcView header #gnavi div.gnaviInner ul li:hover a div:after{width:100%;right:105%;opacity:1}body.pcView header #gnavi div.gnaviInner ul li:hover a span:after{opacity:1;width:100%;left:0}header #gnavi div.gnaviInner ul li.current:before{opacity:1}header #gnavi div.gnaviInner ul li.current a div:before,header #gnavi div.gnaviInner ul li.current a div:after{display:none}header #gnavi div.gnaviInner ul li.current a span:after{opacity:1;width:100%;left:0}header #gnavi div.gnaviInner ul li.icoNew a:after{width:100%;height:11px;background-size:auto 100%;background-position:center top;top:48px;right:0}}header #btnMenu{position:fixed;top:8px;right:5px;z-index:90;width:25px;height:20px;max-width:60px;z-index:70;cursor:pointer;padding:12px 8px;border:1px solid #313131;background:rgba(0,0,0,0.8)}@media screen and (min-width: 750px){header #btnMenu{display:none}}header #btnMenu>div{position:relative}header #btnMenu span{position:absolute;left:0;width:100%;height:1px;background-color:#fff;-ms-transition:.2s ease-out;-webkit-transition:.2s ease-out;transition:.2s ease-out}header #btnMenu span:nth-of-type(1){top:0}header #btnMenu span:nth-of-type(2){top:10px}header #btnMenu span:nth-of-type(3){top:20px}header #btnMenu.active span:nth-of-type(1){-webkit-transform:translateY(10px) rotate(-45deg);transform:translateY(10px) rotate(-45deg)}header #btnMenu.active span:nth-of-type(2){opacity:0}header #btnMenu.active span:nth-of-type(3){-webkit-transform:translateY(-10px) rotate(45deg);transform:translateY(-10px) rotate(45deg)}main{position:relative;z-index:10}main h2.titCtg{font-family:'Oswald', sans-serif;font-size:40px;text-align:center;letter-spacing:3px;line-height:1.2;padding-top:70px}@media screen and (min-width: 750px){main h2.titCtg{padding-top:40px;font-size:60px}}main p.titCtgSub{font-size:1rem;position:relative;text-align:center;line-height:1;margin:2% auto 5%}@media screen and (min-width: 750px){main p.titCtgSub{font-size:1.4rem;margin:8px auto 45px}}main h3.subtit{background:url(../images/common/bg_subtit_sp.png) center top no-repeat;background-size:100% auto;text-align:center}@media screen and (min-width: 750px){main h3.subtit{background:url(../images/common/bg_subtit_pc.png) center top repeat-x}}main .colInner{width:95%;margin:0 auto}@media screen and (min-width: 750px){main .colInner{width:1000px}}@media screen and (min-width: 750px){main .brSP{display:none}}main .brPC{display:none}@media screen and (min-width: 750px){main .brPC{display:block}}@media screen and (min-width: 750px){main .shiftImg img{display:none}}main div.frameLine span{display:block;height:1px;width:100%;position:absolute;left:0}main div.frameLine span:after,main div.frameLine span:before{content:"";display:block;position:absolute;background:#757575;height:1px}main div.frameLine span:before{top:0;left:0;width:50%}main div.frameLine span:after{top:0;right:0;width:50%}main div.frameLine span:nth-child(1),main div.frameLine span:nth-child(3){top:0}main div.frameLine span:nth-child(2),main div.frameLine span:nth-child(4){bottom:0}main div.frameLine span:nth-child(3):before,main div.frameLine span:nth-child(4):before{background:#ffffff;width:4px}main div.frameLine span:nth-child(3):after,main div.frameLine span:nth-child(4):after{background:#ffffff;width:4px}main .snaviTop{width:100%;margin:5% 0}main .snaviTop ul{zoom:1;text-align:left;width:95%;margin:0 auto;text-align:center}main .snaviTop ul:before,main .snaviTop ul:after{content:".";display:block;height:0;visibility:hidden}main .snaviTop ul:after{clear:both}main .snaviTop ul li{display:inline-block;width:47%;max-width:228px;margin:0 1% 2%;position:relative}main .snaviTop ul li.icoNew::after{content:"";display:block;position:absolute;top:0;left:0;background:url(../images/common/ico_new_s_snavi.png) left top no-repeat;background-size:100% auto;max-width:40px;max-height:17px;pointer-events:none;width:18%;height:0;padding-top:58%}@media screen and (min-width: 750px){main .snaviTop ul li.icoNew::after{width:40px;height:23px;padding-top:0}}@media screen and (min-width: 750px){main .snaviTop{margin:20px auto;max-width:1300px}main .snaviTop ul{width:99%}main .snaviTop ul li{width:19%;margin:0 3px 10px}main .snaviTop ul li img{width:100%}}main .snavi{width:100%;background:rgba(0,0,0,0.6);border-top:1px solid rgba(124,124,124,0.8);border-bottom:1px solid rgba(124,124,124,0.8);padding:4% 0 2%;margin-top:5%}main .snavi ul{zoom:1;text-align:left;width:95%;margin:0 auto}main .snavi ul:before,main .snavi ul:after{content:".";display:block;height:0;visibility:hidden}main .snavi ul:after{clear:both}main .snavi ul li{float:left;width:49%;padding:0 2% 2% 0;position:relative;overflow:hidden}main .snavi ul li:nth-child(even){padding-right:0}main .snavi ul li.icoNew::after{content:"";display:block;position:absolute;top:0;left:0;background:url(../images/common/ico_new_snavi.png) left top no-repeat;background-size:100% auto;max-width:40px;max-height:30px;pointer-events:none;width:15%;height:0;padding-top:58%}@media screen and (min-width: 750px){main .snavi ul li.icoNew::after{width:40px;height:23px;padding-top:0}}@media screen and (min-width: 750px){main .snavi{padding:25px 0 15px;margin:50px auto 50px}main .snavi ul{width:994px}main .snavi ul li{width:324px;padding:0 10px 10px 0}main .snavi ul li:nth-child(even){padding:0 10px 10px 0}main .snavi ul li:nth-child(3n){padding-right:0}}#space{display:none}@media screen and (min-width: 750px){#space{display:block;position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;margin:0 auto}}#space>div{margin:0 auto}#snsCol ul{text-align:center;padding:20px 0}#snsCol ul li{display:inline-block;padding-right:3px}#snsCol ul li img{width:100%;max-width:35px}@media screen and (min-width: 750px){#snsCol{position:absolute;width:100%;top:30px;right:0;padding:0 2% 0 0;box-sizing:border-box;z-index:40}#snsCol ul{text-align:right;margin:0 auto;padding:0}}#btnPtop{position:absolute;display:none;width:15%;max-width:60px;z-index:50}#btnPtop img{width:100%}@media screen and (min-width: 750px){#btnPtop{max-width:65px}}footer{background:#111111;padding:0;text-align:center;box-sizing:border-box;position:relative;z-index:10}@media screen and (min-width: 750px){footer{min-width:1024px}}footer .logoPF{width:80%;max-width:425px;padding:2em 0 0;margin:0 auto}footer #notice{padding:1.5em 0 1.5em;border-bottom:1px solid rgba(0,0,0,0.3)}footer #notice img{width:100%}@media screen and (min-width: 750px){footer #notice{background:url(../images/common/img_notice_pc.png) center 1.5em no-repeat;width:678px;height:45px;margin:0 auto}footer #notice img{display:none}}footer #ftBnrCol{padding:1em 0;text-align:center;border-bottom:1px solid rgba(0,0,0,0.3)}footer #ftBnrCol li{display:inline-block;width:48%;max-width:185px}footer p.copy{padding:1em 0.5em;font-size:11px}footer p.eula{position:relative;text-align:center;font-size:14px;width:80%;margin:0 auto;padding:30px 0 0}@media screen and (min-width: 750px){footer p.eula{width:1000px;margin:0 auto;padding:30px 0 0}}body.pcView a.opaEff img{-ms-transition:0.3s ease-out;-webkit-transition:0.3s ease-out;transition:0.3s ease-out}@media all and (-ms-high-contrast: none){body.pcView a.opaEff img{-ms-transition:none;-webkit-transition:none;transition:none}}body.pcView a.opaEff:hover img{filter:brightness(120%)}@media all and (-ms-high-contrast: none){body.pcView a.opaEff:hover img{opacity:0.8}}
