<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";


/*------------------------------------------------------

	common css

------------------------------------------------------*/
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
html { width: 100%; overflow: scroll; font-size: 10px; }
/*body { font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", " 游ゴシック Medium", 游ゴシック体, "Yu Gothic Medium", YuGothic,メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; color: #333; line-height: 1.5; background-color: #fff; overflow: hidden;}*/
body { font-family: 'Noto Serif JP', serif; font-weight: 400; color: #050505; font-size: 1.4rem; line-height: 1.5; /*background-color: #fff; overflow: hidden;*/ }
body p { line-height: 2; }
.container { width: 100%; margin-left: auto; margin-right: auto; position: relative; }
ul { list-style: none; }
ol { list-style: decimal; }
img { vertical-align: bottom; width: auto; max-width: 100%; height: auto; }
/*a:link { color: #000; text-decoration: none; }
a:visited { color: #000; }*/
a { color: #050505; }
a.fade:hover { text-decoration: none; background-color: #fff; color: #333; }

.pc { display:block; }
.sp { display:none; }

.colWrap { display: flex; display: -webkit-flex; flex-direction: row; -webkit-flex-direction: row; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: space-between; -webkit-justify-content: space-between; align-items: stretch; -webkit-align-items: stretch; align-content: stretch; -webkit-align-content: stretch; }

main { display: block; margin-bottom: 50px; }

.font-sans { font-family: 'Noto Sans JP', sans-serif; }

@media (min-width: 768px) {
	body{ min-width: 1080px; }
	.container { max-width: 1080px; }
	.container.w900 { max-width: 900px; }
	.container.w720 { max-width: 720px; }

	a { -webkit-transition: all 400ms cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 400ms cubic-bezier(0.165, 0.84, 0.44, 1); }
	a:hover { text-decoration: underline; opacity: 0.8; }
	/*a img:hover { opacity: 0.8; }*/
}

@media screen and (min-width:768px) and ( max-width:1080px) {
    .container { width: -webkit-calc(100% - 40px); width: calc(100% - 40px);}
}

@media (max-width: 767px) {
	.container { margin-left: 20px; margin-right: 20px; width: auto; }
	.pc { display: none; }
	.sp { display: block; }

}



/*------------------------------------------------------

    pageTop

------------------------------------------------------*/
#page-top { position:fixed; bottom:20px; right:20px; z-index:999; }
#page-top a { width: 48px; display: block; transition: 0.4s; }

@media (min-width: 768px) {

}

@media (max-width: 767px) {

}


/*------------------------------------------------------

    linklist

------------------------------------------------------*/
.linklist { margin: 0 auto; }
.linklist li { width: 240px; }
.linklist li a { text-decoration: none; font-weight: 300; display: block; background: #fffbf5; padding: 14px 0 14px 40px; width: 100%; border-top: 1px solid #c9b28a; border-bottom: 1px solid #c9b28a; position: relative; }
.linklist li a:before { content: ''; background: url(../images/icon_arrow.png) no-repeat; background-size: 100%; position: absolute; top: 50%; left: 17px; width: 18px; height: 11px; margin-top: -5px; }


@media (min-width: 768px) {
	.linklist { padding: 40px 0; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
	.linklist.x2 { max-width: 540px; }
	.linklist.x3 { max-width: 840px; }
	.linklist li { font-size: 1.8rem; }

}

@media (max-width: 767px) {
	.linklist { padding: 32px 0; }
	.linklist li { font-size: 1.8rem; margin-left: auto; margin-right: auto; }
	.linklist li:not(:last-child) { margin-bottom: 20px; }

}


/*------------------------------------------------------

    header

------------------------------------------------------*/
header { background: #000; position: relative; position: relative; }
.mainVisual { color: #fff; position: relative; }
.keyVisual { position: relative; }
.mainRead { text-align: center; position: relative; }
.mainRead h1 { letter-spacing: 0.15em; }
header nav { margin: 0 auto; padding-bottom: 10px; max-width: 900px; position: relative; }
header nav a { display: block; }
header nav p { color: #fff; line-height: 1; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 10px 25px 10px 40px; }
header nav p .ring_icon { font-size: 1.4rem; width: 43px; height: 43px; line-height: 43px; text-align: center; border: 1px solid #fff; border-radius: 50%; }
header nav p .mt_name { font-size: 2.4rem; letter-spacing: 0.15em; }
header nav p .elevation { font-size: 1.0rem; line-height: 1.3; letter-spacing: 0.05em; font-style: italic; }
header nav .img { max-width: 275px; }

/* headInfo */
.headInfo { background-color: #fff; height: 50px; position: relative; font-family:"游ゴシック Medium", 游ゴシック体, "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; color: #707070; font-weight: bold; border-bottom: 1px solid #CCCCCC;}
.headInfo .l_col-2 { -webkit-justify-content: space-between; justify-content: space-between; align-items: center;}
.headInfo .l_col-2 div { display: inline-block; width: auto; vertical-align: middle; }
.headInfo .l_col-2 div p { line-height: 1; }
.headInfo .l_col-2 .headLogo { background-image: url(../images/headLogo.png); background-size: contain; background-repeat: no-repeat; text-indent: 100%; overflow: hidden; white-space: nowrap;  display: inline-block; }

.headInfo .l_col-2 .caption { line-height: 100%; }

.headInfo .l_col-2 .turuokaTopBtn { border: 1px solid #707070; padding: 3.5px 7px;  box-sizing: border-box; text-align: right; display: block; text-decoration: none;}

.headInfo .arrow.arrow1::before{ border-top: 2px solid #707070;
border-right: 2px solid #707070; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.headInfo .arrow{ position: relative;  }
.headInfo .arrow::before,
.headInfo .arrow::after{ position: absolute; top: 0; bottom: 0; left: 0; margin: auto; content: ""; vertical-align: middle; }

.headInfo a:hover { opacity: 0.8; }


@media (min-width: 768px) {
	.mainVisual { background: url(../images/mainVisual.jpg) no-repeat; background-size: cover; background-position: center; margin-bottom: 40px;}
	.mainVisual::after { content: ''; position: absolute; bottom: 0; background: #000; width: 100%; height: 170px; z-index: 0; }
	.mainRead { margin-bottom: 350px; padding-top: 155px; }
	.mainRead::before { content: ''; background: url(../images/icon_hishi.png) no-repeat; background-size: 100%; position: absolute; top: 55px; left: 0; right: 0; margin: 0 auto; width: 55px; height: 55px; }
	.mainRead h1 { font-size: 3.4rem; margin-bottom: 50px; }
	.mainRead p { line-height: 2.3; }
	.keyVisual::before { content: ''; background: url(../images/keyVisual_L.jpg) no-repeat; background-size: 100%; background-position: center; position: absolute; top: 0; left: 0; width: calc(100% - 358px); height: 480px; }
	.keyVisual::after { content: ''; position: absolute; top: 0; left: 20px; background: url(../images/logo.png) no-repeat #fff; background-position: center; background-size: 68px; width: 90px; height: 186px; }
	.keyVisual .img { max-width: 358px; margin-left: auto; }
	header nav { z-index: 1; }
	
	/* headInfo */
	.headInfo .l_col-2 {  height: 100%; }
	.headInfo .l_col-2 .turuokaTopBtn { margin-right: 20px; }
	.headInfo .l_col-2 div p { margin-left: 20px;}
	.headInfo .l_col-2 .headLogo { width: 193px; height: 24px; }
	.headInfo .l_col-2 .caption { display: inline-block; }
	.headInfo .l_col-2 div { display: inline-block; }
	.headInfo .l_col-2 div p { display: inline-block; display: flex; align-items: center; }
	.headInfo .l_col-2 .caption { font-size: 1.2rem; margin-left: 10px; }
	.headInfo .l_col-2 .turuokaTopBtn {  font-size: 1.3rem; box-sizing: border-box; min-width: 160px; padding: 4.5px 7px; height: 30px; }
	.headInfo .arrow.arrow1::before{ left: 6px; width: 8px; height: 8px;  }
}

@media (max-width: 767px) {
	.mainVisual { margin-bottom: 40px; }
	.mainRead { padding-top: 104px; padding-bottom: 260px; padding: 104px 20px 260px; margin: 0; background: url(../images/mainVisual_sp.jpg) no-repeat; background-size: cover; background-position: center; }
	.mainRead::before { content: ''; background: url(../images/icon_hishi.png) no-repeat; background-size: 100%; position: absolute; top: 35px; left: 0; right: 0; margin: 0 auto; width: 44px; height: 44px; }
	.mainRead h1 { font-size: 2.4rem; letter-spacing: 0.15em; margin-bottom: 35px; }
	.mainRead p { line-height: 2.3; }
	.keyVisual::before { content: ''; position: absolute; top: 0; right: 20px; background: url(../images/logo.png) no-repeat #fff; background-position: center; background-size: 38px; width: 50px; height: 103px; }
	.keyVisual .img:first-of-type img { width: 100%; }
	.keyVisual .img:last-of-type { background: url(../images/bg_triangle_light.png) #e3d8c6 center; background-size: 190px; text-align: center; }
	.keyVisual .img:last-of-type img { max-width: 375px; width: 100%; }
	header nav { background: #000; width: 100%; margin: 0; padding-top: 20px; }
	header nav ul { display: block; max-width: 275px; margin: 0 auto; }
	header nav ul li { margin-bottom: 10px; }

	.headInfo { height: auto; padding: 10px;}
	.headInfo .l_col-2 &gt; div { margin-bottom: 0px; }
	.headInfo .l_col-2 .headLogo { width: 150px; height: 24px; display: block; }
	.headInfo .l_col-2 .caption { display: block; }
	.headInfo .l_col-2 div { display: block; }
	.headInfo .l_col-2 .caption { font-size: 1.0rem; margin-left: 0px; }
	.headInfo .l_col-2 .turuokaTopBtn {  font-size: 1.0rem; box-sizing: border-box; min-width: 125px;  padding: 9px 5px 8px 7px;  height: 35px;}
	.headInfo .arrow.arrow1::before{ left: 6px; width: 6px; height: 6px;  }
}


/*------------------------------------------------------

    ushidoshi

------------------------------------------------------*/
#ushidoshi { background: #f3eadb; position: relative; }
#ushidoshi &gt; div { background: #dccfb9; }
#ushidoshi &gt; div::after { content: ''; }
#ushidoshi h2 { font-weight: 400; letter-spacing: 0.025em; }

@media (min-width: 768px) {
	#ushidoshi { margin-bottom: 64px; }
	#ushidoshi h2 { font-size: 2.4rem; text-align: center; padding: 50px 0; line-height: 1.8; }
	#ushidoshi &gt; div { height: 385px; padding-bottom: 57px; }
	#ushidoshi &gt; div::before { content: ''; position: absolute; background: url(../images/ph_ushidoshi.jpg) no-repeat right center; background-size: cover; height: 385px; width: 50%; top: 0; right: 0; }
	#ushidoshi &gt; div .container { padding-right: 560px; padding-left: 20px; max-width: 1030px; }
}

@media (max-width: 767px) {
	#ushidoshi { margin-bottom: 32px; }
	#ushidoshi h2 { font-size: 2.4rem; text-align: center; margin-bottom: 43px; }
	#ushidoshi &gt; div .container { padding: 50px 0; }
}


/*------------------------------------------------------

    kannushi

------------------------------------------------------*/
#kannushi { background: url(../images/bg_kannushi.png) no-repeat #fffbf5; }
#kannushi h3 { font-weight: 300;}
#kannushi .inner .img { width: 100%; max-width: 270px; }
#kannushi .inner div:not(.img) { position: relative; }
#kannushi .from { font-size: 1.2rem; }

@media (min-width: 768px) {
	#kannushi { padding: 42px 85px 48px; margin-bottom: 40px; background-position: right -10px top 30px; background-size: 188px; border: 5px solid #dccfb9; }
	#kannushi .inner { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
	#kannushi h3 { font-size: 2.4rem; text-align: center; margin-bottom: 42px; }
	#kannushi .inner div:not(.img) { width: calc( (100% - 270px) - 100px ); }
	#kannushi .from { position: absolute; bottom: 15px; right: 0; }
}

@media (max-width: 767px) {
	#kannushi { margin-bottom: 40px; padding: 35px 20px 27px; background-position: right top 10px; background-size: 128px; border: 3px solid #dccfb9; }
	#kannushi h3 { font-size: 1.8rem; text-align: center; margin-bottom: 25px; }
	#kannushi .inner div:not(.img) { margin-bottom: 18px; }
	#kannushi .inner .img { max-width: 200px; margin: 0 auto 7px; }
	#kannushi .from { text-align: center; }
}


/*------------------------------------------------------

    ishidanBnr

------------------------------------------------------*/
.ishidanBnr li { margin: 0 auto; }
.ishidanBnr li img { width: 100%; }


@media (min-width: 768px) {
	.ishidanBnr { margin-bottom: 40px; }
	.ishidanBnr li { max-width: 720px; }

}

@media (max-width: 767px) {
	.ishidanBnr { margin-bottom: 40px; }
	.ishidanBnr li { max-width: 300px; }

}


/*------------------------------------------------------

    spot

------------------------------------------------------*/
.spotWrap { background: url(../images/bg_triangle_dark.png) #f8f1e7 top center; }
.spotWrap .spotHead { position: relative; }
.spotWrap .spotHead h2 { letter-spacing: 0.2em; font-weight: 500; }
.spotWrap .spotHead .catchcopy { text-align: center; }
.spotWrap .spotHead .catchcopy span { position: relative; }
.spotWrap .spotHead .catchcopy span::before { content: ''; position: absolute; top: 50%; background: url(../images/icon_heading_L.png) no-repeat; background-size: 100%; }
.spotWrap .spotHead .catchcopy span::after { content: ''; position: absolute; top: 50%; background: url(../images/icon_heading_R.png) no-repeat; background-size: 100%; }
.spotWrap .titleInner {}
.spotWrap .spotImg div {}
.spotWrap .spotImg img { width: 100%; }
.spotWrap .spotBottom { background: #f3eadb; }
.spotWrap .linklist { }
.spotWrap .accessWrap { background: #fff; }
.spotWrap .accessWrap h3 { max-width: 132px; }
.spotWrap .accessWrap p { font-family: 'Noto Sans JP', sans-serif; font-size: 1.2rem; letter-spacing: 0.01em; }
.spotWrap .accessWrap .map { max-width: 295px; height: 225px; }


@media (min-width: 768px) {
	.spotWrap { background-size: 290px; margin-bottom: 80px; }
	.spotWrap .spotHead .catchcopy { font-size: 2.4rem; margin-bottom: 33px; }
	.spotWrap .spotHead h2 { font-size: 4.0rem; text-align: center; margin-bottom: 37px; }
	.spotWrap .spotHead .catchcopy span::before { left: -60px; width: 28px; height: 53px; margin-top: -26px; }
	.spotWrap .spotHead .catchcopy span::after { right: -60px; width: 28px; height: 53px; margin-top: -26px; }
	.spotWrap .titleInner { background: #f8f1e7; padding: 64px 90px; }
	.spotWrap .spotImg div { width: calc( 100% / 2 ); }
	.spotWrap .spotBottom { padding-bottom: 40px; }
	.spotWrap .accessWrap { padding: 30px 30px 30px 45px; border: 5px solid #dccfb9; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
	.spotWrap .accessWrap &gt; div:not(.map) { width: calc( (100% - 298px) - 50px ); padding-top: 10px; }
	.spotWrap .accessWrap h3 { margin-bottom: 15px; }
	
}

@media (max-width: 767px) {
	.spotWrap { background-size: 230px; margin-bottom: 60px; }
	.spotWrap .spotHead::before { content: ''; position: absolute; top: 0; left: 0; background: #f8f1e7; width: calc(100% - 29.334%); height: 100%; }
	.spotWrap .spotHead .catchcopy { font-size: 1.8rem; }
	.spotWrap .spotHead h2 { font-size: 3.4rem; text-align: center; margin-bottom: 30px; }
	.spotWrap .spotHead .catchcopy span { display: inline-block; }
	.spotWrap .spotHead .catchcopy span::before { left: -35px; width: 19px; height: 35px; margin-top: -18px; }
	.spotWrap .spotHead .catchcopy span::after { right: -35px; width: 19px; height: 35px; margin-top: -18px; }
	.spotWrap .titleInner { padding: 40px 0; }
	.spotWrap .spotBottom { padding-bottom: 32px; }
	.spotWrap .accessWrap { padding: 20px; border: 3px solid #dccfb9; }
	.spotWrap .accessWrap h3 { margin-bottom: 14px; }
	.spotWrap .accessWrap p { margin-bottom: 14px; }
	.spotWrap .accessWrap .map { margin: 0 auto; }

}


/*------------------------------------------------------

    heritage

------------------------------------------------------*/
#heritage { max-width: 1020px; background: linear-gradient(to bottom, #fff 25%, #f3eadb); position: relative; }
#heritage .catchcopy { font-family: 'Noto Sans JP', sans-serif; text-align: center; letter-spacing: 0.2em; margin-bottom: 17px; }
#heritage .catchcopy span { display: inline-block; border-bottom: 1px solid #dccfb9; padding-bottom: 5px; }
#heritage h2 { font-weight: 300; margin: 0 auto; letter-spacing: 0.05em; text-align: center; }
#heritage .shizuoka_heritage li { width: 100%; }
#heritage .shizuoka_heritage li h3 { font-weight: 300; }
#heritage .shizuoka_heritage li h3 span { color: #e8340c; margin-right: 10px; }
#heritage .shizuoka_heritage li &gt; div { margin-bottom: 10px; }
#heritage .shizuoka_heritage li p { font-size: 1.2rem; font-weight: 300; }
#heritage dl {}
#heritage dl dt {}
#heritage dl dd {}
#heritage dl a { text-decoration: none; }



@media (min-width: 768px) {
	#heritage { padding: 40px 60px; border: 4px solid #f3eadb; }
	#heritage::before { content: ''; background: url(../images/logo.png) no-repeat; background-size: 100%; position: absolute; top: 100px; left: 115px; width: 68px; height: 165px; }
	#heritage h2 { font-size: 2.6rem; margin-bottom: 37px; }
	#heritage .titleWrap p { padding-left: 180px; padding-right: 90px; margin-bottom: 49px; }
	#heritage .shizuoka_heritage { margin-bottom: 55px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
	#heritage .shizuoka_heritage li { max-width: 270px; }
	#heritage .shizuoka_heritage li h3 { font-size: 2.0rem; }
	#heritage .shizuoka_heritage li h3 span { font-size: 3.6rem; }
	#heritage dl { max-width: 540px; margin: 0 auto; margin-bottom: 10px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
	#heritage dl dt { width: 185px; text-align: left; border-right: 1px solid #e8340c; padding: 5px 0 5px 40px; }
	#heritage dl dd { width: calc( 100% - 185px); text-align: left; padding: 5px 0 5px 25px; }
	#heritage dl a:hover { text-decoration: underline; }


}

@media (max-width: 767px) {
	#heritage { padding: 24px 20px 30px; border: 2px solid #f3eadb; margin-bottom: 30px; }
	#heritage .catchcopy { font-size: 1.2rem; }
	#heritage h2 { font-size: 2.4rem; margin-bottom: 23px; }
	#heritage .titleWrap p { position: relative; background-size: 50px; padding-bottom: 20px; font-size: 1.2rem; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
	#heritage .titleWrap p::before { content: ''; background: url(../images/logo.png) no-repeat; background-size: 50px; width: 100%; max-width: 75px; min-width: 75px; height: 122px; display: block; }
	#heritage .shizuoka_heritage { margin-bottom: 40px; }
	#heritage .shizuoka_heritage li { max-width: 295px; margin-left: auto; margin-right: auto; }
	#heritage .shizuoka_heritage li:not(:last-child) { margin-bottom: 16px; }
	#heritage .shizuoka_heritage li h3 { font-size: 2.0rem; }
	#heritage .shizuoka_heritage li h3 span { font-size: 3.4rem; }
	#heritage dl { font-size: 1.2rem; text-align: center; }
	#heritage dl:not(:last-child) { margin-bottom: 16px; }
	#heritage dl dt { position: relative; margin: 0 auto 10px; padding-bottom: 7px; }
	#heritage dl dt::before { content: ''; position: absolute; bottom: 0; left: 0; right: 0; background: #e8340c; height: 1px; width: 50px; margin: 0 auto; }
	#heritage dl dd { margin: 0 auto; }

}


/*------------------------------------------------------

    footer

------------------------------------------------------*/
footer { text-align: center; font-family: 'Noto Sans JP', sans-serif; padding-bottom: 8px; }
footer .img { margin: 0 auto 15px auto; }


@media (min-width: 768px) {
	footer { font-size: 1.2rem; }
	footer .img { max-width: 242px; }

}

@media (max-width: 767px) {
	footer { font-size: 1.0rem; }
	footer .img { max-width: 162px; }

}
</pre></body></html>