@charset "utf-8";

/*---------------------------------------------------------------------------

ラインナップ

---------------------------------------------------------------------------*/
.content .lineupBlock {
	margin-bottom: 30px;
	padding-bottom: 30px;
	position: relative;
	border-bottom: 1px dotted #000;
	zoom: 100%;
}

.content .lineupBlock:after {
	content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

.content .lineupBlock .textBlock {
	width: 440px;
	float: left;
}

.content .lineupBlock .nopic {
	width: 100%;
}

.content .lineupBlock .textBlock h4 {
	font-weight: bold;
	font-size: 123.1%;
	margin-bottom: 10px;
}

.content .lineupBlock .textBlock h4 .subttl,.content .lineupBlock .textBlock h4 .subtitle{
	font-size: 80%;
}

.content .lineupBlock .date {
	background: url(/common/org/images/icon_date.gif) no-repeat;
	padding-left: 55px;
	margin-bottom: 10px;
}

.content .lineupBlock .saleBlock{
	background: url(/common/org/images/icon_sale.gif) no-repeat;
	padding-left: 55px;
	margin-bottom: 10px;
}

.content .lineupBlock .saleDay{
	margin-bottom: 0px;
	font-size: 93%;
}

.content .lineupBlock .MyCatch{
	font-weight:bold;
	background-color:#c42335;
	color:#ffffff;
	padding:3px 10px;
	display:inline-block;
	font-size:90%;
	margin-bottom:10px;
}

.content .lineupBlock .pic {
	float: right;
	width: 180px;
}

.content .lineupBlock .btn li{
	display:inline;
	margin-right:10px;
}

.content .none{
	border: none;
	padding-bottom: 0;
	margin-bottom: 0;
}

.content .redTxt{
	font-weight:bold;
	line-height:2em;
}

/*---------------------------------------------------------------------------

ラインナップ_new

---------------------------------------------------------------------------*/
/*#pickup #event h2{
	background:url(../../../pickup/images/koen_ttl.gif) no-repeat top left;
}*/

/*
共通
---------------------------------------------------------------------------*/
#loading{
	text-align:center;
}

.box_hover{
	cursor:pointer;
	opacity: 0.7;
}

.box_hover h4 a{
	color:#F00;
	text-decoration:none;
}

.eventLineUp .timetable_todays{
	margin-bottom:10px;	
}

.timetable_todays_caption{
	font-size:11px;
}

.timetable_todays p{
	margin-bottom:0;
}

.timetable_todays li{
	border:solid 1px #eee;
	padding:2px 5px;
	display:inline-block;
	margin-bottom:2px;
	font-weight:bold;
}

.timetable_todays li:nth-child(even){
	background-color:#eee;
}

.eventLineUp li{
	list-style:none;
}

.eventLineUp li a{
	text-decoration:none;
}

.eventLineUp .limit{
	display:inline-block;
	font-weight:bold;
	line-height:1;
	font-size:10px;
	padding:5px 10px;
	color:#fff;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
	background-color:#000;
	/*background: -moz-linear-gradient(top, #515151, #1b1b1b);
    background: -webkit-gradient(linear, left top, left bottom, from(#515151), to(#1b1b1b));*/
}

.eventLineUp .limit a{
	display:block;
	text-decoration:none;
	color:#fff;
}

.eventLineUp .hallLabel{
	display:inline-block;
	font-weight:bold;
	line-height:1;
	font-size:10px;
	padding:5px 7px;
	margin:10px 0 5px 0;
	color:#fff;
    /*border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;*/
}

.eventLineUp .update{
	color:#999;
	font-size:90%;
}

.eventLineUp .orchard{ background-color:#e6001c;}
.eventLineUp .cocoon{ background-color:#00a953;}
.eventLineUp .cinema{ background-color:#0074bf;}
.eventLineUp .museum{ background-color:#ffdb01;}
.eventLineUp .gallery{ background-color:#ea8304;}

.eventLineUp .none:nth-child(2),.eventLineUp .none:nth-child(3){
	display:none!important;
}

.eventLineUp .endIcon{
	color:#f00000;
	font-weight:bold;
	text-align:center;
	border:solid 1px #f00000;
	font-size:10px;
	margin-bottom:5px;
}

.eventLineUp .flyer{
	display:none;
}

/*---------------------------------------------------------------------------
list1
---------------------------------------------------------------------------*/
.list1 {
	position: relative;
	zoom: 100%;
	width:660px;
	margin-right:-20px;
}

.list1:after {
	content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

.list1 > li {
	width: 145px;
	float:left;
	margin-right:20px;
}

.list1 li h4 {
	font-weight: bold;
	font-size: 100%;
	margin-bottom: 10px;
	margin-top:10px;
	font-size: 90%;
	margin-top: 5px;
	background-image: url(../images/linkmark.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	padding-left: 20px;
}

.list1 h4 .subttl,.list1 h4 .subtitle{
	font-size: 80%;
}

.list1 .pic {
	width: 100%;
}

.list1 .pic img{
	width: 100%;
}

.list1 li .caption{
	text-decoration:none;
	font-size:70%;
}

.list1 li .caption:last-child{
	margin-bottom:0;
}

.list1 .date {
	background: url(/common/org/images/icon_date.gif) no-repeat;
	padding-left: 55px;
	margin-bottom: 10px;
}

.list1 li .hallLabel,
.list1 li .lineupCatch{
	display:none;
}


/*2列*/
.column2 > li {
	width: 310px;
	float:left;
	margin-right:20px;
	margin-bottom:20px;
}

.column2 > li:nth-child(odd) {
	clear:both;
}

.column2 > li h4{
	font-size:100%;
	/*font-size:16px;
	background-position:0 7px;*/
}

/*3列*/
.column3 > li {
	width: 200px;
	float:left;
	margin-right:20px;
	margin-bottom:20px;
}

.column2 > li:nth-child(3n) {
	clear:both;
}

/*---------------------------------------------------------------------------
list2
---------------------------------------------------------------------------*/
h3{
	position:relative;
}

.list2 > li{
	clear:both;
	border-bottom:dotted 1px #000;
	padding-bottom:20px;
	margin-bottom:20px;
}

.list2 > li:after {
	content: "";
	clear: both;
	display: block;
}

.list2 > li:last-child{
	border-bottom:none;
	padding-bottom:0;
}


.list2 h4{
	background-image:none;
	font-size:14px;
	padding-left:0px;
	
}

.list2 .pic{
	float: left;
	width: 180px;
}

.list2 .pic img{
	width:100%;
}

.list2 .hallLabel{
	display:none;
}

.list2 .textBlock {
	width: 440px;
	float: right;
}

.list2 .nopic {
	width: 100%;
}

.list2 h4 {
	font-weight: bold;
	font-size: 123.1%;
	margin-bottom: 10px;
}

.list2  h4 .subttl,.list2  h4 .subtitle{
	font-size: 80%;
}

.list2 .date {
	background: url(/common/org/images/icon_date.gif) no-repeat;
	padding-left: 55px;
	margin-bottom: 10px;
	font-weight:bold;
}

.list2 .saleBlock{
	background: url(/common/org/images/icon_sale.gif) no-repeat;
	padding-left: 55px;
	margin-bottom: 10px;
}

.list2 .saleDay{
	margin-bottom: 0px;
	font-size: 93%;
}

.list2 .MyCatch{
	font-weight:bold;
	background-color:#c42335;
	color:#ffffff;
	padding:3px 10px;
	display:inline-block;
	font-size:90%;
	margin-bottom:10px;
}

.list2 .pic {
	float: left;
	width: 180px;
}

.list2 .btn{
	margin-bottom:0;
	float:none;
}

/*---------------------------------------------------------------------------
tab
---------------------------------------------------------------------------*/
ul.tabset{
	margin-bottom:20px;
	overflow: hidden;
}

ul.tabset li {
	display: inline;
	margin-right: 40px;
	zoom:1;
	vertical-align:top;
}

ul.tabset li img{
	vertical-align: top;
}

ul.tabset .tab2{
	margin-right: 0;
}


ul.tabset li.last {
	margin-right: 0;
}

#exhibition .btn_rental {
	position: absolute;
	right: 0;
	top: 0;
}

#gallery #exhibition ul.tabset {
	margin-bottom:20px;
}

#gallery #exhibition ul.tabset li {
	display: inline;
	margin-right: 15px;
}

#gallery #exhibition ul.tabset .last {
	margin-right:0;
}


/*---------------------------------------------------------------------------
btn
---------------------------------------------------------------------------*/
p.btnLineup{
	margin-bottom:10px;
}

p.btnLineup a{
	width:100%;
	text-align:center;
	font-size:17px;
	font-weight:bold;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border:solid 1px #000;
	display:block;
	padding:5px 0;
	text-decoration:none;
}

p.btnLineup a:hover{
	background-color:#efefef;
	color:#000;
}

/*---------------------------------------------------------------------------
loadBlock
---------------------------------------------------------------------------*/
.loadBlock{
	display:none;
}

/*---------------------------------------------------------------------------
pager
---------------------------------------------------------------------------*/
#pager{
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
}

#pager li{
	display:inline-block;
	background-color:#eee;
	padding:10px 12px;
	margin-right:5px;
	margin-bottom:5px;
	line-height:1;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

#pager li:last-child{
	margin-right:0;
}

#pager li:hover{
	cursor:pointer;
	background-color:#000;
	color:#fff;
}

#pager .active{
	background-color:#000;
	color:#fff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}