/**/
#mainMenu ul li.menu01 {
	z-index:600;
}
#main {
	position:relative;
	width:100%;
	height:500px;
}
#main .layer {
	position:absolute;
	top:0;
	width:100%;
	height:50px;
	margin:0 auto;
	z-index:50;
}
#main .layer #gMenu ul {
	/*background-color: rgba(255,255,255,0.7); */
	background:#FFF;
}
#topImg {
    clear: both;
	margin:0 auto 0;
    overflow: hidden;
    width: 100%;
	padding-bottom:20px;
	margin-bottom:20px;
	height:500px;
	z-index:2;
}
#topImg .bx-wrapper {
    max-width: 960px!important;
    margin: 0 auto!important;
}
#topImg .bx-viewport {
    overflow: visible!important;
    width: 960px!important;
  }
#catalog {
    clear: both;
	height:180px;
	margin:30px auto 50px;
    overflow: hidden;
    width: 100%;
	padding-bottom:20px;
	margin-bottom:20px;
}
#catalog .bx-wrapper {
    max-width: 960px!important;
    margin: 0 auto!important;
}
#catalog .bx-viewport {
    overflow: visible!important;
    width: 960px!important;
}
/*
#topImg .slider li {
    width: 960px!important;
    margin: 0;
    padding: 0;
  }*/
  
h2, h3, h4 ,h5 {
	 width:960px;
	 margin:0 auto;
	 border-bottom:1px solid #5977a4;
	 padding:10px 0;
	 text-align:center;
	 font-size:250%;
	 font-weight:normal;
	 color:#464646;
 }
.goList {
	 text-align:center;
	 height:40px;
	 margin:30px auto 50px;
 }
#campaign {
	 background:#edf5fa;
	 width:100%;
	 padding:50px auto;
	 overflow: hidden;
 }
#campaign ul{
  display: table;
  table-layout: fixed;
  text-align: center;
  width:960px;
  margin:30px auto;
}
#campaign ul li {
	display: table-cell;
	margin:0;
	padding:0;
	text-align:left;
}
#campaign ul li a {
	display:block;
	width:280px;
	height:230px;
	box-shadow: 0 0 2px 2px #ccc;
	-webkit-box-shadow: 0 0 2px 2px #ccc;
	-moz-box-shadow: 0 0 2px 2px #ccc;
	background:#FFF;
	padding:10px;
	margin:0 auto;
}
#campaign ul li a dl {
	margin-top:10px;
}
#campaign ul li a dl dt {
	border-left:3px solid #4877bd;
	padding-left:5px;
	font-size:115%;
	color:#4877bd;
	text-decoration:none;
	font-weight:bold;
}
#campaign ul li a dl dd {
	padding:10px 0 0;
	color:#666;
}
#reform {
	width:960px;
	height:500px;
	margin:25px auto 0;
}

#reMenu {
	background:#f3f4f1;
	 width:100%;
	 padding:50px auto;
	 overflow: hidden;
}
p.read {
	width:960px;
	margin:15px auto 0;
	text-align:center;
	font-size:115%;
}
#reMenu ul{
  display: table;
  table-layout: fixed;
  text-align: center;
  width:960px;
  margin:30px auto;
}
#reMenu ul li {
	display: table-cell;
	margin:0;
	padding:0;
	text-align:left;
}
#catalog img {
	box-shadow: 3px 3px 2px 1px #ccc;
	-webkit-box-shadow: 3px 3px 2px 1px #ccc;
	-moz-box-shadow:3px 3px 2px 1px #ccc;
}

div.tooltip {  
    width: 200px;  
    position: absolute;  
    left: -9999px;  
    background: #ccc;  
    padding: 0;  
    border: 1px solid #AAA;  
}  
div.tooltip p{  
    color: #FFF;  
    background: #222;  
    padding: 5px;  
}  

/*イベント一覧*/
#list {
	width:940px;
	margin:40px auto;
}
#list ul li {
	float:left;
	width:450px;
	height:110px;
	border: 1px solid #cccccc;
	padding:5px;
	margin-bottom:20px;
}
#list ul li:nth-child(2n) {
	float:right;
}
#list ul li img.flyer {
	float:left;
}
#list ul li .txt {
	float:right;
	width:320px;
}
#list ul li .txt span {
	font-size:75%;
	color:#FFF;
	padding:3px 5px 1px;
	font-weight:normal;
}
#list ul li .txt p {
	margin:5px 0;
	line-height:1.6;
	font-weight:bold;
}
/*札幌エリア*/
span.area01 {
	background:#eb9100;
}
/*旭川エリア*/
span.area02 {
	background:#099651;
}
/*苫小牧エリア*/
span.area03 {
	background:#004a86;
}
/*函館エリア*/
span.area04 {
	background:#aa0000;
}
/*帯広エリア*/
span.area05 {
	background:#5f008e;
}

/*スライダー*/
#slider {
    position: relative; /*for IE7*/
    overflow: hidden;
	margin:30px auto 50px;
}

#slider ul li {
    float: left;
    list-style: none;
	/*width:160px;*/
	width:190px;
	height:190px;
}
#slider ul li.side {
	width:190px;
}
#slider ul li.side img {
	margin-left:-20px;
}
#slider ul {
    position: relative;
    float: left;
}
#slider ul li img {
    display: block;
	/*box-shadow: 3px 3px 2px 1px #ccc;
	-webkit-box-shadow: 3px 3px 2px 1px #ccc;
	-moz-box-shadow:3px 3px 2px 1px #ccc;*/
}


/*-----------------------------------------------*/
/*------20200115--START--------------------------*/
/*-----------------------------------------------*/
@media screen and (max-width: 960px) {
	.rsp header {
		width:auto;
		padding-left: 3%;
		padding-right: 3%;
	}
	.rsp #main {
		position:relative;
		width:100%;
		height:auto !important;
		margin-bottom: 25px;
	}
	.rsp #topImg {
		clear: both;
		margin:0 auto 0;
		overflow: hidden;
		width: 100%;
		padding-bottom:20px;
		margin-bottom:20px;
		height:auto !important;
		z-index:2;
	}
	.rsp #topImg .bx-wrapper {
		max-width: auto!important;
		margin: 0 auto!important;
		width: auto!important;
	}
	.rsp #topImg .bx-wrapper img {
		width: 100%!important;
		height: auto!important;
	}
	.rsp #topImg .bx-viewport {
		overflow: visible!important;
		width: auto!important;
	  }
	.rsp h2, .rsp h3, .rsp h4 ,.rsp h5 {
		 width:auto;
		 margin:0 auto;
		 border-bottom:1px solid #5977a4;
		 padding:10px 0;
		 text-align:center;
		 font-size:250%;
		 font-weight:normal;
		 color:#464646;
	 }
	.rsp #campaign ul{
	  display: table;
	  table-layout: fixed;
	  text-align: center;
	  width:auto;
	  margin:30px 3% 30px 3%;
	}
	.rsp #list {
		padding-left: 3% !important;
		padding-right: 3% !important;
		width: 94% !important;
		margin:40px 0 40px 0;
	}
	.rsp #list ul li {
		float: left;
		width: 45% !important;
		margin-left: 1% !important;
		margin-right: 1% !important;
		height:110px;
		border: 1px solid #cccccc;
		padding:1%;
		margin-bottom:20px;
	}
	.rsp #list ul li:nth-child(2n) {
		float:right;
	}
	.rsp #list ul li img.flyer {
		float:left;
	}
	.rsp #list ul li .txt {
		float:right;
		width:63%;
	}
	.rsp #list ul li .txt span {
		font-size:75%;
		color:#FFF;
		padding:3px 5px 1px;
		font-weight:normal;
	}
	.rsp #list ul li .txt p {
		margin:5px 0;
		line-height:1.6;
		font-weight:bold;
	}
	.rsp #campaign ul li a {
		display:block;
		width:94%;
		height:230px;
		box-shadow: 0 0 2px 2px #ccc;
		-webkit-box-shadow: 0 0 2px 2px #ccc;
		-moz-box-shadow: 0 0 2px 2px #ccc;
		background:#FFF;
		padding:3%;
		margin:0 auto;
	}
	.rsp #campaign ul li {
		margin-left: 1% !important;
		margin-right: 1% !important;
	}
	.top-sp-list li {
		width: 31% !important;
		margin-left: 1% !important;
		margin-right: 1% !important;
	}
	.top-sp-list li img {
		width: 100% !important;
	}
	.top-sp-list li dl,
	.top-sp-list li dt,
	.top-sp-list li dd{
		width: 100% !important;
	}
	.rsp #reform {
		width:100%;
		height:auto !important;
		margin:25px auto 0;
	}
	.rsp p.read {
		width:100%;
		margin:15px auto 0;
		text-align:center;
		font-size:115%;
	}
	.rsp #reMenu ul{
	  display: table;
	  table-layout: fixed;
	  text-align: center;
	  width:100%;
	  margin:30px auto;
	}
	.rsp #reMenu ul li {
		display: table-cell;
		margin:0;
		padding:0;
		text-align:left;
	}
	.rsp #reMenu ul li img {
		width: 100%;
	}
}
@media screen and (max-width: 767px) {
	.rsp h2, .rsp h3, .rsp h4 ,.rsp h5 {
		 width:auto;
		 margin:0 auto;
		 border-bottom:1px solid #5977a4;
		 padding:10px 0;
		 text-align:center;
		 font-size:120%;
		 font-weight:normal;
		 color:#464646;
	 }
	.rsp .goList {
		 text-align:center;
		 height:auto !important;
		 margin:20px 5% 30px 5%;
	 }
	.rsp .goList img {
		width: 100%;
	}
	.top-sp-list li {
		display: block !important;
		width: 100% !important;
		margin-left: 0% !important;
		margin-right: 0% !important;
		margin-bottom: 15px !important;
	}
	.rsp #reMenu ul li {
		display:block !important;
		margin:0 4% 15px 4%;
		padding:0;
		text-align:left;
	}
	.rsp p.read {
		font-size:90%;
	}
	.rsp #campaign ul li a {
		display:block;
		width:94%;
		height:auto !important;
		box-shadow: 0 0 2px 2px #ccc;
		-webkit-box-shadow: 0 0 2px 2px #ccc;
		-moz-box-shadow: 0 0 2px 2px #ccc;
		background:#FFF;
		padding:3%;
		margin:0 auto;
	}
	.rsp #list {
		margin:40px 0 10px 0 !important;
	}
	.rsp #list ul li {
		float:none;
		width: 98% !important;
		margin-left: 0% !important;
		margin-right: 0% !important;
		height:auto !important;
		border: 1px solid #cccccc;
		padding:1%;
		margin-top:15px !important;
	}
	.rsp #list ul li::after {
	  content: "";
	  display: block;
	  clear: both;
	}
	.rsp #list ul li:nth-child(2n) {
		float:none;
	}
	.rsp #list ul li img.flyer {
		float:left;
		width: 27%;
	}
	.rsp #list ul li .txt {
		float:right;
		width:70%;
	}
}
/*------20200115--END----------------------------*/
/*-----------------------------------------------*/