/* base............................................................................... */

.mobileOff {
display: none;
}
.mobileOn {
display: block;
}

.mobileImg img {
width: 100;
height: 100;
}
.mobileImg2 img {
width: 100;
height: 120;
}

.halfImg {
float: left;
margin: 0px 0px 300px -20px!important;
}

#main {
width: 100%!important;
}

.gameA, .gameC {
display: none!important;
}

#rightCell {
display: none;
}

/* head, foot......................................................................... */

#foot {
margin: 20px 12px 20px 0px;
padding: 2px;
font-size: 120%!important;
text-align: left!important;
color: #CCCCC6;
}

#mark {
float: left;
margin: 0px 6px 6px 6px!important;
padding: 0px;
}
#mark img {
width: 180;
height: 64;
}

#discord {
display: block!important;
width: 100%;
}
#discord img {
margin: 12px 0px 0px 0px!important;
width: 100%!important;
}

/* menu............................................................................... */

#logo {
height: 250px!important;
background-image:url(images/_logo_mobile.jpg)!important;
background-position:center top!important;
background-repeat:no-repeat!important;
background-size: cover!important;
}

#menu ul li {
font-size: 20px!important;
line-height: 50px!important;
letter-spacing: 0px!important;
}

/* text............................................................................... */

p {
font-size: 150%!important;
line-height: 160%!important;
letter-spacing: 0em!important;
}

p#bit {
font-size: 60%;
letter-spacing: 1px;
}

h1, h2, h3, h4, h5, h6 {
font-size: 150%!important;
}

h2#date {
width: 180px!important;
}

h3 {
font-size: 100%!important;
}

h4 {
font-size: 100%!important;
}

h5 {
padding: 10 0!important;
font-size: 130%!important;
}

h5#black {
padding: 10 0!important;
font-size: 150%!important;
}

dt {
padding: 6px 0px 6px 12px;
font-size: 150%!important;
font-weight: bold;
color: #FFFFF6;
}

dd {
font-size: 150%!important;
line-height: 150%;
letter-spacing: 0.05em;
}

#textboxB ul {
line-height: 150%;
}

#textboxG ul {
font-size: 150%!important;
line-height: 150%;
}

.new {
font-size: 100%!important;
}

/* shots.............................................................................. */

.shots div {
float: left;
width: 49.0%!important;
padding: 0.5%;
}

/* option............................................................................. */

table#option {
font-size: 18px!important;
}

table#option td {
font-size: 18px!important;
}

table#option input, table#option select {
font-size: 18px!important;
}

/* bbs................................................................................ */

input, textarea {
font-size: 20px!important;
}

select {
font-size: 20px!important;
}

input.box {
width: 32px!important;
height: 32px!important;
margin: 0px 0px 14px 14px!important;
}

#portrait img {
width: 70px!important;
height: 70px!important;
}

input.name {
font-size: 30px!important;
background-size: 60% 100%!important;
}

input.title {
font-size: 30px!important;
background-size: 60% 100%!important;
}

textarea {
font-size: 20px!important;
height: 250px!important;
}

input.button {
font-size: 30px!important;
}

input.checkbox {
width: 22px!important;
}

#textboxW .bbstext {
padding: 10px!important;
}

#textboxW .bbspic {
padding: 0px 10px 0px 0px!important;
}

#textboxW .bbspic img {
width: 70px!important;
height: 70px!important;
}

#bbsname, #bbsnameX {
height: 70px!important;
font-size: 28px!important;
line-height: 240%!important;
}

#bbstitle {
font-size: 22px!important;
}

#bbsdate {
font-size: 110%!important;
}