@charset "UTF-8";

body {
background: #000;
font-family:"Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
margin:0;
padding:0;
}
a {
transition: 0.8s;
}
img {
width:100%;
height:auto;
vertical-align: bottom;
}

#header {
margin:0 auto;
width: 96%;
max-width: 1024px;
}
#header h1 {
float:left;
}
span#menu {
float:right;
}
span#menu a {
color:#FFFFFF;
text-decoration:none;
font-family: "Lora", serif;
}
#header ul {
float: right;
display: table;
}
#header ul li {
display: table-cell;
}
#header ul li a {
color: #fff;
}

.box1 {
width: 96%;
max-width: 1024px;
margin:0 auto;
color:#FFFFFF;
}
.box2 {
margin:0 auto 30px auto;
width: 90%;
max-width: 800px;
}

#footer a {
color:#FFF;
text-decoration:none;
}
#footer p {
text-align:center;
}

#webReserve {
position: fixed;
z-index: 10000;
right: 0;
bottom: 0;
}

@media screen and (max-width: 480px) {
#header {
height:55px;
}
#header h1 {
width:55%;
padding:18px 0 0 0;
margin:0;
}
span#menu {
margin:15px 0 0 0;
}
span#menu a {
font-size:16px;
}
span#menu a i {
font-size:18px;
padding:0 0 0 4px;
}
#header ul {
padding: 15px 10px 0 0;
}
#header ul li {
padding: 0 0 0 5px;
}
#header ul li a {
font-size: 1.2em;
}
	
#footer_menu {
margin:20px auto 0 auto;
width:96%;
}
#footer a {
display:block;
font-size:16px;
padding:0;
}
#footer a:before {
content: "- "
}
#footer_menu a i {
margin:0 4px 0 0;
}
#footer p {
font-size:9px;
padding:10px 0 60px 0;
}
	
#webReserve {
width: 100%;
padding-bottom: 8px;
}
#webReserve a {
text-decoration: none;
display: block;
width: 90%;
margin: 0 auto;
background: #AB2A2F;
color: #fff;
padding: 8px 10px;
border-radius: 16px;
text-align: center;
}
}

@media screen and (min-width: 481px) {
#webReserve a {
text-decoration: none;
display: table;
background: #AB2A2F;
color: #fff;
padding: 8px 10px;
}
}

@media screen and (min-width: 769px) {
a[href^="tel:"] {
pointer-events: none;
}
#webReserve a{
display: table;
padding: 8px 20px;
font-size: 0.8em;
border-left: none;
}
#webReserve a {
font-size: 1.1em;
padding-left: 8px;
}
	
#footer {
text-align:center;
}
#footer_menu {
vertical-align:middle;
}
#footer a {
vertical-align:middle;
border-left:1px solid #FFF;
}
#footer a img {
vertical-align:middle;
}
}

@media screen and (min-width: 481px) and (max-width: 1023px) {
#header {
height:80px;
}
#header h1 {
width:50%;
padding-top:20px;
}
span#menu {
margin:20px 0 0 0;
}
span#menu a {
font-size:20px;
}
span#menu a i {
font-size:24px;
padding:0 0 0 10px;
}
#header ul {
padding: 15px 20px 0 0;
}
#header ul li {
padding: 0 8px;
}
#header ul li a {
font-size: 1.5em;
}

#footer_menu {
margin:30px auto 0;
}
#footer a {
font-size:12px;
padding:0 8px;
}
#footer a img {
width:16px;
}
#footer p {
font-size:10px;
padding:20px 0 60px;
}
}

@media screen and (min-width: 1024px) {
#header {
height:89px;
}
#header h1 img {
width:335px;
padding-top:20px;
}
span#menu {
margin:20px 0 0 0;
vertical-align:middle;
}
span#menu a {
font-size:22px;
vertical-align:middle;
}
span#menu a:hover {
color:#FFCDCE;
}
span#menu a i {
font-size:40px;
padding:0 0 5px 10px;
vertical-align:middle;
}
#header ul {
padding: 20px 30px 0 0;
}
#header ul li {
padding: 0 10px;
}
#header ul li a {
font-size: 1.5em;
}

#footer_menu {
margin:50px 0 0 0;
}
#footer a {
font-size:16px;
padding:0 12px;
}
#footer a:hover {
color:#FFCDCE;
}
#footer a img {
width:20px;
}
#footer p {
font-size:13px;
padding:30px 0;
}
}