@charset "utf-8";


/*=============================================

	除外設定

==============================================*/
.fair_none {
	display: none;
}

/*=============================================

	特典画像

==============================================*/

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

	#tokuten_wrap {
		padding: 1.6em;
		background: #FFF;
	}

}

@media print, screen and (min-width: 769px) {
	#tokuten_wrap {
		width: 800px;
		padding: 40px 0;
		margin: 0 auto 0;
		background: #FFF;
	}
}


/*=============================================

	タブ

==============================================*/

@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;
	}
}

/*=============================================

	フェア グループリスト

==============================================*/
#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 .fair_list_set {
		background: #FFF;
		margin: 0 0 2.4em;
	}
	#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.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 .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: 30%;
	}
	#fair_group_list .fair_list_set div.col:nth-of-type(3) {
		width: 60%;
		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: #5BAAD6;
		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.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) {
	#fair_flow {

	}
	#fair_flow ul {
		padding: 1.6em 0 0;
	}
	#fair_flow ul.list li {
		margin: 0 0 2.4em;
	}
	#fair_flow ul.list li dl dt {
		float: left;
		width: 60px;
		height: 60px;
		text-align: center;
		font-size: 200%;
		line-height: 60px;
		color: #b7a26d;
		border: 2px solid #b7a26d;
		border-radius: 50%;
	}
	#fair_flow ul.list li dl dd {
		float: right;
		width: 75%;
		padding: 0.6em 0 0;
	}
	#fair_flow ul.list li dl dd h5 {
		color: #b7a26d;
		margin: 0 0 0;
		font-size: 1.3em;
	}
 	#fair_flow ul.list li dl dd p {
 		font-size: 11px;
 	}

}

@media print, screen and (min-width: 769px) {
	#fair_flow {

	}
	#fair_flow ul {
		padding: 1.6em 0 0;
		width: 640px;
		margin: 0 auto;
	}
	#fair_flow ul.list li {
		float: left;
		width: 45%;
		margin: 0 1% 35px;
	}
	#fair_flow ul.list li dl dt {
		float: left;
		width: 60px;
		height: 60px;
		text-align: center;
		font-size: 200%;
		line-height: 60px;
		color: #b7a26d;
		border: 2px solid #b7a26d;
		border-radius: 50%;
	}
	#fair_flow ul.list li dl dd {
		float: right;
		width: 75%;
		padding: 0.6em 0 0;
		text-align: left;
	}
	#fair_flow ul.list li dl dd h5 {
		color: #b7a26d;
		margin: 0 0 0;
		font-size: 1.3em;
	}
 	#fair_flow ul.list li dl dd p {
 		font-size: 11px;
 	}
}