@charset "utf-8";
@import url("https://fonts.googleapis.com/css?family=Josefin+Sans:300,400,600");

/* container */
#container { position:absolute; top:0; left:0; width:100%; overflow:hidden; }

.section .title_txt { position:relative; height:82px; line-height:82px; text-align:center; font-size:3em; font-family:'Libre Baskerville',serif; padding-top:5%; }

/*section0 - main_visual */
#section0 .main_wrap { position:relative; width:100%; height:937px; overflow:hidden; z-index:999; }
#section0 .main_wrap .main .item { width:100%; height:937px; }
#section0 .main_wrap .main .item img { width:100%; height:100%; }

/************ wrapper ***********/
.bx-wrapper{position:relative;}
.bx-has-pager{position:absolute; bottom:30px; left:57%; transform:translate(-50%);width:300px; height:20px; z-index:9999; }
.bx-pager-item a{width:7px; height:7px; background:#868383; display:inline-block; margin-left:10px; border-radius:10px; }
.bx-pager-item a.active{width:7px; height:7px; background:#fff; display:inline-block; margin-left:10px; }

/* section1 - best */
#section1 .best { width:94%; height:937px; margin:0 auto; }
#section1 .best h2 { text-align:left; border-bottom:2px solid #000; }
#section1 .best .best_collection_wrap { width:100%; height:711px; padding:26px 0; }
#section1 .best .best_collection_wrap .best_collection_list { width:100%; height:335px; margin-bottom:20px; }
#section1 .best .best_collection_wrap .best_collection_list .collection_list { height:300px; float:left; text-align:center; padding:0 2% 2% 2%; margin:0 2.18%; cursor:pointer; }
#section1 .best .best_collection_wrap .best_collection_list .collection_list img { padding-bottom:10px; }
#section1 .best .best_collection_wrap .best_collection_list .collection_list a { color:#000; font-size:1.3em; font-weight:900; }

/* section2 - royal_wrap */
#section2 .royal_wrap { width:94%; height:937px; margin:0 auto; }

/* section2 - royal */
#section2 .royal_wrap .royal { width:100%; height:675px; padding:45px 0; }
#section2 .royal_wrap .royal p { line-height:150%; font-size:18px; padding:23px 0; margin-bottom:40px; text-align:center; font-weight:600; }

/* section2 - royal - collection */
#section2 .royal_wrap .royal .collection { width:400px; height:508px; float:left; padding:0 160px; margin:0 91px; }
#section2 .royal_wrap .royal .collection img { width:400px; height:320px; }
#section2 .royal_wrap .royal .collection .txt { width:400px; height:163px; text-align:center; padding-top:25px; }
#section2 .royal_wrap .royal .collection .txt h3 { font-size:16px; padding-bottom:20px; }
#section2 .royal_wrap .royal .collection .txt h2 { font-size:32px; padding-bottom:25px; }
#section2 .royal_wrap .royal .collection .txt a { width:84px; height:21px; padding:15px 30px; margin:0 auto; color:#000; border:1px solid #000; position:relative; top:0px; }

/* section2 - royal_wrap - brand */
#section2 .royal_wrap .royal .brand { width:400px; height:508px; float:left; padding:0 160px; margin:0 91px; }
#section2 .royal_wrap .royal .brand img { width:400px; height:320px; }
#section2 .royal_wrap .royal .brand .txt { width:400px; height:163px; text-align:center; padding-top:25px; }
#section2 .royal_wrap .royal .brand .txt h3 { font-size:16px; padding-bottom:20px; }
#section2 .royal_wrap .royal .brand .txt h2 { font-size:32px; padding-bottom:25px; }
#section2 .royal_wrap .royal .brand .txt a { width:84px; height:21px; padding:15px 30px; margin:0 auto; color:#000; border:1px solid #000; position:relative; top:0px; }

/* section3 - video */
#section3 .zaspero-video { width:100%; height:937px; object-fit:cover; }
#section3 .zaspero-video video { width:100%; height:937px; object-fit:cover; }

/* section4 - info */
#section4 .info_wrap { width:94%; height:937px; margin:0 auto; }
#section4 .info_wrap .sns_txt { width:100%; height:30px; text-align:center; padding-top:5%; }
#section4 .info_wrap .sns_txt span { width:216px; padding:0 10px; display:inline-block;; }
#section4 .info_wrap .sns_txt span a { width:216px; color:#000; }

/* section4 - zaspero_official */
#section4 .info_wrap .zaspero_sns { width:100%; height:542px; padding:30px 0; }
#section4 .info_wrap .zaspero_sns .zaspero { width:62%; height:233px; margin:0 auto; padding:1% 0; }
#section4 .info_wrap .zaspero_sns .zaspero li { float:left; padding:0 6%; }
#section4 .info_wrap .zaspero_sns .zaspero li img { width:233px; height:233px; cursor:pointer; }

/* section4 - info - customer_service */
#section4 .info_wrap .info { width:100%; height:170px; padding:23px 0; }
#section4 .info_wrap .info .customer_service { width:382px; height:150px; padding:10px 0; margin:0 109.7px; float:left; text-align:center; background-color:#fff; }
#section4 .info_wrap .info .customer_service h2 { font-size:25px; margin:25px; } 
#section4 .info_wrap .info .customer_service li { font-size:14px; line-height:13px; margin-bottom:6px; }
#section4 .info_wrap .info .customer_service li .sat { color:#0000ff; }
#section4 .info_wrap .info .customer_service li .sun { color:#ff0000; }

/* section4 - info - bank_account */
#section4 .info_wrap .info .bank_account { width:382px; height:150px; padding:10px 0; margin:0 109.7px; float:left; text-align:center; background-color:#fff; }
#section4 .info_wrap .info .bank_account h2 { font-size:25px; margin:25px; }
#section4 .info_wrap .info .bank_account li { font-size:14px; line-height:13px; margin-bottom:6px; }

/* section4 - info - tel */
#section4 .info_wrap .info .tel { width:382px; height:150px; padding:10px 0; margin:0 109.7px; float:left; text-align:center; background-color:#fff; }
#section4 .info_wrap .info .tel h2 { font-size:25px; margin:25px; }
#section4 .info_wrap .info .tel li { font-size:14px; line-height:13px; }