@charset "UTF-8";
/* CSS Document */
#asabun_fes .wrapper{letter-spacing:0; line-height:1.5; color:#111; background:#fff; text-align:center; margin:20px; padding:50px 0;}
#asabun_fes	#cover{border:none; position:relative; z-index:0;}
#asabun_fes #cover div {position:relative; margin-bottom:0px;}
#asabun_fes #cover div .image img{width:100%;}
#asabun_fes #cover h1 img{width:auto; filter:drop-shadow(0 10px 25px rgba(0, 0, 0, 0));}
#asabun_fes #cover #free_admission{width:200px; height:200px; border:1px solid #fff; border-radius:50%; position:absolute; bottom:-100px; right:5%; background:#ffcc33;}
#asabun_fes #cover #free_admission span{ display:block; margin-top:70px; font-size:200%; font-weight:600; color:#fff;}
#asabun_fes h2.headline{ font-size:200%; margin:20px auto;}
#asabun_fes .wrapper p.txt{ font-size:105%; letter-spacing:0.1em}
.mt30{margin-top:30px !important;}
.mt50{margin-top:50px !important;}

/*木方変更ここから*/
body#asabun_fes a,body#asabun_fes a:link,body#asabun_fes a:visited{text-decoration:none; color:#111;}
#asabun_fes .wrapper .block {width: 98%; max-width:100%; margin: 0 auto;}
#asabun_fes .wrapper .message{ font-size:100%; letter-spacing:0.2em; line-height:180%;}
#asabun_fes .wrapper .image img{width:100%;}

#asabun_fes .wrapper section:not(#cover,#concept,#foodsshop){padding:30px 0;}
#asabun_fes .wrapper #concept ul li img{ width:100%;}
#asabun_fes .wrapper section h2.headline{font-size:3.6rem; letter-spacing:0.1em; margin:0 auto 10px; font-weight:600; line-height:150%;}
#asabun_fes .wrapper section h3{font-size:2.0rem; letter-spacing:0.1em; margin:20px auto 10px;}
#asabun_fes .wrapper section#showtime h3{font-size:2.4rem; }
#asabun_fes .wrapper section p.txt{font-size:1.4rem; margin-bottom:10px;}
#asabun_fes .wrapper section .btn{margin:20px auto 30px;}
#asabun_fes .wrapper section .btn a{background:#000; padding:10px 30px; color:#fff; display:inline-block; font-size:1.8rem; letter-spacing:0.1em;}
#asabun_fes .wrapper section .btn a:hover{text-decoration:none; transform: scale(1.1,1.1);transition-duration: 0.1s;}

/*カバー・コンセプト*/
#asabun_fes .wrapper #cover div h1{position:absolute; top:250px; left: 50%; transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);}
#asabun_fes .wrapper #cover::after{content:""; background:url("../../images/event/fes2023/bk_mountain.svg") bottom center no-repeat; position:absolute; bottom:0; left:0; z-index:1500; height:300px; width:100%; background-size:cover;}
#asabun_fes .wrapper #concept{margin:-130px 0 0; position:relative; z-index:300;}
#asabun_fes .wrapper #concept ul{display:grid; grid-template-columns:repeat(auto-fit, 250px); justify-content:center; gap:30px; margin:50px auto;}

#asabun_fes .wrapper #bunbunland{ padding:50px 0; background-image: 
    radial-gradient(rgb(255, 255, 255) 16%, transparent 36%),
    radial-gradient(rgb(255, 255, 255) 16%, transparent 36%);
  background-position: 0px 0px, 8px 8px;
  background-size: 16px 16px;
  background-color:#eee;
 }

#asabun_fes .wrapper #showtime{background-image: 
    radial-gradient(#eee 50%, transparent 54.4%),
    radial-gradient(#eee 50%, transparent 54.4%);
  background-position: 0px 0px, 16px 16px;
  background-size: 32px 32px;
  background-color:#fff;
}

#asabun_fes .wrapper #bunbunland{ padding:50px;}

#asabun_fes .wrapper p.caution{background:#ffc; display:inline-block; padding:10px 20px; margin:30px auto; letter-spacing:0.1em; font-size:1.4rem;}
#asabun_fes .wrapper ul.frexList{display:flex; flex-wrap:wrap; justify-content:center; gap:20px 30px; margin:20px auto;}
#asabun_fes .wrapper ul.frexList li{position:relative; flex-basis:18%; min-width:270px;}
#asabun_fes .wrapper #showtime ul.frexList li{flex-basis:22%; min-width:300px}
#asabun_fes .wrapper ul.frexList li .image{border:6px solid #fff;}
#asabun_fes .wrapper section#showtime ul.frexList li .image{box-shadow:0px 10px 10px -6px rgba(0, 0, 0, 0.5); margin-bottom:20px; border:10px solid #000; background:#000;}
#asabun_fes .wrapper section#workshop ul.frexList li .image{border:6px solid #000;}

#asabun_fes ul.frexList li p.tag {position:absolute; background:rgba(0,0,0,0.9); font-size:1.2rem; top: 0px; right: 0; padding:5px 10px; color:#eee; display:inline-block;}
#asabun_fes ul.frexList li .time{ margin:0 20px 10px; display:inline-block;}
#asabun_fes ul.frexList li .time img{width:4.0rem;}
#asabun_fes ul.frexList li .time .txt{ letter-spacing:0; margin:4px 0 0; font-weight:600;}
#asabun_fes ul.frexList li h3{font-size:2.0rem; letter-spacing:0.1em; margin:10px auto 10px; font-weight:600;}

/*プレゼント*/
#asabun_fes .wrapper .present{display:flex; flex-wrap:wrap; justify-content:center; gap:30px 50px;; margin-bottom:50px;}
#asabun_fes .wrapper .present>div{display:inline-block; margin:50px 10px 0; padding:24px; border:6px dotted #000; border-radius:20px; background:#fff;}
#asabun_fes .wrapper .present>div h3.image{margin-top:-100px;}

/*ぶんぶん食堂*/
#asabun_fes .wrapper #foodsshop{padding:30px 0 0; background-image:linear-gradient(1deg, rgba(251, 246, 213, 1), rgba(255, 255, 255, 1));}
#asabun_fes .wrapper #foodsshop .inner{background-image:radial-gradient(#fff 16%, transparent 36%),radial-gradient(#fff 16%, transparent 36%);
  background-position: 0px 0px, 8px 8px;background-size: 16px 16px;
  background:transparetnt; position:relative; padding:0 30px 30px; margin:0 auto;}
#asabun_fes .wrapper #foodsshop ul.frexList li{flex-basis:12%; min-width:240px;}
#asabun_fes .wrapper #foodsshop ul li p.image{ margin-bottom:20px; border:none;}
#asabun_fes .wrapper #foodsshop ul li p.image img{border-radius:50%; width:100%; border:6px solid #fff;}

#asabun_fes .wrapper #store ul li p.image,#asabun_fes #store ul li p.image img{ width:;}
#asabun_fes .wrapper #store ul li p.image img{clip-path: polygon(50% 0%, 100% 25%, 100% 100%, 0 100%, 0 25%);}
#asabun_fes #.wrapper store ul li p.image img{clip-path: poly gon(50% 4%, 97% 27%, 97% 96%, 3% 96%, 3% 27%);}

#asabun_fes .wrapper .bun_color{margin:-6px auto 6px;}
#asabun_fes .wrapper .bun_color span{margin:0 5px;}
#asabun_fes .wrapper .bun_color .b01{color:#E7380D;}
#asabun_fes .wrapper .bun_color .b02{color:#954E0F;}
#asabun_fes .wrapper .bun_color .b03{color:#22AC38;}
#asabun_fes .wrapper .bun_color .b04{color:#FDD000;}
#asabun_fes .wrapper p.txt.border {border:1px solid #666; padding:2px 10px; display:inline-block;}
#asabun_fes .wrapper p.message.border {border-bottom:1px solid #666; padding:4px 12px; display:inline-block;}
#asabun_fes .wrapper .link{font-size:1.3rem; letter-spacing:1.2; letter-spacing:0.1rem; margin:0 10px;}
#asabun_fes .wrapper .link a{background:#fff; padding:4px 10px; color:#666; font-weight:300;}
#asabun_fes .wrapper .link a:hover{background:#666; color:#fff; font-weight:300;}

/*ルオムの森*/
#asabun_fes .wrapper section#luomu{margin:150px auto 0; padding:0; display:flex; flex-wrap:wrap; justify-content:center; background-image: 
    radial-gradient(rgb(234, 249, 205) 50%, transparent 54.4%),
    radial-gradient(rgb(234, 249, 205) 50%, transparent 54.4%);
  background-position: 0px 0px, 8px 8px;
  background-size: 16px 16px;
  background-color: rgb(255, 255, 255);}
#asabun_fes .wrapper #luomu>div:nth-child(1){background:url(../../images/event/fes2023/img_luomu.jpg) top left no-repeat; background-size:cover;}
#asabun_fes .wrapper #luomu>div{flex-basis:33.3%;}
#asabun_fes .wrapper #luomu>div.inner{padding:0 0 30px;}
#asabun_fes .wrapper #luomu>div.inner h2{margin-top:-130px;}
#asabun_fes .wrapper #luomu>div.inner .message{margin:0 auto;}
#asabun_fes .wrapper #luomu>div.inner .contact{margin:40px 20px 0; background:#fff; border-radius:10px; padding:0 20px 10px; display:inline-block;}
#asabun_fes .wrapper #luomu>div.inner .contact h3{font-size:1.4rem; margin-top:-1rem; font-weight:normal;}


@media(max-width:640px ){
#asabun_fes .wrapper article{text-align: left;}
#asabun_fes .wrapper #cover div h1{position:absolute; top:150px;}
#asabun_fes .wrapper #cover::after{height:150px;}
#asabun_fes .wrapper #concept {margin:-80px 0 0;}
#asabun_fes .wrapper #concept ul{grid-template-columns:repeat(auto-fit,40%); gap:10px 5%; margin:30px auto;}
#asabun_fes .wrapper p.caution{margin:0px auto;}
#asabun_fes .wrapper .bun_color{margin:-10px auto 2px;}
#asabun_fes .wrapper #foodsshop ul.frexList li{flex-basis:38%;}
#asabun_fes .wrapper #foodsshop .inner{padding:0 2%;}
#asabun_fes .wrapper #foodsshop ul.frexList{gap:2%; margin:0; padding-bottom:30px;}
#asabun_fes .wrapper #foodsshop ul.frexList li{flex-basis:49%; min-width:auto;}
#asabun_fes .wrapper #foodsshop ul.frexList li .txt{text-align:left; font-size:1.2rem; letter-spacing:0; line-height:140%; padding:0 2%;}
#asabun_fes .wrapper #foodsshop ul.frexList li .txt br{display:none;}
#asabun_fes .wrapper #luomu>div{flex-basis:100%;}

}
/*ここまで*/
@media(max-width:640px ){
#asabun_fes .wrapper{margin:0; }
#asabun_fes #cover h1 img{width:100%; transform: scale(2.0);}
article{text-align:left; margin:0 5%;}
}
@media screen and (min-width: 481px) and (max-width: 810px) {
#asabun_fes .wrapper{margin:20px 10px;}
#asabun_fes #cover h1 img{width:60%; transform: scale(2.0);}
article{text-align:left; margin:0 5%;}
article br{display:none;}
}

}