@charset "utf-8";
/* CSS Document */

/***共通項目***/
body { background:url(../img/bg.jpg) repeat; }

a{ color: #0CF; text-decoration:none; }
a:visited{ color:#0CF; }
a:hover img { opacity:0.8; }



/***パンくず***/
#pankuzu { width:100%; background-color:#000000; }
#pankuzu-inner { width:930px; margin:0 auto; box-sizing:border-box; padding:0; color: #FFF; }
#pankuzu-inner p { font-size:13px; line-height:2.0em; }

/***コンテナ***/
#container { width:930px; box-sizing:border-box; margin:0 auto; padding:0; position:relative; }

/***ヘッダー***/
header { width:930px; margin:0 auto; padding:0; }
header p { margin:10px auto; font-size:18px; font-weight:bold; text-align:center; line-height:1.5em; }

/***メインコンテンツ***/
.floor { width:930px; margin:0 auto; padding:0; box-sizing: border-box; }
.floor h1 {
	width:930px;
	border:none;
	border-left: solid 10px /*#0000CC*/ #E5233A;
	border-bottom:solid 2px /*#0000CC*/ #E5233A;
	box-sizing:border-box;
	font-size:36px;
	text-indent:5px;
	text-shadow:5px 5px 20px rgba(255,255,255,0.8),-5px -5px 20px rgba(255,255,255,0.8);
	box-shadow:-3px 3px 5px rgba(255,255,255,0.5);
	color:#000;
}
.floor ul { list-style-type:none; margin:10px 0; }
.floor ul li {
	float:left;
	margin:5px;
	width:300px;
	position: relative;
    padding: 10px;
    padding-bottom: 60px;
	padding-top:55px;
    border: 1px solid #ccc;
    	-webkit-box-shadow: 3px 3px 10px #ccc;
        -moz-box-shadow: 3px 3px 10px #ccc;
        box-shadow: 3px 3px 10px #ccc;
    background: #fff;
	box-sizing:border-box;
	border-radius:5px;

}
.floor ul li img { width:282px; }

.floor ul li .title { position: absolute; width:282px; box-sizing:border-box; height: 43px; line-height: 1.1em; top: 5px; font-size: 14px; color: #38F; font-weight:bold; border-left: solid 5px #38F;  padding-left:5px; text-shadow:0.3px 0.3px 0.5px #ccc; }
.floor ul li .text { position: absolute; width:282px; box-sizing:border-box; height: 50px; line-height: 1.4em; bottom: 8px; font-size: 11px; color: #333; font-weight:bold; }

.floor ul li.tt2tx4 {padding-top:42px;padding-bottom: 75px;}
.floor ul li.tt2tx4 .title {height:31px;}
.floor ul li.tt2tx4 .text {height:66px;}

.floor ul li:hover {
	-webkit-transform: scale(1.2) translate3d(0, -30px, 0) rotate(-2.5deg);
	-moz-transform: scale(1.2) translateY(-30px) rotate(-2.5deg);
	-ms-transform: scale(1.2) translateY(-30px) rotate(-2.5deg);
	transform: scale(1.2) translateY(-30px) rotate(-2.5deg);	
	-webkit-box-shadow: 0 15px 35px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 15px 35px rgba(0, 0, 0, 0.3);
	box-shadow: 0 15px 35px rgba(0, 0, 0, 0.3);
	z-index:99999;
}

.floor ul li a:hover img { opacity:0.9;  }
.hover_img { background-color:#ffffff; display:block; }


/***店舗詳細***/
#shop { width:720px; margin:0 auto; padding:0; box-sizing:border-box; background-color:rgba(255,255,255,0.8); border-radius:5px;  }
#shop h2 { background-color:#E5233A; color:#fff; width:100%; font-size:14px; border-radius:5px 5px 0 0; }

/***フッター***/
footer    { width: 100%; margin: 0px auto; padding: 0; text-align: center; background-color: #000; font-size:12px;}
footer p { color: #FFF; font-family: "メイリオ", "Times New Roman", sans-serif; font-size:1.0em; text-align: center; line-height:2; }

address   { font-style: normal; color: #CCC; margin: 0; padding: 0; font-family: "メイリオ", "Times New Roman", sans-serif; font-size:1.0em; text-align: center; line-height:1.2; }

/***サイドメニュー***/
nav { position:absolute; left:-205px; top:200px; width:200px; }
nav#aside ul li { font-size:16px; font-weight:bold; margin-bottom:10px; line-height:1.5em; color:#FFFFFF; padding:5px; background:url(../img/navbk.jpg); border-radius:5px; text-shadow:1px 1px 2px #000000; }
nav#aside a:hover{ box-shadow:2px 2px 5px #FFF,-2px -2px 5px #FFF; display:block; }
nav#aside.fixed {
    position: fixed;
    left:18%;
    top:0;
}


@media screen and (max-width: 1365px) {
	nav { display:none; }
}