@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@700;900&display=swap');

html {font-family: 'Noto Sans JP'}
a{outline:none !important;}
a:focus{outline:none !important;}
*{margin: 0;padding: 0;}

@media all and (min-width:751px) {

body {position:relative;overflow-x: hidden;color: #633e0e;background-color: #fde8c9;line-height: normal;}
a:hover{opacity: 0.4;transition: 0.4s ease-in-out;}

header{width: 100%;}
header img{width: 100%;height: auto;display: block;}

main section{margin-top: -40px;display: flex;flex-wrap: wrap;align-items: flex-start;justify-content: center;padding-bottom: 60px;}
main section .detail{display: block;width: 46%;margin: 80px 2% 0;position: relative;}

main section .detail.end::before{content: "申込受付終了";position: absolute;z-index: 1;pointer-events: none;width: 100%;height: 100%;left: 0;top: 0;background-color: rgba(255,255,255,0.8);font-size: 36px;font-weight: bold;display: block;text-align: center;padding-top: 30px;}
main section .detail.end a{pointer-events: none;}





main section dl{display: flex;flex-wrap: wrap;font-size: 20px;}
main section dl dt{width: 12%;box-sizing: border-box;padding: 5px 0px;font-weight: 900;letter-spacing: 2px;}
main section dl dt.days{width: 100%;font-size: 30px;font-weight: 900;}
main section dl dd{width: 88%;box-sizing: border-box;padding: 5px 0px;}
main section dl dd small{font-size: 16px;}
main section dl dd b{color: #de6272;font-weight: 900;}
main section dl dd a{color: #633e0e;}
main section dl dd address{display: block;font-size: 16px;font-style: normal;}
main section iframe{width: 100%;height: 400px;margin-top: 30px;border: 2px solid #633e0e !important;box-sizing: border-box;}

main section .contact{display: table;position: relative;left: 50%;transform: translate(-50%,0);margin-top:30px;}
main section .contact::before{content: "QRコードで来場申込み";display: block;text-align: center;margin-bottom: 10px;font-size: 20px;font-weight: 900;}
main section .contact img{display: block;width: 200px;height: auto;margin: auto;}
main section .contact a{display: table;position: relative;left: 50%;transform: translate(-50%,0);margin-top:30px;background-color: #ff6600;background-image: linear-gradient(0deg, #ff6600, #ffcf00);color: #fff;text-decoration: none;font-size: 22px;font-weight: 900;padding: 20px 50px;border-radius: 10px;border: 3px solid #fff;letter-spacing: 2px;}


footer{background-color: #fff;font-size: 15px;line-height: 1.8;}
footer section{padding: 30px 0;box-sizing: border-box;width: 70%;margin: auto;}
footer section p{margin-top: 15px;}
footer section p img{width: 150px;height: auto;}
footer section p .slogo{width: 70px;margin-left: 20px;}
footer section span{display: block;margin-top: 10px;}
footer section a{text-decoration: none;color:#633e0e;line-height: normal;}
footer section a img{margin-right: 3px;width: 20px;height: auto;margin: 0 5px;vertical-align: middle;margin-top: -4px;}
footer>small{font-size: 11px;display: block;text-align: center;padding: 10px;}
}




@media all and (max-width:750px) {
body {position:relative;overflow-x: hidden;color: #633e0e;background-color: #fde8c9;line-height: normal;}


header{width: 100%;}
header img{width: 100%;height: auto;display: block;}

main section{margin-top: -40px;display: flex;flex-wrap: wrap;align-items: flex-start;justify-content: center;padding-bottom: 60px;}
main section .detail{display: block;width: 90%;margin: 55px 5% 0;border-top: 1px dotted #633e0e;padding-top: 25px;position: relative;}
main section .detail.end::before{content: "申込受付終了";position: absolute;z-index: 1;pointer-events: none;width: 100%;height: 100%;left: 0;top: 0;background-color: rgba(255,255,255,0.8);font-size: 36px;font-weight: bold;display: block;text-align: center;padding-top: 30px;}
main section .detail.end a{pointer-events: none;}



main section .detail:nth-of-type(1){border: none;}
main section dl{display: flex;font-size: 16px;flex-direction: column;}
main section dl dt{width: 100%;box-sizing: border-box;padding-top: 10px;font-weight: 900;letter-spacing: 2px;}
main section dl dt.days{width: 100%;font-size: 26px;font-weight: 900;}
main section dl dd{width: 100%;box-sizing: border-box;padding-bottom: 10px;}
main section dl dd small{font-size: 16px;}
main section dl dd b{color: #de6272;font-weight: 900;}
main section dl dd a{color: #633e0e;}
main section dl dd address{display: block;font-size: 16px;font-style: normal;}
main section iframe{width: 100%;height: 400px;margin-top: 30px;border: 2px solid #633e0e !important;box-sizing: border-box;}

main section .contact{display: table;position: relative;left: 50%;transform: translate(-50%,0);}
main section .contact::before{content: none;}
main section .contact img{display: none;}
main section .contact a{display: table;position: relative;left: 50%;transform: translate(-50%,0);margin-top: 20px;background-color: #ff6600;background-image: linear-gradient(0deg, #ff6600, #ffcf00);color: #fff;text-decoration: none;font-size: 20px;font-weight: 900;padding: 20px 50px;border-radius: 10px;border: 3px solid #fff;letter-spacing: 2px;}


footer{background-color: #fff;font-size: 14px;line-height: 1.8;}
footer section{padding: 25px 0;box-sizing: border-box;width: 90%;margin: auto;}
footer section p{margin-top: 15px;}
footer section p img{width: 130px;height: auto;}
footer section p .slogo{width: 60px;margin-left: 15px;}
footer section span{display: block;margin-top: 5px;}
footer section a{text-decoration: none;color:#633e0e;line-height: normal;}
footer section a img{margin-right: 3px;width: 20px;height: auto;margin: 0 5px;vertical-align: middle;margin-top: -4px;}
footer>small{font-size: 11px;display: block;text-align: center;padding: 10px;}

}