@charset "utf-8";
/* CSS Document */ 

.event-wrap{position:relative; font-size:15px; max-width:2560px; margin:0 auto; text-align:center}
.event-wrap .position{position:relative; width:940px; margin:0 auto;}

.mb0{margin-bottom:0 !important}

.con01{position:relative; height:1820px; background:url(images_my/con01_bg.jpg) center top no-repeat;}
.con02{position:relative; padding:100px 0; background:url(images_my/con02_bg.jpg) center top / cover;}
.con03{position:relative; padding:100px 0; background:url(images_my/con03_bg.jpg) center top / cover;}
.con04{position:relative; padding:100px 0 0 0; background:#ffcd00}

.con01 .visual{position:relative; display:block; width:999px; left:-29px}
.con01 .visual .bg{display:block;}
.con01 .visual .leftLogo{position:absolute; left:30px; top:50px}
.con01 .visual .rightLogo{position:absolute; right:30px; top:50px}
.con01 .visual .bottomLogo{position:absolute; right:30px; bottom:30px;}
.con01 .conty{position:relative; padding:140px 0 0 0; width:890px; margin:0 auto}
.con01 .conty .txt{font-size:21px; color:#333333; line-height:28px; padding:20px 10px 0 10px}
.con01 .conty .img{position:relative; overflow:hidden; padding:50px 0 50px 0; font-size:0; z-index:10}
.con01 .conty .img li{display:inline-block; margin-right:20px}
.con01 .conty .img li img{display:block;}
.con01 .conty .img li:nth-last-child(1){margin-right:0}
.con01 .conty .img .tailDisney{position:absolute; right:2px; bottom:0}

.con02 .tit{position:relative}
.con02 .tit .txt{position:relative; padding:20px 0 50px 0; color:#fff; font-size:20px; line-height:28px}

.con02 .box{position:relative; margin-bottom:25px; border:7px solid #cbaaf5; border-radius:15px; background:#fff; padding:70px 60px; font-size:0}
.con02 .box .img{display:inline-block; vertical-align:middle; margin-right:35px}
.con02 .box .con{display:inline-block; vertical-align:middle}
.con02 .box .con .tit{font-size:25px; color:#602476; font-weight:bold}
.con02 .box .con .tail{font-size:17px; color:#444444; padding:15px 0 0 0; line-height:25px}
.con02 .box .con .price{font-size:24px; color:#1d1c24; padding:20px 0 0 0;}
.con02 .box .con .price span{color:#89898d}
.con02 .box .con .btn{position:relative; padding:30px 0 0 0; text-align:center}
.con02 .box .con .btn a{display:inline-block; padding:13px 85px; background:#ffcd00; color:#fff; font-size:20px; border-radius:6px;
-webkit-box-shadow: 0px 5px 0px 0px rgba(255,156,0,1);
-moz-box-shadow: 0px 5px 0px 0px rgba(255,156,0,1);
box-shadow: 0px 5px 0px 0px rgba(255,156,0,1);}
.con02 .box .con .btn a:after{content:''; display:inline-block; width:8px; height:13px; background:url(images_my/bullet_yellow.jpg) no-repeat; margin-left:10px}
.con02 .box.two{border:7px solid #9eecf5; margin-bottom:0}
.con02 .box.two .img{margin-right:0; margin-left:60px}
.con02 .box.two .con .tit{color:#0b9cac}
.con02 .tail_logo{position:relative; text-align:right; padding:15px 0 0 15px}
.con03 .tail_logo{position:relative; text-align:right; padding:15px 0 0 15px}
.con04 .tail_logo{position:relative; text-align:right; padding:15px 0 0 15px}
.con04 .ft_txt{position:relative; font-size:17px; color:#444444; padding:10px 10px 0 10px}

.con02 .product_list > li{border-radius:15px}
.con02 .product_list > li:nth-child(1){border:7px solid #cbaaf5}
.con02 .product_list > li:nth-child(2){border:7px solid #b7eaf0}
.con02 .product_list > li:nth-child(3){border:7px solid #a98475}
.con02 .product_list > li:nth-child(4){border:7px solid #e6aab1}
.con02 .product_list > li:nth-child(5){border:7px solid #e6aab1}
.con02 .product_list > li:nth-child(6){border:7px solid #ebcc6a}

.con02 .box.three{border:7px solid #ae968b; margin-bottom:0}
.con02 .box.three .con .tit{color:#4d2e23}

.con03 .tit{position:relative;}
.con03 .ft_txt{position:relative; padding:20px 10px 0 10px; font-size:19px; color:#666666}

.product_list{position:relative; padding:40px 0 0 0}
.product_list:after{content:''; display:block; clear:both}
.product_list > li{float:left; width:455px; border:2px solid #222222; border-radius:10px; background:#fff; margin-right:30px; box-sizing:border-box; min-height:745px; margin-bottom:30px; overflow:hidden}
.product_list > li.clear{min-height:auto}
.product_list > li:nth-child(2n){margin-right:0}
.product_list > li .con{position:relative; padding:20px 10px 50px 10px;}
.product_list > li .con .tit{font-size:24px; line-height:34px; font-weight:bold}
.product_list > li .con .tit span{font-weight:normal}
.product_list > li .con .tail{color:#444; font-size:18px; padding:20px 0 0 0; line-height:26px}
.product_list > li .con .price{color:#222222; font-size:25px; padding:20px 0 0 0; font-weight:bold}
.product_list > li .con .price span{color:#89898d; font-size:23px}
.product_list > li .con .btn{position:relative; padding:25px 0 0 0; text-align:center}
.product_list > li .con .btn a{display:inline-block; display:inline-block; padding:13px 85px; background:#ffcd00; color:#fff; font-size:20px; border-radius:6px; font-weight:bold;
-webkit-box-shadow: 0px 5px 0px 0px rgba(255,156,0,1);
-moz-box-shadow: 0px 5px 0px 0px rgba(255,156,0,1);
box-shadow: 0px 5px 0px 0px rgba(255,156,0,1);}
.product_list > li .con .btn a:after{content:''; display:inline-block; width:8px; height:13px; background:url(images_my/bullet_yellow.jpg) no-repeat; margin-left:10px}
.product_list > li:nth-last-child(1), .product_list > li:nth-last-child(2){margin-bottom:0}
.product_list > li:nth-child(1) .con .tail{padding:26px 0 0 0}
.product_list > li .img.pb50{padding-bottom:130px}

.deco01{position:absolute; left:0; top:500px; z-index:1; transition:0.5s}
.deco02{position:absolute; right:50px; bottom:-70px; z-index:1; transition:0.5s}
.deco03{position:absolute; right:0px; top:-610px; z-index:1; transition:0.5s}
.deco04{position:absolute; left:50px; bottom:0px; z-index:1; transition:0.5s}

.brown{color:#4d2e23 !important}
.brown2{color:#46381d !important}
.pink{color:#db6677 !important}
.green{color:#527737 !important}
.gray{color:#414246 !important}
.bronze{color:#8b1819 !important}
.yellow{color:#e3b51c !important}
.purple{color:#9c3eaf !important}
.rip{color:#c05b51 !important}
.blue{color:#0b9cac !important}


@media screen and (max-width: 1780px){
	.deco02{transform:translateX(120%);}
}

@media screen and (max-width: 1740px){
	.deco04{opacity:0; display:none}
}

@media screen and (max-width: 1430px){
	.deco01{transform:translateX(-100%)}
	.deco03{transform:translateX(100%)}
}

@media screen and (max-width: 940px){
	.event-wrap .position{width:auto}
	
	.con01{height:auto; padding-bottom:50px; background:#faf7f1}
	.con01 .visual{display:block; width:auto; left:0}
	.con01 .visual .leftLogo{position:absolute; top:30px}
	.con01 .visual .rightLogo{position:absolute; top:30px}
	.con01 .conty{width:auto; padding:100px 0 0 0}
	.con01 .conty .img{padding:30px 15px 50px 15px}
	.con01 .conty .img li{width:32%; margin-right:2%}
	.con01 .conty .img .tailDisney{right:15px;}
	.con01 .conty .txt{font-size:18px; line-height:24px}
	
	.con02{padding:50px 0;}
	.con02 .tit{padding:0 10px}
	.con02 .tit .txt{font-size:18px; line-height:24px}
	.con02 .box{border-width:5px; width:95%; box-sizing:border-box; margin:0 auto; margin-bottom:20px; padding:50px}
	.con02 .box .img{margin-left:0 !important; margin-right:0 !important; display:block}
	.con02 .box .con{margin-top:30px; display:block}
	.con02 .box.two{padding-top:400px}
	.con02 .box.two .img{position:absolute; left:0; top:50px; width:100%; text-align:center}
	
	.con02 .tail_logo{padding:15px 0; width:95%; margin:0 auto}
	.con03 .tail_logo{padding:15px 0; width:95%; margin:0 auto}
	.con04 .tail_logo{padding:15px 0; width:95%; margin:0 auto}
	
	.con03{padding:50px 0;}
	.con03 .ft_txt{font-size:15px}
	
	.product_list{width:95%; margin:0 auto}
	.product_list > li{width:49%; margin-right:2%; min-height:650px}
	.product_list > li .con .tit{font-size:20px; line-height:30px}
	.product_list > li .con .tit span{font-size:15px}
	.product_list > li .con .tail{font-size:14px; line-height:20px}
	.product_list > li .con .price{font-size:19px}
	.product_list > li .con .price span{font-size:17px}
	.product_list > li:nth-child(1) .con .tail{padding:30px 0 0 0}
	.product_list > li .img.pb50{padding-bottom:120px}
}

@media screen and (max-width: 768px){
	.con01 .visual .leftLogo{width:75px; top:15px; left:15px}
	.con01 .visual .rightLogo{width:55px; top:15px; right:15px}
	.con01 .visual .bottomLogo{bottom:15px; right:15px}
	
	.con01 .conty{padding:50px 0 0 0}
	.con01 .conty .tit{width:70%; min-width:300px; margin:0 auto}
	.con01 .conty .txt{font-size:15px; line-height:20px}
	.con01 .conty .img{padding:30px 15px 30px 15px}
	
	.con02 .tit{}
	.con02 .tit > p:nth-child(1){width:70%; min-width:300px; margin:0 auto}
	.con02 .tit .txt{font-size:15px; line-height:20px; padding:10px 0 30px 0}
	.con02 .box{padding:30px 15px;}
	.con02 .box .img img{max-width:260px}
	.con02 .box .con .tit{font-size:20px; width:auto; min-width:auto}
	.con02 .box .con .tail{font-size:14px; padding:10px 0 0 0; line-height:20px}
	.con02 .box .con .price{font-size:18px; padding:15px 0 0 0}
	.con02 .box .con .btn{padding:20px 0 0 0}
	.con02 .box .con .btn a{padding:10px 40px; font-size:15px}
	.con02 .box.two{padding-top:280px}
	.con02 .box.two .img{top:30px}
	
	.con03 .position > .tit{width:60%; min-width:260px; margin:0 auto}
	
	
	.product_list > li{width:auto; float:none; margin-right:0; min-height:auto; margin-bottom:15px !important}
	.product_list > li .con{padding:20px 10px 30px 10px}
	.product_list > li .con .tail{padding:15px 0 0 0 !important}
	.product_list > li .con .btn a{padding:10px 40px; font-size:15px}
	.product_list > li .img.pb50{padding-bottom:0}
	.product_list > li:nth-last-child(1){margin-bottom:0 !important}
	
	.tailDisney{width:55px}
}