@charset "utf-8";
/****************************************
			info
*****************************************/
.emphasis{
	color: #c10012;
}

@media screen and (min-width:  769px){
	#info{
		width: 960px;
		margin: 40px auto 80px;
	}

	/****************************/
	/*   info/index お知らせ
	/****************************/
	#info .info_base .info_box{
		width: 960px;
		max-width: 96%;
		margin: 8px auto 40px auto;
	}
	.info_base .info_base_title{
		margin: 40px auto;
		padding-bottom: 8px;
		border-bottom: 4px solid #276194;
		text-align: center;
		font-size: 1.5em;
		width: 400px;
		max-width: 90%;
	}
	.info_base .info_box .info_item{
		display: flex;
		padding: 24px 0;
		border-bottom: 1px dotted #000;
	}
	.info_base .info_box .info_item .info_item_title{
		position: relative;
		color: #FFF;
		margin: 0px auto;
		width: calc(100% - 160px);
		font-weight: bold;
	}
	.info_base .info_box .info_item .info_item_date{
		width: 160px;
		margin-right: 16px;
	}
	.info_base .info_box .info_item .info_item_category{
		padding: 4px 8px;
		text-align: center;
		margin-right: 16px;
		display: inline-block;
		width: 100px;
		font-weight: normal;
		color: #fff;
	}
	.info_base .info_box .info_item .info_item_category.news{
		background-color: #b1b1b1;
	}
	.info_base .info_box .info_item .info_item_category.operation{
		background-color: #c10012;
	}
	.info_base .info_box .info_item .info_item_category.tour{
		background-color: #1FB5C3;
	}
	.info_base .info_box_page{
		margin-top: 40px;
		text-align: center;
	}

	/****************************/
	/*   info/detail お知らせ詳細
	/****************************/
	#info .info_base .info_box{
		width: 960px;
		max-width: 96%;
		margin: 8px auto 40px auto;
	}
	.info_base .info_base_title{
		margin: 40px auto;
		padding-bottom: 8px;
		border-bottom: 4px solid #276194;
		text-align: center;
		font-size: 1.5em;
		width: 400px;
		max-width: 90%;
	}
	.info_base .info_box .info_list .info_item_detail .info_item_newstitle{
		font-weight: bold;
		margin-bottom: 16px;
		font-size:1.4em;
	}
	.info_base .info_box .info_list .info_item_detail .info_item_newsdate{
		margin-bottom: 16px;
	}
	.info_base .info_box .info_list .info_item_detail .info_item_newstext{
		font-feature-settings:  "palt";
		line-height: 1.8;
	}
}

@media screen and (max-width:  768px){
	#info{
		width: 100%;
		margin: 40px auto 80px;
		margin-top:80px;
	}

	/****************************/
	/*   info/index お知らせ
	/****************************/
	#info .info_base .info_box{
		width: 96%;
		margin: 8px auto 40px auto;
	}
	.info_base .info_base_title{
		margin: 40px auto;
		padding-bottom: 8px;
		border-bottom: 4px solid #276194;
		text-align: center;
		font-size: 1.5em;
		width: 400px;
		max-width: 90%;
	}
	.info_base .info_box .info_item{
		padding: 12px 0;
		border-bottom: 1px dotted #000;
	}
	.info_base .info_box .info_item .info_item_title{
		position: relative;
		color: #FFF;
		line-height: 20px;
		margin: 4px auto 0px;
		width: 100%;
		font-weight: bold;
	}
	.info_base .info_box .info_item .info_item_date{
		font-size: 12px;
		margin-right: 16px;
		line-height: 1.8;
	}
	.info_base .info_box .info_item .info_item_category{
		font-size: 10px;
		text-align: center;
		display: inline-block;
		width: 100px;
		font-weight: normal;
		color: #333;
		border: solid 1px #333;
	}
	.info_base .info_box .info_item .info_item_category.news{
		background-color: #b1b1b1;
	}
	.info_base .info_box .info_item .info_item_category.operation{
		background-color: #c10012;
	}
	.info_base .info_box .info_item .info_item_category.tour{
		background-color: #1FB5C3;
	}
	.info_base .info_box_page{
		font-size: 10px;
		margin-top: 20px;
		text-align: center;
	}

	/****************************/
	/*   info/detail お知らせ詳細
	/****************************/
	#info .info_base .info_box{
		width: 96%;
		margin: 8px auto 40px auto;
	}
	.info_base .info_base_title{
		margin: 40px auto;
		padding-bottom: 8px;
		border-bottom: 4px solid #276194;
		text-align: center;
		font-size: 1.5em;
		width: 400px;
		max-width: 90%;
	}
	.info_base .info_box .info_list .info_item_detail .info_item_newstitle{
		font-weight: bold;
		margin-bottom: 16px;
		font-size:1.4em;
	}
	.info_base .info_box .info_list .info_item_detail .info_item_newsdate{
		margin-bottom: 16px;
	}
	.info_base .info_box .info_list .info_item_detail .info_item_newstext{
		font-feature-settings:  "palt";
		line-height: 1.8;
		width:96%;
		word-break:break-all;
	}
	.info_base .info_box .info_list .info_item_detail .info_item_newstext img{
		max-width:100%;
		height:auto;
	}
}