@charset "UTF-8";

/* mainimg
------------------------------------------------- */
.mainimg {
	background: url(../img/news/mainimg.jpg) no-repeat center #000;
	background-size:100%;
	margin: 0;
}

/* newsSet
------------------------------------------------- */
.newsSet {
	padding: 73px 0 113px;
}
.newsSet .newsMain {
    width: 55.55%;
	max-width: 500px;
    float: left;
}
.newsSet .ttl01 {
	padding-bottom: 40px;
}
.newsSet dl {
    width: 100%;
    border-bottom: 1px solid #808080;
    padding-bottom: 1.2em;
    margin-bottom: 1.2em;
}
.newsSet dl dt span {
    display: inline-block;
    color: #fff;
    background-color: #1e96be;
    padding: 0 7px;
    line-height: 20px;
    margin-left: 10px;
}
.newsSet dl dd {
    padding-top: 5px;
}
.newsSet dl a {
    color: #000;
}

.newsSet .snav {
    width: 31.11%;
	max-width: 280px;
    float: right;
}
.newsSet .snav h3 {
    padding-bottom: 1.8em;
}
.newsSet .snav li {
    margin-bottom: 0.7em;
}
.newsSet .snav li a {
    font-weight: bold;
    color: #666;
}
.newsSet .snav li .on,
.newsSet .snav li a:hover {
    color: #1e93bb;
}

.newsSet .newsDetail .cat {
    font-size: 26px;
    color: #fff;
    background-color: #1e96be;
    line-height: 40px;
    margin-bottom: 35px;
    display: inline-block;
    padding: 0 15px;
}
.newsSet .newsDetail .tit {
    display: table;
    width: 100%;
    padding-bottom: 1em;
    margin-bottom: 1.5em;
}
.newsSet .newsDetail .tit dt,
.newsSet .newsDetail .tit dd {
    display: table-cell;
}
.newsSet .newsDetail .tit dt {
    width: 80px;
    padding: 0 10px;
}
.newsSet .newsDetail h2 {
    font-weight: normal;
}
.newsSet .newsDetail .detailBox p {
    line-height: 1.7;
    margin: 0 10px 3em;
}
.newsSet .newsDetail .detailBox a {
    color: #040000;
}
.newsSet .newsDetail .photoBox ul {
    width: 100%;
    font-size: 0;
    text-align: center;
}
.newsSet .newsDetail .photoBox ul li {
    font-size: 14px;
    width: 45.5%;
    display: inline-block;
    margin: 0 0 4%;
}
.newsSet .newsDetail .photoBox ul li:nth-child(2n) {
    margin-left: 9%;
}
.newsSet .newsDetail .navArea ul {
    text-align: center;
    padding-top: 60px;
}
.newsSet .newsDetail .navArea ul li {
    margin: 0 4em;
    display: inline-block;
}
.newsSet .newsDetail .navArea ul li a {
    color: #1e96be;
}


@media only screen and (max-width:750px){
/* headTitle01
------------------------------------------------- */
.headTitle01 {
	width: 27.52%;
	max-width: 117px;
	left: 2%;
}

/* newsSet
------------------------------------------------- */
.newsSet {
	padding: 5vw 0 8vw;
}
.newsSet .ttl01 {
	width: 40.57%;
	max-width: 213px;
	padding-bottom: 5vw;
}
.newsSet .newsMain,
.newsSet .snav {
    width: 100%;
	max-width: inherit;
    float: none;
}
.newsSet .snav {
    padding-top: 1.5em;
}
.newsSet .snav h3 {
    width: 25%;
	max-width: 96px;
	padding-bottom: 7vw;
}
.newsSet .snav li {
    font-size: 4vw;
}
.newsSet .snav li a:hover {
    color: #666;
}

.newsSet .newsDetail .cat {
    font-size: 4.5vw;
    line-height: 7vw;
    margin-bottom: 4vw;
    padding: 0 3vw;
}
.newsSet .newsDetail .tit {
    display: block;
}
.newsSet .newsDetail .tit dt,
.newsSet .newsDetail .tit dd {
    display: block;
}
.newsSet .newsDetail .tit dt {
    width: 100%;
    padding: 0;
}
.newsSet .newsDetail .detailBox p {
    line-height: 1.6;
    margin: 0 0 2em;
}
.newsSet .newsDetail .photoBox ul li {
    width: 100%;
    display: list-item;
    margin: 0 0 5%;
}
.newsSet .newsDetail .photoBox ul li:nth-child(2n) {
    margin: 0 0 5%;
}
.newsSet .newsDetail .navArea ul {
    text-align: center;
    padding-top: 6vw;
}
.newsSet .newsDetail .navArea ul li {
    margin: 0 2.5vw;
}
}