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


* { margin: 0px; padding: 0px; }
body { text-align: center; background-image: url(imgs/bg.jpg); background-repeat: no-repeat; background-attachment: fixed; background-position: center top; background-size: 100% auto; background-color: #7a2052; }
.clear { clear: both; }
#title { margin : 0px 0px 0px 0px; }

a:link { color: #cb147b; text-decoration: none;}
a:visited { color: #cb147b; text-decoration: none; }
a:active { color: #cb147b; text-decoration: none; }
a:hover { color: #cb147b; text-decoration: none; position: relative; left: 0px; top: -2px; }

#header { padding-bottom: 20px; }
.txt_s { font-size: 12px; font-weight: normal; }

#ngnlzero { }

.copyright { font-size: 12px; padding-top: 20px; text-align: center; color: #FFFFFF; }
.madhouse { margin-top: 40px; margin-bottom: 100px; }
.madhouse img { -webkit-box-shadow: 0px 2px 20px rgba(0,0,0,0.20); box-shadow: 0px 2px 20px rgba(0,0,0,0.20); }

#footer { z-index: 99; padding-bottom: 40px; -webkit-box-shadow: 0px 2px 20px rgba(0,0,0,0.40); box-shadow: 0px 2px 20px rgba(0,0,0,0.40); position: relative; background-color: #cb147b; }
#footer2 { z-index: 100; padding-bottom: 800px; position: relative;}

#reservation { margin : 0px 0px 10px; }
#reservation img { }

#reservation2 { box-sizing:border-box; margin : 10px auto 40px; width: 860px; }

#reservation2 ul { margin: 0; padding: 0; list-style: none; }

#reservation2 li { border-radius: 6px; font-size: 20px; font-weight: bold; display: inline; padding: 0; float: left; width: 422px; text-align: center; margin: 4px; background-color: #FFF; }

#reservation2 li a:link { color: #cb147b; text-decoration: none; display: block; }
#reservation2 li a:visited { color: #cb147b; text-decoration: none; display: block; }
#reservation2 li a:active { color: #cb147b; text-decoration: none; display: block; }
#reservation2 li a:hover { color: #cb147b; text-decoration: none; display: block; }

#reservation_bt { border-radius: 6px; font-weight: bold; padding: 10px; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; -webkit-box-shadow: 0px 2px 20px rgba(0,0,0,0.40); box-shadow: 0px 2px 20px rgba(0,0,0,0.40); background-color: #FFFFFF; }
.reservation_bt { border-radius: 6px; line-height: 46px; font-size: 21px; display: block; *zoom: 1; background-color: #FFFFFF; }
.reservation_bt a { color: #FC0; height: 100%; display: block; *zoom: 1; margin: 0px; text-decoration: none; padding: 24px 0px;  }
.reservation_bt a:hover { border-radius: 6px; color: #cb147b; display: block; cursor: pointer; text-decoration: none; position: relative; left: 0px; top: 0px; background: #ffc1e4; }
.reservation_bt a:link { color: #cb147b; text-decoration: none; }
.reservation_bt a:visited { color: #cb147b; text-decoration: none; }
.reservation_bt a:active { color: #cb147b; text-decoration: none; }

.reservation_bt2 { border-radius: 6px; line-height: 46px; font-size: 21px; display: block; *zoom: 1; background: #FFFFFF; }
.reservation_bt2 a { color: #FC0; height: 100%; display: block; *zoom: 1; margin: 0px; text-decoration: none; padding: 14px 0px; }
.reservation_bt2 a:hover { border-radius: 6px; color: #cb147b; display: block; cursor: pointer; text-decoration: none; position: relative; left: 0px; top: 0px; background: #ffc1e4; }
.reservation_bt2 a:link { color: #cb147b; text-decoration: none; }
.reservation_bt2 a:visited { color: #cb147b; text-decoration: none; }
.reservation_bt2 a:active { color: #cb147b; text-decoration: none; }

#reservation_bt_long { border-radius: 6px; font-weight: bold; padding: 10px; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; -webkit-box-shadow: 0px 2px 20px rgba(0,0,0,0.40); box-shadow: 0px 2px 20px rgba(0,0,0,0.40); background-color: #FFFFFF; }
.reservation_bt_long  { border-radius: 6px; line-height: 23px; font-size: 21px; display: block; *zoom: 1; background-color: #FFF; }
.reservation_bt_long  a { color: #FC0; height: 100%; display: block; *zoom: 1; margin: 0px; text-decoration: none; padding: 24px 0px; }
.reservation_bt_long  a:hover { border-radius: 6px; color: #E42012; display: block; cursor: pointer; text-decoration: none; position: relative; left: 0px; top: 0px; background-color: #ffc1e4; }
.reservation_bt_long  a:link { color: #FFFF16; text-decoration: none; }
.reservation_bt_long  a:visited { color: #FFFF16; text-decoration: none; }
.reservation_bt_long  a:active { color: #FFFF16; text-decoration: none; }



@media only screen and (max-width: 960px) {
#title { margin : 0px 0px 0px; }
#title img { width: 100%; height: auto; }

#ngnlzero { margin : 0px 10px; }
#ngnlzero img { width: 100%; height: auto; }

#reservation { margin: 0px 10px; }
#reservation img { width: 100%; height: auto; }

#reservation2 { margin : 10px 0px 40px; width: 100%; padding:0px 40px 0px; }

#reservation2 ul { margin: 0; padding: 0; list-style: none; }
#reservation2 li { border-radius: 6px; font-size: 20px; font-weight: bold; display: inline; padding: 0; float: left; width: 100%; text-align: center; margin: 5px; background-color: #FFF; }
#reservation2 li a:link { color: #cb147b; text-decoration: none; display: block; }
#reservation2 li a:visited { color: #cb147b; text-decoration: none; display: block; }
#reservation2 li a:active { color: #cb147b; text-decoration: none; display: block; }
#reservation2 li a:hover { color: #cb147b; text-decoration: none; display: block; }


.madhouse { margin : 40px 10px 100px; }
.madhouse img { width: 100%; height: auto; }
}