@charset "UTF-8";


.pagetop {
	display: none;
}

/* --- 全体ラッパー --- */
.bordeaux-wrap {
    width: 100%;
    overflow: hidden;
}



/* --- ヘッダー --- */
	.fv-wrap-sp{
		display: block;
		background: #73212f;
		color: #fff;
	}
.fv-wrap-sp img{
	width: 90%;
	margin: 0 auto;
	padding: 5% 0 10%;
}
.fv-wrap-sp p{
	    font-family: shippori-mincho, sans-serif;
    text-align: center;
    line-height: 2.5;
    padding: 10% 0 15%;
    letter-spacing: 0;
}



	.fv-wrap-pc{
		display: none;
		background: #73212f;
		color: #fff;
	}
	

/* --- メインコンテンツ --- */


.sec-content{
    text-align: center;	
	color: #10141f;
}

.sec-content h5{
    text-align: center;
    font-size: 3rem;
    font-family: savoye-std, sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #c09b5e;
	
}
.sec-title-img {
    margin: 10% auto 8%;
    width: 40%;
}


.content-01 p{
	font-family: 'shippori-mincho';
    font-size: 2rem;
}

.content-01 p:first-of-type span{
	font-size: 1.5rem;
    margin-left: 2%;
    font-family: 'shippori-mincho';
	vertical-align: baseline;
}

.content-01 p:last-of-type span{
	font-size: 1.5rem;
    margin-left: 2%;
    font-family: 'shippori-mincho';
	background: #f6e4d6;
	padding: 1%;
	vertical-align: baseline;
}

.content-02{
	    margin-top: 7%;
}

.content-02 p{
	 font-family: 'shippori-mincho';
}

.content-02 p:first-of-type{
font-size: 1.5rem;
}

.content-02 p:last-of-type{
font-size: 2rem;
}

.content-02 p a img{
	    display: inherit;
	    width: 4%;
    margin-bottom: 2%;
}

.content-02 > .place{
	width: 90%;
	margin: 5% auto;
}

/* --- Overviewセクション --- */
.overview-content {
    width: 90%;
    margin: 0 auto;
	
}
.overview-content .description {
    text-align: left;
    margin-top: 8%;
}
.presenter-photos {
    display: flex;
    gap: 5%;
    width: 90%;
    margin: 8% auto 0;
}

/* --- Detailsセクション（背景あり） --- */
.sec-bg {
    /* SP用背景画像 */
    background-image: url('/user_data/packages/original_pc02/assets/images/festy/img-bg-sp.png');
    background-repeat: repeat-y;
    background-position: center top;
    background-size: 100% auto;
    max-width: 100%;
    padding: 10% 0;
}
.sec-bg .inner {
    width: 90%;
    margin: 0 auto;
    text-align: center;
}
.details-title {
	font-family: 'shippori-mincho', serif;
    font-size: 1.6rem;
    color: #fff;
    margin: 20% 5% 5%;
    background: #c09b5e;
    font-weight: 100;
}

.detail-item p {
    margin-top: 4%;
    text-align: center;
    font-size: 1.3rem;
}

.details-content-title{
    font-family: savoye-std, sans-serif;
    color: #73212f;
    font-size: 5rem;
    font-weight: 100;
    line-height: 1;
    margin-top: 10%;
}

.details-content-title span{
	display: block;
    font-size: 1.5rem;
    margin-bottom: 4%;
	font-family: 'shippori-mincho';
}

.details-content-title span::after{
	content: "";
	width: 10px;
	border-bottom: 1px solid #73212f;
	display: block;
	margin: 5% auto;		
}

.festy-content-wrap p{
	    font-family: 'shippori-mincho';	
		color:  #73212f;
	    font-size: 1.5rem;
}

.festy-content-wrap p:first-of-type{
    font-size: 2rem;
	line-height: 1;
    margin-bottom: 7%;
}

.details-flex{
	display: flex;
    gap: 3%;
    width: 90%;
    margin: 7% auto 0;
}

.sec-content-timetable{
	width: 80%;
	margin: 0 auto;
}

.festy-content-wrap > .image-atteention{
	    text-align: right;
    display: block;
    margin-right: 5%;
    font-size: 0.8rem;
    padding-top: 1%;
}

.present-content{
	    width: 90%;
    margin: 7% auto;
}


/* --- Presentセクション --- */
#present {
    width: 90%;
    margin: 15% auto;
}

/* --- Ticketセクション --- */
.ticket-info {
    width: 90%;
    margin: 0 auto;
}
.ticket-tier {
    margin-bottom: 8%;
}
.ticket-tier:last-child {
    margin-bottom: 0;
}


#ticket h5{
	    margin: 10% 0 5%;
}


#ticket p{
	    font-family: 'shippori-mincho';
    font-size: 2rem;
    line-height: 1.2;
	color: #10141f;
}


.festy-attention{
    width: 95%;
    margin: 15% auto;
    text-align: justify;
    font-size: 0.9rem;
    letter-spacing: 0.05rem;
    margin-right: 3.5%;
}


.festy-attention ul{
	    list-style: none;
    padding-left: 1.5em;
    margin-left: 0.5em;
}

.festy-attention ul li{
	text-indent: -1.5em;
}


.festy-attention ul li::before{
	    content: "※";
    margin-right: 0.5em;
}


.sec-content > .close{
	    font-family: 'shippori-mincho';
    font-size: 1.8rem;
    padding-bottom: 30%;
}



/* --- PC表示調整 (769px以上) --- */
@media screen and (min-width: 769px) {
	.c-breadcrumb:last-of-type{
		padding: 1.5% 0;
	}
	.fv-wrap-sp{
		display: none;
	}
	.fv-wrap-pc{
		display: block;
	}
	
	.fv-wrap-pc img{
		    margin: 0 auto;
    padding: 5% 0;
    width: 40%;
	}
	
	.fv-wrap-pc p{
		font-family: shippori-mincho, sans-serif;
    text-align: center;
    line-height: 2.5;
    padding: 0% 0 12%;
    letter-spacing: 0;
	}

    .sec-title-img {
		width: 15%;
        margin: 0 auto;
    }
	
	.sec-content h5{
		margin-top: 5%;
		        font-size: 4rem;
	}
	.content-01 p {
    font-size: 3rem;
		        letter-spacing: 0.1rem;
}
	
	.content-01 p:first-of-type span {
    font-size: 2rem;
    margin-left: 10px;
	}
	
	.content-01 p:last-of-type span{
		    font-size: 2rem;
    margin-left: 1%;
    font-family: 'shippori-mincho';
    background: #efd4bf;
    padding: 5px 10px;
    vertical-align: text-top;
	}
	
	.content-02 p:first-of-type{
		    font-size: 2rem;
	}
	.content-02 p:last-of-type {
    font-size: 2.5rem;
}
	.content-02 p a img {
    display: inherit;
    width: 23px;
    vertical-align: text-top;
		    margin-bottom: 0%;
}
	.content-02 > .place {
    width: 50%;
    margin: 2% auto;
}
	.sec-content-timetable {
            width: 35%;
    margin: 3% auto;
}
	.details-content-title span{
		margin-bottom: 0%;
	}
	.details-content-title span::after {
    border-bottom: 1.5px solid #73212f;
    margin: 2% auto;
}
	.festy-content-wrap p:first-of-type {
    font-size: 2.4rem;
		margin-bottom: 2%;
	}
	.festy-content-wrap > .image-atteention{
	text-align: right;
    display: block;
    font-size: 1rem;
    padding-top: 10px;
    width: 50%;
    margin: 0 auto;
	}
	
	.present-content img{
		margin: 0 auto;
	}
	.present-content {
    width: 40%;
    margin: 4% auto;
}
	
    .overview-content {
        max-width: 800px;
    }
    .overview-content .description {
       font-size: 1.6rem;
    }
    .presenter-photos {
        max-width: 800px;
    }

    /* PC用背景画像 */
    .sec-bg {
        background-image: url('/user_data/packages/original_pc02/assets/images/festy/img-bg-pc.png');
        padding: 80px 0;
    }
    .sec-bg .inner {
        max-width: 800px;
    }
    .details-title {
		font-size: 2.4rem;
        margin-bottom: 60px;
        margin: 10% 20% 5%;
    }
	.details-content-title{
		margin-top: 0;
	}
    .details-flex {
        display: flex;
        justify-content: space-around;
        gap: 10px;
		    width: 50%;
		margin: 2% auto 0;
    }
	



    #present {
        width: 100%;
        max-width: 800px;
    }

    .ticket-info {
       display: flex;
        gap: 10px;
        align-items: flex-start;
        align-content: flex-start;
        flex-wrap: wrap;
        justify-content: center;
        width: 66%;
		        margin: 3% auto 0;
    }
	
	.festy-attention {
    width: 52%;
    margin: 5% auto;
    text-align: justify;
    font-size: 1.2rem;
    letter-spacing: 0.05rem;
     margin-right: auto; 
}
	
	.sec-content > .close{
		padding-bottom: 7%;
    padding-top: 3%;
	}
	
.ticket-tier {
    margin-bottom: 2%;
    width: 45%;
}
	
	#ticket h5 {
    margin: 10% 0 1%;
}
	
	
}