@charset "UTF-8";



/*----------------------------------------------*/
/*----------------------------------------------*/
/*FUNKY MARKET [COMMON]*/
/*----------------------------------------------*/
/*Created: 2015.04.01*/
/*Last Update:	2015.04.01*/
/*----------------------------------------------*/




/*INDEX*/

/*COMMON*/

/*HEADER*/

/*FOOTER*/

/*CONTENT*/
/*[OUT FRAME]*/
/*[SETTING EACH CONTENT]*/
/*[MAP]*/

/*CORNER SETTING*/
/*[SPECIAL LIVE]*/
/*[FOOD COURT]*/
/*[SPONSOR]*/
/*[RECYCLE]*/











/*----------------------------------------------*/
/*COMMON*/
/*----------------------------------------------*/

html {
	scroll-behavior: smooth;
}

body {
margin:0;
padding:0;
background: url(../images/bk_sub.png) repeat top center #fffdf5;
-webkit-background-size: 100% auto;
-moz-background-size: 100% auto;
-ms-background-size: 100% auto;
-o-background-size: 100% auto;
background-size: 100% auto;
color:#222;
word-break: break-word;
}


.p-35th_header {
	display: flex;
	height: 55px;
	background: #ffef4b;
	align-items: center;
	justify-content: center;
	padding: 10px;
	}
	.p-35th_header img{
		max-width: 80%;
	}

	@media screen and (min-width: 640px) {
		.p-35th_header {
			display: flex;
			height: 70px;
		}
		.p-35th_header img{
			max-width: 415px;
		}
	}

@media screen and (max-width: 800px) {
	body {
		background: url(../images/bk_sub.png) repeat top center #fffdf5;
		-webkit-background-size: 115% auto;
		-moz-background-size: 115% auto;
		-ms-background-size: 115% auto;
		-o-background-size: 115% auto;
		background-size: 115% auto;
		color:#222;
		}
	}

/* Clearfix */
.cf:before,
.cf:after {
content:"";
display:table;
}
.cf:after {
clear:both;
}
.cf {
zoom:1;
}

/*TEXT BREAK*/
.br {
display:block;
}

/*MEDIA VIEW*/
.for-pc {display:;}
.for-mb {display:none;}




@font-face {
font-family: "Flaticon";
src: url("flaticon.eot");
src: url("flaticon.eot#iefix") format("embedded-opentype"),
url("flaticon.woff") format("woff"),
url("flaticon.ttf") format("truetype"),
url("flaticon.svg") format("svg");
font-weight: normal;
font-style: normal;
}

[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {   
font-family: Flaticon;
font-style: normal;
}
.flaticon-microphone:before { content: "\f100"; }
.flaticon-store:before { content: "\f101"; }
.flaticon-african-tribal-tent-with-flag:before { content: "\f102"; }
.flaticon-air-transport:before { content: "\f103"; }
.flaticon-left-arrow:before { content: "\f104"; }
.flaticon-gps:before { content: "\f105"; }
.flaticon-map:before { content: "\f106"; }
.flaticon-recycle-sign:before { content: "\f107"; }
.flaticon-shop:before { content: "\f108"; }
.flaticon-music:before { content: "\f109"; }
.flaticon-spotlights:before { content: "\f10a"; }
.flaticon-facebook-logo:before { content: "\f10b"; }
.flaticon-twitter:before { content: "\f10c"; }
.flaticon-instagram-social-network-logo-of-photo-camera:before { content: "\f10d"; }
.flaticon-grid-world:before { content: "\f10e"; }
.flaticon-maps-and-flags:before { content: "\f10f"; }
.flaticon-homepage:before { content: "\f110"; }
.flaticon-cell-phone:before { content: "\f111"; }
.flaticon-settings-gears:before { content: "\f112"; }
.flaticon-edit:before { content: "\f113"; }
.flaticon-writing:before { content: "\f114"; }
.flaticon-radio:before { content: "\f115"; }
.flaticon-wifi-signal:before { content: "\f116"; }







/*----------------------------------------------*/
/*HEADER*/
/*----------------------------------------------*/

header {
width:100%;
height:auto;
margin:0;
padding:0;
}

/*TITLE SET*/
header hgroup {
width:auto;
height:auto;
margin:0 auto;
padding:0 0 1.0em;
background:url(../images/bg_main.png) no-repeat center #fffdf5;
}
@media screen and (max-width: 800px) {
	header hgroup {
		background-size: 150% ;
		}
	}


/*TITLE*/
header hgroup h1 {
text-align:center;
margin:0 auto;
padding:0;
}
header hgroup h1 img {
margin:0;
padding:0;
vertical-align:bottom;
}

/*INFO TEXT*/
header hgroup .txt-info {
text-align:center;
margin:0 0 1.0em;
padding:0;
font-size:0.9em;
}

/*MAIN COPY*/
header hgroup .main-copy {
width:960px;
height:auto;
text-align:center;
font-size:1.0em;
line-height:1.8em;
font-weight:bold;
margin:0 auto 1.2em;
padding:1.5em 0 0 0;
background:url(../images/line_wave_g.png) repeat-x 0 0;
background-size:auto 5px;
-webkit-background-size:auto 5px;
-moz-background-size:auto 5px;
-o-background-size:auto 5px;
-ms-background-size:auto 5px;
}

/*LINE*/
header hgroup .wave {
display:none;
}


#read-text {
	background-color: #ffef4b;
	min-height: 200px;
	display: flex;
    justify-content: center;
    align-items: center;
	margin-bottom: 2.5rem;
}

.cancel-text {
	text-align: center;
	font-weight: bold;
	font-size: medium;	
	line-height: 2rem;
}

@media screen and (max-width: 640px) {
.cancel-text {
	text-align: left;
	font-size: small;
	padding: 1rem;
	line-height: 1.5rem;
}
}


/*----------------------------------------------*/
/*FOOTER*/
/*----------------------------------------------*/

footer {
width:auto;
height:auto;
margin:0;
padding:0;
background:url(../images/bg_white.png) repeat 0 0;
}
footer hgroup {
width:940px;
height:auto;
margin:0 auto;
padding:40px 10px;
}


/*radiko*/
footer .logo-radiko {
margin:0;
padding:0;
float:right;
}
footer .logo-radiko img {
margin:0;
padding:0;
vertical-align:bottom;
}

/*LOGO & Copyright*/
footer .f-set {
width:auto;
height:auto;
margin:0;
padding:0;
float:left;
}
footer .f-set figure {
width:auto;
height:auto;
margin:0;
padding:0;
float:left;
}
footer .f-set p.copyright {
font-size:0.8em;
line-height:36px;
padding-left:160px;
}


/*PAGE TOP BTN*/
ul.fNavi {
width:auto;
height:auto;
margin:0;
padding:0;
list-style:none;
position: fixed;
bottom: 30px;
right: 20px;
}
ul.fNavi li {
margin:0;
padding:0;
}
ul.fNavi li.fb-ptop a {
width:50px;
height:50px;
margin:0;
padding:0;
text-indent:-9999px;
background:url(../images/btn_top_arrow3.png) no-repeat 0 0;
text-decoration: none;
overflow:hidden;
display: block;
z-index:500;
}
ul.fNavi li.fb-ptop a:hover {
}









/*----------------------------------------------*/
/*CONTENT*/
/*----------------------------------------------*/

/*----------------------------------------------*/
/*[OUT FRAME]*/

/*FRAME SET*/
#content-frame {
width:1100px;
height:auto;
margin:0 auto;
padding:2em 0;
}

/*MAIN FRAME*/
#content-frame #content {
width:730px;
height:auto;
margin:0;
padding:0;
float:left;
}

/*SIDE FRAME*/
#content-frame #side {
width:325px;
height:auto;
margin:0;
padding:0;
float:right;
}




/*----------------------------------------------*/
/*[SETTING EACH CONTENT]*/

#content .event {
width:auto;
height:auto;
margin:0 0 2em;
padding:0 30px 30px;
background:#FFF;
border: 3px solid #dbdbdb;
border-radius:0 0 7px 7px;
-webkit-border-radius:0 0 7px 7px;
-moz-border-radius:0 0 7px 7px;
-o-border-radius:0 0 7px 7px;
-ms-border-radius:0 0 7px 7px;
}

/*TITLE FRAME*/
#content .event .ttl-corner {
width:auto;
height:auto;
margin:-5px -38px 20px;
padding:0 0 5px;
}

#content .event .ttl-frame {
width:auto;
height:auto;
margin:0;
padding:12px 20px;
}
/*(TITLE)*/
#content .event .ttl-frame h2 {
font-size:1.4em;
margin:0;
padding:0;
color:#FFF;
letter-spacing:.1em;
/*
font-family: 'Bowlby One SC', cursive;
*/
display:table;
}
#content .event .ttl-frame h2 .txt-ttl {
display:table-cell;
vertical-align:middle;
}
#content .event .ttl-frame h2 i[class^="flaticon-"] {
font-size:1.4em;
color:#FFF;
display:table-cell;
vertical-align:middle;
}
#content .event .ttl-frame h2 i[class^="flaticon-"]:before {
margin-right:8px;
}
#content .event .ttl-frame h2 .txt-sub {
font-size:.6em;
padding-left:12px;
letter-spacing:0;
font-family: "Noto Sans", "Meiryo", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W4", "Osaka", "ＭＳ Ｐゴシック", sans-serif;
display:table-cell;
vertical-align:middle;
}

/*CATCH COPY*/
#content .event .catch-copy {
font-size: 1em;
margin: 2rem 0 0.5rem;
padding: 0;
text-align: left;
font-weight: bold;
}

/*MAIN IMAGE FRAME*/
#content .event .img-frame {
width:auto;
height:auto;
margin:0 0 1.5em;
padding:0;
}
/*(IMAGE)*/
#content .event .img-frame figure {
width:auto;
height:auto;
margin:0;
padding:0;
text-align:center;
}

/*FREE SPACE*/
.free-space {
width:auto;
height:auto;
margin:0;
padding:0;
text-align:left;
}





/*----------------------------------------------*/
/*[MAP]*/

.map {
width:auto;
height:auto;
margin:0 0 2em;
padding:0;
text-align:left;
}

/*[BTN]*/
.map ul {
width:auto;
height:auto;
margin:0;
padding:0;
list-style:none;
}
/*(VIEW & GPS)*/
.map ul li.btn-map-view,
.map ul li.btn-map-gps {
width:auto;
height:auto;
margin:0;
padding:0 0 8px;
background:#D93600;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-o-border-radius:5px;
-ms-border-radius:5px;
}
.rain ul li.btn-rain-view {
width:auto;
height:auto;
margin:0;
padding:0 0 8px;
background:#1f83bf;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-o-border-radius:5px;
-ms-border-radius:5px;
}
.map ul li.btn-map-view a,
.map ul li.btn-map-gps a,
.rain ul li.btn-rain-view a {
width:auto;
height:auto;
margin:0;
padding:2em;
text-indent:-9999px;
display:block;
overflow:hidden;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-o-border-radius:5px;
-ms-border-radius:5px;
}
.map ul li.btn-map-view a {
background: #FF5C26 url(../images/btn_map_view.png) no-repeat center;
background-size:80% auto;
-webkit-background-size:80% auto;
-moz-background-size:80% auto;
-o-background-size:80% auto;
-ms-background-size:80% auto;
}
.map ul li.btn-map-gps a {
background: #FF5C26 url(../images/btn_map_gps.png) no-repeat center;
background-size:80% auto;
-webkit-background-size:80% auto;
-moz-background-size:80% auto;
-o-background-size:80% auto;
-ms-background-size:80% auto;
}
.rain ul li.btn-rain-view a {
background: #289de3 url(../images/btn_rain_view.png) no-repeat center;
background-size:80% auto;
-webkit-background-size:80% auto;
-moz-background-size:80% auto;
-o-background-size:80% auto;
-ms-background-size:80% auto;
}
.map ul li.btn-map-view:hover,
.map ul li.btn-map-gps:hover,
.rain ul li.btn-rain-view:hover {
padding:8px 0 0;
background:none;
}

/*(DOWNLOAD)*/
.map ul li.btn-map-dl {
width:auto;
height:auto;
margin:0;
padding:0;
font-size:0.9em;
font-weight:bold;
text-align:center;
}
.map ul li i[class^="flaticon-"]:before {
margin-right:8px;
}
.map ul li.btn-map-dl a {
text-decoration:underline;
color:#111;
}
.map ul li.btn-map-dl a:hover {
text-decoration:none;
color:#666;
}
.map ul li:first-child {
margin-bottom:15px;
}





/*----------------------------------------------*/
/*[DIARY]*/

.diary {
width:auto;
height:auto;
margin:0 0 2em;
padding:0;
}

/*INNER-FRAME*/
.diary .inner-frame {
width:auto;
height:auto;
margin:0;
padding:0 25px 25px;
background:url(../images/bg_white90.png) repeat 0 0;
}

/*TITLE*/
.diary .inner-frame h2.ttl-corner {
font-size:1.2em;
line-height:1.2em;
font-weight:normal;
letter-spacing:.1em;
margin:0 0 1.0em;
padding:1.0em 0 .7em;
color:#CE9D5B;
border-bottom:2px solid #CF9E55;
/*
font-family: 'Bowlby One SC', cursive;
*/
}
.diary .inner-frame h2.ttl-corner i[class^="flaticon-"]:before {
margin-right:8px;
}

/*DETAIL*/
.diary .inner-frame .detail {
width:auto;
height:auto;
margin:0 0 1.2em;
padding:0 0 2em;
text-align:left;
border-bottom:2px solid #CF9E55;
}
/*(TITLE)*/
.diary .inner-frame .detail h3 {
font-size:0.9em;
font-weight:bold;
margin:0 0 .8em;
padding:.3em 0 .35em .8em;
border-left:3px solid #CF9E55;
}
/*(PHOTO)*/
.diary .inner-frame .detail figure {
width:480px;
max-width:480px;
height:auto;
margin:0 auto 1.0em;
padding:0;
text-align:center;
}
/*(PHOTO)*/
.diary .inner-frame .detail figure.for-index {
width:auto;
max-width:100%;
height:auto;
margin:0 auto 1.0em;
padding:0;
text-align:center;
}
.diary .inner-frame .detail figure img {
margin:0;
padding:0;
vertical-align:bottom;
box-shadow:1px 1px 2px rgba(0,0,0,0.5);
}
/*(TEXT)*/
.diary .inner-frame .detail p.txt-detail,
.diary .inner-frame .detail p.txt-date {
padding:0;
}
.diary .inner-frame .detail p.txt-detail {
	font-size:0.9em;
	margin-bottom:1.2em;
}
.diary .inner-frame .detail p.txt-date {
	font-size:0.8em;
	text-align:right;
	margin:0;
}

/*BTN(MORE)*/
.diary .inner-frame ul.btn-more {
width:auto;
height:auto;
margin:0;
padding:0;
list-style:none;
}
.diary .inner-frame ul.btn-more li {
width:auto;
height:auto;
margin:0;
padding:0 0 5px;
background:#B28500;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-o-border-radius:5px;
-ms-border-radius:5px;
text-align:center;
}
.diary .inner-frame ul.btn-more li a {
width:auto;
height:auto;
margin:0;
padding:.8em;
display:block;
overflow:hidden;
background: #CF9E55;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-o-border-radius:5px;
-ms-border-radius:5px;
color:#FFF;
font-size:1.0em;
font-weight:bold;
text-decoration:none;
}
.diary .inner-frame ul.btn-more li:hover {
padding:5px 0 0;
background:none;
}

/*BTN(NAVI)*/
.diary .inner-frame ul.btn-navi {
width:auto;
height:auto;
margin:0;
padding:0;
list-style:none;
}
.diary .inner-frame ul.btn-navi li {
width:25%;
height:auto;
margin:0;
padding:0 0 5px;
background:#B28500;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-o-border-radius:5px;
-ms-border-radius:5px;
text-align:center;
}
.diary .inner-frame ul.btn-navi li i[class^="flaticon-"] {
font-size:0.9em;
margin:0 !important;
}
.diary .inner-frame ul.btn-navi li.b-prev i[class^="flaticon-"]:before {
margin-right:8px;
}
.diary .inner-frame ul.btn-navi li.b-next i[class^="flaticon-"]:before {
margin-left:8px;
}
.diary .inner-frame ul.btn-navi li.b-prev {float:left;}
.diary .inner-frame ul.btn-navi li.b-next {float:right;}
.diary .inner-frame ul.btn-navi li a {
width:auto;
height:auto;
margin:0;
padding:.5em;
display:block;
overflow:hidden;
background: #CF9E55;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-o-border-radius:5px;
-ms-border-radius:5px;
color:#FFF;
font-size:1.0em;
font-weight:bold;
text-decoration:none;
}
.diary .inner-frame ul.btn-navi li:hover {
padding:5px 0 0;
background:none;
}





/*----------------------------------------------*/
/*[ABOUT]*/

.about {
width:auto;
height:auto;
margin:0 0 2em;
padding:0;
}

/*INNER FRAME*/
.about .inner-frame {
width:auto;
height:auto;
}

/*TITLE*/
.about .inner-frame h2 {
margin:0 0 1em;
padding:0 0 .5em;
text-align:left;
background:url(../images/line_wave_g.png) repeat-x left bottom;
background-size:auto 4px;
-webkit-background-size:auto 4px;
-moz-background-size:auto 4px;
-ms-background-size:auto 4px;
-o-background-size:auto 4px;
}
.about .inner-frame h2 img {
margin:0;
padding:0;
vertical-align:bottom;
}

/*LIST*/
.about .inner-frame .detail ul {
width:auto;
height:auto;
margin:0 0 2em;
padding:0;
list-style:none;
}
.about .inner-frame .detail ul li {
font-size:0.9em;
line-height:1.4em;
margin:0 0 .8em;
padding:0 0 .8em 1.0em;
font-weight: bold;
border-bottom:1px solid #FFFFFF;
}
/*(CIRCLE)*/
.about .inner-frame .detail ul.ic-circle li {
background:url(../images/icon_circle_g.png) no-repeat left 3px;
background-size:12px auto;
-webkit-background-size:12px auto;
-moz-background-size:12px auto;
-o-background-size:12px auto;
-ms-background-size:12px auto;
}
/*(STAR)*/
.about .inner-frame .detail ul.ic-star li {
background:url(../images/icon_star_o.png) no-repeat left 3px;
background-size:12px auto;
-webkit-background-size:12px auto;
-moz-background-size:12px auto;
-o-background-size:12px auto;
-ms-background-size:12px auto;
word-break:break-all;
}
/*(TEL NO)*/
.tel-no {
	font-size:1.2em;
	font-weight:bold;
	padding:5px 0;
	display:block;
}

/*TITLE(SP LIVE)*/
.sp-live {
font-size:0.9em;
font-weight:bold;
margin:0 0 .8em;
padding:0 0 .5em;
color:#F27900;
border-bottom:1px solid #FFF;
}





/*----------------------------------------------*/
/*[BANNER]*/

.banner {
width:auto;
height:auto;
margin:0;
padding:0;
}

/*BANNER LIST*/
.banner ul {
width:auto;
height:auto;
margin:0;
padding:0;
list-style:none;
}
.banner ul li {
width:auto;
height:auto;
margin:0 0 15px;
padding:0;
}
.banner ul li:last-child {
margin:0;
}
.banner ul li img {
margin:0;
padding:0;
vertical-align:bottom;
}











/*----------------------------------------------*/
/*CORNER SETTING*/
/*----------------------------------------------*/



/*----------------------------------------------*/
/*----------------------------------------------*/
/*[HOLIDAY SPECIAL]*/
/*----------------------------------------------*/
/*----------------------------------------------*/

#content .event.special .ttl-corner {
background-image:url(../../images/cn_p_l.png),url(../../images/cn_p_r.png);
background-repeat:no-repeat,no-repeat;
background-position:left bottom,right bottom;
}

#content .event.special .ttl-frame {
background:#EF7D1E;
}

#content .event.special .ttl-frame h2 {
text-shadow:2px 2px 1px #EF5E1E;
}

#content .event.special .catch-copy {
color:#EF7D1E;
}


/*----------------------------------------------*/
/*----------------------------------------------*/
/*[BRAND]*/
/*----------------------------------------------*/
/*----------------------------------------------*/

#content .event.brand .ttl-corner {
background-image:url(../../images/cn_g_l.png),url(../../images/cn_g_r.png);
background-repeat:no-repeat,no-repeat;
background-position:left bottom,right bottom;
}

#content .event.brand .ttl-frame {
background:#55B252;
}

#content .event.brand .ttl-frame h2 {
text-shadow:2px 2px 1px #399835;
}

#content .event.brand .catch-copy {
color:#55B252;
}

/*----------------------------------------------*/
/*----------------------------------------------*/
/*[SPECIAL PROGRAM]*/
/*----------------------------------------------*/
/*----------------------------------------------*/

#content .event.program .ttl-corner {
	background-image:url(../../images/cn_o_l.png),url(../../images/cn_o_r.png);
	background-repeat:no-repeat,no-repeat;
	background-position:left bottom,right bottom;
	}
	
	#content .event.program .ttl-frame {
	background:#FF9326;
	}
	
	#content .event.program .ttl-frame h2 {
	text-shadow:2px 2px 1px #FF7400;
	}
	
	#content .event.program .catch-copy {
	color:#FF9326;
	}
	#content .icon-program {
		display: inline-block;
		margin-top: 5px;
		width: 32px;
		height: 32px;
		background: url(../images/icon_program.png) no-repeat;
		background-size: 31px;
	}

	#content .event.program .txt-ttl {
		padding-left: 10px;
	}

@media screen and (max-width: 570px) {
	#content .icon-program {
		display: inline-block;
		margin-top: 5px;
		width: 25px;
		height: 25px;
		background: url(../images/icon_program.png) no-repeat;
		background-size: 24px;
	}
}


/*----------------------------------------------*/
/*----------------------------------------------*/
/*[FREE MARKET]*/
/*----------------------------------------------*/
/*----------------------------------------------*/

#content .event.fleamarket .ttl-corner {
	background-image:url(../../images/cn_b_l.png),url(../../images/cn_b_r.png);
	background-repeat:no-repeat,no-repeat;
	background-position:left bottom,right bottom;
	}
	
	#content .event.fleamarket .ttl-frame {
	background:#32B7BB;
	}
	
	#content .event.fleamarket .ttl-frame h2 {
	text-shadow:2px 2px 1px #0D9DA3;
	}
	
	#content .event.fleamarket .catch-copy {
	color:#32B7BB;
	}

	#content .icon-fleamarket {
		display: inline-block;
		margin-top: 5px;
		width: 32px;
		height: 32px;
		background: url(../images/icon_fleamarket.png) no-repeat;
		background-size: 31px;
	}

	#content .event.fleamarket .txt-ttl {
		padding-left: 10px;
	}

@media screen and (max-width: 570px) {
	#content .icon-fleamarket {
		display: inline-block;
		margin-top: 5px;
		width: 25px;
		height: 25px;
		background: url(../images/icon_fleamarket.png) no-repeat;
		background-size: 24px;
	}
}

/*----------------------------------------------*/
/*----------------------------------------------*/
/*[SPECIAL LIVE]*/
/*----------------------------------------------*/
/*----------------------------------------------*/

#content .event.live .ttl-corner {
background-image:url(../../images/cn_p_l.png),url(../../images/cn_p_r.png);
background-repeat:no-repeat,no-repeat;
background-position:left bottom,right bottom;
}

#content .event.live .ttl-frame {
background:#F98D7C;
}

#content .event.live .ttl-frame h2 {
text-shadow:2px 2px 1px #F86C57;
}

#content .event.live .catch-copy {
color:#F98D7C;
}

/*TIME TABLE*/
.timetable .ttl {
width:99%;
margin:0;
padding:6px 0;
text-align:left;
font-size:.9em;
font-weight:bold;
color:#FF0;
background:#FA8C79;
text-indent:1.0em;
}
.timetable .ttl span {
padding-left:12px;
font-size:.8em;
color:#FFF;
font-weight:normal;
}

.timetable .inner-box {
width:auto;
height:auto;
margin:0;
padding:0;
background:#FFF url(../../images/bg_line1_p.png) repeat-y 0 0;
}
.timetable .list {
width:100%;
height:auto;
margin:0;
padding:0;
list-style:none;
display:table;
}
.timetable .list li {
width:33%;
height:auto;
margin:0;
padding:8px 0;
float:left;
text-align:center;
font-size:0.85em;
background:url(../../images/bg_line2_p.png) bottom right no-repeat;
display:table-cell;
vertical-align:middle;
}




/*----------------------------------------------*/
/*----------------------------------------------*/
/*[FOOD COURT]*/
/*----------------------------------------------*/
/*----------------------------------------------*/

#content .event.food .ttl-corner {
background-image:url(../../images/cn_o_l.png),url(../../images/cn_o_r.png);
background-repeat:no-repeat,no-repeat;
background-position:left bottom,right bottom;
}

#content .event.food .ttl-frame {
background:#FF9326;
}

#content .event.food .ttl-frame h2 {
text-shadow:2px 2px 1px #FF7400;
}

#content .event.food .catch-copy {
color:#FF9326;
}

/*SHOP LIST*/
.foodcourt .ttl {
margin:0;
padding:6px 0;
text-align:left;
font-size:.9em;
font-weight:bold;
color:#FF0;
background:#FF9300;
text-indent:1.0em;
}
.foodcourt .ttl span {
padding-left:12px;
font-size:.8em;
color:#FFF;
font-weight:normal;
}
.foodcourt .bg-box {
width:auto;
height:auto;
margin:0;
padding:0;
background:#FFF url(../../images/bg_line1_o.png) repeat-y 0 0;
}
.foodcourt .list {
width:100%;
height:auto;
margin:0 auto;
padding:0;
list-style:none;
display:table;
}
.foodcourt .list li {
width:50%;
height:auto;
margin:0;
padding:8px 0;
float:left;
text-align:center;
font-size:0.95em;
background:url(../../images/bg_line2_o.png) bottom right no-repeat;
display:table-cell;
vertical-align:middle;
}
.foodcourt .list li i[class^="flaticon-"] {
color:#FF9326;
}
.foodcourt .list li i[class^="flaticon-"]:before {
margin-right:8px;
}


.food-list {
	display: grid;
    grid-template-columns: 1fr;
	list-style:none;
}

.food-list li {
	border-bottom: 1px dotted #ff9326;
    padding: .5rem;
	margin-bottom: -1px;
}

.food-list_dj li img {
	height: 120px;
	padding-left: 10px;
}

.food-list li:nth-child(2n) {
	border-bottom: 1px dotted #ff9326;
    padding: .5rem;
	/* margin-left: -1px;
	margin-bottom: -1px; */
}


.food-title {
	background: #FF9300;
    color: white;
    padding: .4rem;
}


@media screen and (max-width: 760px) {
	.food-list {
		grid-template-columns: 1fr;
		font-size: small;
	}
	.food-list li:nth-child(2n),
	.food-list_dj li:nth-child(2n) {
		margin-left: 0px;
	}
}



/*----------------------------------------------*/
/*----------------------------------------------*/
/*[SPONSOR BOOTH]*/
/*----------------------------------------------*/
/*----------------------------------------------*/

#content .event.sponsor .ttl-corner {
background-image:url(../../images/cn_b_l.png),url(../../images/cn_b_r.png);
background-repeat:no-repeat,no-repeat;
background-position:left bottom,right bottom;
}

#content .event.sponsor .ttl-frame {
background:#32B7BB;
}

#content .event.sponsor .ttl-frame h2 {
text-shadow:2px 2px 1px #0D9DA3;
}

#content .event.sponsor .catch-copy {
color:#32B7BB;
}

/*SPONSOR LIST*/
.prlist {
width:100%;
height:auto;
margin:0 0 1.0em;
padding:0 0 1.0em;
background:url(../images/line_wave_b.png) repeat-x left bottom;
background-size:auto 4px;
-webkit-background-size:auto 4px;
-moz-background-size:auto 4px;
-o-background-size:auto 4px;
-ms-background-size:auto 4px;
}
.prlist dt {
width:18%;
height:auto;
margin:0;
padding:0;
float:left;
}
.prlist dd {
width:auto;
height:auto;
margin:0 0 0 20%;
padding:0 0 .6em;
}
/*(TITLE)*/
.prlist dd h4 {
font-size:1.0em;
line-height:1.6em;
font-weight:bold;
color:#32B7BA;
margin:0 0 .3em;
padding:0;
}
/*(TEXT)*/
.prlist dd p {
font-size:0.9em;
margin:0;
padding:0;
}
.free-space .prlist:last-child {
background:none;
margin:0;
padding:0;
}

/*----------------------------------------------*/
/*----------------------------------------------*/
/*[sdgs booth]*/
/*----------------------------------------------*/
/*----------------------------------------------*/

#content .event.sdgs .ttl-corner {
background-image:url(../../images/cn_b_l.png),url(../../images/cn_b_r.png);
background-repeat:no-repeat,no-repeat;
background-position:left bottom,right bottom;
}

#content .event.sdgs .ttl-frame {
background:#32B7BB;
}

#content .event.sdgs .ttl-frame h2 {
text-shadow:2px 2px 1px #0D9DA3;
}

#content .event.sdgs .catch-copy {
color:#32B7BB;
}

#content .icon-sdgs {
display: inline-block;
margin-top: 5px;
width: 32px;
height: 32px;
background: url(../images/icon_sdgs.png) no-repeat;
background-size: 31px;
}

#content .event.sdgs .txt-ttl {
padding-left: 10px;
}


@media screen and (max-width: 570px) {
#content .icon-sdgs {
display: inline-block;
margin-top: 5px;
width: 25px;
height: 25px;
background: url(../images/icon_sdgs.png) no-repeat;
background-size: 24px;
}
}

/*----------------------------------------------*/
/*----------------------------------------------*/
/*[RECYCLE]*/
/*----------------------------------------------*/
/*----------------------------------------------*/

#content .event.recycle .ttl-corner {
background-image:url(../../images/cn_g_l.png),url(../../images/cn_g_r.png);
background-repeat:no-repeat,no-repeat;
background-position:left bottom,right bottom;
}

#content .event.recycle .ttl-frame {
background:#55B252;
}

#content .event.recycle .ttl-frame h2 {
text-shadow:2px 2px 1px #399835;
}

#content .event.recycle .catch-copy {
color:#55B252;
}

/*RECYCLE DETAIL*/
.re-detail {
width:auto;
height:auto;
margin:0;
padding:0;
}
/*(TITLE)*/
.re-detail dt {
font-size:1.0em;
line-height:1.6em;
font-weight:bold;
margin:0 0 .6em;
padding:0;
color:#55B252;
}
/*(TITLE BREAK)*/
.re-detail dt span {
display:block;
}
/*(TEXT)*/
.re-detail dd {
font-size:0.9em;
line-height:1.6em;
margin:0 0 1.4em;
padding:0 0 1.4em;
background:url(../images/line_wave_g2.png) repeat-x left bottom;
background-size:auto 4px;
-webkit-background-size:auto 4px;
-moz-background-size:auto 4px;
-o-background-size:auto 4px;
-ms-background-size:auto 4px;
}
.re-detail dd h4 {
margin:12px 0 4px;
color:#F70000;
font-weight:bold;
}
/*(IMAGE)*/
.re-detail dd .re-img-l,
.re-detail dd .re-img-r {
margin:0;
padding:0 8px;
}
.re-detail dd .re-img-l {float:left;}
.re-detail dd .re-img-r {float:right;}

.re-detail dd:last-child {
background:none;
margin:0;
padding:0;
}


/* add css - not hack */
  	.program-list {width: 100%;border-bottom: 1px dashed #999;margin-bottom: 1rem;margin-top: 1rem;font-size: 90%;}
  	.program-list li:nth-child(1) {width: 40%;float: left;}
  	.program-list li:nth-child(2) {width: 58%;margin-left: 40%;}
  	@media screen and (max-width: 480px) {
  		.program-list li:nth-child(1) {width: 100%;float: none;}
  		.program-list li:nth-child(1):before {content:"[ ";}
  		.program-list li:nth-child(1):after {content:" ]";}
  		.program-list li:nth-child(2) {width: 100%;margin-left: 0;}
  	}
	ul.guest li {width: 49%; margin: 0 auto; display: inline-block;}
	ul.guest li img {width: 99%; height: auto;}

/* add css - hacked */



/* lightbox */
.open-lightbox {
  padding: 10px 20px;
  border: none;
  cursor: pointer;
}

/* ライトボックスの背景 */
.lightbox-bg {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  overflow: auto;
  z-index: 1000;
  animation: fadeInBg 0.3s ease forwards;
}

/* ライトボックス本体（PC用） */
.lightbox-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.8);
  opacity: 0;
  background: #fff;
  color: black;
  padding: 20px;
  width: 90%;
  max-width: 650px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  border-radius: 8px;
  text-align: left;
  animation: popIn 0.3s ease forwards;
  max-height: 90vh;
  overflow-y: auto;
}

/* ライトボックス内の画像 */
.lightbox-content img {
  max-height: 300px;
  width: auto;
}

/* テキスト */
.lightbox-content p {
  line-height: 2.5rem;
  padding-top: 0.9rem;
}

/* 閉じるボタン */
.close-lightbox {
  position: absolute;
  top: 6px;
  right: 8px;
  padding: 5px 10px;
  background: var(--main-txt-color);
  color: rgb(0, 0, 0);
  border: none;
  cursor: pointer;
  border-radius: 6px;
  font-size: 16px;
  line-height: 1;
}

/* 背景フェードイン */
@keyframes fadeInBg {
  from { background: rgba(0, 0, 0, 0); }
  to { background: rgba(0, 0, 0, 0.6); }
}

/* PC用アニメーション */
@keyframes popIn {
  from {
    transform: translate(-50%, -50%) scale(0.8);
    opacity: 0;
  }
  to {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
  }
}

@media screen and (max-width: 767px) {
  .lightbox-content {
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    max-height: 90vh;
    overflow-y: auto;
    animation: fadeInUp 0.3s ease forwards; /* スマホ用アニメーション */
  }

  .lightbox-content img {
    max-height: 30vh;
  }

  .lightbox-content p {
    line-height: 1.8rem;
  }
}

/* スマホ用アニメーション */
@keyframes fadeInUp {
  from {
    transform: translateX(-50%) translateY(20px);
    opacity: 0;
  }
  to {
    transform: translateX(-50%) translateY(0);
    opacity: 1;
  }
}


/* hamburger */

.hamburger {
  width: 30px;
  height: 22px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  cursor: pointer;
  position: fixed;
  top: 15px;
  right: 15px;
  z-index: 1001;
  background: #389f4d;
  padding: .8rem;
  border-radius: 0.7rem;
}

.hamburger span {
  height: 3px;
  width: 100%;
  background: #ffffff;
  border-radius: 3px;
  transition: all 0.3s;
}

/* ×印アニメーション */
.hamburger.active span:nth-child(1) {
  transform: rotate(45deg) translateY(13px);
}
.hamburger.active span:nth-child(2) {
  opacity: 0;
}
.hamburger.active span:nth-child(3) {
  transform: rotate(-45deg) translateY(-13px);
}

.slide-menu {
  position: fixed;
  top: 0;
  right: -1200px;
  width: 30%;  
  min-width: 300px;
  height: 100vh;
  letter-spacing: .1rem;
  background: #389f4d;
  font-weight: bold;
  transition: right 0.3s ease;
  padding: 60px 20px 20px;
  box-sizing: border-box;
  z-index: 1000;
}

.slide-menu.open {
  right: 0;
}

.slide-menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.slide-menu li {
  margin: 10px 0;
}

.slide-menu a {
  text-decoration: none;
  color: #fff;
  font-size: 18px;
  display: block;
  padding: 10px;
  transition: color 0.3s, background 0.3s;
}

.slide-menu a:hover {
  color: #fff;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 4px;
}

.close-btn {
  position: absolute;
  top: 15px;
  right: 15px;
  font-size: 28px;
  background: none;
  border: none;
  cursor: pointer;
  z-index: 1002;
}


.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
  z-index: 999;
}

.overlay.show {
  opacity: 1;
  visibility: visible;
}