@charset "utf-8"

body {
 margin: 0;
 padding: 0;
 color: #333;
}
a { color: #b7a077; }
a:visited { color: #a8a8a8; }
a:hover{
 color: #988564;
 font-weight: bold;
 text-decoration: none;
}
a:hover img { opacity: 0.7; }
h1, h2 {margin-top: 0; }
p{
 margin-top: 0;
 line-height: 1.6;
}
img { vertical-align: bottom; }
#main h1 {
 background-image: url(../images/header_bg.jpg);
 padding: 30px 30px 30px 20px;
 font-size: 26px;
 border-bottom: solid 1px #ff3333;
}
#main h2 {

font-size: 22px;
 border: 1px solid #ff9999;
 padding: 11px 22px;
 border-radius: 5px;
}
header {
 width: 905px;
 margin: 0 auto;
}
header h1 {
 float: left;
 margin: 5px 0 10px;
}
header #header_tel {
 float: right;
 margin: 35px 0 0;
}
#global_navi {
 width: 905px;
 clear: both;
 overflow: hidden;
 margin: 16px auto;
}
#global_navi ul {
 list-style: none;
 margin: 0;
 padding: 0;
}
#global_navi ul li {
 width: 180px;
 float: left;
 margin-right: 1px;
 margin-top: 1px;
 text-align: center;
}
#global_navi ul li a {
 display: block;
 padding: 16px;
 background-color: #ff0000;
 color: #fff;
 text-decoration: none;
}
#global_navi ul li.current a {
 background-color: #ff9999;
}
#global_navi ul li a:hover {
 background-color: #ff3333;
}
#wrapper {
 width: 905px;
 margin: 0 auto;
 overflow: hidden;
}
#main {
 width: 675px;
 float: left;
}
#sidebar {
 width: 200px;
 float: right;
}
#side_contact {
 margin-bottom: 30px;
}
#side_contact {
 border: 1px solid #ff3333;
 color: #7f7259;
 text-align: center;
}
#side_contact h2 {
 background-color: #ff0000;
 color: #fff;
 padding: 7px;
 font-size: 14px;
}
footer {
 background-color: #ff0000;
 text-align: center;
}
footer small {
 display: block;
 padding: 8px 0;
 color: #fff;
}
#breadcrumb { font-size: smaller; }
#breadcrumb ol {
 list-style: none;
 margin: 0;
 padding: 0;
}
#breadcrumb ol li { display: inline;}
#breadcrumb ol li::after {
 content: ">";
 padding-left: 7px;
}
#breadcrumb ol li:last-child::after { content: none;}

teble { text-align: center;}
.top {overflow: hidden;}
.top figure {float: right; }
.top figure {text-align: center;}
.top figcaption{ font-weight: bold;}

.cal_f{ text-align: center; font-weight: bold;}
.cal_t {border-collapse: collapse; margin: 0 30px;}
.cal_t td ,th{
 border: 1px solid #c7c7c7;
 padding: 2px;
}

#gallery {overflow: hidden;}
#gallery img {width: 320px;}
.menu { width: 320px; height: 530px; float: left; margin: 5px;}
.title {font-weight: bold; text-align: center;}
.kome {width: 320px; margin: 0;}

.map { width: 90%; margin: 10px;}

.reitou {overflow: hidden;}
.reitou img{float: left; margin: 10px;}
.r1 img{float: left; width: 300px; margin: 10px;}

@media screen and (max-width : 767px){
 img {max-width: 100%;}
 header,#global_navi,#sidebar,#wrapper{ width: 100%;}
 header h1 {float: none; text-align: center;}
 header h1 img {width: 50%;}
 header #header_tel {display: none;}
 #global_navi ul li{
  width: 33%; padding: 0.5px; margin: 0; box-sizing: border-box;
 }
 #global_navi ul li a{margin: 0;}
 #main {width: 100%; padding: 0.5%; box-sizing: border-box;}
 .top figure {float: none; }
 
 .cal_t {margin: 10px 0; width: 70%;}
 
 .menu { float: none; height: auto; width: 340px; margin: 30px auto 0 auto;}
 .kome { text-align: left; }
 .reitou img{float: none; margin: 0 20px;}
 .r1 img{float: none; margin: 10px auto;}
}