#wrapper{display:block;background-image:url(/images/event/2020/acdesign/bg.jpg);font-size:18px;font-weight: 500;color: #222;}
.event_visual{display: block;max-width:1200px; background-image: url(/images/event/2020/acdesign/main_bg_01.jpg); background-repeat: no-repeat; background-size:cover;background-position: center;margin: 0 auto;box-sizing: border-box;}
.menu_bar+ .products_sub+.container{padding-top: 67px;}

.title{display: block; max-width: 945px; height:auto; margin: 0 auto; position: absolute;position:relative;top: 50px;}
.title img{width: 100%;}
section{display: block;max-width: 1200px; text-align: center;margin: 0 auto;padding: 0px 80px 80px 80px; box-sizing:border-box;line-height:1.8em;}
section h2{display:inline-block; font-size:1.4em; font-weight: 500;margin-top: 40px; margin-bottom:20px;padding: 5px 20px; background-color: #88c9a1;border-radius:30px;color: #fff;}
.event_description{background-color:#fcb040;}
.event_description p{width: 53%;margin: 0 auto;}
.event_description div{max-width:945px;margin: 0 auto;}
.event_description img{width: 100%;}

.event_rule{background-color: #f38355;position: relative;overflow:hidden;}
.event_rule ul li{list-style-type: decimal; list-style-position:inside;}
.event_rule:before{display: block; content: ""; width: 308px; height: 312px;background-image: url(/images/event/2020/acdesign/plante.png);position:absolute;right: -30px;top: 10%;}
.event_rule:after{display: block; content: ""; width: 275px; height: 255px;background-image: url(/images/event/2020/acdesign/plante_01.png);position:absolute;left: -20px;top: 40%;}
.btn{display: inline-block; color: #fff; width: 25%;height: 50px; border:1px solid #fff;border-radius:30px;line-height: 50px;font-size: 1.5em;margin: 30px 0 10px 0;}
.btn:hover{background-color: #000;color:#f38355;border-color: #f38355; }
.event_rule p a{text-decoration: underline; color:#ffdc67; }
.event_prize {background-color: #fcb040;}
.prize_list{display:flex;justify-content:center;flex-wrap: wrap;}
.prize_list div{width: 22.5%;margin:0 10px; }
.prize_list div>img{width: 100%;}
.event_prize div a{display: block;color: #222;line-height: 1.5em;}
.event_prize div a:hover{color:#fff;}
.event_prize h2{background-color:#f38355; }
.notes{background-color: #dedbdb;text-align: left;font-size: 15px;}
.notes h3{font-size:18px;padding-top: 50px;}
.notes ul li{list-style-type: decimal; margin-left: 20px;margin-bottom: 10px;margin-top: 10px;}


@media screen and (min-width:320px) and (max-width:1024px){
.event_description p{width: 68%;}
.menu_bar+ .products_sub+.container{padding-top:30px;}    
}

@media screen and (min-width:320px) and (max-width:896px){
.title{top: 50px;}
section{padding: 0px 50px 50px 50px;}
.event_description p{width:100%;}
.event_rule:before , .event_rule:after{display:none;}
.prize_list div{width:40%;margin:20px; }
.btn{ width: 50%;}
}

@media screen and (min-width:320px) and (max-width:480px){
#wrapper{font-size:16px;}
section{padding: 0px 30px 50px 30px;}
section h2{font-size: 1.25em;}
.event_visual{height:320px;}
.prize_list div{width:60%; }
.btn{ width: 70%;font-size: 1.25em;}
}

@media screen and (min-width:414px) and (max-width:414px){
.event_visual{height:280px;}
}


@media screen and (min-width:320px) and (max-width:375px){
.event_visual{height:250px;}
}

@media screen and (min-width:320px) and (max-width:320px){
.event_visual{height:220px;}
}

/*¤À¨É¤¸¥ó*/
.fb_share {
    position: absolute;
    right: 0;
    margin-top: -40px;
    margin-right: 50px;
}

.share {
    position: absolute;
    right: 50%;
    margin-top: 30px;
    margin-right: -400px;
    z-index: 99;
    min-width: 205px;
}

@media (min-width:320px) and (max-width: 1024px) {
    .share {
        display: inline-block;
        position: absolute;
        right: 0;
        margin-top: 25px;
        margin-right: 0;
        z-index: 99;
    }
    
}