@charset "UTF-8";


/* --------------------------------------------------------------------
　共通設定
-------------------------------------------------------------------- */
main#page-main-wrapper{
padding:90px 0;
}
main#page-main-wrapper > h1{
font-size:30px;
letter-spacing:.05em;
text-align:center;
justify-content:center;
align-items:center;
line-height:1;
}
main#page-main-wrapper > h1 > span{
width:100%;
font-size:12px;
margin-top:10px;
display:block;
}
@media screen and (max-width:768px){
	main#page-main-wrapper > h1{
	font-size:18px;
	}
}


/* --------------------------------------------------------------------
　主な衣装提供先設定
-------------------------------------------------------------------- */
#costume-provider-wrap{
width:1160px;
padding:0 20px;
margin:90px auto 0 auto;
}
#costume-provider-wrap > h2{
font-size:16px;
font-weight:600;
text-decoration:underline;
text-align:center;
}
#costume-provider-wrap > .list{
display:grid;
grid-template-columns:repeat(8,1fr);
gap:10px;
width:900px;
margin:20px auto 0 auto;
}
#costume-provider-wrap > p{
font-size:11px;
margin-top:20px;
text-align:center;
}

@media screen and (max-width:768px){
	#costume-provider-wrap{
	width:100%;
	}
	#costume-provider-wrap > h2{
	font-size:14px;
	}
	#costume-provider-wrap > .list{
	width:100%;
	grid-template-columns:repeat(4,1fr);
	}
}


/* --------------------------------------------------------------------
　履歴設定
-------------------------------------------------------------------- */
#provision-history-wrap{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:80px 10px;
width:1280px;
margin:90px auto 0 auto;
padding:0 20px;
}
#provision-history-wrap > section > h3{
display:grid;
grid-template-columns:40px calc(100% - 55px);
gap:0 15px;
align-items:center;
margin-bottom:15px;
line-height:1;
}
#provision-history-wrap > section > h3:before{
font-family:'Material Symbols Outlined';
font-variation-settings:'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 48;
font-size:19px;
width:40px;
height:40px;
display:flex;
align-items:center;
justify-content:center;
line-height:1;
border-radius:100%;
grid-column:1;
grid-row:span 2;
}
#provision-history-wrap > section > h3.tv:before{
content:"\e639";
background:#d10000;
color:#fff;
}
#provision-history-wrap > section > h3.magazine:before{
content:"\ea19";
background:#ff9b00;
color:#fff;
}
#provision-history-wrap > section > h3 > div{
overflow:hidden;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:1;
font-size:16px;
font-weight:600;
grid-column:2;
grid-row:1;
line-height:1.6;
margin:auto auto 0 0;
}
#provision-history-wrap > section > h3 > span{
font-size:11px;
grid-column:2;
grid-row:2;
margin:0 auto auto 0;
}
#provision-history-wrap > section > .text{
font-size:11px;
}
#provision-history-wrap > section > .btn{
margin-top:10px;
}
#provision-history-wrap > section > .btn > a{
background:#000;
color:#fff;
height:50px;
display:flex;
align-items:center;
justify-content:center;
font-weight:600;
font-size:13px;
position:relative;
}
#provision-history-wrap > section > .btn > a:after{
font-family:'Material Symbols Outlined';
font-variation-settings:'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 48;
content:"\e5cc";
font-size:25px;
position:absolute;
right:10px;
top:50%;
transform:translateY(-50%);
}
@media screen and (max-width:768px){
	#provision-history-wrap{
	width:100%;
	grid-template-columns:1fr;
	padding:60px 0;
	border-top:1px solid #ddd
	}
	#provision-history-wrap > section{
	width:calc(100% - 40px);
	margin:auto;
	}
}