@charset "utf-8";
@import url("Basic.css");

body {min-width:320px; max-width:1024px; margin:0 auto;}

#wrap {position:relative;}
#wrap img {width:100%;height:auto;}
#wrap .por {position:relative;}
/* Main */
#wrap .btn_eve01 {width:56.125%; position:absolute;top:48.2191%;left:21.5%;}
#wrap .btn_eve02 {width:56.125%; position:absolute;top:46.5116%;left:21.5%;}
#wrap .btn_giftinfo {width:31.25%; position:absolute;top:20.2597%;left:16.375%;}
#wrap .btn_eveinfo {width:35%; position:absolute;top:20.2597%;left:50.125%;}
#wrap .giftinfo_wrap,
#wrap .eveinfo_wrap {background:url('../images/ma_pop_mid.png') repeat-y 0 0;background-size:100% 14px; position:relative;}
#wrap .giftinfo_wrap .giftinfo,
#wrap .eveinfo_wrap .eveinfo {padding:0 10%;}
#wrap .giftinfo_wrap .giftinfo .info_tit,
#wrap .eveinfo_wrap .eveinfo .info_tit {margin-top:5%;}
#wrap .giftinfo_wrap .giftinfo .gift_box {width:100%; background:url('../images/giftinfo_bg.png') no-repeat 0 bottom;background-size:100%; overflow:hidden;}
#wrap .giftinfo_wrap .giftinfo .gift_box .eve01,
#wrap .giftinfo_wrap .giftinfo .gift_box .eve02 {float:left;}
#wrap .giftinfo_wrap .giftinfo .gift_box .eve01 {width:47%;margin-right:3%;}
#wrap .giftinfo_wrap .giftinfo .gift_box .eve02 {width:47%;margin-left:3%;}
#wrap .giftinfo_wrap .giftinfo .gift_box h2 {margin:10% 0 7%;}
#wrap .giftinfo_wrap .giftinfo .gift_box ul {margin-top:5%;}
#wrap .giftinfo_wrap .giftinfo .gift_box li {padding-left:8px; font-size:0.75em;line-height:1.8;text-indent:-8px;letter-spacing:-1px;color:#757575;}
#wrap .giftinfo_wrap .giftinfo .gift_box .giftinfo_btn {width:45.1481%; margin:3% auto;}
#wrap .giftinfo_wrap .giftinfo .gift_box .giftinfo_txt {font-size:0.75em;color:#bababa;}
#wrap .eveinfo_wrap .eveinfo ul {margin:5% 0;}
#wrap .eveinfo_wrap .eveinfo li {margin-bottom:3%;}
#wrap .eveinfo_wrap .eveinfo .eveinfo_btn {width:30.023%;margin:0 auto;}
/* Sub */
#wrap .btn_go {width:42.875%; position:absolute;bottom:0;left:51.75%;}
#wrap .eve01_movie {width:81.125%; position:absolute;top:32.3193%;left:9.5%;}
#wrap .eve01_answer {width:56.25%; position:absolute;top:36.2264%;left:21.875%;}
#wrap .eve1_tit {width:72.875%; position:absolute;top:16.1862%;left:10.375%;}
#wrap .eve1_text {width:79.5%;height:56.541%; position:absolute;top:39.2461%;left:10.125%;}
#wrap .eve1_text label {width:3.5%; display:block;position:absolute;top:0;left:0;}
#wrap .eve1_text textarea {margin-left:6.2893%;width:83%;height:70%;padding:5%; font-size:1.1em;line-height:1.8; border:solid 2px #d3d3d3;}
#wrap .eve01_img05 {padding:0 10.125% 0 14.875%; background:url('../images/eve01_img05.png') repeat-y 0 0;background-size:100% 168px;}
#wrap .eve1_txt02 {width:46.9011%;}
#wrap .eve1_info {margin-top:10px;height:42px;}
#wrap .eve1_info input {height:20px;padding:5px 5%; font-size:1.1em;line-height:1.8; border:solid 2px #d3d3d3;}
#wrap .eve1_info .eve1_name {width:30%;}
#wrap .eve1_info .eve1_phone {margin-left:3%;width:42%;}
#wrap .scrollWrap {margin-bottom:3%;width:99%;height:100px;overflow-y:scroll;border:solid 2px #d3d3d3;}
#wrap .scrollWrap .scroll {font-size:1em; width:96%;padding:2%; }
#wrap .eve1_agree .eve1_txt03 {margin-left:1.34%;width:46.9011%; display:inline-block;}
#wrap .eve1_agree .btn_detail {margin-left:3.1825%;width:21.7755%; display:inline-block;}
#wrap .eve1_btn_go {width:56.25%; position:absolute;top:1.7441%;left:22%;}
#wrap .eve2_btn_go {width:45.75%; position:absolute;top:8.8328%;left:27.125%;}
#wrap .eve02_tit {width:78%; position:absolute;top:46.7065%;left:11%;}
.slideWrap {position:relative; background:url('../images/eve02_img05.png') repeat-y 0 0;background-size:100% 420px;}
.owl-carousel {padding:2% 0 5%; position:absolute;top:0;left:15%;}
.owl-buttons div {width:5%;height:52px; text-indent:-9999px; position:absolute;top:43%;}
.owl-prev {left:-7.375%; background:url('../images/slide_arrL.gif') no-repeat 0 0;background-size:100%;}
.owl-next {right:-7.375%; background:url('../images/slide_arrR.gif') no-repeat 0 0;background-size:100%;}
#wrap .info_wrap {padding:0 10.375%; position:relative; background:url('../images/eve02_img05.png') repeat-y 0 0;background-size:100% 420px;}
#wrap .info_wrap h2 {margin-bottom:5%;}
#wrap .info_wrap .nameform,
#wrap .info_wrap .phoneform {margin-bottom:3%;}
#wrap .info_wrap .nameform label,
#wrap .info_wrap .phoneform label {margin-right:3%; width:20.347%; display:inline-block;}
#wrap .info_wrap .nameform input,
#wrap .info_wrap .phoneform input {width:33.123%;height:100%; display:inline-block; font-size:1.1em;line-height:1.8; border:solid 2px #d3d3d3;}
#wrap .info_wrap .phoneform input {width:20%;}
#wrap .info_wrap .eve2_txt04 {margin-bottom:3%;}
#wrap .info_wrap .eve1_agree {margin-bottom:3%;}
#wrap .info_wrap .sns_box {width:74%;padding:5% 13%; text-align:center; background-color:#f9f9f9;border:solid 1px #ddd;}
#wrap .info_wrap .sns_box label {margin-left:8.675%;width:26.13%; display:inline-block;}
#wrap .info_wrap .sns_box label:first-child {margin-left:0;}
#wrap .info_wrap .sns_box label img {margin-left:3%;width:69%;}
#wrap .eve2_btn_send {width:56%; position:absolute;top:0;left:22%;}
#wrap .eve2_txt01 {width:72.5%; position:absolute;top:1.2755%;left:13.75%;}
#wrap .eve02_text {width:79.5%;height:30%; position:absolute;top:12.7551%;left:10.25%;}
#wrap .eve02_text textarea {width:90%;height:96%;padding:2% 5%; font-size:1.1em;line-height:1.8; border:solid 2px #d3d3d3;}
#wrap .btn_write {width:56.25%; position:absolute;top:52.551%;left:21.875%;}



/* Popup */
.layer_forwrite,
.layer_end,
.layer_lose,
.layer_cheese,
.layer_rice,
.layer_friend,
.layer_movie,
.layer_cou02,
.layer_cou01, 
.layer_twitter {display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:10000;}

.layer_forwrite .bg,
.layer_end .bg,
.layer_lose .bg,
.layer_cheese .bg,
.layer_rice .bg,
.layer_friend .bg,
.layer_movie .bg,
.layer_cou02 .bg,
.layer_cou01 .bg,
.layer_twitter .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50);}

.layer_forwrite_area,
.layer_end_area,
.layer_lose_area,
.layer_cheese_area,
.layer_rice_area,
.layer_friend_area,
.layer_movie_area,
.layer_cou02_area,
.layer_cou01_area,
.layer_twitter_area {position:absolute; left:50%; top:50%; padding:34px 34px 0 0;width:90%;}

.center {position:absolute; top:50%; left:50%; width:300px; height:200px; overflow:hidden; background-color:#FC0; margin-top:-150px; margin-left:-100px;}
.open {display:block;}

.pop_box {padding:20px 5%;border:solid 5px #a6d456;-moz-border-radius:1.5625%;-webkit-border-radius:1.5625%;border-radius:1.5625%; background-color:#fff; position:relative;}
.pop_box img {width:100%;height:auto;}
.btn_close {width:10.625%; position:absolute;top:-5%;right:-5%;}

.pop_box .pop_btn_ok {width:40.3389%;margin:0 auto;}

.layer_forwrite_area .pop_box,
.layer_lose_area .pop_box {padding-bottom:9.9803%;}

.layer_end_area .pop_btn_ok {margin-top:3.9215%;}

.pop_box .info_box {margin:0 3.6832%;padding:5.228% 4% 5.228% 5%; border:solid 2px #ffd800;-moz-border-radius:1.5625%;-webkit-border-radius:1.5625%;}
.pop_box .info_box input {width:69.2%;height:100%; display:inline-block; font-size:1.1em;line-height:1.8; border:solid 2px #d3d3d3;}
.pop_box .info_box label {width:26.2%; display:inline-block;}
.pop_box .info_box p {margin-top:3.8014%;}
.pop_box .info_box p:first-child {margin-top:0;}
.pop_box .info_box .zipcode input {width:15.6%;}
.pop_box .info_box .friend input {width:17%;}

.pop_box .info_box .btn_zipcode {margin-left:1.8%;width:26.6%; display:inline-block;}

.layer_cheese_area .pop_btn_ok,
.layer_rice_area .pop_btn_ok {margin-top:4.5666%;margin-bottom:3.2666%;}
.layer_friend_area .pop_btn_ok,
.layer_movie_area .pop_btn_ok {margin-top:4.5941%;}

.layer_cou02_area .pop_btn_block,
.layer_cou01_area .pop_btn_block {margin-top:3.5941%;}
.pop_box .pop_btn_block {text-align:center;}
.pop_box .pop_btn_block a {display:inline-block;}
.pop_box .pop_btn_block .pop_btn_ok02 {width:35.6%;}
.pop_box .pop_btn_block .pop_btn_gift {width:49.2%; margin-left:2%;}


.twtform {margin:1% 0 0 0;}
.twtform label {margin-right:3%; width:30.347%; display:inline-block;}
.twtform input {width:65%; height:100%; display:inline-block; font-size:1.1em;line-height:1.8; border:solid 2px #d3d3d3;}
#pop_btn_ok2 {width:70.3389%; margin:5% auto auto;}
