@charset "utf-8";

/*-----------------------------------------------------------
一覧
-----------------------------------------------------------*/

.newsLink:hover .newsTitle {
    text-decoration: underline;
}

.newsSide {
    margin: 65px 0 0;
}

.newsItem {
    border-bottom: 1px solid #707070;
}

.newsLink {
    display: block;
    color: inherit;
    width: 100%;
    position: relative;
    padding: 20px 0 20px 0;
}

.newsItem:first-child .newsLink {
    padding-top: 0;
}

.newsLink:hover {
    color: inherit;
}

.newsLink > .newsImg {
    aspect-ratio: 35/22;
    overflow: hidden;
    transition: .3s;
    margin: 8px 0 0;
}

img + .noImg {
    display: none;
}

.newsLink > .newsImg > img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    transition: .3s;
}

.newsLink:hover > .newsImg {
    filter: brightness(.5);
}

.newsMeta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    position: relative;
    margin: 0 0 0 0;
    gap: 5px 20px;
}

.newsCate {
    max-width: max-content;
    display: inline-block;
    color: #3C352C;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.35em;
    text-align: center;
    padding: 1px 20px 2px;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: 1;
    position: relative;
    z-index: 3;
}

.newsCate:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #D8B35C;
    z-index: -1;
    opacity: 0.43;
}

.newsDate {
    display: inline-block;
    font-size: 16px;
    color: #3C352C;
    line-height: 1.2em;
    font-weight: 400;
}

.newsTitle {
	display: block;
	font-size: 16px;
	width: 100%;
	color: #3C352C;
	font-weight: 400;
	line-height: 1.5em;
	margin: 10px 0 0;
}

.newsTitle:before {
    content: "";
    position: absolute;
    width: 31px;
    height: 7px;
    background: url(/system_panel/uploads/images/news_arrow.svg) no-repeat;
    background-size: auto;
    right: 25px;
    margin: auto;
    background-position: center;
    top: 0;
    bottom: 0;
    display: none;
}

/*-----------------------------------------------------------
詳細
-----------------------------------------------------------*/

.newsDetailArea {
    max-width: 1340px;
    width: 100%;
    margin: 0 0 0 auto;
}

.newsDetail {
    max-width: 892px;
    width: 100%;
    font-size: 14px;
    letter-spacing: 0.05em;
    line-height: 1.875em;
}

.newsMeta > .newsDate {
    flex-shrink: 0;
    margin: 0;
}

.newsDetailTitle {
    font-size: 20px;
    line-height: 1.5;
    border-bottom: solid 1px #707070;
    padding: 0 0 10px;
    margin: 15px 0 0;
}

.newsDetail .newsImg {
    text-align: center;
    margin: 20px 0 0;
}

.newsContent {
    margin: 20px 0 0;
}

.newsContent a {
    color: #4B433A;
    text-decoration: underline;
}

.newsContent a:hover {
    text-decoration: none;
	opacity: 0.65;
}

.newsPdfBtn {
    text-align: center;
    margin: 40px auto 0;
    position: relative;
}

.newsBackBtn {
    transform: scale(-1,1);
    text-align: center;
    margin: 30px auto 0;
    position: relative;
}

.newsBackBtn p {
    transform: scale(-1, 1);
}

.newsPdfBtn + .newsBackBtn {
    margin: 20px auto 0;
}

/*-----------------------------------------------------------
カテゴリ
-----------------------------------------------------------*/

.sideList {
    margin: 20px 0 0;
}

.sideBox {
    letter-spacing: 0.05em;
    line-height: 1.44em;
}

.sideBox:not(:first-child) {
    margin: 50px 0 0;
}

.sideBox > section {
    margin: 10px 0 0;
}

.sideTitle {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.05em;
    line-height: 1.2em;
    padding: 5px 10px 8px;
    position: relative;
    border-bottom: solid 1px #707070;
    border-left: solid 3px #707070;
}

.sideLink {
    display: block;
    color: inherit;
    padding: 0 10px;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 2.18em;
}

.sideLink:hover {
    color: var(--secondary);
}

/*-----------------------------------------------------------
アーカイブ
-----------------------------------------------------------*/

.archiveBlock {
    font-size: 14px;
    letter-spacing: 0;
    line-height: 2.18em;
}

.archiveBlock:nth-of-type(n + 2) {
    margin: 0.4em 0 0;
}

.archiveBox .webgeneItem {
    display: none;
}

.archiveList {
    display: none;
}

.archiveYear {
    display: flex;
    cursor: pointer;
    align-items: center;
    color: inherit;
    padding: 0 10px;
}

.archiveYear:hover {
    color: var(--secondary);
    transition: .3s;
}

.archiveYear .fa {
    margin: 0.1em 0 0;
    font-size: 1.2em;
    transition: .3s;
    transform-origin: center;
}

.archiveYear.active .fa {
    transform: rotate(90deg);
    transform-origin: center;
    transition: .3s;
}

.archiveYear > span {
    margin: 0 0 0 0.5em;
}

.archiveList {
    padding: 0 0 0 1.2em;
}

.archiveList > li {
    padding: 0;
    list-style: none;
}

.archiveList > li > a {
    display: block;
    color: inherit;
    padding: 0 10px;
}

.archiveList > li:nth-of-type(n + 2) {
    margin: 0.2em 0 0;
}

.archiveList > li > a:hover {
    color: var(--secondary);
}

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (min-width:544px) {
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

    .newsTitle:before {
        display: block;
    }

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
}/* min-width: 544px ここまで */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (min-width:768px) {
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

/*-----------------------------------------------------------
一覧
-----------------------------------------------------------*/

.newsArea {
    display: flex;
    justify-content: space-between;
}
  
.newsMain {
    max-width: 1130px;
    width: 78%;
}

.newsSide {
    max-width: 220px;
    width: 18%;
    margin: 0;
}

.newsMeta {
	flex-wrap: nowrap;
}
	
.newsCate {
	font-size: 16px;
}

.newsDate {
	font-size: 16px;
}

/*-----------------------------------------------------------
詳細
-----------------------------------------------------------*/
  
.newsDetail {
    font-size: 15px;
}
  
.newsDetailTitle {
    font-size: 22px;
}
  
/*-----------------------------------------------------------
カテゴリ
-----------------------------------------------------------*/

.sideLink {
    font-size: 15px;
}
	
/*-----------------------------------------------------------
アーカイブ
-----------------------------------------------------------*/

.archiveBlock {
    font-size: 15px;
}
    
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
}/* min-width: 768px ここまで */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (min-width:1024px) {
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
  
/*-----------------------------------------------------------
一覧
-----------------------------------------------------------*/

.newsLink {
    padding: 32px 0 32px 25px;
}

.newsMeta {
    gap: 5px 25px;
}
	
.newsCate {
}

.newsTitle {
	font-size: 18px;
	margin: 16px 0 0;
}
	
/*-----------------------------------------------------------
カテゴリ
-----------------------------------------------------------*/

.sideBox:not(:first-child) {
    margin: 95px 0 0;
}

.sideTitle {
    font-size: 20px;
}

.sideLink {
    font-size: 16px;
}

/*-----------------------------------------------------------
アーカイブ
-----------------------------------------------------------*/

.archiveBlock {
    font-size: 16px;
}

/*-----------------------------------------------------------
詳細
-----------------------------------------------------------*/
  
.newsDetail {
    font-size: 16px;
}

.newsDetailTitle {
    font-size: 25px;
    padding: 0 0 15px;
    margin: 20px 0 0;
}

.newsDetail .newsImg {
    margin: 30px 0 0;
}
    
.newsContent {
    margin: 35px 0 0;
}

.newsPdfBtn {
    margin: 60px auto 0;
}
    
.newsBackBtn {
    margin: 60px auto 0;
}

.newsPdfBtn + .newsBackBtn {
    margin: 30px auto 0;
}
	
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
}/* min-width: 1024px ここまで */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */