@charset "UTF-8";
/* CSS Document */
#asabun_fes .wrapper{background:#f9e9a8; text-align:center; margin:20px; padding:50px 0 100px;}
#asabun_fes	#cover{border:none;}
#asabun_fes #cover div {position:relative; margin-bottom:30px;}
#asabun_fes #cover div .image img{width:100%;}
#asabun_fes #cover div h1{position:absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);}
#asabun_fes #cover h1 img{width:auto; filter:drop-shadow(0 10px 25px rgba(0, 0, 0, 0.8));}
#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 p.txt{ font-size:105%; letter-spacing:0.1em}
.mt30{margin-top:30px !important;}
.mt50{margin-top:50px !important;}
#asabun_fes .wrapper dl{max-width:600px; margin:50px auto; display:grid; grid-template-columns:20% 75%; grid-gap:10px; justify-items:start; text-align:left;}
#asabun_fes .wrapper dl dt,#asabun_fes dl dd{border-bottom:1px dotted rgba(0,0,0,0.5); width:100%;}
#asabun_fes .notice{ font-size:90%;}
#asabun_fes .logo img{ width:auto;}
	
#asabun_fes #event_contents .inner{ display:grid; grid-template-columns:repeat(auto-fit, minmax(250px, 1fr)); grid-gap:30px; margin:0 5%;}
#asabun_fes #event_contents .image{box-shadow: 20px 50px 0 #230000;} 
#asabun_fes #event_contents .image img{width:100%;}
#asabun_fes #event_contents h3.heading{margin:10px auto; font-size:110%; font-weight:normal; letter-spacing:0.1em; color:#fff;}

@media(max-width:640px ){
#asabun_fes .wrapper{margin:20px 0; }
#asabun_fes #cover h1 img{width:100%; transform: scale(2.0);}
#asabun_fes .wrapper dl{margin:50px 5%;}
article{text-align:left; margin:0 5%;}
article br{display:none;}
}
@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;}
}

.BGYellow {background:#8ac395;}
.BGWhite {background:#ffffff;}
ul.col3 li p span {
    color: #fff!important;
}
ul.col3 li p.tag {
    background: #000!important;
    top: 0px!important;
}


@media(max-width:640px ){
ul.col3 li p {
    text-align: left!important;
}
}

.crosstalkArea {position:relative;}
.crosstalkArea .crosstalkMidashi {width:300px;margin:0 auto;}
.crosstalkArea .crosstalkTheme {font-size:2.5rem;margin-bottom:20px;}
.crosstalkArea .crosstalkTheme span{font-size:1.2rem;}
.crosstalkArea ul {font-size:0;margin-bottom:50px;}
.crosstalkArea ul li{padding:20px;color:#380508;display: inline-block;width:49%;font-size:1.4rem;vertical-align: top;}
.crosstalkArea ul li:first-child{margin-right:2%;}
.crosstalkArea ul li span{font-size:1.2rem;font-weight:normal;}
.crosstalkArea ul li:first-child{background:#fff2ad;border-radius:10px;}
.crosstalkArea ul li:nth-child(2){background:#8ac395;border-radius:10px;}
.crosstalkArea ul li th,.talkshowArea ul li td{padding:5px 0;}
.crosstalkArea ul li th{width:30%;text-align: center;vertical-align: top;line-height:1.5;}
.crosstalkArea ul li td{width:70%;vertical-align: top;line-height:1.5;text-align: left;padding:0 5% 5% 5%;}	
.crosstalkArea ul li td span{font-size:2rem;}	
.crosstalkArea ul li td p{margin:5px 0;}	
.crosstalkArea ul li th img{border-radius: 50%;}
.crosstalkTopic {font-size:2rem;}

@media(max-width:640px ){
.crosstalkArea ul li{width:100%;}
.crosstalkArea ul li:first-child{background:#00381f;border-radius: 10px 10px 0 0;}
.crosstalkArea ul li:nth-child(2){background:#492246;border-radius: 0px 0px 10px 10px;}
}