@charset "utf-8";


/*=============================================
	
	フェア グループリスト
	
==============================================*/
#fair_group_list .fair_list_set div.col:nth-of-type(2) img {
	aspect-ratio: 1 / 1;
	object-fit: cover;
}

@media print, screen and (max-width: 768px) {
	#fair_group_list {
		
	} 
	#fair_group_list .container {
		width: 94%;
	} 
	#fair_group_list h2 {
		margin: 0 0 1.2em;
	}
	#fair_group_list p.no_hit {
		text-align: center;
	}
	#fair_group_list .fair_list_set {
		background: #FFF;
		margin: 0 0 2.4em;
	}
	#fair_group_list .fair_list_set:last-of-type {
		margin: 0;
	}
	#fair_group_list .fair_list_set div.col {
		padding: 0;
	}
	#fair_group_list .fair_list_set div.col:nth-of-type(3) {
		padding: 2.0em;
	}
	#fair_group_list .fair_list_set div.time {
		padding: 1.2em 1.6em;
		background: #F9F9F9;
		border-top: 3px double #CCC;
	}	
	#fair_group_list .fair_list_set div.time.sat {
		background: #90C4AC;
		color: #FFF;
		border-top: 3px double #FFF;
	}	
	#fair_group_list .fair_list_set div.time.holiday {
		background: #e2923b;
		color: #FFF;
		border-top: 3px double #FFF;
	}
	#fair_group_list .fair_list_set div.time p.date {
		float: left;
		font-size: 120%;
		font-weight: bolder;
	}
	#fair_group_list .fair_list_set div.time p.seat {
		float: right;
	}
	#fair_group_list .fair_list_set div.col h4 {
		font-size: 150%;
		line-height: 1.6em;
		margin: 0 0 0.8em;
		font-weight: bold;
	}
	#fair_group_list .fair_list_set div.col p.day, #fair_group_list .fair_list_set div.col p.time {
		line-height: 1.6em;
		margin: 0 0 1.2em;
	}
	#fair_group_list .fair_list_set div.col ul.cat {
		text-align: left;
		margin: 0 0 1.2em;
	}
	#fair_group_list .fair_list_set div.col ul.cat li {
		display: inline-table;
		text-align: center;
		background: #739d8b;
		padding: 0.2em 0.8em;
		color: #FFF;
		margin: 0 0.6em 0.6em 0;
		font-size: 90%;
	}
	#fair_group_list .fair_list_set div.col p.lead {
		font-size: 105%;
		line-height: 1.6em;
		margin: 0 0 2.0em;
	}
}

@media print, screen and (min-width: 769px) {
	#fair_group_list {
		
	} 
	#fair_group_list h2 {
		margin: 0 0 30px;
	} 
	#fair_group_list p.no_hit {
		text-align: center;
	}
	#fair_group_list .fair_list_set {
		background: #FFF;
		margin: 0 0 30px;
	}
	#fair_group_list .fair_list_set div.col {
		float: left;
		padding: 0;
	}
	#fair_group_list .fair_list_set div.col:nth-of-type(1) {
		float: none;
		display: block;
		padding: 20px 20px;
	}
	#fair_group_list .fair_list_set div.col:nth-of-type(2) {
		width: 35%;
	}
	#fair_group_list .fair_list_set div.col:nth-of-type(3) {
		width: 55%;
		padding: 3% 5%;
	}
	#fair_group_list .fair_list_set div.time {
		padding: 1.2em 0;
		background: #F9F9F9;
		border-top: 3px double #CCC;
	}
	#fair_group_list .fair_list_set div.time.sat {
		background: #90C4AC;
		color: #FFF;
		border-top: 3px double #FFF;
	}	
	#fair_group_list .fair_list_set div.time.holiday {
		background: #e2923b;
		color: #FFF;
		border-top: 3px double #FFF;
	}
	#fair_group_list .fair_list_set div.time p.date {
		float: left;
		font-size: 140%;
		font-weight: bolder;
		margin: 0 20px 0 0;
	}
	#fair_group_list .fair_list_set div.time p.seat {
		float: left;
	}
	#fair_group_list .fair_list_set div.col h4 {
		font-size: 150%;
		line-height: 1.6em;
		margin: 0 0 20px;
	}
	#fair_group_list .fair_list_set div.col p.day, #fair_group_list .fair_list_set div.col p.time {
		display: inline-block;
		line-height: 1.6em;
		margin: 0 1.2em 1.2em 0;
	}
	#fair_group_list .fair_list_set div.col ul.cat {
		text-align: left;
		margin: 0 0 1.2em;
	}
	#fair_group_list .fair_list_set div.col ul.cat li {
		display: inline-table;
		text-align: center;
		background: #739d8b;
		padding: 0.2em 0.8em;
		color: #FFF;
		margin: 0 0.6em 10px 0;
		font-size: 90%;
	}
	#fair_group_list .fair_list_set div.col p.lead {
		font-size: 105%;
		line-height: 1.6em;
		margin: 0 0 20px;
	}
	#fair_group_list .fair_list_set div.col .btn_big02 {
		margin: 0;
		width: 240px;
	}

}


/*=============================================
	
	タブ
	
==============================================*/

@media print, screen and (max-width: 768px) {


	.tab {
		overflow:hidden;
		border-bottom: 6px solid #739d8b;
	}
	.tab li {
		width: 50%;
		background:#FFF;
		padding:1.0em 0;
		float:left;
		text-align: center;
		font-size: 1.2em;
		color: #739d8b;
	}
	.tab li.select {
		background: #739d8b;
		color: #FFF;
	}
	.content > li {
		padding: 0;
	}
	.hide {
		display:none;
	}
 
}

@media print, screen and (min-width: 769px) {
	.tab {
		overflow:hidden;
		border-bottom: 6px solid #739d8b;
		text-align: center;
	}
	.tab li {
		display: inline-table;
		width: 20%;
		background:#FFF;
		padding:1.0em 0;
		text-align: center;
		font-size: 1.2em;
		color: #739d8b;
	}
	.tab li.select {
		background: #739d8b;
		color: #FFF;
	}
	.content > li {
		padding:20px;
	}
	.hide {
		display:none;
	}
}