@charset "utf-8";
/* CSS Document */
*{
	box-sizing:border-box;
  }
body {
	text-align: center;
	font-size: 100%;
	margin:0;
	line-height: 150%;
	font-family: "メイリオ", Osaka, "ヒラギノ角ゴ Pro W3";
	background: url(../image/bg.jpg) center top repeat-y;
	color:#553333;
}
img{
	max-width:100%;
	vertical-align:bottom;
  }

@media(min-width:601px){
	.sponly{
	  display:none !important;
	}
  }
@media(max-width:600px){
  .pconly{
    display:none !important;
  }
}
@media(min-width:561px){
	.show_sp{display: none !important;}
 }
 @media(min-width:961px){
	.show_sptb{display: none !important;}
 }
 @media(max-width:560px){
	.show_tbpc{display: none !important;}
 }
 @media(max-width:960px){
	.show_pc{display: none !important;}
 }
/*変数*/
:root{
	--basecolor: #edffe9 ; /*基本色*/
	--sabcolor: #f2ffec; /*サブカラー*/
}
p {margin:0;}
img {vertical-align:bottom;}
div {margin:0 auto; padding:0}

a { text-decoration: underline; color:#4444FF;}
a:visited { text-decoration: underline; color:#4444FF;}
a:hover { text-decoration: underline; color: #FF9933;}


.menu a:link{	color: #660000; font-weight:normal; }
.menu a:visited{	color: #660000; font-weight:normal; }
.menu a:hover { text-decoration: underline; color: #FF9933; font-weight:normal;}

.menu a { text-decoration: none; color:#660000;}

.menu_sp a:link{	color: #660000; font-weight:normal; }
.menu_sp a:visited{	color: #660000; font-weight:normal; }
.menu_sp a:hover { text-decoration: underline; color: #FF9933; font-weight:normal;}

.menu_sp a { text-decoration: none; color:#660000;}
p,h1,h2,h3,h4,h5,h6 { margin: 0;}

h1{
	font-size:100%;
	letter-spacing:1px;
	color:#FFFFFF;
}

h1.title{
	font-size:200%;
	padding:30px 15px 15px 15px;
	color:#ffffff;
}

h2{
	background:url(../image/h2_bg.jpg) left top no-repeat;
	height:50px;
	font-size:190%;
	color:#ff7474;
	padding-top:16px;
	padding-left:20px;
	margin:0 0 10px 0;
	letter-spacing:10px;
}

h3{
	background:url(../image/h3_bg.gif) left top no-repeat;
	font-size:115%;
	color:#664433;
	padding:5px 0 12px 15px;
	margin:0 0 2px 0;
	letter-spacing:3px;
}

h4{
	font-size:110%;
	color:#660000;
	padding:0;
	margin:12px 0 6px 0;
}

.wrapper{
	margin: 0 auto;
	width: 90%;
	max-width: 875px;
	text-align:center;
	background-color:#FFFFFF;
}

#header_full{
	width: 100%;
	background:url(../image/header_bg.gif) center top;
	padding:0px 0 3px 0;

}
#header_full2{
	width: 100%;
	background:url(../image/header_bg_.gif) center top;
	padding:0px 0 3px 0;
}
#header{
	margin-top:0;
	margin-bottom:5px;	
}
#header img{
	max-width: 850px;
	width: 100%;
}
.colorline{
	background-color:#FFC2BF;
	height:5px;
	width: 100%;
}

.mencon{
	padding:15px 0 8px 0;
	/*background: url(../image/menu_bg.jpg) left top repeat-y;*/
}

.menu{
	width: 25%;
	margin: 5px 5px 15px 5px;
	padding: 0;
	float: left;
	text-align: left;
}

.menu ul{
	margin:0 ;
	padding:0;
	max-width:190px;
	width: 100%;
}

.menu li{
	margin:5px 0 5px 0;
	padding:11px 0px 14px 46px;
	font-size:125%;
	list-style-type:none;
	background: url(../image/menu1.gif) left top no-repeat;
}

.menu li.menu1{	background: url(../image/menu1.gif) left bottom no-repeat;}
.menu li.menu2{	background: url(../image/menu2.gif) left bottom no-repeat;}
.menu li.menu3{ background: url(../image/menu3.gif) left bottom no-repeat;}
.menu li.menu4{ background: url(../image/menu4.gif) left bottom no-repeat;}
.menu li.menu5{ background: url(../image/menu5.gif) left bottom no-repeat;}
.menu li.menu6{ background: url(../image/menu6.gif) left bottom no-repeat;}
.menu li.menu7{ background: url(../image/menu7.gif) left bottom no-repeat;}
.menu li.menu8{ background: url(../image/menu8.gif) left bottom no-repeat;}
.menu li.menu9{ background: url(../image/menu9.gif) left bottom no-repeat;}
.menu li.menu10{ background: url(../image/menu10.gif) left bottom no-repeat;}
.menu li.menu11{ background: url(../image/menu11.gif) left bottom no-repeat;}
.menu li.nidan{
	padding:8px 0px 10px 46px;
	font-size:100%;
	line-height:110%;
	list-style-type:none;
}



li.lv2{
	margin:5px 0 0px 0;
	padding:5px 0px 0px 33px;
	font-size:100%;
	background: url(../image/menu2.gif) left bottom no-repeat;
}


.content{
	text-align:left;
	max-width:660px;
	width: 75%;
	margin:15px 0 15px 0;
	background-color:#FFFFFF;
}
.content2{
	text-align:left;
	max-width:660px;
	width: 100%;
	background-color:#FFFFFF;
}

.maintop{
	margin-left:5px;
}

#footer_full{
	width: 100%;
	background:url(../image/header_bg.gif) center top;
	padding:10px 0 12px 0;
}
#footer_full2{
	width: 100%;
	background:url(../image/header_bg_.gif) center top;
	padding:10px 0 12px 0;
}

#footer_upper_full{
	width:100%;
	padding:12px 0 0 0;
	text-align:center;
}

#footer_upper{
	max-width:875px;
	width: 100%;
	margin:0 auto;
}
#footer_upper .flex{
	align-items: flex-end;
}
.addless{
	width:80%;
}
#footeraddr{
	line-height:200%;
	letter-spacing:1px;
	color:#FF7E7E;
	float:left;
	text-align:left;

	font-size:80%;
	font-weight:bold;
	padding:30px 0 8px 0;
	margin-bottom:0px;
}

#fa_under{
	line-height:100%;
}
.pagetop_box{
	width: 20%;
}
#pagetop{

	text-align:right;
	margin-bottom:0px;
}

.copyright{
	font-size:80%;
}

.oshirase{
	background: url(../image/oshirase_waku.gif) left bottom no-repeat;
	margin-bottom:20px;
	background-size:
	cover;
	max-width: 98%;
}

.oshirase ul{
	margin:0 0 12px 0;
	padding:8px 20px 10px 40px;
	font-size:90%;
}
.oshirase .bigb{
	font-size:100%;
	font-weight:bold;
}
.oshirase li{
	line-height:125%;
	margin:3px 0 4px 0;
}

.oshirase_index{
	margin-top:5px;
	font-weight:bold;
	width:450px;
	float:left;
}

#timetbl{
	max-width:650px;
	width: 100%;
	margin:0 0 20px 0px;
	text-align:center;
	border:1px solid #ff7474;
	background-color:#FFF7D9;
}

#timetbl td{
	border:1px dotted #ff7474;
}

#timetbl .tp{
	width:58px;
}

#timetbl .cmnt{
	font-size:90%;
	line-height:150%;
	text-align:left;
	padding:5px 0 5px 15px;
}

#timetbl .maru{
	font-weight:bold;
	color:#93B00A;
}
.chushatbl_01{
	max-width:620px;
	width: 100%;
	font-size:90%;
	margin:0 0 40px 0px;
	text-align:center;
	border:1px solid #ff7474;
	background-color:#FFF7D9;
}

.chushatbl_01 td{
	width: 50%;
	line-height:125%;
	text-align:left;
	border:1px dotted #ff7474;
	padding:3px;
}
.chushatbl_01 th{
	width: 50%;
	line-height:125%;
	text-align:left;
	background-color:#FFD6D4;
	border:1px dotted #ff7474;
	padding:5px;

}
.chushatbl_02{
	max-width:620px;
	width: 100%;
	font-size:90%;
	margin:0 0 40px 0px;
	text-align:center;
	border:1px solid #ff7474;
	background-color:#FFF7D9;
}

.chushatbl_02 td{

	line-height:125%;
	text-align:left;
	border:1px dotted #ff7474;
	padding:3px;
}
.chushatbl_02 th{
	line-height:125%;
	text-align:left;
	background-color:#FFD6D4;
	border:1px dotted #ff7474;
	padding:5px;
}

.linktbl{
	max-width:620px;
	width: 100%;
	font-size:90%;
	margin:0 0 40px 0px;
	text-align:center;
	border:1px solid #ff7474;
	background-color:#FFF7D9;
}

.linktbl td{
	width: 50%;
	line-height:125%;
	text-align:left;
	border:1px dotted #ff7474;
	padding:6px;
}


.caution{
	color:#ff0000;
}


.text1{
	padding-left:12px;
	margin-bottom:20px;
}
.text120{
	font-size:120%;
}
.text90{
	font-size:90%;
}
.text80{
	font-size:80%;
}
.text70{
	font-size:70%;
}

.indent15{
	padding-left:15px;
	padding-right:10px;
}
.indent10{
	padding-left:10px;
	padding-right:10px;
}
.mb20{
	margin-bottom:20px;
}
.mb40{
	margin-bottom:40px;
}

#back_vac{
	padding:15px 50px 0 0;
	text-align:center;

}

.pagetop a { text-decoration: underline; color:#660000;}
.pagetop a:link{	color: #660000; }
.pagetop a:visited{	color: #660000; }
a:hover { text-decoration: underline;  color: #FF9933;}

/**/
.flex{
	display: flex;
}

.oshirase_link_box{
	overflow: auto;
	width: 100%;
	height: 180px;


}
.map{
	width: 100%;
}
.oshirase .oshirase_ttl{
	/*
	width: 655px;
	height: 46px;*/
	width: 100%;

}



/*sp用css*/

.menu_sp{
	width: 100%;
	margin: 0;
	padding:0;
	text-align:left;
}

.menu_sp ul{
	width:100%;
	margin:0;
	padding:0;
	display: flex;
	flex-wrap: wrap;
}

.menu_sp li{
	/*box-sizing:border-box;*/
	margin:0;
	padding:8px 0 10px 38px;
	font-size:75%;
	list-style-type:none;
	width:33%;
	height:40px;
	overflow:hidden;
	float:left;
	border:1px solid #ddd;
	border-right:none;
	border-top:none;
	background-repeat:no-repeat;
	background-position:2px 0;
}



.menu_sp li.menu1{	background-image: url(../image/menu1.gif); font-size:65%}
.menu_sp li.menu2{	background-image: url(../image/menu2.gif);}
.menu_sp li.menu3{ background-image: url(../image/menu3.gif);}
.menu_sp li.menu4{ background-image: url(../image/menu4.gif);}
.menu_sp li.menu5{ background-image: url(../image/menu5.gif);}
.menu_sp li.menu6{ background-image: url(../image/menu6.gif);}
.menu_sp li.menu7{ background-image: url(../image/menu7.gif); font-size:65%}
.menu_sp li.menu8{ background-image: url(../image/menu8.gif);}
.menu_sp li.menu9{ background-image: url(../image/menu9.gif);}
.menu_sp li.menu10{ background-image: url(../image/menu10.gif); width:99%; /*width:calc(33% + 1px);border-right:1px solid #ddd*/}
.menu_sp li.menu11{ background-image: url(../image/menu11.gif);}
.menu_sp li.nidan{
	padding:8px 0px 10px 46px;
	font-size:100%;
	line-height:110%;
	list-style-type:none;
}

/*map.html*/
.google_map{
	width: 100%;
}


@media(max-width:601px){
	/*------共通---------*/
	.flex_wrap_reverse{
		flex-wrap: wrap-reverse;
	}
	.flex{
		flex-wrap: wrap;
	}
	h2 {
		background: url(../image/sp_h2_bg.jpg) left top repeat-x;
		font-size: 150%;
		color: #ff7474;
		padding-top: 13px;
		padding-left: 5px;
		margin: 0 0 20px 0;
		letter-spacing: 2px;
		line-height: 120%;
		text-align: center;
	}
	h3 {
		background: url(../image/sp_h3_bg2.gif) left top;
		font-size: 115%;
		line-height: 150%;
		color: #664433;
		padding: 5px 0 5px 15px;
		margin-bottom: 5px;
		letter-spacing: 3px;
	}
	.text80{
		font-size: unset;
	}
	.indent15{
		font-size: 90%;
	}

	/*top*/
	.wrapper{
		width: 100%;
	}
	/*メニュー*/
	.mencon{
		padding: 0;
	}
	/*お知らせ*/
	.menu_sp{
		width: 100%;
	}
	.content{
		width: 100%;
		margin: 0 auto;

	}
	.oshirase{
		background: none;
	}
	.oshirase .oshirase_ttl{
		width: auto;
		height: 11vw;
		object-fit: cover;
		object-position: 4% 100%;
	}
	/*table*/
	#timetbl{
		width: 95%;
		margin: 0 auto 20px;
	}
	#timetbl .tp {
		width: 11%;
	}
	/*map*/
	.map{
		width: 95% ;
		margin: 0 auto;
	}
	/*footer*/
	#footer_upper{
		width: 95%;
	}
	.addless{
		width: 70%;
	}
	.pagetop_box{
		width: 30%;
	}
	/*link.html*/
	.linktbl{
		font-size: 70%;
	}




}