@charset "UTF-8";

/**/

#img{
	margin:auto;
	max-width:1570px;
	position:relative;
	width:95%
}

#img>h1{
	height:100%;
	position:absolute;
	width:100%
}

#img>h1>img{
	bottom:0;
	left:0;
	margin:auto;
	max-width:90%;
	position:absolute;
	right:0;
	top:0
}

/**/

.box{margin-top:7% !important}

.box h2{margin:0}

#con p{margin:4% 0 0}

#con p>a{display:inline-block}

/**/

#con-box{
	margin:auto;
	max-width:1300px;
	width:95%
}

#con h2>img{max-width:55%}

/**/

#menu-2-box{
	margin:auto;
	max-width:1335px;
	width:95%
}

#menu-2 caption{
	color:#1eb2e9;
	font-size:15px
}

#menu-2 strong{display:block}

#menu-left{max-width:570px}

#menu-2 table{
	font-size:13px;
	margin:0
}

#menu-2 th{font-weight:normal}

#menu-2 tr>*{padding:3px}

#menu-2 tr:last-child>*{border-bottom:1px solid #ddd}

#menu-2 ul{
	color:#565656;
	margin:0;
	padding:0
}

#menu-2 b{display:block}

#menu-2 .table-responsive{
		display:inline-block;
		vertical-align:top;
		width:49%
}

#menu-2 h2~*{margin-top:5%}
.btn-box div{
	margin-bottom: 25px;
}
.btn-box div:nth-of-type(2){
	padding-bottom: 25px;
}
.btn-box div:nth-of-type(2) .btn-border{
    transform: translateX(10%) translateY(-65%);
}

#menu-left h2>img{max-width:40%}

#menu-right h2>img{max-width:75%}

/**/

#photo{max-width:835px}

#menu-2 .carousel-control{
	background:none;
	opacity:1
}

#next{
	bottom:0;
	height:108px;
	margin:auto;
	-webkit-transform:translateX(50%);
	transform:translateX(50%);
	top:0;
	width:auto
}

/**/

.btn-box{overflow:hidden}

.btn-box>*{position:relative;}

.btn-border{
	border-left:2px solid #21b3e9;
	border-bottom:2px solid #21b3e9;
	height:100%;
	position:absolute;
	-webkit-transform:translateX(10%) translateY(-50%);
	transform: translateX(10%) translateY(-50%);
	width:100%;
}

.btn-box a{
	background:#fff;
	border:2px solid #21b3e9;
	color:#21b3e9;
	padding:7px;
	position:relative;
	text-align:center;
	vertical-align:middle;
	z-index: 1;
}

/**/

#menu-btn{
	margin:0 !important;
	max-width:834px;
	text-align:right;
	padding-top:2%
}

#menu-btn a{
	font-size: 20px;
	width: 320px;
}

#menu-btn #tel{
	color:#fff;
	background:#21b3e9
}

#menu-btn #tel+a{margin-left:2%}

#tel+a{width:180px}

#menu-btn img{vertical-align:middle}

/**/

#ac-box{
	margin:auto;
	max-width:1340px;
	width:95%
}

#ac-box02{
	margin:auto;
	max-width:1340px;
	width:95%
}

#ac h2~*{margin:5% 0 0}
#ac02 h2~*{margin:5% 0 0}

#ac p{margin:0}
#ac02 p{margin:0}

#ac-box h2>img{max-width:45%}
#ac-box02 h2>img{max-width:45%}

#ac address h4{
  font-size: 1.5em;
  font-weight: bold;
  margin-bottom: 0.5em;
}

#ac02 address h4{
  font-size: 1.5em;
  font-weight: bold;
  margin
  }

/**/

#map-box-1{max-width:570px}
#map-box-2{max-width:570px}

#map{
	overflow:hidden;
	padding:0 100% 100% 0;
	position:relative
}
#map02{
	overflow:hidden;
	padding:0 100% 100% 0;
	position:relative
}

#map>*{
	height:100%;
	left:0;
	position:absolute;
	top:0;
	width:100%
}
#map02>*{
	height:100%;
	left:0;
	position:absolute;
	top:0;
	width:100%
}

.map>#map-box{
	-webkit-transition:left 0s 1s;
	transition:left 0s 1s
}

.map>#map-box02{
	-webkit-transition:left 0s 1s;
	transition:left 0s 1s
}

.map>#map-box{left:-100%}
.map>#map-box02{left:-100%}

/**/

#blog-box{
	background:#edf4f7;
	margin:auto;
	max-width:1245px;
	width:95%
}

#blog-box>*{padding:4% 0}

#blog{
	margin:auto;
	max-width:775px;
}

#blog .row+.row{margin-top:4%}

#blog>h2{
	margin:0;
	text-align:center;
}

#blog>h2>img{max-width:30%}

.blog{
	background:#fff;
	margin:auto;
	max-width:235px
}

.blog>a{
	color:#333;
	padding:15px;
	width:100%;
}

.blog time{
	display:block;
	margin:5px 0
}

.blog h3{
	font-weight:bold;
	line-height:1.5em;
	margin:0
}

.v-a{
	background:#fff;
	border:2px solid #21b3e9;
	color:#21b3e9;
	display:block;
	font-weight:bold;
	margin:auto;
	max-width:205px;
	text-align:center;
	padding:15px;
	width:100%;
}

.v-a:hover{color:#21b3e9;}

#blog-list{
	margin:6% 0;
}

/**/
.oshirase_box {
    padding: 0.5em 1em;
    border: solid 2px #1eb2e9;
	width: 67%;
    margin: auto;
}

.oshirase{
	text-align: center;
    font-size: 15px;
	margin: 20px;
}

.oshirase .heading{
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 30px
}

.oshirase span{
	font-size: 18px;
	font-weight: bold;
}

.open
{
  position: fixed;
  bottom: 10px; 
  right: 10px;
  padding: 6px 40px;
}

.notice{
  position: relative;
}

.new_open{
  position: absolute;
  top: 70%;
  left: 85%;
}


/**/

@media(max-width:1200px){
	#menu-2 table{font-size:12px}
}

@media(max-width:1010px){
	#menu-btn #tel+a{margin:0}

	
	#menu-btn a{width:100% !important}
}

@media(max-width:767px){
	#con,
	#ac,#ac02{text-align:center}

	#con .row>*+*,
	#menu-2 .row>*+*,
	#ac .row>*+*{margin-top:5%}
		#ac02 .row>*+*{margin-top:5%}

	#next{
		height:auto;
		top:auto;
		-webkit-transform:none;
		transform:none
	}

	#menu-2{
		margin:auto;
		max-width:505px
	}

	#menu-2 h2{text-align:center}

	#menu-2 tr:last-child>*{border-bottom:none}

	#ac .ib-m>*{display:block}
	#ac02 .ib-m>*{display:block}
	
	#map-box{margin:auto}
	#map-box02{margin:auto}
	
	#menu-2 .table-responsive{
		display:block;
		width:auto
	}
	
	#tel+a{width:290px}

	.oshirase_box{width: 100%;}
}

.thumb{
	padding:0 100% 100% 0;
	overflow:hidden;
	position:relative;
}

.thumb>img{
	bottom:0;
	left:0;
	margin:auto;
	position:absolute;
	right:0;
	top:0;
}

@media(max-width:500px){
	#con p{font-size:12px}
	
	#blog .row>*{width:100%}
	
	#blog .row>*+*{margin-top:5%}
	
	.blog{max-width:none}
	
	.blog>a{display:block}
	
	.blog>a>*{
		display:inline-block;
		vertical-align:middle;
	}
	
	.blog>a>div+div{
		padding-left:4%;
		width:60%;
	}
	
	#next{
		height:auto;
		width:50px
	}
	
	.blog time{margin-top:0}
	
	#menu-2 ul{font-size:12px}

	.thumb{
		padding:0 30% 45% 0;
	}

}