@charset "utf-8";
/*========================================================
Other than Japanese (color change)
========================================================*/
/* header */
#wrapper { background-color: #c5c5c5; }
#header { background-color: #db2b00; }
#contents h1.logo { background-color: #000; }
#contents .band { background-color: #737373; }
#contents .band::after { background: url('../img/multi/line.png') repeat-x; }
#langNav { background-color: #00153d; border-left: 2px solid #737373; }
#langNav ul li { border-bottom: 2px solid #737373; }
#langNav ul a:hover li { background-color: #fff; color: #00153d; }
/* notice */
div#wrapper div#contents button.h2Wrp { background-color: #00153d; }
div#wrapper div#contents button.h2Wrp h2 {
    background-color: #c5c5c5;
    box-shadow: 14px 0 0 #00153d, -14px 0 0 #00153d, 0px 14px 0 #00153d, 0px -14px 0 #00153d;
}
div#wrapper div#contents button.h2Wrp h2 .txt { box-shadow: 7px 0 0 #c5c5c5, -7px 0 0 #c5c5c5, 0 7px 0 #c5c5c5, 0 -7px 0 #c5c5c5; }
div#wrapper div#contents button.h2Wrp h2::before { background: url('../img/multi/question.png') no-repeat center center; }
div#wrapper div#contents button.h2Wrp h2::after { background: url('../img/multi/arrw.png') no-repeat center center; }
div#wrapper div#contents #slideBox::before { background-color: #00153d; }
div#wrapper div#contents #slideBox::after { background-color: #00153d; }
div#wrapper div#contents #slideBox.target { background-color: #00153d; }
div#wrapper div#contents #slideBox.target .inBody { box-shadow: 14px 0 0 #00153d, -14px 0 0 #00153d, 0px 14px 0 #00153d, 0px -14px 0 #00153d; }
/* LINK AREA */
.linkArea li.linkBnr { background-color: #00153d; }
.linkArea li.linkBnr p {
    background-color: #00153d;
    box-shadow: 14px 0 0 #00153d, -14px 0 0 #00153d, 0px 14px 0 #00153d, 0px -14px 0 #00153d;
}
.linkArea li.linkBnr p .inner { box-shadow: 7px 0 0 #c5c5c5, -7px 0 0 #c5c5c5, 0 7px 0 #c5c5c5, 0 -7px 0 #c5c5c5; }
/* MANUAL PAGE */
div#wrapper div#contents div.h2Wrp { background-color: #00153d; }
div#wrapper div#contents div.h2Wrp h2 { background-color: #00153d; box-shadow: 14px 0 0 #00153d, -14px 0 0 #00153d, 0px 14px 0 #00153d, 0px -14px 0 #00153d; }
div#wrapper div#contents div.h2Wrp h2 .txt { box-shadow: 7px 0 0 #c5c5c5, -7px 0 0 #c5c5c5, 0 7px 0 #c5c5c5, 0 -7px 0 #c5c5c5; }
div#wrapper div#contents div.section ul.numberList .numTtl { color: #00153d; }
div#wrapper div#contents div.section table.basicTbl { border: 1px solid #00153d; }
div#wrapper div#contents table.basicTbl tr th {
    border-bottom: 1px solid #00153d;
    border-right: 1px solid #00153d;
    background-color: #eae9e9;
}
div#wrapper div#contents div.section table.basicTbl tbody tr td { border-bottom: 1px solid #00153d; }
div#wrapper div#contents .num { background-color: #c5c5c5; }
div#wrapper div#contents .num span {
    background-color: #00153d;
    box-shadow: 0px 6px 0 #00153d, 6px 0px 0 #00153d, 0px -6px 0 #00153d, -6px 0px 0 #00153d;
}
div#wrapper div#contents h3 { color: #00153d; }
.backBtn { color: #00153d; }

/*========================================================
common style (Other than Japanese)
========================================================*/
/* LOGO */
#contents h1.logo .inner img.euLogo { max-width: 141px; }
#contents h1.logo .inner img.usLogo { max-width: 397px; }

/* GAME LIST STYLE */
li.gameBox {
    width: 340px;
    text-align: center;
    margin: 12px;
}
.frameH {
    background: url('../img/multi/bg_softlist_head.png') no-repeat center bottom;
    height: 26px;
}
.frameF {
    background: url('../img/multi/bg_softlist_foot.png') no-repeat center top;
    height: 26px;
}
.frameB {
    background-color: #00153d;
}
.pkg {
    background: url('../img/multi/bg_softlist.png') no-repeat center center;
    width: 328px;
    margin: 0 auto;
    padding: 1em;
    box-sizing: border-box;
}
p.gameTtl {
    width: 320px;
    padding: 1em 10px;
    font-size: 30px;
    margin: 0 auto;
    box-sizing: border-box;
    border-bottom: 3px solid #737373;
    display: table-cell;
    vertical-align: middle;
}
.dlBtn {
    width: 320px;
    box-sizing: border-box;
    margin: 3px auto 0;
    text-align: left;
    border-top: 2px solid #737373;
    padding: 0 1em;
}
.dlBtn a {
    position: relative;
    display: block;
    border-radius: 4px;
    background-color: #5A5F6C;
    padding: 1em 1em 1em 2.5em;
    font-size: 20px;
    margin: 1em 0 0 0;
    -webkit-transition: none;
    transition: none;
    box-shadow: 0 4px 0 #25272b;
}
.dlBtn a::before {
    content: url('../img/multi/circle_arrw.png');
    position: absolute;
    top: 0;
    bottom: 0;
    left: 1em;
    margin: auto;
    width: 22px;
    height: 22px;
}
.dlBtn a:hover {
    background-color: #31c8aa;
    box-shadow: 0 3px 0 #23a188;
}
.dlBtn a:active {
    top: 3px;
    box-shadow: none;
}

/*========================================================
manual.html
========================================================*/
div#wrapper div#contents div.section img.sshot {
    width: 90%;
    height: auto;
    max-width: 492px;
    display: block;
    margin: 30px auto 20px;
    vertical-align: middle;
}
div#wrapper div#contents div.section img.sshot.hm {
    max-width: 585px;
}

/* basicDL DT DD */
.basicDL {
    border-top: 1px solid #00153d;
    border-left: 1px solid #00153d;
    border-right: 1px solid #00153d;
    font-size: 24px;
    background-color: #eae9e9;
}
.basicDL dt {
    background-color: #eae9e9;
    padding: 0.5em;
    display: table-cell;
    width: 100%;
    vertical-align: middle;
}
.basicDL dt img {
    width: 40px;
    height: auto;
    vertical-align: middle;
    padding-right: 0.2em;
}
.basicDL dd {
    background-color: #fff;
    border-top: 1px solid #00153d;
    border-bottom: 1px solid #00153d;
    padding: .5em;
}

/*============================
#footer
============================*/
#footer {
    background-color: #000;
    padding: 30px 20px;
    font-size: 18px;
    color: #fff;
}
table.footLink td a {
    display: block;
    padding: .1em;
    box-sizing: border-box;
}
table.footLink .linkIcon::after { border-left: 0.3em solid #fff; }
table.footLink .linkIcon::before { border-left: 0.3em solid #fff; }
#footer .copyR {
    font-size: 13px;
    line-height: 1.4;
    color: #fff;
}

/*================================================================================================================
~750px
================================================================================================================*/
@media only screen and (max-width: 750px) {li.gameBox {float: left;width: 350px;}}