@charset "utf-8";


/*  BASIC
*************************************************/
html{width:100%;height:100%;}
body#Top{ background:#000000;color:#ffffff;line-height: 1.8; font-size:110%;}
#Index{width:100%;height:100%;position:relative;background:url(/img/top/index_bg.jpg) no-repeat;background-size:cover;background-position:center top;margin:0;padding:0;}
#IndexCont{position:absolute;left:0;bottom:274px;width:100%;}
/**/
#TopList {display:block;width:840px;margin:0 auto;text-align: center;list-style: none;}
#TopList li {display:inline-block;width: 149px;height: 118px;margin: 6px;position:relative;}
#TopList li img{position:absolute;left:0;top:0;z-index:1;}
#TopList li span{position:absolute;left:0;top:0;z-index:1;width:100%;height:100%;background:#ffffff;opacity:0.3;filter:alpha(opacity=30);-ms-filter: "alpha( opacity=30 )";}
#TopList li a p{position:absolute;left:0;bottom:7px;width:100%;color:#ffffff;font-size:60%;line-height:1.2;text-shadow:1px 1px 3px #000000;font-weight:bold;z-index:1;
font-family:"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","Lustria","serif" !important;}
#TopList li a p em{display:block;font-style:normal;font-size:120%;}
#TopList li:hover a p{text-shadow:none;}
/**/
#Top #TopNews{position:absolute;left:0;bottom:140px;width:100%;height:auto;z-index:51;/*background-color:rgba(255,255,255,0.3);*/}
#Top #TopNews #NewsCont{width:1214px;height:105px;margin:0 auto;text-align:left;font-size:80%;}
#Top #TopNews #NewsCont #NewsArea{width:840px;height:115px;overflow:hidden;}
#Top #TopNews #NewsCont #NewsArea dl{width:840px;padding:25px 30px 25px 0;display:none;color:#cccccc;}
#Top #TopNews #NewsCont #NewsArea dl.Active{display:block;}
#Top #TopNews #NewsCont #NewsArea dl dt{clear:both;width:7em;float:left;}
#Top #TopNews #NewsCont #NewsArea dl dd{padding-left:7em;margin-bottom:0.5em;}
#Top #TopNews #NewsCont #NewsArea dl dd a{text-decoration:none;color:#cccccc;}
#Top #TopNews #NewsCont #NewsArea dl dd a:hover{text-decoration:underline;}
/**/
#Top #TopNews #NewsCont #Lang{margin:-85px 20px 0 0;float:right;}
#Top #TopNews #NewsCont #Lang li{display:inline-block;list-style-type:none;vertical-align:middle;cursor:pointer;cursor:hand;}
#Top #TopNews #NewsCont #Lang li{color:#cccccc;}
#Top #TopNews #NewsCont #Lang li.Active{color:#b31d31;}
/**/
.TopShopList{position:absolute;bottom:30px; width:100%;overflow:hidden;padding:28px 0;}
.TopShopList ul{width:1200px; height:57px;margin:0 auto;}
.TopShopList li{margin:0 26px;float:left;list-style:none;}
.TopShopList li a{display:block;}
.TopShopList li:first-child{margin-left:0;}
.TopShopList li:last-child{margin-right:0;}
/**/
#Footer ul li {padding: 6px 13px 10px 0;}


/******************************************************************************************/

@media only screen and (max-width: 767px){
html,
body#Top{height:auto; overflow:visible;background-size:contain;}
	
#Index {position:static;
height:auto;
padding-top:115px;
background:url(/img/top/sp_index_bg.png) no-repeat;
background-size:contain;}
/******************/
#IndexCont {position:static;
}
/******************/
#TopList {position:static;width:100%; margin:0;}
#TopList li {display:block;width:100%;height:auto;margin:15px 0; border-top:#333333 solid 2px; border-bottom:#333333 solid 2px;}
#TopList li img{position:static;width:100%; max-width:640px;}
#TopList li span{display:none;}

/******************/
#Top #TopNews{position:static;top:auto;width:100%;min-width:inherit;overflow:hidden;background-color:rgba(0,0,0,1); margin:9% 0 0 0;}
#Top #TopNews:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
#Top #TopNews #NewsCont{position:relative;width:100%;}
#Top #TopNews #NewsCont #NewsArea{width:100%;height:auto;overflow:visible;float:left;}
#Top #TopNews #NewsCont #NewsArea dl{width:auto;padding:0 20px 20px 20px;margin-top:2em;color:#aaaaaa;}
#Top #TopNews #NewsCont #NewsArea dl dt{width:auto;float:none;}
#Top #TopNews #NewsCont #NewsArea dl dd{padding-left:10px;margin-bottom:0.5em;}
#Top #TopNews #NewsCont #Lang{position:absolute;top:5px;right:10px;margin:0;text-align:right;}
#Top #TopNews #NewsCont #NewsArea,
#Top #TopNews #NewsCont #NewsArea dl dd a{color:#aaaaaa;}

/******************/
.TopShopList{position:static;display:block;width:100%;margin:50px 0 50px 0;}
.TopShopList ul{width:90%; height:auto;margin:0 auto; text-align:center;}
.TopShopList li{display:inline-block;vertical-align:middle;margin:0 5px;float:none;}
.TopShopList li img{height:35px;}

/******************/
#Top #Footer{position:static;height:auto;border:none;min-width:320px;background-color: rgba(0,0,0,1);border:none;}
#Top #Footer ul{float:none;text-align:center;width:320px;margin:0 auto;}
#Top #Footer ul li{list-style-type:none;padding:9px 0 10px 0;float:none;}
#Top #Footer ul li a{border:none !important;padding:0 !important;font-size:120% !important;}
#Top #Footer ul li#FtRecruit{margin:0 0 15px 0;padding:0;}
#Top #Footer ul li#FtRecruit a{border-right:none !important;font-size:150% !important;}
#Top #Footer ul li#FtRecruit a img{display:none;}
#Top #Footer #Copy{line-height:38px;padding:20px 0 20px 0;text-align:center;float:none;width:320px;margin:0 auto;}

    







}