@charset "utf-8";


#update_table td.category span {
	background-color:#666;
	color:#fff;
	font-size:80%;
	padding:4px;
	white-space: nowrap;
	margin-right:1em;
}

/* CSS Document */
#index .f .calendar {
	/* edited by yata */
    /* background: rgba(0, 0, 0, 0.04); */
    height: 376px;
}
#index .f .calendar table{
	border:1px solid #eee;
}

#index .f .calendar table th,
#index .f .calendar table td
{
	text-align:center;
	border:1px solid #eee;
}


#index .f .calendar table th,
#index .f .calendar table td
{
	text-align:center;
	border:1px solid #eee;
}

#theater .z h3 {
    padding-left: 1.25em;
    background: rgba(0, 0, 0, 0.06);
    border-left: 1px solid #000;
    letter-spacing: .4em;
    line-height: 2;
    margin-bottom:2em;
}


@media screen and (min-width:980px) {
	.footer .left img.sp {
		display:none;
	}
    .subPageWide .left {
	    display:none !important;
    }
    .subPageWide .right {
        width: 100%;
    }
}

h2 span.kanmuri,
h2 span.tenji_syubetsu  {
	font-size:17px;
	font-weight:normal;
}
p.caption {
	margin-top:1em;
}

p.tenji_basyo {
	text-align:right;
}

p.text-right {
	text-align:right;
}




#index .f .calendar {
    background: #fff;
    height: 376px;
    margin-bottom:20px;
}

#index .f .calendar table
 {
    border-collapse: collapse;
    margin-bottom:1em;
}

#index .f .calendar table,
#index .f .calendar table th,
#index .f .calendar table td
 {
    border:1px solid #ccc;
}

#index .f .calendar table th
 {
    background-color: #666;
    color:#fff;
}
#index .f .calendar table td
 {
    font-size:120%;
}
#index .f .calendar table td a
 {
    text-decoration:none;
    display:block;
}


#index .f .calendar table td.closed_center
 {
    background-color: #cecece;
}

#index .f .calendar table td.closed_museum
 {
     background-color: #cebbe1;
}



#index .f .calendar caption {
    margin-bottom: 1em;
    font-family: “Bodoni MT”, Didot, “Didot LT STD”, “Hoefler Text”, Garamond, “Times New Roman”, serif;
    font-weight: bold;
    text-align: center;
}

#index .f .calendar p.legend {
	text-align:right;
}

#index .f .calendar p.legend span.closed_center{
	color:#cecece;
}
#index .f .calendar p.legend span.closed_museum{
	color:#cebbe1;
}


/* カレンダー */

#daily .contents .right .calendar {
	/* edited by yata */
    /* background: rgba(0, 0, 0, 0.04); */
    height: 376px;
}
#daily .contents .right .calendar table{
	border:1px solid #eee;
}

#daily .contents .right .calendar table th,
#daily .contents .right .calendar table td
{
	vertical-align: middle;
	text-align:center;
	border:1px solid #eee;
}

#daily .closed {
	background-color:#333;
	color:#fff;
	padding:7px;
	font-size:10px;
}



@media screen and (min-width:980px) {
    .subPageWide .left {
	    display:none !important;
    }
    .subPageWide .right {
        width: 100%;
    }
}

h2 span.kanmuri,
h2 span.tenji_syubetsu  {
	font-size:17px;
	font-weight:normal;
}
p.caption {
	margin-top:1em;
}

p.tenji_basyo {
	text-align:right;
}

p.text-right {
	text-align:right;
}




#daily .f .calendar {
    background: #fff;
    height: 376px;
    margin-bottom:20px;
}

#daily .f .calendar table
 {
    border-collapse: collapse;
    margin-bottom:1em;
}

#daily .f .calendar table,
#daily .f .calendar table th,
#daily .f .calendar table td
 {
    border:1px solid #ccc;
}

#daily .f .calendar table th
 {
    background-color: #bbb;
    color:#fff;
}


#daily .f .calendar table td.closed_center
 {
    background-color: #cecece;
}

#daily .f .calendar table td.closed_museum
 {
     background-color: #cebbe1;
}



#daily .f .calendar caption {
    margin-bottom: 1em;
    font-family: “Bodoni MT”, Didot, “Didot LT STD”, “Hoefler Text”, Garamond, “Times New Roman”, serif;
    font-weight: bold;
    text-align: center;
}

#daily .f .calendar p.legend {
	text-align:right;
}

#daily .f .calendar p.legend span.closed_center{
	color:#cecece;
}
#daily .f .calendar p.legend span.closed_museum{
	color:#cebbe1;
}












#daily .contents .right {
    width: 100%;
    border-collapse: collapse;
}

#daily .contents .right table {
    width: 100%;
    margin: 0 0 4em 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

#daily .contents .right table th,
#daily .contents .right table td {
    line-height: 1.5;
    vertical-align: top;
    padding: 0.75em 0;
    border-top: 1px solid rgba(0, 0, 0, 0.12);
}

#daily .contents .right tr:first-of-type td,
#daily .contents .right tr:first-of-type th {
    padding: 0 0 1em;
    border-top: none;
}

#daily .contents .right table .date {
    width: 6.5em;
}

#daily .contents .right table .category {
    width: 5.5em;
}
 
#daily .contents .right li {
	list-style: none;
}
#daily .contents .right li .img {
    display: block;
    width: 8em;
    float: left;
    margin-right: 1em;
}

#daily .contents .right li .img a {
    display: block;
    border: 1px solid rgba(0, 0, 0, 0.04);
}

#daily .contents .right li div {
    width: calc(100% - 9em);
    float: left;
}

#daily .contents .right li .title {
    display: block;
    font-weight: bold;
    font-size:130%;
    line-height: 1.5;
    margin: -0.25em 0 0.75em;
}

#daily .contents .right li .date,
#daily .contents .right li .place {
	
    display: inline-block;
    font-size: 90%;
    line-height: 1.5;
    margin: -0.25em 0;
}

#daily .contents .right iframe {
    display: block;
    max-width: 100%;
    margin: 0 auto;
}


#daily .contents .right .month {
	font-size:210%;
    margin-bottom: 1em;
    font-family: “Bodoni MT”, Didot, “Didot LT STD”, “Hoefler Text”, Garamond, “Times New Roman”, serif;
    font-weight: bold;
    text-align: center;
}

#daily h2.museum {
	background-color:#541B86;
	color:#fff;
}
#daily h2.theater {
	background-color:#004C54;
	color:#fff;
}

#daily p.alert {
	background-color:#666;
	padding:10px;
	text-align:center;
	color:#fff;
}


@media screen and (min-width:980px) {
	
    #theater .z .left {
        width: 616px;
    }
    #theater .z .right {
        width: 280px;
    }

    #theater .z li {
        margin-bottom: 1em;
    }
    #theater .z li:last-child {
        margin-bottom: 0;
    }

	
    #index .x,
    #theater .x {
        margin-bottom: 8em;
    }

    #index .x li,
    #theater .x li {
      width: calc((100% - 3em) / 4);
      float: left;
      margin: 1em 1em 0 0;
    }

    #index .x li:nth-child(4n),
    #theater .x li:nth-child(4n) {
      margin-right: 0;
    }

    #index .x li:nth-child(-n+4),
    #theater .x li:nth-child(-n+4) {
      margin-top: 0;
    }

	
		#daily .contents .right .navi  {
		}
		#daily .contents .right .navi_left  {
			width:473px;
			text-align:left;
			float:left;
		}
		
		#daily .contents .right .navi_right  {
			width:473px;
			text-align:right;
			float:left;

		}
	}
	
	
	
	
	
	
	
	
	
	
#index .x {
    padding: 1.5em ;
    background: rgba(84,27,134,0.04);
    background-color:#F9F3F0;
}



#index .x h2,
#theater .x h2 {
  color: #993300;
  text-align: center;
  margin-bottom: 1.5em;
}



#index .x li a {
  display: block;
  color: #993300;
  text-align: center;
  text-decoration: none;
  padding: 1em;
  background: #fff;
  border: 1px solid #ead6cc;
  
}



#theater .z {
    width: 100%;
    border-collapse: collapse;
    margin-bottom:2em;
}

#theater .z table {
    width: 100%;
    margin: 0 0 4em 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

#theater .z table th,
#theater .z table td {
    line-height: 1.5;
    vertical-align: top;
    padding: 0.75em 0;
    border-top: 1px solid rgba(0, 0, 0, 0.12);
}

#theater .z tr:first-of-type td,
#theater .z tr:first-of-type th {
    padding: 0 0 1em;
    border-top: none;
}

#theater .z table .date {
    width: 6.5em;
}

#theater .z table .category {
    width: 5.5em;
}

#theater .z li .img {
    display: block;
    width: 8em;
    float: left;
    margin-right: 1em;
}

#theater .z li .img a {
    display: block;
    border: 1px solid rgba(0, 0, 0, 0.04);
}

#theater .z li div {
    width: calc(100% - 9em);
    float: left;
}

#theater .z li .title {
    display: block;
    font-weight: bold;
    line-height: 1.5;
    margin: -0.25em 0 0.75em;
}

#theater .z li .date,
#theater .z li .place {
    display: inline-block;
    font-size: 80%;
    line-height: 1.5;
    margin: -0.25em 0;
}

#theater .z iframe {
    display: block;
    max-width: 100%;
    margin: 0 auto;
}







@media screen and (max-width:979px) {
	.footer .left img.pc {
		display:none;
	}
	
    #index .x {
        margin-bottom: 6em;
    }

    ##index .x li {
      margin: 1em 0 0 0;
    }

}












.post .thumbnail_list {
    margin-bottom: 4em;
}
.post .thumbnail_list li {
	list-style-type: none;
    margin-bottom: 1em;
}

.post .thumbnail_list li:last-child {
    margin-bottom: 0;
}

.post .thumbnail_list li .img {
    display: block;
    width: 15em;
    float: left;
    margin-right: 2em;
}


.post .thumbnail_list li div {
    width: calc(100% - 17em);
    float: left;
}

.post .thumbnail_list li .title {
    display: block;
    font-weight: bold;
    line-height: 1.5;
    margin: -0.25em 0 0.75em;
}

.post .thumbnail_list li .date,
.post .thumbnail_list li .place {
    display: inline-block;
    font-size: 80%;
    line-height: 1.5;
    margin: -0.25em 0;
}
	
@media screen and (min-width:980px) and ( max-width:1124px) {
    #theater .a .catch img {
        padding-top: 123px;
    }
}

	
@media screen and (max-width:979px) {
	#index .f .left {clear:both;border:1px solid #fff;}
	}
	
table.calendar td.today {
	background-image:url('/common/img/today_bg.png');
}


.thumbnail_gallery {
	text-align:center;
}
.thumbnail_gallery dl {
	margin-left:auto;
	margin-right:auto;
}
.thumbnail_gallery dt {
	width:222px;float:left;
	height:222px;margin-right:16px;margin-bottom:9px;
	background-color:#efefef;
}
.thumbnail_gallery dt span{
    display: block;
    width: 100%;
    padding-top: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.thumbnail_gallery .sl-caption {
	border:1px solid red;
	display:none;
	background-color:red;
}

.pos-bottom {
	border:1px solid red;
	top:2101;
	position:relative !important;
}