@charset "utf-8";
/* CSS Document */


@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800);

.test_cont{
	text-align:center;
}

.red{
	color:#F00;
}

.blue{
	color:#00F;
}

.green{
	color:#090;
}

.bold{
	font-weight:bold;
}

.size120{
	font-size:120%;
}




html{scroll-padding-top: 50px;}

/*@media screen and (min-width: 1101px){*/

@media screen and (min-width:721px){

.size240{
	font-size:240%;
}
	

html{
	scroll-behavior: 50px;
	scroll-behavior: smooth;}


#telbottom img{
	display:none;
}

.sp{
	display:none;
}

html,body{
     height:100%;
}


.wrap {
	overflow: hidden;
	margin: 0px;
	padding: 0px;
}

html {
	scroll-padding-top: 80px;
	scroll-behavior: smooth;
	margin: 0px;
	padding: 0px;
}



body {
	font-variant-numeric: lining-nums;
	font-size: 16px;
	margin: 0px;
	padding: 0px;
	font-family: "Helvetica Neue", Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;
	color:#302D25;
}



a:hover img{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}

.clear{
	clear:both;
}

.pagetop {
position: fixed;
bottom: 20px;
right: 20px;
}

h1{
	background:#E7DAB1;
	width:100%;
	text-align:center;
	color:#444444;
	font-size:220%;
	padding:4% 2%;
	margin-bottom:2%;
}

#hstyle1 {
	font-size:108%;
	width:1120px;
	margin-left:auto;
	margin-right:auto;
	height:24px;
	font-weight:normal;
	margin-top:0.3%;
}


h2.hstyle2{
	color:#398C13;
	font-size:160%;
	background:url(../img/top/h2_style1.jpg) no-repeat 9px 14px;
	padding-left:12%;
	padding-top:15px;
	margin-bottom:3%;
}

h2.hstyle2t{
	color:#398C13;
	font-size:160%;
	padding-left:;
	margin-bottom:3%;
	margin-top:8%;
}

h2.hstyle2t img{
	padding-top:2%;
}


h2.hstyle2s{
	color:#398C13;
	font-size:160%;
	padding-left:1%;
	padding-top:15px;
	margin-bottom:3%;
}


h2.hstyle2_m{
	color:#930;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:180%;
	padding-left:1%;
	padding-top:15px;
	margin-bottom:5%;
	letter-spacing:0.1em;
}

h2.grn_bar{
	background:#0A6C2C;
	color:#FFF;
	padding:2%;
	font-size:140%;
	margin-top:5%;
}

h3.hstyle_grn{
	font-size:150%;
	color:#0A6C2C;
}

header  {
	z-index: 999;
	width: 1180px;
	margin-left:auto;
	margin-right:auto;
	height:auto;
	margin-top:1%;
	margin-bottom:1%;
	line-height:180%;
}

header #head_cont{
	width:1120px;
	margin: auto;
	display:flex;
}

header #logo    {
	font-size:98%;
}

header #logo img {
	height:77px;
}

header #logo_p {
	font-size:98%;
}

#h_hour{
	
}

#h_hour p{
	font-size:82%;
	text-align:right;
	
}

.biz-hour {
  display: block;
  border-collapse: collapse;
  /* overflow-x: scroll;で、
  スマホ画面幅に表が入りきらない場合は
  横スクロールしてくれます 
  overflow-x: scroll;*/
  width:auto;
  font-size:84%;
}
.biz-hour th, .biz-hour td {
  padding: 0.1px 8px;
  text-align: center;
  /* 枠線。色を変えたい時は#ff6680というところをお好みで */
  border: 1px solid #CECEBF;
  border-left:none;
  border-right:none;
  letter-spacing:0.08em;
}

/* 最上段の表の見出し。background-colorを書き換えれば背景色が変わります。 */
.biz-hour th {
  background-color: #F0E8D0;
  font-weight: normal;
}

/* 「土」の文字色 */
.biz-hour th.sat {
  color: #3db2da;
}

/* 「日」の文字色 */
.biz-hour th.sun {
  color: #e66a6a;
}


header #h_btn{
	text-align:right;
	margin-left:3%;
}

header #h_btn span img{
	margin-top:3%;
}


header #h_btn img{

}

#nav_bac{
	width:100%;
	background:#0A6C2C;
	height:49px;
	z-index: 9999;
}

nav#gNavi  {
	clear: both;
	display: block;
	height:50px;
}

nav#gNavi: after{
	content:".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}


nav#gNavi  ul{
	width: 1180px;
	margin-right: auto;
	margin-left: auto;
	display:flex;
}

nav#gNavi  li{
	list-style:none;
	margin-top:-1px;

}

.is-fixed {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
}


.drawer-nav{
	display:none;
}

#navs{
	display:none;
}

.biz-hour2 {
  display: block;
  border-collapse: collapse;
  /* overflow-x: scroll;で、
  スマホ画面幅に表が入りきらない場合は
  横スクロールしてくれます 
  overflow-x: scroll;*/
  width:auto;
  font-size:98%;
}
.biz-hour2 th, .biz-hour2 td {
  padding: 8px 10px;
  text-align: center;
  /* 枠線。色を変えたい時は#ff6680というところをお好みで */
  border: 1px solid #CECEBF;
  border-left:none;
  border-right:none;
  letter-spacing:0.1em;
}

.biz-hour2 td {
	background:#F4F4EA;
}



/* 最上段の表の見出し。background-colorを書き換えれば背景色が変わります。 */
.biz-hour2 th {
  background-color: #F0E8D0;
  font-weight: normal;
}

/* 「土」の文字色 */
.biz-hour2 th.sat {
  color: #3db2da;
}

/* 「日」の文字色 */
.biz-hour2 th.sun {
  color: #e66a6a;
}

.time_ske2 p{
  font-size:90%;
}

.time_ske2 h3{
  font-size:148%;
  color:#4C1F05;
  margin:1% 1%;
  letter-spacing:0.1em;
}




#map {
	width: 100%;
    height: 360px;
}



#main{
	width:1180px;
	margin-left:auto;
	margin-right:auto;
	display: flex;
	flex-direction:row-reverse;
}

#main_cont{
	width:900px;
	margin-left:20px;
}

#side{
	width:260px;
	margin-right:20px;
	margin-left:20px;
	}

#side .side_box{
	border:solid 3px #4BA131;
	margin-bottom:20px;
	padding:1%;
	text-align:center;
}

#side .side_box img{
	margin-top:5px;
	margin-bottom:8px;
}

.side_title{
	font-size:120%;
	font-weight:bold;
	border-bottom:solid 2px #4BA131;
	margin:10px auto;
	width:200px;
	padding-bottom:2px;
}

.side_bnr{
	margin-top:20px;
	margin-bottom:20px;
}

#side_menu{
	border:solid 3px #4BA131;
	background:#FCFCF8;
	margin-bottom:20px;
}

#side_menu li{
	list-style:none;
	padding-left:38px;
	background:url(../img/side/side_menu_point.jpg) no-repeat 9px 14px;
	border-bottom:solid 2px #CECEBF;
	line-height:240%;
	font-weight:bold;
	padding-top:1%;
	}
#side_menu li a{
	text-decoration:none;
	color:#333;
	}

#side_menu li a:link{
	color:#333;
	}

#side_menu li a:hover{
	color:#C90;
	}
	

#side_menu li.border_n{
	border-bottom:none;
	
	}



.biz-hour3 {
  display: block;
  border-collapse: collapse;
  /* overflow-x: scroll;で、
  スマホ画面幅に表が入りきらない場合は
  横スクロールしてくれます 
  overflow-x: scroll;*/
  font-size:92%;
  padding-left:9px;
  padding-bottom:10px;
  padding-top:10px;
}

p.side_time{
	margin-top:8px;
	font-size:98%;
	margin-bottom:8px;
}

.biz-hour3 th, .biz-hour3 td {
  padding: 4px 5px;
  text-align: center;
  /* 枠線。色を変えたい時は#ff6680というところをお好みで */
  border: 1px solid #CECEBF;
  border-left:none;
  border-right:none;
  letter-spacing:0.1em;
}

.biz-hour3 td {
	background:#F4F4EA;
}



/* 最上段の表の見出し。background-colorを書き換えれば背景色が変わります。 */
.biz-hour3 th {
  background-color: #F0E8D0;
  font-weight: normal;
}

/* 「土」の文字色 */
.biz-hour3 th.sat {
  color: #3db2da;
}

/* 「日」の文字色 */
.biz-hour3 th.sun {
  color: #e66a6a;
}

.time_ske3 p{
  font-size:80%;
}

.time_ske3 h3{
  font-size:118%;
  color:#4C1F05;
  margin:1% 1%;
  letter-spacing:0.1em;
}

.is-animation {
  height: 68px;
}

.side_access{
	text-align:left;
	margin-top:10px;
	margin-left:8px;
	line-height:180%;
}


footer{
	background:#F0F0E1;
	width:100%;
	color:#333;
}

#f_cont{
	width:1180px;
	margin:0 auto;
	padding:3% 0;
	display:flex;
	justify-content: center;
}

#f_left{
}

#f_logo{
	
}

#f_logo span{
	font-weight:bold;
	letter-spacing:0.08em;
}

#f_logo img{
	height:77px;
	margin-top:1%;
}

#f_logo_ad{
	margin-bottom:2%;
}


#f_logo_kotu{
	
}

#f_center{
	margin-bottom:5%;
	margin-left:3%;
	margin-right:3%;
	
}


#f_center img{
	margin-bottom:5%;
	
}


#f_menu{
	width:220px;
	margin-left:5%;
}



#f_menu ul{
}

#f_menu ul li{
	list-style:none;
	background:url(../img/top/f_menu_point.jpg) no-repeat;
	background-position:0% 50%;
	padding-left:10%;
	margin-bottom:2%;
}

#f_menu ul li a{
	text-decoration:none;
	color:#333;
}

#f_menu ul li a:hover{
	color:#CC0;
}


address{
	width:1180px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	margin-bottom:1%;
	font-size:15px;
}






/*ポップアップ js版* https://webdesignday.jp/inspiration/technique/css/4680/ */

*{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.m_content{
    margin: 0 auto;
    padding: 40px;
}

.m_content a{
	
}

}