body {
	margin: 0;
	padding: 0;
	font-family:'Lucida Grande',
 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
 Meiryo, メイリオ, sans-serif;
}
img {
	max-width:100%;
	}
figure{
	margin: 0;
}
#container {
	padding: 0;
	float: none;
	height: auto;
	width: 802px;
	border: 1px solid #000000;
	clear: both;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#container:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
h1{
	background-color: #000033;
	color: #fff;
	font-size: 9px;
	font-weight:normal;
	}
#header{
	width: 100%;
	height: 100px;
	padding: 0;
	float: left;
	display:table;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffad15+0,feea6f+100 */
background: #ffad15; /* Old browsers */
background: -moz-linear-gradient(left,  #ffad15 0%, #feea6f 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #ffad15 0%,#feea6f 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #ffad15 0%,#feea6f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffad15', endColorstr='#feea6f',GradientType=1 ); /* IE6-9 */
}
#header #logo {
	margin: 0;
	padding: 10px 10px 0 10px;
	float:left;
}
#header h2{
	float:left;
	margin: 0 0 20px 0;
	padding:10px;
	font-size:13px;
		

}
#header h2 a{
	color:#000033;
	text-decoration:none;
	}
#header h2 a:hover{
	color: #fff;
	}
#header #reservation{
	margin: 6px 10px auto auto;
	float:right;
	width: 140px;
	height: 65px;
	text-decoration:none;
	color:#ffffff;
	font-weight: bold;
	font-size: 15px;
	border-radius: 5px;
	text-align:center;
	position:relative;
	
	/*text のボックス内上下左右中央ぞろえ
	display:flex;
	align-items: center;
	justify-content: center;*/	

/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#9e9ebf+0,000033+50,000033+100 */
background: #9e9ebf; /* Old browsers */
background: -moz-linear-gradient(top,  #9e9ebf 0%, #000033 50%, #000033 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #9e9ebf 0%,#000033 50%,#000033 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #9e9ebf 0%,#000033 50%,#000033 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9e9ebf', endColorstr='#000033',GradientType=0 ); /* IE6-9 */

}
#header #reservation a{
	color:#ffffff;
	text-decoration:none;
	width:100%;
	height:100%;
	position:absolute;
	top:15px;
	left:0;
	display:block;
}

#header #reservation:hover{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000033+0,000033+50,9e9ebf+100 */
background: #000033; /* Old browsers */
background: -moz-linear-gradient(top,  #000033 0%, #000033 50%, #9e9ebf 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #000033 0%,#000033 50%,#9e9ebf 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #000033 0%,#000033 50%,#9e9ebf 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000033', endColorstr='#9e9ebf',GradientType=0 ); /* IE6-9 */
}
#contents {
	padding: 10px;
	width: 100%;
	font-size: 12px;
	line-height: 2em;
	font-weight: normal;
	color: #333333;
	margin: 0;
	float: left;
	position: relative;
	box-sizing:border-box;
}

#pankuzu {
	text-align: left;
	width: 100%;
	margin: 10px 0;
	font-size: 9px;
	padding: 0;
	list-style-type: none;
	display: inline-block
}
#pankuzu li {
	background: url(../images/bullet.png) no-repeat left center;
	display: inline;
	padding-left: 10px;
	padding-right: 5px;
	margin-left: 5px;
}

/*--------------------------------------------------------------------------------
mainmenu
--------------------------------------------------------------------------------*/

#menuOpen{
	display:none;
	}

#mainmenu {
	width: 100%;
	float: left;
	list-style-type: none;
	display: flex;
	justify-content:space-around;
	padding: 0;
	margin: 0;
	background: rgb(255,193,77); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmYzE0ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmYzE0ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2ZmYWQxNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmFkMTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(255,193,77,1) 0%, rgba(255,193,77,1) 50%, rgba(255,173,21,1) 51%, rgba(255,173,21,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,193,77,1) 0%,rgba(255,193,77,1) 50%,rgba(255,173,21,1) 51%,rgba(255,173,21,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,193,77,1) 0%,rgba(255,193,77,1) 50%,rgba(255,173,21,1) 51%,rgba(255,173,21,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc14d', endColorstr='#ffad15',GradientType=0 ); /* IE6-8 */
}
#mainmenu li,
#menuOpen {
	display:inline-flex;
	text-align:center;
	background: rgb(255,193,77); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmYzE0ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmYzE0ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2ZmYWQxNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmFkMTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(255,193,77,1) 0%, rgba(255,193,77,1) 50%, rgba(255,173,21,1) 51%, rgba(255,173,21,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,193,77,1) 0%,rgba(255,193,77,1) 50%,rgba(255,173,21,1) 51%,rgba(255,173,21,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,193,77,1) 0%,rgba(255,193,77,1) 50%,rgba(255,173,21,1) 51%,rgba(255,173,21,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc14d', endColorstr='#ffad15',GradientType=0 ); /* IE6-8 */
}
#mainmenu li a {
	text-decoration: none;
	margin: 0;
	padding:10px;
	color: #030037;
	font-weight: bold;
	height: 100%;
	display:block;
	/*\*/
	overflow:hidden;
	/**/
}
#mainmenu li a:hover{
color:#fff;}

#mainmenu li br{
	display: none;
}
#mainmenu .reservation{
	width: 121px;}
/*--------------------------------------------------------------------------------
footer
--------------------------------------------------------------------------------*/

footer{
	box-sizing:border-box;
	width: 100%;
	font-size: 9px;
	font-weight: normal;
	color: #000034;
	text-align:center;
	float: none;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 15px;
	padding-left: 5px;
	clear: both;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	float:left;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffad15+0,feea6f+50,ffad15+100 */
background: #ffad15; /* Old browsers */
background: -moz-linear-gradient(left,  #ffad15 0%, #feea6f 50%, #ffad15 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #ffad15 0%,#feea6f 50%,#ffad15 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #ffad15 0%,#feea6f 50%,#ffad15 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffad15', endColorstr='#ffad15',GradientType=1 ); /* IE6-9 */
}
footer ul{
	padding-top: 5px;
	padding-bottom: 15px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	padding-right: 0;
	padding-left: 0;
	width: 790px;
	margin-left: 0;
	text-align: right;
}
footer li {
	list-style-type: none;
	display: inline;
	text-decoration: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	color: #000034;
	/**/
}
footer li a{
	text-decoration: none;
	color: #000034;
}
footer a{
	text-decoration: none;
	color: #000034;
}
footer a:hover{
	text-decoration: none;
	color: #FF6600;
}
footer a:visited{
	text-decoration: none;
	color: #000034;
}

/*--------------------------------------------------------------------------------
//footer
--------------------------------------------------------------------------------*/

section{
display: table;
width: 100%;
}

.go-top{
	float:right;
	background-color:#ffad15;
	width:32px;
	height:32px;
	opacity:0.7;
	position:relative;
	}
.go-top a{
	width: 100%;
	}
.go-top img{
	position:absolute;
	top:5px;
	left:5px;
	}
.link{
	font-size: 0.7em;
	text-align: right;
	margin: 0 2em 0 0;
	}
.copyright{
	margin-top: 20px;
	font-size:0.7em;
}
.copyright a, .copyright a:hover{
	color: #333333;
}

/*round box*/
.contents{
	border: solid 1px #ff8a00;
	border-radius: 10px;
	background-color: #fffde8;
	box-shadow: 1px 1px 2px 2px rgba(0,0,0,0.3);
	clear: both;
	float: none;
	margin: 0 auto 20px auto;
	padding: 15px 20px;
	width: 600px;
}
/* end of round box*/

.clearfix:after {
	    visibility: hidden;
	    display: block;
	    font-size: 0;
	    content: " ";
	    clear: both;
	    height: 0;
}
.clearfix{
	    display: inline-block;
	}
/* clearfix for ie7 */
.clearfix {
	    display: block;
}
/*text style*/
h3{
	max-width: 100%;
	height: 40px;
	margin: 25px 0px 25px 10px;
	box-sizing: border-box;
	}
.page-title:before {
    content: url(../images/konta_page_title.png);
    position: relative;
    top: 7px;
    margin: 10px;
}
.page-title{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffad15+0,ffffff+100 */
background: #ffad15; /* Old browsers */
background: -moz-linear-gradient(left,  #ffad15 0%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #ffad15 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #ffad15 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffad15', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */

font-weight: bold;
color: #030037;
}
h4 {
/*    background-image: url("../images/konta_30.png");
    background-position: 5px 0;
    background-repeat: no-repeat;*/
    color: #3A75EC;
    font-size: 1.1em;
    font-weight: bold;
    line-height: normal;
    margin: 1.5em 0 .5em 0;
    padding: 0 0 0 3em;
	position:relative;
}
h4:before{
	background:url("../images/konta_30.png") no-repeat;
	position:absolute;
	left:0;
	content:"";
	display:inline-block;
	width:2em;
	height:2em;
	background-size:contain;
	 }
.no-konta:before{
	background-image:	none;
	position:absolute;
	left:0;
	content:"";
	display:inline-block;
	width:2em;
	height:2em;
	background-size:contain;
	 }
.no-konta{
	padding-left:0em;
}
.text-blue{
	 color: #3A75EC;
	 }
.large-font{
	font-size: 1.5em;
	}
p, section.introductions{
	margin-bottom: 10px;
}
.first-line{
	margin-top: 14px;
}

.textCenter{
	text-align:center;
	}
a {
    color: #3A75EC;/* リンクの基本色 */
    text-decoration: none;
}

a:hover {
    color:#CC6600;/* オンマウス時の基本色 */
    text-decoration: underline;

}
img {
	max-width:100%
}
/*star つきリスト*/
.star{
	list-style-type: none;
	margin-top: 0px;
	padding:0px 0px 1em 2em;
	margin-bottom: 0px;
}
.star li{
	background-image: url(../images/icon_star.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	font-weight: bold;
	list-style-type: none;
	margin: 0px;
	padding: 0px 0px 0px 18px;
}
.text-cancel{
text-decoration: line-through;
}
/*コン太付きリスト*/
.contents .konta {
	list-style-type: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
padding:0px 0px 1em 5px;
}
.contensts .konta li{
	background-image: url(../images/konta_20.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin-bottom: 1em;
	padding-left: 23px;
}
/*注釈テキスト*/
.contents .reference {
	text-indent: -1em;
	margin-left: 1em;
}
/*コン太付テキスト*/
.contents .important {
    margin: 0px;
    padding: 0px 0px 1em 25px;
    background-image: url(../images/konta_20.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    height: auto;
    text-indent: 2px;
    font-weight: bold;
}
/*右寄せリンクテキスト、リンクなし*/
.link-text-right, .text-right{
text-align: right;
}
/*round box のコン太付テキスト*/
.konta {
	list-style-type: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
padding:0px 0px 1em 5px;
}
.konta li{
	background-image: url(../images/konta_20.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin-bottom: 1em;
	padding-left: 23px;
}
/*注釈テキスト*/
.reference {
	text-indent: -1em;
	margin-left: 1em;
}
/*コン太付テキスト*/
.important {
	margin: 0px;
	padding: 0px 0px 1em 0px;
	background-image: url(../images/konta_20.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: auto;
	text-indent: 25px;
	font-weight: bold;
}
/*round box のコン太付テキストおわり*/

/*--レイアウト--*/
.marginTop{
	margin-top: 25px;
}
.displayCenter{
	margin-left: auto;
	margin-right: auto;
	float: none;
	max-width:100%;
	}

/*privacy policy page--*/
#privacy .contents ul{
	list-style:disc;
	margin-left: 2em;
}
#privacy .contents h4{
	background-image:none;
	padding-left:0;
	}
/*--end of privacy policy page--*/

/*--video*/
video{
	width: 100%;
	}
.video{
  position:relative;
  width:100%;
  padding-top:56.25%;
  margin-bottom:2em;
}
.video-small{
	width: 300px;
	padding-top: 24%;
	float: left;
	margin: 0 10px 10px 0;
	}

.video iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
	display:block;
	margin: 0 auto;
}
/*--video*/
@media screen and (max-width: 799px)
{
	#container{
		border:none;
		width: 100%;
		}
	#header{
	display:table;
	}
	#header #logo, 
	#header h2,
	#button{
			display:table-cell;
			float:none;
	}
	#header #logo{
		padding-right: 50px;} 
	#header h2{
		text-align:left;
		vertical-align:middle;
		font-size: 11px;
	}
	#header h2{
		text-align:center;
		}
	#header #button{
		vertical-align:middle;
		}
	#header #reservation{
	margin: 0 5px auto auto;
	width: 100px;
	height: 50px;
	text-decoration:none;
	color:#000033;
	font-weight: bold;
	font-size: 12px;
	}
	.reservation{
		width:auto;
		}
	/*mainmenu--*/
	#mainmenu{
	margin: 0 auto;
	background:none;
	border-top:#000033 solid 1px;
	border-bottom:#000033 solid 1px;
	}
	#mainmenu li{
		background:none;
		font-size:10px;
		}
	#mainmenu li a{
		width:100%;
		padding:10px 5px;
		}
	#mainmenu li a:hover{
	color:#f60;}	
	#mainmenu .mainmenu-top{
		display:none;
	}
	/*--mainmenu*/
	.page-title{
	max-width:100%;
	height:auto;
	padding:7px;	
	}
	.page-title::before{
	content: none;
    position: static;
    top: 0px;
    margin: 0px;
	}
	/*round box*/
	.contents{
		border: none;
		background-color: #fff;
		box-shadow: none;
		width: 100%;
		padding:0;
		box-sizing: border-box;
	}
	h4{
		padding:10px;
		}
	/*h4:before{
		position:relative;
		vertical-align:middle;
	    padding-left: .5em;
		}*/
	h4::before {
  background: none;
    background-size: auto;
  position: static;
  left: 0;
  content: "";
  display: none;
  width: 0;
  height: 0;
  background-size: 0;
}
	
	/* end of round box*/
	footer ul{
		width: 80%;
		}
}