@charset "UTF-8";
/* CSS Document */
.aligncenter {text-align: center;}
.alignleft {text-align: center;}
.alignright {text-align: center;}
#news{
	padding-top: 100px !important;
	border-style:none;
}


#news .innar .news_box {
	width: 700px;
	margin: 0px auto;
	padding: 100px 0px 20px;
}
#news .innar .news_box .img {
	margin: 0px 0px 20px;
	text-align: center;
}
#news .innar .news_box .day {
	float: left;
	margin-right: 10px;
}
#news .innar .news_box .icon{
	float: left;
	font-size: 13px;
	text-align: center;
	max-width: 120px;
	width: 100%;
	line-height: 23px;
	float: left;
	background: #eee;
}
#news .innar .news_box .st {
	font-size: 15px;
	font-weight: 700;
	margin-top: 15px;
	margin-bottom: 15px;
}
#news .innar .news_box dt span {
	margin-right: 10px;
}

#news .innar .news_box:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility:hidden;
}

#news .innar .tab_container {
	width: 830px;
	float: right;
	margin: 60px 0px 0px;
}
#news .innar .tab_container dl:first-child {
	border-bottom: 1px solid #CCC;
	padding-top: 15px;
	padding-bottom: 15px;
	border-top: 1px solid #CCC;
}
#news .innar .tab_container dl .text2 .day {
	float: left;
	margin-right: 10px;
}
#news .innar .tab_container dl .text2 .icon{
	font-size: 13px;
	text-align: center;
	max-width: 120px;
	width: 100%;
	line-height: 23px;
	float: left;
	background: #eee;
	margin-right: 30px;
}
#news .innar .tab_container dl .text2 .st {
	font-size: 15px;
	font-weight: 700;
	margin-top: 15px;
	margin-bottom: 15px;
}


#news .innar .news_container {
	margin: 60px 0px 0px;
}
#news .innar .news_container {
	margin: 0px;
}
#news .innar .news_container .news_box2 {
	width: 830px;
	float: right;
}
#news .innar .news_container .news_box2 dl {
	padding-top: 15px;
	padding-bottom: 15px;
}
#news .innar .news_container .news_box2 dl .text2 .day {
	float: left;
	margin-right: 10px;
}
#news .innar .news_container .news_box2 dl .text2 .icon{
	font-size: 13px;
	text-align: center;
	max-width: 120px;
	width: 100%;
	line-height: 23px;
	float: left;
	background: #eee;
	margin-right: 30px;
}
#news .innar .news_container .news_box2 dl .text2 .st {
	font-size: 24px;
	/* font-weight: 700; */
	letter-spacing: 1px;
	margin-top: 12px;
	margin-bottom: 57px;
}





@media only screen and (max-width: 768px){
#news{
	padding-top: 50px !important;
}
#news .innar .news_box {
	width: auto;
	padding: 50px 0px 10px;
}
#news .innar .news_box .img {
	margin: 0px 0px 20px;
	text-align: center;
}
#news .innar .news_box .day {
	float: none;
	margin: 0px 0px 10px;
}
#news .innar .news_box .icon{
	float: none;
	float: none;
}
#news .innar .news_box .st {
	margin-top: 20px;
}
#news .innar .news_box dt span {
	margin-right: 10px;
}

#news .innar .news_box:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility:hidden;
}



#news .innar .tab_container {
	width: auto;
	margin: 0px 3%;
	float:none;
}
#news .innar .tab_container dl {
	padding-top: 15px;
	padding-bottom: 15px;
}
#news .innar .tab_container dl:first-child {
	border-bottom: 1px solid #CCC;
	padding-top: 15px;
	padding-bottom: 15px;
	border-top: 1px solid #CCC;
}
#news .innar .tab_container dl .img {
	margin-right: 10px;
	width: 26%;
}
#news .innar .tab_container dl .text .day {
	float: left;
	margin-right: 5px;
	padding-top:3px;
}
#news .innar .tab_container dl .text .icon{
	font-size: 11px;
	text-align: center;
	max-width: 90px;
	width: 100%;
	line-height: 23px;
	float: left;
	background: #eee;
	margin-right: 0px;
}
#news .innar .tab_container dl .text .st {
	font-size: 12px;
	font-weight: 500;
	margin-top: 13px;
	margin-bottom: 0px;
}
#news .innar .tab_container dl dt span {
	margin-right: 10px;
}
#news .innar .tab_container dl .text {
	width: 70%;
}
#news .innar .tab_container dl:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility:hidden;
}

#news .innar .news_container {
	margin: 0px;
}
#news .innar .news_container {
	margin: 0px;
}
#news .innar .news_container .news_box2 {
	margin: 0px auto;
	width: auto;
	float: none;
}
#news .innar .news_container .news_box2 dl {
	padding-top: 15px;
	padding-bottom: 15px;
}
#news .innar .news_container .news_box2 dl .text2 .day {
	float: left;
	margin-right: 10px;
}
#news .innar .news_container .news_box2 dl .text2 .icon{
	font-size: 13px;
	text-align: center;
	max-width: 120px;
	width: 100%;
	line-height: 23px;
	float: left;
	background: #eee;
	margin-right: 0px;
}
#news .innar .news_container .news_box2 dl .text2 .st {
	font-size: 20px;
	/* font-weight: 700; */
	margin-top: 6px;
	line-height: 28px;
	margin-bottom: 34px;
}
}








/* ===============================================
 新着情報一覧 
=============================================== */
#news .side_nav {
	float: left;
	width: 200px;
}
#news .side_nav .tab_bt {
	width: auto;
	margin: 0px auto;
}
#news .side_nav .title {
	font-size: 16px;
	line-height: 60px;
	border-bottom: 3px solid #c31a27;
}
#news .side_nav .tab_bt li  {
	float: none;
	text-align: left;
	width: auto;
	cursor: pointer;
	box-sizing: border-box;
	background: none;
	border-bottom: 1px solid #ccc;
	line-height: 60px;
}
#news .side_nav .tab_bt li a {
	text-decoration: none;
	display: block;
	padding: 0px 0px 0px 20px;
}
#news .side_nav .tab_bt li.active a {
	text-decoration: none;
	display: block;
	padding: 0px;
}
#news .side_nav .tab_bt li a:hover {
	text-decoration: none;
	color: #B40317;
	background: url(/100th/images/common/point_red.png);
	background-repeat: no-repeat;
	background-position: 5px center;
	padding: 0px 0px 0px 20px;
}
#news .side_nav .tab_bt li.active a:hover {
	text-decoration: none;
	color: #B40317;
	background: none;
	padding: 0px 0px 0px 0px;
}
#news .side_nav .tab_bt li:last-child {
	background: none;
}
#news .side_nav .tab_bt li.active {
	background: url(/100th/images/common/point_red.png);
	background-repeat: no-repeat;
	background-position: 3px center;
	color: #cf1126;
	padding: 0px 0px 0px 20px;
}
#news .side_nav .tab_bt li:last-child.active {
	background: url(/100th/images/common/point_red.png);
	background-repeat: no-repeat;
	background-position: 3px center;
	color: #cf1126;
	padding: 0px 0px 0px 20px;
}
#news .innar .tab_container {
}
#news .innar .tab_container dl {
	border-bottom: 1px solid #CCC;
	padding-top: 20px;
	padding-bottom: 20px;
}
#news .innar .tab_container dl .img {
	float: left;
	margin-right: 40px;
	width: 210px;
}
#news .innar .tab_container dl .text .day {
	float: left;
	margin-right: 10px;
}
#news .innar .tab_container dl .text .icon{
	font-size: 13px;
	text-align: center;
	max-width: 120px;
	width: 100%;
	line-height: 23px;
	float: left;
	background: #eee;
	margin-right: 30px;
}
#news .innar .tab_container dl .text .st {
	font-size: 20px;
	/* font-weight: 700; */
	margin-top: 7px;
	line-height: 155%;
	letter-spacing: 1px;
	margin-bottom: 15px;
}
#news .innar .tab_container .tab1 dl a:hover .text .st {
	color: #C21B24;
	text-decoration: none;
}
#news .innar .tab_container dl dt span {
	margin-right: 10px;
}
#news .innar .tab_container dl .text {
	float: left;
	width: 580px;
}
#news .innar .tab_container dl:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility:hidden;
}


/***ページャー***/
#news .innar .pager {
	overflow: hidden;
	margin: 30px 0px 0px;
}
 
#news .innar .pager ul {
    list-style: none;
    position: relative;
    left: 50%;
    float: left;
}
 
#news .innar .pager ul li {
	margin: 0 1px;
	position: relative;
	left: -50%;
	float: left;
	display: block !important;
}
#news .innar .pager ul li.current {
	color: #C11B27;
}
#news .innar .pager ul li.prev a {
	color: #C11B27;
}
#news .innar .pager ul li.next a {
	color: #C11B27;
}

 
#news .innar .pager ul li span,
#news .innar .pager ul li a {
	display: block;
	font-size: 20px;
	padding: 0.6em 1em;
}
 
#news .innar .pager ul li a {
    text-decoration: none;
}
 
#news .innar .pager ul li a:hover {
	color: #C11B27;
}




@media only screen and (max-width: 768px){
#news{
	padding-top: 25px;
}
#news .innar {
	width: auto;
	margin-right: 3%;
	margin-left: 3%;
	padding: 10px 0px 50px;
}
#news .side_nav {
	float: none;
	width: auto;
	margin: 30px 0 0;
}
#news .side_nav .tab_bt {
	width: auto;
	margin: 0px auto;
}
#news .side_nav .title {
	font-size: 16px;
	line-height: 60px;
	border-bottom: 3px solid #c31a27;
}
#news .side_nav .tab_bt {
	width: auto;
	margin: 0px auto 0px;
}
#news .side_nav .tab_bt li  {
    width: auto;
    margin-bottom: 0px;
    font-size:11px;
    padding: 0;
    background: none;
    border-left: none;
    line-height: 45px;
}
#news .side_nav .tab_bt li:first-child {
	background: none;
}
#news .side_nav .tab_bt li:nth-child(3){
	border-right: none;
}
#news .side_nav .tab_bt li:last-child {
	background: none;
	border-right: none;
}
#news .side_nav .tab_bt li.active {
	color: #cf1126;
	background: none;
	padding: 0;
}
#news .side_nav .tab_bt li:last-child.active {
	background: none;
	border-right: none;
	padding: 0;
}
#news .innar .tab_container dl {
	border-bottom: 1px solid #CCC;
	padding-top: 15px;
	padding-bottom: 15px;
}
#news .innar .tab_container dl .img {
	margin-right: 10px;
	width: 26%;
}
#news .innar .tab_container dl .text .day {
	float: left;
	margin-right: 5px;
	padding-top:3px;
}
#news .innar .tab_container dl .text .icon{
	font-size: 11px;
	text-align: center;
	max-width: 90px;
	width: 100%;
	line-height: 23px;
	float: left;
	background: #eee;
	margin-right: 0px;
}
#news .innar .tab_container dl .text .st {
	font-size: 15px;
	/* font-weight: 700; */
	margin-top: 10px;
	margin-bottom: 2px;
}
#news .innar .tab_container dl dt span {
	margin-right: 10px;
}
#news .innar .tab_container dl .text {
	width: 70%;
}
#news .innar .tab_container dl:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility:hidden;
}


/***ページャー***/

#news .innar .pager {
	overflow: hidden;
	margin: 30px 0px 0px;
}
#news .innar .pager:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
}
#news .innar .pager ul {
    list-style: none;
    position: relative;
    left: 50%;
    float: left;
}
#news .innar .pager ul li {
	margin: 0 1px;
	position: relative;
	left: -50%;
	float: left;
	display: block !important;
}
#news .innar .pager ul li.current {
	color: #C11B27;
}
#news .innar .pager ul li.prev a {
	color: #C11B27;
}
#news .innar .pager ul li.next a {
	color: #C11B27;
}

 
#news .innar .pager ul li span,
#news .innar .pager ul li a {
	display: block;
	font-size: 20px;
	padding: 0.3em 0.5em;
}
 
#news .innar .pager ul li a {
    text-decoration: none;
}
 
#news .innar .pager ul li a:hover {
	color: #C11B27;
}
}


/*ニュース＆トピックス　タイトル*/
#news h4 {
	background: #eeeeee;
	margin: 0 auto 20px;
	padding: 0.8em 0.5em 0.8em 1em;
	position: relative;
	/* font-weight: 700; */
	font-size: 18px;
}
#news h4::before {
    content: "";
    top: 0;
    left: 0;
    border-bottom: 17px solid transparent;
    border-left: 17px solid #c31a27; /* ラベルの色はここで変更 */
    position: absolute;
    z-index: 100;
}
#news h4::after {
    display: block;
    top: 5px;
    transform: rotate(-45deg);
    left: 0;
    position: absolute;
    z-index: 101;
}

#news h5 {
	position: relative;
	border-bottom: 3px solid #dcdcdc;
	font-size: 16px;
	/* font-weight: 700; */
	padding: 0.5em 0px;
	margin: 0px 0px 20px;
}
#news h5::after {
	position: absolute;
	bottom: -3px;
	left: 0;
	z-index: 2;
	content: '';
	width: 13%;
	height: 3px;
	background-color: #c31a27;
}

#news h6 {
	border-bottom: 1px dotted #dcdcdc;
	font-size: 14px;
	font-weight: 700;
	padding: 0.4em 0px;
	margin: 0px 0px 10px;
}