@charset "utf-8";





@media screen and (min-width:320px){html{font-size:12px}}
@media screen and (min-width:375px){html{font-size:14px}}
@media screen and (min-width:414px){html{font-size:15px}}
@media screen and (min-width:640px){html{font-size:18px}}










.wrap{position:relative}
.ev_header{z-index:9}
section{z-index:7}
footer{z-index:8}





/***** HEADER *****/
.ev_header{position:fixed; top:0; left:0; z-index:9; width:100%}

header{position:relative}
header .block{position:relative; z-index:4; background:#fff; box-shadow:0 0 0.333rem rgba(0,0,0,.4)}
header h1{width:11.48148148148148vw; margin:0 auto}
header h1 a{display:block}
header h1 a img{display:block; width:100%}
header .btn_menu{display:block; position:absolute; top:50%; right:3.7vw; width:1.917rem; height:1.333rem; margin-top:-0.6665rem}
header .btn_menu > span{display:block; position:absolute; top:50%; right:50%; width:1.917rem; height:0.167rem; background:#666;
	transition: all .2s ease-out;
}
header .btn_menu .bar1{margin-top:-0.6665rem; margin-right:-0.9585rem}
header .btn_menu .bar2{top:0.583rem; right:0; width:1.667rem;
	transition: all .3s ease-out;
}
header .btn_menu .bar3{margin-top:0.5005rem; margin-right:-0.9585rem}
header .slide{position:absolute; top:100%; left:0; z-index:3; width:100%; background:#fff}
header .slide ul li a{display:block; text-align:center}
header .slide .outlink li{border-bottom:1px solid #d9d9d9}
header .slide .outlink li a{padding:1.583rem 0; color:#424242; letter-spacing:-0.05em; font-size:5vw; font-weight:900}
header .slide .outlink li a span{display:inline-block; height:1.917rem; margin-right:2.7vw; padding:0 3.88vw; border:1px solid #666; box-sizing:border-box; color:#666; line-height:1.917rem; font-size:4.25vw;
	border-radius: 0.9585rem;
}
header .slide .sns li{float:left; width: 25%;}
header .slide .sns li a{width:100%; font-size: 0; text-indent: -9999%; padding-bottom: 66.296%;}
header .slide .sns li.yt a{background:url(http://www.fontanastyle.com/static/mobile/images/teaser/sns_1.jpg) 0 center no-repeat; background-size:100% auto;}
header .slide .sns li.in a{background:url(http://www.fontanastyle.com/static/mobile/images/teaser/sns_2.jpg) 0 center no-repeat; background-size:100% auto;}
header .slide .sns li.fb a{background:url(http://www.fontanastyle.com/static/mobile/images/teaser/sns_3.jpg) 0 center no-repeat; background-size:100% auto;}
header .slide .sns li.nb a{background:url(http://www.fontanastyle.com/static/mobile/images/teaser/sns_4.jpg) 0 center no-repeat; background-size:100% auto;}
/* header .slide .sns li.in a{background:#bf155e}
header .slide .sns li.fb a{background:#3661a8}
header .slide .sns li.nb a{background:#4ac043}
header .slide .sns li a span{display:inline-block; padding:1.917rem 0 1.917rem 10.48vw; color:#fff; letter-spacing:-0.07em; font-size:4.44vw; font-weight:bold}
header .slide .sns li.in a span{background:url(http://www.fontanastyle.com/static/mobile/images/teaser/sns_in.png) 0 center no-repeat; background-size:9.35vw}
header .slide .sns li.fb a span{background:url(http://www.fontanastyle.com/static/mobile/images/teaser/sns_fb2.png) 0 center no-repeat; background-size:9.35vw}
header .slide .sns li.nb a span{background:url(http://www.fontanastyle.com/static/mobile/images/teaser/sns_nb2.png) 0 center no-repeat; background-size:9.27vw} */

.sub_tab li{float:left; width:50%; background:#fff}
.sub_tab li a{display:block}
.sub_tab li:first-child a{background:url(http://www.fontanastyle.com/static/mobile/images/event/ev_sub_tab_border.png) right center no-repeat; background-size:1px 44.11%}
.sub_tab li:first-child.active a{background:none}
.sub_tab li a img{display:block; width:100%}
.sub_tab li a .on{display:none}
.sub_tab li.active a .on{display:block}
.sub_tab li.active a .off{display:none}
.sub_tab li.active{background:#0058aa}
.ev1_main .sub_tab li:first-child a,
.ev1 .sub_tab li:first-child a,
.ev2 .sub_tab li:first-child a{background:none}

.header_bg{display:block; width:100%}

.mask{display:none; position:absolute; top:0; left:0; z-index:8; width:100%; height:100%; background:rgba(0,0,0,0.7)}





/***** FOOTER *****/
footer{position:relative; padding:2rem 0; color:#fff; background:#626262}
footer > div{width:92.59vw; margin:0 auto}
footer p{margin-bottom:0.4rem; padding-left:1.85vw; background:url(http://www.fontanastyle.com/static/mobile/images/teaser/footer_list_blue.jpg) 0 0.417rem no-repeat; background-size:0.167rem; line-height:1.3em; font-size:2.50vw}
footer .time{background: none;}
footer .txt2{color:#fff0cb}
footer .txt3{margin-bottom:0; background:none}

footer .btn_top{display:block; position:absolute; top:-1.5rem; right:3.7vw; width:10.74vw}
footer .btn_top img{display:block; width:100%}










/***** MAIN *****/
.main section{position:relative; padding-top: 15.74vw; z-index:2; background:url(http://www.fontanastyle.com/static/mobile/images/main/section_bg.jpg) 0 0; background-size:100%}

.main .gnb{
	display: flex !important;
	box-sizing: border-box;
	width: 100%; height: 15.74vw; padding: 0 10%; 
	justify-content: space-between; align-items: center;
	background: #fff;
}
.main .gnb .gnb-list{ 
	width: 50%;
	text-align: center;
	display: block; 
	font-size: 3.7vw; font-weight: bold; color: #2c2221;
}

/* CONT1 */
.main .cont1{position:relative; }
.main .cont1 .bg{display:block; width:100%}
.main .cont1 .inner{position:absolute; top:0; left:0; width:100%; height:100%; padding:14.8% 2.5vw 0 0; box-sizing:border-box; }
.main .cont1 .inner p{
	position: absolute;
	text-indent: -9999px; font-size: 0;
	background-repeat: no-repeat; background-position: 0 0; background-size: contain;
}
.main .cont1 .inner p:nth-child(1){
	width: 32.13%; height: 14.26vw;
	right: 16.66%; top: 14.8vw;
	background-image: url(/static/mobile/images/main/cont1_txt1.png);
}
.main .cont1 .inner p:nth-child(2){
	width: 29.72%; height: 14.53vw;
	right: 12.13%; top: 29.16vw;
	background-image: url(/static/mobile/images/main/cont1_txt2.png);
}
.main .cont1 .inner p:nth-child(3){
	width: 30.27%; height: 8.61vw;
	right: 2.59%; top: 42.68vw;
	background-image: url(/static/mobile/images/main/cont1_txt3.png);
}

/* CONT2*/
.main .cont2{position:relative}
.main .cont2 .thumb{position:relative; z-index:1; width:100%}
.main .cont2 iframe{position:absolute; top:0; left:0; z-index:2; width:100%; height:100%}

/* CONT3 */
.main .cont3{position:relative; margin:0 0 0 0;}
.main .cont3 .frame{display:block; width:100%;}
.main .cont3 .c3_inner{position:absolute; top:0; left:0; width:100%; height:100%; padding:11.85vw 8.98vw 2.75rem 8.98%; box-sizing:border-box}
.main .cont3 h3{ margin:0 0 4.16vw 0; color: #fff; line-height:1em; letter-spacing:-0.05em; font-size:5vw; font-weight:bold; font-family: 'SourceHanSerif';}
.main .cont3 .txt{margin-bottom: 59.72vw; color:#fff; line-height:1.4em; letter-spacing:-0.06em; font-size:3.333vw}
.main .cont3 .btn_more{display:block; width: 100%}
.main .cont3 .btn_more img{display:block; width:100%}



/***** FIXED MENU *****/
/* .main .fixed_menu{position:fixed; bottom:0; left:0; z-index:11; width:100%;
	box-shadow: 0 0 10px rgba(51,43,38,.3)
}
.main .fixed_menu li{float:left; width:50%; border-right:1px solid #2b405e; box-sizing:border-box}
.main .nav li:last-child{border-right:none}
.main .fixed_menu li a{display:block; padding:1.333rem 0; text-align:center; background:#365076; color:#fff; line-height:1em; letter-spacing:-0.05em; font-family:'SourceHanSerif'; font-size:3.51vw; font-weight:900}
.main .fixed_menu li a span{display:inline-block; padding:0 3.8vw 0 0; background:url(http://www.fontanastyle.com/static/mobile/images/teaser/fixedMenu_arrow.png) right center no-repeat; background-size:1.57vw auto} */










/***** PRODUCT *****/
.pro .visual{overflow:hidden; position:relative; background:url(http://www.fontanastyle.com/static/mobile/images/intro/pro_visual_bg.jpg) center center no-repeat; background-size:cover}
.pro .visual .obje{display:block; width:100%}
.pro .visual .wrap_txt{position:absolute; top:0; left:18.05vw; width:100%; padding:2.5rem 0 0 0; box-sizing:border-box}
.pro .visual .txt{display:block}
.pro .visual .txt1{width: 28.888vw;}
.pro .visual .txt2{width: 29.63vw; margin-left: 8.796vw;}
.pro .visual .txt3{width: 30.278vw; margin-top: -0.8rem;margin-left: 18.519vw;}
.pro .visual .txt4{width:57.77vw;margin-top:1.5vw;margin-left:3.24vw}
.pro .visual .daniel{display:block; width:91.38vw; margin:-27% 0 0 3.7vw}
/* .pro.pro_181105 .visual .wrap_txt{padding:2.5rem 0 0 0;}
.pro.pro_181105 .visual .txt1{width: 41.852vw;}
.pro.pro_181105 .visual .txt2{width: 29.63vw;margin-left: 8.796vw;}
.pro.pro_181105 .visual .txt3{width: 30.278vw;margin-top: -0.8rem;margin-left: 18.519vw;}
.pro.pro_181105 .visual .txt4{width:57.77vw;margin-top:1.5vw;margin-left:3.24vw} */

.pro .cont{padding:1.417rem 0 3.833rem 0; background:url(http://www.fontanastyle.com/static/mobile/images/intro/pro_bg.jpg) 0 0; background-size:cover}

.pro .pro_list{position:relative; z-index:1; margin:0 0 1.5rem 0; padding:0 3.7vw; box-sizing:border-box}
.pro .pro_list li{float:left; width:45.37vw; margin:1.75vw 1.75vw 0 0; background:#fff}
.pro .pro_list li:nth-child(2n){margin-right:0}
.pro .pro_list li:first-child,
.pro .pro_list li:nth-child(2){margin-top:0}
.pro .pro_list li a{display:block; padding:2.5rem 3.22vw 1.917rem 3.22vw}
.pro .pro_list li a img{display:block; width:30.5vw; margin:0 auto 0.417rem auto}
.pro .pro_list li a p{min-height:3.9em; color:#333; line-height:1.3em; letter-spacing:-0.05em; font-size:3.333vw; text-align:center}

.pro .tab-menu{
	width: 100%; overflow-x: auto; margin-bottom: 4.6vw;
}
.pro .tab-menu ul{
	display: flex;
}
.pro .tab-menu ul li{
	flex: none;
	margin: 0 5.48vw;
}
.pro .tab-menu ul li.active{
	border-bottom: 1vw solid #063996;
}
.pro .tab-menu ul li button{
	display: block; height: 12.03vw; padding: 0 0.9vw;
	border: none; background: none;
	font-size: 3.7vw; color: #2c2221; font-weight: bold;
}
.pro .tab-menu ul li.active button{
	color: #063996;
}

.wrap_page{text-align:center}
.wrap_page .page{display:inline-block}
.page a{display:block}
.page > a{overflow:hidden; float:left; width:0.833rem; height:2.75rem; text-indent:-9999px}
.page > a.prev{background:url(http://www.fontanastyle.com/static/mobile/images/intro/page_prev.png) 0 center no-repeat; background-size:0.833rem auto}
.page > a.next{background:url(http://www.fontanastyle.com/static/mobile/images/intro/page_next.png) 0 center no-repeat; background-size:0.833rem auto}
.page ul{float:left; margin:0 2.583rem}
.page ul li{float:left; padding:0 0.583rem 0 0.25rem; background:url(http://www.fontanastyle.com/static/mobile/images/intro/page_dot.png) right center no-repeat; background-size:0.25rem}
.page ul li:first-child{padding-right:1.167rem; padding-left:0}
.page ul li:last-child{padding-right:0; background:none}
.page ul li a,
.page ul li.active span{display:block; width:2.75rem; height:2.75rem; padding:0.5rem 0 0 0; box-sizing:border-box; font-size:1.667rem; text-align:center}
.page ul li a{color:#797979; font-weight:100}
.page ul li.active span{background:#00459a; color:#fff;
	border-radius: 0.167rem;
}





/***** BRAND *****/
.brand section{text-align:center}
.brand .titlebox{position:relative}
.brand .titlebox .bg{display:block; width:100%}
.brand .titlebox .inner{position:absolute; top:0; left:0; width:100%; height:100%; padding:11.29% 0 0 0; box-sizing:border-box}
.brand .titlebox p{color:#005aaa; font-family:'SourceHanSerif'}
.brand .titlebox .tit1{margin-bottom:0.25rem; letter-spacing:-0.07em; font-size:4.81vw; font-weight:500}
.brand .titlebox .tit2{font-size:7.59vw; font-weight:900}
.brand .cont{padding:1.167rem 0; background:url(http://www.fontanastyle.com/static/mobile/images/cont_bg.jpg) 0 0 no-repeat; background-size:cover}
.brand .cont .txtbox{width:92.22vw; margin:0 auto; background:url(http://www.fontanastyle.com/static/mobile/images/intro/brand_txtbox_bg.png) 0 0 repeat-y; background-size:92.22vw auto}
.brand .cont .txt1{line-height:1.6em; letter-spacing:-0.06em; font-size:3.33vw}
.brand .cont .txt1-1{margin-bottom:1.167rem; color:#5f5750}
.brand .cont .txt1-2{margin-bottom:1.5rem; color:#424242}
.brand .cont .txt2{padding:0.833rem 0 0 0; background:url(http://www.fontanastyle.com/static/mobile/images/intro/brand_txt2_bar.jpg) center 0 no-repeat; background-size:3.61vw 1px; color:#00459a; line-height:1.4em; letter-spacing:-0.06em; font-family:'SourceHanSerif'; font-size:4.81vw; font-weight:900}
.brand .cont .bg{display:block; width:92.22vw; margin:0 auto}










/***** EVENT *****/

.italic{font-style:italic}


/***** WRAP NOTICE *****/
.wrap_notice{background:#fff}
.wrap_notice > ul > li{border-top:1px solid #ccc}
.wrap_notice > ul > li > button{display:block; position:relative; width:100%; height:3.917rem; padding:0 0 0 3.7vw; border:none; border-top:1px solid #efeeec; border-bottom:1px solid #b2b0ad; box-sizing:border-box; background:#dedcd8; text-align:left}
.wrap_notice > ul > li > button span{display:block; color:#5f5750; line-height:1em; letter-spacing:-0.05em; font-size:4.81vw}
.wrap_notice > ul > li > button img{display:block; position:absolute; top:50%; right:3.7vw; width:1.25rem; margin-top:-0.333rem;
	transition: all .2s ease-out;
	transform: rotate(-180deg);
}
.wrap_notice .list_cont{display:none; border-top:1px solid #ebeae7}
.wrap_notice .list_cont img{display:block; width:100%}

.wrap_notice ul li:last-child .list_cont{padding:1.417rem 3.7vw; box-sizing:border-box}
.wrap_notice ul li:last-child .list_cont p,
.wrap_notice ul li:last-child .list_cont ul li{color:#535353; line-height:1.6em; letter-spacing:-0.075em; font-size:3.33vw}
.wrap_notice ul li:last-child .list_cont .tit{padding:1.667rem 0 0 0}
.wrap_notice ul li:last-child .list_cont ul li{padding:0 0 0 2.12vw; background:url(http://www.fontanastyle.com/static/mobile/images/event/ev1_notice_list1.jpg) 0 0.677rem no-repeat; background-size:0.167rem 0.167rem}
.wrap_notice ul li:last-child .list_cont ul li .point{color:#0058aa}
.wrap_notice ul li:last-child .list_cont ul li ul{margin-bottom:0.667rem}
.wrap_notice ul li:last-child .list_cont ul li ul li{background:url(http://www.fontanastyle.com/static/mobile/images/event/ev1_notice_list2.jpg) 0 0.7rem no-repeat; background-size:0.333rem 1px}


/***** CHECKBOX *****/
.checkbox{overflow:hidden}
.checkbox label{overflow:hidden; cursor:pointer}
.checkbox label:after{display:inline-block; content:''}
.checkbox .cr{display:inline-block; float:left; position:relative; width:3.79vw; padding-right:2.31vw}
.checkbox .cr img{display:block; width:100%}
.checkbox .cr .off{display:block}
.checkbox .cr .on{display:none}
.checkbox label input[type="checkbox"]:checked + .cr .off{display:none}
.checkbox label input[type="checkbox"]:checked + .cr .on{display:block}
.checkbox label .label{float:left; width:auto; color:#666; line-height:1.3em; letter-spacing:-0.03em; font-size:3.33vw; word-break:break-all}
.checkbox label .label span{color:#ed1f24}
.checkbox label input[type="checkbox"]{display:none}
.checkbox label input[type="checkbox"]:disabled + .cr{opacity:0.5}





/***** EV 1 *****/
.ev1_main .cont1{position:relative}
.ev1_main .cont1 .txt_area{position:absolute; top:5%; left:0; width:100%; text-align:center}
.ev1_main .cont1 .bg{display:block; width:100%}
.ev1_main .cont1 .ev_tit{display:block; width:24.6vw; height:1.833rem; margin:0 auto 1rem auto; background:#0058aa; color:#fff; line-height:1.833rem; font-size:3.61vw; text-align:center;
	border-radius: 0.917rem;
}
.ev1_main .cont1 p{color:#0058aa; letter-spacing:-0.08em; font-family:'SourceHanSerif'}
.ev1_main .cont1 .txt1{margin-bottom:0.75rem; line-height:1.25em; font-size:6.11vw; font-weight:500}
.ev1_main .cont1 .txt2{margin-bottom:1.583rem; line-height:1em; font-size:8.11vw; font-weight:900}
.ev1_main .cont1 .date{display:inline-block; padding:0.333rem 0 0.417rem 0; border:1px solid #424242; border-right:none; border-left:none; color:#424242; line-height:1em; letter-spacing:-0.05em; font-size:4.44vw; font-weight:100}

.ev1_main .cont2{position:relative}
.ev1_main .cont2 .txt_area{position:absolute; bottom:14%; left:0; width:73.98vw; text-align:center}
.ev1_main .cont2 h2{display:inline-block; margin:0 0 1rem 0; padding:0.167rem 0 0.333rem 0; border:1px solid rgba(51,51,51,0.5); border-right:none; border-left:none; color:#424242; line-height:1em; letter-spacing:-0.04em; font-family:'SourceHanSerif'; font-size:4.81vw; font-weight:900}
.ev1_main .cont2 .txt1{margin-bottom:0.667rem; color:#424242; line-height:1em; letter-spacing:-0.05em; font-size:3.33vw}
.ev1_main .cont2 .txt1 span{color:#0058aa}
.ev1_main .cont2 .txt2{color:#0058aa; line-height:1em; letter-spacing:-0.05em; font-size:4.44vw; font-weight:bold}
.ev1_main .cont2 .bg{display:block; width:100%}
.ev1_main .cont2 .obje{display:block; position:absolute; right:4.81vw; bottom:0; width:29.81vw}

.ev1_main .videobox{position:absolute; top:-67.5%; left:3.565vw; width:92.87vw}
.ev1_main .videobox .bg{display:block; width:100%}
.ev1_main .videobox .inner{position:absolute; top:0; left:0; width:100%; height:100%; padding:2% 0; box-sizing:border-box; background:#0058aa;
	box-shadow: 0.167rem 0.167rem 0.5rem rgba(0,0,0,0.2);
}
.ev1_main .videobox .wrap_video{position:relative; width:89.16vw; margin:0 auto}
.ev1_main .videobox .wrap_video .thumb{position:relative; z-index:2; width:89.16vw}
.ev1_main .videobox .wrap_video .thumb img{display:block; width:100%}
.ev1_main .videobox .wrap_video .thumb p{position:absolute; top:23%; left:0; width:100%; color:#fff; line-height:1.4em; letter-spacing:-0.04em; font-size:3.88vw; text-align:center}
.ev1_main .videobox .wrap_video .thumb .btn_join{display:block; position:absolute; bottom:21%; left:18.98vw; width:51.29vw; border:none}
.ev1_main .videobox .wrap_video .youtube_div{position:absolute; top:0; left:0; z-index:1; width:89vw; height:100%}
.ev1_main .videobox .video_txt{margin-top:3%; color:#fff; line-height:1.5em; letter-spacing:-0.04em; font-size:3.33vw; text-align:center}

.ev1_main .cont4{position:relative}
.ev1_main .cont4 .inner{position:absolute; top:0; left:0; width:100%; height:100%; padding-top:14%; box-sizing:border-box; text-align:center}
.ev1_main .cont4 .bg{display:block; width:100%; height:100%} 
.ev1_main .cont4 .ev_tit{display:inline-block; width:14.62vw; height:1.25rem; margin-bottom:0.667rem; padding-top:0.12rem; border:1px solid #fff; box-sizing:border-box; color:#fff; line-height:1em; letter-spacing:-0.04; font-family:'SourceHanSerif'; font-size:2.77vw; font-weight:100; text-align:center;
	border-radius: 0.625rem;
}
.ev1_main .cont4 h2{margin-bottom:0.333rem; color:#fff; line-height:1em; letter-spacing:-0.06em; font-family:'SourceHanSerif'; font-size:4.44vw; font-weight:900}
.ev1_main .cont4 .txt{margin-bottom:1.5rem; color:#fff; line-height:1em; letter-spacing:-0.06em; font-family:'SourceHanSerif'; font-size:2.77vw}
.ev1_main .cont4 .btn_ev2{display:block; width:41.85vw; margin:0 auto}
.ev1_main .cont4 .btn_ev2 img{display:block; width:100%}





/***** PROCESS *****/
.ev1 section{background:#fff}
.ev1 .layer{padding:2.583rem 3.7vw 0 3.7vw; box-sizing:border-box}
.ev1 .tit_area{text-align:center}
.ev1 .ev_tit{display:inline-block; margin:0 0 1.167rem 0; padding:0.667rem 0 0.75rem 0; border:1px solid #333; border-right:none; border-left:none; color:#333; line-height:1em; letter-spacing:-0.015em; font-size:4.81vw; font-weight:bold}
.ev1 h2{margin-bottom:0.833rem; color:#424242; line-height:1.3em; letter-spacing:-0.05em; font-size:6.29vw; font-weight:bold}
.ev1 h2.big{color:#0059aa; font-size:6.66vw}
.ev1 .tit_txt{color:#333; line-height:1.25em; letter-spacing:-0.05em; font-size:3.88vw}
.ev1 .formbox{padding:1.333rem 3.7vw 0 3.7vw; background:#f5f5f5}
.ev1 .ev1_btn{display:block; margin:0 auto}
.ev1 .ev1_btn img{display:block; width:100%}

/* INPUT */
.ev1 .input{padding-bottom:3.5rem}
.ev1 .input .tit_area{padding-bottom:1.333rem}
.ev1 .formbox{margin-bottom:2.75rem; padding-bottom:1.333rem}
.ev1 .input_list{margin:0 0 1rem 0; padding:0 0 1.333rem 0; border-bottom:1px dashed #888}
.ev1 .input_list li{position:relative; margin:0 0 0.667rem 0; padding:0 0 0 21.11vw; box-sizing:border-box}
.ev1 .input_list li:last-child{margin-bottom:0}
.ev1 .input_list li .list_tit{position:absolute; top:0; left:0; width:21.11vw; height:2.667rem; background:#0059aa; color:#fff; line-height:2.667rem; letter-spacing:-0.05em; font-size:3.88vw; font-weight:bold; text-align:center}
.ev1 .input_list li .list_cont{width:100%; height:2.667rem; border:1px solid #0059aa; box-sizing:border-box}
.ev1 .input_list li .list_cont input{width:100%; height:100%; padding:0 1.85vw; border:none; box-sizing:border-box; color:#333; line-height:2.583rem; letter-spacing:-0.05em; font-size:3.88vw; text-align:center}
.ev1 .check_list li{position:relative; margin:0 0 0.833rem 0; padding:0 21.75vw 0 0}
.ev1 .check_list li:last-child .label{color:#333; line-height:1em; font-size:4.44vw; font-weight:bold}
.ev1 .check_list .btn_more{display:block; position:absolute; top:50%; right:0; width:19.07vw; height:1.667rem; margin:-0.8335rem 0 0 0; background:#999; color:#fff; line-height:1.667rem; letter-spacing:-0.05em; font-size:2.77vw; text-align:center}
.ev1 .input .ev1_btn{width:64.8vw}

/* LOADING */
.ev1 .loading{padding-bottom:3.5rem}
.ev1 .loading .tit_area{position:relative; z-index:2}
.ev1 .loading .animate{position:relative; z-index:1; width:57.87vw; margin:-6% auto 0 auto}
.ev1 .loading .animate > img{width:57.87vw}
.ev1 .loading .animate .obje1{position:absolute; top:0; left:0}
.ev1 .loading .animate span{position:absolute; top:46.5%; left:0; width:100%; color:#0059aa; line-height:1em; letter-spacing:-0.05em; font-size:3.51vw; text-align:center}
.ev1 .loading .txt_animate{position:relative; z-index:3; margin-top:-3%; text-align:center}
.ev1 .loading .txt_animate > p{color:#424242; line-height:1.25em; letter-spacing:-0.05em; font-family:'SourceHanSerif'}
.ev1 .loading .txt_animate .txt1{margin-bottom:1rem; font-size:3.51vw; font-weight:700}
.ev1 .loading .txt_animate .txt2{font-size:4.81vw; font-weight:900}

/* LIMIT */
.ev1 .limit{padding-bottom:3.5rem}
.ev1 .limit .tit_area{padding-bottom:2.5rem}
.ev1 .limit .banner{position:relative; width:85.17vw; margin:0 auto 2.667rem auto; text-align:center}
.ev1 .limit .banner .inner{position:absolute; top:0; left:0; width:100%; height:100%; padding:8.5% 0 0 0; box-sizing:border-box}
.ev1 .limit .banner .bg{display:block; width:100%}
.ev1 .limit .banner .txt1{margin-bottom:0.667rem; color:#fff; line-height:1.3em; letter-spacing:-0.05em; font-size:4.07vw}
.ev1 .limit .banner .txt2{color:#edceb1; line-height:1em; letter-spacing:-0.05em; font-size:3.33vw; font-weight:bold}
.ev1 .limit .wrap_btn{width:85.17vw; margin:0 auto}
.ev1 .limit .ev1_btn{display:block; float:left}
.ev1 .limit .ev1_btn.btn1{width:33.33vw; margin-right:2.77vw}
.ev1 .limit .ev1_btn.btn2{width:49.07vw}

/* COMPLETE */
.ev1 .complete1{padding-bottom:3.5rem}
.ev1 .complete1 .banner{position:relative; width:85.17vw; margin:0 auto 2.667rem auto; text-align:center}
.ev1 .complete1 .banner .inner{position:absolute; top:0; left:0; width:100%; height:100%; padding:8.5% 0 0 0; box-sizing:border-box}
.ev1 .complete1 .banner .bg{display:block; width:100%}
.ev1 .complete1 .banner .txt1{margin-bottom:0.667rem; color:#fff; line-height:1.3em; letter-spacing:-0.05em; font-size:4.07vw}
.ev1 .complete1 .banner .txt2{color:#edceb1; line-height:1em; letter-spacing:-0.05em; font-size:3.33vw; font-weight:bold}
.ev1 .complete1 .wrap_btn{width:85.17vw; margin:0 auto}
.ev1 .complete1 .ev1_btn{display:block; float:left}
.ev1 .complete1 .ev1_btn.btn1{width:33.33vw; margin-right:2.77vw}
.ev1 .complete1 .ev1_btn.btn2{width:49.07vw}

.ev1 .complete2{padding-bottom:3.5rem}
.ev1 .complete2 h2{margin-bottom:1.667rem}
.ev1 .complete2 .formbox{padding-top:1.25rem; padding-bottom:1.25rem; text-align:center}
.ev1 .complete2 .formbox .txt1{position:relative; margin-bottom:1.083rem; color:#333; line-height:1.4em; letter-spacing:-0.05em; font-size:4.07vw; font-weight:bold}
.ev1 .complete2 .formbox .txt1 .border{display:block; position:absolute; bottom:0; left:50%; width:26.66vw; height:1px; margin:0 0 0 -6.93vw; background:#494949}
.ev1 .complete2 .formbox .txt2{color:#333; line-height:1.3em; letter-spacing:-0.05em; font-size:4.07vw}
.ev1 .complete2 .ev1_btn{width:40.74vw}

/* ADDRESS */
.ev1 .address{padding-bottom:3.5rem}
.ev1 .address h2{margin-bottom:1.25rem}
.ev1 .address .formbox{padding-bottom:1.667rem}
.ev1 .address .address_area{margin:0 0 1rem 0; padding:0 0 1.333rem 0; border-bottom:1px dashed #888}
.ev1 .address .address_area span{display:block; width:100%; height:2.667rem; margin:0 0 0.333rem 0; padding:0 1.85vw; border:1px solid #0059aa; box-sizing:border-box; color:#333; line-height:2.583rem; letter-spacing:-0.05em; font-size:3.88vw}
.ev1 .address .address_area .address_tit{background:#0059aa; color:#fff; font-weight:bold; text-align:center}
.ev1 .address .address_area input{display:block; width:100%; height:2.667rem; margin:0 0 0.333rem 0; padding:0 1.85vw; border:1px solid #0059aa; box-sizing:border-box; color:#333; line-height:2.583rem; letter-spacing:-0.05em; font-size:3.88vw}
.ev1 .address .address_area input:last-child{margin-bottom:0}
.ev1 .address .address_area .wrap_div{position:relative; padding:0 25.74vw 0 0; box-sizing:border-box}
.ev1 .address .address_area > div a{display:block; position:absolute; top:0; right:0; width:25.74vw; height:2.667rem; background:#0059aa; color:#fff; line-height:2.667rem; letter-spacing:-0.05em; font-size:3.88vw; font-weight:bold; text-align:center}
.ev1 .address .notice_list li{margin:0 0 0.333rem 0; padding:0 0 0 1.75vw; background:url(http://www.fontanastyle.com/static/mobile/images/event/ev1_list_dot.jpg) 0 0.5rem no-repeat; background-size:0.21rem; color:#666; line-height:1.4em; letter-spacing:-0.03em; font-size:3.33vw}
.ev1 .address .notice_list li a{display:block; width:19.07vw; margin:0.584rem 0 0 0; padding:0.5rem 0; background:#999; color:#fff; letter-spacing:-0.05em; font-size:2.77vw; text-align:center}
.ev1 .address .ev1_btn{width:42.59vw}

/* RESULT */
.ev1 .result{padding-bottom:3.417rem}
.ev1 .result h2{margin-bottom:1.667rem}
.ev1 .result .giftbox_bg{display:block; width:85.18vw; margin:0 auto}
.ev1 .result .giftbox_bg.bottom{margin-bottom:2.167rem}
.ev1 .result .giftbox{width:85.18vw; margin:0 auto; padding:0 0 1.167rem 0; background:url(http://www.fontanastyle.com/static/mobile/images/event/ev1_result_giftbox.jpg) 0 0 repeat-y; background-size:85.18vw}
.ev1 .result .giftbox > img{display:block; width:85.18vw}
.ev1 .result .giftbox .gift_tit{margin:0 0 1.084rem 0; color:#333; line-height:1em; letter-spacing:-0.05em; font-size:4.44vw; font-weight:bold; text-align:center}
.ev1 .result .giftbox > div{width:74.53vw; margin:0 auto; padding:0.917rem 0; background:#fff; color:rgba(51,51,51,.8); line-height:1.4em; letter-spacing:-0.05em; font-size:3.33vw; text-align:center}
.ev1 .result .notice{display:block; color:#333; line-height:1em; letter-spacing:-0.05em; font-size:3.7vw; text-align:center}
.ev1 .result .notice span{color:#cc262c; font-weight:bold}
.ev1 .result1 .giftbox{padding-top:1.667rem}
.ev1 .result1 .giftbox .gift_tit{margin-top:-12%}
.ev1 .result1 .ev1_btn{width:70.37vw; margin-bottom:1rem}
.ev1 .result2 .giftbox{padding-top:1.917rem}
.ev1 .result2 .giftbox .gift_tit{margin-top:-12%}
.ev1 .result2 .ev1_btn{width:40.74vw}
.ev1 .result3 .ev1_btn{width:70.37vw; margin-bottom:1rem}
.ev1 .result3 .giftbox .gift_tit{margin-top:-3.5%}
.ev1 .result4 .giftbox{padding-top:1.333rem}
.ev1 .result4 .giftbox .store{color:#333; line-height:1.4em; letter-spacing:-0.05em; font-size:3.33vw; font-weight:bold; text-align:center}
.ev1 .result4 .giftbox .store_notice{display:block; margin:0 0 1rem 0; color:#333; line-height:1.2em; letter-spacing:-0.05em; font-size:2.96vw; text-align:center}
.ev1 .result4 .giftbox .btn_coupon{display:block; width:46.29vw; margin:0 auto}
.ev1 .result4 .giftbox .btn_coupon img{display:block; width:100%}
.ev1 .result4 .notice_txt1{margin:0 0 0.667rem 0; color:#cc262c; line-height:1em; letter-spacing:-0.05em; font-size:4.07vw; font-weight:bold; text-align:center}
.ev1 .result4 .notice_txt2{margin:0 0 1.75rem 0; color:#333; line-height:1em; letter-spacing:-0.05em; font-size:2.96vw; text-align:center}
.ev1 .result4 .ev1_btn{width:40.74vw}

/* MODAL */
.blocker{z-index:100; padding:1rem 0}
.modal{width:92.59vw; max-width:92.59vw; padding:0; border:0.25rem solid #0059aa; box-sizing:border-box;
	border-radius: 0;
	box-shadow: none;
}
.modal a.close-modal{top:-0.25rem; right:-0.25rem; width:2.75rem; height:2.75rem; background:url(http://www.fontanastyle.com/static/mobile/images/event/pop_close.jpg) 0 0 no-repeat; background-size:2.75rem 2.75rem}

.ev1_agree .modal-box{padding-bottom:2.583rem}
.ev1_agree .tit_area{padding:2.333rem 0 0 0; text-align:center}
.ev1_agree .ev_tit{display:inline-block; margin:0 0 1.333rem 0; padding:0.417rem 0; border:1px solid #333; border-right:none; border-left:none; color:#333; line-height:1em; letter-spacing:-0.015em; font-size:3.88vw; font-weight:bold}
.ev1_agree h3{margin:0 0 1rem 0; color:#424242; line-height:1em; letter-spacing:-0.05em; font-size:5.74vw; font-weight:bold}
.ev1_agree .tit_txt{margin:0 0 1.417rem 0; color:#333; line-height:1.4em; letter-spacing:-0.05em; font-size:3.88vw}
.ev1_agree table{width:85.18vw; margin:0 auto 0.917rem auto; border:1px solid #0059aa; box-sizing:border-box; text-align:center}
.ev1_agree th{padding:0.75rem 0; background:#0059aa; color:#fff; line-height:1em; letter-spacing:-0.05em; font-size:3.88vw; font-weight:bold}
.ev1_agree td{padding:0.917rem 0; color:#333; line-height:1.4em; letter-spacing:-0.05em; font-size:3.88vw}
.ev1_agree .notice{margin:0 0 1.417rem 0; color:#333; line-height:1.4em; letter-spacing:-0.05em; font-size:3.33vw; text-align:center}
.ev1_agree .btn_close{display:block; width:40.74vw; margin:0 auto}
.ev1_agree .btn_close img{display:block; width:100%}





/***** EV 2 *****/
.ev2{background:url(http://www.fontanastyle.com/static/mobile/images/event/ev2_bg.jpg) center center; background-size:100% auto}
.ev2 .cont1{position:relative}
.ev2 .cont1 .bg{display:block; width:100%}
.ev2 .cont1 .txt_area{position:absolute; top:10%; left:0; width:100%; text-align:center}
.ev2 .cont1 .ev_tit{display:block; width:24.6vw; height:1.833rem; margin:0 auto 1.917rem auto; background:#0058aa; color:#fff; line-height:1.833rem; font-size:3.61vw; text-align:center;
	border-radius: 0.917rem;
}
.ev2 .cont1 .txt{margin-bottom:1.667rem; color:#424242; line-height:1em; letter-spacing:-0.08em; font-size:5vw}
.ev2 .cont1 .tit{color:#0058aa; line-height:1em; letter-spacing:-0.06em; font-family:'SourceHanSerif'}
.ev2 .cont1 .tit1{margin-bottom:0.417rem; font-size:8.61vw; font-weight:900}
.ev2 .cont1 .tit2{margin-bottom:1.833rem; font-size:6.11vw; font-weight:500}
.ev2 .cont1 ul{width:76.92vw; margin:0 auto}
.ev2 .cont1 ul li .list_tit{display:block; float:left; width:18.51vw;  height:1.5rem; margin:0 1.85vw 0 0; background:#0058aa; color:#fff; line-height:1.5rem; letter-spacing:-0.04em; font-size:3.61vw}
.ev2 .cont1 ul li .list_cont{display:block; float:left; color:#424242; line-height:1.5rem; letter-spacing:-0.04em; font-size:3.61vw}
.ev2 .cont1 ul li:first-child{margin-bottom:0.417rem}

.ev2 .cont2{padding:3.167rem 0 0 0}
.ev2 .cont2 .hashtagbox{position:relative; width:92.12vw; margin:0  auto 5.5rem auto; padding:0 0 0 18.51vw; box-sizing:border-box}
.ev2 .cont2 .hashtagbox .phone{position:absolute; top:1%; left:0; z-index:2; width:32.31vw}
.ev2 .cont2 .hashtagbox .phone .wrap_slide{position:absolute; top:0; left:0; z-index:3; width:100%; height:100%; padding:0 2.59vw 0 2.1vw}
.ev2 .cont2 .hashtagbox .phone .wrap_slide .slide img{display:block; width:27.59vw}
.ev2 .cont2 .hashtagbox .phone .wrap_slide .slick-dots{overflow:hidden; position:absolute; bottom:15.5%; left:0; width:100%; text-align:center}
.ev2 .cont2 .hashtagbox .phone .wrap_slide .slick-dots li{display:inline-block; margin:0 0.125rem; text-align:center}
.ev2 .cont2 .hashtagbox .phone .wrap_slide .slick-dots li button{display:block; overflow:hidden; width:0.417rem; height:0.417rem; border:none; background:#ccc; text-indent:-9999px;
	border-radius: 0.2085rem;
	transition: all .2s ease-out;
}
.ev2 .cont2 .hashtagbox .phone .wrap_slide .slick-dots li.slick-active button{background:#0074c3}
.ev2 .cont2 .hashtagbox .phone .bg{display:block; position:relative; z-index:2; width:100%}
.ev2 .cont2 .hashtagbox .hashtag{position:relative; z-index:1; width:73.6vw}
.ev2 .cont2 .hashtagbox .hashtag .bg{display:block; width:100%}
.ev2 .cont2 .hashtagbox .hashtag .inner{position:absolute; top:17%; left:0; width:73.6vw; padding:0 0 0 11.8vw; box-sizing:border-box; text-align:center}
.ev2 .cont2 .hashtagbox .hashtag .inner > span{display:block; margin:0 0 0.5rem 0; color:#0058aa; line-height:1em; letter-spacing:-0.06em; font-size:2.77vw}
.ev2 .cont2 .hashtagbox .hashtag ul{margin-bottom:3%}
.ev2 .cont2 .hashtagbox .hashtag ul li{display:inline-block; margin:0 0.05rem 0.25rem 0.05rem; padding:1% 1.48vw; background:#0058aa; color:#fff; line-height:1em; letter-spacing:-0.06em; font-size:4.44vw}
.ev2 .cont2 .hashtagbox .hashtag .txt1{margin-bottom:0.377rem; padding:0.333rem 0 0 0; background:url(http://www.fontanastyle.com/static/mobile/images/event/ev2_hashtag_border.png) center 0 no-repeat; background-size:3.05vw 1px; color:#424242; line-height:1.6em; letter-spacing:-0.06em; font-size:3.05vw}
.ev2 .cont2 .hashtagbox .hashtag .txt1 span{color:#0058aa; letter-spacing:-0.06em; font-weight:bold}
.ev2 .cont2 .hashtagbox .hashtag .txt2{color:#424242; line-height:1.5em; letter-spacing:-0.06em; font-size:2.7vw}

.ev2 .gift{margin:0 0 3.917rem 0; text-align:center}
.ev2 .category_tit{display:inline-block; margin:0 0 2.083rem 0; padding:0.333rem 0 0.417rem 0; border:1px solid #0058aa; border-right:none; border-left:none; color:#0058aa; line-height:1em; letter-spacing:-0.04em; font-size:5vw}
.ev2 .gift > div{display:block; width:92.4vw; margin:0 auto; border:1px solid #8c674e; box-sizing:border-box}
.ev2 .gift > div img{display:block; width:100%}

.ev2 .btn_store{display:block; width:68.2vw; margin:0 auto 4.583rem auto}
.ev2 .btn_store img{display:block; width:100%}

.ev2 .instagram{padding-bottom:3.5rem; text-align:center}
.ev2 .instagram .tit_area{margin-bottom:1.75rem}
.ev2 .instagram .category_tit{margin-bottom:0.75rem}
.ev2 .instagram .tit_area .txt{color:#424242; line-height:1em; letter-spacing:-0.04em; font-size:3.61vw}

.ev2 .instagram .instagram_area{position:relative; width:100%}
.ev2 .instagram .instagram_area .bg{display:block; position:relative; z-index:2; width:100%; opacity:0}
.ev2 .instagram .instagram_area .inner{position:absolute; top:0; left:0; z-index:3; width:100%; height:100%}










/***** TXT STYLE *****/
.wrap_txt{text-align:center}
.wrap_txt .txt_txt{display:inline-block; position:relative}
.wrap_txt .txt_icon{position:absolute; top:0; left:0}

.ev2 .cont2 .hashtagbox .hashtag .txt2 .txt_txt{padding-left:1.7vw; color:#424242; line-height:1.5em; letter-spacing:-0.06em; font-size:2.7vw}
.ev2 .cont2 .hashtagbox .hashtag .txt2 .txt_icon{top:29%}

.ev1 .result4 .notice_txt2 .txt_txt{padding-left:2vw; color:#333; line-height:1em; letter-spacing:-0.05em; font-size:2.96vw; text-align:center}
.ev1 .result4 .notice_txt2 .txt_icon{top:25%}

.ev1 .result .giftbox > div .txt_txt{padding-left:2vw; color:rgba(51,51,51,.8); line-height:1.4em; letter-spacing:-0.05em; font-size:3.33vw; text-align:center}
.ev1 .result .giftbox > div .txt_icon{top:34%}

.ev1 .complete2 .formbox .txt2 .txt_txt{padding-left:3vw; color:#333; line-height:1.3em; letter-spacing:-0.05em; font-size:4.07vw}
.ev1 .complete2 .formbox .txt2 .txt_icon{top:30%}

.ev1 .limit .tit_txt .txt_txt{padding-left:3vw; color:#333; line-height:1.3em; letter-spacing:-0.05em; font-size:4.07vw}
.ev1 .limit .tit_txt .txt_icon{top:25%}










/***** 2018-01-09 *****/