@charset "utf-8";

/*//////////// 基本サイズ14px  ////////////
表示サイズ　指定する値
10px　72%
11px　79%
12px　86%
13px　93%
14px　100%
15px　108%
16px　115%
17px　122%
18px　129%
19px　136%
20px　143%
21px　150%
22px　158%
23px　165%
24px　172%
25px　179%
26px　186%
27px　193%
28px　200%
29px　208%
30px　215%
31px　222%
32px　229%
33px　236%
34px　243%
35px　250%
36px　258%
//////////////////////////////*/

/*************************************************
		TOPページ index専用
*************************************************/
/*openingの背景画像等-----------------------*/
.btn-scroll{position:absolute;bottom:140px;right:0;left:0;margin:0 auto;background:url("../img/opening_pagedown.png");width:75px;height:75px;text-indent: -9999px; overflow: hidden;z-index:100;
			-webkit-animation:blink 1.0s ease-in-out infinite alternate;-moz-animation:blink 1.0s ease-in-out infinite alternate;animation:blink 1.0s ease-in-out infinite alternate;}
/*点滅させる*/
@-webkit-keyframes blink{
	0%{opacity:0;}
100%{opacity:0.7;}
}
@-moz-keyframes blink{
	0%{opacity:0;}
100%{opacity:0.7;}
}
@keyframes blink{
	0%{opacity:0;}
100%{opacity:0.7;}
}


h2.opening-title{position:relative;top:30%;width:100%;height:170px;background:url(../img/opening_title.png) no-repeat center 0;text-indent:-8989px;display:block;overflow:hidden;}


.opening-footer{position:absolute;bottom:0;width: 100%;height:300px;background:url(../img/opening_footer.png) no-repeat center top;background-size: 100% 300px;}/*background-size:cover;-webkit-background-size:cover;*/
@media screen and (max-width: 1500px) {
.opening-footer{background-size:cover;-webkit-background-size:cover;}
}
h1.opening-rogo a{margin:200px auto 0 auto;width:201px;height:67px;background:url(../img/rogo.png) no-repeat 0 0;text-indent:-8989px;display:block;overflow:hidden;}





/* ==================== やすらぎとふれあいのなかで ==================== */
.mark{text-align:center;}
.shoukai-title{font-size:243%;color:#66461f;text-align:center;line-height:1.4;letter-spacing:0.25em;margin-top:10px;}
.shoukai-warabi{font-size:143%;color:#669600;text-align:center;line-height:58px;height:58px;letter-spacing: 0.03em;margin-top: 20px;}
.shoukai-warabi img{margin-left: 20px;margin-top: -8px;}
.shoukai-com{margin-top:25px;text-align:center;line-height: 2.0;}
.shoukai-com span{display:block;}
.shoukai-img{margin-top:20px;text-align:center;}




/* ==================== サンシルバーさわらび ==================== */
.index-shisetu-title-box{text-align:center;}
.index-shisetu-title-box span.shisetu-category{display: inline-block;font-size: 108%;color: #fff;background-color: #68461f;border-radius: 5px;line-height: 1.2;padding: 4px 15px 2px 15px;margin-right: 15px;letter-spacing:0;vertical-align: middle;}
.index-shisetu-title-box span.shisetu-name {display: inline-block;font-size: 286%;color: #66461f;line-height: 1.2;letter-spacing:0;vertical-align: middle;}

/*詳しくはこちら*/
.btn-kuwashiku{margin:25px auto 0 auto;width:252px;height:36px;}
.btn-kuwashiku a{background:url(../img/btn_kuwashiku.png) no-repeat 0 0;height:36px;text-indent:-8989px;display:block;overflow:hidden;webkit-transition: 0s;-moz-transition:0s;-o-transition:0s;-ms-transition:0s;transition:0s;}
.btn-kuwashiku a:hover{background-position:0 -36px;}





/* ==================== お知らせ窓 ==================== */
#index-news-waku{margin-top:30px;}
#index-news-waku dl{width:100%;padding:13px 0 12px 0;clear:both;}

#index-news-waku a{color:#000;-webkit-transition: 0.5s ease-in-out;-moz-transition: 0.5s ease-in-out;-o-transition: 0.5s ease-in-out;transition: 0.5s ease-in-out;background-color:#fff;display: block;}
#index-news-waku a:nth-child(2n){background-color:#f2f1ea;}

#index-news-waku a dl dt .date {float:left;font-size: 86%;padding: 0 0 0 45px;}
#index-news-waku a dl dd .title{padding: 0 5px 0 205px;font-size: 100%;line-height: 1.4;background: url(../img/arrow13-13.png) no-repeat 180px 5px;text-decoration: underline;}

#index-news-waku a:hover {background-color:#f4efce;}
#index-news-waku a:hover dl dd .title {color:#934817;}


/*
			<a href="cgi-bin/disp.cgi?no=1&amp;mode=one&amp;code=###code###" title="###item2###">
				<dl class="cf">
					<dt class="date">［###item7###.###item8###.###item9###］</dt>
					<dd><div class="title">###item2###<!--###mark###--></div></dd>
				</dl>
			</a>
*/