@charset "utf-8";
@import url("print.css") print;/*印刷の適用(外部ファイル)*/
/* CSS Document */

body {
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}
a {
	text-decoration: none;
}

@media screen and (max-width: 667px) {
#SMP------------------------{}

	a:link,
	a:visited,
	a:hover,
	a:active {
		color:#000;
	}
	/*header*/
	header {
		position:relative;
		width:100%;
		height:40px;
		margin:0 auto 3px;
		background-color:#FFF;
		z-index:998;
	}
	.header__rogo {
		position:absolute;
		top:4px;
		left:2px;
		width:180px;
	}
	.header__language,
	.header__textsize {
		display:none;
	}
	/*header .header__language__spj{
		position:absolute;
		bottom:16px;
		right:110px;
		width:56px;
	}*/
	header .header__language__spe{
		position:absolute;
		bottom:15px;
		right:100px;
		width:90px;
	}
	header .header__language__spo{
		position:absolute;
		bottom: -2px;
		right:100px;
		width:90px;
		font-size: 13px;
	}
	.header__sns {
		position:absolute;
		top:10px;
		right:60px;
		width:24px;
	}
	.header__sns li{
		width:24px;
	}
	header .spmenu{
		position:absolute;
		top:0px;
		right:0px;
		width:45px;
	}
	header img{
		width:100%;
		height:auto;
	}
	/*header*/

	/*nav*/
	nav {
		display:none;
	}
	/*nav*/
	
	.changeArea {
		font-size: 100%!important;
		}
	/*main__slide*/
	#main__slide {
		width:445px;
		height:160px;
		margin:0 auto;
		overflow-x: none;
	}
	#main__slide .bx-wrapper{
		margin-bottom:0px;
		margin-left: calc((445px - 100VW) / -2);
	}
	#main__slide .bx-wrapper img{
		width:445px;
		height:auto;
	}
	.bx-pager {
		left: calc((445px - 100VW) / -4);
	}
	/*main__slide*/
	
	/*mainvisual*/
	#mv {
		width: 100%;
		height: 100px;
		background-size: auto 160px;
		overflow: hidden;
		background-size: cover!important;
	}
	.bx-wrapper .bx-pager.bx-default-pager a {
		width: 6px;
		height: 6px;
	}
	.bx-wrapper .bx-pager {
		bottom: -5px;
	}
	/*mainvisual*/
	
	/*　パン屑リスト　*/
	.pankuzu {
		display:none;
	}
	/*　パン屑リスト　*/
	
	/*alert*/
	#alert {
		width:96%;
		min-height:38px;
		margin: 0px auto 10px;
	}
	#alert .alert__left {
		float:left;
		width: calc(100% - 105px);/*ウィンドウ幅に対して38％の高さを与える演算*/
		margin-top:10px;
		font-size: 12px;
	}
	#alert .alert__right {
		float:right;
		width:100px;
		margin-top:12px;
	}
	
	#alert .btn {
		display:block;
		width:100%;
		height:30px;
		border-radius:14px;
		text-align:center
	}
	#alert .btn a {
		height:30px;
		line-height:30px;;
		font-size: 10px!important;
	}
	/*alert*/
	
	section {
		width:100%;
		margin:0 auto;
		padding:40px 0;
	}
	section h2{
		height:26px;
		margin:0px 0 30px;
		font-size: 18px;
		line-height:1em;
		text-align:center;
		background:url(../image/h2_underline_sp.gif) center top no-repeat;
		letter-spacing: 0.5em;
		padding-left:0.5em;
	}
	section.pre2020 h2{
		letter-spacing: 0.3em;
	}
	
	/*exhibition*/
	section#exhibition {
		width:92%;
		margin:0px auto 0px;
		padding:40px 4% 0;
		background-color:#efefe7;
	}
	section#exhibition .exhibition__main{
		width:100%;
		margin:0px auto 20px;
	}
	section#exhibition .exhibition__main__left {
		width:100%;
		height:auto;
		background-color:#e0e0d8;
		text-align:center;
	}
	section#exhibition .exhibition__main__left a{
		display:block;
		width:100%;
		height:auto;
		text-align:center;
	}
	section#exhibition .exhibition__main__left a img{
		margin:auto;
		width:100%;
		height:auto;
		vertical-align: bottom;
	}
	section#exhibition .exhibition__main__right {
		width:100%;
		margin-top:10px;
	}
	section#exhibition .subtitle {
		display:block;
		margin-bottom:5px;
		color:#74ca73;
		font-size: 14px;
		line-height:1em;
	}
	section#exhibition h3 {
		font-size: 20px;
		line-height:36px;
		margin-bottom:10px;
	}
	section#exhibition .term {
		font-size: 13px;
		line-height:20px;
		color:#333;
		margin-bottom:10px;
	}
	section#exhibition .read {
		font-size: 15px;
		line-height:22px;
		margin-bottom:10px;
	}
	section#exhibition ul.exhibition__link li{
		margin:0px auto 20px;
	}
	section#exhibition ul.exhibition__sub{
		width:100%;
		margin: 10px auto 0px;
		/*padding-top: 30px;
		border-top: 2px #FFF solid;*/
	}
	section#exhibition ul.exhibition__sub li{
		width:100%;
		margin:0px auto 50px;
	}
	section#exhibition ul.exhibition__sub li:first-child{
		margin-right:60px;
	}
	section#exhibition .exhibition__sub__top {
		width:100%;
		margin-bottom: 18px;
		background-color:#e0e0d8;
		text-align:center;
	}
	section#exhibition .exhibition__sub__top img{
		width:50%;
		vertical-align: bottom;
	}
	/*exhibition*/
	
	/*event*/
	section#event {
		margin-bottom:0px;
		padding-bottom:0;
	}
	section#event h3{
		height:30px;
		margin-left:2%;
		margin-bottom:10px;
		padding-left:10px;
		border-left:4px solid #448e43;
		font-size:16px;
		line-height:30px;
		font-weight:bold;
	}
	section#event ul li{
		float:left;
		width:47%;
		height:  calc((100VW * 0.47) + 50px);
		margin-left:2%;
		margin-right:2%;
	}
	section#event ul li:nth-child(2n){
		margin-left:0%;
		margin-right:2%;
	}
	section#event ul li a{
		display:block;
		position:relative;
		width:100%;
		height: calc(100VW * 0.47);
	}
	section#event ul li a span{
		background-size: cover;
		width: 100%;
		height: 100%;
		display: block;
	}
	section#event ul li a .event__tb__bg{
		position:absolute;
		top:0px;
		left:0px;
		z-index:0;
	}
	section#event ul li a .event__tb__black{
		position:absolute;
		top:0px;
		left:0px;
		width:100%;
		height:100%;
		background-color: rgba(0,0,0,0.5);
		z-index:1;
	}
	section#event ul li a .event__tb__read{
		position:absolute;
		top: calc(100VW * 0.48);
		left:0px;
		font-size: 12px;
		/*スマホ限定で3行目以降を省略*/
		overflow: hidden;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
	}
	section#event ul li a .event__tb__subtitle{
		position:absolute;
		top:4px;
		left:4px;
		height:30px;
		z-index:2;
		color:#FFF;
		font-size: 12px;
		line-height: 1.4em;
	}
	section#event ul li a .event__tb__date{
		position:absolute;
		bottom:0px;
		left:4px;
		width: 100%;
		z-index:2;
		color:#FFF;
		font-size:30px;
		font-family: 'Roboto', sans-serif;
	}
	
	.gallery {
		background:url(../image/icon_gallery.png) left top no-repeat;
		padding-left:37px;
	}
	.tea {
		background:url(../image/icon_tea.png) left top no-repeat;
		padding-left:37px;
	}
	.music {
		background:url(../image/icon_music.png) left top no-repeat;
		padding-left:37px;
	}
	
	.event__tb__all {
		width:100%;
		height: calc(100VW * 0.47);
		text-align:center;
	}
	.event__tb__all a{
		box-sizing:border-box;/*ボーダー内側*/
		display:block;
		width:100%;
		height: 100% ;
		padding-top:75px;
		padding-top: calc(50% - 6.5px);
		background-color:#448e43;
		font-size: 13px;
	}
	.event__tb__all a:link,
	.event__tb__all a:visited,
	.event__tb__all a:active{
		color:#FFF;
	}
	section#event img{
		width:100%;
		height:auto;
	}
	/*event*/
	
	
	/*NEWS*/
	section#news {
		width:100%;
		margin:20px auto 0px;
		padding:30px 0% 0px;
		background-color: #f0f0f0;
	}
	section#news .btn{
		width:96%;
		margin:10px auto 20px;
		font-size: 13px;
	}
	section#news dl{
		width:92%;
		margin:0px auto;
		font-size: 13px;
	}
	section#news dl dd{
		margin-bottom:12px;
	}
	section#news dl dd a:hover{
		text-decoration: underline;
	}
	section#news .sqbtn{
		width:100%;
		height:52px;
	}
	
	.sqbtn {
		display:block;
		width:100%;
		height:52px;
		text-align:center;
	}
	.sqbtn a {
		display:block;
		width:100%;
		height:52px;
		color:#FFF;
		line-height:52px;
		text-decoration: none;
		background-color:#cb1b45;
	}
	.sqbtn a:hover {
		background-color:#a6032a;
	}
	.sqbtn a span{
		background:url(../image/reader02.png) left center no-repeat;
		padding-left:20px;
		font-size: 16px;
	}
	/*NEWS*/
	
	
	/*special*/
	section#special {
		width:100%;
		margin:0px auto 40px;
		padding:40px 0 0px;
	}
	section#special ul li{
		float:left;
		width:47%;
		margin-left:2%;
		margin-right:2%;
		text-align:center;
		font-size: 14px;
	}
	section#special ul li:nth-child(1){
		width:96%;
		margin-bottom:20px;
	}
	section#special ul li:nth-child(3){
		margin-left:0%;
	}
	section#special img{
		width:100%;
		height:auto;
	}
	/*special*/
	
	
	/*calendar*/
	section#calendar {
		width:92%;
		margin:0px auto 0px;
		padding:40px 2% 50px;
		background-color:#efefe7;
	}
	section#calendar h2{
		margin-bottom:5px!important;
	}
	section#calendar p{
		text-align:center;
		margin-bottom:25px;
		font-size: 12px;
	}
	section#calendar ul{
		width:300px;
		margin:0 auto;
	}
	section#calendar li{
		position:relative;
		width:300px;
		height:218px;
		margin-bottom: 20px;
		background:url(../image/calendar_base.gif) center top no-repeat;
		background-size:100%;
		font-family: 'Roboto', sans-serif;
	}
	section#calendar li:last-child{
		margin-right:0;
	}
	section#calendar .year{
		position:absolute;
		top:23px;
		left:15px;
		font-size: 18px;
	}
	section#calendar .month{
		position:absolute;
		top:2px;
		right: 195px;
		font-size:40px;
		text-align:right;
	}
	section#calendar table{
		position:absolute;
		top:70px;
		left:10px;
		font-size: 16px;
		width:280px;
	}
	section#calendar table td{
		width:58px;
		text-align:center;
		margin:0 9px 3px 0;
	}
	section#calendar table tr td:first-child,
	section#calendar table tr td.holyday{
		color:#de004e;
	}
	section#calendar table tr td.closed{
		background-color:#dcdcdc;
	}
	section#calendar table tr td.closed_holyday{
		color:#de004e;
		background-color:#dcdcdc;
	}
	section#calendar .btn {
		display:block;
		width:92%;
		height:35px;
		margin:30px auto 0;
		border-radius:14px;
		text-align:center;
	}
	/*calendar*/
	
	
	/*access*/
	section#access {
		padding-bottom:0;
	}
	section#access .btn{
		width:92%;
		margin:0px auto 15px;
		font-size: 13px;
	}
	iframe{
		margin-bottom: -7px;
        width:100%;
	}
	/*access*/
	
	/*banner*/
	#banners {
		width:100%;
		margin:0 auto;
	}
	#banners ul{
		width:290px;
		margin:30px auto 30px;
	}
	#banners ul li{
		height:75px;
		margin:0 auto 20px;
	}
	#banners ul li:nth-child(1){
		width:290px;
	}
	#banners ul li:nth-child(2){
		width:202px;
	}
	#banners ul li:nth-child(3){
		width:192px;
	}
	#banners ul li img{
		width:auto;
		height:75px;
	}
	#banners ul li:nth-child(3n){
		margin-bottom:0px;
	}
	/*banner*/
	
	/*footer*/
	footer {
		background-color:#448e43;
		color:#FFF;
	}
	.return {
		width:100%;
		height:70px;
		background-color:#74ca73;
		text-align:center;
	}
	.return a{
		display:block;
		width:100%;
		height:39px;
		padding:15px 0;
	}
	
	.return2 {
		width:96%;
		margin:5px auto 0;
		text-align:right;
		font-size:0.875em;
	}
	.return2 a{
		padding-left:18px;
		text-decoration: underline;
		background:url(/image/reader_up.png) left center no-repeat;
	}
	
	.footer__body {
		width:96%;
		margin:0;
		padding:25px 2% 15px;
		text-align:center;
	}
	.footer__address {
		font-size: 14px;
		line-height:24px;
	}
	.footer__time {
		width:100%;
		margin:45px auto 30px;
		font-size: 12px;
	}
	.footer__time li{
		margin: 0 0px 15px;
		text-align: left;
		text-indent: -80px;
		padding-left: 80px;
	}
	.footer__time li:first-child span{
		letter-spacing: 0.3em;
	}
	.footer__time span{
		font-size: 12px;
		width:68px;
		color:#000;
		background-color:#FFF;
		border-radius:14px;
		padding: 3px 10px;
	}
	.footer__link {
		display:none;
	}
	.footer__sns{
		width:96px;
		margin:25px auto;
	}
	.footer__sns li{
		float:left;
		width:28px;
		margin:0 10px;
		display:none;
	}
	
	.footer__copy {
		font-size: 12px;
	}
	/*footer*/
	
	
	.btn {
		display:block;
		width:100%;
		margin:0 auto 0px;
		height:32px;
		border-radius:14px;
		text-align:center;
	}
	.btn_red a{
		background-color:#cb1b45;
	}
	.btn_red2 a{
		background-color:#9e1536;
	}
	.btn_green a{
		background-color:#448e43;
	}
	.btn a {
		display:block;
		width:100%;
		height:32px;
		border-radius:14px;
		color:#FFF;
		line-height:32px;
		text-decoration: none;
		font-size: 14px;
	}
	.btn a span{
		background:url(../image/reader01.png) left center no-repeat;
		padding-left:14px;
	}
	.btn a:link,
	.btn a:visited,
	.btn a:hover,
	.btn a:active {
		color:#FFF;
	}
	.btn_wide {
        margin-bottom: 6%!important;
		height:55px;
        margin-bottom:20px;
	}
	.btn_wide a {
		height:55px;
		line-height:55px;
	}
	.btn_wide a span{
		font-size: 1em;
	}
    #chap01 .btn {
		width:96%;
        margin-bottom:10%;
	}
	
	.btn1row,
	.secondbutton {
		margin: 20px auto 20px;
		width: 92%;
	}
	
	ul.btn2row {
		width:92%;
		margin:20px auto;
	}
	ul.btn2row li{
		width:100%;
	}
	ul.btn2row li:first-child{
		margin-bottom:20px;
	}
	
	
	#closedday {
		width:calc(92% - 40px);
		margin:10px auto;
		border:2px solid #F00;
		padding:5px 2% 5px calc(2% + 40px);
		text-align:left;
		font-size: 14px;
		background:url(../image/icon_closed.gif) left 5px top 8px no-repeat;
		background-size:36px;
		color:#F00;
	}
	
	/*下層ページ共通*/
	.subnavi {
		margin: 32px auto;
		width: 100%;
		height: 50px;
		text-align: center;		
		line-height: 3.4em;
	}
	.subnavi li:first-child{
		margin-left: 0;
	}
	.subnavi li {
		display: inline-block;
		margin: 1px;
		width: 23%;
		height: 50px;
		background-color: #448e43;
		font-size: 0.875em;
		vertical-align: middle;	
	}
	.subnavi li a {
		display: block;
		width: 100%;
		height: 50px;
		color: #fff;
		font-size: 12px;
		font-weight: bold;
		line-height: 50px;
	}
	/*　ページ内リンクナビ　*/	
	.chap__title {    
		margin: 24px 0 0;
		padding-left: 0.5em;
		padding-bottom: 5px;
		text-align: center;
		font-size: 1.2em;
		line-height: 1.5em;
		letter-spacing: 0.5em;
		background: url(/image/h2_underline.gif) center bottom no-repeat;
	}
	/*下層ページ共通*/
	
	.pc {
		display:none;	
	}

}


@media screen and (max-width: 321px) {
#SMP------------------------{}
	/*iPhoneSEサイズ専用の処理*/
	
	.narrow {
		letter-spacing: 0.25em;
	}
}
/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
  Media Queries による切り替え (sp374以下)
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/			
			
@media screen and (max-width: 374px) {
	section h2 {
		letter-spacing: 0.3em;
	}
}


@media screen and (min-width: 668px) {
#PC------------------------{}

	a:link,
	a:visited,
	a:hover,
	a:active {
		color:#000;
	}

	a:hover img {/*ロールオーバー時に70％半透明*/
	  opacity: 0.7;
	  filter: alpha(opacity=70);
	  -ms-filter: "alpha(opacity=70)";
	}

	/*header*/
	header {
		position:relative;
		width:1100px;
		height:70px;
		margin:0 auto;
		background-color:#FFF;
		z-index:9999;
	}
	.header__rogo {
		position:absolute;
		top:0px;
		left:0px;
	}
	.header__language {
		position:absolute;
		top:0px;
		right:260px;
		/*right:275px;*/
		font-size: 0.875em;
		line-height:48px;
	}
	.header__textsize {
		position:absolute;
		top:0px;
		right:0px;
		/*right:54px;*/
		font-size: 0.875em;
		line-height:48px;
	}
	.header__language span.lang_jp,
	.header__textsize span{
		background:url(../image/marker_red.gif) top center no-repeat;
		line-height:48px;
		padding-top: 15px;
	}
	ul.header__sns {
		position:absolute;
		top:10px;
		right:200px;
	}
	ul.header__sns li {
		float:left;
		margin-left:10px;
	}
	.header__language__spj,
	.header__language__spe,
	.header__language__spo,
	.spmenu{
		display:none;
	}
	/*header*/


	/*nav*/
	nav {
		width:100%;
		height:50px;
		background-color:#448e43;
	}
	nav ul{
		width:1100px;
		height: 50px;
		margin:0 auto;
	}
	nav ul li{
		float:left;
		width:132px;
		height: 50px;
	}
	nav ul li:first-child{
		width:44px;
	}
	nav ul li a{
		display:block;
		width:100%;
		height: 50px;
	}
	nav ul li a:hover{
		background-color:#03634a;
	}
	nav a:hover img {/*ロールオーバー時に70％半透明*/
		opacity: 1.0;
		filter: alpha(opacity=100);
		-ms-filter: "alpha(opacity=100)";
	}
	/*nav*/

	/*mainvisual*/
	#main__slide {
		width:1100px;
		/*width:1260px;*/
		height:393px;
		/*height:450px;*/
		margin:0 auto;
	}
	#mv {
		width: 100%;
		height: 250px;
	}
	/*mainvisual*/
	
	/*　パン屑リスト　*/
	.pankuzu {
		margin: 4px auto 0;
		width: 1100px;
		text-align: right;
		font-size: 0.75em;
	}
	.pankuzu a{
		text-decoration: underline;
	}
	.pankuzu  a:link {color:#000;}
	.pankuzu  a:visited {color:#000;}
	.pankuzu  a:hover {color:#000;}
	.pankuzu  a:active {color:#000;}
	/*　パン屑リスト　*/
	
	/*alert*/
	#alert {
		width:1100px;
		margin:0 auto;
	}
	#alert .alert__left {
		float:left;
		margin-top:30px;
	}
	#alert .alert__right {
		float:right;
		width:150px;
		margin-top:25px;
	}
	
	#alert .btn {
		font-size: 90%;
	}
	/*alert*/
	
	section {
		clear: both;
		width:1100px;
		margin:0 auto;
		padding:25px 0;
	}
	section h2{
		height:41px;
		margin:0px 0 20px;
		font-size: 1.375em;
		line-height:1em;
		text-align:center;
		background:url(../image/h2_underline.gif) center top -5px no-repeat;
		letter-spacing: 0.5em;
		padding-left:0.5em;
	}
	
	/*exhibition*/
	section#exhibition {
		width:800px;
		height: auto;
		margin:25px auto 40px;
		padding:30px 150px 40px;
		background-color:#efefe7;
	}
	section#exhibition .exhibition__main{
		width:800px;
		min-height: 370px;
		margin:0px auto 20px;
	}
	section#exhibition .exhibition__main__left {
		float:left;
		width:370px;
		height:370px;
		margin-right:60px;
		background-color:#e0e0d8;
		text-align:center;
	}
	section#exhibition .exhibition__main__left a{
		display:block;
		position:relative;
		width:370px;
		height:370px;
	}
	section#exhibition .exhibition__main__left a img{
		position:absolute;
		top:0px;
		bottom:0px;
		left:0px;
		right:0px;
		margin:auto;
		height: auto;
		max-height: 370px;
		max-width: 370px;
		width: auto;
	}
	section#exhibition .exhibition__main__right {
		float:left;
		width:370px;
		margin-bottom: 20px;
	}
	section#exhibition .subtitle {
		display:block;
		margin-bottom:5px;
		color:#74ca73;
		font-size:0.93em;
		line-height:1em;
		font-weight:bold;
	}
	section#exhibition h3 {
		font-size:1.063em;
		line-height:36px;
		margin-bottom:10px;
	}
	section#exhibition .term {
		font-size: 0.875em;
		line-height:20px;
		color:#333;
		margin-bottom:10px;
	}
	section#exhibition .read {
		font-size: 0.875em;
		line-height:1.5em;
		margin-bottom:10px;
	}
	section#exhibition ul.exhibition__link{
		width:800px;
		margin:0px auto 0px;
	}
	section#exhibition ul.exhibition__link li{
		float:left;
		width:370px;
		margin:0px auto 20px;
	}
	section#exhibition ul.exhibition__link li:nth-child(2n){
		width:370px;
	}
	section#exhibition ul.exhibition__link li:nth-child(2n+1){
		margin-right:60px;
	}
	/*section#exhibition ul.exhibition__link li:last-child{
		width:800px;
		margin-bottom:40px;
	}*/
	section#exhibition ul.exhibition__sub{
		width:800px;
		margin:10px auto 0px;
		padding-top: 30px;
		border-top: 2px #FFF solid;
	}
	section#exhibition ul.exhibition__sub li{
		float:left;
		width:370px;
		margin:0px auto 0px;
	}
	section#exhibition ul.exhibition__sub li:first-child{
		margin-right:60px;
	}
	section#exhibition .exhibition__sub__top {
		width:370px;
		height:300px;
		margin-bottom: 18px;
		background-color:#e0e0d8;
		text-align:center;
	}
	section#exhibition .exhibition__sub__top img{
		height: auto;
		max-height: 300px;
		max-width: 370px;
		width: auto;
	}
	/*exhibition*/
	
	/*event*/
	section#event h3{
		height:36px;
		margin-bottom: 15px;
		padding-left:10px;
		border-left:2px solid #448e43;
		font-size: 1.063em;
		line-height:36px;
		font-weight:bold;
	}
	section#event ul li{
		float:left;
		width:230px;
		height:325px;
		margin-right:60px;
	}
	section#event ul li:nth-child(4n){
		margin-right:0px;
	}
	section#event ul li a{
		display:block;
		position:relative;
		width:230px;
		height:230px;
	}
	section#event ul li a span{
		background-size: cover;
		width: 100%;
		height: 100%;
		display: block;
	}
	section#event ul li a .event__tb__bg{
		position:absolute;
		top:0px;
		left:0px;
		z-index:0;
	}
	section#event ul li a .event__tb__black{
		position:absolute;
		top:0px;
		left:0px;
		width:230px;
		height:230px;
		background-color: rgba(0,0,0,0.5);
		z-index:1;
	}
	section#event ul li a .event__tb__read{
		position:absolute;
		top:235px;
		left:0px;
		width:230px;
		font-size: 0.875em;
		line-height: 1.375em;
	}
	section#event ul li a .event__tb__subtitle{
		position:absolute;
		top:4px;
		left:4px;
		width:192px;
		height:30px;
		z-index:2;
		color:#FFF;;
		font-size: 0.875em;
		line-height: 1.8em;
	}
	section#event ul li a .event__tb__date{
		position:absolute;
		bottom:0px;
		left:6px;
		width:224px;
		z-index:2;
		color:#FFF;
		font-size:45px;
		line-height:1.1em;
		font-family: 'Roboto', sans-serif;
	}
	section#event ul li a:hover .event__tb__black{
	  opacity: 0.4;
	  filter: alpha(opacity=40);
	  -ms-filter: "alpha(opacity=40)";
	}
	section#event ul li a:hover img {
		opacity: 1.0;
		filter: alpha(opacity=100);
		-ms-filter: "alpha(opacity=100)";
	}
	
	.gallery {
		background:url(../image/icon_gallery.png) left top no-repeat;
		padding-left:34px;
	}
	.tea {
		background:url(../image/icon_tea.png) left top no-repeat;
		padding-left:34px;
	}
	.music {
		background:url(../image/icon_music.png) left top no-repeat;
		padding-left:34px;
	}
	
	.event__tb__all {
		width:230px;
		height:230px!important;
		text-align:center;
	}
	.event__tb__all a{
		display:block;
		width:100%;
		height: 130px !important;
		padding-top:100px;
		background-color:#448e43;
	}
	.event__tb__all a:link,
	.event__tb__all a:visited,
	.event__tb__all a:active{
		color:#FFF;
	}
	.event__tb__all a:hover{
		color:#FFF;
		background-color:#03634a;
	}
	/*event*/
	
	
	/*NEWS*/
	section#news {
		position:relative;
		width:1100px;
		height:auto;
		min-height:340px;
		margin:0px auto 40px;
		padding:40px 0 0px;
		background-color: #f0f0f0;
	}
	section#news .btn{
		position:absolute;
		top:40px;
		right:50px;
		width:200px;
		font-size: 90%;
	}
	section#news dl{
		position:absolute;
		top:115px;
		left:150px;
		width: 800px;
	}
	section#news dl dt{
		float:left;
		width:172px;
		margin-bottom:10px;
	}
	section#news dl dd{
		float:left;
		width:628px;
		margin-bottom:10px; 
		white-space: nowrap;
  		overflow: hidden;
  		text-overflow: ellipsis;
	}
	section#news dl dd a:hover{
		text-decoration: underline;
	}
	section#news .sqbtn{
		position:absolute;
		bottom:0px;
		left:0px;
		width:1100px;
		height:52px;
	}
	
	.sqbtn {
		display:block;
		width:100%;
		height:52px;
		text-align:center;
	}
	.sqbtn a {
		display:block;
		width:100%;
		height:52px;
		color:#FFF;
		line-height:52px;
		text-decoration: none;
		background-color:#cb1b45;
	}
	.sqbtn a:hover {
		background-color:#a6032a;
	}
	.sqbtn a span{
		background:url(../image/reader02.png) left center no-repeat;
		padding-left:20px;
		font-size: 1.125em;
	}
	/*NEWS*/
	
	
	/*special*/
	section#special {
		position:relative;
		width:1100px;
		height:350px;
		margin:0px auto 80px;
		padding:40px 0 0px;
	}
	section#special ul li{
		float:left;
		width:345px;
		margin-right:30px;
		text-align:center;
	}
	section#special ul li:nth-child(3n){
		margin-right:0px;
	}
	/*special*/
	
	
	/*calendar*/
	section#calendar {
		width:1100px;
		margin:0px auto 40px;
		padding:40px 0 50px;
		background-color:#efefe7;
	}
	section#calendar h2{
		margin-bottom:5px!important;
	}
	section#calendar p{
		text-align:center;
		margin-bottom:25px;
		font-size: 0.875em;
	}
	section#calendar ul{
		width:960px;
		height: 335px;
		margin:0 auto;
	}
	section#calendar li{
		float:left;
		position:relative;
		width:462px;
		height:335px;
		margin-right:35px;
		background:url(../image/calendar_base.gif) center top no-repeat;
		font-family: 'Roboto', sans-serif;
	}
	section#calendar li:last-child{
		margin-right:0;
	}
	section#calendar .year{
		position:absolute;
		top:40px;
		left:29px;
		font-size:1.5em;
	}
	section#calendar .month{
		position:absolute;
		top:6px;
		right: 305px;
		font-size:60px;
		text-align:right;
	}
	section#calendar table{
		position:absolute;
		top:110px;
		left:13px;
		font-size:22px;
	}
	section#calendar table td{
		width:58px;
		text-align:center;
		margin:0 9px 3px 0;
	}
	section#calendar table tr td:first-child,
	section#calendar table tr td.holyday{
		color:#de004e;
	}
	section#calendar table tr td.closed{
		background-color:#dcdcdc;
	}
	section#calendar table tr td.closed_holyday{
		color:#de004e;
		background-color:#dcdcdc;
	}
	section#calendar .btn {
		display:block;
		width:960px;
		height:35px;
		margin:30px auto 0;
		border-radius:14px;
		text-align:center;
	}
	/*calendar*/
	
	
	/*access*/
	section#access {
		position: relative;
		padding-bottom:0;
	}
	section#access .btn{
		position:absolute;
		top:28px;
		right:0px;
		width:285px;
		font-size: 0.812em;
	}
	#gmap {
		width:1100px;
		margin:0 auto;
		margin-bottom: -7px;
	}
	/*access*/
	
	/*banner*/
	#banners {
		width:1100px;
		margin:0 auto;
	}
	#banners ul{
		width:542px;
		margin:80px auto 75px;
	}
	#banners ul li{
		float:left;
		height:75px;
		margin-right:50px;
	}
	#banners ul li img{
		width:auto;
		height:75px;
	}
	#banners ul li:nth-child(1){
		width:290px;
	}
	#banners ul li:nth-child(2){
		width:202px;
	}
	#banners ul li:nth-child(3){
		width:192px;
	}
	#banners ul li:last-child{
		margin-right:0px;
	}
	/*banner*/
	
	/*footer*/
	footer {
		background-color:#448e43;
		color:#FFF;
	}
	.return {
		width:100%;
		height:70px;
		background-color:#74ca73;
		text-align:center;
	}
	.return a{
		display:block;
		width:100%;
		height:39px;
		padding:15px 0;
	}
	
	.return2 {
		width:1100px;
		margin:-10px auto 0;
		text-align:right;
		font-size:0.875em;
	}
	.return2 a{
		padding-left:18px;
		text-decoration: underline;
		background:url(/image/reader_up.png) left center no-repeat;
	}
	
	.footer__body {
		width:1100px;
		min-height:360px;
		margin:0px auto 0;
		padding-top:25px;
		text-align:center;
	}
	.footer__address {
		font-size:0.875em;
		line-height:24px;
	}
	.footer__address a{
		pointer-events: none;/*リンク無効*/
	}
	.footer__address p{
		margin-top:15px;
	}
	.footer__time {
		width:880px;
		margin:30px auto 20px;
		font-size:0.875em;
	}
	.footer__time li{
		float:left;
		margin:0 10px;
	}
	.footer__time span{
		font-size:0.75em;
		color:#000;
		background-color:#FFF;
		border-radius:14px;
		padding: 3px 10px;
	}
	.footer__link {
		font-size:0.875em;
		line-height:30px;
		padding:10px;
	}
	.footer__link a:link,
	.footer__link a:visited,
	.footer__link a:active{
		color:#FFF;
	}
	.footer__link a:hover{
		color:#FFF;
		text-decoration: underline;
	}
	.footer__sns{
		width:96px;
		margin:25px auto;
	}
	.footer__sns li{
		display:none;
		float:left;
		width:28px;
		margin:0 10px;
	}
	
	.footer__copy {
		font-size:0.75em;
	}
	/*footer*/
	
	/*テキストサイズ変更*/
	ul.header__textsize {
		*zoom: 1; /*forIE6,7*/
		margin-bottom: 10px;
	}
	ul.header__textsize:after {
		content: "";
		display: block;
		clear: both; 
	}
	ul.header__textsize li {
		background: none;
		padding: 0px 4px;
		margin-right: 5px;
		float: left;
		cursor: pointer;
		display: block;
	}
	ul.header__textsize li:first-child {
		cursor:default;
	}
	ul.header__textsize li.changeBtn:hover {
		background-color: #cb1b45;
		color:#FFF;
	}
	ul.header__textsize li.active {
		background: url(../image/marker_red.gif) top center no-repeat;
	}
	ul.header__textsize li.active:hover {
		background-color: #cb1b45;
		color:#FFF;
	}
	/*テキストサイズ変更*/
	
	/*汎用トップに戻るボタン*/
	.btn {
		display:block;
		width:100%;
		height:35px;
		border-radius:14px;
		text-align:center;
	}
	.btn a {
		display:block;
		width:100%;
		height:35px;
		border-radius:14px;
		color:#FFF;
		line-height:35px;
		text-decoration: none;
	}
	.btn a span{
		background:url(../image/reader01.png) left center no-repeat;
		padding-left:14px;
		font-size: 0.875em;
	}
	.btn a:link,
	.btn a:visited,
	.btn a:hover,
	.btn a:active {
		color:#FFF;
	}
	.btn_wide {
        width:800px!important;
		height:55px;
        margin-bottom:20px;
	}
	.btn_wide a {
        width:100%;
		height:55px;
		line-height:55px;
	}
	.btn_wide a span{
		padding-left:14px;
		font-size: 1em;
	}
	.btn_top {
		width: 440px;
		margin: 0 auto 60px;
	}
	
	.secondbutton {
		margin: 20px auto 30px;
	}
	
	ul.btn2row {
		width:1100px;
		margin:40px auto 0;
	}
	ul.btn2row li{
		width:50%;
		float:left;
	}
	
	#closedday {
		width:1008px;
		margin:15px auto -10px;
		border:2px solid #F00;
		padding:5px 5px 5px 80px;
		text-align:left;
		font-size: 1.125em;
		background:url(../image/icon_closed.gif) left 10px top 8px no-repeat;
		background-size:60px;
		color:#F00;
	}
	
	/*下層ページ共通*/
	/*　ページ内リンクナビ　*/
	.subnavi {
		margin: 32px auto 0;
		width: 100%;
		height: 50px;
		text-align: center;		
		line-height: 3.4em;
	}
	.subnavi li:first-child{
		margin-left: 0;
	}
	.subnavi li {
		display: inline-block;
		margin-left: 10px;
		width: 263px;
		height: 50px;
		background-color: #448e43;
		font-size: 0.875em;
	}
	.subnavi li a {
		display: block;
		width: 100%;
		color: #fff;
		font-size: 1.125em;
		font-weight: bold;
		line-height: 50px;
	}
	.subnavi li a:hover {
		background-color: #03634a;
	}
	.subnavi a:hover img {/*ロールオーバー時に70％半透明*/
		opacity: 1.0;
		filter: alpha(opacity=100);
		-ms-filter: "alpha(opacity=100)";
	}
	/*　ページ内リンクナビ　*/
	
	.chap__title {    
		margin: 24px 0 0;
		padding-left: 0.5em;
		height: 36px;
		text-align: center;
		font-size: 1.25em;
		line-height: 1em;
		letter-spacing: 0.5em;
		background: url(/image/h2_underline.gif) center bottom no-repeat;
	}
	/*下層ページ共通*/

	.sp {
		display:none;	
	}

}

#inline-content {
	text-align:center;
	padding: 30px 30px 15px;
	line-height:2.4em;
}
#inline-content b{
	color:#FFF;
	border-bottom:1px solid #74ca73;
	white-space: nowrap;
}
#inline-content a:link,
#inline-content a:visited,
#inline-content a:active{
	color:#FFF;
}
#inline-content a:hover{
	color:#74ca73;
}

.en {
	display:none;
}

.red {
	color:#F00;
}
.btn_red a{
	background-color:#cb1b45;
}
.btn_red a:hover{
	background-color:#a6032a;
}
.btn_red2 a{
	background-color:#9e1536;
}
.btn_red2 a:hover{
	background-color:#7c0320;
}
.btn_green a{
	background-color:#448e43;
}
.btn_green a:hover{
	background-color:#03634a;
}
.btn_green2 a{
	background-color:#74ca73;
}
.btn_green2 a:hover{
	background-color:#4ab349;
}

.footer__address a:link,
.footer__address a:visited,
.footer__address a:hover,
.footer__address a:active{
	color:#FFF;
}

/*スクロールイベントここから*/
.scroalevent img{
	transition: .9s;
}

/* 移動なしフェードイン */
.list-mv02{
	opacity: 0;
}
.mv02{
	opacity: 1.0;
}
/* 回転 */
.list-mv03{
	transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
}
.mv03{
	transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
}
/* 3D回転 */
.list-mv04{
	transform:rotateY(0deg);
	-webkit-transform:rotateY(0deg);
}
.mv04{
	transform:rotateY(360deg);
	-webkit-transform:rotateY(360deg);
}
/* 下方向フェードイン */
.list-mv06{
	opacity: 0;
	transform: translate(0,-80px); 
	-webkit-transform: translate(0,-80px); 
}
.mv06{
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
}
/* 上方向フェードイン */
.list-mv07{
	opacity: 0;
	transform: translate(0,80px); 
	-webkit-transform: translate(0,80px); 
}
.mv07{
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
}
/* 左方向フェードイン */
.list-mv08{
	opacity: 0;
	transform: translate(80px,0px); 
	-webkit-transform: translate(80px,0px); 
}
.mv08{
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
}
/*スクロールイベントここまで*/

