@charset "utf-8";

html{font-size:10px;}
.oh{overflow:hidden;}
.container {width:100%; margin:0 auto; max-width:1000px; position:relative;}
.cf:after{content:''; display: block; clear:both; visibility:hidden; height:0px;}
.eventName {max-width:2560px;margin:0 auto;text-align:center;letter-spacing:-1px;line-height:1.5;}
.db1000{display:none;}
.db768{display:none;}
.db480{display:none;}
.dib{display:inline-block;}
a, div{max-width: 100%;}

.con1{background:#ffffff url(images_sg/bg1.jpg) no-repeat center top;}
.con1 .padding{padding:9.7% 0 8.3% !important;}
.con1 .tit{padding:0 17px;}
.con1 .tit li:nth-child(1){float:right; margin-top:75px;}
.con1 .tit li + li{float:left; display:inline-block; box-shadow:10px 10px 12px rgba(150, 106, 104, 0.45);}
.con1 .model{margin-top:8.4%;}
.con1 .icon{margin-top:8.3%;}
.con1 .icon li{display:inline-block; padding:0 23px; position:relative;}
.con1 .icon li ~ li:before{position:absolute; content:''; top:25px; left:0; width:1px; height:70px; background:#d6d6d6;}
.con1 .icon li p:nth-child(2){font-weight:bold; margin-top:14px; font-size:2.5rem; color:#484848;}
.con1 .icon li p:nth-child(3){margin-top:3px; font-size:2rem; color:#7c7c7c;}
.con1 .color{margin-top:37px;}
.con1 .color li{display:inline-block; padding:0 3px;}

.con2{background:#ffffff;}
.con2 .padding{padding:0 0 6.6%;}
.con2 .tit p + p{margin-top:42px; color:#ffffff; font-size:4rem; letter-spacing: 1px;}
.con2 .info{margin-top:11px;}
.con2 .info ul{display:inline-block; line-height:1.5; letter-spacing: -0.5px;}
.con2 .info li{color:#ecb2b2; font-size:2rem;}
.con2 .info li + li{margin-top:11px;}
.con2 .info span{display:block; color:#ffffff; font-size:2.5rem;}
.con2 .btnlm{font-size:2rem; color:#ffffff; background:#000000; display:inline-block; margin-top:28px; padding:12px 62px; font-weight:bold;}
.con2 .btnlm span{font-size:0.6em; vertical-align: middle;}

.con3{background:#efdddd;}
.con3 .padding{padding:8% 0;}
.con3 .box{display:inline-block; width:100%; max-width:955px; background:#ffffff; box-sizing:border-box; padding:22px 37px 22px 23px;}
.con3 .box ul{display:flex; justify-content:space-between; align-items:center;}
.con3 .box li + li p:nth-child(1){color:#de2732; font-size:3.6rem;}
.con3 .box li + li p:nth-child(2){margin-top:20px;}

.con4{background:#f0eaea url(images_sg/bg4.jpg) no-repeat center top / cover;}
.con4 .padding{padding:8.3% 0 10%;}
.con4 .tit p{ display:inline-block; width:80%;}
.con4 .video{margin-top:31px; text-align:left;}
.con4 .video li ~ li{margin-top:73px;}

.you_wrap{position:relative; max-width:472px; width:100%; display:inline-block; box-shadow: 5px 4px 7px rgba(58, 48, 92, 0.1); margin-left:10%;}
.con4 .video li:nth-child(2){text-align:right;}
.con4 .video li:nth-child(2) .you_wrap{margin-right:10%; margin-left:0;}
.you_wrap:before{content:'#DUSTYPEACH'; position:absolute; top:0; left:-15px; color:#bf4f5b; font-size:1.8rem; transform:rotate(90deg); transform-origin:0 0; letter-spacing:7px;}
.con4 .video li:nth-child(2) .you_wrap:before{content:'#CINNAMON RED'; left:auto; right:-281px;}
.con4 .video li:nth-child(3) .you_wrap:before{content:'#PLUM VIBE';}
.youtubeBox{width:100%; height:auto; padding-top:100%; box-sizing:border-box; position:relative; }
.youtubeBox iframe{position:absolute; top:0 ;left:0; width:100%; height:100%;}

.con4 .video li{position:relative;}
.con4 .video li img{position:absolute; bottom:-13%; left:55.5%;}
.con4 .video li:nth-child(2) img{left:4%;}

.con5{background:#e8a5a2;}
.con5 .padding{padding:7.9% 0 8.6%;}
.con5 .bun+.bun{margin-top:67px;}
.con5 .bun .tit p{display:inline-block; width:90%;}
.con5 .bun .box{margin-top:4.9%; display:inline-block; width:100%; max-width:795px; background:#ffffff; box-sizing:border-box; padding:43px 3% 33px;}
.con5 .bun .box li{display:inline-block;}
.con5 .bun .box li~li{margin-left:42px;}
.con5 .bun .box li dd{margin-top:13px;}
.con5 .bun .box li dd p{color:#961c27; font-size:2.5rem;}
.con5 .bun .box li dd p + p{color:#acacac; font-size:1.8rem; margin-top: 3px;}
.con5 .warn{color:#ffdcda; font-size:1.8rem; margin-top: 23px;}

.con6{background:#f0eaea;}
.con6 .padding{padding:7.8% 0 8.1%;}
.con6 .tit p{display:inline-block; width:90%;}
.con6 .vis_wrap{margin-top:28px;}
.con6 .vis_wrap dl{display:inline-block; width:100%; max-width:795px;}
.con6 .vis_wrap dl + dl {margin-top:8%;}
.con6 .vis_wrap dt {float:left; width:54.47%; text-align:left;}
.con6 .vis_wrap dd {float:right; width:42.77%;}
.con6 .vis_wrap dl:nth-child(2) dt {float:right;}
.con6 .vis_wrap dl:nth-child(2) dd {float:left;}
.con6 .vis_wrap dt p:nth-child(2){margin-top:19px; font-weight:bold; color:#bd5551; font-size:3rem;}
.con6 .vis_wrap dl:nth-child(2) dt p:nth-child(2){color:#bb2a26;}
.con6 .vis_wrap dl:nth-child(3) dt p:nth-child(2){color:#921842;}
.con6 .vis_wrap dt p:nth-child(3){margin-top:0px; color:#655757; font-size:2rem;}






















@media screen and (max-width: 1000px){
html{font-size:8px;}
.container {width:95%;}
.dn1000{display:none;}
.db1000{display:inline-block;}

.con1 .tit{padding:0;}
.con1 .tit li{float:none !important;}
.con1 .tit li:nth-child(1){margin-top:0; display:inline-block; width:70%;}
.con1 .tit li:nth-child(2){max-width:100%;}
.con1 .tit li + li{margin-top:40px;}
.con1 .icon li{display:block; padding:23px 0;}
.con1 .icon li ~ li:before{top:0px; left:50%; width:70px; height:1px; transform:translateX(-50%);}
.con1 .icon li p img{width:70px;}
.con1 .color li{display:block; padding:10px 0;}

.con2 .info ul{text-align:center;}
.con2 .info li{margin-top:10px;}
/* .con2 .info span{display:block; margin-right:0px;} */

.con3 .box{padding:20px;}
.con3 .box ul{display:block;}
.con3 .box li + li {margin-top:30px;}

.con4 .video{text-align:center !important;}
.con4 .video li:nth-child(2){text-align:center;}
.you_wrap{width:70%; margin-left:0;}
.you_wrap:before{left:-7px;}
.con4 .video li:nth-child(2) .you_wrap:before{right:-242px;}
.con4 .video li:nth-child(2) .you_wrap{margin-right:0;}

.con4 .video li{position:relative; padding-top:230px;}
.con4 .video li img{position:absolute; bottom:auto; left:50% !important; transform:translateX(-50%); top:0; width:230px;}
.con4 .video li:nth-child(2) img{width:250px;}
.con4 .video li:nth-child(3) img{width:220px;}
.con4 .video li ~ li{margin-top:50px;}

.con5 .bun+.bun{margin-top:45px;}
.con5 .bun .box{padding:35px 3% 35px;}
.con5 .bun .box li{display:block;}
.con5 .bun .box li dd{margin-top:20px;}
/* .con5 .bun .box li dt img{width:200px;} */
.con5 .bun .box li~li{margin-left:0px; margin-top:40px;}

.con6 .vis_wrap dl + dl {margin-top:50px;}
}

@media screen and (max-width: 768px){
.dn768{display:none;}
.db768{display:inline-block;}
.padding{padding:50px 0 !important;}

.con2 .padding{padding:30px 0 50px !important;}
.con2 .tit p + p{font-size:3rem;}
}

@media screen and (max-width: 480px){
html{font-size:7px;}
.dn480{display:none;}
.db480{display:inline-block;}



.con4 .video li:nth-child(2) .you_wrap:before{right:-224px;}
}