@charset "UTF-8";

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

News　一覧

*******************************/
.list-news .list-news-item{
    margin-bottom: 0;
}

.list-news .list-news-item:nth-child(even) a{
    background: none;
}

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

News　詳細

*******************************/
.detailWrap{
    max-width: 820px;
    margin: 0 auto;
}

.detailWrap .title{
    background: #f4fbf5;
    margin-bottom: 25px;
    text-align: left;
    padding: 40px 5%;
}

.detailWrap .title h3{
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 15px;
}

.detailWrap .title time{
    color: #9dab9f;
    margin-right: 15px;
}

.detailWrap .txt-box {
    text-align: left;
    margin-bottom: 50px;
    overflow: hidden;
}
.detailWrap .txt-box h4 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 30px;
}
.detailWrap .txt-box p {
    margin-bottom: 50px;
}
.detailWrap .txt-box img {
    margin-bottom: 50px;
}
.detailWrap .txt-box ul {
    overflow: hidden;
}
.detailWrap .txt-box li {
    width: 48%;
}
.detailWrap .txt-box li:nth-child(odd) {
    float: left;
}
.detailWrap .txt-box li:nth-child(even) {
    float: right;
}


/*==== mobile スマフォ縦用css ===*/
@media screen and (max-width: 480px) {
.detailWrap .title{
    padding: 20px 5%;
}

.detailWrap .title h3{
    font-size: 18px;
}

.detailWrap .txt-box {
    margin-bottom: 30px;
}
.detailWrap .txt-box h4 {
    font-size: 15px;
    margin-bottom: 15px;
}
.detailWrap .txt-box p {
    margin-bottom: 30px;
}
.detailWrap .txt-box img {
    margin-bottom: 30px;
}

.detailWrap .txt-box li {
    width: 100%;
}
.detailWrap .txt-box li:nth-child(odd) {
    float: none;
}
.detailWrap .txt-box li:nth-child(even) {
    float: none;
}
}