/*-----Reset------*/
#brightening-skincare_contents { margin: 0 auto; max-width: 1256px; width: 100%; position: relative; background: #fff;}
#brightening-skincare_contents h1 { margin-top: 0 !important;}
#social-wrap { position: absolute; right: 0; top: 15px; overflow: hidden; z-index: 9; }
#social-wrap a.fb { background-position: 0 0; }
#social-wrap a.tw { background-position: -36px 0; }
#social-wrap a { display: block; width: 36px; height: 36px; background: url(../img/social_bt.png) no-repeat left top; margin: 0 10px 0 0; float: left; text-indent: -9999px; opacity: 0; }

#sec01 { width: 100%; max-width: 1256px; height: auto; background: url(../img/main_bg.jpg) no-repeat top center; margin: 0 auto; opacity: 0; position: relative; }
#sec01 h1 img { margin: 0 auto; width: 1129px; position: absolute; top: 802px; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 2; }
#sec01 #sec01_item { width: 1256px; height: 1585px; position: relative; margin-bottom: 138px; }
#sec01 #sec01_item ul { list-style: none; display: block; margin: 0 auto; }
#sec01 #sec01_item ul li:first-child { position: absolute; right: 0; top: 0; }
#sec01 #sec01_item ul li:nth-child(2) { position: absolute; left: 63px; top: 377px; width: 482px; }
#sec01 #sec01_item ul li:nth-child(3) { position: absolute; left: 0; bottom: 0; width: 904px; }
#sec01 #sec01_item ul li:last-child { position: absolute; right: 63px; bottom: 366px; width: 482px; }
#sec01 h2 { margin-bottom: 100px; display: block; text-align: center; }
#sec01 h2 img{ width: 836px; height: auto; }
#sec01_online { width: 100%; transition: .8s; transition-delay: .8s; text-align: center; }
#sec01_online a.online { position: relative; top: 0; left: 0; display: inline-block; outline: none; transition: all 0.3s; }
#sec01_online a.online img { margin: 0 auto; transition: .3s; transition-delay: .3s; }
#sec01_online a.online:hover { top: -5px; left: -5px; /*box-shadow: 10px 10px 8px #ddd; transition: all 0.3s;*/ }

#sec02 { position: relative; width: 1256px; height: auto; margin: 0 auto; padding-top: 210px; transition: .8s; transition-delay: .8s; }
#sec02_main { overflow: hidden; margin: 0 auto; }
#sec02_main ul { list-style: none; }
#sec02_main ul li { transition: .8s; transition-delay: .8s; }
#sec02_main ul li:first-child { display: block; margin-bottom: 120px; }
#sec02_main ul li:nth-child(2) { display: block; margin-bottom: 70px; }
#sec02_main ul li:last-child { display: block; margin-bottom: 120px; }

/*sec03*/
#sec03 { text-align: center; padding: 100px 0; background: url(../img/onsale_bg.jpg) no-repeat center; background-size: 1256px 550px; }
#sec03 a.online { position: relative; top: 0; left: 0; display: inline-block; outline: none; transition: all 0.3s; }
#sec03 a.online img { margin: 0 auto; transition: .3s; transition-delay: .3s; }
#sec03 a.online:hover { top: -5px; left: -5px; /*box-shadow: 10px 10px 8px #ddd; transition: all 0.3s;*/ }

a.online{ display: block; width: 640px; height: 225px; margin: 0 auto; background: #9f85b8 !important; box-shadow: 10px 10px 0 #f2f0fd; text-decoration: none; text-align: center; transition: transform 0.2s ease-in-out; }
a.online img:first-child { width: 450px; padding-top: 85px; padding-bottom: 14px; }



@media screen and (max-width: 768px){

.spOnly{display: inline-block;}
.pcOnly{display: none;}

#brightening-skincare_contents { max-width: 100%; }

#sec01 { background-size: 235%;}
#sec01 h1 img { width: 100%; position: inherit; top: 0; left: 0; margin: 80px auto 30px; transform: none; padding: 0 20px;}

#sec01 #sec01_item { width: 100%; height: auto; position: inherit; top: 0; left: 0; margin-bottom: 60px; overflow: hidden;}
#sec01 #sec01_item ul li:first-child { width: 90%; top: 0; position: inherit; float: right;}
#sec01 #sec01_item ul li:nth-child(2) { width: 90%; top: 0; left: 0; margin: 0 auto; position: inherit; float: left; padding: 0 20px;}
#sec01 #sec01_item ul li:nth-child(3) { width: 90%; top: 0; left: 0; margin: 40px auto 0; position: inherit; float: left;}
#sec01 #sec01_item ul li:last-child { width: 90%; top: 0; left: 0; margin: 20px auto; position: inherit; float: right; padding: 0 20px;}

a.online { width: 100%;}
a.online img { width: 100%;}

#sec01 h2 { width: 90%; margin: 0 auto 45px;}
#sec01 h2 img { width: 100%;}

#sec01_online a.online { width: 70%; height: auto; }
#sec01_online a.online img{ padding: 30px;}

#sec02 { width: 100%; padding: 0; margin: 60px 0;}
#sec02_main ul li:first-child { margin:0 auto 40px;}
#sec02_main ul li:nth-child(2){ margin:0 auto 40px;}
#sec02_main ul li:last-child{ margin:0 auto;}

#sec03 { padding: 0 0 60px; background: none; }
a.online { width: 70%; height: auto; }
a.online img:first-child{ padding: 30px;}


}