@charset "utf-8";

/*-------------------------------
	お知らせ（共通）
-------------------------------*/

.C-Post__inner{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

/*----- サイドバー */
.C-Post-sidebar{
	width: 26rem;
}
.C-Post-sidebar-category{
	width: 100%;
}
.C-Post-sidebar-category:not(:last-child){
	margin-bottom: 8rem;
}
.C-Post-sidebar-category__item{
	border-bottom: 1px solid #b3b3b3;
}
.C-Post-sidebar-category__item > a,
.C-Post-sidebar-category__item > span{
	width: 100%;
	min-height: 7.2rem;
	padding: 1.8rem 2rem;
	line-height: calc(3 / 2);
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.C-Post-sidebar-category__item > a::after{
	content: "";
	display: block;
	width: 2.6rem;
	height: 2.6rem;
	background-image: url(../images/common/icon_arrow-gradcolor1-solid.svg);
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}
.C-Post-sidebar-category__item.-current > a{
	background: var(--gradcolor1);
	color: #fff;
}
.C-Post-sidebar-category__item.-current > a::after{
	background-image: url(../images/common/icon_arrow-white-solid.svg);
}

.C-Post-sidebar-archive__title{
	background: var(--gradcolor1);
	width: 100%;
	min-height: 7.2rem;
	padding: 1.8rem 2rem;
	margin-bottom: 2.6rem;
	border-bottom: 1px solid #b3b3b3;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	color: #fff;
}
.C-Post-sidebar-archive__select{
	border: 1px solid var(--subcolor);
	width: 100%;
	height: 4.6rem;
	font-size: 1.8rem;
	border-radius: 3px;
	position: relative;
}
.C-Post-sidebar-archive__select::before{
    content: "";
    display: block;
    position: absolute;
    right: 1.6rem;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-right: .6rem solid transparent;
    border-left: .6rem solid transparent;
    border-top: 1rem solid #333333;
    border-bottom: 0;
}
.C-Post-sidebar-archive__select select{
	width: 100%;
	height: 100%;
	padding: 1rem;
	line-height: 1;
}

@media screen and (min-width:769px) , print{

}
@media screen and (max-width:1240px) and (min-width: 769px){

}
@media screen and (max-width:1100px) and (min-width: 769px){

}
@media screen and (max-width:960px) and (min-width: 769px){

}
@media screen and (max-width:768px){

	.C-Post__inner{
		flex-direction: column;
	}

	/*----- サイドバー */
	.C-Post-sidebar{
		width: 55rem;
		margin-bottom: 6rem;
		margin-left: auto;
		margin-right: auto;
	}
	.C-Post-sidebar-category:not(:last-child){
		margin-bottom: 0;
	}
	.C-Post-sidebar-sp{
		width: 100%;
		position: relative;
        z-index: 5000;
	}
	.C-Post-sidebar-sp::after{
		border-top: 2rem solid var(--blackcolor);
		content: "";
		width: 0;
		height: 0;
		border-style: solid;
        border-right: 1.1rem solid transparent;
        border-left: 1.1rem solid transparent;
        border-bottom: 0;
        position: absolute;
        right: 3rem;
        top: 50%;
        transform: translateY(-50%);
        z-index: -1;
	}
	.C-Post-sidebar-sp__select{
		border: 2px solid var(--subcolor);
		width: 100%;
		height: 9rem;
		border-radius: 1rem;
		padding: 1rem  3.2rem 1rem 2.5rem;
		font-size: 3.2rem;
		line-height: calc(4.8 / 3.2);
	}
	.C-Post-sidebar-archive__select{
		height: 9rem;
		border-radius: 1rem;
		border-width: 2px;
		margin-top: 3rem;
	}
	.C-Post-sidebar-archive__select::before{
		border-top-width: 2rem;
		border-left-width: 1.1rem;
		border-right-width: 1.1rem;
        right: 3rem;
	}
	.C-Post-sidebar-archive__select select{
		padding: 1rem  3.2rem 1rem 2.5rem;
		font-size: 3.2rem;
		line-height: calc(4.8 / 3.2);
	}

}



/*-------------------------------
	お知らせ（一覧）
-------------------------------*/

.C-Post-block-wrap{
	width: calc(100% - 26rem);
	padding-left: 6rem;
}
.C-Post-block a{
	width: 100%;
	padding: 3rem 2rem;
	border-bottom: 1px solid #b3b3b3;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
}
.C-Post-block:first-child a{
	border-top: 1px solid #b3b3b3;
}
.C-Post-block__image{
	width: 30rem;
	border-radius: 2rem;
	overflow: hidden;
	aspect-ratio: 3 / 2;
}
.C-Post-block__image img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.C-Post-block__body{
	width: calc(100% - 30rem);
	padding-left: 4rem;
}
.C-Post-block__category{
	margin-bottom: 1rem;
}
.C-Post-block__time{
	font-family: var(--en);
	margin-bottom: 1.2rem;
	line-height: 1;
	color: #666;
	display: block;
}
.C-Post-block__title{
	font-size: 2.4rem;
	line-height: calc(3.6 / 2.4);
	font-weight: 700;
}
.C-Post-block__text{
	height: calc((1em * (3.5 / 2)) * 2);
	font-size: 1.6rem;
	margin-top: 1.2rem;
	overflow: hidden;
	text-align: justify;
	position: relative;
}
.C-Post-block__text > *{
	font-size: 1.6rem;
}
.C-Post-block__text::after{
	content: "…";
	font-size: 1.6rem;
	position: absolute;
	right: 0;
	bottom: 0;
	background: #fff;
}

/* 終了の表示 */
.C-Post-block.-end .C-Post-block__image{
    position: relative;
}
.C-Post-block.-end .C-Post-block__image::before,
.C-Post-block.-end .C-Post-block__image::after{
    content: "";
    width: 100%;
    height: 10rem;
    position: absolute;
    left: 0;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}
.C-Post-block.-end .C-Post-block__image::before{
    background: rgba(0,0,0,.6);
    mix-blend-mode: multiply;
}
.C-Post-block.-end .C-Post-block__image::after{
    content: "終了しました";
    font-size: 2.8rem;
    font-weight: 700;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media screen and (min-width:769px) , print{

}
@media screen and (max-width:1240px) and (min-width: 769px){

}
@media screen and (max-width:1100px) and (min-width: 769px){

	.C-Post-block__image{
		width: 20rem;
	}
	.C-Post-block__body{
		width: calc(100% - 20rem);
	}

}
@media screen and (max-width:960px) and (min-width: 769px){

	.C-Post-sidebar{
		width: 24rem;
	}
	.C-Post-block-wrap{
		width: calc(100% - 24rem);
		padding-left: 4.5rem;
	}
	.C-Post-block a{
		padding: 2rem 0;
	}
	.C-Post-block__image{
		width: 17.5rem;
	}
	.C-Post-block__body{
		width: calc(100% - 17.5rem);
		padding-left: 2.5rem;
	}

}
@media screen and (max-width:768px){

	.C-Post-block-wrap{
		width: 100%;
		padding-left: 0;
	}
	.C-Post-block:not(:last-child){
		margin-bottom: 5.5rem;
	}
	.C-Post-block a{
		padding: 0;
		border-bottom: none;
	}
	.C-Post-block:first-child a{
		border-top: none;
	}
	.C-Post-block__category{
		margin-bottom: 1rem;
		flex-direction: column;
		align-items: flex-start;
	}
	.C-Post-block__time{
		margin-bottom: 2rem;
		font-size: 2.8rem;
	}
	.C-Post-block__title{
		font-size: 3.2rem;
		line-height: calc(4.8 / 3.2);
	}
	.C-Post-block__text{
		display: none;
	}

	/* 終了の表示 */
	.C-Post-block.-end .C-Post-block__image::before,
	.C-Post-block.-end .C-Post-block__image::after{
		height: 8rem;
	}
	.C-Post-block.-end .C-Post-block__image::after{
		font-size: 2.4rem;
	}

}