@charset "utf-8";

#top_bg{
	background-color: #C9A680;
	}
	

/*///////////////////
ヘッダ 
/////////////////////////////////////////////////////*/

div.head_wrap{
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	width:100%;
	height:765px;
	background-image:url(../images/top/top_mainbg.gif);
	background-position:center;
	background-size: cover;
	}

div#header{
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	width:960px;
	height:765px;
	position:relative;
	}

div#header h1{
	margin:0px 0px 0px 0px;
	padding:20px 0px 0px 0px;
	}

/*gifanime---------------------*/
div.gif_papa{
	position:absolute;
	left: 103px;
	top: 262px;
	}
div.gif_mama{
	position:absolute;
	left: 199px;
	top: 384px;
	}
div.gif_kid{
	position:absolute;
	left: 456px;
	top: 360px;
	}
div.gif_ahiru{
	position:absolute;
	left: 691px;
	top: 288px;
	}
div.gif_tori{
	position:absolute;
	left: 636px;
	top: 10px;
	}

/*scroll---------------------*/
div.top_bgwrap{
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	width:100%;
	height:650px;
	background-image:url(../images/top/hauce_bg.gif);
	background-repeat: repeat-x;
	background-position: left  top;
	
	}

div.cloud_bg{
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	width:100%;
	height:650px;
	background-image: url(../images/top/cloud_bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

/*other----------------------*/
div.covid_19{
	position:absolute;
	left: 340px;
	top: 50px;
	}

	
/*///////////////////
gnav
/////////////////////////////////////////////////////*/	
div.gnavi_wrap{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:100%;
	height:52px;
	background-image: url(../images/top/gnav_back.gif);
	}
	
div#gnavi{
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	width:900px;
	height:52px;
	}
	
div#gnavi ul{
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	width:900px;
	height:52px;
	clear:both;
	overflow:hidden;
	}
div#gnavi ul:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}

div#gnavi ul li{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	height:52px;
	float:left;
	}

/*///////////////////
コンテンツ
/////////////////////////////////////////////////////*/
	
div.motto{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 5px;
	}

/*news*/
div.news{
	margin:0px 0px 0px 0px;
	padding:10px 0px 0px 0px;
	width:100%;
	height:60px;
	background-color:#FFCCCC;
	}
div.news:has(.news_tag){
	padding: 20px 0;
	height: auto;
}
	
div.news dl{
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	width:900px;
	height:25px;
	clear:both;
	overflow:hidden;
	line-height:25px;
	}
div.news dl:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}

div.news dl dt{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:45px;
	height:25px;
	float:left;
	line-height:25px;
	}
div.news dl dd{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:845px;
	height:25px;
	float:right;
	line-height:25px;
	color:#DF1F55;
	}
div.news dl dt:has(.news_tag){
	width: 60px;
}
div.news dl dt .news_tag{
	display: inline-block;
	color: #fff;
	font-weight: bold;
	background: #DF1F55;
	padding: 0 10px;
	border-radius: 20px;
}
div.news dl dd.news_detail{
	font-size: 18px;
	width: 825px;
}

div.news a:link {color: #DF1F55;text-decoration: none;}
div.news a:visited {color: #DF1F55;text-decoration: none;}
div.news a:hover {text-decoration: underline;}
div.news a:active {text-decoration: none;}

/*センターラップ*/
div#center_wrap{
	margin:10px 0px 0px 0px;
	padding:0px 15px 0px 15px;
	}
	
	
/*/////
左エリア
////////////////////////////*/
div#left_area{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	float:left;
	width:500px;
	}
	
div#left_area{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	float:left;
	width:500px;
	}


h2.top_ttl{
	margin:0px 0px 15px 0px;
	padding:0px 0px 0px 0px;
	width:500px;
	height:35px;
	}



/**/
div.treat_box{
	margin:0px 0px 40px 0px;
	padding:0px 0px 0px 0px;
	width:500px;
	}
	

	
p.treat_time{
	margin:0px 0px 5px 30px;
	padding:0px 0px 0px 0px;
	}
	
p.treat_text{
	margin:0px 0px 0px 30px;
	padding:0px 0px 0px 0px;
	font-size: 14px;
	}




/**/
div.news_box{
	margin:0px 0px 40px 0px;
	padding:0px 0px 0px 0px;
	width:500px;
	}

ul.news_list{
	margin:0px 0px 0px 30px;
	padding:0px 0px 0px 0px;
}

ul.news_list li{
	margin:5px 0px 15px 10px;
	padding:0px 0px 5px 15px;
	background-image: url(../images/top/news_circle.jpg);
	background-repeat: no-repeat;
	background-position: left 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #583C32;
}




/**/
div.inq_box{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:500px;
	height:140px;
	}
	
	
/*/////
左エリアここまで
////////////////////////////*/



/*/////
右エリア
////////////////////////////*/
div#right_area{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	float:right;
	width:270px;
	}
	

h2.top_ttl2{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:270px;
	height:35px;
	}



/**/
div.map_box{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	}
	

p.map{
	margin:0px 0px 5px 0px;
	padding:0px 0px 0px 0px;
	}
	
	
/**/
div.bana_box{
	margin:20px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	}
	

ul.bana_list{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

ul.bana_list li{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}


/*/////
右エリアここまで
////////////////////////////*/
	
	

/*///////////////////
フッター
/////////////////////////////////////////////////////*/


div#top_footer{
	width:100%;
	height:210px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background-image: url(../images/top/foot_bg.jpg);
	position: relative;
	}

div#tfooter_in{
	width:900px;
	height:210px;
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	position: relative;
	}


div.tf_det{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:407px;
	position: absolute;
	top: 10px;
	left: 30px;
	}
	
	
ul#f_list li a:link,ul#f_list2 li a:link{
	color: #FFF;
	text-decoration: none;
}
ul#f_list li a:visited ,ul#f_list2 li a:visited {
	color: #FFF;
	text-decoration: none;
}
ul#f_list li a:hover,ul#f_list2 li a:hover{
	color: #FFF;
	text-decoration: underline;
}	
ul#f_list,ul#f_list2{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position: absolute;
	width: 100px;
	top: 10px;
	color: #52372E;
	right: 250px;
	}
	
ul#f_list{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 10px;
	position: absolute;
	width: 140px;
	top: 10px;
	color: #52372E;
	right: 180px;
	font-size: 10px;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #FFF;
	}

ul#f_list2{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 10px;
	position: absolute;
	width: 140px;
	top: 10px;
	color: #52372E;
	right: 0px;
	font-size: 10px;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #FFF;
	}
	
ul#f_list li,ul#f_list2 li{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 10px;
	color: #FFF;
	background-image: url(../images/common/flist_bg.gif);
	background-repeat: no-repeat;
	background-position: left center;
	}
	
div.tf_det address{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	}
	
div.tf_det address a:link{color: #FFF;text-decoration: none;}
div.tf_det address a:visited {color: #FFF;text-decoration: none;}
div.tf_det address a:hover{color: #FFF;text-decoration: underline;}

p#copy{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position: absolute;
	top: 180px;
	right: -2px;
	}
	
	
ul.shere{
	margin:0px;
	padding:0px;
	clear:both;
	color: #fff;
	text-align: right;
	position: absolute;
	top: 151px;
	right:0;
	width:294px;
	/* right:100px;
	width:230px; */
	display: flex;
	}
	
ul.shere:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

ul.shere li{
	float: left;
	width:auto;
	/* width:100px; */
	}

li.twt{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	}

li.fb{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	}
/*.meeting_news {
    position: relative;
}*/
.meeting_news img {
    position: absolute;
    inset: 38rem 0 0 0;
    margin: auto;
}
.top_news_btn img {
    position: absolute;
    inset: 410px auto 0 668px;
    width: 200px;
    height: auto;
    margin: auto;
}


.insta {
    color: #FFF;
    border-radius: 3px;
    position: relative;
    height: 20px;
    width: 90px;
    text-align: center;
    background: -webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
    background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
    overflow: hidden;
    text-decoration: none;
    padding: 0 10px;
}

.insta a{
	display: flex;
	justify-content: center;
	gap: 7px;
}

.insta:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: -webkit-linear-gradient(15deg, #ffdb2c, rgb(249, 118, 76) 25%, rgba(255, 77, 64, 0) 50%) no-repeat;
	background: linear-gradient(15deg, #ffdb2c, rgb(249, 118, 76) 25%, rgba(255, 77, 64, 0) 50%) no-repeat;
  }

.insta img {
    font-size: 35px;
    position: relative;
    top: 4px;
    width: 12px;
    height: 12px;
}
  
.insta span {
	display:inline-block;
	position: relative;
	transition: .5s;
	color: #fff;
	font-size: 14px;
}
  
div.top_news_center {
    position: absolute;
    left: 50%;
    top: 50px;
    transform: translateX(-50%);
}

div.top_news_center a{
	display: inline-block;
}