@charset 'UTF-8';
/* common */
body { font-family: 'YakuHanJP', 'Arial', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック体', 'Yu Gothic', YuGothic, Meiryo, sans-serif; min-width: 320px; }
.pageen { font-family: "SF Pro Text","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif; }
a { -webkit-transition: opacity .2s ease-in-out; -o-transition: opacity .2s ease-in-out; transition: opacity .2s ease-in-out; text-decoration: none; color: #e2470e; }
a:hover { opacity: .5; }
.cf:after { display: block; clear: both; content: ' '; }
img { vertical-align: bottom; }
.syu { color: #e2470e; }
.tc { text-align: center; }
.max500 img { max-width: 500px; }
.max600 img { max-width: 600px; }
.max700 img { max-width: 700px; }
.junkokoshino img { max-width: 200px; }
.c_l,
.c_r,
.c_f { position: absolute; display: block; width: calc(40vw); max-width: 396px; height: calc(40vw); max-height: 396px; }
.c_l { z-index: 1; top: 0; left: calc(-40vw); background: url(../img/logo_left.png) 0 0 / cover no-repeat; }
.c_r { z-index: 2; top: 0; right: calc(-40vw); background: url(../img/logo_right.png) 0 0 / cover no-repeat; }
.c_f { z-index: 3; top: 0; left: 0; background: url(../img/logo_fukushima.png) 0 0 / cover no-repeat; }
.onlysp { display: inherit; }
.onlypc { display: none; }
.big { font-size: 1.562rem; }
.notice { font-size: .75rem; }
.red { color: #e2470e; }
.fs18 { font-size:1.125rem; }
.emergency a {background:#F90000; padding:15px 0; display:block; color:#FFF; font-size:0.75rem; text-align:center; font-weight:bold; }
.emergency a span { display:inline-block; border:2px solid #FFF; padding:1px 2px 4px; border-radius:20px; width:0.75rem; height:0.75rem; margin:0 10px 0 0;  }
.emergency a:after { content:"→"; margin-left:10px; }

/* layout */
.maincopy { line-height: 0; max-height: 60px; padding: 15px; text-align: center; background: #e2470e; }
.maincopy img { width: 90%; max-width: 700px; height: auto; }
.mainimg { position: relative; width: 100%; max-width: 1280px; height: calc(95.3vw); max-height: 720px; margin-top: calc(1%); }
.mainimg_inner { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; max-width: 1280px; height: calc(95.3vw); max-height: 720px; margin: 0; background: url(../img/mainimg_sp.jpg) center top / cover no-repeat; }
.logo_inner { position: relative; z-index: 2; top: calc( (( 95.3vw / 2 ) - 20vw ) - 3.74vw); left: calc(50vw - 20vw); overflow: hidden; width: calc(40vw); max-width: 396px; height: calc(40vw); max-height: 396px; border-radius: 50% 50%; background: url(../img/logo_base.png) center center / cover no-repeat; }
.logo_inner h1 { position: absolute; z-index: 4; margin: 0; padding: 0; }
.logo_inner h1 img { width: 100%; height: auto; }
.text_m { font-size: .875rem; }
.text_s { font-size: .75rem; }
.content { padding: 20px; }
.content h2 { margin: 0; text-align: center; }
.content h2 img { width: 100%; max-width: 960px; height: auto; margin: 0 auto; }
footer { display: block; margin: 50px 0 0; padding: 40px 20px 20px; text-align: center; color: #fff; background: #000; position:relative; }
h3.org { font-size: 1.562rem; font-weight: bold; display: inline-block; margin: 0; padding: 0; }
p.org { font-size: 1.562rem; display: inline-block; margin: 0; padding: 0; }
h3.coop { font-size: .75rem; margin: 20px 0 0; padding: 0; }
p.coop { font-size: .75rem; margin: 5px 0 0; padding: 0; }
h3.sponsor { font-size: .75rem; margin: 20px 0 0 0; padding: 0; }
ul.sponsor { font-size: .75rem; max-width: 960px; margin: 0; margin: 0 auto; padding: 0; }
ul.sponsor li { display: inline-block; margin: 5px 0 0; padding: 0; }
ul.sponsor li:after { content: '、'; }
ul.sponsor li:last-child:after { content: ''; }
footer ul { font-size: .75rem; padding: 0; list-style: none inside; }
.copy { font-size: .75rem; line-height: 1em; max-width: 960px; margin: 20px auto 0; padding: 20px 0 0; border-top: 1px #fff solid; }
.cautionbox { background:rgba(0,0,0,.9); color:#000; max-width: calc(960px - 40px); margin:20px auto -10px; padding:20px 20px 10px; text-align:left; background:#FFF; font-size:0.812rem; border-radius:5px;}
.cautionbox h3 { margin:0; padding:0; color: }
.cautionbox p { line-height:1.4em;}
.cautionbox ul { margin:20px 0 0 0; }
.cautionbox ul li { margin-bottom:10px;}
.cautionbox ul li a {  display:block; width:calc(100% - 40px); background:#FFF; text-align:center; color:#1a73e8; padding:20px; border-radius:5px; border:.0625rem solid #dadce0; }
.selectlang { max-width:350px; text-align:center; padding:10px; margin:0 auto; } 
.selectlang ul { list-style:none inside; margin:0; padding:0; display:flex; justify-content:space-between; align-items:center;} 
.selectlang ul li { width:calc(30% - 10px); vertical-align:middle; }
.selectlang ul li.label { width:calc(40% - 10px); display:table-cell; vertical-align:middle; padding:0; }
.selectlang ul li span, .selectlang ul li a { display:block; padding:10px; border-radius:5px; }
.selectlang ul li span  { color: #b2b2b2; background: #efeadb; -webkit-box-shadow: #e1ddd2 0 5px 0; box-shadow: #e1ddd2 0 5px 0; }
.selectlang ul li a { cursor: pointer; color: #000; background: #cabb89; -webkit-box-shadow: #AC974F 0 5px 0; box-shadow: #AC974F 0 5px 0; }




/* index */
.pageindex .maincopy { opacity: 0; }
.pageindex .mainimg_inner { opacity: 0; }
.pageindex .logo_inner { opacity: 0; }
.pageindex .logo_inner h1 img { opacity: 0; }
.pageindex .c_l { opacity: 0; }
.pageindex .c_r { opacity: 0; }
.pageindex .c_f { opacity: 0; }
.pageindex nav { opacity: 0; }
.pageindex .content { opacity: 0; }
.pageindex footer { opacity: 0; }
.pageindex nav { padding: 20px; }
.pageindex nav ul { margin: 0; padding: 0; list-style: none inside; }
.pageindex nav ul li a,
.pageindex nav ul li span { font-weight: bold; line-height: 1.2em; display: block; margin: 0 0 15px; padding: 20px; text-align: center; }
.pageindex nav ul li span { color: #b2b2b2; background: #efeadb; -webkit-box-shadow: #e1ddd2 0 5px 0; box-shadow: #e1ddd2 0 5px 0; }
.pageindex nav ul li a { cursor: pointer; color: #000; background: #cabb89; -webkit-box-shadow: #AC974F 0 5px 0; box-shadow: #AC974F 0 5px 0; }
.snsbt a { font-size: 1rem; font-weight: bold; display: block; padding: 20px; text-align: center; color: #fff; border-radius: 40px; background: #9f8181; }
.fb a { background: #365899; }
.tw a { background: #1da1f2; }
.ig a { background: -webkit-gradient(linear, right top, left top, from(#bc32a4), color-stop(50%, #e03768), to(#f67c33)); background: -o-linear-gradient(right, #bc32a4 0%, #e03768 50%, #f67c33 100%); background: linear-gradient(270deg, #bc32a4 0%, #e03768 50%, #f67c33 100%); }


/* under */
header { position: relative; height: 0; height: 80px; margin: 0; margin: 10px 0 0 0; }
header h1 { margin: 0; text-align: center; }
header h1 img { width: 160px; height: auto; text-align: center; }
header nav { display: none; }
.burger { position: relative; position: absolute; z-index: 100; z-index: 10; top: 7px; right: 12px; display: block; width: 50px; height: 50px; background: #cabb89; }
.burger div { position: relative; }
.burger span { position: absolute; left: 13px; display: block; width: 100%; width: 25px; height: 3px; -webkit-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; background: #fff; }
.burger span:nth-child(1) { top: 15px; }
.burger span:nth-child(2) { top: 24px; }
.burger span:nth-child(3) { top: 33px; }
.open .burger span:nth-child(1) { top: 25px; left: 13px; width: 25px; -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); }
.open .burger span:nth-child(2) { top: 25px; left: 50%; width: 0; }
.open .burger span:nth-child(3) { top: 25px; left: 13px; width: 25px; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); }
.pageunder nav { position: fixed; z-index: 20; top: 0; left: 0; height: calc(100vh); background: rgba(0,0,0,.8); }
.pageunder nav .inner { position: fixed; top: 0; right: 0; width: calc(100vw); height: calc(100vh); background: rgba(0,0,0,.7); }
.pageunder nav .inner p { font-size: 4rem; line-height: 4rem; position: absolute; top: 0; right: calc(80% + 10px); margin: 0; padding: 0; cursor: pointer; color: #fff; }
.pageunder nav ul { position: fixed; top: 0; right: 0; width: 80%; height: calc(100vh); margin: 0; padding: 0; list-style: none; background: #fff; }
.pageunder nav ul li { border-bottom: 1px solid #000; }
.pageunder nav ul li a { display: block; padding: 20px; color: #000; }
.pageunder nav ul li a:after { float: right; content: '〉'; }
.pageunder nav ul li span { display: block; padding: 20px; color: #000; }
.pageunder h2 { font-size: 2rem; margin: 0; padding: 20px; text-align: center; color: #fff; background: #e2470e url(../img/titleback.png) top center repeat-x; }
.pageunder .content h3 { font-size: 1rem; padding: .75em; color: #fff; border-left: 10px solid #cabb89; background: #000; }
.pageunder .content h4 { font-size: 1.125rem; padding: 1em 1.25em; color: #fff; border-bottom: 5px solid #ad3709; background-color: #e2470e; }
.pageunder .content h5 { font-size: 1.125rem; color: #e2470e; }
.pageunder .content > ul { margin: 20px 0 40px 0; padding: 0 0 0 1.5em; list-style: outside disc; }
.pageunder .content > ul li { line-height: 1.6em; margin: 0 0 15px 0; }
.pageunder .content > ul > li > ul { margin: 20px 0 40px 0; padding: 0 0 0 1.5em; list-style: outside circle; }
.img { text-align: center; }
.img img { width: 100%; height: auto; }
.pageunder .content p { line-height: 1.8em; }
.content table { width: 100%; border-collapse: collapse; }
.content table th,
.content table td { font-size: 1.125rem; line-height: 1.6em; display: block; text-align: left; vertical-align: top; }
.content table th { padding: 10px 15px; color: #cabb89; border-top: 4px solid #fff; background: #000; }
.content table td { padding: 10px 15px; border-top: 4px solid #fff; background: #f5f5f5; }
.page_summary .content table th { white-space: nowrap; }
.page_summary .content table td p { text-align: justify; }
.page_summary .content table td p:first-child { margin-top: 0; }
.page_summary .content table td p:last-child { margin-bottom: 0; }
.junkoarea { padding: 20px; background: #dfdfdf; }
.col3 { margin: 40px auto 0; }
.col3 .cols { margin: 20px 0 0; }
.searchwin img { display: inline-block; width: auto; height: 1.3rem; margin: 0 0 0 1rem; }
.balloon { font-size: 1.25rem; font-weight: bold; position: relative; display: inline-block; min-width: 240px; max-width: 100%; margin-bottom: 0; padding: 10px 15px; text-align: center; border: solid 2px #525252; border-radius: 5px; background-color: #fff; }
.balloon:before,
.balloon:after { position: absolute; top: 100%; left: 10%; content: ''; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
.balloon:before { border: solid 12px transparent; border-top: solid 12px #525252; }
.balloon:after { margin-top: -5px; border: solid 14px transparent; border-top: solid 14px #fff; }
.page_event .content p { }
.page_event .content h5 { margin-top:10px; margin-bottom: 15px;}
.page_event .content h5 + p { margin-top: 0; }
.gmap { width: 100%; height: 300px; border: none; }
.pickup { border:1px solid #000; padding:10px; text-align:center; }

#boothmap { width:calc(100% + 40px); height:300px; margin:0 -20px; }
.leaflet-control-attribution { display:none;}

.content .shoplist { overflow: auto; white-space: nowrap; }
.content .shoplist::-webkit-scrollbar{ height: 5px; }
.content .shoplist::-webkit-scrollbar-track{ background: #F1F1F1; }
.content .shoplist::-webkit-scrollbar-thumb { background: #BCBCBC; }
.pscroll { margin:20px 0 -20px; padding:10px; text-align:center; background: #F1F1F1; }
.content .shoplist table { width: 100%; border-collapse: collapse; margin-top:20px; }
.content .shoplist table th,
.content .shoplist table td { font-size: 0.812rem; line-height: 1.4em; display: table-cell; text-align: left; vertical-align: top; border:1px solid #666; }
.content .shoplist table th { padding: 5px; color: inherit; border-top: none; border:1px solid #666; background: inherit; }
.content .shoplist table td { padding: 5px; border-top: none; background: inherit; }
.content .shoplist table tr:nth-child(odd) th,
.content .shoplist table tr:nth-child(odd) td {background:#DEE7D5; vertical-align:middle; }
.content .shoplist table thead th { background:#71A754 !important; }
.content .shoplist table .genre { background:#DEE7D5; }


@media screen and (min-width:576px) {
/* sm */
.onlysp { display: inherit; }
.onlypc { display: none; }
.mainimg { height: calc(56.3vw); }
.mainimg_inner { height: calc(56.3vw); background: url(../img/mainimg_pc.jpg) center top / cover no-repeat; }
.logo_inner { top: calc( (( 56.3vw / 2 )) - 1vw - 15.5vw); left: calc(50vw - 15.5vw); width: calc(31vw); height: calc(31vw); }
.c_l,
.c_r,
.c_f { width: calc(31vw); height: calc(31vw); }
.col2,
.col3 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.col2 .cols { width: calc(50% - 20px); }
.col2.lefter .cols:nth-child(1) { width: calc( 30% - 20px ); }
.col2.lefter .cols:nth-child(2) { width: calc( 70% - 20px ); }
.col3 { max-width: 960px; margin: 40px auto 0; }
.col3 .cols { width: calc(33% - 20px); }
.access2col { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.access2col .cols:nth-child(1) { width: calc( 30% - 20px ); }
.access2col .cols:nth-child(2) { width: calc( 70% - 20px ); }
.gmap { height: 500px; }
}

@media screen and (min-width:768px) {
/* md */
.onlysp { display: none; }
.onlypc { display: inherit; }
.emergency a { padding:15px 0; font-size:1.125rem; }
.emergency a span { padding:1px 2px 4px; width:1.125rem; height:1.125rem; }
header h1 { margin: 20px 0 20px; }
header h1 img { width: 200px; height: auto; text-align: center; }
.pageindex nav ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.pageindex nav ul li { display: table; margin: 0 0 15px; }
.pageindex nav ul li a,
.pageindex nav ul li span { font-weight: bold; display: table-cell; height: 50px; margin: 0 0 15px; padding: 15px; text-align: center; vertical-align: middle; border-radius:5px; }
.pageindex nav ul li.c3 { width:calc((100% / 3) - 10px); font-size:1.25rem; }
.pageindex nav ul li.c2 { width:calc((100% / 2) - 7px); }
 
 
.burger { display: none; }
.pageunder header { height: inherit; margin: 0 0 30px 0; }
.pageunder header nav { display: inherit; padding: 0 20px; }
.pageunder nav { position: inherit; height: inherit; background: none; }
.pageunder nav .inner { position: inherit; top: 0; right: 0; width: inherit; height: inherit; background: none; }
.pageunder nav .inner p { display: none; }
.pageunder nav ul { position: inherit; display: -webkit-box; display: -ms-flexbox; display: flex; width: inherit; height: inherit; background: inherit; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.pageunder nav ul li { display: table; margin: 0 0 15px; border-bottom: none; }
.pageunder nav ul li.c3 { width:calc((100% / 3) - 10px); font-size:1.25rem; }
.pageunder nav ul li.c2 { width:calc((100% / 2) - 7px); }
.pageunder nav ul li a,
.pageunder nav ul li span { font-weight: bold; display: table-cell; height: 50px; margin: 0 0 15px; padding: 17px 15px 15px; text-align: center; vertical-align: middle; border-radius:5px;}
.pageunder nav ul li span { color: #b2b2b2; background: #efeadb; -webkit-box-shadow: #e1ddd2 0 5px 0; box-shadow: #e1ddd2 0 5px 0; }
.pageunder nav ul li a { cursor: pointer; color: #000; background: #cabb89; -webkit-box-shadow: #AC974F 0 5px 0; box-shadow: #AC974F 0 5px 0; }
.pageunder nav ul li a:after,
.pageunder nav ul li span:after { display: none; }

.pageunder .content h3 { font-size: 1.5rem; padding: .75em; color: #fff; border-left: 10px solid #cabb89; background: #000; }
.content table th,
.content table td { display: table-cell; }
.content table th { padding: 20px; }
.content table td { padding: 20px; }
h3.coop { font-size: 1rem; }
p.coop { font-size: 1rem; }
ul.sponsor li { font-size: 1rem; }
.snsbt a { font-size: 1.5rem; }
.text_r { font-size: 1.25rem; }
.text_m { font-size: 1rem; }
.text_s { font-size: .812rem; }

#boothmap { width:100%; height:650px; margin:0; }


.cautionbox ul { display:flex; justify-content:space-between; }
.cautionbox ul li { width:calc(50% - 10px); }
}

@media screen and (min-width:992px) {
/* lg */
.wrap { max-width: 1280px; margin: 0 auto; }
.pageunder .wrap { max-width: inherit; margin: 0 auto; }
.pageindex nav { max-width: 960px; margin: 0 auto; }
.pageunder nav { max-width: 960px; margin: 0 auto; }
.text_m { font-size: 1.25rem; }
.text_s { font-size: .812rem; }
.pageunder .content { max-width: 960px; margin: 0 auto; }
.pageunder h2 { font-size: 2.5rem; margin: 0 0 40px; padding: 60px 20px; }
}

@media screen and (min-width:1200px) {
/* xl */
}

@media screen and (min-width:1280px) {
/* xl */
.logo_inner { top: calc((720px/2) - (396px/2) - 15px); left: calc((1280px/2) - (396px/2));}
}

@media print {
.onlysp { display: none; }
.onlypc { display: inherit; }
header h1 { margin: 10px 0 10px; }
header h1 img { width: 150px; height: auto; text-align: center; }
.burger { display: none; }
.maincopy img { width: 50%; max-width: 700px; height: auto; }
.pageunder header { height: inherit; margin: 0 0 10px 0; }
.pageunder header nav { display: inherit; padding: 0 20px; }
.pageunder nav { position: inherit; height: inherit; margin: 0; background: none; }
.pageunder nav .inner { position: inherit; top: 0; right: 0; width: inherit; height: inherit; background: none; }
.pageunder nav .inner p { display: none; }
.pageunder nav ul { position: inherit; display: -webkit-box; display: -ms-flexbox; display: flex; width: inherit; height: inherit; margin: 0; background: inherit; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.pageunder nav ul li { display: table; width: calc((100% / 3) - 10px); margin: 0 0 15px; border-bottom: none; }
.pageunder nav ul li a,
 .pageunder nav ul li span { font-weight: bold; display: table-cell; width: calc(100% - 40px); height: 50px; margin: 0 0 15px; padding: 5px; text-align: center; vertical-align: middle; }
.pageunder nav ul li span { color: #b2b2b2; background: #efeadb; -webkit-box-shadow: #e1ddd2 0 5px 0; box-shadow: #e1ddd2 0 5px 0; }
.pageunder nav ul li a { cursor: pointer; color: #000; background: #cabb89; -webkit-box-shadow: #AC974F 0 5px 0; box-shadow: #AC974F 0 5px 0; }
.pageunder nav ul li a:after,
 .pageunder nav ul li span:after { display: none; }
.pageunder .content h3 { margin: 0; }
.pageunder .content h4 { margin: 0; }
.col2,
 .col3 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.col2 .cols { width: calc(50% - 20px); }
.col2.lefter .cols:nth-child(1) { width: calc( 30% - 20px ); }
.col2.lefter .cols:nth-child(2) { width: calc( 70% - 20px ); }
.col3 { max-width: 960px; margin: 40px auto 0; }
.col3 .cols { width: calc(33% - 20px); }
.access2col { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.access2col .cols:nth-child(1) { width: calc( 30% - 20px ); }
.access2col .cols:nth-child(2) { width: calc( 70% - 20px ); }
.content table th,
.content table td { display: table-cell; }
.content table th { padding: 10px; }
.content table td { padding: 10px; }
}