@charset "UTF-8";
/*
Version:	1.0.0
Creation Date:	2022.12.6
Last Updated:	2022.12.7
*/


/* common
------------------------------------------------------------ */
/* layout */
article * {
box-sizing: border-box;
}
article {
width: 100%;
position: relative;
}
article section {
width: 1000px;
max-width: 90%;
margin: 0 auto;
padding: 60px 0;
}

.pc {
display: block;
}
.smp {
display: none;
}

/* style */
.flex {
display: flex;
}
.vwmax img {
	width: 100vw;
}
.pho img {
object-fit: cover;
object-position: center center;
font-family: 'object-fit: cover; object-position: center center;';
width: 100%;
height: 100%;
}
.sec_title span {
font-family: 'Noto Sans Japanese', sans-serif;
font-size: 2.5rem;
font-weight: bold;
}
.back {
text-align: center
}
.back a {
background: #000;
color: #f3bf31;
font-size: 2.5rem;
font-weight: bold;
width: 100px;
height: 100px;
border-radius: 50%;
text-align: center;
display: inline-flex;
justify-content: center;
align-items: center;
}

/* #details
------------------------------------------------------------ */
#details {
background: #f3bf31;
}
#details section {
width: 1200px;
padding: 0 0 60px;
}
#details figure {
display: flex;
flex-wrap: wrap;
margin: 100px 0;
border: 5px solid #000;
border-radius: 40px;
overflow: hidden;
}
#details figure div {
flex-basis: 50%;
border-right: 3px solid #000;
}
#details figcaption {
flex-basis: 50%;
padding: 40px;
}
#details figcaption h3 {
font-size: 30px;
font-weight: bold;
line-height: 1.3;
margin-bottom: 30px;
}
#details figcaption p {
font-size: 16px;
}


/* .line
------------------------------------------------------------ */
.line {
background: #FFF;
text-align: center;
}


/* #ticket 
------------------------------------------------------------ */
#ticket {
position: fixed;
right: 1%;
bottom: 2%;
z-index: 3;
}





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

/* common
------------------------------------------------------------ */
/* layout */
article section {
padding: 30px 0;
}

.pc {
display: none;
}
.smp {
display: block;
}

/* style */
.sec_title span {
font-size: 1.5rem;
}
.back a {
font-size: 1.6rem;
width: 60px;
height: 60px;
}

/* #details
------------------------------------------------------------ */
#details section {
padding: 0 0 30px;
}
#details figure {
display: block;
margin: 50px 0;
border: 3px solid #000;
border-radius: 20px;
}
#details figure div {
border-bottom: 2px solid #000;
border-right: none;
}
#details figcaption {
padding: 20px;
}
#details figcaption h3 {
font-size: 18px;
margin-bottom: 20px;
}
#details figcaption p {
font-size: 14px;
}
 
 
 /* #ticket 
------------------------------------------------------------ */
#ticket {
width: 70px;
}

}