@charset "UTF-8";
/* Base Css Overwrite */


/* ==================================================
Page Head Custom
================================================== */
#page-head {}


/* ==================================================
Page Body
================================================== */
.news-block .flex {
	display: flex;
	justify-content: center;
	margin-inline: auto;
	align-items: flex-start;
    width: 80%;
}


.main {
width:68%;
}


.cor {
font-family: "cormorant", serif;
font-weight: 400;
font-style: light;
line-height: 0;
}

.pname {
font-size:24px;
}

.grp1 {
    display:flex;
    align-items:stretch;
    gap:15px;
    justify-content:center;
}

.side-text{
    display:flex;
    flex-direction:column;
    justify-content:space-between;
}

.side-text span{
    writing-mode:vertical-rl;
    font-size:16px;
    letter-spacing:2px;
    color:#000;
}

.photo{
    width:58%;
    aspect-ratio:4/5;
    overflow:hidden;
}

.photo img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}


.grp2{
    margin: 0 auto;
    width:58%;
}

.grp3{
    display:flex;
    gap:30px;
    width:68%;
    margin: 0 auto;
}


.bottom-text{
    margin-top:15px;
    display:flex;
    justify-content:space-between;
    align-items:center;
}

.bottom-text span{
    font-size:16px;
    color:#000;
}

.ticket {
width:46%;
margin: 0 auto;
}

.pol {
width:60%;
margin: 0 auto;
}

/* SP用 */
@media screen and (max-width: 480px) {

.news-block .flex {
		column-gap: 12px;
		width: 88%;
}

.item {
width:30%;
}

.itemdesc {
font-size:11px;
}
.side-text span{
font-size:11px;
}
.bottom-text span{
    font-size:11px;
}

.pname {
font-size:18px;
}


}

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

	.news-block .flex {
		column-gap: 12px;
		width: 95%;
	}

	.novelty-items {
		width: 95%;
	}
	
	.itemGlp{
      width: 20%;
      margin-inline: auto;
    }
    .limited-color {
	width: 50%;
    margin-inline: auto;
}

}