@charset "utf-8";

/*========================================================
Japanese (color change)
========================================================*/
#wrapper { background-color: #fcfcf2; }
#header { background-color: #fff; }
#contents h1.logo { background-color: #b4b9bc; }
#contents h1.logo .inner img { max-width: 304px; }
#contents .band { background-color: #a5141e; }
#contents .band::after { background: url('../img/line.png') repeat-x; }
#langNav { background-color: #a5141e; border-left: 2px solid #aa8755; }
#langNav ul li { border-bottom: 2px solid #aa8755; }
#langNav ul a:hover li { background-color: #fcfcf2; color: #a5141e; }
/* notice */
div#wrapper div#contents button.h2Wrp { background-color: #a5141e; }
div#wrapper div#contents button.h2Wrp h2 {
    background-color: #fcfcf2;
    box-shadow: 14px 0 0 #a5141e, -14px 0 0 #a5141e, 0px 14px 0 #a5141e, 0px -14px 0 #a5141e;
}
div#wrapper div#contents button.h2Wrp h2 .txt { box-shadow: 7px 0 0 #fcfcf2, -7px 0 0 #fcfcf2, 0 7px 0 #fcfcf2, 0 -7px 0 #fcfcf2; }
div#wrapper div#contents button.h2Wrp h2::before { background: url('../img/question.png') no-repeat center center; }
div#wrapper div#contents button.h2Wrp h2::after { background: url('../img/arrw.png') no-repeat center center; }
div#wrapper div#contents #slideBox::before { background-color: #a5141e; }
div#wrapper div#contents #slideBox::after { background-color: #a5141e; }
div#wrapper div#contents #slideBox.target { background-color: #a5141e; }
div#wrapper div#contents #slideBox.target .inBody { box-shadow: 14px 0 0 #a5141e, -14px 0 0 #a5141e, 0px 14px 0 #a5141e, 0px -14px 0 #a5141e; }
/* LINK AREA */
.linkArea { margin-bottom: 20px; }
.linkArea li.linkBnr { background-color: #a5141e; }
.linkArea li.linkBnr p {
    background-color: #a5141e;
    box-shadow: 14px 0 0 #a5141e, -14px 0 0 #a5141e, 0px 14px 0 #a5141e, 0px -14px 0 #a5141e;
}
.linkArea li.linkBnr p .inner { box-shadow: 7px 0 0 #fcfcf2, -7px 0 0 #fcfcf2, 0 7px 0 #fcfcf2, 0 -7px 0 #fcfcf2; }
/* manual page */
div#wrapper div#contents div.h2Wrp { background-color: #a5141e; }
div#wrapper div#contents div.h2Wrp h2 { background-color: #a5141e; box-shadow: 14px 0 0 #a5141e, -14px 0 0 #a5141e, 0px 14px 0 #a5141e, 0px -14px 0 #a5141e; }
div#wrapper div#contents div.h2Wrp h2 .txt { box-shadow: 7px 0 0 #fcfcf2, -7px 0 0 #fcfcf2, 0 7px 0 #fcfcf2, 0 -7px 0 #fcfcf2; }
div#wrapper div#contents div.section ul.numberList .numTtl { color: #a5141e; }
div#wrapper div#contents div.section table.basicTbl { border: 1px solid #a5141e; }
div#wrapper div#contents table.basicTbl tr th {
    border-bottom: 1px solid #a5141e;
    border-right: 1px solid #a5141e;
    background-color: #f8efe1;
}
div#wrapper div#contents div.section table.basicTbl tbody tr td { border-bottom: 1px solid #a5141e; }
div#wrapper div#contents div.section ul.numberList .numTtl span.num { background-color: #fcfcf2; }
div#wrapper div#contents div.section ul.numberList .numTtl span.num span {
    background-color: #a5141e;
    box-shadow: 0px 6px 0 #a5141e, 6px 0px 0 #a5141e, 0px -6px 0 #a5141e, -6px 0px 0 #a5141e;
}
div#wrapper div#contents h3 { color: #a5141e; }
.backBtn { color: #a5141e; }

/*========================================================
Japanese only
========================================================*/
/* GAME LIST STYLE */
.soft {
    width: 340px;
    margin: 12px
}
a.soft:hover {
    opacity: 0.8;
}
.soft .pkg {
    background: url('../img/bg_softlist.png') no-repeat center top;
    width: 340px;
    height: 320px;
    text-align: center;
    box-sizing: border-box;
    position: relative;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    .soft .pkg {
        background: url('../img/bg_softlist_2x.png') no-repeat center top;
        background-size: 100%;
    }
}
.soft .pkg  img {
    position: absolute;
    top: 52.7%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
}
.soft .gameTtl {
    background-color: #a5141e;
    font-size: 23px;
    padding: 1em 0;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    width: 340px;
    line-height: 1.3;
}
.soft .foot {
    background: url('../img/bg_softlist_foot.png') no-repeat center top;
    width: 340px;
    height: 44px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    .soft .foot {
        background: url('../img/bg_softlist_foot_2x.png') no-repeat center top;
        background-size: 100%;
    }
}

/*========================================================
manual.html
========================================================*/
div#wrapper div#contents div.section img.sshot {
    width: 90%;
    height: auto;
    max-width: 494px;
    display: block;
    margin: 30px auto 20px;
    vertical-align: middle;
}
div#wrapper div#contents div.section img.sshot.hm {
    max-width: 650px;
}
div#wrapper table.basicTbl.menuBar th,
div#wrapper div#contents table.basicTbl tr th {
    white-space: nowrap;
    width: 285px;
}
div#wrapper table.basicTbl.menuBar th img {
    width: 40px;
    height: auto;
    padding-right: .5em;
    vertical-align: middle;
}
div#wrapper div#contents span.caution {
    text-indent: -1em;
    padding-left: 1em;
}

/*============================
#footer
============================*/
#footer {
    background-color: #b4b9bc;
    padding: 15px 20px;
    font-size: 18px;
    color: #a5141e;
}
table.footLink .linkIcon::after { border-left: 0.3em solid #a5141e; }
table.footLink .linkIcon::before { border-left: 0.3em solid #a5141e; }
/*
.footLink {
    width: 600px;
    margin: 0 auto;
}
.footLink li {
    width: 252px;
    margin-bottom: 30px;
}
.footLink li a {
    position: relative;
    padding-left: 1em;
}
.footLink li:nth-child(odd) {
    padding-right: 35px;
    text-align: right;
}
.footLink li:nth-child(even) {
    padding-left: 35px;
}
.footLink li:nth-child(3) {
    border-right: 1px solid #282828;
}
.footLink li:nth-child(3)::before,
.footLink li:nth-child(even)::before {
    content: "";
    border-left: 0.3em solid #a5141e;
}
.footLink li:nth-child(3) a::after,
.footLink li:nth-child(even) a::after {
    content: "";
    border-left: 0.3em solid #a5141e;
    height: 0.3em;
    position: absolute;
    left: 0;
    top: calc(0.5em - 0.15em);
}*/
#footer .copyR {
    font-size: 13px;
    line-height: 1.4;
    color: #282828;
}
/*================================================================================================================
~750px
================================================================================================================*/
@media only screen and (max-width: 750px) {
    .soft {float: left;}
    .footLink li {
        margin-bottom: 1em;
        text-align: center !important;
        padding: 0 !important;
        border-right: none !important;
    }
}