@charset "UTF-8";
/*
Project : five senses market css
Author  : kimjeongju
*/
@font-face{
    font-family:'Noto Sans KR';
    font-style:normal;
    font-weight:100;
    src:url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),
    url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),
    url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');
}
@font-face{
    font-family:'Noto Sans KR';
    font-style:normal;
    font-weight:300;
    src:url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),
    url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),
    url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
}
@font-face{
    font-family:'Noto Sans KR';
    font-style:normal;
    font-weight:400;
    src:url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),
    url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),
    url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
}
@font-face{
    font-family:'Noto Sans KR';
    font-style:normal;
    font-weight:500;
    src:url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
    url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
    url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
}
@font-face{
    font-family:'Noto Sans KR';
    font-style:normal;
    font-weight:700;
    src:url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),
    url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),
    url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
}
@font-face{
    font-family:'Noto Sans KR';
    font-style:normal;
    font-weight:900;
    src:url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),
    url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),
    url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');
}
/* reset */
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,
table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0}
body,input,textarea,select,button,table{font-family:'Noto Sans KR','돋움',Dotum,sans-serif;font-size:13px;line-height:1.5}
a{text-decoration:none;color:#222;}
a:hover,a:active,a:focus{text-decoration:none}
table{border-spacing:0}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-weight:normal;font-style:normal}
strong{font-weight:bold}
ol,ul{list-style:none;margin:0;padding:0}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6 {font-weight:normal;font-size:100%;margin:0;padding:0;color:#000}
q:before,q:after{content:''}
abbr,acronym{border:0}

button,img,fieldset{border:0}
button{background:transparent;cursor:pointer;}

hr,table caption,legend,.blind{visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}
/* main_area */
.main_wrap{background-color: #00b76e;}
.main_area{overflow: hidden;position: relative;width:1372px;height: 1080px;margin: 0 auto;}
.main_area>h1>a{display:inline-block;padding-top:68px;}
.main_area>h1>a img{width:146px;}
.main_area .bg_main{position: absolute;bottom: -127px;left: 66px;}
.main_area .bg_main.animation{animation: bgRotate 1.5s;}
@keyframes bgRotate {
  50%{transform: rotate(3deg)}
  0%, 100%{transform: rotate(0deg)}
}
@-webkit-keyframes bgRotate {
  50%{transform: rotate(3deg)}
  0%, 100%{transform: rotate(0deg)}
}
.main_area .tit_area{width: 568px;margin: 0 auto;margin-top:66px;text-align: center;}
.main_area .tit_area>p{font-size: 29px;}
.main_area .tit_area>h2{padding-top: 7px;padding-right: 28px;font-size: 144px;line-height: 156px;font-weight: bold;text-align: right;}
.main_area .tit_area .date_area{margin-top: 340px;text-align: right;letter-spacing: -1px;}
.main_area .tit_area .date_area>h3{font-weight: bold;font-size: 28px;}
.main_area .tit_area .date_area>p{padding-top: 10px;font-size: 27px;}
/* info_area */
.info_area{text-align: center;}
.info_area>img{padding-top: 120px;}
.info_area .tit_area{padding-top: 80px;}
.info_area .tit_area>h3{font-size: 38px;font-weight: bold;}
.info_area .tit_area>p{padding-top: 28px;font-size: 24px;line-height: 1.6;}
/* lineup_area */
.lineup_area{margin-top: 140px;text-align: center;}
.lineup_area>h3{font-size: 62px;font-weight: 800;}
.lineup_area>p{font-size: 23px;}
.list_lineup{margin-top: 60px;text-align: left;}
.list_lineup>li{border-bottom: 2px solid #141414;}
.list_lineup>li img{display: block;width: 100%;}
.list_lineup>li:first-child{border-top: 2px solid #141414;}
.btn_lineup{margin-top:60px;font-size:24px;border:2px solid #141414;border-radius: 42px;padding: 20px 82px;font-weight: bold;color:#141414}
.btn_lineup:hover{background-color: #59a2fc}
/* event_area */
.event_area{margin-top: 140px;text-align: center;}
.event_area>h3{font-size: 62px;font-weight: 800;}
.event_area .list_event{overflow: hidden;display: flex;margin-top: 42px;}
.event_area .list_event>li{float:left;width:calc(100%/3);padding: 3% 4% 4%;border-top:2px solid #141414;border-bottom:2px solid #141414;border-right:2px solid #141414;-webkit-box-sizing: border-box;box-sizing: border-box;text-align: left;}
.event_area .list_event>li:first-child{border-left:2px solid #141414;}
.event_area .list_event>li:nth-child(1){background-color:#e4d8c7}
.event_area .list_event>li:nth-child(2){background-color:#ff0080}
.event_area .list_event>li:nth-child(3){background-color:#ffb600}
.event_area .list_event>li .tit_area{position:relative;}
.event_area .list_event>li .tit_area:after{display:block;content:"";clear:both;}
.event_area .list_event>li .tit_area>h4{float: left;font-size: 35px;font-weight: bold;}
.event_area .list_event>li .tit_area>i{position: absolute;top: 0;right: 0;line-height: 1;font-size: 76px;font-weight: 800;}
.event_area .list_event>li figure{margin: 0;text-align: center;}
.event_area .list_event>li figure img{margin-top: 28px;width: 200px;}
.event_area .list_event>li figure figcaption{padding-top: 38px;font-size: 20px;text-align: left;}
.event_area .list_event>li .btn_reservation{display: inline-block;margin-top: 24px;border-bottom: 1px solid #141414;font-size: 21px;font-weight: bold;letter-spacing: -1px;}
.event_area .list_event>li .btn_reservation>img{width: 23px;margin-left: 6px;}
/* about_area */
.about_area{width:1372px;margin:0 auto;margin-top:160px;padding: 120px 0;border:2px solid #141414;text-align: center;}
.about_area>h3{font-size: 64px;line-height: 1.4;font-weight: 800;}
.about_area>p{padding-top: 40px;font-size: 26px;line-height: 1.7;}
.about_area .btn_story{display: inline-block;margin-top: 50px;padding: 20px 82px;border: 2px solid #141414;border-radius: 42px;font-size: 26px;font-weight: bold;}
.about_area .btn_story:hover{background-color:#59a2fc}
/* footer_area */
.footer_area{margin-top: 140px;padding: 70px 0;background-color: #000;text-align: center;}
.footer_area>h3{color:#fff;font-size: 26px;}
.list_footer{margin-top: 20px;}
.list_footer>li{display:inline-block;padding:0 12px}
.list_footer>li p{padding-top: 5px;color:#fff;font-size: 14px;}
.footer_area>p{padding-top: 24px;font-size: 13px;color:#787878}
/* lineup_area pop_wrap */
.pop_wrap{display:none;position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,0.5);z-index: 1;}
.pop_wrap.active{display:block;}
.pop_area{position: absolute;left: 50%;top: 50px;transform: translateX(-50%);width: 518px;margin: 0 auto;padding: 24px 36px ;background-color:#ffb600}
.pop_area .tit_area{overflow: hidden;}
.pop_area .tit_area h3{float: left;font-size:39px;font-weight: 800}
.pop_area .tit_area .btn_close{float: right;position: relative;top: 13px;}
.pop_area .tit_area .btn_close>img{width: 32px;}
.pop_area .list_pop{position: relative;margin-top: 18px;padding-left: 14px;}
.pop_area .list_pop:before{width: 458px;height: 680px;position: absolute;top: 0;left: 50%;content:"";transform: translateX(-50%);background:url(/inc/img/kr/campaigns/five_senses_market/bg_popup.png) center center no-repeat;background-size: cover}
.pop_area .list_pop>li{overflow: hidden;position: relative;font-size: 19px;font-weight: bold;}
.pop_area .list_pop>li span{float:left;width:50%;line-height: 1.75;}
@media screen and (max-width:1530px){
  /* main_area */
  .main_area{width:100%;height: 1030px;}
  .main_area>h1>a{padding-top: 50px;padding-left: 2%;}
  .main_area .bg_main{left: 50%;width: 650px;transform: translatex(-92%);}
  @keyframes bgRotate {
    50%{transform:translatex(-92%) rotate(3deg)}
    0%, 100%{transform:translatex(-92%) rotate(0deg)}
  }
  @-webkit-keyframes bgRotate {
    50%{transform:translatex(-92%) rotate(3deg)}
    0%, 100%{transform:translatex(-92%) rotate(0deg)}
  }
  .main_area .tit_area{width: 530px;margin-top: 78px}
  .main_area .tit_area>p{font-size: 27px;}
  .main_area .tit_area>h2{padding-top: 0;padding-right: 4%;font-size: 134px;line-height: 1.1;}
  .main_area .tit_area .date_area{margin-top: 304px}
  .main_area .tit_area .date_area>h3{font-size: 26px;}
  .main_area .tit_area .date_area>p{padding-top: 1%;font-size: 24px;}
  /* info_area */
  .info_area>img{width: 520px;padding-top: 11%;}
  .info_area .tit_area{padding-top: 5%}
  .info_area .tit_area>h3{font-size: 36px;}
  .info_area .tit_area>p{padding-top: 2%;font-size: 22px;}
  /* lineup_area */
  .lineup_area{margin-top: 12%;}
  .lineup_area>h3{font-size: 52px}
  .lineup_area>p{font-size: 21px}
  .list_lineup{margin-top: 4%;}
  .btn_lineup{padding: 1.5% 5%;font-size: 1.2rem;}
  /* event_area */
  .event_area{margin-top: 12%;}
  .event_area>h3{font-size: 52px;}
  .event_area .list_event{margin-top: 3%}
  .event_area .list_event>li{padding: 3% 3% 4%;}
  .event_area .list_event>li .tit_area>h4{font-size: 28px;}
  .event_area .list_event>li .tit_area>i{font-size: 55px;}
  .event_area .list_event>li figure img{width: 46%;margin-top: 5%}
  .event_area .list_event>li figure figcaption{padding-top: 9%;font-size: 1.1rem;letter-spacing: -1px}
  .event_area .list_event>li .btn_reservation{margin-top: 24px;font-size: 1.2rem;}
  /* about_area */
  .about_area{width:80%;margin-top:10%;padding: 6% 0;}
  .about_area>h3{font-size: 50px;}
  .about_area>h3>img{width: 320px}
  .about_area>p{padding-top: 2%;font-size: 1.2rem}
  .about_area .btn_story{margin-top: 4%;padding: 1.5% 5%;font-size: 1.2rem}
  /* footer_area */
  .footer_area{margin-top: 10%;padding: 4% 0;}
  .footer_area>h3{font-size: 1.3rem}
  .list_footer{margin-top: 1%}
  .list_footer>li{padding:0 8px}
  .list_footer>li img{width: 54px;}
  .list_footer>li p{padding-top: 3px;font-size: 13px}
  .footer_area>p{padding-top: 2%;}
}
@media screen and (max-width:1360px){
  .event_area .list_event>li .tit_area>h4{font-size: 29px;}
  .event_area .list_event>li .tit_area>i{font-size: 58px;}
}
@media screen and (max-width:1280px){
  /* main_area */
  .main_area{height: 914px}
  .main_area>h1>a img{width: 138px}
  .main_area .bg_main{width: 596px}
  .main_area .tit_area{width: 450px;}
  .main_area .tit_area>p{font-size: 23px;}
  .main_area .tit_area>h2{font-size: 115px;}
  .main_area .tit_area .date_area{margin-top: 276px}
  .main_area .tit_area .date_area>h3{font-size: 25px;}
  .main_area .tit_area .date_area>p{font-size: 23px;}
  /* info_area */
  .info_area>img{width: 482px;}
  .info_area .tit_area>h3{font-size: 34px;}
  .info_area .tit_area>p{font-size: 19px;}
  /* lineup_area */
  .lineup_area>h3{font-size: 46px}
  .lineup_area>p{font-size: 18px}
  .btn_lineup{font-size: 1.1rem;}
  /* event_area */
  .event_area>h3{font-size: 46px;}
  .event_area .list_event>li{padding: 3% 2% 4%;}
  .event_area .list_event>li .tit_area>h4{font-size: 25px;}
  .event_area .list_event>li .tit_area>i{font-size: 58px;}
  .event_area .list_event>li figure img{width: 39%}
  .event_area .list_event>li figure figcaption{font-size: 1rem;}
  .event_area .list_event>li .btn_reservation{font-size: 1rem;}
  .event_area .list_event>li .btn_reservation>img{width: 19px;margin-left: 3px;}
  /* about_area */
  .about_area>h3{font-size: 45px;line-height: 1.3;}
  .about_area>h3>img{width: 286px}
  .about_area>p{font-size: 1.1rem}
  .about_area .btn_story{font-size: 1.1rem}
  /* footer_area */
  .footer_area>h3{font-size: 1.1rem}
  .footer_area>p{font-size: 11px}
  .list_footer>li img{width: 46px;}
  .list_footer>li p{font-size: 12px}
}
@media screen and (max-width:1090px){
  /* main_area */
  .main_area{height: 1030px}
  .main_area>h1{text-align: center;}
  .main_area>h1>a{padding-left: 0;}
  .main_area>h1>a img{width: 144px}
  .main_area .bg_main{width: 516px;top: 346px;bottom: auto;transform: translatex(-87%) rotate(-7deg);}
  @keyframes bgRotate {
    50%{transform:translatex(-87%) rotate(-3deg)}
    0%, 100%{transform:translatex(-87%) rotate(-7deg)}
  }
  @-webkit-keyframes bgRotate {
    50%{transform:translatex(-87%) rotate(-3deg)}
    0%, 100%{transform:translatex(-87%) rotate(-7deg)}
  }
  .main_area .tit_area{width: 394px;margin-top: 62px;}
  .main_area .tit_area>p{font-size: 21px;}
  .main_area .tit_area>h2{font-size: 102px;}
  .main_area .tit_area .date_area{margin-top: 366px}
  .main_area .tit_area .date_area>h3{font-size: 23px;}
  .main_area .tit_area .date_area>p{font-size: 20px;}
  /* info_area */
  .info_area>img{width: 430px;}
  .info_area .tit_area>h3{font-size: 29px;}
  .info_area .tit_area>p{font-size: 17px;}
  /* lineup_area */
  .lineup_area>h3{font-size: 38px}
  .lineup_area>p{font-size: 16px}
  .btn_lineup{margin-top: 50px;font-size: 1rem}
  /* event_area */
  .event_area>h3{font-size: 38px;}
  .event_area .list_event>li{padding: 3% 1% 4%;}
  .event_area .list_event>li .tit_area>h4{font-size: 21px;}
  .event_area .list_event>li .tit_area>i{right: 4px;font-size: 42px;}
  .event_area .list_event>li figure img{width: 34%}
  .event_area .list_event>li figure figcaption{font-size: 15px;}
  .event_area .list_event>li .btn_reservation{font-size: 15px}
  /* about_area */
  .about_area>h3{font-size: 36px;}
  .about_area>h3>img{width: 230px}
  .about_area>p{font-size: 1rem}
  .about_area .btn_story{font-size: 1rem}
  /* footer_area */
  .footer_area>h3{font-size: 1rem}
  .footer_area>p{font-size: 11px}
  .list_footer>li img{width: 44px;}
  .list_footer>li p{font-size: 11px}
  /* lineup_area pop_wrap */
  .pop_area{width: 470px;padding: 20px 30px}
  .pop_area .tit_area h3{font-size:34px;}
  .pop_area .tit_area .btn_close>img{width: 26px;}
  .pop_area .list_pop:before{width: 406px;height: 604px;}
  .pop_area .list_pop>li{font-size: 17px;}
}
@media screen and (max-width:890px){
  /* main_area */
  .main_area{height: 1030px}
  .main_area .bg_main{top: 336px;}
  .main_area .tit_area{width: 372px;}
  .main_area .tit_area>p{font-size: 19px;}
  .main_area .tit_area>h2{font-size: 95px;}
  .main_area .tit_area .date_area{margin-top: 376px}
  /* info_area */
  .info_area>img{width: 460px;}
  .info_area .tit_area{padding-top: 7%;}
  .info_area .tit_area>h3{font-size: 33px;}
  .info_area .tit_area>p{padding-top: 3%;font-size: 20px;}
  /* lineup_area */
  .lineup_area>h3{font-size: 41px}
  .lineup_area>p{font-size: 19px}
  .list_lineup{overflow: hidden;}
  .list_lineup>li img{width: auto;height: 100px;}
  .btn_lineup{margin-top: 5%;padding: 2% 8%;font-size: 18px;}
  /* event_area */
  .event_area>h3{font-size: 41px;}
  .event_area .list_event{flex-direction: column;}
  .event_area .list_event>li{width: 100%;padding: 6% 20% 10%;border-right:0;border-top:0;}
  .event_area .list_event>li:first-child{border-left:0;border-top: 2px solid #141414;}
  .event_area .list_event>li .tit_area>h4{font-size: 30px;}
  .event_area .list_event>li .tit_area>i{font-size: 62px;}
  .event_area .list_event>li figure img{width: 40%}
  .event_area .list_event>li figure figcaption{font-size: 19px}
  .event_area .list_event>li .btn_reservation{font-size: 19px}
  .event_area .list_event>li .btn_reservation>img{width: 23px;}
  /* about_area */
  .about_area{margin-top: 9%;padding: 13% 0;}
  .about_area>h3{font-size: 40px;}
  .about_area>h3>img{width: 256px}
  .about_area>p{font-size: 18px}
  .about_area .btn_story{margin-top: 5%;padding: 2% 8%;font-size: 18px}
}
@media screen and (max-width:660px){
  /* main_area */
  .main_area{height: 1030px}
  .main_area>h1>a img{width: 132px}
  .main_area .bg_main{top: 302px;}
  .main_area .tit_area{width: 358px;margin-top: 42px;}
  .main_area .tit_area>h2{font-size: 92px;}
  .main_area .tit_area .date_area{margin-top: 376px}
  .main_area .tit_area .date_area>h3{font-size: 22px;}
  .main_area .tit_area .date_area>p{font-size: 19px;}
  /* info_area */
  .info_area>img{width: 420px;}
  .info_area .tit_area>h3{font-size: 28px;}
  .info_area .tit_area>p{font-size: 18px;}
  /* lineup_area */
  .lineup_area>h3{font-size: 39px}
  .lineup_area>p{font-size: 17px}
  .list_lineup>li img{height: 92px;}
  .list_lineup.animation>li:nth-child(odd) img{animation: leftLine 10s;animation-delay: 0.1s;
    animation-timing-function: ease-in-out;}
  .list_lineup.animation>li:nth-child(even) img{animation: leftLine 10s;animation-delay: 0.2s;
    animation-timing-function: ease-in;animation-direction: reverse;}
  @keyframes leftLine{
    0%{transform: translatex(0);}
    100%{transform: translateX(-60%);}
  }
  @-wevkit-keyframes leftLine{
    0%{transform: translatex(0);}
    100%{transform: translateX(-60%);}
  }
  .btn_lineup{padding: 2% 9%}
  /* event_area */
  .event_area>h3{font-size: 39px;}
  .event_area .list_event>li{padding: 8% 16% 12%}
  .event_area .list_event>li .tit_area>h4{font-size: 29px;}
  .event_area .list_event>li .tit_area>i{font-size: 59px;}
  .event_area .list_event>li figure img{width: 39%}
  .event_area .list_event>li figure figcaption{font-size: 18px}
  .event_area .list_event>li .btn_reservation{font-size: 18px}
  .event_area .list_event>li .btn_reservation>img{width: 21px}
  /* about_area */
  .about_area{width: 88%;padding: 13% 0 15%}
  .about_area>h3{font-size: 37px;}
  .about_area>h3>img{width: 240px}
  .about_area>p{font-size: 17px}
  .about_area .btn_story{padding: 2% 9%;}
  /* footer_area */
  .footer_area>h3{font-size: 15px}
  .list_footer{margin-top: 2%;}
  .list_footer>li img{width: 42px;}
  /* lineup_area pop_wrap */
  .pop_area{width: 400px;padding: 20px 24px}
  .pop_area .tit_area h3{font-size:30px;}
  .pop_area .tit_area .btn_close>img{width: 22px;}
  .pop_area .list_pop{margin-top: 20px;}
  .pop_area .list_pop:before{width: 368px;height: 548px;}
  .pop_area .list_pop>li{font-size: 16px;}
}
@media screen and (max-width:560px){
  /* main_area */
  .main_area{height: 930px}
  .main_area .bg_main{width: 466px;top: 292px}
  .main_area .tit_area{width: 334px;}
  .main_area .tit_area>h2{font-size: 85px;}
  .main_area .tit_area>p{font-size: 17px}
  .main_area .tit_area .date_area{margin-top: 367px}
  /* info_area */
  .info_area>img{width: 70%}
  .info_area .tit_area>h3{font-size: 26px;}
  .info_area .tit_area>p{font-size: 17px;}
  /* lineup_area */
  .lineup_area{margin-top: 18%;}
  .lineup_area>h3{font-size: 37px}
  .lineup_area>p{font-size: 16px}
  .btn_lineup{margin-top: 7%;padding: 3% 9%;font-size: 19px;}
  /* event_area */
  .event_area{margin-top: 18%;}
  .event_area>h3{font-size: 34px;}
  .event_area .list_event>li{padding: 8% 10% 12%}
  .event_area .list_event>li .tit_area>h4{font-size: 28px;}
  .event_area .list_event>li .tit_area>i{right: 0;font-size: 56px;}
  .event_area .list_event>li figure figcaption{font-size: 17px}
  /* about_area */
  .about_area{margin-top: 10%;padding: 13% 0 15%}
  .about_area>h3{font-size: 34px;}
  .about_area>h3>img{width: 214px}
  .about_area>p{padding-top: 4%;}
  .about_area .btn_story{padding: 3% 9%;}
  /* lineup_area pop_wrap */
  .pop_area{width: 360px}
  .pop_area .tit_area h3{font-size:28px}
  .pop_area .tit_area .btn_close{top: 10px;}
  .pop_area .tit_area .btn_close>img{width: 21px;}
  .pop_area .list_pop{margin-top: 18px;padding-left: 8px;}
  .pop_area .list_pop:before{width: 356px;height: 530px}
  .pop_area .list_pop>li{font-size: 15px;}
}
@media screen and (max-width:420px){
  /* main_area */
  .main_area{height: 850px}
  .main_area .bg_main{top: 295px;width: 408px;transform: translatex(-82%) rotate(-10deg);}
  @keyframes bgRotate {
    50%{transform:translatex(-82%) rotate(-7deg)}
    0%, 100%{transform:translatex(-82%) rotate(-10deg)}
  }
  @-webkit-keyframes bgRotate {
    50%{transform:translatex(-82%) rotate(-7deg)}
    0%, 100%{transform:translatex(-82%) rotate(-10deg)}
  }
  .main_area .tit_area{width: 320px}
  .main_area .tit_area>h2{font-size: 80px}
  .main_area .tit_area>p{font-size: 17px}
  .main_area .tit_area .date_area{margin-top: 358px}
  .main_area .tit_area .date_area>h3{font-size: 21px;}
  .main_area .tit_area .date_area>p{font-size: 18px;}
  /* info_area */
  .info_area>img{width: 74%;padding-top: 18%}
  .info_area .tit_area{padding-top: 9%;}
  .info_area .tit_area>h3{font-size: 24px}
  .info_area .tit_area>p{font-size: 16px}
  /* lineup_area */
  .lineup_area{margin-top: 22%}
  .lineup_area>h3{font-size: 35px}
  @keyframes leftLine{
    0%{transform: translatex(0);}
    100%{transform: translateX(-68%);}
  }
  @-wevkit-keyframes leftLine{
    0%{transform: translatex(0);}
    100%{transform: translateX(-68%);}
  }
  .btn_lineup {padding: 3% 10%;}
  /* event_area */
  .event_area{margin-top: 22%}
  .event_area .list_event>li{padding: 10% 8% 14%}
  .event_area .list_event>li .tit_area>h4{font-size: 26px}
  .event_area .list_event>li .tit_area>i{font-size: 54px}
  .event_area .list_event>li figure img{margin-top: 7%;}
  /* about_area */
  .about_area{margin-top: 14%;padding: 13% 0 15%}
  .about_area>h3{font-size: 32px}
  .about_area>h3>img{width: 194px}
  .about_area>p{font-size: 16px;}
  .about_area .btn_story{margin-top: 7%;padding: 4% 11%;font-size: 17px;}
  /* footer_area */
  .footer_area{margin-top: 14%;padding: 12% 0 26%;}
  /* lineup_area pop_wrap */
  .pop_area{width: 80%;}
  .pop_area .tit_area h3{font-size:25px}
  .pop_area .list_pop>li span{line-height: 1.74;}
  .pop_area .list_pop:before{top: 15px;width: 334px;height: 496px;}
}