@charset "UTF-8";

@media screen and ( max-width: 640px ) {

/* ページレイアウト　高さを100％ */

* { margin:0; padding:0;}
img { border:0px; max-width:100%; height: auto; width:auto\9; /* ie8 */}

#container {
position:relative;
width:100%;
background:#FFF;
color:#666; font-size:15px; line-height:1.3em;
padding:0;
}

.main { min-height:1px;}/* IE 7対策 */

.clearfix:after {
clear:both;
visibility:hidden;
display:block;
height:0;
font-size:0;
content:'';
}

/*へッダー*/
#header_top,
#header {
position:relative;
padding-top:40px; padding-bottom:15px;
}
#header_top a#en,
#header a#en {
position:absolute; top:2%; right:3%;
color:#666; text-align:right; text-decoration:none;
}
#header_top a#en img,
#header a#en img { margin-right: 4px;}
#header_top a#logo,
#header a#logo {
display:block;
text-align:center;
margin:0 auto;
}
/*へッダー*/

/*タイトルページ共通*/
.gametitle { display:none;}
.gametitle a.title { display:none;}
.title_detail { display:none;}
a.to_title { display:none;}
a.titleimage { display:none;}
a.mobileimage {
display:block; width:96%;
margin:10px auto 0;
text-align:center;
}
.double_m {
display:block;
text-align:center;
margin-top:10px;
}
.double_m a {
display:inline-block; width:48%;
vertical-align:bottom;
margin:0; padding:0;
}
/*タイトルページ共通*/

/*個別ページ共通*/
h3 {
border-bottom:#999 1px dashed;
color:#09F; font-size:1.2em;
margin:35px 3% 10px; padding: 2px 10px 10px 26px;
}
.text { margin: 0 3%;}
.text img {
display:block;
text-align:center;
margin:10px auto 0;
}
.text ul { padding-left: 25px;}
.topimage {
text-align:center;
margin:0 auto 10px;
}
.topimage img {
width:94%; height:auto;
border:5px #000 solid;
border-radius:5px;
}
#download { text-align:center; margin:0 auto;}
#download a:hover { opacity:0.7;}
ul.page_change { text-align:center; margin-top:40px;}
ul.page_change li { display:inline-block; width:25%;}
ul.page_change li:first-child { border-right:1px solid #999;}
.bottomimage {
text-align:center;
margin:0 auto; padding-top:40px;
}
.bottomimage img {
width:94%; height:auto;
border:5px #000 solid; border-radius:5px;
margin-bottom:5px;
}
/*個別ページ共通*/

/*フッター*/
#home_top {
width:289px; height:54px;
text-align:center;
margin:30px auto 0;
}
a#back_home {
display:block; height:54px; width:142px;
background-image:url('/ja/image/btn_home_mobile.gif');
line-height:300px;
overflow:hidden;
float:left;
margin:0 auto;
}
a#page_top {
display:block; height:54px; width:142px;
background-image:url('/ja/image/btn_pagetop_mobile.gif');
margin-left:147px;
line-height:300px;
overflow:hidden;
margin:0 auto;
}
#footer {
font-size:0.7em; line-height:1em; text-align:center;
padding-top:20px; padding-bottom:25px;
}
#footer a { color: #666;}
/*フッター*/

/*ヘッダーナビゲーション*/
h4 {
position:absolute; bottom:4px;
width:630px;
color:#FFF; font-size:116.6%; text-align:center;
margin: 0 10px;
}
.boxgrid { display:none;}
/*ヘッダーナビゲーション*/

/* サポートページ */
.supportform {
width:100%;
margin:0 auto;
padding-bottom:20px;
}
/* /サポートページ */

/* はちこ用 */
.jikosyoukai{ color:#C30; font-weight:bold;}
.jikosyoukai img { margin:10px auto;}
/* /はちこ用 */

}

/*画像処理タグ*/

@media screen and ( max-width:320px ){
#header_top a#logo img,
#header a#logo img { width: 70%; height: auto;}
}

@media only screen and (-webkit-min-device-pixel-ratio : 2),only screen and (min-device-pixel-ratio : 2){
     a#back_home{
          background: url(/ja/image/btn_home_mobile.gif) no-repeat 0 0;
          -webkit-background-size:142px 54px;
          background-size: 142px 54px;
     }
}

@media screen and (max-width: 640px){
  a#back_home{
    -webkit-background-size:142px 54px; /* webkit系 */
    background-size: 142px 54px;
  }
}

@media only screen and (-webkit-min-device-pixel-ratio : 2),only screen and (min-device-pixel-ratio : 2){
     a#page_top{
          background: url(/ja/image/btn_pagetop_mobile.gif) no-repeat 0 0;
          -webkit-background-size:142px 54px;
          background-size: 142px 54px;
     }
}

@media screen and ( max-width:640px ){
  a#page_top{
    -webkit-background-size:142px 54px; /* webkit系 */
    background-size: 142px 54px;
  }
}