html,body,div,span,p,a,em,img{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}

html,body{line-height:1;min-height:100%;font-family:メイリオ,Artial,Verdana,sans-serif;-webkit-text-size-adjust: 100%;}

body{background:url(../../../../images/team/team-haikei.gif) repeat fixed;}

a{-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}

a{text-decoration: underline;overflow:hidden;outline:none;}
a:link{color:#1e90ff;}
a:visited{color:#6090ef;}
a:hover{color:#ff69b4;}
a:active{color:#90ee90;}
*{zoom:1;}

a.ctn{color:#ff0000;text-decoration: underline;}
a:link.ctn{color:#ff0000;font-weight:bold;}
a:visited.ctn{color:#ff0000;}
a:hover.ctn{color:#ff9eff;}
a:active.ctn{color:#90ee90;}

a.lnk{text-decoration: underline;}
a:link.lnk{color:#007ab7;font-weight:bold;}
a:visited.lnk{color:#0050c1;}
a:hover.lnk{color:#ff69b4;}
a:active.lnk{color:#90ee90;}

#hf1{
background-image:url(../img/img2.jpg);
display:block;
margin:0px auto;
width:100%;max-width:670px;
height:auto;max-height:70px;
text-indent:-500px;
overflow:hidden;
background-size:200% auto;
background-repeat:no-repeat;
}
#hf1.hover{background-position:100% 0px !important;}
#hf1:after{
padding-top:10.5%;
display: block;
content: "";
}

body{background-attachment:fixed;}
ol,ul{list-style:none;}
p{margin:1em 0;line-height:1.1em;}
q{font-style:italic;color:#333;}
.clear{clear:both;line-height:0px;height:0px;}

.nvwrp{
display:block;
margin:0px auto;
width:100%;max-width:800px;
height:auto;max-height:70px;
text-indent:-500px;
overflow:hidden;
background-size:100% auto;
background-repeat:no-repeat;
line-height:0px;
}
.nvwrp:after{
padding-top:8.75%;
display: block;
content: "";
}
.nvwrpf{
display:block;
margin:0px auto;
width:100%;max-width:800px;
height:auto;max-height:40px;
text-indent:-500px;
overflow:hidden;
background-size:100% auto;
background-repeat:no-repeat;
line-height:0px;
border:1px solidskyblue;
}
.nvwrpf:after{
padding-top:5%;
display: block;
content: "";
line-height:0px;
}
.mn1{background-image:url(../img/menu1_image2.png);line-height:0px;}
.mn2{background-image:url(../img/menu2_image2.png);line-height:0px;}
.mn3{background-image:url(../img/menu3_image2.png);line-height:0px;}
.mn4{background-image:url(../img/footer2.png);line-height:0px;}
.nvwrp2{width:50%;margin:0px 0px 0px auto;line-height:0px;}

.nv1,.nv2,.nv3,.nv4{
display:block;
float:right;
margin:0px 1% 0px auto;
width:21%;max-width:89px;
height:auto;max-height:28px;
text-indent:-500px;
overflow:hidden;
background-size:200% auto;
background-repeat:no-repeat;
line-height:0px;
}
.nv1:after,.nv2:after,.nv3:after,.nv4:after{
padding-top:31.46%;
display: block;
content: "";
}
.nv1.hover,.nv2.hover,.nv3.hover{background-position:100% 0px !important;}
.nv1{
background-image:url(../img/back.png);
}

.nv2{
background-image:url(../img/next.png);
}

.nv3{
background-image:url(../img/top.png);
}
.nv4{
background-image:url(../img/m_top.png);
width:55%;max-width:252px;
}
.nv4:after{
padding-top:11.11%;
display: block;
content: "";
}


/* ------------------------------ ＰＣ用 --------------------------------- */
#wrap{width:100%;}
.cnt{
line-height:140%;
color:#444;
padding:0px 40px;
}

.mds{
text-shadow:1px 1px 0 #fff, 2px 2px 0 #d4dcda;
color:#007bbb;
font-weight:bold;
font-size:120%;
padding:5px 10px;
background-color:#efffff;
margin:0px;
border-top:double 4px #999;
border-bottom:dashed 1px #999;
}

.htph{
width:50%;
border-left:5px solid #15aecb;
border-bottom:1px solid #15aecb;
font-size:110%;
padding-left:10px;
margin-top:10px;
margin-bottom:10px;
font-weight:bold;
}

.incntwrp{
line-height:140%;
color:#444;
text-shadow:1px 1px 1px #fff;
padding:10px 40px;
}
.incnt{line-height:140%;font-size:110%;}

/* ----------- ＰＣ-トップ部分 ------------ */
#sct1{
width:800px;
margin:0px auto;padding:0px;
border:0px solid blue;
border-right:1px solid #888;
border-left:1px solid #888;
line-height:0px;
background-color:#fff;
}
#btnwrp1{width:786px;margin:0px auto;padding:0px 0px 10px 0px;line-height:0px;background-color:#fff;}
#btn11{
margin-right:0px;
background-image:url(../img/menubutton1.png);
width:262px;height:66px;
text-indent:-100%;
float:left;
position:relative;
overflow:hidden;
}

#btn12{
display:block;
margin-right:0px;
background-image:url(../img/menubutton2.png);
width:262px;height:66px;
text-indent:-100%;
float:left;
position:relative;
overflow:hidden;
}

#btn13{
display:block;
background-image:url(../img/menubutton3.png);
width:262px;height:66px;
text-indent:-100%;
float:left;
position:relative;
overflow:hidden;
}

/* ----------- ＰＣ-どんなゲーム？部分 ------------ */
#sct2{width:800px;margin:0px auto;border:0px solid green;border-right:1px solid #888;
border-left:1px solid #888;line-height:0px;background-color:#fdf7e8;padding:0;}

#smmry{
color:#777;
font-size:120%;
font-weight:bold;
width:80%;
margin:0px auto 0px auto;
padding:0 0 25px 1px;
text-shadow:1px 1px 0 #fff,2px 2px 1px #ddd;
}

.txt1{
margin:-20px auto 20px auto;
padding:0;
color:#ff4c67;
border-bottom:1px dashed #ff4c67;
font-size:180%;
line-height:180%;
text-align:center;
}
.sp{
background-image:url(../img/ipb.png);
background-repeat:no-repeat;
background-position:17px 0;
text-indent:86px;
line-height:70px;
color:#ff7188;
font-size:170%;
margin:7px auto;
}
.pc{
background-image:url(../img/pcb.png);
background-repeat:no-repeat;
text-indent:86px;
line-height:70px;
color:#ff7188;
font-size:170%;
margin:3px auto;
}

.smctn{
width:90%;
height:100%;
font-size:110%;
color:#ff7188;
margin:1em auto;
border-radius:1em;
border:2px dashed #999;
background-color:rgba(255,255,255,0.8);
box-shadow:0px 0px 2px 0px rgba(255,255,255,0.3);
}

.memo{
text-shadow:1px 1px 0 #fff, 2px 2px 0 #d4dcda;
color:#5b462c;
font-weight:bold;
font-size:120%;
padding:5px 10px;
background-color:#ffffcc;
margin:0px;
border-top:double 4px #8e683a;
border-bottom:dashed 1px #8e683a;
}

.memoq{
width:80%;
color:#244f7c;
margin:0.5em auto;
border:1px solid #999;
background-color:rgba(255,255,255,0.8);
box-shadow:0px 0px 2px 0px rgba(255,255,255,0.3);
}
.memoq p{font-weight:bold;text-decoration:underline;line-height:160%;font-size:120%;padding:0;margin-right:10px;}

.memoa{color:#339caa;line-height:140%;font-size:110%;width:90%;margin:10px auto;}

/* ----------- ＰＣ-プレイする！部分 ------------ */
#sct3{width:800px;margin:0px auto;border:0px solid pink;border-right:1px solid #888;
border-left:1px solid #888;background-color:#e8fdf8;font-size:100%;line-height:0px;}
#sct35{width:800px;margin:0px auto;border:0px solid pink;border-right:1px solid #888;
border-left:1px solid #888;background-color:#e8fdf8;font-size:100%;line-height:0px;}

#btnwrp2{width:764px;margin:0px auto;padding:0px 0px 10px 0px;line-height:0px;}
#btn21{
margin-right:0px;
background-image:url(../img/play_otameshi.png);
width:382px;height:72px;
text-indent:-500px;
white-space:nowrap;
float:left;
position:relative;
overflow:hidden;
}

#btn22{
display:block;
margin-right:0px;
background-image:url(../img/play_honpen.png);
width:382px;height:72px;
text-indent:-500px;
float:left;
position:relative;
overflow:hidden;
}

#btn23{
line-height:0px;
display:block;
margin-right:0px;
background-image:url(../img/install.png);
text-indent:-1000px;
position:relative;
width:100%;max-width:400px;
height:auto;max-height:72px;
text-indent:-500px;
overflow:hidden;
background-size:200% auto;
background-repeat:no-repeat;
}
#btn23.hover{background-position:100% 0px !important;}

#btn23:after{
padding-top:18%;
display: block;
content: "";
}

.ctn{font-weight:bold;color:#e95464;margin:0px;}
.trlwrp{
background-image:url(../img/otameshi_bg.jpg);
background-repeat:no-repeat;
background-position:right top;
}
.trial{
font-size:120%;
line-height:120%;
}

.brswrp{
border-top:4px double #80bff2;
border-left:4px double #80bff2;
border-bottom:1px solid #80bff2;
border-right:4px double #80bff2;
margin:0px auto;
padding:3px 10px;
text-align:center;
background-color:#eee;
font-weight:bold;color:#007bbb;
}
.brs{
border-right:4px double #80bff2;
border-bottom:4px double #80bff2;
border-left:4px double #80bff2;
padding:10px;
line-height:150%;
margin:0px auto 10px auto;
background-color:#fff;
}

.hnpnwrp{
box-shadow:1px 2px 2px 2px rgba(0,0,0,0.3);
border-radius:1em;
background-color: #FFFFFF;
width:90%;
padding:10px;
margin:10px auto 0px auto;
}

.prctbl{
width:100%;
margin:0;padding:0;
border-collapse:collapse;
}
.prctr{
border-top:1px dashed #999;
border-bottom:1px dashed #999;
width:100%;
margin:10px 0px;
padding:10px 0px;
}
.prcl{
width:60%;height:82px;
color:#444;
margin:0;padding:0;
font-weight:bold;
}
.prcr{
width:40%;
color:#2ca9e1;
font-weight:bold;
font-size:120%;
margin:0;padding-right:10px;
}

.btnl{float:left;width:47%;margin-left:3%;}
.btnr{float:right;width:342px;}

#btn41{
background-image:url(../img/buybutton1.png);
display:block;
margin:0px auto;
width:100%;max-width:342px;
height:auto;max-height:82px;
text-indent:-500px;
overflow:hidden;
background-size:200% auto;
background-repeat:no-repeat;
line-height:0px;
}
#btn41.hover{background-position:100% 0px !important;}
#btn41:after{
padding-top:23.97%;
display: block;
content: "";
}

#btn42{
background-image:url(../img/buybutton2.png);
display:block;
margin:0px auto;
width:100%;max-width:342px;
height:auto;max-height:82px;
text-indent:-500px;
overflow:hidden;
background-size:200% auto;
background-repeat:no-repeat;
line-height:0px;
}
#btn42.hover{background-position:100% 0px !important;}
#btn42:after{
padding-top:23.97%;
display: block;
content: "";
}

#btn43{
background-image:url(../img/buybutton3.png);
display:block;
margin:0px auto;
width:100%;max-width:342px;
height:auto;max-height:82px;
text-indent:-500px;
overflow:hidden;
background-size:200% auto;
background-repeat:no-repeat;
line-height:0px;
}
#btn43.hover{background-position:100% 0px !important;}
#btn43:after{
padding-top:23.97%;
display: block;
content: "";
}

#btn44{
background-image:url(../img/buybutton4.png);
display:block;
margin:0px auto;
width:100%;max-width:342px;
height:auto;max-height:82px;
text-indent:-500px;
overflow:hidden;
background-size:200% auto;
background-repeat:no-repeat;
line-height:0px;
}
#btn44.hover{background-position:100% 0px !important;}
#btn44:after{
padding-top:23.97%;
display: block;
content: "";
}

.dl{font-weight:bold;color:#e95464;margin:0px;}

/* ----------- ＰＣ-内容＆仕様紹介部分 ------------ */
#sct4{width:800px;margin:0px auto;border-right:1px solid #888;
border-left:1px solid #888;padding:0px;line-height:0px;
background-color:#fdf7e8;}

.ch br{display:none;}

.arsj{line-height:140%;}
.thm{width:150px;float:left;margin-left:75px;}
.sct3h{
border-left:5px solid #15aecb;
border-bottom:1px solid #15aecb;
padding-left:10px;
color:#ff5000;
font-size:120%;
font-weight:bold;
margin-bottom:20px;
margin-top:30px;}
.sct3c{
border-left:5px solid #15aecb;
border-bottom:1px solid #15aecb;
padding-left:10px;
color:#ff5000;
font-size:120%;
font-weight:bold;
margin-bottom:20px;
margin-top:30px;}
.inf{
border-left:1px dashed #999;
margin:0px;
padding:0px 0px 0px 30px;
float:right;max-width:400px;
}
.infh{
color:#888;
border-left:3px solid #edaad9;
border-bottom:1px solid #edaad9;
padding:2px 10px;
margin:0px 20px 3px 0px;
}
.infc{
font-weight:bold;
padding:0px 0px 0px 40px ;
margin:0px 20px 10px 0px;
color:#364868;
}

/* ------------------------------ 大スマホ用 --------------------------------- */
@media screen and (max-width: 799px) {
body{overflow-x:hidden;}
#wrap{max-width:799px;width:100%;border:0px solid red;}
.cnt{padding:10px 10px;}
.incntwrp{line-height:140%;color:#444;padding:5px 10px;}
.incnt{padding:0px 10px;font-size:90%;line-height:160%;}
.incnt br{display:none;}
.memoq p{font-size:90%;}
.memoq br{display:none;}
.memoa br{display:none;}

.mds{
font-size:90%;
padding:3px 5px;
}

/* ----------- 大ＳＰ-トップ部分 ------------ */
#sct1{max-width:799px;width:100%;border:0px solid blue;margin:0px auto;}
#btnwrp1{width:100%;margin:0px auto;line-height:0px;}
#btn11{
height:auto;
margin:0 1% 0 1%;
border:0px solid black;
max-width:262px;width:32%;
background-size:200% auto;
background-repeat:no-repeat;
}
#btn11:after{
padding-top:25.19%;
display: block;
content: "";
}

#btn12{
margin:0 1% 0 0;
height:auto;
border:0px solid black;
max-width:262px;width:32%;
background-size:200% auto;
background-repeat:no-repeat;
}
#btn12:after{
padding-top:25.19%;
display: block;
content: "";
}

#btn13{
margin:0px 0px;
height:auto;
border:0px solid black;
max-width:262px;width:32%;
background-size:200% auto;
background-repeat:no-repeat;
}
#btn13:after{
padding-top:25.19%;
display: block;
content: "";
}

/* ----------- 大ＳＰ-どんなゲーム？　部分 ------------ */
#sct2{width:100%;border:0px solid green;}

#smmry{
color:#777;
font-weight:bold;
width:95%;
margin:0px auto 0px auto;
padding:0 0 25px 1px;
text-shadow:1px 1px 0 #fff,2px 2px 1px #ddd;
}

.txt1{
margin:-20px auto 20px auto;
color:#ff4c67;
font-size:130%;
line-height:140%;
}
.sp{
background-image:url(../img/ip.png);
background-position:9px 0;
text-indent:55px;
line-height:40px;
font-size:130%;
margin:5px auto;
}
.pc{
background-image:url(../img/pc.png);
text-indent:55px;
line-height:40px;
color:#ff7188;
font-size:130%;
margin:5px auto;
}

/* ----------- 大ＳＰ-プレイする！　部分 ------------ */
#sct3{width:100%;border:0px solid pink;}
#sct35{width:100%;border:0px solid pink;}
#btnwrp2{width:100%;margin:0px auto;line-height:0px;}
#btn21{
height:auto;
border:0px solid black;
max-width:382px;width:50%;
background-size:200% auto;
background-repeat:no-repeat;
}
#btn21:after{
padding-top:18.84%;
display: block;
content: "";
}

#btn22{
height:auto;
border:0px solid black;
max-width:382px;width:50%;
background-size:200% auto;
background-repeat:no-repeat;
}
#btn22:after{
padding-top:18.84%;
display: block;
content: "";
}

.ctn{font-weight:bold;color:#e95464;font-size:80%;}
.trlwrp{
background-image:none;
}
.trial{
font-size:90%;
line-height:180%;
}
.trial .lnk{font-size:140%;}

.brs{
border-right:4px double #80bff2;
border-bottom:4px double #80bff2;
border-left:4px double #80bff2;
padding:5px 20px;
line-height:140%;
margin:0px auto 10px auto;
}
.brstxt br{display:none;}

.prctr{
width:100%;
padding:0px 0px;
}

.btnl{float:left;width:80%;margin-left:3%;}
.btnr{float:right;width:342px;}

/* ----------- 大ＳＰ-内容＆仕様紹介部分 ------------ */
#sct4{width:100%;border:0px solid orange;}

.ch br{display:inline;}
.arsj{padding:0px 5px;font-size:80%;line-height:160%;}
.arsj br{display:none;}
.thm{width:150px;float:none;margin:0px auto;}
.sct3h{
border-left:5px solid #15aecb;
border-bottom:1px solid #15aecb;
padding-left:10px;
color:#ff5000;
font-size:110%;
font-weight:bold;
margin-bottom:20px;
margin-top:30px;}
.inf{
border-left:0px;
border-top:1px dashed #999;
margin:10px 0px 0px 0px;
padding:10px 0px 0px 0px;
float:none;
max-width:799px;
width:100%;
font-size:80%;
}
.infh{
color:#888;
border-left:3px solid #edaad9;
border-bottom:1px solid #edaad9;
padding:2px 10px;
margin:0px 0px 3px 0px;
}
.infc{
font-weight:bold;
padding:0px 0px 0px 30px ;
margin:0px 0px 10px 0px;
color:#364868;
}

}

/* ------------------------------ スマホ用 --------------------------------- */
@media screen and (max-width: 479px) {
body{overflow-x:hidden;}
#wrap{max-width:479px;width:100%;border:0px solid red;}
.cnt{padding:10px 10px;}
.incntwrp{line-height:140%;color:#444;padding:5px 10px;}
.incnt{padding:0px 10px;font-size:80%;line-height:160%;}
.incnt br{display:none;}

/* ----------- ＳＰ-トップ部分 ------------ */
#sct1{max-width:479px;width:100%;border:0px solid blue;}
#btnwrp1{width:100%;margin:0px;line-height:0px;}
#btn11{
margin:0px;
border:0px solid black;
width:100%;
height:auto;
max-width:479px;
max-height:113px;
position:relative;
background-image:url(../img/menubutton1_2.png);
background-size:100% auto;
background-repeat:no-repeat;
}

#btn11:after{
padding-top:23.59%;
display: block;
content: "";
}

#btn12{
margin:0px;
border:0px solid black;
width:100%;
height:auto;
max-width:479px;
max-height:113px;
position:relative;
background-image:url(../img/menubutton2_2.png);
background-size:100% auto;
background-repeat:no-repeat;
}
#btn12:after{
padding-top:23.59%;
display: block;
content: "";
}

#btn13{
margin:0px;
border:0px solid black;
width:100%;
height:auto;
max-width:479px;
max-height:113px;
position:relative;
background-image:url(../img/menubutton3_2.png);
background-size:100% auto;
background-repeat:no-repeat;
line-height:0px;
}
#btn13:after{
padding-top:23.59%;
display: block;
content: "";
}

/* ----------- ＳＰ-どんなゲーム？　部分 ------------ */
#sct2{width:100%;border:0px solid green;}

/* ----------- ＳＰ-プレイする！　部分 ------------ */
#sct3{width:100%;border:0px solid pink;}
.trial{width:95%;padding:3px 0px;line-height:140%;}
.trial .swc br{display:inline;}
.trial .lnk{font-size:140%;line-height:160%;}
.star{display:none;}

.brswrp{font-size:90%;}
.brs{
font-size:90%;
border-right:4px double #80bff2;
border-bottom:4px double #80bff2;
border-left:4px double #80bff2;
padding:5px;
line-height:140%;
margin:0px auto 10px auto;
}
.brstxt br{display:none;}

.prcl{
height:2em;
width:70%;
}
.btnl{float:none;width:100%;margin:0px auto;}
.btnr{float:none;width:100%;max-width:342px;margin:0px auto;}

/* ----------- ＳＰ-内容＆仕様紹介部分 ------------ */
#sct4{width:100%;border:0px solid orange;}

.arsj{padding:0px 5px;font-size:80%;line-height:160%;}
.arsj br{display:none;}
.thm{width:150px;float:none;margin:0px auto;}
.sct3h{
border-left:5px solid #15aecb;
border-bottom:1px solid #15aecb;
padding-left:10px;
color:#ff5000;
font-size:110%;
font-weight:bold;
margin-bottom:20px;
margin-top:30px;}
.inf{
border-left:0px;
border-top:1px dashed #999;
margin:10px 0px 0px 0px;
padding:10px 0px 0px 0px;
float:none;
max-width:479px;
width:100%;
font-size:80%;
}
.infh{
color:#888;
border-left:3px solid #edaad9;
border-bottom:1px solid #edaad9;
padding:2px 10px;
margin:0px 0px 3px 0px;
}
.infc{
font-weight:bold;
padding:0px 0px 0px 30px ;
margin:0px 0px 10px 0px;
color:#364868;
}

}
