@charset "utf-8";

/*全体の設定
---------------------------------------------------------------------------*/
html,body{
	margin: 0;
	padding: 0;
	height: 100%;
	font-size: 16px;
}
body{
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	font-weight: 500;
	line-height: 2.6;
	text-align:center;
}

h1,h2,h3,p,ul,li,form{
	margin: 0;
	padding: 0;
}
ul{
	list-style-type: none;
}
img{
	border: none;
}
table{
	margin:0 auto;
}

/*リンク設定
---------------------------------------------------------------------------*/
a{
	color:#880000
}
a:hover{
	color:#e00
}
a:hover img {
	opacity: 0.6;
	filter: alpha(opacity=60);
	transition: 0.9s;
}
/* 上部メニューバー */
---------------------------------------------------------------------------*/
#menubar {
	top: 0;
	left: 0;
}
#menubar ul {
	width: 100%;
	position: fixed;
	background-color:#fff;
	z-index:10;
	box-shadow: 0px -1px 13px #000;
}
#menubar ul li {
	font-size: 16px;
	display: inline-block; /* 各項目を横方向に並べる */
	*display:inline; *zoom:1; /* 上記のIE7対策 */
}
#menubar ul li a {
	display: block;
	padding: 0 1.2em;
	color: #1a1a1a;
	font-weight: 600;
	padding-top: 2px;
	line-height: 4;
	text-decoration: none;
}
#menubar ul li a:hover {
	color:#e00;]
	text-decoration: none;
}
#menubar ul li a img{
	vertical-align: middle;
	padding-bottom:4px
}
.mt5 {
	margin-top: 5px !important;
}
.mt10 {
	margin-top: 10px !important;
}
.mt15 {
	margin-top: 15px !important;
}
.mt20 {
	margin-top: 20px !important;
}
.mb5 {
	margin-bottom: 5px !important;
}
.mb15 {
	margin-bottom: 15px !important;
}
.pl20{
	padding-left: 20px !important;
}
.lh10 {
	line-height: 1.0 !important;
}
.triangle1{
     width: 0;
     height: 0;
     border-top: solid 8px transparent;
     border-right: solid 10px transparent;
     border-bottom: solid 8px transparent;
     border-left: solid 10px #697b91;
     display: inline-block;
     position:absolute;
}
.check1 {
  display: inline-block;
  width: 15px;
  height: 15px;
  font-size: 15px;
  position: relative;
  box-shadow: 0 0 0 2px rgba(0,0,0,.1);
  cursor: pointer;
  margin-right: 8px;
}
.check1 span {
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  width: 84%;
  height: 36%;
  margin: -18% 0 0 -42%;
  border-left: .16em solid rgb(34, 139, 34);
  border-bottom: .16em solid rgb(34, 139, 34);
  transform: rotate(-45deg);
}
.circle1 {
  display: inline-block;
  width: 11px;
  height: 11px;
  font-size: 11px;
  position: relative;
  box-shadow: 0 0 0 1px rgba(0,0,0,.1);
  cursor: pointer;
  margin: 0 7px 2px 0;
}
.circle1 span {
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  width: 84%;
  height: 84%;
  margin: -42% 0 0 -42%;
  border-radius: 50%;
  border: .16em solid rgb(34, 139, 34);
}
.circle2 {
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  border-radius: 50%;
  background: rgb(68, 68, 68);
  font-weight: bold;
  font-size: 16px;
  color: #fff;
  overflow: hidden;
  display: inline-block;
  margin-bottom: -4px;
}
.ban1 {
  display: inline-block;
  width: 17px;
  height: 17px;
  position: relative;
  border: 1px solid rgba(0,0,0,.1);
  cursor: pointer;
  margin-bottom: -4px;
}
.ban1 span::before,
.ban1 span::after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 84%;
  height: 16%;
  margin: -8% 0 0 -42%;
  background: rgb(34, 139, 34);
}
.ban1 span::before {
  transform: rotate(-45deg);
}
.ban1 span::after {
  transform: rotate(45deg);
}
.reserve {
  display: inline-block;
  padding: .2em .8em .1em;
  margin: 0 .1em .5em 0;
  background-color: rgb(102, 102, 102);
  border-radius: 4px;
  color: rgb(255, 255, 255);
  font-size: 16px;
  font-weight: 600;
}
h1 {
	font-family: 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Times New Roman", serif;
}

div#footer{
	clear: both;
	padding:20px 0;
	font-size:13px;
	font-weight: 400;
}
.sp {
	display: none;
}
#sp_nav, #sp_nav ul{
	display: none;
}
#sp_nav #menu{
	display: none;
	filter: alpha(opacity=0);
	opacity: 0;
	z-index:0;
	box-shadow: 0;
}

/* スマホ用
------------------------------------------------------------*/
@media only screen and (max-width:1000px){
.sp {
	display: block;
}
.pc {
	display: none;
}
}