@charset "UTF-8";
/* CSS Document */

#karawaku-area{
    width:1000px;
	margin:5px auto 15px;	
}

h1{
  width:982px;
  height: 168px;
  padding: 35px 0 0;
	margin:10px auto 15px;
	background: url(../image/bg_h1_uts.jpg) 0 0 no-repeat;
  text-align: center;
  font-size: 28px;
  color: #fff;
  line-height: 1.3;
  box-sizing: border-box;
  border: 1px solid #03832f;
}
h1 span {
  display: inline-block;
  margin: 0 0 1.2em;
  padding: 0 0 0 0.7em;
  font-size: 20px;
}

.lead_text{
    width:620px;
	margin:	30px auto 0;
    line-height:1.2;
}

.note{
   font-size:14px!important;	
}

#content{
	width:600px;
	margin:10px auto 15px;
	background:#e6f6ea;
	padding:15px;
	
}

#content p{
    text-align:center;
}


#karawaku {
	width:400px;
	text-align:center;
	margin:0 auto 15px;
	border: 2px #077A37 solid;
}


#karawaku td {
	width:100px;
	border-top: 1px #077A37 solid;
	border-left: 1px #077A37 solid;
	font-size:18px;
	padding:7px;
}

#karawaku .batsu {
	width:100px;
	border-top: 1px #077A37 solid;
	border-left: 1px #077A37 solid;
	font-size:26px;
	padding:0;
}

#karawaku tr:nth-child(2n+1) {
	background: #fff;
}


.sat {
	color:#06F;
}
.sun {
	color:#F00;
}

#ex{
   width:450px;
   margin:20px auto 25px;
   border:1px solid #333;
}

#ex ul{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0 25px 0;
   }

#ex li{
	padding:9px 0;
}

/*#ex li:nth-child(2){
	display:inline-block;
	padding: 10px 0 0 27px;
}*/



#ex li:nth-child(3){
	padding:0;
}


.clear{
    clear:both;	
	
}
.batsu{
   font-size:26px;	
   vertical-align:baseline;
}

#toreservation{
	width:500px;
	margin:20px auto 30px;
	background:#eed9b8;
	border:1px solid #0F5F16;
   	}
	

#toreservation p{
    font-size:18px!important;
	color:#fff;
	background:#0F5F16;
	padding:5px;
	text-align:center;
	font-weight:bold;	
}

#toreservation ul{
	width:500px;
	margin:15px 0 11px 22px;
	padding:30px auto;	
}
	
#toreservation li{
    display:inline-block;
	padding:20px auto;	
}


#phone{
	width:600px;
	margin:0 auto 30px;
}

#phone h2{
   border-top:1px #0F5F16 solid;
   font-size:18px;
   color: #0F5F16;
   font-weight:bold;
   padding:10px;
   background: -moz-linear-gradient(#fff, #eee);
   background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
 	
	}
	
#phone h2::before {
	content: url(../image/icon_phone.png);
	margin:0;
    position:absolute;
	}
	
#phone ul{
	margin:auto;
	padding:20px 0;
	
}

#phone li{
   	display:inline-block;
	margin:0 0 0 15px;	
}

.status{
    color:#0F5F16;	
	vertical-align:4px;	
}

.phone_number{
    font-size:20px;
	font-weight:bold;	
	margin-top:5px;
}

.green_basyo {
	background:#0F5F16;
	color:#FFF;
	font-weight:bold;
	border: 1px #0F5F16 solid;
	font-size:18px;
}

.bold_line{
	border-bottom:2px solid #0F5F16;
}