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




/* cal setting :
--------------------------------------------*/


#calendar {
	background: #fff;
	padding: 0;
}


#calendar #search_area {
	background: #F5CE00;
	position: relative;
	margin-bottom: 50px;
	padding: 2%;
}
@media screen and (max-width: 1000px){
	#calendar #search_area {
	padding: 1%;
}
}

#calendar #search_area:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#calendar #search_area:before {
	content: "";
	width: 0px;
	height: 0px;
	margin: 0 auto;
	border-style: solid;
	border-width: 30px 50px 0px 50px;
	border-color: #F5CE00 transparent transparent transparent;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -30px;
}



/* 検索エリア :
--------------------------------------------*/


#calendar .search table {
	border-collapse:collapse;
}

#calendar .search table th,
#calendar .search table td {
	background: #fff;
	border-spacing: 0;
	padding: 20px 20px 15px;
	border:0px;
	border-bottom: 16px solid #F0BA00;
}

#calendar .search table th {
	white-space: nowrap;
	background-size: 30px!important;
	background-position: top 20px center!important;
	padding-top: 55px;
}


#calendar .search table th.area {background: #fff url(../img/common/icon_area.svg) no-repeat;}
#calendar .search table th.age {background: #fff url(../img/common/icon_age.svg) no-repeat;}
#calendar .search table th.genre {background: #fff url(../img/common/icon_genre.svg) no-repeat;}
#calendar .search table th.word {background: #fff url(../img/common/icon_word.svg) no-repeat;}


#calendar .search table td li {
	display: inline-block;
	margin: 0 1rem 5px;
}

#calendar .search table td li input[type="radio"],
#calendar .search table td li input[type="checkbox"] {
	margin-right: 5px;
}

#calendar .search table td input[type="text"] {
	width: 100%;
	height: 1.6rem;
}

#calendar .search input.btn {
	display: block;
	margin: 1.5rem auto;
	background: #C44147;
	padding: 0.5rem;
	min-width: 16rem;
	font-size: 1.2rem;
	color: #fff;
	border: none;
	text-align: center;
	cursor: pointer;
}



/* 検索結果 :
--------------------------------------------*/

/*---- ジャンル ----*/

#contents ul.category {
	display: inline-block;
	background: #E6E6E6;
	margin-bottom: 2rem;
	padding: 5px;
}


#contents ul.category li,
table#result td ul li {
	padding:7px 0 10px 40px;
	margin:0 0 12px;
	line-height:1.4em;
	background-size: 32px!important;
}

#contents ul.category li {
	display: inline-block;
	margin: 0 2rem 0 0;
}


li.time{background:url(../img/common/icon_time.svg) no-repeat 0 0em;}
li.area{background:url(../img/common/icon_area.svg) no-repeat 0 0em;}
li.genre{background:url(../img/common/icon_genre.svg) no-repeat 0 0em;}
li.age{background:url(../img/common/icon_age.svg) no-repeat 0 0em;}


/*---- table ----*/

table#result {
	border-top: 1px solid #CBCBCB;
	border-left: 1px solid #CBCBCB;
	width: 100%;
	border-collapse: collapse;
}

table#result th,
table#result td {
	border-bottom: 1px solid #CBCBCB;
	border-right: 1px solid #CBCBCB;
}


/*---- もっと見る設定 ----*/

table#result tr {display: none;}	
table#result tr:nth-child(1),
table#result tr:nth-child(2),
table#result tr:nth-child(3),
table#result tr:nth-child(4),
table#result tr:nth-child(5),
table#result tr:nth-child(6),
table#result tr:nth-child(7),
table#result tr:nth-child(8),
table#result tr:nth-child(9),
table#result tr:nth-child(10),
table#result tr:nth-child(11),
table#result tr:nth-child(12),
table#result tr:nth-child(13),
table#result tr:nth-child(14),
table#result tr:nth-child(15),
table#result tr:nth-child(16),
table#result tr:nth-child(17),
table#result tr:nth-child(18),
table#result tr:nth-child(19),
table#result tr:nth-child(20)  {display: table-row;}

/*---- 日付 ----*/

table#result th {
	padding: 1rem;
	width:7em;
	color: #000;
	background-color: #E6E6E6;
}

table#result th.sat {
	color: #283981;
	background-color: #D4D7E5;
}

table#result th.sun {
	color: #982F6D;
	background-color: #EAD5E1;
}

table#result th span {
	display: block;
	font-size:1.4rem;
	line-height:2rem;
	letter-spacing: 0.1rem;
}

table#result th .yea{
	font-size:1rem;
	margin-bottom: 0.2rem;
}

table#result th .week{
	font-size:1rem;
	font-family: 'Libre Baskerville', serif;
}


/*---- 公演情報 ----*/


table#result td img {
	display: block;
	float: left;
	margin: 0 3% 0 0;
	width: 12%;
}

table#result td a {
    display: block;
    float: none;
    width: auto;
    padding: 3%;
    margin: 0;
	text-decoration: none;
	background: #fff url(../img/common/arrow01.svg) no-repeat;
	background-position: right 10px bottom 10px;
}

table#result td a:hover{
	background-color: #FCF8D6;
}

table#result td a:after {
	content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}

table#result h2 {
	box-sizing: border-box;
    background: none;
	font-size: 1.2rem;
	border-left: 2px solid #000;
	float: left;
	width: 85%;
	padding: 0.2rem 0.2rem 0.2rem 0.8rem;
}

table#result h2 span {
	display: block;
	font-size: 0.9rem;
}

table#result td ul {
	float: left;
	width: 78%;
}



/* 詳細 setting :
--------------------------------------------*/


/*-- h1 --*/

#b_gl2 #contents.outline h1 {
	display:block;
	background: none;
	padding: 0.5rem 2rem;
	margin: 0 auto 2rem;
	min-height: auto;
	position: relative;
}

#b_gl2 #contents.outline h1:after {
	content: "";
	display: block;
	width: 4rem;
	height: 3px;
	background: #EAC619;
	margin: 1rem auto 0;
	position: relative;
	bottom: 0;
}

#b_gl2 #contents.outline h1 span{
	font-size:1rem;
	margin:0 0 1%;
}

#contents ul.category li {
	margin:0 0 0px;
	line-height:1.4em;
	background-size: 25px!important;
	min-height: 20px;
	display: inline-block;
	margin: 0 2rem 0 0;
	background-position: 0.5em;
}

table#result td ul li {
	margin:0 0 0px;
	line-height:1.4em;
	min-height: 20px;
	padding:7px 0 10px 50px;
	text-indent: -37px;
}


table#result td ul li img{
	display: inline-block;
    float: none;
    margin: 0 12px 0 0;
    width:25px;
}


/*-- table --*/

#b_gl2 #contents.outline .grid_3_4 .table1 {
	width: 97%;
	margin: 0 3% 0 0;
}

#b_gl2 #contents.outline .grid_3_4 .table1 th {
	background: #fff;
	padding: 5px 5px 5px 0;
}

#b_gl2 #contents.outline .grid_3_4 .table1 th span {
	display: block;
	text-align: center;
	padding: 4rem 1rem.5rem;
	background-size: 40px!important;
	background-position: top 1rem center!important;
}


#b_gl2 #contents.outline .grid_3_4 .table1 th.time span {background: #F2DCE8 url(../img/common/icon_time.svg) no-repeat 0 0em;}
#b_gl2 #contents.outline .grid_3_4 .table1 th.area span{background: #DCECC8 url(../img/common/icon_area.svg) no-repeat 0 0em;}
#b_gl2 #contents.outline .grid_3_4 .table1 th.genre span{background: #CCDCEB url(../img/common/icon_genre.svg) no-repeat 0 0em;}
#b_gl2 #contents.outline .grid_3_4 .table1 th.age span{background: #E4DBEC url(../img/common/icon_age.svg) no-repeat 0 0em;}


	table#result td ul li.genre span{
		display:inline-block;
		margin:0 1em 0 0;
	}



@media screen and (max-width: 767px) {
	
	#calendar .search table {
		margin: 0 3%;
	}
	
	#calendar .search table th, #calendar .search table th,
	#calendar .search table th, #calendar .search table td {display: block;}
	
	#calendar .search table th {border-bottom: 1px solid #CBCBCB;}
	
	#calendar .search table td {
		padding: 20px 10px 15px;
	}
	
	#calendar .search table td li {
		display: inline-block;
		width: 47%;
		margin: 0 2% 5px 0;
	}
	
		
	/*---- ジャンル ----*/
	
	#contents ul.category {
		display: inline-block;
		padding: 1rem 0.1rem 1rem 0.1rem;
		margin-bottom: 2rem;
		text-align: left;
/*		width: 97%;*/
		font-size: 0.7rem;
	}
	
	#contents ul.category li {
		margin: 0 0.1rem 0 0;
		padding:7px 0 3px 30px;
		background-size: 21px!important;
	}


	table#result h2 {
		font-size: 1rem;
		padding: 0.2rem 0 0.2rem 0.6rem;
		width: 65%;
		line-height:1.4em;
	}
	table#result td img {
		width: 30%;
	}

	table#result td ul {
		clear: both;
		width: auto;
		margin:1rem 0 0;
	}
	
	table#result td ul li {
		padding: 2px 0 8px 35px;
		margin: 0 0 0px;
		line-height: 1.4em;
		text-indent: -30px;
	}

	table#result td ul li img{
    margin: 0 5px 0 0;
}


	/*---- 日付 ----*/
	
	table#result th {
		padding: 1rem 0.5rem;
		white-space: nowrap;
		width:5em;
	}
	
	table#result th span {
		font-size:1rem;
		line-height:1.2rem;
		letter-spacing: 0rem;
	}
	
	table#result th .yea{
		font-size:0.9rem;
		margin-bottom: 0.2rem;
	}
	
	table#result th .week{
		font-size:0.8rem;
	}
	
	
	/*-- table --*/

	#b_gl2 #contents.outline .grid_3_4 .table1 {
		width: 100%;
		margin: 0;
	}

}