@charset "utf-8";
#feeld {
    background: #fffbd6;
    position: relative;
    font-family: 'Noto Sans JP', 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
    font-size: 14px;
    line-height: 1.5;
    transition: .5s;
}
#feeld .pc {
    display: none;
}
#feeld .clrTxt {
    text-indent: -10000px;
    text-decoration: none;
    overflow: hidden;
    position: absolute;
}
#feeld img {
    width: 100%;
}
#feeld #wrap {
    background: #fff;
    max-width: 1280px;
    margin: 0 auto;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    position: relative;
}
#feeld #catch {
    font-size: 132%;
    font-weight: bold;
    text-align: center;
    line-height: 1.5em;
    background: url("../images/2023/logo.jpg")no-repeat center;
    background-color: rgba(255,255,255,0.94);
    background-blend-mode:lighten;
    background-size: cover;
    padding: 6% 0;
}


/*開催概要*/
#feeld #info{
	background: linear-gradient(180deg, #fff899 0%, #fff899 50%, #fff171 50%, #fff171 100%);
	padding: 11% 0;
}
#feeld #info .info_box{
	width: 95%;
	background: #fff;
	margin: 0 auto;
	padding: 3% 0%;
}
#feeld #info h2{
	position: relative;
	font-size: 134%;
	font-weight: bold;
	text-align: center;
	margin-bottom: 6%;
}

#feeld #info h2::after {
    content: "";
    display: block;
    background: url("../images/2023/michu.png");
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 18%;
    position: absolute;
    top: 97%;
    right: 2%;
    width: 20%;
}
#feeld #info table {
    width: 100%;
    margin: 0 auto;
    font-size: 140%;
    font-weight: bold;
    /* text-align: left; */
}   
#feeld #info tr{
    display: flex;
    flex-direction: column;
}
#feeld #info th,td{
    padding: 1%;
	text-align: center;
}
#feeld #info .btn{
    color: #fff;
    background-color: #221815;
}


/*UHBコラボレーション企画*/
#feeld #collab {
	background: #fff171;
	padding-bottom: 4%;
}
#feeld #collab h3{
	font-size: 1.7em;
	font-weight: bold;
	text-align: center;
	/* margin-bottom: 7%; */
}

#feeld #collab ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	padding: 0 1%;
}
#feeld #collab li{
	background: #fff;
	width: 32%;
	min-width: 328px;
	margin-top: 11%;
}
#feeld #collab ul::after {
    display: block;
    content:"";
    width: 350px;
}

#feeld #collab li p{
	font-weight: bold;
	padding: 11% 6% 5%;
	font-size: 1.2em;
	/* text-align: justify; */
}

#feeld #collab .c1,.c2,.c3{
	position: relative;
}

#feeld #collab .c1::before {
    content: "";
    display: block;
    background: url("../images/2023/c1.png");
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 20%;
    position: absolute;
    top: -10%;
    left: -3%;
    width: 21%;
}
#feeld #collab .c2::before {
    content: "";
    display: block;
    background: url("../images/2023/c2.png");
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 20%;
    position: absolute;
    top: -10%;
    left: -3%;
    width: 21%;
}
#feeld #collab .c3::before {
    content: "";
    display: block;
    background: url("../images/2023/c3.png");
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 20%;
    position: absolute;
    top: -9%;
    left: -3%;
    width: 21%;
}

/*企画_01*/
#feeld #collab .c1{
    padding-bottom: 5%;
}
#feeld #collab .c1 .btn{
    color: #fff;
    background-color: #221815;
}
#feeld #collab .c1 .gray{
    background: #666;
}
#feeld #collab .c1 .big{
	font-size: 1.1em;
	line-height: normal;
}

/*企画_02*/
#feeld #collab .c2 img{
	display: block;
	margin: 0 auto 3%;
	width: 51%;
}

/*企画_03*/
#feeld #collab .c3{
    display:flex;
    flex-flow: column;
    justify-content: space-between;
}
#feeld #collab .c3_box{
    background: #ECECEC;
    padding: 3% 0%;
}
#feeld #collab .c3_inner{
    display: flex;
    align-items: center;
    justify-content: center;
}
#feeld #collab .c3 .btn{
    color: #fff;
    background-color: #492669;
}
#feeld #collab .c3 img{
	display: block;
	width: 20%;
}
#feeld #collab .c3_box p{
    padding: 0;
    font-size: 1.2em;
}

/*ボタン*/
#feeld .btn{
    display: block;
    width: 90%;
    margin: 3% auto 0%;
    padding: 4%;
    font-size: 18px;
    text-align: center;
    border-radius: 11px;
    transition: 0.2s;
    font-weight: bold;
}

#feeld .y_line{
	background: linear-gradient(transparent 60%, #fee100 60%);
}