@charset "utf-8";
@media (max-width: 980px){

	/*----------------------------------------
	■■■■■■■■■■■■■■ top.css ■■■■■■■■■■■■■■
	----------------------------------------*/

	/*トップページ用
	--------------------------------------------------*/
	#all{
		background-position: left -13px!important;
	}
	#header-container{
		padding-bottom:0;
	}
	.bx-wrapper .bx-controls-direction a {
	    z-index: 0!important;
	}

	/*---- メインビジュアル ----*/
	#mainvisual {
		width:auto;
		height:auto;
		background-position: center bottom!important;
		-webkit-background-size: cover!important;
		background-size: cover!important;
		padding:50px 20px;
	}
	#mainvisual .left{
		max-width: 403px;
		padding:10px;
		float:none;
		width:auto;
		height:auto;
		margin: auto;
		margin-bottom: 15px;
	}
	#mainvisual .right{
		max-width: 403px;
		padding:10px;
		float:none;
		width:auto;
		height:auto;
		margin: auto;
	}
	#mainvisual .bx-wrapper{
	}
	#mainvisual .bx-wrapper .bx-viewport{
		background: none!important;
		height: auto!important;
		margin-bottom: 5px;
	}
	#mainvisual dt{
		height:22px;
		font-size:16px;
		margin:0 0 5px 0;
	}
	#mainvisual dd{
		font-size:12px;
	}

	#globalnavi {
		padding:15px 0 20px;
	}

	#top-left-conts{
		float:none;
		width:auto;
	}
	#top-right-conts{
		float:none;
		width:auto;
		clear: both;
	}

	/*新着情報
	----------------------------------------*/
	#news-box{
		margin-bottom: 30px;
	}

	#news-head{
		background-size: 120% 100%;
		background-position:-10px top;
		width:auto;
		padding:19px 15px 0 15px;
	}
	#news-head h2{
		width:91px;
		height:18px;
		float:left;
		margin:3px 0 0;
	}
	#news-head p{
		width:124px;
		height:26px;
		float:right;
	}

	#news-conts{
		background:none;
		background:#FFF;
		padding:10px 15px 25px;
	}
	.news-tab{
		background:none;
		background:#FFF;
		padding:10px 5px 0 5px;
		border-bottom: 1px solid #CCC;
	}
	.news-tab ul{
		background:none;
		margin:0;
		height:auto;
		overflow:hidden;
	}
	.news-tab ul:after{
		content: '';
		display: block;
		clear: both;
	}
	.news-tab li{
		float:left;
		width: 33.333%;
		margin-right:0;
	}
	.news-tab li a{
		display: block;
		padding: 0 2px;
	}
	.news-tab li a img{
		max-width: 100%;
		height: auto;
	}
	#news-conts table{
		margin:0;
		border:0px;
	}
	#news-conts table tr,
	#news-conts table th,
	#news-conts table td{
		display: block;
	}
	#news-conts table th{
		width:100%;
		background:#FFF;
		background:none;
		padding:5px;
		padding-top: 10px;
		padding-bottom: 0;
		font-size: 12px;
		border-bottom: none;
	}
	#news-conts table td{
		padding:5px;
		padding-bottom: 10px;
		border-bottom:1px dotted #999;
	}
	#news-conts table td img{
		height: 17px;
		width: auto;
	}
	#news-conts table td{
		padding:5px;
		border-bottom:1px dotted #999;
	}
	#news-conts table td div{
		font-size: 11px;
	}

	#event-box{}
	#event-box h2{
		height: 39px;
		padding: 19px 15px 0 15px;
		background: url(../imgs/top/bg_news_head.png) no-repeat;
		background-position: -5px top;
	}
	#event-box h2:before{
		content: 'イベントカレンダー';
		display: block;
		font-size: 16px;
		padding-left: 10px;
		border-left: 4px solid #02652d;
	}
	#event-box h2 img{
		display: none;
	}
	#top-event-conts{
		background:none;
		background:#FFF;
		padding:0 25px 15px;
	}


	/*ページトップに戻る
	----------------------------------------*/
	#backtoparea #backtop{
		margin:0 auto;
		width:auto;
	}

	#bnr-box{
		background:none;
		background:#FFF;
		padding:10px;
		width:auto;
		height:auto;
		margin-bottom: 30px;
	}
	#bnr-list{
		margin:0;
	}
	#bnr-list li{
		width:50%;
		height:auto;
		float:left;
		margin:0;
	}
	#bnr-list li a{
		display: block;
		padding: 3px;
		text-align: center;
	}
	#bnr-list li a img{
		max-width: 100%;
		height: auto;
	}

	/*Topics
	----------------------------------------*/
	#topics-box{
	}

	#topics-head{
		background-size: 120% 100%;
		background-position:-10px top;
		width:auto;
		padding:19px 15px 0 15px;
	}

	#topics-conts{
		background: none;
		background: #FFF;
		padding: 0;
		margin-bottom: 30px;
	}
	#topics-conts li,
	#topics-conts li:last-child{
		float:none;
		text-align:center;
		width:270px;
		border-right:none;
		margin: 30px auto;
		padding:0;
	}
	#topics-conts li dd{
		margin-top:6px;
	}

}

@media (max-width: 991px){
	#bnr-box #bnr-list li{
		width:20%;
	}
}
@media (max-width: 767px){
	#bnr-box #bnr-list li{
		width:25%;
	}
}
@media (max-width: 576px){
	#bnr-box #bnr-list li{
		width:33.333%;
	}
}
@media (max-width: 420px){
	#bnr-box #bnr-list li{
		width:50%;
	}
}