@charset "utf-8";
/*

　news.css

*/


#news_contents {
	max-width:1280px;
	margin:auto auto;
	padding:0 1.0rem;
}


/******************************************************************

     news_archive

******************************************************************/

#news_archive {
	margin:auto 2.0rem;
}


#news_archive article {
	margin:1.0rem 0;
	padding:1.0rem 0;
}


#news_archive  article ul {
	width:100%;
	margin:2.0rem auto;
}

#news_archive  article ul li {
	margin:0 0 0.1rem 0;
}

#news_archive  article ul li a dl {
	display:flex;
	margin:0.5rem 0;
	font-size:1.6rem;
	padding:1.0rem;
	border-radius:10px;
	border:2dpx solid #DDD;
}

#news_archive  article ul li a dl dt {
	color:#C5000A;
	margin:0 1.5rem 0 0;
	padding:1.0rem 0.5rem;
}

#news_archive  article ul li a dl dd {
	color:#111;
}

#news_archive  article ul li a dl dd {
	text-decoration:none;
	min-width:100px;
	display:block;
	font-size:1.6rem;
	padding:1.0rem 0.5rem;
	text-align:left;
	transition: background 0.1s;
	position:relative;
	color:#111;
}

#news_archive  article ul li a:after dl dd {
	background:#333;
	content:"";
	width: 100%;
	height: 1px;
	position: absolute;
	left: 0;
	bottom: 0px;
	transform: scale(0, 1);
	transform-origin: left top;
	transition: .25s ease-out;
}

#news_archive  article ul li a:hover dl {
	color:#111;
	background-color:#DDD;
}

#news_archive  article ul li a:hover:after dl dd {
	left: 0;
	transform: scale(1, 1);	
}

#news_archive article.list_page ul li {
	width:100%!important;
}


#news_archive article.detail_page h4 {
	background:none;
	color:#111;
	font-size:1.2rem;
}


#news_archive article.detail_page h4 dl dt {
	color:#C5000A;
}






#news_archive article.detail_page {
	width:100%;
	 padding:0;
	 box-sizing:border-box;
}

#news_archive article.detail_page h4 {
	font-size:1.8rem;
	font-weight:500;
	margin:0 0 1.0rem 0;
}



#news_archive article.detail_page .photo_box img {
	width: 100%;
	border-radius:10px;
}

#news_archive article.detail_page .main_photo {
	padding:2.0rem 1.0rem;
}

#news_archive article.detail_page .sub_photo ul {
/*	display:flex;
	flex-wrap:wrap;*/
}

#news_archive article.detail_page .sub_photo ul li {
	padding:1.0rem;
}

#news_archive article.detail_page p {
	font-size:1.6rem;
	margin:1.0rem 0;
	padding:0.5rem;
}



/***********************************
  ボタン ２つ配置
***********************************/
#news_archive .btn ul {
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
}

#news_archive .btn ul li {
	padding:1.0rem;
}


#news_archive .btn ul li a {
	display:inline-block;
	min-width:30.0rem;
}

#news_archive .btn ul li input[type="submit"] {
	display:inline-block;
	min-width:30.0rem;
}












@media screen and (max-width: 767px) {

/******************************************************************

     news_archive

******************************************************************/

#news_archive {
	margin:auto 0;
}


#news_archive article.list_page ul li {
        width: 100% !important;
        padding: 0 !important;
    }
	
	
	
	
}