@charset "utf-8";
@page { size: A4 } /* A4縦 */
/* CSS Document */

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



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

/*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:220px;
	/*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 {
	display:none;
	/*position:absolute;
	top:16px;
	right:0px;
	font-size: 16px;*/
}
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*/

/*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: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;
}

.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*/


/*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 .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 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 .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:784px;
	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:nth-child(3n){
	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__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.active {
	background: url(../image/marker_red.gif) top center no-repeat;
}
/*テキストサイズ変更*/

/*汎用トップに戻るボタン*/
.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_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: 18px;
	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;
}
/*　ページ内リンクナビ　*/

.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;
}

.en {
	display:none;
}

.red {
	color:#F00;
}
.btn_red a{
	background-color:#cb1b45;
}
.btn_red2 a{
	background-color:#9e1536;
}
.btn_green a{
	background-color:#448e43;
}
.btn_green2 a{
	background-color:#74ca73;
}

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