@charset "utf-8";
/* CSS Document */

@media only screen and  (max-width:768px){
.sp-hidden{
	display:none;
}
.pc-hidden {
	display: block;
}
	
#header {
	width: 100%;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
}
#header h1 {
	float: none;
	width: 50%;
	margin-top: 20px;
}
#header h1 img {
	width:100%;
	height: auto;
}
#header ul {
	float: none;
	width: 100%;
	list-style: none;
	margin-top: 30px;
	text-align: center;
}
#header ul li {
	display: block;
	margin-left: 0px;
}

#topBox {
	clear: both;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
	text-align: center;
	height: auto;
	position: relative;

}
#top_bg {
	background: none;
}

.newsbox {
	position:relative;
    width:100%;
    height:100px;
    padding-top:3%;
}
.newsbox img{
	display: block;
	position:absolute;
	top:10px;
}
.newsbox iframe {
	 position:absolute;
    top:0;
    left:70px;
    width:80%;

}
#social {
	text-align: center;
	width: 100%;
	clear: both;
	margin-right: auto;
	margin-top: 30px;
	margin-bottom: 30px;
	margin-left: auto;
}
#social ul {
}
#social ul li {
	display: inline;
	margin-left: 3px;
	margin-right: 3px;
}
#footer {
	background: url(../images/common/bottom_bg.jpg) repeat-x center top;
	clear: both;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	padding-bottom: 10px;
}
#footer #footerWrap {
	width: 100%;
	padding-top: 15px;
    text-align: center;
}
#footer #footerWrap ul {
	float: none;
	width: auto;
}
#footer #footerWrap ul li {
	background: url(../images/common/f_mark.gif) no-repeat left center;
	display: inline;
	margin-right: 10px;
}
#footer #footerWrap dl {
	float: none;
	text-align: center;
	width: auto;
}
#footer #footerWrap dl dt {
	margin-bottom: 10px;
}
#footer #footerWrap dl dd p {
	margin-bottom: 20px;
	line-height: 160%;
	margin-top: 2px;
}
#foot_ba2 {
	width:100%;		
}
#foot_ba2 p{
    margin-bottom: 5px;
}
#foot_ba2 img {
    width:100%;
    height: auto;
}

/*----- 由緒 -----*/

#history #topmenu {
	background: url(../images/info/bg.jpg) repeat-x;
	height: 59px;
	padding-top: 11px;
	position: fixed;
	width: 100%;
	top: 0px;
	z-index: 1000;
}
#history #topmenu ul {
	width: 100%;
}
#history #topmenu ul.info {
	width: 100%;
}

#history #topmenu ul li {
    width:25%;
	float: left;
	display: block;
    margin:0 0 5px;
    text-align: center;
    font-weight: bold;
}
#history #topmenu ul li a:link {
    text-decoration: none;
}
#history #topmenu ul li a:hover {
    text-decoration: underline;
}
#history #topmenu ul li.lang {
	padding-top: 10px;
	padding-left: 15px;
}


#history h1 {
	margin: 150px auto 50px;
    width:100%;
    text-align: center;
}
#history h2 img  {
	padding-top: 20px;
    margin-bottom: 20px;
}

#history h3  {
	text-align: center;
	margin-top: 40px;
	margin-bottom: 50px;
}
#history h3 img  {
    width:20%;
    height:auto;
}
#history h3.ttl img  {
    width:50%;
    height:auto;
}

#history p {
    width:98%;
    padding:1%
}

#history p img {
    width:100%;
    height: auto;
}
#history .pagetop {
	width: 95%;
	margin-bottom: 50px;
}


/*----- ご案内 -----*/

#info #header h1 {
	margin-bottom: 10px;
}
#info h2 {
    width:100%;
}
#info h2 img {
    width:100%;
    height: auto;
    padding-top:0px;
    margin-bottom:20px;
}
#info .leadtxt {
    margin-left:15px;
}
#goannai {
    width:98%;
	margin:0 1% 40px;
}
#goannai h3 {
	font-size: 180%;
}
#goannai h4 em {
    font-size:120%;
}
#goannai ul {
	font-size: 100%;
	margin-left: 10px;
	margin-bottom: 15px;
}

#goannai .lBox {
	width: 96%;
	margin:0 1% 40px;
	background: url(../images/info2/line_tate.gif) repeat-y left top;
	padding-left: 2%;
	float: none;
}
#goannai .rBox {
	width: 96%;
	background: url(../images/info2/line_tate.gif) repeat-y left top;
	padding-left: 2%;
	float: none;
	margin:0 1% 40px;
}
#goannai .lBox2 {
	width: 96%;
	margin:0 1% 40px;
	background: url(../images/info2/line_tate.gif) repeat-y left top;
	padding-left: 2%;
}
#goannai .infobox {
    width:90%;
    font-size:100%;
    margin-left:10px;
}
#goannai  .park {
	font-size: 110%;
    width:95%;
}
#goannai .txt2 img {
    width:90%;
    height: auto;
}
#goannai .onikukou_box {
	width: 90%;

}
#goannai .onikukou_box2 {
	width: 95%;
	margin-right: auto;
	margin-left: auto;
	font-weight: 500;
	margin-bottom: 15px;
	font-size: 120%;
}

.pagetop {
    width:98%;
	margin:0 1% 40px;
}


/* --- 年中行事 --- */
#event {
    width: 100%;
}
#event h3 {
	margin-bottom:10px;
}

#event #eventbox {
	width:95%;
	margin:0 auto 20px;
}

#event #eventbox .ttl1 {
	background-color: #ccc;
	font-weight:bold;
	padding:5px 10px;
}
#event #eventbox dl {
	width:100%;
	font-size:90%;
	margin-bottom:10px;
}
#event #eventbox dl dt {
	float:left;
	clear: both;
	width: 25%;
	padding-bottom: 10px;
	border-bottom: 1px dotted #CCC;
	padding-top: 10px;
	padding-left: 15px;
}

#event #eventbox dt.evtinfo1 {
	border-style: none;
	padding-top: 5px;
	padding-bottom: 10px;
}

#event #eventbox dl dd {
	float: left;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #CCC;
}
#event #eventbox dd.evt {
	width: 45%;
}
#event #eventbox dd.time {
	width: 15%;
}
#event #eventbox dd.evtinfo2 {
	padding-top: 5px;
	padding-bottom: 10px;
	border-style: none;
	width: 30em;
	font-size: 80%;
	color: #CE0000;
}
#event #eventbox dd.fb {
	padding-top: 15px;
	padding-bottom: 5px;
}
#event #eventbox dd.fb img {
	width:20px;
	height:auto;
}

/* --- 文学 --- */
#lit {
    width: 98%;
	margin:0 auto;
}
#lit h3 {
	margin-bottom:30px;
}
#lit h3 img {
	width:100%;
	height:auto;
}
#lit h4 {
	text-align:center;
	font-size:120%;
	margin-bottom:20px;
	font-weight:bold;
}

#lit h5 {
	margin-bottom:60px;
	text-align:center;
}
#lit h5 img {
	width:100%;
	height:auto;
}
#lit p.txt {
	font-size:90%;
	margin-bottom:20px;
}

#lit p.midashi {
	text-align:center;
	margin-bottom:15px;
}


/* --- アクセス --- */
#access {
    width: 98%;
	margin:0 auto;
}
#access h3 {
	margin-bottom:30px;
}
#access h4 {
	text-align:center;
	font-size:120%;
	margin-bottom:10px;
	font-weight:bold;

}
#access p.txt {
	text-align:center;
	font-size:120%;
	margin-bottom:5px;
	font-weight:bold;
	color:#D71212;
}
#access p.txt2 {
	margin-bottom:30px;
	text-align:center;
}
#access iframe {
	margin-bottom:30px;
}

/* ////// 年中行事 ////////*/
#annual {
    width:100%;
    font-family:"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;
}
#annual h2 {
margin-bottom: 30px;
}
#annual h2 img {
    width:50%;
    height: auto;
    margin:0 auto;
}

#annual ul.sp-navi {
    width:100%;
    margin-bottom: 5px;
    overflow: hidden;
    background-color: #eee;
    padding:2px 0;
}
#annual ul.sp-navi li {
    text-align: center;
    font-size:1.1em;
    float: left;
    width:32%;
}
#annual ul.sp-navi li.l {
    text-align: left;
    padding-left: 5px;
}
#annual ul.sp-navi li.r {
    text-align: right;
    padding-right: 5px;
}
#annual table.sp-list {
    width:100%;
    margin-bottom:20px;
}
#annual table.sp-list td {
    padding:15px 0px 5px 10px;
    text-align: left;
    border-bottom:solid 1px #ccc;
    vertical-align: top;
    line-height: 1.4;
    font-size:1.1em;
}
#annual table.sp-list td.noline {
    border-bottom:none;
}
#annual table.sp-list td.cm {
    padding:0px 0px 10px 0px;
}

#annual table.sp-list td p {
    font-size:0.9em;
}

#annual ul.event-index-sp {

}
#annual ul.event-index-sp li p {
    width: 98%;
    height:150px;
    background-size: cover;
    background-position: center center;
    position: relative;
    color:#fff;
    line-height: 150px;
    font-size:2em;
    margin-bottom: 20px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    padding-left:2%;

}
#annual ul.event-index-sp li a:hover {
    text-decoration: none;
}
#annual ul.event-index-sp li p.mon {
    background-image: url(../images/event/m/head_sp.jpg);
}
#annual ul.event-index-sp li p.jan {
    background-image: url(../images/event/1/head_sp.jpg);
}
#annual ul.event-index-sp li p.feb {
    background-image: url(../images/event/2/head_sp.jpg);
}
#annual ul.event-index-sp li p.mar {
    background-image: url(../images/event/3/head_sp.jpg);
}
#annual ul.event-index-sp li p.apr {
    background-image: url(../images/event/4/head_sp.jpg);
}
#annual ul.event-index-sp li p.may {
    background-image: url(../images/event/5/head_sp.jpg);
}
#annual ul.event-index-sp li p.jun {
    background-image: url(../images/event/6/head_sp.jpg);
}
#annual ul.event-index-sp li p.jul {
    background-image: url(../images/event/7/head_sp.jpg);
}
#annual ul.event-index-sp li p.aug {
    background-image: url(../images/event/8/head_sp.jpg);
}
#annual ul.event-index-sp li p.sep {
    background-image: url(../images/event/9/head_sp.jpg);
}
#annual ul.event-index-sp li p.oct {
    background-image: url(../images/event/10/head_sp.jpg);
}
#annual ul.event-index-sp li p.nov {
    background-image: url(../images/event/11/head_sp.jpg);
}
#annual ul.event-index-sp li p.dec {
    background-image: url(../images/event/12/head_sp.jpg);
}






#annual .month {
    width: 100%;
    height:200px;
    margin: 0 auto 20px;
    background-size: cover;
    background-position: center center;
    position: relative;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#annual .month.mon {
    background-image: url(../images/event/m/head_sp.jpg);   
}
#annual .month.jan {
    background-image: url(../images/event/1/head_sp.jpg);   
}
#annual .month.feb {
    background-image: url(../images/event/2/head_sp.jpg);   
}
#annual .month.mar {
    background-image: url(../images/event/3/head_sp.jpg);   
}
#annual .month.apr {
    background-image: url(../images/event/4/head_sp.jpg);   
}
#annual .month.may {
    background-image: url(../images/event/5/head_sp.jpg);   
}
#annual .month.jun {
    background-image: url(../images/event/6/head_sp.jpg);   
}
#annual .month.jul {
    background-image: url(../images/event/7/head_sp.jpg);   
}
#annual .month.aug {
    background-image: url(../images/event/8/head_sp.jpg);   
}
#annual .month.sep {
    background-image: url(../images/event/9/head_sp.jpg);   
}
#annual .month.oct {
    background-image: url(../images/event/10/head_sp.jpg);   
}
#annual .month.nov {
    background-image: url(../images/event/11/head_sp.jpg);   
}
#annual .month.dec {
    background-image: url(../images/event/12/head_sp.jpg);   
}
#annual .month p {
    color:#fff;
    font-size:2.5em;
    width:200px;
    line-height: 200px;
    padding-left: 10px;
}
#annual iframe {
    width:100%;
    height:362px;
}
#annual .gallery {
    width:100%;
    background-color: #dcdcdc;
    padding:15px 0;
    
}
#annual .comment p img{
    display:block;
    width:100%;
    height:auto;
    margin:0 0 10px;
    float:none;
}
#annual .gallery {
    margin-bottom:50px;
}
#annual .gallery ul {
    
}
#annual .gallery ul li {
    float:left;
    margin:0 15px;
}
#annual .slick-prev,
#annual .slick-next {
    display: none;

}
}