﻿.news-sec .ttl {font-size:2.4rem; font-weight:600; letter-spacing:0.1em; text-align:left;}
.news-sec .date {font-size:1.6rem; letter-spacing:0.1em; text-align:left; margin:10px 0 0 0;}
.news-sec .body {font-size:1.6rem; letter-spacing:0.1em; text-align:left; margin:30px 0 0 0;}
.news-sec .body a {text-decoration:underline;}
.news-sec .body a:hover {text-decoration:none;}
.news-sec .imgs {margin:20px -10px 0 -10px; display:flex; flex-wrap:wrap; justify-content:center;}
.news-sec .imgs > div {width:50%; padding:10px; box-sizing:border-box;}
.news-sec .nav {margin:50px 0 0 0; display:flex; flex-wrap:wrap; justify-content:center;}
.news-sec .nav > li {padding:0 10px;}
.news-sec .nav > li.none {pointer-events:none; opacity:0;}
.news-sec .nav > li a {line-height:1; white-space:nowrap; text-decoration:none; padding:10px 30px; background-color:rgba(255,255,255,0.8); box-shadow:0 0 5px rgba(0,0,0,0.1); border:solid 1px #ccc; border-radius:5px; box-sizing:border-box; display:block; transition:background-color 0.3s ease;}
.news-sec .nav > li a:hover {background-color:rgba(0,0,0,0.1);}

.news-sec .list {text-align:left;}
.news-sec .list a {text-decoration:none; display:block; transition:background-color 0.3s ease;}
.news-sec .list a:hover {background-color:rgba(0,0,0,0.05);}
.news-sec .list dl {padding:20px; border-bottom:solid 1px rgba(0,0,0,0.1); display:flex;}
.news-sec .list dt {width:9em;}

@media screen and (max-width:767px){
	.news-sec .ttl {font-size:1.8rem;}
	.news-sec .date {font-size:1.2rem; margin:10px 0 0 0;}
	.news-sec .body {font-size:1.6rem; margin:30px 0 0 0;}
	.news-sec .imgs {margin:20px 0 0 0; display:block;}
	.news-sec .imgs > div {width:auto; padding:10px 0 0 0;}
	.news-sec .nav {margin:30px -4.0vw 0 -4.0vw; box-shadow:0 0 5px rgba(0,0,0,0.3);}
	.news-sec .nav > li {width:34%; text-align:center; padding:0; border-left:solid 1px #ccc; border-right:solid 1px #ccc; box-sizing:border-box;}
	.news-sec .nav > li.prev,
	.news-sec .nav > li.next {width:33%; border:none;}
	.news-sec .nav > li a {box-shadow:none; border:none; border-radius:0;}

	.news-sec .list dl {padding:10px; display:block;}
	.news-sec .list dt {width:auto; font-size:1.2rem;}
}