/* floating */
body, html {
	box-sizing:border-box;
	cursor:auto;
	width: 100%;
	height:100%;
	font-size: 16px;
	padding:0px;
	margin:0px;
}

a { 
	text-decoration:underline; 
}

.ib {display: inline-block;}
@media screen and (max-width: 499px) {
    .ib2 {display:contents;}
}
.mainBox {
	box-sizing: border-box;
	width: 100%;
	max-width: 1080px;
	height: auto;
	margin: 0 auto;
	padding: 0 10px;
	font-family: 'M PLUS 1p', sans-serif;
	position: relative;
}
.category {
	width: 100%;
	height: auto;
	float: left;
	margin-bottom: 50px;
}
.cent {
	box-sizing: border-box;
	position: absolute;
	width: 100%;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%); /* Safari用 */
	transform: translate(-50%, -50%);
}
#animeBox {
	width: 100%;
	height: auto;
	float: left;
}

#menu {
    box-sizing:border-box;
    width:100%!important;
    height:80px!important;
    font-size:24px!important;
    position:fixed!important;
    background-color:#FFFFFF!important;
    z-index:9999!important;
    font-family: Meiryo,"Hiragino Kaku Gothic ProN","Hiragino Sans",sans-serif;
    display:block!important;
    margin:0!important;
    padding:0!important;
}
.navimain {
    line-height:100px!important;
    width:100%!important;
    max-width:1050px!important;
    height:80px!important;
    display: flex!important;
    flex-wrap: wrap!important;
    justify-content: space-between!important;
    align-items: center!important;
    margin:0 auto!important;
    list-style: none!important;
	padding: 0!important;
}
.menuBox1 {
    width: 220px!important;
    flex-basis: 220px!important;
    margin-right: 10px!important;
}
.menuBox1 img{
    width:100%!important;
    height:auto!important;
    display:block!important;
}
.navimain li {
    font-size:16px!important;
    line-height: 80px!important;
    letter-spacing:0px!important;
	padding: 0!important;
}
.navimain li a {text-decoration: none!important;font-weight: bold!important;color: #6A4B31;}
.navimain li:hover {opacity: 0.4!important;}
.navimain li a:hover {opacity: 1!important;}
.navimain li.toplogos {padding-left:0%!important;padding-right:0%!important;}

@media screen and (max-width: 1100px) {
    .navimain li {font-size:14px!important;padding-left:3px!important;}
}
@media screen and (max-width: 1000px) {
.menuBox1 {display:none!important;}
.navimain {display:none!important;}
}
#content1{margin-top:80px!important;}
.menuBoxoff {padding-top:0!important;top:0!important;}
.sp_menu {top:15px!important;}
.splogo {width:200px!important;height:80px!important;top:0!important;display: none;flex-wrap: wrap;justify-content: center;align-items: center;position: fixed;z-index: 99999;
left: 0;right: 0; margin: 0 auto;}
.splogo img {width:100%!important;height:auto!important;display:block!important;}
.menusBox {border: 0px solid #000!important;}


@media screen and (max-width: 1000px) { 
	.sp_menu {
		display:block!important;
	}
	.splogo {
		display: flex
	}
	}


/* SP MENU */
.sp_menu {
	box-sizing:border-box;
	width: 60px;
	height:60px;
	position:fixed;
	text-align:center;
	padding:0px;
	z-index:99999;
	top:15px;
	right:5px;
	display:none;
}
@media screen and (max-width: 1000px) { 
.sp_menu {
	display:block!important;
}
}
.sp_menu img{
	width:100%;
	height:auto;
	display:block;
}
.splogo img{
	width:100%;
	height:auto;
	display:block;
}
.sp_menu1 {
	width:40px;
	height:3px;
	position:absolute;
	top:10px;
	left:5px;
	background: #6a4b31;
} 
.sp_menu2 {
	width:40px;
	height:3px;
	position:absolute;
	top:24px;
	left:5px;
	background: #6a4b31;
} 
.sp_menu3 {
	width:40px;
	height:3px;
	position:absolute;
	top:38px;
	left:5px;
	background: #6a4b31;
} 
.sp_menu1,.sp_menu2,.sp_menu3 {
	transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out; /* opera */
	-moz-transition: all 0.2s ease-out; /* firefox */
	-webkit-transition: all 0.2s ease-out; /* chrome, safari */
	-ms-transition: all 0.2s ease-out; /* ie */
}
.menuclick1 {
	width:40px;
	top:25px;
	left:2px;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.menuclick2 {
	width:40px;
	opacity:0;
}
.menuclick3 {
	width:40px;
	top:25px;
	left:2px;
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.menuBoxoff {
	box-sizing:border-box;
	width:100%;
	height:100%;
	display:block;
	display:none;
	overflow:hidden;
	position:fixed;
	z-index:99998;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	background-color:rgba(255,255,255,0.8);
	-webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
}
.menusBox {
	box-sizing:border-box;
	width:100%;
	height:100%;
}
.menusBox a {
	text-decoration:none;
}
.about_sp {
	width:100%;
	height:auto;
	font-size:1.5em;
	text-align: center;
	color: #6a4b31;
	font-family: 'M PLUS 1p', sans-serif;
	padding: 15px 0;
}
.about_sp a {
	color: #6a4b31;
}
.spON {
	display: none;
}
@media screen and (max-width: 830px) { 
.spON {
	display:block;
}
}




	
#content1{
	box-sizing:border-box;
	background-color:#FFF;
	width:100%;
	height:500px;
	position:relative;
	margin-top:80px;
	text-align:center;
	float:left;
	overflow:hidden;
}
@media screen and (max-width: 749px) { 
#content1{
	height:450px;
}
}
.timeImg {
	width:35%;
	max-width:400px;
	height:auto;
	bottom:0px;
	right:30px;
	position:absolute;
	z-index:999;
	text-align:right;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
	display:block;
}
.timeImg img{
	width:100%;
	max-width:400px;
	height:auto;
	display:block;
}
@media screen and (max-width: 830px) { 
.timeImg {
	display:none;
	}
}







#content2 {
	box-sizing:border-box;
	background-color:#FFF;
	width:100%;
	height:auto;
	position:relative;
	text-align:left;
	float:left;
	padding: 50px 0;
}
.titleBox {
	width:100%;
	border-bottom: 2px solid #6a4b31;
	font-size:2em;
	font-weight:bold;
	color:#6a4b31;
	text-align:center;
	letter-spacing:2px;
	float:left;
	padding: 0;
}
@media screen and (max-width: 699px) { 
.titleBox {
	font-size:1.8em;
	letter-spacing: 1px;
}
}
@media screen and (max-width: 499px) { 
.titleBox {
	font-size:1.6em;
	letter-spacing: 0px;
}
}
.titleBox2 {
	box-sizing: border-box;
	width:100%;
	font-size:1.4em;
	line-height: 1.4em;
	font-weight:bold;
	color:#6a4b31;
	text-align:left;
	float:left;
	margin: 0 0 5px 0;
	padding-bottom: 5px;
}
@media screen and (max-width: 699px) { 
.titleBox2 {
	font-size:1.3em;
}
}
.titleBox2 span {
	font-size: 0.8em;
	letter-spacing: 0px;
	font-weight: 100;
}
.newsBox00 {
	box-sizing:border-box;
	float:left;
	width:100%;
	height:auto;
	padding:10px 65px 10px 10px;
	border-bottom: 1px dashed rgba(2, 106, 147, 0.3);
	background-image:url(../img/click.png);
	background-position:center right;
	background-repeat:no-repeat;
}
.newsBox00:hover{
	background-color: rgba(2, 106, 147, 0.05);
}
.border0 {
	border-bottom: 0px dashed rgba(2, 106, 147, 0.3);
}
@media screen and (max-width: 499px) { 
.newsBox00 {
	padding:8px 80px 8px 5px;
}
}
.newsDate {
	width:100px;
	height:auto;
	color:#999;
	font-size:0.8em;
	float:left;
}
.newsText{
	width:calc(100% - 100px);
	height:auto;
	color: #000;
	font-size:1em;
	float:left;
}
.spOff {
	display: block;
}
@media screen and (max-width: 799px) { 
.newsDate {
	width:100%;
	padding-bottom: 2px;
}
.newsText {
	width:100%;
}
.spOff {
	display: none;
}
}
.noclick{
	background-image:none;
	padding-right: 5px;
}







#content3 {
	box-sizing:border-box;
	background-color:#eaeff9;
	width:100%;
	height:auto;
	position:relative;
	text-align:left;
	float:left;
	padding: 50px 0;
}
.text_normal {
	box-sizing: border-box;
	width: 100%;
	height: auto;
	float: left;
	text-align: left;
	font-size: 1em;
	line-height: 1.8em;
	color: #000;
}
.text_14 {
	box-sizing: border-box;
	width: 100%;
	height: auto;
	float: left;
	text-align: left;
	font-size: 14px;
	line-height: 1.6em;
	color: #000;
}
.fontStrong {
	font-weight: bold;
	text-decoration: underline;
}
.marginB50 {
	margin-bottom: 50px;
}
.marginB30 {
	margin-bottom: 30px;
}
.marginB10 {
	margin-bottom: 10px;
}
.marginT10 {
	margin-top: 10px;
}
.whiteBox {
	box-sizing: border-box;
	width: 100%;
	height: auto;
	border: solid 1px #6a4b31;
	padding: 20px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
	background-color: #FFF;
	float: left;
}
.wid50 {
	box-sizing: border-box;
	width: 50%;
	height: auto;
	float: left;
	padding: 10px;
	font-size: 1.1em;
	position: relative;
}
@media screen and (max-width: 900px) { 
.whiteBox {
	padding: 10px 5px;
	}
.wid50 {
	width: 100%;
	font-size: 1em;
	padding: 5px;
	}
}
.indent {
	padding-left:1.3em;
	text-indent:-1.3em;
}
.indent2 {
	padding-left:1em;
	text-indent:-1em;
}
.nowrap {
	float:left;
	white-space:nowrap;
	margin-right: 20px;
}
.nowrap::before {
  content: "・";
}
@media screen and (max-width: 830px) { 
.nowrap {
	float:left;
	white-space:nowrap;
	margin-right: 12px;
}
}






#content4, #content9 {
	box-sizing:border-box;
	background-color:#FFF;
	width:100%;
	height:auto;
	position:relative;
	text-align:left;
	float:left;
	padding: 50px 0;
}
.wid30 {
	width: 30%;
	float: left;
}
.wid30B {
	width: 30%;
	margin: 0 35%;
	float: left;
}
.wid70 {
	width: 70%;
	float: left;
}
@media screen and (max-width: 830px) { 
.wid30, .wid70 {
	width: 100%;
}
.wid30B {
	width: 100%;
	margin: 0;
}
}
.wid100 {
	width: 100%;
	float: left;
}
.gyoseki {
	box-sizing: border-box;
	width: auto;
	color:#FFF;
	background-color: #6a4b31;
	letter-spacing:1px;
	padding: 5px 10px; 
	float:left; 
	margin-top: 10px; 
	text-align: left;
	border-radius: 5px;
}
.gyoseki:hover {
	background-color: rgba(2, 106, 147, 0.5);
}
.gyoseki i{
	padding-right: 10px;
}
.name {
	box-sizing: border-box;
	width: 100%;
	height: auto;
	float: left;
	text-align: right;
	padding-top: 5px;
}
@media screen and (max-width: 830px) { 
.name {
	padding-right: 0px;
	}
}
.photo {
	box-sizing: border-box;
	width: 100%;
	max-width: 400px;
	height: auto;
	padding-left: 20px;
}
.photo img {
	width: 100%;
	height: auto;
	display: block;
}

.greet_1 {
	box-sizing:border-box;
	width:calc(25% - 20px);
	height:auto;
	float:left;
	margin-right:10px;
}
.greet_1B {
	box-sizing:border-box;
	width:calc(40% - 20px);
	height:auto;
	float:left;
	margin-right:10px;
}
.greet_2 {
	box-sizing:border-box;
	width:30%;
	height:auto;
	float:left;
	margin-right:10px;
}
.greet_2B {
	box-sizing:border-box;
	width:60%;
	height:auto;
	float:left;
	margin-right:10px;
}
.greet_3 {
	box-sizing:border-box;
	width:45%;
	height:auto;
	float:left;
	padding:0;
}
.greet_4 {
	box-sizing:border-box;
	width:100%;
	height:auto;
	float:left;
	padding:0;
}
@media screen and (max-width: 830px) { 
.greet_1 {
	width:calc(40% - 20px);
	}
.greet_2 {
	width:60%;
	margin:0px;
	}
.greet_3 {
	width:100%;
}
	.photo {
	padding-left: 0px;
	margin: 0 auto;
	}
}
@media screen and (max-width: 420px) { 
.greet_1 {
	width: 100%;
	margin:0px;
	}
.greet_2 {
	width: 100%;
	margin:0px;
}
}
.greet_title {
	box-sizing:border-box;
	width: 100%;
	color:#FFF;
	background-color: #6a4b31;
	letter-spacing:1px;
	padding: 3px 10px; 
	float:left; 
	text-align: left;
	border-radius: 5px;
}
.greet_text {
	box-sizing:border-box;
	width: 100%;
	height: auto;
	color:#000;
	padding: 5px 10px; 
	float:left; 
	text-align: left;
	line-height: 1.4em;
}
.greet_text_in{
	box-sizing: border-box;
	width: 100%;
	height: auto;
	float:left; 
	padding: 5px 0 5px 5px;
}
.greet_text_in a{
	color: #6a4b31;
}
.greet_text_in a:hover{
	opacity: 0.6;
}
@media screen and (max-width: 830px) { 
.greet_text_in{
	padding: 5px 0 5px 0;
	letter-spacing: -0.3px;
	font-size: 0.95em;
	}
}







#content5 {
	box-sizing:border-box;
	background-color:#eaeff9;
	width:100%;
	height:auto;
	position:relative;
	text-align:left;
	float:left;
	padding: 50px 0;
}
.sickBox {
	box-sizing:border-box;
	width:100%;
	position:relative;
	display:flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}
.sick {
	box-sizing:border-box;
	flex-basis:32%;
	width:32%;
	height:auto;
	border:2px solid #6a4b31;
	background-color:#FFF;
	font-size: 1.1em;
	letter-spacing:2px;
	padding:20px 0;
    border-radius: 10px;        /* CSS3草案 */  
	text-align: center;
	color: #000;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	margin-bottom: 10px;
}
.nosick {
	box-sizing:border-box;
	flex-basis:32%;
	width:32%;
}
*::-ms-backdrop, .sick {
  width: 31.33%; /* IE11 */
	margin: 1%;
}
.sick a{
	color: #6a4b31;
	text-decoration: none;
	display: block;
}
.sick:hover {
	background-color: #6a4b31;
	color:#FFF;
}
.sick:hover a {
	color:#FFF;
}
@media screen and (max-width: 749px) { 
.sick {
	flex-basis:48%;
	width:48%;
	padding: 15px 0;
}
.nosick {
	flex-basis:48%;
	width:48%;
}
*::-ms-backdrop, .sick {
  width: 48%; /* IE11 */
}
}
.br870 {display: none;}
@media screen and (max-width: 870px) { 
	.br870 {display: block;}
}







#content6 {
	box-sizing:border-box;
	background-color: #fbf2e3;
	width:100%;
	height:auto;
	position:relative;
	text-align:left;
	float:left;
	padding: 50px 0;
}
ul.photoBox {
	box-sizing:border-box;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    width:100%;
	height: auto;
	padding:0px;
	margin:0px;
	float: left;
} 
ul.photoBox li {
	box-sizing: border-box;
	width:calc(calc(100% / 2) - 10px);
	margin:5px;
	background-color:#FFF;
    list-style:none;
	box-shadow: 0 0 4px rgba(0,0,0,0.4);
	float: left;
	overflow: hidden;
	border: 5px solid #FFF;
	border-bottom: 0px solid #FFF;
}
*::-ms-backdrop, ul.photoBox li {
  width: 48%; /* IE11 */
	margin: 1%;
}
ul.photoBox li.third {
	width:calc(calc(100% / 3) - 10px);
	margin:5px;
	background-color:#FFF;
    list-style:none;
	box-shadow: 0 0 4px rgba(0,0,0,0.4);
	float: left;
}
*::-ms-backdrop, ul.photoBox li.third {
  width: 31.33%; /* IE11 */
	margin: 1%;
}
ul.photoBox li.fourth {
	width:calc(calc(100% / 4) - 10px);
	margin:5px;
	background-color:#FFF;
    list-style:none;
	box-shadow: 0 0 4px rgba(0,0,0,0.4);
	float: left;
}
*::-ms-backdrop, ul.photoBox li.fourth {
  width: 23%; /* IE11 */
	margin: 1%;
}
@media screen and (max-width: 749px) { 
ul.photoBox li, ul.photoBox li.third, ul.photoBox li.fourth {
	width:calc(calc(100% / 2) - 10px);
}
}

ul.photoBox li:hover, ul.photoBox li.third:hover, ul.photoBox li.fourth:hover {
	box-shadow: 0 0 0px rgba(0,0,0,0.4);
}
ul.photoBox li:hover .picsBox1, ul.photoBox li.third:hover .picsBox1, ul.photoBox li.fourth:hover .picsBox1 {
	transform: scale(1.05);
}
ul.photoBox li:hover .picsBox2, ul.photoBox li.third:hover .picsBox2, ul.photoBox li.fourth:hover .picsBox2 {
	transform: scale(1.05);
}
.picsBox1, .picsBox2 {
	box-sizing: border-box;
	width:100%;
	height: auto;
	float:left;
	overflow: hidden;
	position: relative;
	transition: 0.3s;
	-webkit-transition: 0.3s;
	transform: scale(1);
	transition-duration: 0.5s;
}
.picsBox1 {
	min-height: 300px;
}
.picsBox1 img{
	box-sizing: border-box;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	object-fit: cover;
	z-index: 1;
}
@media screen and (max-width: 749px) { 
.picsBox1 {
	min-height: 1px;
}
.picsBox1 img{
	box-sizing: border-box;
	width: 100%;
	height: auto;
	display: block;
	position: relative;
}
}
.picsBox2 img{
	box-sizing: border-box;
	width: 100%;
	height: auto;
	display: block;
}
.pics_title{
	box-sizing:border-box;
	padding: 10px 0;
	width:100%;
	height:auto;
	font-size:1.1em;
	color: #000;
	float:left;
	text-align:center;
	background: #FFF;
	z-index: 2;
	position: relative;
}
@media screen and (max-width: 900px) { 
.pics_title{
	font-size:1em;
	padding: 7px 0;
	}
}
@media screen and (max-width: 749px) { 
.pics_title{
	font-size:1em;
	padding: 7px 0;
	}
}
.pics_txt{
	box-sizing:border-box;
	box-sizing:border-box;
	padding: 5px 5px 10px 5px;
	width:100%;
	height:auto;
	font-size:12px;
	color:#333;
	float:left;
	text-align:left;
}

.modal1Title {
	box-sizing:border-box;
	width:100%;
	height:auto;
	font-size:1.4em;
	border-bottom:solid 2px #6a4b31;
	color:#6a4b31;
	text-align: center;
	font-family: 'M PLUS 1p', sans-serif;
}
.modaltxt {
	font-size:1em;
	font-family: 'M PLUS 1p', sans-serif;
}







#content7 {
	box-sizing:border-box;
	background-color:#eaeff9;
	width:100%;
	height:auto;
	position:relative;
	text-align:left;
	float:left;
	padding: 50px 0;
}
ul.recruitBox {
	box-sizing:border-box;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    width:100%;
	height: auto;
	padding:0px;
	margin:0px;
	float: left;
} 
ul.recruitBox li {
	box-sizing: border-box;
	width:50%;
	height: auto;
	min-height: 100px;
	padding:5px;
    list-style:none;
	float: left;
	position: relative;
}
.br749 {
	display: none;
}
@media screen and (max-width: 749px) { 
ul.recruitBox li {
	width:100%
	}
.br749 {
	display: block;
}
}
.br430 {
	display: none;
}
@media screen and (max-width: 749px) { 
.br430 {
	display: block;
}
}
.text_normal2 {
	box-sizing: border-box;
	width: 100%;
	height: auto;
	float: left;
	text-align: center;
	font-size: 1.2em;
	line-height: 1.8em;
	color: #000;
}
.recruitIMG {
	box-sizing: border-box;
	width: 90%;
	max-width 500px;
	height: auto;
	text-align: center;
	margin: 0 auto;
}
.recruitIMG img {
	width: 100%;
	height: auto;
	display: block;
}







#content8 {
	box-sizing:border-box;
	background-color:#FFF;
	width:100%;
	height:auto;
	position:relative;
	text-align:left;
	float:left;
	padding: 50px 0;
}
.telBox {
	box-sizing:border-box;
	text-align:left;
	width:100%;
	float:left;
	background-image:url(../img/tel.png);
	background-repeat:no-repeat;
	background-position:left 5px;
	background-size: 42px;
	color: #6a4b31;
	letter-spacing: 1px;
	transition: 0.2s;
	-webkit-transition: 0.2s;
	font-family: 'Oswald', sans-serif;
}
.telBox a {
	color: #6a4b31;
	text-decoration: none;
	font-size:32px;
	padding-left:48px;
}
.telBox:hover {
	opacity: 0.5;
}

.mapBox {
	width:100%;
	height:auto;
	float: left;
	position: relative;
}
.mapBox img {
	width:100%;
	height:auto;
	display:block;
}
.googleMap {
	box-sizing:border-box;
	width:200px;
	height:91px;
	margin-top:-91px;
	right:10px;
	bottom:10px;
	position:absolute;
    border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */ 
	border:1px solid #333;
	background-color:#FFF;
	box-shadow: 3px 3px 5px rgba(0,0,0,0.4);
	display:block;
	transition: 0.2s;
	-webkit-transition: 0.2s;
	bottom: 10px;
	right: 10px;
}
@media screen and (max-width: 830px) { 
.googleMap {
	display: none;
	}
}
.googleMap:hover {
	box-shadow: 3px 3px 5px rgba(0,0,0,0.0);
}
.googleMap img{
	width:100%;
	height:auto;
	display:block;
}
.googleMapSP {
	box-sizing:border-box;
	width:100%;
	height:auto;
	margin:0 auto;
    border-radius: 10px;        /* CSS3草案 */  
	border: 1px solid #333;
	background-color:#FFF;
	margin-bottom:30px;
	padding:0;
	display:none;
}
.googleMapSP img{
	width:100%;
	max-width: 300px;
	height:auto;
	display:block;
	margin: 0 auto;
}
@media screen and (max-width: 830px) { 
.googleMapSP {
	display: block;
	}
}

.acceBox {
	box-sizing:border-box;
	width:100%;
	height:auto;
	float:left;
}
.accicon {
	box-sizing:border-box;
	width:40px;
	height:auto;
	float:left;
}
.accicon img {
	width:100%;
	height:auto;
	display:block;
}
.accicon_text {
	box-sizing: border-box;
	width: calc(100% - 40px);
	height: auto;
	float: left;
	padding-left: 10px;
}
.text_normal3 {
	box-sizing: border-box;
	width: 100%;
	height: auto;
	float: left;
	text-align: left;
	font-size: 1.2em;
	line-height: 40px;
	color: #6a4b31;
	font-weight: bold;
}
.text_normal4 {
	box-sizing: border-box;
	width: 100%;
	height: auto;
	float:left;
	text-align: left;
	font-size: 1em;
	line-height: 1.5em;
	color: #000;
	padding-bottom: 8px;
}
.floor {
	width: 100%;
	height: auto;
	float: left;
}
.floor img {
	width: 100%;
	height: auto;
	display: block;
}







#toTop {
	width:100%;
	height:100px;
	text-align:center;
	float:left;
	color:#6a4b31;
	position: relative;
}
#toTop a {
	color:#6a4b31;
}
.totopBox {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width:120px;
	height:50px;
	margin:0 auto;
	transition: 0.2s;
	-webkit-transition: 0.2s;
}
@media screen and (max-width: 380px) { 
.totopBox {
	position: relative;
	float: left;
	}
}
.totopBox:hover{
	filter:alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
}
.totopBox img {
	width:100%;
	max-width: 50px;
	height:auto;
	margin: 0 auto;
	display:block;
}
.totopBox2 {
	width:auto;
	height:30px;
	margin:0 auto;
	font-size:0.9em;
	line-height:2em;
	opacity: 1;
}
.totopBox a {
	text-decoration: none;
	color:#6a4b31;
}

.policyBox {
	box-sizing: border-box;
	width:150px;
	height: auto;
	font-size:0.pem;
	background-color: #6a4b31;
	color:#FFF;
	text-align:center;
	letter-spacing: 0.5px;
	padding: 5px 10px;
	border-radius: 5px;
	border: 1px solid #6a4b31;
	transition: 0.2s;
	position: absolute;
	right: 10px;
	top: 40px;
}
.policyBox:hover {
	background-color: #FFF;
	color: #6a4b31;
}
@media screen and (max-width: 749px) { 
.policyBox {
	width:110px;
	font-size:12px;
	right: 5px;
	font-family: 'M PLUS 1p', sans-serif;
	}
}
.policyTitle {
	width: 100%;
	height: auto;
	line-height: 32px;
	font-weight: 400;
	border-bottom: 5px solid #eee;
	margin-bottom: 10px;
	font-size: 1.2em;
	font-family: 'M PLUS 1p', sans-serif;
}
.policyText, .policyText2 {
	width: 100%;
	height: auto;
	font-size: 1em;
	line-height: 1.8em;
	font-weight: 300;
	margin-bottom: 30px;
	font-family: 'M PLUS 1p', sans-serif;
}
.policyText2 {
	margin-bottom: 10px;
}
.policyText a, .policyText2 a {
	color: #333;
}

.lipolicy {
	width:100%;
	height: auto;
	font-size: 1em;
	line-height: 1.6em;
	margin-bottom: 10px;
	font-family: 'M PLUS 1p', sans-serif;
}
.lipolicy ul {
	list-style-type: decimal;
}
.lipolicy ul li {
	margin-bottom:10px;
}







#footter {
	box-sizing:border-box;
	border-top: 2px solid #6a4b31; 
	background-color:#6a4b31;
	width:100%;
	height:auto;
	float:left;
	overflow:hidden;
	padding:30px 0;
	margin: 0;
}
.footTitle {
	width:100%;
	font-size:0.7em;
	color:#FFF;
	text-align:center;
	letter-spacing:1px;
	font-family: 'M PLUS 1p', sans-serif;
}


#contentMail{
	box-sizing:border-box;
	background-color:#FFF;
	width:100%;
	height:auto;
	position:relative;
	text-align:left;
	float:left;
	padding: 50px 0;
	margin-top: 30px;
}
.center {
	text-align: center;
}
ul.gyoumuBox {
	box-sizing:border-box;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    width:100%;
	height: auto;
	padding:0px;
	margin:0px;
	float: left;
	margin-bottom: 100px;
} 
ul.gyoumuBox li {
	box-sizing: border-box;
	width:200px;
	height: auto;
    list-style:none;
	float: left;
	position: relative;
	font-size: 1em;
	border: 1px solid #333;
	background-color: #eaeff9;
	text-align: center;
	padding: 10px;
	letter-spacing: 2px;
	color: #232323;
}
ul.gyoumuBox li.gyoumu2 {
	box-sizing: border-box;
	width:calc(100% - 200px);
	height: auto;
    list-style:none;
	float: left;
	position: relative;
	font-size: 1em;
	border: 1px solid #333;
	border-left: 0px solid #333;
	background-color: #FFF;
	text-align: left;
	padding: 10px 20px;
	letter-spacing: 0px;
	color: #232323;
}
ul.gyoumuBox li.border01 {
	border-top: 0px solid #333;
}
ul.gyoumuBox li.border02 {
}
ul.gyoumuBox li.border03 {
	border-top: 0px solid #333;
}
@media screen and (max-width: 650px) { 
ul.gyoumuBox li {
	width: 100%;
	text-align: left;
	border-top: 1px solid #333;
}
ul.gyoumuBox li.gyoumu2 {
	width: 100%;
	border-left: 1px solid #333;
	padding: 10px;
	margin-bottom: 10px;
}
ul.gyoumuBox li.border02 {
	border-top: 0px solid #333;
}
ul.gyoumuBox li.border03 {
	border-top: 1px solid #333;
}
}


.fontS {
	font-size:14px;
	width: 100%;
	float: left;
}

.category {position: relative;}
#reserve {
	float: left;
	width: 100px;
	height: 10px;
	position: absolute;
	left: 0;
	top: -30px;
}




.br500 {display: none;}
@media screen and (max-width: 500px) { 
	.br500 {display: block;}
}



.henkou{
	box-sizing:border-box;
	width: 100%;
	padding: 7px 5px;
	color: #6a4727;
	background: #f4ea2a;
	text-align: center;
	margin-top: 5px;
	font-size: 1.1em;
	font-weight: bold;
}

.time_new {
	width: 100%;
	cursor: pointer;
}
.time_new img {
	width: 100%;
	height: auto;
	display: block;
	cursor: pointer;
}


.timeImgA {
	box-sizing: border-box;
	width:96%;
	max-width: 400px;
	height:auto;
	bottom:40px;
	left: 0;
	right: 0;
	margin:0 auto;
	font-size: 14px;
	padding: 5px 10px 5px 10px;
	position:absolute;
	z-index:999;
	background-color:#694626;
	color:#FFF;
	text-align: center;
	display: none;
}
.timeImgA span {
	font-size: 21px;
}
@media screen and (max-width: 799px) { 
.timeImgA {
	display: block;
}
}
@media screen and (max-width: 499px) { 
.timeImgA {
	font-size: 12px;
}
.timeImgA span {
	font-size: 18px;
}
}

.text_c {
	text-align: center;
}
@media screen and (max-width: 499px) {
	.text_c {
		text-align: left;
	}
}

.mainBox01 {
	box-sizing:border-box;
	width:48%;
	height:auto;
	float:left;
	text-align:left;
	margin-right: 2%;
}
.mainBox02 {
	box-sizing:border-box;
	width:48%;
	height:auto;
	float:right;
	text-align:left;
	margin-left: 2%;
}
@media screen and (max-width: 749px) { 
.mainBox01 {
	width:100%;
	margin-bottom: 30px;
}
.mainBox02 {
	width:100%;
}
}
.naiyou, .naiyou2 {
	float:left;
	white-space:nowrap;
	list-style: none;
	padding-right: 15px;
	padding-left: 12px;
	position: relative;
	color: #232323;
}
.naiyou::before {
	content: '';
	width: 6px;
	height: 6px;
	border-radius: 10px;
	background: #232323;
	position: absolute;
	left: 2px;
	top: 12px;
}

.indentTop {
	font-size: 14px;
	padding-left:1.3em;
	text-indent:-1.3em;
	margin-bottom: 5px;
}

.indentTop2 {
	padding-left:1.3em;
	text-indent:-1.3em;
	margin: 5px 0;
	font-weight: bold;
}

.fontRed {
	color: #ea272d;
}




.infoNEW {
	box-sizing:border-box;
	background-color:#FFF;
	width:100%;
	height:auto;
	position:relative;
	text-align:left;
	float:left;
	padding: 50px 0;
}
.infowakuNEW {
	box-sizing:border-box;
	width:100%;
	height:auto;
	float:left;
	border: 2px solid #6a4727;
	border-radius: 10px;
	padding: 0;
}
.infotxtNEW {
	box-sizing:border-box;
	width:100%;
	height:auto;
	float:left;
	text-align: left;
	letter-spacing: 0;
	line-height: 1.6em;
	padding: 20px;
	padding-bottom: 0;
	padding-top: 10px;
}
.infotxt2NEW {
	box-sizing:border-box;
	width:100%;
	height:auto;
	float:left;
	text-align: left;
	letter-spacing: 0;
	line-height: 1.6em;
	padding: 5px 30px;
	font-weight: bold;
	font-size: 1.2em;
}
.infotxt3NEW {
	font-weight: bold;
	font-size: 1.2em;
	color: #eb1a1a;
}
.padB20 {
	padding-bottom: 20px;
}
@media screen and (max-width: 499px) { 
	.infotxtNEW {
		padding: 10px;
		padding-bottom: 0;
	}
	.infotxt2NEW {
		padding: 5px 20px;
	}
	.padB20 {
		padding-bottom: 10px;
	}
}

.titleBoxNEW {
	width:100%;
	font-size:2em;
	font-weight:bold;
	color:#FFF;
	text-align:center;
	letter-spacing:2px;
	padding: 5px 0;
	float:left;
	padding: 0;
	background:#6a4b31;
}
@media screen and (max-width: 699px) { 
.titleBoxNEW {
	font-size:1.8em;
	letter-spacing: 1px;
}
}
@media screen and (max-width: 499px) { 
.titleBoxNEW {
	font-size:1.6em;
	letter-spacing: 0px;
}
}

.boldred {
	font-weight: bold;
	color: #eb1a1a;
}