
/*---------------------
CONTENSTS
--------------------- */
/* sub section */
.subPageSection{
    position: relative;
}
.subPageSection__inner{
    width: min(calc(1220/ var(--vw-min) * 100vw),1220px);
    padding: min(calc(120/ var(--vw-min) * 100vw), 120px) min(calc(80/ var(--vw-min) * 100vw), 80px) min(calc(155/ var(--vw-min) * 100vw), 155px);
    margin: 0 auto;
}
@media screen and (max-width:767px){
    .subPageSection__inner{
        width: 100%;
        padding:calc(170/ var(--vw-min) * 100vw) 0 calc(170/ var(--vw-min) * 100vw);
        margin: 0 auto;
    }
    .subPageContents{
        padding:0 calc(40/ var(--vw-min) * 100vw);
    }
}
/*---------------------
 NEWS
--------------------- */
/* NEWS > ttl */
.news .subPage__ttl__jp{
    position: absolute;
    bottom: 0;
    width: min(calc(89/ var(--vw-min) * 100vw), 89px);
    height: min(calc(20/ var(--vw-min) * 100vw), 20px);
    -webkit-mask: url(../img/ttl/ttl_news_jp.svg) no-repeat left center / contain;
    mask: url(../img/ttl/ttl_news_jp.svg) no-repeat left center / contain;
    background-color: #462f22;
}
@media screen and (max-width:767px){
    .news .subPage__ttl__jp{
        width:calc(130/ var(--vw-min) * 100vw);
        height:calc(32/ var(--vw-min) * 100vw);
    }
}

/* ttl deco */
.ttl__deco{
    position: absolute;
}
.ttl__deco._item1{
    width: min(calc(101/ var(--vw-min) * 100vw), 101px);
    height: min(calc(149/ var(--vw-min) * 100vw), 149px);
    display: block;
    background: url(../img/news/ttl_deco1.png) no-repeat center center / contain;
    left: max(calc(-14/ var(--vw-min) * 100vw), -14px);
    top: max(calc(-40/ var(--vw-min) * 100vw), -40px);
}
.ttl__deco._item2{
    width: min(calc(93/ var(--vw-min) * 100vw), 93px);
    height: min(calc(144/ var(--vw-min) * 100vw), 144px);
    display: block;
    background: url(../img/news/ttl_deco2.png) no-repeat center center / contain;
    right: min(calc(10/ var(--vw-min) * 100vw), 10px);
    top: max(calc(-40/ var(--vw-min) * 100vw), -40px);
}
@media screen and (max-width:767px){
    .ttl__deco._item1{
        width: calc(102/ var(--vw-min) * 100vw);
        height: calc(150/ var(--vw-min) * 100vw);
        left: calc(50/ var(--vw-min) * 100vw);
        top: calc(-24/ var(--vw-min) * 100vw);
    }
    .ttl__deco._item2{
       display: none;
    }
}

/* NEWS > contents */
/* list */
.newsLists{
    display: flex;
    flex-wrap: wrap;
    gap:min(calc(36/ var(--vw-min) * 100vw), 36px) min(calc(30/ var(--vw-min) * 100vw), 30px);
}
.newsItem{
    width: calc((100% - min(calc(60/ var(--vw-min) * 100vw), 60px)) / 3); 
}
.newsItem__link{
    display: flex;
    text-decoration: none;
    flex-direction: column;
}
@media screen and (max-width:767px){
    .newsLists{
        flex-direction: column;
        gap:calc(36/ var(--vw-min) * 100vw) 0;
    }
    .newsItem{
        width: 100%; 
    }
    .newsItem__link{
        flex-direction: row;
    }
}
/* newsItem > img*/
.newsItem__img{
    position: relative;
    width: 100%;
    height:  min(calc(170/ var(--vw-min) * 100vw), 170px);
    /*border: 2px solid #FFF;
    background-color: #FFF;*/
    flex-shrink: 0;
    margin-bottom:min(calc(25/ var(--vw-min) * 100vw), 25px);
    box-shadow: #8b6c5a 0px 0px min(calc(12/ var(--vw-min) * 100vw), 12px);
}
.newsItem__img::after{
    content: "";
    display: block;
    position: absolute;
    inset: 0;
    margin: auto;
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    border: 2px solid #916e49;
}
.newsItem__img::before{
    content: "";
    display: block;
    position: absolute;
    inset: 0;
    margin: auto;
    width: calc(100% - 15px);
    height: calc(100% - 15px);
    border: 1px solid #916e49;
}
.newsItem__img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
@media screen and (max-width:767px){
    .newsItem__img{
        width: calc(259/ var(--vw-min) * 100vw);
        height: calc(145/ var(--vw-min) * 100vw);
        margin-bottom:0;
        margin-right: calc(30/ var(--vw-min) * 100vw);
        box-shadow: #8b6c5a 0px 0px calc(12/ var(--vw-min) * 100vw);
    }
    .newsItem__img::after{
        width: calc(100% - 6px);
        height: calc(100% - 6px);
        border: 2px solid #916e49;
    }
    .newsItem__img::before{
        width: calc(100% - 10px);
        height: calc(100% - 10px);
        border: 1px solid #916e49;
    }
}
/* txt */
.newsItem__txt{
    width: 100%;
    display: flex;
    flex-direction: column;
}
.item__date{
    display: block;
    font-size: min(calc(16/ var(--vw-min) * 100vw), 16px);
    font-size: 16px;
    font-family: var(--f-en);
    color: #462f22;
    font-weight: 800;
    border-bottom: 1px solid #462f22;
    margin-bottom: 12px;
    line-height: 30px;
    padding-left: 43px;
    background: url(../img/news/news_data_deco.png) no-repeat left center / 37px auto;
    letter-spacing: 0;
}
.newsItem__ttl{
    overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
    font-size: 16px;
}
@media screen and (max-width:767px){
    .item__date{
        display: block;
        font-size:calc(24/ var(--vw-min) * 100vw);
        border-bottom: calc(2/ var(--vw-min) * 100vw) solid #462f22;
        margin-bottom: calc(10/ var(--vw-min) * 100vw);
        line-height: calc(41/ var(--vw-min) * 100vw);
        background: url(../img/news/news_data_deco.png) no-repeat left center / calc(50/ var(--vw-min) * 100vw) auto;
        padding-left: calc(62/ var(--vw-min) * 100vw);
    }
    .newsItem__ttl{
        font-size: calc(24/ var(--vw-min) * 100vw);
        padding-right: calc(48/ var(--vw-min) * 100vw);
        background: url(../img/news/link_arrow.svg) no-repeat right center / calc(21/ var(--vw-min) * 100vw) auto;
    }
}


/*--------------
 * pager
--------------*/
.newsPagerWrap{
    display: flex;
    font-family: var(--f-en);
	width: min(calc(880 / var(--vw-min) * 100vw),880px);
	margin: min(calc(60 / var(--vw-min) * 100vw),60px) auto;
    justify-content: center;
    gap: 0 min(calc(50 / var(--vw-min) * 100vw),50px);
}
.newsPagerWrap a{
    text-decoration: none;
    line-height: calc(18 / 26);
    color:#462f22;
    transition: all .2s ease;
    font-weight: 700;
    font-size: min(calc(32 / var(--vw-min) * 100vw),32px);
}
.newsPagingLists{
    display: flex;
    gap: 0 min(calc(60 / var(--vw-min) * 100vw),60px);
}
.newsPagingitem{
    display: block;
    width: min(calc(24 / var(--vw-min) * 100vw),24px);
    text-align: center;
    padding-bottom: min(calc(26 / var(--vw-min) * 100vw),26px);
    position: relative;
}
.newsPagingitem a{
    font-size: min(calc(32 / var(--vw-min) * 100vw),32px);
    text-align: center;
    text-decoration: none;
}
@media screen and (max-width:767px){
    .newsPagerWrap{
		width: 100%;
        padding: 0 calc(10 / var(--vw-min) * 100vw);
        margin-top: calc(80 / var(--vw-min) * 100vw);
    }
    .newsPagerWrap a{
        padding-top: calc(5 / var(--vw-min) * 100vw);
    }
    .newsPagingList a{
        font-size: calc(32 / var(--vw-min) * 100vw);
    }
}
.newsPagingitem a::after{
    content: "";
    display: flex;
    bottom: 0;
    left: 0;
    right: 0;
    width: 0;
    margin: auto;
    height: min(calc(4 / var(--vw-min) * 100vw), 4px);
    background-color: #4c2b1c;
    opacity: 0;
    transition: all .4s ease;
}

.newsPagingitem a:hover::after,
.newsPagingitem a.is-active::after{
    width: 100%;

    opacity: 1;
}
.newsPaging_nextprev a{
    padding: 0 min(calc(10 / var(--vw-min) * 100vw),10px);
    letter-spacing: 0.035em;
    font-size: min(calc(18 / var(--vw-min) * 100vw),18px);
}
/* --none */

.newsPagerWrap .paging_nextprev.--none{
    pointer-events: none!important;
       opacity: 0;

}
@media screen and (max-width:767px){
    .newsPaging_nextprev a{
        font-size: calc(20 / var(--vw-min) * 100vw);    
    }
}
/* hover */
@media screen and (hover:hover) and (pointer: fine){
	.newsPagingitem a:hover{
	}
	.newsPaging_nextprev:hover a{
		background-color: var(--color-main);
	}
}
.paging_nextprev {
    display: block;
    width: min(calc(20 / var(--vw-min) * 100vw),20px);
    height: min(calc(21 / var(--vw-min) * 100vw),21px);
}

.paging_nextprev a{
    display: block;
    width: 100%;
    height: 100%;
    background-color: #4c2b1c;
    -webkit-mask: url(../img/news/link_arrow.svg) no-repeat center center / contain;
    mask: url(../img/news/link_arrow.svg) no-repeat center center / contain;
}
.paging_nextprev.paging_prev a{
    transform: rotate(-180deg);
}

/* back link */
.backLinkWrap{
    display: flex;
    justify-content: center;
    margin-top:min(calc(70/ var(--vw-min) * 100vw), 70px);
}
.backLink{
    text-decoration: none;
    font-weight: 700;
    font-size: min(calc(20/ var(--vw-min) * 100vw), 20px);
    color: #4c2b1c;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: min(calc(21/ var(--vw-min) * 100vw), 21px);
}
.ic__arrow{
    display: block;
    width: min(calc(21/ var(--vw-min) * 100vw), 21px);
    height: min(calc(21/ var(--vw-min) * 100vw), 21px);
    -webkit-mask: url(../img/news/link_arrow.svg) no-repeat center center / contain;
    mask: url(../img/news/link_arrow.svg) no-repeat center center / contain;
    background-color: #4c2b1c;
    transform:rotate(-180deg);
    margin-right:min(calc(16/ var(--vw-min) * 100vw), 16px);
}
@media screen and (max-width:767px){
    .backLinkWrap{
        margin-top:calc(80/ var(--vw-min) * 100vw);
    }
    .backLink{
        font-size:calc(32/ var(--vw-min) * 100vw);
        line-height: 1;
    }
    .ic__arrow{
        display: block;
        width: calc(21/ var(--vw-min) * 100vw);
        height: min(calc(21/ var(--vw-min) * 100vw), 21px);
        margin-right:min(calc(16/ var(--vw-min) * 100vw), 16px);
    }
}

/* detail */
.detailBlock{
    box-shadow: #8b6c5a 0px 0px 5px;
    background-color: #FFF;
    width: 100%;
    padding: min(calc(84/ var(--vw-min) * 100vw), 84px);
    position: relative;
}
.detailBlock::after{
    content: "";
    display: block;
    position: absolute;
    inset: 0;
    margin: auto;
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    border: 2px solid #916e49;
    pointer-events: none;
}
.detailBlock::before{
    content: "";
    display: block;
    position: absolute;
    inset: 0;
    margin: auto;
    width: calc(100% - 15px);
    height: calc(100% - 15px);
    border: 1px solid #916e49;
    pointer-events: none;
}
@media screen and (max-width:767px){
    .detailBlock{
        box-shadow: #8b6c5a 0px 0px calc(5/ var(--vw-min) * 100vw);
        padding: calc(74/ var(--vw-min) * 100vw) calc(40/ var(--vw-min) * 100vw);
    }
}

/* detail ttl */
.detail__ttlWrap{
    border-bottom: 1px solid #513c35;
    color: #513c35;
    margin-bottom: min(calc(34/ var(--vw-min) * 100vw), 34px);
    padding-bottom: min(calc(16/ var(--vw-min) * 100vw), 16px);
}
.detail__ttlWrap .item__date{
    border: none;
    font-size: min(calc(16/ var(--vw-min) * 100vw), 16px);
    margin-bottom: min(calc(10/ var(--vw-min) * 100vw), 10px);
}
.detail__ttl{
    color: #513c35;
    font-size: min(calc(24/ var(--vw-min) * 100vw), 24px);
}
@media screen and (max-width:767px){
    .detail__ttlWrap{
        border-bottom: calc(2/ var(--vw-min) * 100vw) solid #513c35;
        margin-bottom: calc(24/ var(--vw-min) * 100vw);
        padding-bottom: calc(12/ var(--vw-min) * 100vw);
    }
    .detail__ttlWrap .item__date{
        border: none;
        font-size: calc(24/ var(--vw-min) * 100vw);
        margin-bottom: 0;
    }
    .detail__ttl{
        font-size: calc(32/ var(--vw-min) * 100vw);
    }
}

/* detail txt */
.detail__txtWrap{
    font-size: min(calc(16/ var(--vw-min) * 100vw), 16px);
    color: #4c2b1c;
}
.detail__txtWrap img{
    height: auto !important;
	max-width: 100%;
}
.detail__txtWrap img:not(:last-child),
.detail__txt:not(:last-child){
    margin-bottom: min(calc(40/ var(--vw-min) * 100vw), 40px);
}

.detail__txtWrap a{
    color: #399673;
}

.detail__txtWrap .ytifWrap{
	display: block;
	position: relative;
	width: 100%;
	height: auto;
	padding-top: 56.25%;
	margin: 0 auto;
}
.detail__txtWrap iframe[src*="youtube"]{
	border: none;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

@media screen and (max-width:767px){
    .detail__txtWrap{
        font-size: calc(24/ var(--vw-min) * 100vw);
    }
    .detail__txtWrap img:not(:last-child),
    .detail__txt:not(:last-child){
        margin-bottom: calc(40/ var(--vw-min) * 100vw);
    }
}

/* parts */
h4{
    background-color: var(--color-emerald);
    color: #FFF;
    font-weight: 600;
    font-size: min(calc(20 / var(--vw-min) * 100vw), 20px);
    padding: min(calc(20 / var(--vw-min) * 100vw), 20px);
    margin-bottom: min(calc(40 / var(--vw-min) * 100vw), 40px);
}
@media screen and (max-width:767px){
    h4{
        font-size: calc(28 / var(--vw-min) * 100vw);
        padding: calc(20 / var(--vw-min) * 100vw) calc(20 / var(--vw-min) * 100vw);
        margin-bottom: calc(40 / var(--vw-min) * 100vw);
    }
}
h5{
    background-color: var(--color-sub);
    color: #FFF;
    font-weight: 600;
    font-size: min(calc(18 / var(--vw-min) * 100vw), 18px);
    padding: min(calc(10 / var(--vw-min) * 100vw), 10px);
    margin-bottom: min(calc(20 / var(--vw-min) * 100vw), 20px);
    display: inline-block;
}
@media screen and (max-width:767px){
    h5{
        font-size: calc(26 / var(--vw-min) * 100vw);
        padding: calc(10 / var(--vw-min) * 100vw) calc(10 / var(--vw-min) * 100vw);
        margin-bottom: calc(20 / var(--vw-min) * 100vw);
    }
}
.newsImgPcs img{
    width: 100%;
}
@media screen and (min-width: 769px) {
    .newsImgPcs{
		width: 60%;
		margin: 0 auto;
	}
}
.indent{
    display: block;
    padding-left: 1em;
    text-indent: -1em;
}