@charset "UTF-8";
@import url("/common/css/reset.css");
@import url("/common/css/fonts.css");
@import url("/common/css/base.css");
/* ================================
	style.css	EVENT
================================ */
#event .secondHeader { background-image: url(/event/images/img_00.jpg); }
/* calendar */
#event .calendarOuter {
	background: #f7f7f7;
	padding: 20px 15px;
}
#event .calendarOuter .calHeader ul {
	text-align: center;
	width: 100%;
	margin-bottom: 15px;
}
#event .calendarOuter .calHeader ul li { line-height: 1; }
#event .calendarOuter .calHeader ul li.prevMon,
#event .calendarOuter .calHeader ul li.nextMon { margin-top: -25px; }
#event .calendarOuter .calHeader ul li.prevMon { float: left; }
#event .calendarOuter .calHeader ul li.nextMon { float: right; }
#event .calendarOuter .calHeader ul li.prevMon a {
	background: #400a0c url(/images/top_btn_cal_prev.gif) no-repeat 15% 50%;
	padding: 9px 19px 9px 27px;
}
#event .calendarOuter .calHeader ul li.nextMon a {
	background: #400a0c url(/images/top_btn_cal_next.gif) no-repeat 90% 50%;
	padding: 9px 27px 9px 19px;
}
#event .calendarOuter .calHeader ul li.prevMon a,
#event .calendarOuter .calHeader ul li.nextMon a {
	font-size: 12px;
	font-size: 1.2rem;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}
#event .calendarOuter .calHeader ul li.prevMon a:hover,
#event .calendarOuter .calHeader ul li.nextMon a:hover { text-decoration: underline; }
#event .calendarOuter .calHeader ul li.thisMon {
	float: none;
	clear: both;
	color: #400a0c;
	font-weight: bold;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1;
	padding: 0;
	margin: 0;
}
#event .calendarOuter .calHeader ul li.thisMon strong {
	font-size: 40px;
	font-size: 4.0rem;
}
#event .calTable {
	width: 100%;
	margin-bottom: 20px;
}
#event .calTable th,
#event .calTable td {
	vertical-align: top;
	text-align: center;
	padding: 12px 1px;
	font-size: 14px;
	font-size: 1.4rem;
	color: #400a0c;
	border: #dbd6d8 1px solid;
	line-height: 1;
}
#event .calTable th {
	background: #f7f7f7;
	width: 14.2%;
}
#event .calTable th a,
#event .calTable td a { text-decoration: underline; }
#event .calTable th a:hover,
#event .calTable td a:hover { text-decoration: none; }

#event .calTable td { background: #fff; }
#event .calTable th.holiday,
#event .calTable td.holiday { color: #f00; }
#event .calTable td.blank { background: #f7f7f7; }
#event .calTable td.closed {
	background: #f7f7f7;
	color: #d3c2c2;
}
#event .calTable td ul {
	margin: 8px 7px 10px;
	text-align: left;
}
#event .calTable td ul li {
	font-size: 10px;
	font-size: 1.0rem;
	text-align: left;
	padding-left: 14px;
	margin-bottom: 3px;
	color: #333;
	line-height: 1.4;
}
/*
.evt01 = 特別展
.evt02 = ギャラリートーク
.evt03 = 特別講演会・イベント
.evt04 = 映画上映
.evt05 = 常設展示
.evt06 = たばしお寄席・その他イベント
*/
#event .calTable td ul li.evt01 { background: url(/event/images/ico_01.png) no-repeat left top; }
#event .calTable td ul li.evt02 { background: url(/event/images/ico_02.png) no-repeat left top; }
#event .calTable td ul li.evt03 { background: url(/event/images/ico_03.png) no-repeat left top; }
#event .calTable td ul li.evt04 { background: url(/event/images/ico_04.png) no-repeat left top; }
#event .calTable td ul li.evt05 { background: url(/event/images/ico_05.png) no-repeat left top; }
#event .calTable td ul li.evt06 { background: url(/event/images/ico_06.png) no-repeat left top; }
#event .iconCapList {
	font-size: 10px;
	font-size: 1.0rem;
	margin-left: 1px;
}
#event .iconCapList li {
	padding-left: 16px;
	display: inline-block;
	margin-right: 1.2em;
}
#event .iconCapList li.evt00 { background: url(/event/images/ico_00.png) no-repeat left 30%; }
#event .iconCapList li.evt01 { background: url(/event/images/ico_01.png) no-repeat left 30%; }
#event .iconCapList li.evt02 { background: url(/event/images/ico_02.png) no-repeat left 30%; }
#event .iconCapList li.evt03 { background: url(/event/images/ico_03.png) no-repeat left 30%; }
#event .iconCapList li.evt04 { background: url(/event/images/ico_04.png) no-repeat left 30%; }
#event .iconCapList li.evt05 { background: url(/event/images/ico_05.png) no-repeat left 30%; }
#event .iconCapList li.evt06 { background: url(/event/images/ico_06.png) no-repeat left 30%; }
/* flyer */
#event.flyer h4.evtH4Ttl01 {
	border-left: #f69 5px solid;
	color: #f69;
}
#event.flyer h4.evtH4Ttl02 {
	border-left: #0bb736 5px solid;
	color: #0bb736;
}
#event.flyer h4.evtH4Ttl03 {
	border-left: #69f 5px solid;
	color: #69f;
}
#event.flyer h4.evtH4Ttl06 {
	border-left: #96c 5px solid;
	color: #96c;
}
#event.flyer h4.evtH4Ttl01,
#event.flyer h4.evtH4Ttl02,
#event.flyer h4.evtH4Ttl03,
#event.flyer h4.evtH4Ttl06 {
	font-weight: bold;
	font-size: 18px;
	font-size: 1.8rem;
	background: none;
	margin-bottom: 20px;
	line-height: 1;
	padding: 0;
}
#event.flyer h4.evtH4Ttl01 span,
#event.flyer h4.evtH4Ttl02 span,
#event.flyer h4.evtH4Ttl03 span,
#event.flyer h4.evtH4Ttl06 span {
	padding: 15px;
	display: block;
	border-top: #e6e6e6 1px solid;
	border-right: #e6e6e6 1px solid;
	border-bottom: #e6e6e6 1px solid;
}
#event.flyer h5 {
	font-weight: bold;
	font-size: 15px;
	font-size: 1.5rem;
	border-left: none;
	padding: 13px 0 12px;
	margin-bottom: 0;
	line-height: 1;
	background: #99917d;
	text-align: center;
	color:#FFFFFF;
}

#event.flyer .evtDl{
	background: #d9d9d9;
	padding:30px;
}

#event.flyer .evtDl > dt{
	font-size: 1.6rem;
	font-weight:bold;
}

#event.flyer .evtDl > dd{
	font-size: 1.3rem;
	text-indent:-1em;
	margin-left:1em;
}

#event.flyer .evtUl,
#event.flyer .evtUl02 { margin-bottom: 50px; }

#event.flyer .evtUl > li{
	background: #f7f7f7;
	padding: 0 30px 30px;
}

#event.flyer .evtUl > li:first-child:before { height: 0; }
#event.flyer .evtUl > li:before {
	display: block;
	content: "";
	width: 670px;
	height: 1px;
	background: #e6e6e6;
}
#event.flyer .evtUl > li.no_b:before{
	background: none;
}

#event.flyer .evtUl02 > li {
	background: #f7f7f7;
	padding: 30px;
	margin-top:10px;
	display:table;
}
#event.flyer .evtUl02 > li:first-child { margin-top: 0; }

#event.flyer .evtUl > li div{
	display:table-cell;
	width: 1000px;
	padding: 30px 20px 0 0;
	vertical-align: top;
}
#event.flyer .evtUl02 > li div {
	display:table-cell;
	width: 1000px;
	padding: 0 20px 0 0;
	vertical-align: top;
}
#event.flyer .evtUl > li div h6,
#event.flyer .evtUl02 > li div h6 {
	font-weight: bold;
	font-size: 16px;
	font-size: 1.6rem;
	margin-bottom: 1em;
	line-height: 1;
}
/*#event.flyer .evtUl > li div p,
#event.flyer .evtUl02 > li div p {margin-bottom: 1em; }*/

#event.flyer .evtUl > li div ul li,
#event.flyer .evtUl02 > li div ul li {
	font-size: 12px;
	font-size: 1.2rem;
	text-indent: -1em;
	margin-left: 1em;
}
#event.flyer .evtUl > li p.img {
	display:table-cell;
	padding: 30px 0 0;
	vertical-align: top;
}
#event.flyer .evtUl02 > li p.img {
	display:table-cell;
	padding: 0 0 0;
	vertical-align: top;
}

#event.flyer .poplink{
	margin-top:20px;
}
#event.flyer .poplink a{
	background:url("/common/images/ico_blank_01.png") no-repeat 0 5px;
    padding-left: 15px;
	font-size:1.4rem;
}

/*add 20200121*/
@media screen and (max-width: 767px) {
	#event.flyer .texAndImgSp{
		text-align: center;
		margin-bottom: 20px;
	}
	#event.flyer .texAndImgSp img{
		float: none;
		margin: 0;
		width: 90%;
	}
}