@charset "utf-8";

*{}

#hibiki-contna{ background-color:#FFF; }

@media screen and (min-width: 768px) {
#hibiki-conts{ margin-bottom:0px; padding-top:0px; }

#entrance{ height:620px; background-image:url(../img/entrance/bg_main_pc.jpg); background-position:center center; background-repeat:no-repeat; font-size:.1em; line-height:0; }
#entrance-inr{  }
#element{ margin-left:50%; margin-bottom:90px; padding-top:195px; width:320px; }
#element .tx-selectlang{ margin-bottom:10px; display: none; }
#select-language{ position:relative; margin-bottom:40px; display: none; }
#select-language .title{ position:relative; z-index:2; background-color:#000; border:solid 1px #c7c9cb; }
#select-language .lang-wrap{ position:absolute; z-index:1; left:0; top:0; height:0; width:100%; overflow:hidden; }
#select-language .lang-list{ position:absolute; left:0; top:0; border-left:solid 1px #c7c9cb; border-right:solid 1px #c7c9cb; border-bottom:solid 1px #c7c9cb; }
#select-language .lang-wrap ul li{ background-color:#fff; font-size:.1em; line-height:0; }
#btn-list{ margin-top:40px; overflow:hidden; position:relative; }
#btn-list .over20{ margin-bottom:10px; }
#btn-list .disable{ position:absolute; left:0; top:0; display:none; }
#btn-list .inr{ margin-left:-10px; }
#btn-list ul li{ float:left; background-color:#000; margin-left:10px; width:153px; border:solid 1px #c7c9cb; }
#forjapan p{ text-align:center; }

}

@media screen and (max-width: 768px) {
#hibiki-contna{ padding-bottom:0px; }
#hibiki-conts{ margin-bottom:0px; padding-top:0px; }

#entrance{ position:relative; background:url(../img/entrance/bg_main_sp.jpg) center top no-repeat; padding-bottom:calc(100%*540/640); font-size:.1em; line-height:0; background-color:#e2e2e2; overflow:hidden; }
#entrance-inr{ position:absolute; width:100%; }
#element{ margin:0 auto; margin-bottom:30px; padding-top:50px; width:260px; }
#element .tx-selectlang{ margin:0 auto; margin-bottom:10px; width:139px; display: none; }
#select-language{ position:relative; margin-bottom:50px; display: none; }
#select-language .title{ position:relative; z-index:2; background-color:#FFF; border:solid 1px #c7c9cb; }
#select-language .lang-wrap{ position:absolute; z-index:1; left:0; top:0; height:0; width:100%; overflow:hidden; }
#select-language .lang-list{ position:absolute; left:0; top:0; border-left:solid 1px #c7c9cb; border-right:solid 1px #c7c9cb; border-bottom:solid 1px #c7c9cb; }
#select-language .lang-wrap ul li{ background-color:#fff; font-size:.1em; line-height:0; }
#btn-list{ margin:0 auto; margin-top:50px; overflow:hidden; position:relative; }
#btn-list .over20{ margin:0 auto; margin-bottom:10px; width:186px; }
#btn-list .disable{ position:absolute; left:0; top:0; display:none; }
#btn-list .inr{ margin-left:-20px; }
#btn-list ul li{ float:left; background-color:#000; margin-left:20px; width:118px; border:solid 1px #c7c9cb; }
#forjapan{ margin:0 auto; width:264px; }
}