@charset "utf-8";
@media screen and (min-width: 0px) and (max-width: 800px) {
	.pc_view{
		display:none;
	}
	.sp_view{
		display:block;
	}

	html,body{
		min-width:inherit;
		min-height:0;
	}
	a{
		word-break: break-all;

	}
	.sp_br {
		display:block; 
	}
	
	/*--------------------------------------
	コンテンツ全体
	--------------------------------------*/
	#container{
		min-width: inherit;
	}
	.sp_news_bg {
		position: fixed;
		margin: 0 auto;
		top: 0;
		overflow: hidden;
		height: 120%;
		width: 100%;
	}
	#news_main{
		position: relative;
		padding: 0;
		background-size: 50px auto;
		min-height: auto;
		width: 100%;
		margin: inherit;
		left: inherit;
		padding-bottom: calc(120 /780*100%);
	}
	#contents{
		min-height: 65vh;
        margin: 0 calc(50 / 780* 100%);
	}
	#news_wrap {
		position: relative;
	}
	.news_title {
		position: relative;
		margin: 0 auto calc(60 / 680* 100%);
		width: calc(262 / 680* 100%);
	}
	/*--------------------------------------
	ニュース記事一覧：ナビゲーション
	--------------------------------------*/
	#news_navi{
		width: 100%;
		display: flex;
		justify-content:space-between;
		margin-top: 0%;
		margin-bottom: 6%;
	}
	#news_navi li{
		/* margin-right: 10px; */
		height: 40px;
		overflow: hidden;
		width: 130px;
	}
	#news_navi li:last-child{
		margin-right: 0;
	}
	.bt_all img{
		width:100%;
		height: auto;
	}
	.bt_topics img{
		width:100%;
		height: auto;
	}
	.bt_event img{
		width:100%;
		height: auto;
	}
	.bt_all{
		background: url(../img/sp/all_over.png) no-repeat center top;
		background-size: 100% auto;
	}
	.bt_topics{
		background: url(../img/sp/topics_over.png) no-repeat center top;
		background-size: 100% auto;
	}
	.bt_event {
		background: url(../img/sp/event_over.png) no-repeat center top;
		background-size: 100% auto;
	}	

	/*--------------------------------------
	ニュース記事一覧
	--------------------------------------*/
	#kiji_area{
		width: 100%;
		height: 100%!important;
		margin: 0 auto;
		display: flex;
		flex-wrap: wrap;
	}
	.kiji_area{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.news_box{
		position: relative;
		height: auto;
        margin: 0;
        padding-bottom: calc(40 / 680* 100%);
        flex-direction: column;
		width: calc(325 / 680* 100%);
	}
	.news_box:nth-child(2n) {
        border-left: none;
    }
	.news_hover{
		width: 100%;
		height: 100%;
		left: 0;
		background-size: 24px auto;
		background-color: rgba(255,255,255,0.7);
	}
	/*日付・タイトル・サムネイル*/
	.mini_img{
		margin-top: 0;
		margin-right: 0;
		margin-left: 0;
		width: 100%;
		height: 0;
		padding-top: calc(188 / 325* 100%);
	}
	.mini_img img {
		position: absolute;
		top: 0;
	}
	.news_box_inwrap{
		margin: calc(20 / 325* 100%) auto 0;
	}
	.day{
		position: relative;
		margin-bottom: 2vw;
		font-size: 11px!important;
		font-weight: 600;
		padding: 0;
	}
	.day span{
		padding: 2px 3px;
	}
	.title{
		margin-top:0;
		font-size: 10px;
		font-weight:bold;
	}
	/*moreボタン*/
	#bt_more_pc{
		display: none!important;
	}
	#bt_more_sp{
		display: none;
		position: relative;
		height: auto;
		margin: calc(60/680*100%) auto 0;
		cursor: pointer;
	}
	/*--------------------------------------
	フェード：ニュース記事
	--------------------------------------*/
	.more_news_page{
		position: relative;
		width: 96%;
		display: none;
		padding: 0;
		margin: 0 auto;
	}
	.more_news_page_inner{
		width: 100%;
        margin-top: calc(110 / 740* 100%);
        padding: calc(60 / 740* 100%) calc(30 / 740* 100%) calc(120 / 740* 100%);
		box-sizing: border-box;
	}
	.more_title{
		width:100%;
		line-height:20px;
		font-size: 14px;
		font-weight: bold;
		text-align: left;
	}
	.more_day{
		font-size: 12px;
		text-align: center;
		margin: 0;
        margin-bottom: calc(20 / 740* 100%);
		width: 20%;
        padding: 0.5vw 1vw;
        display: inline-block;
	}
	.more_kiji_img{
		width: 100%;
		height: auto;
		margin: 0 auto;
	}
	.more_txt{
		margin: 0;
		width: 100%;
		font-size: 12px;
		line-height: 24px;
		padding-top: calc(50 / 740* 100%);
	}
	/*ニュース記事クローズボタン*/
	.bt_news_close_wrap {
		padding-bottom: calc(100 / 740* 100%);
	}
	.bt_news_close_pc{
		display: none;
	}
	.bt_news_close_sp{
		display: block;
        position: fixed;
        top: 0;
		margin-top: calc(30 / 780* 100%);
        right: calc(30 / 780* 100%);
        width: calc(80 / 780* 100%);
	}

	/* #footer_wrap {
		bottom: 1px;
	} */

	#home_bt {
		position: relative;
	}

}

