@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800);
/* ===============================================================================
for PC
=============================================================================== */
/* ---------------------------------------------------
common
--------------------------------------------------- */
html {
overflow-y: scroll;
}
html, body {
background-color: #fde6e3;
font-family:"�～�扎�芥��", Meiryo, "�鉝�押�柴�舘�鉝�� Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "嚗哨撲 嚗啜�氬�瑯����", "MS PGothic", sans-serif;
}
h1, h2, h3, h4, h5, h6, p {
margin: 0;
}
.for_sp_mini, .for_sp {
display: none;
}
img {
-ms-interpolation-mode: bicubic;
vertical-align: bottom;
width: 100%;
height: auto;
}
ul {
margin: 0;
padding: 0;
list-style: none;
}
/*a {
color: #e68293;
text-decoration: underline;
outline: none;
}*/
a:hover {
text-decoration: none;
}
a:focus {
outline: none;
}
#fb-root {
position: absolute;
top: -1000px;
}
#container {
min-width: 320px;
}
.width_keeper {
position: relative;
max-width: 1000px;
margin: auto;
}
.rollover:hover img {
opacity: .7;
}
/* header
------------------------------------------------------------------ */
#siteHeader {
background-color: #000;
background-image: url(../images/header/bg.gif);
background-repeat: no-repeat;
background-position: top center;
color: #FFF;
padding-bottom: 10px;
}
.Visee_202109_logo {
text-align: center;
}
.Visee_202109_logo p {
padding-top: 20px;
}
.Visee_202109_logo a > img {
width: 130px;
}
.hamburger,
.hamburgerContents > ul {
display: none;
}
#globalNav {
width: 80%;
margin: 0 auto;
padding-top: 15px;
}
#globalNav ul li {
float: left;
border-right: 1px solid #32312f;
width: 19.8%;
}
#globalNav ul li .toplevel {
display: block;
width: 100%;
padding: 10px 0;
text-align: center;
font-size: 1px;
line-height: 1;
cursor: pointer;
}
#globalNav .toplevel img {
height: 11px;
width: auto;
}
#globalNav ul li:last-child {
border-right: none;
}
#globalNav ul li {
background-position: center 50%;
background-repeat: no-repeat;
}
#globalNav > ul > li:hover img {
visibility: hidden;
}
#globalNav > ul > .concept:hover {
background-image: url(../images/header/global/brand_concept_hover.png);
}
#globalNav > ul > .makeupstyle:hover {
background-image: url(../images/header/global/makeup_style_hover.png);
}
#globalNav > ul > .point_make:hover {
background-image: url(../images/header/global/point_make_hover.png);
}
#globalNav > ul > .base_make:hover {
background-image: url(../images/header/global/base_make_hover.png);
}
#globalNav > ul > .ad_gallery:hover {
background-image: url(../images/header/global/ad_gallery_hover.png);
}
.slideContentsItem {
display: none;
position: absolute;
left: 0;
top: 116px;
background-image: url(../images/header/global/sub/sub_bg.png);
background-position: center bottom;
background-repeat: repeat-x;
width: 100%;
height: 170px;
text-align: center;
z-index: 100;
}
.slideContentsItem li {
float: left;
}
#globalNav ul .base_make div {
background-image: url(../images/header/global/sub/sub_base_bg.png);
}
#globalNav ul ul {
max-width: 1000px;
margin: auto;
}
#globalNav ul ul li {
border: none;
}
.slideContentsItem > .pointmake li {
width: 16%;
}
.slideContentsItem > .basemake li {
width: 25%;
}
.slideContentsItem > ul{
max-width: 1070px;
margin: auto;
overflow: hidden;
}
.slideContentsItem a {
display: block;
float: left;
width: 100%;
text-align: center;
line-height: 1;
font-size: 13px;
color: #000;
text-decoration: none;
}
.slideContentsItem img {
height: 121px;
width: auto;
display: block;
margin: auto;
}
/* ------------------------------ */
.slideContentsItem .name {
display:block;
width: 100%;
height: 15px;
margin: auto;
background-repeat: no-repeat;
text-indent: -5000px;
background-position: center 0;
}
.slideContentsItem .makeup .name {
height: 30px;
}
.slideContentsItem > .pointmake .eye_color .name {
background-image: url(../images/header/global/sub/global_sub_eyecolor.png);
}
.slideContentsItem > .pointmake .eye_liner .name {
background-image: url(../images/header/global/sub/global_sub_eyeliner.png);
}
.slideContentsItem > .pointmake .mascara .name {
background-image: url(../images/header/global/sub/global_sub_mascara.png);
}
.slideContentsItem > .pointmake .eye_brow .name {
background-image: url(../images/header/global/sub/global_sub_eyebrow.png);
}
.slideContentsItem > .pointmake .cheek .name {
background-image: url(../images/header/global/sub/global_sub_cheek.png);
}
.slideContentsItem > .pointmake .lip .name {
background-image: url(../images/header/global/sub/global_sub_lip.png);
}
.slideContentsItem > .basemake .foundation .name {
background-image: url(../images/header/global/sub/global_sub_foundation.png);
}
.slideContentsItem > .basemake .powder .name {
background-image: url(../images/header/global/sub/global_sub_powder.png);
}
.slideContentsItem > .basemake .concealer .name {
background-image: url(../images/header/global/sub/global_sub_concealer.png);
}
.slideContentsItem > .basemake .makeup_base .name {
background-image: url(../images/header/global/sub/global_sub_makeup_base.png);
}
.slideContentsItem > .makeup .makeup_2013au .name {
background-image: url(../images/header/global/sub/global_sub_makeup2013aw_pc.png?0501);
}
.slideContentsItem > .makeup .makeup_2014spr .name {
background-image: url(../images/header/global/sub/global_sub_makeup2014spr_pc.png?0501);
}
.slideContentsItem > .makeup .makeup_2014sum .name {
background-image: url(../images/header/global/sub/global_sub_makeup2014sum_pc.png?0501);
}
.slideContentsItem > .makeup .makeup_2014au .name {
background-image: url(../images/header/global/sub/global_sub_makeup2014au_pc.png?0501);
}
.slideContentsItem > .makeup .makeup_2014w .name {
background-image: url(../images/header/global/sub/global_sub_makeup2014w_pc.png?0501);
}
.slideContentsItem > .makeup .makeup_2015spr .name {
background-image: url(../images/header/global/sub/global_sub_makeup2015spr_pc.png?0501);
}
.slideContentsItem > .makeup .makeup_2015sum .name {
background-image: url(../images/header/global/sub/global_sub_makeup2015sum_pc.png?0501);
}
.slideContentsItem > .makeup .makeup_2015au .name {
background-image: url(../images/header/global/sub/global_sub_makeup2015au_pc.png?0501);
}
.slideContentsItem > .makeup .makeup_2015aw .name {
background-image: url(../images/header/global/sub/global_sub_makeup2015aw_pc.png?0501);
}
.slideContentsItem > .makeup .makeup_2016spr .name {
background-image: url(../images/header/global/sub/global_sub_makeup2016spr_pc.png?0501);
}
.slideContentsItem > .makeup .makeup_2016sum .name {
background-image: url(../images/header/global/sub/global_sub_makeup2016sum_pc.png?0501);
}
.slideContentsItem > .makeup .makeup_2016au .name {
background-image: url(../images/header/global/sub/global_sub_makeup2016au_pc.png?0501);
}
.slideContentsItem > .makeup .makeup_2016w .name {
background-image: url(../images/header/global/sub/global_sub_makeup2016w_pc.png);
}
.slideContentsItem > .makeup .makeup_2017sum .name {
background-image: url(../images/header/global/sub/global_sub_makeup2017sum_pc.png);
}
.slideContentsItem > .makeup .makeup_2017spr .name {
background-image: url(../images/header/global/sub/global_sub_makeup2017sp_pc.png);
}
.slideContentsItem > .pointmake .eye_color a:hover .name {
background-position: center -20px;
}
.slideContentsItem > .pointmake .eye_liner a:hover .name {
background-position: center -20px;
}
.slideContentsItem > .pointmake .mascara a:hover .name {
background-position: center -20px;
}
.slideContentsItem > .pointmake .eye_brow a:hover .name {
background-position: center -20px;
}
.slideContentsItem > .pointmake .cheek a:hover .name {
background-position: center -20px;
}
.slideContentsItem > .pointmake .lip a:hover .name {
background-position: center -20px;
}
.slideContentsItem > .pointmake .foundation a:hover .name {
background-position: center -20px;
}
.slideContentsItem > .pointmake .powder a:hover .name {
background-position: center -20px;
}
.slideContentsItem > .pointmake .concealer a:hover .name {
background-position: center -20px;
}
.slideContentsItem > .pointmake .makeup_base a:hover .name {
background-position: center -20px;
}
.slideContentsItem > .makeup li a:hover .name {
background-position: center -30px;
}
#site_share {
position: absolute;
top: 35px;
right: 0;
}
#site_share .sns a {
display: block;
text-decoration: none;
}
#site_share .sns span {
color: #fff;
font-size: 24px;
}
#site_share .sns {
font-size: 0;
}
#site_share .sns > li:not(.snsLine) {
display: inline-block;
margin-right: 15px;
vertical-align: middle;
}
#site_share .sns > .snsLine {
display: none;
}
#site_share .snsLine > a {
color: #fff;
font-family: 'Open Sans', sans-serif;
font-size: 14px;
}
#site_share .sns div.fb_iframe_widget span {
vertical-align: top !important;
}
#site_share p.facebook_page {
float: left;
width: 160px;
background-color: #eceef5;
border: 1px solid #cad4e7;
border-radius: 3px;
font-size: 1px;
padding: 3px 9px;
overflow: hidden;
}
#site_share p.bl-hover img {
opacity: 0.5;
}
#globalNav ul ul{
margin:auto;
overflow:hidden;
}
.slideContentsItem > .makeup > li {
width:64px;
margin-top:15px;
margin-left:30px;
}
.slideContentsItem .makeup li.makeup_2015aw,
.slideContentsItem .makeup li.makeup_2013aw {
width:109px;
margin-left:15px;
margin-right:-15px;
}
.slideContentsItem .makeup_2013aw,
.slideContentsItem .makeup_2015au {
margin-left:14px;
}
.slideContentsItem .makeup_2015aw {
margin-left:15px;
}
.slideContentsItem > .makeup img {
width: 62px;
height: auto;
margin-bottom: 5px;
border: 1px solid #c1c1c1;
}
/* body
------------------------------------------------------------------ */
#containerInnr #topicpath {
font-size: 10px;
}
#containerInnr #topicpath {
line-height: 30px;
}
#containerInnr #topicpath span {
color: #e68293;
margin: 0 10px;
font-size: 10px;
}
#containerInnr #topicpath strong {
font-weight: normal;
color: #6a6a6a;
}
#containerInnr .contentsBody {
}
/* HOME
------------------------------------------------------------------ */
body.home {
}
body.home #containerInnr div.cat {
background-position: center top;
background-repeat: no-repeat;
}
body.home .contents {
overflow: hidden;
}
body.home .content {
margin: 0 -10.0%;
overflow: hidden;
position: relative;
}
body.home .content .group {
position: relative;
margin: 0 auto;
max-width: 1400px;
}
body.home #bnr {
position: absolute;
left: 395px;
bottom: 0;
width: 100%;
text-align: left;
}
body.home #bnr a {
margin:10px 0;
background-color: #fff;
}
body.home #bnr a img {
width: 100%;
max-width: 190px;
}
body.home #bnr a:hover img{
opacity: .8;
}
body.home .limited #bnr {
font-size: 0;
}
body.home .limited #bnr a {
display: inline-block;
margin-right: 10px;
}
body.home .limited #bnr a:last-child {
margin-right: 0;
}
body.home #bnr > .long_bnr > img {
max-width: 389px;
}
body.home a.main_link {
cursor: pointer;
display: block;
height: auto;
}
body.home #containerInnr .limited {
background-image: none;
}
body.home .visseAvantBnr > a {
display: block;
background-color: #000;
}
body.home .visseAvantBnr > a:hover img,
body.home .point a:hover img,
body.home .base a:hover img {
opacity: .9;
}
body.home .rola10looks {
background-color:#FFFFFF;
text-align:center;
width:100%;
max-width:1400px;
margin:0 auto;
}
/*---------*/
body.home #containerInnr .ad{
position:relative;
}
body.home #containerInnr .ad .static ul li {
float: none;
display:inline-block;
width: 32%;
margin-right: 2%;
}
body.home #containerInnr .ad .static #ad-1 ul li:last-child{
margin-right: 0;
}
body.home #containerInnr .ad .static {
left: 50%;
max-width: 1000px;
position: absolute;
top: 0;
}
body.home #containerInnr .ad .static ul {
width: 100%;
text-align:center;
}
body.home #containerInnr .ad .static #ad-1{
padding-left:50px;
margin-top:-40px;
}
body.home #containerInnr .ad .new_video {
background:url(../images/home/ad_icon_new.png) top left no-repeat;
padding-top: 1px;
}
body.home #containerInnr .ad .new_video img {
display: block;
margin: 45px 0 0 10px;
}
body.home #containerInnr .ad .btn_more {
background: rgba(0, 0, 0, 0) url("../images/home/btn_more.png") no-repeat scroll 0 0;
display: block;
height: 33px;
left: 50%;
margin-left: 256px;
overflow: hidden;
position: absolute;
text-indent: -9999px;
top: 161px;
width: 163px;
z-index: 1;
}
body.home #containerInnr .ad .btn_more:hover {
background-position: 0 -34px;
}
body.home .sns,
body.home .footerBanner {
background-color: #000;
}
body.home .sns .group {
padding: 50px 0;
text-align: center;
background-color: #000;
}
body.home .snsList {
line-height: 1;
}
body.home .snsList > li {
display: inline-block;
width: 280px;
text-align: left;
}
body.home .snsList > li:first-child {
margin-right: 50px;
}
body.home .snsList > li a {
display: table;
width: 100%;
color: #fff;
font-size: 20px;
text-align: center;
text-decoration: none;
}
body.home .snsList .icon-facebook2,
body.home .snsList .icon-instagram,
body.home .snsList .text {
display: table-cell;
vertical-align: middle;
}
body.home .snsList [class*="icon-"] {
width: 15%;
}
body.home .snsList .text {
text-align: left;
}
body.home .snsList .text br {
display: none;
}
body.home .snsList .icon-facebook2:before,
body.home .snsList .icon-instagram:before {
font-size: 50px;
margin-right: 20px;
}
body.home .content.footerBanner {
margin: 0;
}
body.home .footerBanner img {
width: auto;
}
body.home .footerBanner .group {
padding: 0 0 50px;
text-align: center;
background-color: #000;
}
body.home .footerBannerList {
font-size: 0;
}
body.home .footerBannerList > li {
display: inline-block;
}
body.home .footerBannerList > li:first-child {
margin-right: 3.5%;
}
/* �硔�押�喋�剹�喋�喋�颯�𨰜��
------------------------------------------------------------------ */
body.concept_catetop {
background-image: url(../images/concept/bg.jpg?20150608);
background-position: center 76px;
background-repeat: no-repeat;
background-color: #f0d6d0;
}
body.concept_catetop #containerInnr p.lead {
text-align: center;
margin-top: 28px;
margin-bottom: 20px;
}
body.concept_catetop #containerInnr p.lead span {
display: inline-block;
}
body.concept_catetop #containerInnr h1 {
width: 376px;
margin: auto;
}
body.concept_catetop #containerInnr .theme {
width: 268px;
margin: 30px auto 30px;
}
body.concept_catetop #containerInnr .text {
text-align: center;
max-width: 279px;
margin: auto;
}
body.concept_catetop #containerInnr .text img {
display: inline-block;
height: 17px;
width: auto;
margin-bottom: 20px;
}
body.concept_catetop #containerInnr .point {
margin-top: 230px;
}
body.concept_catetop #containerInnr .point div {
background-image: url(../images/concept/point_bg.png);
background-position: center top;
background-repeat: no-repeat;
color: #FFF;
width: 480px;
height: 200px;
padding-top: 25px;
}
body.concept_catetop #containerInnr .point div.left {
float: left;
}
body.concept_catetop #containerInnr .point div.right {
float: right;
}
body.concept_catetop #containerInnr .point h2, body.concept_catetop #containerInnr .point p {
margin: 0 25px;
color: #ffd2c5;
}
body.concept_catetop #containerInnr .point h2 {
font-size: 10px;
margin-bottom: 5px;
}
body.concept_catetop #containerInnr .point h2 img {
display: inline-block;
height: 17px;
width: auto;
margin-right: 5px;
}
body.concept_catetop #containerInnr .point .left h2 {
margin-top: 15px;
}
body.concept_catetop #containerInnr .point .right h2.half {
margin-top: 7px;
}
body.concept_catetop #containerInnr .point p {
margin-top: 10px;
margin-bottom: 20px;
font-size: 10px;
line-height: 1;
width: 394px;
}
body.concept_catetop #containerInnr .point p.merihari {
width: 241px;
}
body.concept_catetop #containerInnr .point p span {
display: inline-block;
}
/* �～�扎�胯�Ｕ���𨰜�嫘�踴�扎��
------------------------------------------------------------------ */
body.makeup_catetop {
background-image: url(../images/make/bg1.jpg);
background-position: center 76px;
background-repeat: no-repeat;
}
body.makeup_catetop p.lead {
text-align: center;
margin-top: 28px;
margin-bottom: 20px;
}
body.makeup_catetop p.lead img {
height: 18px;
width: auto;
display: inline-block;
margin-right: 7px;
}
body.makeup_catetop h1 {
width: 352px;
margin: auto;
}
body.makeup_catetop .style div {
width: 31.3%;
margin-left: 1%;
margin-right: 1%;
float: left;
}
body.makeup_catetop .style div .copy {
display: block;
height: 72px;
width: auto;
margin: 14px auto 0;
}
body.makeup_style {
background-image: url(../images/make/bg2.jpg);
background-color: #fef3f0;
background-position: center 76px;
background-repeat: no-repeat;
}
body.makeup_style .style {
padding-top: 30px;
}
body.makeup_style .comment, body.makeup_style .title {
width: 52.8%;
float: left;
}
body.makeup_style h1, body.makeup_style .howto {
width: 39.4%;
margin-right: 2.4%;
float: right;
}
body.makeup_style #containerInnr .cate {
width: 294px;
padding-bottom: 30px;
}
body.makeup_style h1 {
height: 43px;
padding-bottom: 49px;
padding-top: 6px;
}
body.makeup_style h1 img {
width: auto;
}
body.makeup_style .howto h2 {
padding-bottom: 20px;
font-size: 1px;
line-height: 1;
border-bottom: 1px solid #dfc3a5;
}
body.makeup_style .howto h2 img {
height: 17px;
width: auto;
}
body.makeup_style .howto .howto_text,
body.makeup_style .howto .item {
float: left;
}
body.makeup_style .howto .image {
float: right;
}
body.makeup_style .howto .item {
width: 197px;
margin-bottom: 35px;
}
body.makeup_style .howto .item a {
text-decoration: none;
}
body.makeup_style .howto .item .text {
color: #000;
}
body.makeup_style .howto .first {
border-top: 1px solid #FFF;
padding-top: 19px;
}
body.makeup_style .howto .wide,
body.makeup_style .howto .wide_b {
width: 394px;
}
body.makeup_style .howto .item .image {
text-align: center;
width: 30%;
margin-top: -20px;
}
body.makeup_style .howto .lip .image {
margin-top: -50px;
}
body.nudy .howto .eye_brow .image {
margin-top: 0px;
}
body.makeup_style .howto .base .image, body.makeup_style .howto .cheek .image, body.makeup_style .howto .eye_color .image {
margin-top: 0;
}
body.makeup_style .howto .item .howto_text .name img {
width: auto;
height:auto;
}
body.makeup_style .howto .item .howto_text {
width: 70%;
}
body.makeup_style .howto .eye_color img {
width: 90%;
}
body.makeup_style .howto .cheek img {
width: 90%;
}
body.makeup_style .howto .eye_liner img {
width: 24px;
height: auto;
}
body.deep .howto .eye_liner img {
width: 26px;
height: auto;
}
body.makeup_style .howto .mascara img {
width: 40px;
height: auto;
}
body.makeup_style .howto .eye_brow img {
width: 50px;
height: auto;
}
body.nudy .howto .eye_brow img {
width: 50px;
height: auto;
}
body.romantic .howto .eye_brow img {
width: 21px;
height: auto;
}
body.deep .howto .eye_brow img {
width: 21px;
height: auto;
}
body.makeup_style .howto .eye_brow2 img {
width: 48px;
height: auto;
}
body.makeup_style .howto .lip img {
width: 40px;
height: auto;
}
body.nudy .howto .base img.item1 {
width: 40px;
height: auto;
margin-right: 25px;
}
body.nudy .howto .base img.item2 {
width: 80px;
height: auto;
}
body.makeup_style .howto .wide .image,
body.makeup_style .howto .wide_b .image {
width: 40%;
}
body.makeup_style .howto .wide .howto_text,
body.makeup_style .howto .wide_b .howto_text {
width: 60%;
}
body.makeup_style .howto h3 {
font-size: 14px;
color: #8f1829;
font-weight: lighter;
margin-bottom: 5px;
height: 30px;
}
body.makeup_style .howto .eye_brow2 h3 img {
display: none;
}
body.makeup_style.makeup_foggy_chic_b .howto .eye_brow2 h3 img {
display: inline;
}
body.makeup_style .howto .item h3 img {
height: 14px;
width: auto;
vertical-align: middle;
}
body.makeup_style .howto .item h3 span img {
height: 20px;
width: auto;
vertical-align: middle;
}
body.makeup_style .howto .item h3 img.icon {
height: 20px;
margin-right: 5px;
}
body.makeup_style .howto .name {
font-size: 10px;
line-height: 1;
margin-bottom: 8px;
}
body.makeup_style .howto .text {
font-size: 12px;
}
body.makeup_style .comment h2 {
padding-bottom: 15px;
border-bottom: 1px solid #dfc3a5;
}
body.makeup_style .comment h2 img {
width: 146px;
}
body.makeup_style .comment p {
padding-top: 15px;
border-top: 1px solid #FFF;
}
body.romantic .comment p {
max-width: 510px;
}
body.nudy .comment p {
max-width: 526px;
}
body.deep .comment p {
max-width: 515px;
}
body.makeup_style .comment {
background-image:url(../images/make/from_rola.png);
background-position: right bottom;
background-repeat:no-repeat;
padding-bottom: 53px;
font-size: 14px;
margin-top: 20px;
margin-bottom: 20px;
}
body.makeup_style .advice {
clear: both;
border: 1px solid #d3b7b3;
padding: 1px;
margin-top: 20px;
position: relative;
}
body.makeup_style .advice p.yumie {
position: absolute;
width: 157px;
padding: 0;
top: 16px;
left: 20px;
}
body.makeup_style .advice h2 {
background-image: url(../images/make/advice_bg.jpg);
background-repeat: no-repeat;
padding-left: 189px;
padding-bottom: 15px;
padding-top: 15px;
font-size: 10px;
}
body.makeup_style .advice h2 img {
height: 19px;
width: auto;
}
body.makeup_style .advice p {
font-size: 14px;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 189px;
}
body.makeup_style .advice p.text img {
height: 56px;
width: auto;
}
body.makeup_style .related_item li {
width: 135px;
}
body.makeup_style .related_item li img {
max-width: 86px;
height: auto;
}
/* urban marine makeup */
body.makeup_urbanmarine {
background-color: #FFFFFF;
}
body.makeup_urbanmarine p.lead {
text-align: center;
margin-top: 15px;
margin-bottom: 20px;
}
body.makeup_urbanmarine p.lead img {
height: 89px;
width: auto;
}
body.makeup_urbanmarine h1 {
width:720px;
margin: auto;
}
body.makeup_urbanmarine .style div {
width: 31.3%;
margin-left: 1%;
margin-right: 1%;
float: left;
}
body.makeup_urbanmarine .style div .copy {
display: block;
height: 72px;
width: auto;
margin: 14px auto 0;
}
body.makeup_urbanmarine .newlineup{
margin-top:30px;
padding-top:20px;
}
body.makeup_urbanmarine .limited_eye,
body.makeup_urbanmarine .limited_lip{
float:left;
font-size:12px;
}
body.makeup_urbanmarine .limited .copy,
body.makeup_urbanmarine .limited .lip_copy{
margin:10px 0;
}
body.makeup_urbanmarine .limited_eye .color,
body.makeup_urbanmarine .limited_lip .color{
margin-top:40px;
}
body.makeup_urbanmarine .limited_eye{
width:53%;
}
body.makeup_urbanmarine .limited_lip{
width:46%;
}
body.makeup_urbanmarine .limited .image,
body.makeup_urbanmarine .limited .detail{
float:left;
}
body.makeup_urbanmarine .limited .image img{
height: 240px;
width: auto;
margin-right:12px;
}
body.makeup_urbanmarine .limited .name img{
height: 80px;
width: auto;
}
body.makeup_urbanmarine .limited .color img{
height: 100px;
width: auto;
}
body.makeup_urbanmarine .limited .copy img{
height: 24px;
width: auto;
}
body.makeup_urbanmarine .limited .lip_copy img{
height: 24px;
width: auto;
}
body.makeup_urbanmarine .limited .txt{
width:90%;
}
body.makeup_urbanmarine .limited_nail{
background-color:#FFFFFF;
border-top:#db465b 2px solid;
border-bottom:#db465b 2px solid;
padding:3px 0 3px;
margin:30px 0;
}
body.makeup_urbanmarine .limited_nail .wrap{
border-top:#1d207f 2px solid;
border-bottom:#1d207f 2px solid;
border-left:#d5d5d5 1px solid;
border-right:#d5d5d5 1px solid;
padding:25px 0;
}
body.makeup_urbanmarine .limited_nail .detail{
float:none;
}
body.makeup_urbanmarine .limited_nail .point{
margin-bottom:10px;
}
body.makeup_urbanmarine .limited_nail .point img{
margin-right: 4px;
width:auto;
height: 20px;
vertical-align: middle;
}
body.makeup_urbanmarine .limited_nail .point img.h2_point{
height: 13px;
autovertical-align: middle;
}
body.makeup_urbanmarine .limited_nail .copy img{
height:60px;
margin-top:5px;
}
body.makeup_urbanmarine .limited_nail .image{
width:160px;
margin-left:20px;
}
body.makeup_urbanmarine .limited_nail .detail_l,
body.makeup_urbanmarine .limited_nail .detail_r{
float:left;
width:390px;
}
body.makeup_urbanmarine .limited_nail .detail_r{
padding-top:90px;
}
body.makeup_urbanmarine .limited_nail ul {
color: #444444;
font-size: 12px;
}
body.makeup_urbanmarine .limited_nail ul li {
list-style: disc outside none;
margin-bottom: 8px;
margin-left: 21px;
}
body.makeup_urbanmarine .makeup2013aw{
text-align:center
}
body.makeup_urbanmarine .makeup2013aw img{
max-width:896px;
height:auto;
}
body.girly,
body.classic,
body.modern{
background:#FFFFFF;
}
body.makeup_style .urbanmarine #containerInnr .cate{
width:526px;
}
body.makeup_style .urbanmarine h1{
padding-top: 0;
}
body.makeup_style .urbanmarine .howto h2 {
border-bottom: 1px solid #e0c0c9;
padding-top: 30px;
}
body.makeup_style .urbanmarine .howto .eye_liner p.image img,
body.makeup_style .urbanmarine .howto .mascara p.image img,
body.makeup_style .urbanmarine .howto .eye_brow p.image img,
body.makeup_style .urbanmarine .howto .lip p.image img,
body.makeup_style .urbanmarine .howto .basemake p.image img {
height: 135px;
width: auto;
}
body.makeup_style .urbanmarine .howto .nail p.image img{
height: 180px;
width: auto;
}
body.classic .urbanmarine .howto .nail p.image img {
height: 90px;
}
body.modern .urbanmarine .howto .nail p.image img {
height: 90px;
}
body.makeup_style .urbanmarine .howto .base p.image img {
height: 110px;
width:auto;
}
body.makeup_style .urbanmarine .howto .item {
margin-bottom: 10px;
}
body.makeup_style .urbanmarine .comment h2 {
border-bottom: 1px solid #e0c0c9;
padding-bottom: 15px;
padding-top: 15px;
}
body.makeup_style .urbanmarine .comment {
background-image: url("../images/make/urbanmarine/from_rola.png");
background-position: right 85%;
}
body.makeup_style .urbanmarine .comment img{
max-width:526px;
}
body.makeup_style .urbanmarine .advice {
background-color:#FFFFFF;
border-top:#db465b 2px solid;
border-bottom:#db465b 2px solid;
border-left:none;
border-right:none;
padding:3px 0 3px;
}
body.makeup_style .urbanmarine .advice img{
max-width:720px;
}
body.makeup_style .urbanmarine .advice .wrap{
background-color:#f7f7fa;
border-top:#1d207f 2px solid;
border-bottom:#1d207f 2px solid;
}
body.makeup_style .urbanmarine .advice h2 {
background-image: none;
padding-bottom: 0;
padding-left: 20px;
padding-top: 15px;
}
body.makeup_style .urbanmarine .advice p {
padding-left: 20px;
}
.urbanmarine .related_item {
background-image: none;
background-color: #f4ebe8;
}
/* catfetish makeup */
body.makeup_catfetish {
background:#f6f0f1 URL(../images/make/catfetish/bg.jpg) 0 0 ;
}
body.makeup_catfetish p.lead {
text-align: center;
margin-top: 15px;
margin-bottom: 30px;
}
body.makeup_catfetish p.lead img {
height: 86px;
width: auto;
}
body.makeup_catfetish h1 {
width:531px;
margin: auto;
}
body.makeup_catfetish .style div {
width: 23%;
margin-left: 1%;
margin-right: 1%;
float: left;
}
body.makeup_catfetish .style div .copy {
display: block;
height: 60px;
width: auto;
margin: 8px auto 0;
}
body.makeup_catfetish .newlineup{
margin-top:40px;
padding-top:20px;
}
body.makeup_catfetish .newlineup h2{
margin-bottom:20px;
}
body.makeup_catfetish .newlineup .photo,
body.makeup_catfetish .newlineup .detail{
width:48%;
float:left;
font-size:12px;
padding:20px 0;
}
body.makeup_catfetish .newlineup .photo{
text-align:center;
}
body.makeup_catfetish .newlineup .copy{
margin-bottom:10px;
margin-top:27px;
}
body.makeup_catfetish .newlineup .color{
margin-top:17px;
}
body.makeup_catfetish .newlineup .photo img{
max-width:432px;
margin:0 auto;
}
body.makeup_catfetish .newlineup .copy img{
max-width:352px;
}
body.makeup_catfetish .newlineup .color img{
max-width:490px;
}
body.makeup_catfetish .other,
body.makeup_blushedlady .other {
max-width:1000px;
margin-top:50px;
}
body.makeup_catfetish .other .aw,
body.makeup_catfetish .other .spring{
width:49%;
max-width:480px;
}
body.makeup_catfetish .other .aw{
float:right;
}
body.makeup_catfetish .other .spring{
float:left;
}
body.cool,
body.classical,
body.sweet,
body.mode{
background:#f6f0f1 URL(../images/make/catfetish/bg.jpg) 0 0 ;
}
body.makeup_style .catfetish #containerInnr .cate{
width:531px;
}
body.makeup_style .catfetish h1{
padding-top: 0;
}
body.makeup_style .catfetish .howto h2 {
border-bottom: 1px solid #d0c0e0;
padding-top: 30px;
}
body.makeup_style .catfetish .howto .eye_liner p.image img,
body.makeup_style .catfetish .howto .mascara p.image img,
body.makeup_style .catfetish .howto .eye_brow p.image img,
body.makeup_style .catfetish .howto .lip p.image img,
body.makeup_style .catfetish .howto .basemake p.image img {
height: 135px;
width: auto;
}
body.makeup_style .catfetish .howto .nail p.image img{
height: 180px;
width: auto;
}
body.classic .catfetish .howto .nail p.image img {
height: 90px;
}
body.modern .catfetish .howto .nail p.image img {
height: 90px;
}
body.makeup_style .catfetish .howto .base p.image img {
height: 110px;
width:auto;
}
body.makeup_style .catfetish .howto .item {
margin-bottom: 7px;
}
body.makeup_style .catfetish .comment h2 {
border-bottom: 1px solid #d0c0e0;
padding-bottom: 15px;
padding-top: 15px;
}
body.makeup_style .catfetish .comment {
background-image: url("../images/make/catfetish/from_rola.png");
background-position: right 90%;
background-size: 110px auto;
}
body.makeup_style .catfetish .comment p img{
width:531px;
}
body.makeup_style .advice {
border: none;
clear: both;
margin-top: 20px;
padding: 0;
position: relative;
}
body.makeup_style .catfetish .advice h2 {
display: none;
}
body.makeup_style .catfetish .advice p {
padding-left: 0;
}
body.makeup_style .catfetish .advice p.text{
width:1003px;
}
body.makeup_style .catfetish .advice p.text img {
height: auto;
width: 100%;
}
.sweet .catfetish .plus_item{
width:400px;
border:1px solid #c0a6ae;
clear:left;
padding-bottom:10px;
margin-bottom:20px;
}
.sweet .catfetish .plus_item h3{
background-color:#c0a6ae;
padding-left:10px;
}
.sweet .catfetish .plus_item h3 img{
height:15px;
width:auto;
}
.sweet .catfetish .plus_item p.lead{
padding:10px;
color:#916372;
font-size:12px;
}
.sweet .catfetish .plus_item .eyeliner1,
.sweet .catfetish .plus_item .eyeliner2{
width:49%;
float:left;
}
.sweet .catfetish .plus_item .howto_plus{
width:114px;
margin:0 auto;
}
.sweet .catfetish .plus_item .photo{
float:right;
width:20px;
margin-right:20px;
}
.sweet .catfetish .plus_item .name,
.sweet .catfetish .plus_item .text{
float:left;
width:130px;
margin-left:15px;
}
.classical .catfetish .plus_item{
width:400px;
border:1px solid #d2b7aa;
clear:left;
padding-bottom:10px;
margin-bottom:20px;
}
.classical .catfetish .plus_item h3{
background-color:#d2b7aa;
padding-left:10px;
}
.classical .catfetish .plus_item h3 img{
height:15px;
width:auto;
}
.classical .catfetish .plus_item p.lead{
padding:10px;
color:#b8896d;
font-size:12px;
}
.classical .catfetish .plus_item .eyeliner1{
width:100%;
}
.classical .catfetish .plus_item .howto_plus{
width:140px;
margin:0 auto;
float:right;
}
.classical .catfetish .plus_item .photo{
float:right;
width:25px;
margin-right:20px;
}
.classical .catfetish .plus_item .name,
.classical .catfetish .plus_item .text{
float:left;
width:180px;
margin-left:15px;
}
.classical .catfetish .plus_item .name img{
width:180px;
}
.catfetish .related_item {
background-image: none;
background-color: #e7dde6;
}
/* catfetish cool */
.cool .catfetish .plus_item{
width:400px;
border:1px solid #a79ab8;
clear:left;
padding-bottom:10px;
margin-bottom:20px;
}
.cool .catfetish .plus_item h3{
background-color:#a79ab8;
padding-left:10px;
}
.cool .catfetish .plus_item h3 img{
height:15px;
width:auto;
}
.cool .catfetish .plus_item p.lead{
padding:10px;
color:#5d4883;
font-size:12px;
}
.cool .catfetish .plus_item .eyeliner1{
width:100%;
}
.cool .catfetish .plus_item .howto_plus{
width:140px;
margin:0 auto;
float:right;
}
.cool .catfetish .plus_item .photo{
float:right;
width:25px;
margin-right:20px;
}
.cool .catfetish .plus_item .name,
.cool .catfetish .plus_item .text{
float:left;
width:180px;
margin-left:15px;
}
.cool .catfetish .plus_item .name img{
width:180px;
}
/*body.makeup_style .catfetish .related_item li img {
max-width: 86px;
height: auto;
}*/
/* Blushed Lady makeup */
body.makeup_blushedlady,
body.makeup .blushedlady {
background: URL(../images/make/blushedlady/bg.jpg) 0 0 ;
}
body.makeup_blushedlady #container {
background:url(../images/make/blushedlady/light.png) 0 76px repeat-x;
}
body.makeup_blushedlady h1 {
margin: auto;
width: 678px;
}
body.makeup_blushedlady p.lead {
margin-bottom: 30px;
margin-top: 15px;
text-align: center;
}
body.makeup_blushedlady p.lead img {
height: 88px;
width: auto;
}
body.makeup_blushedlady .style div {
width: 31.3%;
margin-left: 1%;
margin-right: 1%;
float: left;
}
body.makeup_blushedlady .newlineup {
margin-top: 40px;
padding-top: 20px;
}
body.makeup_blushedlady .newlineup .photo {
text-align: center;
}
body.makeup_blushedlady .newlineup .photo,
body.makeup_blushedlady .newlineup .detail {
float: left;
font-size: 12px;
padding: 20px 0;
width: 48%;
}
body.makeup_blushedlady .newlineup .detail img {
vertical-align: top;
}
body.makeup_blushedlady .other .summer {
float: left;
}
body.makeup_blushedlady .other .spring {
float: right;
}
body.makeup_blushedlady .other .aw {
float: left;
margin-top: 10px;
}
body.makeup_blushedlady .other .aw,
body.makeup_blushedlady .other .spring,
body.makeup_blushedlady .other .summer {
max-width: 480px;
width: 49%;
}
body.makeup_blushedlady .line2 {
margin-top: 10px;
}
body.makeup_style .blushedlady #containerInnr .cate {
width: 526px;
}
body.makeup_style .blushedlady .howto .eye_liner p.image img,
body.makeup_style .blushedlady .howto .mascara p.image img,
body.makeup_style .blushedlady .howto .eye_brow p.image img,
body.makeup_style .blushedlady .howto .lip p.image img,
body.makeup_style .blushedlady .howto .basemake p.image img {
height: 135px;
width: auto;
}
body.makeup_style .sweetholiday .howto h2 {
border-bottom: 1px solid #cea999;
}
body.makeup_style .romanticdew .howto h2 {
border-bottom: 1px solid #c799b7;
}
body.makeup_style .sweetholiday .comment h2 {
border-bottom: 1px solid #cea999;
}
body.makeup_style .romanticdew .comment h2 {
border-bottom: 1px solid #c799b7;
}
body.makeup_style .sweetholiday .comment {
background-image: url("../images/make/sweetholiday/from_rola.png");
background-position: right 90%;
background-size: 110px auto;
}
body.makeup_style .romanticdew .comment {
background-image: url("../images/make/romanticdew/from_rola.png");
background-position: right 90%;
background-size: 110px auto;
}
body.makeup_style .blushedlady .advice h2 {
display: none;
}
body.makeup_style .blushedlady .advice p {
padding-left: 0;
}
body.makeup_style .blushedlady .advice p.text {
width: 1003px;
}
body.makeup_style .blushedlady .advice p.text img {
height: auto;
width: 100%;
}
.blushedlady .related_item {
background-image: none;
background-color: #ffffff;
}
/* blushedlady innocetnglam */
.blushedlady .innocentglam .howto h2 {
border-bottom: 1px solid #d94f80;
}
.blushedlady .innocentglam .howto .eye_color {
min-height: 119px;
}
.blushedlady .innocentglam .howto .eye_color .image {
margin-top: -30px;
}
.blushedlady .innocentglam .howto .cheek {
min-height: 103px;
}
.blushedlady .innocentglam .howto .cheek .image {
margin-top: -30px;
}
.blushedlady .innocentglam .howto .item {
margin-bottom: 25px;
}
/* Urban Winterland makeup */
body.makeup_urbanwinterland,
body.makeup .urbanwinterland {
background: URL(../images/make/urbanwinterland/bg.jpg) top center no-repeat #d7e0e6;
}
body.makeup_urbanwinterland h1 {
margin: auto;
width: 678px;
}
body.makeup_urbanwinterland p.lead {
margin-bottom: 30px;
margin-top: 15px;
text-align: center;
}
body.makeup_urbanwinterland p.lead img {
height: 88px;
width: auto;
}
body.makeup_urbanwinterland .style div {
width: 31.3%;
margin-left: 1%;
margin-right: 1%;
float: left;
}
body.makeup_urbanwinterland .newlineup {
margin-top: 40px;
padding-top: 20px;
}
body.makeup_urbanwinterland .newlineup .photo {
text-align: center;
}
body.makeup_urbanwinterland .newlineup .photo,
body.makeup_urbanwinterland .newlineup .detail {
float: left;
font-size: 12px;
padding: 0;
width: 48%;
}
body.makeup_urbanwinterland .newlineup .detail img {
vertical-align: top;
}
body.makeup_urbanwinterland .other .autumn {
float: left;
}
body.makeup_urbanwinterland .other .summer {
float: right;
}
body.makeup_urbanwinterland .other .spring {
float: left;
margin-top: 10px;
}
body.makeup_urbanwinterland .other .aw {
float: right;
margin-top: 10px;
}
body.makeup_urbanwinterland .other .aw,
body.makeup_urbanwinterland .other .spring,
body.makeup_urbanwinterland .other .summer,
body.makeup_urbanwinterland .other .autumn {
max-width: 480px;
width: 49%;
}
body.makeup_urbanwinterland .line2 {
margin-top: 10px;
}
body.makeup_style .urbanwinterland #containerInnr .cate {
width: 526px;
}
body.makeup_style .urbanwinterland .howto .eye_liner p.image img,
body.makeup_style .urbanwinterland .howto .mascara p.image img,
body.makeup_style .urbanwinterland .howto .eye_brow p.image img,
body.makeup_style .urbanwinterland .howto .lip p.image img,
body.makeup_style .urbanwinterland .howto .basemake p.image img {
height: 135px;
width: auto;
}
body.makeup_style .urbanwinterland .advice h2 {
display: none;
}
body.makeup_style .urbanwinterland .advice p {
padding-left: 0;
}
body.makeup_style .urbanwinterland .advice p.text {
width: 1003px;
}
body.makeup_style .urbanwinterland .advice p.text img {
height: auto;
width: 100%;
}
.urbanwinterland .related_item {
background-image: none;
background-color: #ffffff;
}
body.makeup_urbanwinterland .newlineup{
margin-top:30px;
padding-top:20px;
}
body.makeup_urbanwinterland .limited_eyecolor,
body.makeup_urbanwinterland .limited_eyeliner{
float:left;
font-size:12px;
}
body.makeup_urbanwinterland .limited .copy {
margin:10px 0 30px;
}
body.makeup_urbanwinterland .limited_eyecolor .color,
body.makeup_urbanwinterland .limited_eyeliner .color{
margin-top:20px;
}
body.makeup_urbanwinterland .limited_eyecolor{
width:48%;
margin-right: 6%;
}
body.makeup_urbanwinterland .limited_eyeliner{
width:46%;
}
body.makeup_urbanwinterland .limited .image {
float:left;
}
body.makeup_urbanwinterland .limited .image img{
height: 260px;
width: auto;
margin-right:12px;
}
body.makeup_urbanwinterland .limited_eyeliner .image img{
margin-left: -40px;
margin-right: -30px;
}
body.makeup_urbanwinterland .limited .name img{
height: 80px;
width: auto;
}
body.makeup_urbanwinterland .limited .color img{
height: 154px;
width: auto;
}
body.makeup_urbanwinterland .limited .copy img{
height: 48px;
width: auto;
}
body.makeup_urbanwinterland .limited .txt{
width:90%;
}
body.makeup_urbanwinterland .limited_nail{
border: solid 1px #FFF;
margin:30px 0 40px;
}
body.makeup_urbanwinterland .limited_nail .for_pc{
background:url(../images/make/urbanwinterland/snow.png) 730px 200px no-repeat;
}
body.makeup_urbanwinterland .limited_nail .wrap{
padding:30px 0;
}
body.makeup_urbanwinterland .limited_nail .detail{
float:none;
}
body.makeup_urbanwinterland .limited_nail .name {
float:left;
}
body.makeup_urbanwinterland .limited_nail .copy {
float: left;
padding: 16px 0;
margin: 0;
}
body.makeup_urbanwinterland .limited_nail .image{
width:162px;
}
body.makeup_urbanwinterland .limited_nail .detail_l,
body.makeup_urbanwinterland .limited_nail .detail_r{
float:left;
width:836px;
}
body.makeup_urbanwinterland .limited_nail .detail_r .clearfix {
width: 836px;
margin-bottom: 10px;
}
body.makeup_urbanwinterland .limited_nail .point{
margin-bottom:10px;
}
body.makeup_urbanwinterland .limited_nail .point img{
margin-right: 4px;
width:auto;
height: 20px;
vertical-align: middle;
}
body.makeup_urbanwinterland .limited_nail .point img.h2_point{
height: 13px;
autovertical-align: middle;
}
body.makeup_urbanwinterland .limited_nail .color {
margin-bottom: 30px;
}
body.makeup_urbanwinterland .limited_nail .color img {
height: 134px;
}
body.makeup_urbanwinterland .limited_nail ul {
color: #444444;
font-size: 12px;
}
body.makeup_urbanwinterland .limited_nail ul li {
list-style: disc outside none;
margin-bottom: 8px;
margin-left: 21px;
width: 760px;
}
body.makeup_style .urbanwinterland .related_item li {
/* width: 170px;*/
display: inline-block;
vertical-align: top;
}
/* urbanwinterland winterorchid */
.urbanwinterland .winterorchid .howto h2 {
border-color: #b0a1c2;
}
.urbanwinterland .winterorchid .howto .eye_color h3 span,
.urbanwinterland .winterorchid .howto .nail h3 span {
margin-left: 10px;
}
.urbanwinterland .winterorchid .howto .eye_liner h3 {
height: 42px;
}
.urbanwinterland .winterorchid .howto .eye_liner,
.urbanwinterland .winterorchid .howto .mascara {
min-height: 170px;
}
body.makeup_style .winterorchid .comment h2 {
border-bottom: 1px solid #b0a1c2;
}
.urbanwinterland .winterorchid .comment {
background-image: url("../images/make/winterorchid/from_rola.png");
background-position: right 90%;
background-size: 110px auto;
}
/* urbanwinterland warmskin */
.urbanwinterland .warmskin .howto h2 {
border-color: #c891b5;
}
.urbanwinterland .warmskin .howto .eye_color h3 span,
.urbanwinterland .warmskin .howto .nail h3 span {
margin-left: 10px;
}
.urbanwinterland .warmskin .howto .eye_liner h3 {
height: 42px;
}
.urbanwinterland .warmskin .howto .eye_liner,
.urbanwinterland .warmskin .howto .mascara {
min-height: 170px;
}
.urbanwinterland .warmskin .howto .nail .image img {
width: 70%;
}
body.makeup_style .warmskin .comment h2 {
border-bottom: 1px solid #c891b5;
}
.urbanwinterland .warmskin .comment {
background-image: url("../images/make/warmskin/from_rola.png");
background-position: right 90%;
background-size: 110px auto;
}
/* urbanwinterland stylishnatural */
.urbanwinterland .stylishnatural .howto h2 {
border-color: #9595c9;
}
.urbanwinterland .stylishnatural .howto .nail h3 span {
margin-left: 10px;
}
.urbanwinterland .stylishnatural .howto .nail .image img {
width: 70%;
}
.urbanwinterland .stylishnatural .howto .eye_liner h3 {
height: 42px;
}
.urbanwinterland .stylishnatural .howto .eye_liner,
.urbanwinterland .stylishnatural .howto .mascara {
min-height: 170px;
}
body.makeup_style .stylishnatural .comment h2 {
border-bottom: 1px solid #9595c9;
}
.urbanwinterland .stylishnatural .comment {
background-image: url("../images/make/stylishnatural/from_rola.png");
background-position: right 90%;
background-size: 110px auto;
}
/*2015SPRING ClassicalGlam*/
body.makeup_classicalglam_top,
body.makeup .classicalglam_top {
background: URL(../images/make/classicalglam_top/bg.jpg) top center no-repeat #fff;
background-size:100%;
}
body.makeup_classicalglam_top h1 {
margin: auto;
width: 645px;
}
body.makeup_classicalglam_top p.lead {
margin-bottom: 50px;
margin-top: 15px;
text-align: center;
}
body.makeup_classicalglam_top p.lead img {
height: 79px;
width: auto;
}
body.makeup_classicalglam_top .style div {
width: 31.3%;
margin-left: 15%;
margin-right: -71px;
float: left;
}
body.makeup_classicalglam_top .newlineup {
margin-top: 40px;
padding-top: 20px;
}
body.makeup_classicalglam_top .newlineup .photo {
text-align: center;
}
body.makeup_classicalglam_top .newlineup .photo,
body.makeup_classicalglam_top .newlineup .detail {
float: left;
font-size: 12px;
padding: 0;
width: 48%;
}
body.makeup_classicalglam_top .newlineup .detail img {
vertical-align: top;
}
body.makeup_classicalglam_top .other .spring_15{
float: left;
}
body.makeup_classicalglam_top .other .winter_14{
float: right;
}
body.makeup_classicalglam_top .other .spring_15,
body.makeup_classicalglam_top .other .spring,
body.makeup_classicalglam_top .other .autumn {
float: left;
margin-top: 10px;
}
body.makeup_classicalglam_top .other .winter_14,
body.makeup_classicalglam_top .other .aw,
body.makeup_classicalglam_top .other .summer{
float: right;
margin-top: 10px;
}
body.makeup_classicalglam_top .other .spring_15,
body.makeup_classicalglam_top .other .winter_14,
body.makeup_classicalglam_top .other .aw,
body.makeup_classicalglam_top .other .spring,
body.makeup_classicalglam_top .other .summer,
body.makeup_classicalglam_top .other .autumn {
max-width: 480px;
width: 49%;
}
body.makeup_classicalglam_top .line2 {
margin-top: 10px;
}
body.makeup_style .classicalglam_top #containerInnr .cate {
width: 530px;
}
body.makeup_style .classicalglam_top .howto .eye_liner p.image img,
body.makeup_style .classicalglam_top .howto .mascara p.image img,
body.makeup_style .classicalglam_top .howto .eye_brow p.image img,
body.makeup_style .classicalglam_top .howto .lip p.image img,
body.makeup_style .classicalglam_top .howto .basemake p.image img {
height: 135px;
width: auto;
}
body.makeup_style .classicalglam_top .advice h2 {
display: none;
}
body.makeup_style .classicalglam_top .advice p {
padding-left: 0;
}
body.makeup_style .classicalglam_top .advice p.text {
width: 1007px;
}
body.makeup_style .classicalglam_top .advice p.text img {
height: auto;
width: 100%;
}
.classicalglam_top .related_item {
background-image: none;
background-color: #dce5d8;
}
body.makeup_classicalglam_top .newlineup{
margin-top:30px;
padding-top:20px;
}
body.makeup_classicalglam_top .newitem_shimmer_rich_eyes,
body.makeup_classicalglam_top .newitem_nudy_rich_eyes,
body.makeup_classicalglam_top .newitem_slim_jel_liner,
body.makeup_classicalglam_top .newitem_eye_brow_pencil,
body.makeup_classicalglam_top .newitem_color_polish{
float:left;
font-size:12px;
}
body.makeup_classicalglam_top .newitem .copy {
margin:10px 0 30px;
}
body.makeup_classicalglam_top .newitem_shimmer_rich_eyes .color,
body.makeup_classicalglam_top .newitem_nudy_rich_eyes .color,
body.makeup_classicalglam_top .newitem_slim_jel_liner .color,
body.makeup_classicalglam_top .newitem_eye_brow_pencil .color,
body.makeup_classicalglam_top .newitem_color_polish .color{
margin-top:20px;
}
body.makeup_classicalglam_top .newitem_eye_brow_pencil,
body.makeup_classicalglam_top .newitem_nudy_rich_eyes{
width:53%;
margin-right: 4%;
}
body.makeup_classicalglam_top .newitem_slim_jel_liner,
body.makeup_classicalglam_top .newitem_color_polish{
width:46%;
}
body.makeup_classicalglam_top .newitem .image_l {
float:left;
width:180px;
}
body.makeup_classicalglam_top .newitem .image_r {
float:left;
width:100px;
}
body.makeup_classicalglam_top .newitem .image_l img,
body.makeup_classicalglam_top .newitem .image_r img{
height: 251px;
width: auto;
margin-right:12px;
}
/*body.makeup_classicalglam_top .newitem_nudy_rich_eyes .image img,
body.makeup_classicalglam_top .newitem_color_polish .image img{
height: 200px;
}*/
body.makeup_classicalglam_top .newitem_nudy_rich_eyes .image img,
body.makeup_classicalglam_top .newitem_eye_brow_pencil .image img,{
margin-left: -40px;
margin-right: -30px;
}
body.makeup_classicalglam_top .newitem .name img{
height: 68px;
width: auto;
}
body.makeup_classicalglam_top .newitem_nudy_rich_eyes .color img{
height: 127px;
width: auto;
}
body.makeup_classicalglam_top .newitem_slim_jel_liner .color img{
height: 259px;
width: auto;
}
body.makeup_classicalglam_top .newitem_eye_brow_pencil .color img{
height: 255px;
width: auto;
}
body.makeup_classicalglam_top .newitem_color_polish .color img{
height: 293px;
width: auto;
}
body.makeup_classicalglam_top .newitem .copy img{
height: 43px;
width: auto;
}
body.makeup_classicalglam_top .newitem .txt{
width:90%;
}
body.makeup_classicalglam_top .newitem{
border: solid 1px #FFF;
margin:30px 0 40px;
}
body.makeup_style .classicalglam_top .related_item li {
/* width: 170px;*/
display: inline-block;
vertical-align: top;
}
/* classicalglam_top * classicalglam */
.classicalglam_top .classicalglam .howto h2 {
border-color: #3c5232;
}
.classicalglam_top .classicalglam .howto .eye_color h3 span,
.classicalglam_top .classicalglam .howto .nail h3 span {
margin-left: 10px;
}
.classicalglam_top .classicalglam .howto .eye_liner,
.classicalglam_top .classicalglam .howto .mascara {
min-height: 170px;
}
body.makeup_style .classicalglam .comment h2 {
border-bottom: 1px solid #3c5232;
}
.classicalglam_top .classicalglam .comment {
background-image: url("../images/make/classicalglam/from_rola.png");
background-position: right 90%;
background-size: 110px auto;
}
/* classicalglam_top * casualglam */
.classicalglam_top .casualglam .howto h2 {
border-color: #c5784d;
}
.classicalglam_top .casualglam .howto .eye_liner,
.classicalglam_top .casualglam .howto .mascara {
min-height: 170px;
}
body.makeup_style .casualglam .comment h2 {
border-bottom: 1px solid #c5784d;
}
.classicalglam_top .casualglam .comment {
background-image: url("../images/make/casualglam/from_rola.png");
background-position: right 90%;
background-size: 110px auto;
}
/*��2015SUMMER Watery Matte*/
body.makeup_waterymatte_top,
body.makeup .waterymatte_top{
background: URL(../images/make/waterymatte_top/bg.jpg) top center no-repeat #f1f1f1;
background-size:100%;
}
body.makeup_waterymatte_top h1 {
margin: 15px auto;
width: 604px;
}
body.makeup_waterymatte_top p.lead {
margin-bottom: 50px;
margin-top: 15px;
text-align: center;
}
body.makeup_waterymatte_top p.lead img {
height: 49px;
width: auto;
}
body.makeup_waterymatte_top .style div {
width: 31.3%;
margin:0 auto;
}
body.makeup_waterymatte_top .newlineup {
margin-top: 40px;
padding-top: 20px;
}
body.makeup_waterymatte_top .newlineup .photo {
text-align: center;
}
body.makeup_waterymatte_top .newlineup .photo,
body.makeup_waterymatte_top .newlineup .detail {
float: left;
font-size: 12px;
padding: 0;
width: 48%;
}
body.makeup_waterymatte_top .newlineup .detail img {
vertical-align: top;
}
/*other*/
body.makeup_waterymatte_top .other li{
width: 33%;
float: left;
border:1px solid #fff;
}
body.makeup_waterymatte_top .other li a{
position:relative;
display:block;
}
body.makeup_waterymatte_top .other li img.color_tip{
bottom: 50px;
display: none;
left: 0%;
position: absolute;
}
body.makeup_waterymatte_top .line2 {
margin-top: 10px;
}
body.makeup_style .waterymatte_top #containerInnr .cate {
max-width: 504px;
width:100%;
}
body.makeup_style .waterymatte_top .advice h2 {
display: none;
}
body.makeup_style .waterymatte_top .advice p {
padding-left: 0;
}
body.makeup_style .waterymatte_top .advice p.text img {
height: auto;
width: 100%;
}
.waterymatte_top .related_item {
background-image: none;
background-color: #dce5d8;
}
body.makeup_waterymatte_top .newlineup{
margin-top:30px;
padding-top:20px;
}
body.makeup_waterymatte_top .newitem_cc_foundation,
body.makeup_waterymatte_top .newitem_cc_concealer{
float:left;
font-size:12px;
}
body.makeup_waterymatte_top .newitem .copy {
margin:10px 5px 30px;
}
body.makeup_waterymatte_top .newitem_cc_foundation .color,
body.makeup_waterymatte_top .newitem_cc_concealer .color{
margin-top:20px;
}
body.makeup_waterymatte_top .newitem_cc_foundation{
width:43%;
}
body.makeup_waterymatte_top .newitem_cc_concealer{
width:43%;
}
body.makeup_waterymatte_top .newitem .image_l {
float:left;
margin-left: 5%;
width: 27%;
}
body.makeup_waterymatte_top .newitem .image_r {
float: left;
margin-left: 5%;
width: 27%;
}
body.makeup_waterymatte_top .newitem .image_l img,
body.makeup_waterymatte_top .newitem .image_r img{
height: 237px;
width: auto;
margin-right:12px;
}
body.makeup_waterymatte_top .newitem_cc_foundation .image img{
margin-left: -40px;
margin-right: -30px;
}
body.makeup_waterymatte_top .newitem .name img{
height: 71px;
width: auto;
}
body.makeup_waterymatte_top .newitem_cc_foundation .color img{
height: 147px;
width: auto;
}
body.makeup_waterymatte_top .newitem_cc_concealer .color img{
height: 64px;
width: auto;
}
body.makeup_waterymatte_top .newitem .copy img{
width: 100%;
}
body.makeup_waterymatte_top .newitem .txt{
width:90%;
}
body.makeup_waterymatte_top .newitem{
margin:30px 25px;
}
body.makeup_style .waterymatte_top .related_item li {
display: inline-block;
vertical-align: top;
}
/* waterymatte_top * waterymatte */
.waterymatte_top .waterymatte .howto h2 {
border-color: #3c5232;
}
.waterymatte_top .waterymatte .howto .basemake h3 span,
.waterymatte_top .waterymatte .howto .eye_color h3 span {
margin-left: 10px;
}
body.makeup_style .waterymatte .comment h2 {
border-bottom: 1px solid #3c5232;
}
.waterymatte_top .waterymatte .comment {
background-image: url("../images/make/waterymatte/from_rola.png");
background-position: right 90%;
background-size: 110px auto;
}
body.makeup_style waterymatte .howto .item .image img{
width:90px;
}
/*HOW TO*/
body.makeup_style .waterymatte .howto .foundation .image img{
width:50%;
margin-top:25px;
}
body.makeup_style .waterymatte .howto .eye_color .image img {
max-width: 178px;
height: auto;
}
body.makeup_style .waterymatte .howto .eye_liner .image img,
body.makeup_style .waterymatte .howto .mascara .image img,
body.makeup_style .waterymatte .howto .eye_brow .image img,
body.makeup_style .waterymatte .howto .lip .image img {
width:57px;
height: auto;
}
/*2015AUTUMN ShimmerEffect*/
body.makeup_shimmereffect_top,
body.makeup .shimmereffect_top {
background: URL(../images/make/shimmereffect_top/bg.jpg) top center repeat-y #fff;
background-size:100%;
}
/*body.makeup_shimmereffect_top .style{
background-image: URL(../images/make/shimmereffect_top/bg_shine.png);
background-repeat:no-repeat;
}*/
body.makeup_shimmereffect_top h1 {
margin: auto;
width: 645px;
}
body.makeup_shimmereffect_top p.lead {
margin-bottom: 30px;
margin-top: 15px;
text-align: center;
}
body.makeup_shimmereffect_top p.lead img {
height: 70px;
width: auto;
}
body.makeup_shimmereffect_top .style div {
width: 31.3%;
margin-left: 15%;
margin-right: -71px;
float: left;
}
body.makeup_shimmereffect_top .style img{
margin-top:20px;
}
/*newlineup*/
body.makeup_shimmereffect_top .newlineup{
padding: 30px 20px 20px;
border-bottom: 1px solid #fff;
margin-bottom:50px;
}
body.makeup_shimmereffect_top .newlineup .group1,
body.makeup_shimmereffect_top .newlineup .group2 {
width:1000px;
}
body.makeup_shimmereffect_top .newlineup .image,
body.makeup_shimmereffect_top .newlineup .detail {
float: left;
font-size: 12px;
padding: 0;
}
body.makeup_shimmereffect_top .newlineup .detail{
margin-left:25px;
}
body.makeup_shimmereffect_top .newlineup .color{
margin-top:10px;
}
/*newlineup*shimmer_rich_eyes*/
body.makeup_shimmereffect_top .newlineup #newitem_shimmer_rich_eyes .box_l{
float:left;
width:45%;
}
body.makeup_shimmereffect_top .newlineup #newitem_shimmer_rich_eyes .box_r{
float:right;
width:55%;
}
body.makeup_shimmereffect_top .newlineup #newitem_shimmer_rich_eyes{
width:100%;
margin: 30px auto;
}
body.makeup_shimmereffect_top .newlineup #newitem_shimmer_rich_eyes .image{
max-width:145px;
}
body.makeup_shimmereffect_top .newlineup #newitem_shimmer_rich_eyes .box_l .color{
max-width:191px;
}
body.makeup_shimmereffect_top .newlineup #newitem_shimmer_rich_eyes .copy{
max-width:473px;
margin-bottom:20px;
}
body.makeup_shimmereffect_top .newlineup #newitem_shimmer_rich_eyes .copy img{
width:430px;
}
/*newlineup*duo_rich_eyes*/
body.makeup_shimmereffect_top .newlineup #newitem_duo_rich_eyes{
width:55%;
float:left;
}
body.makeup_shimmereffect_top .newlineup #newitem_duo_rich_eyes .image{
max-width:134px;
}
body.makeup_shimmereffect_top .newlineup #newitem_duo_rich_eyes .copy{
margin-bottom:30px;
}
body.makeup_shimmereffect_top .newlineup #newitem_duo_rich_eyes .copy img{
width:430px;
}
body.makeup_shimmereffect_top .newlineup #newitem_duo_rich_eyes .name{
max-width:258px;
}
body.makeup_shimmereffect_top .newlineup #newitem_duo_rich_eyes .color{
max-width:320px;
}
/*newlineup*lash_volume_mania*/
body.makeup_shimmereffect_top .newlineup #newitem_lash_volume_mania{
width:45%;
float:right;
}
body.makeup_shimmereffect_top .newlineup #newitem_lash_volume_mania .image{
max-width:85px;
}
body.makeup_shimmereffect_top .newlineup #newitem_lash_volume_mania .copy{
margin-bottom:30px;
}
body.makeup_shimmereffect_top .newlineup #newitem_lash_volume_mania .copy img{
width:430px;
}
body.makeup_shimmereffect_top .newlineup #newitem_lash_volume_mania .color{
max-width:119px;
}
/*other*/
body.makeup_shimmereffect_top .other ul{
width:100%;
margin-left:2px;
}
body.makeup_shimmereffect_top .other li{
width: 33%;
float: left;
margin:1px;
}
body.makeup_shimmereffect_top .other li a{
position:relative;
display:block;
}
body.makeup_shimmereffect_top .other li img.color_tip{
bottom: 50px;
display: none;
left: 0%;
position: absolute;
}
/**smokyshimmer*tearyshimmer***/
body.makeup_style .shimmereffect_top #containerInnr .cate {
padding-bottom: 30px;
width: 526px;
}
body.makeup_style .shimmereffect_top .related_item {
background-color: #fcf7e8;
background-image: none;
}
body.makeup_style .shimmereffect_top .howto h2 img{
height: 33px;
width: auto;
}
body.makeup_style .shimmereffect_top .advice h2 {
display: none;
}
body.makeup_style .shimmereffect_top .advice p {
padding-left: 0;
}
body.makeup_style .shimmereffect_top .advice p.text {
width: 1007px;
}
body.makeup_style .shimmereffect_top .advice p.text img {
height: auto;
width: 100%;
}
body.makeup_style .shimmereffect_top .howto h2 {
border-color: #6f553d;
}
body.makeup_style .shimmereffect_top .howto .first {
border-top: 1px solid #d1c8bc;
}
body.makeup_style .shimmereffect_top .comment h2 {
border-bottom: 1px solid #6f553d;
}
body.makeup_style .shimmereffect_top .comment p{
border-top: 1px solid #d1c8bc;
}
body.makeup_style .shimmereffect_top .howto .eye_liner .image img,
body.makeup_style .shimmereffect_top .howto .mascara .image img,
body.makeup_style .shimmereffect_top .howto .eye_brow .image img,
body.makeup_style .shimmereffect_top .howto .base .image img,
body.makeup_style .tearyshimmer .howto .lip .image img{
height: 125px;
width: auto;
}
/* shimmereffect_top * smokyshimmer */
.shimmereffect_top .smokyshimmer .howto .eye_color h3 span,
.shimmereffect_top .smokyshimmer .howto .nail h3 span {
margin-left: 10px;
}
.shimmereffect_top .smokyshimmer .howto .eye_liner,
.shimmereffect_top .smokyshimmer .howto .mascara {
min-height: 170px;
}
.shimmereffect_top .smokyshimmer .comment {
background-image: url("../images/make/smokyshimmer/from_rola.png");
background-position: right 90%;
background-size: 110px auto;
padding-bottom:60px;
}
/* shimmereffect_top * tearyshimmer */
.shimmereffect_top .tearyshimmer .comment {
background-image: url("../images/make/tearyshimmer/from_rola.png");
background-position: right 90%;
background-size: 110px auto;
padding-bottom:60px;
}
/*2015WINTER VelvetAddict*/
body.makeup_velvet_addict_top {
background: URL(../images/make/velvet_addict_top/bg.jpg) top center no-repeat #ceafae;
}
body.makeup_velvet_addict_top h1 {
margin: 35px auto;
width: 578px;
}
body.makeup_velvet_addict_top p.lead {
margin-bottom: 30px;
margin-top: 15px;
text-align: center;
}
body.makeup_velvet_addict_top p.lead img {
height: 96px;
width: auto;
}
body.makeup_velvet_addict_top .style div {
width: 31.3%;
margin-left: 15%;
margin-right: -71px;
float: left;
}
body.makeup_velvet_addict_top .style img{
margin-top:20px;
}
/*newlineup*/
body.makeup_velvet_addict_top .newlineup{
padding: 70px 20px;
}
body.makeup_velvet_addict_top .newlineup .image,
body.makeup_velvet_addict_top .newlineup .detail {
float: left;
font-size: 12px;
padding: 0;
}
body.makeup_velvet_addict_top .newlineup .copy{
width:100%;
}
body.makeup_velvet_addict_top .newlineup .copy img{
max-width:560px;
width:90%;
}
body.makeup_velvet_addict_top .newlineup .color{
margin-top:10px;
}
/*newlineup*velvet shimmer eyes*/
body.makeup_velvet_addict_top .newlineup #newitem_velvet_shimmer_eyes{
width:100%;
margin: 30px auto 60px;
}
body.makeup_velvet_addict_top .newlineup #newitem_velvet_shimmer_eyes .box_l{
float:left;
width:50%;
}
body.makeup_velvet_addict_top .newlineup #newitem_velvet_shimmer_eyes .box_r{
float:right;
width:50%;
}
body.makeup_velvet_addict_top .newlineup #newitem_velvet_shimmer_eyes .name{
width:100%;
display:inline-block;
height:100px;
}
body.makeup_velvet_addict_top .newlineup #newitem_velvet_shimmer_eyes .copy{
width:100%;
display:inline-block;
height:100px;
}
body.makeup_velvet_addict_top .newlineup #newitem_velvet_shimmer_eyes .copy img{
padding-top:10px;
}
body.makeup_velvet_addict_top .newlineup #newitem_velvet_shimmer_eyes .box_r .color,
body.makeup_velvet_addict_top .newlineup #newitem_velvet_shimmer_eyes .box_l .color{
width:100%;
display:inline-block;
}
body.makeup_velvet_addict_top .newlineup #newitem_velvet_shimmer_eyes .box_r .color img:first-child,
body.makeup_velvet_addict_top .newlineup #newitem_velvet_shimmer_eyes .box_l .color img:first-child{
max-width:312px;
width:60%
}
body.makeup_velvet_addict_top .newlineup #newitem_velvet_shimmer_eyes .box_r .color img,
body.makeup_velvet_addict_top .newlineup #newitem_velvet_shimmer_eyes .box_l .color img{
float:left;
max-width:159px;
margin-left:5px;
width:30%;
}
/*newlineup*lip_tint*/
body.makeup_velvet_addict_top .newlineup #newitem_lip_tint{
width:48%;
float:left;
}
body.makeup_velvet_addict_top .newlineup #newitem_lip_tint .image img{
max-width:148px;
}
body.makeup_velvet_addict_top .newlineup #newitem_lip_tint .image{
float:left;
width:30%;
}
/*newlineup*_color_impact_gel_liner*/
body.makeup_velvet_addict_top .newlineup #newitem_color_impact_gel_liner{
width:48%;
float:right;
margin-left:4%;
}
body.makeup_velvet_addict_top .newlineup #newitem_color_impact_gel_liner .image{
float:left;
width:20%;
}
/*newlineup*lip_tint & newlineup*_color_impact_gel_liner*/
body.makeup_velvet_addict_top .newlineup #newitem_lip_tint .copy,
body.makeup_velvet_addict_top .newlineup #newitem_color_impact_gel_liner .copy{
margin-bottom:30px;
width:auto;
}
body.makeup_velvet_addict_top .newlineup #newitem_color_impact_gel_liner .image img{
max-width:96px;
margin:0 auto;
}
body.makeup_velvet_addict_top .newlineup #newitem_lip_tint .detail,
body.makeup_velvet_addict_top .newlineup #newitem_color_impact_gel_liner .detail{
float:left;
width:70%;
}
body.makeup_velvet_addict_top .newlineup #newitem_lip_tint .color img,
body.makeup_velvet_addict_top .newlineup #newitem_color_impact_gel_liner .color img{
width:90%;
max-width:302px;
}
/*other*/
body.makeup_velvet_addict_top .other ul{
width:100%;
margin-left:2px;
}
body.makeup_velvet_addict_top .other li{
width: 33%;
float: left;
margin:1px;
}
body.makeup_velvet_addict_top .other li a{
position:relative;
display:block;
}
body.makeup_velvet_addict_top .other li img.color_tip{
bottom: 50px;
display: none;
left: 0%;
position: absolute;
}
/**velvet_addict_a*velvet_addict_b***/
body.makeup .velvet_addict_top #containerInnr .cate {
max-width: 528px;
width:100%;
padding-bottom: 30px;
}
body.makeup .velvet_addict_top {
background: URL(../images/make/velvet_addict_a/bg.jpg) top center no-repeat #ceafae;
}
body.makeup_style .velvet_addict_top h1 img{
max-width:315px;
}
body.makeup_style .velvet_addict_top .related_item {
background-color: #eee0df;
background-image: none;
}
body.makeup_style .velvet_addict_top .howto h2 img{
height: 33px;
width: auto;
}
body.makeup_style .velvet_addict_top .advice h2 {
display: none;
}
body.makeup_style .velvet_addict_top .advice p {
padding-left: 0;
}
body.makeup_style .velvet_addict_top .advice p.text {
max-width: 1000px;
}
body.makeup_style .velvet_addict_top .advice p.text img {
height: auto;
width: 100%;
}
body.makeup_style .velvet_addict_top .howto h2 {
border-color: #b2797e;
}
body.makeup_style .velvet_addict_top .howto .first {
border-top: 1px solid #e7d7d7;
}
body.makeup_style .velvet_addict_top .comment {
background-image:url(../images/make/velvet_addict_a/from_rola.png);
padding-bottom:70px;
}
body.makeup_style .velvet_addict_top .comment img{
max-width:478px ;
}
body.makeup_style .velvet_addict_top .comment h2 {
border-bottom: 1px solid #b2797e;
}
body.makeup_style .velvet_addict_top .comment p{
border-top: 1px solid #e7d7d7;
}
body.makeup_style .velvet_addict_top .howto .eye_liner .image img,
body.makeup_style .velvet_addict_top .howto .mascara .image img,
body.makeup_style .velvet_addict_top .howto .eye_brow .image img,
body.makeup_style .velvet_addict_top .howto .base .image img,
body.makeup_style .velvet_addict_b .howto .lip .image img{
height: 125px;
width: auto;
}
/* velvet_addict_top */
body.makeup_style .velvet_addict_top h1 img{
max-width:315px;
}
.shimmereffect_top .velvet_addict_a .howto .eye_color h3 span,
.velvet_addict_top .velvet_addict_a .howto .nail h3 span {
margin-left: 10px;
}
.velvet_addict_top .velvet_addict_a .howto .eye_liner,
.velvet_addict_top .velvet_addict_a .howto .mascara {
min-height: 170px;
}
.velvet_addict_top .velvet_addict_a .comment {
background-image: url("../images/make/velvet_addict_a/from_rola.png");
background-position: right 90%;
background-size: 110px auto;
padding-bottom: 60px;
}
.velvet_addict_top .velvet_addict_b .comment {
background-image: url("../images/make/velvet_addict_b/from_rola.png");
background-position: right 90%;
background-size: 110px auto;
}
/*2016SPRING NUDY EVER*/
body.makeup_nudy_ever_top {
background: URL(../images/make/nudy_ever_top/bg.jpg) center 2% no-repeat #f4f9de;
}
body.makeup_nudy_ever_top h1 {
margin: 35px auto;
width: 578px;
}
body.makeup_nudy_ever_top p.lead {
margin-bottom: 30px;
margin-top: 15px;
text-align: center;
}
body.makeup_nudy_ever_top p.lead img {
height: 96px;
width: auto;
}
body.makeup_nudy_ever_top .style div {
width: 31.3%;
margin-left: 15%;
margin-right: -71px;
float: left;
}
body.makeup_nudy_ever_top .style img{
margin-top:20px;
}
/*newlineup*/
body.makeup_nudy_ever_top .newlineup{
padding: 70px 20px;
}
body.makeup_nudy_ever_top .newlineup .image,
body.makeup_nudy_ever_top .newlineup .detail {
float: left;
font-size: 12px;
padding: 0;
}
body.makeup_nudy_ever_top .newlineup .copy{
width:100%;
}
body.makeup_nudy_ever_top .newlineup .copy img{
max-width:470px;
width:100%;
}
body.makeup_nudy_ever_top .newlineup .color{
margin-top:10px;
}
/*newlineup*loose_nudy_finish*/
body.makeup_nudy_ever_top .newlineup #newitem_loose_nudy_finish{
width:100%;
margin: 30px auto;
}
body.makeup_nudy_ever_top .newlineup #newitem_loose_nudy_finish .box_l{
float:left;
width:40%;
margin-right:3%;
}
body.makeup_nudy_ever_top .newlineup #newitem_loose_nudy_finish .box_r{
float:right;
width:57%;
}
body.makeup_nudy_ever_top .newlineup #newitem_loose_nudy_finish .name{
width:100%;
display:inline-block;
margin-bottom:15px;
}
body.makeup_nudy_ever_top .newlineup #newitem_loose_nudy_finish .copy{
width:100%;
display:inline-block;
height:100px;
}
body.makeup_nudy_ever_top .newlineup #newitem_loose_nudy_finish .copy img{
padding-top:10px;
max-width:813px;
}
body.makeup_nudy_ever_top .newlineup #newitem_loose_nudy_finish .name img{
max-width:392px;
}
body.makeup_nudy_ever_top .newlineup #newitem_loose_nudy_finish .box_r .color,
body.makeup_nudy_ever_top .newlineup #newitem_loose_nudy_finish .box_l .color{
width:100%;
display:inline-block;
}
body.makeup_nudy_ever_top .newlineup #newitem_loose_nudy_finish .box_l .image img{
max-width:379px;
width:100%
}
body.makeup_nudy_ever_top .newlineup #newitem_loose_nudy_finish .box_r .color img{
float:left;
max-width:106px;
margin-left:5px;
width:20%;
}
/*newlineup**/
body.makeup_nudy_ever_top .newlineup #newitem_t_zone_mat_keep,
body.makeup_nudy_ever_top .newlineup #newitem_nudy_rich_eyes{
width:48%;
float:left;
margin-bottom:30px;
}
body.makeup_nudy_ever_top .newlineup #newitem_soft_and_slim_eyebrow_pencil,
body.makeup_nudy_ever_top .newlineup #newitem_lip_and_cheek_cream{
width:48%;
float:right;
margin-left:4%;
margin-bottom:30px;
}
/*left*/
/*�����𤫇��*/
body.makeup_nudy_ever_top .newlineup .image{
float:left;
}
body.makeup_nudy_ever_top .newlineup #newitem_t_zone_mat_keep .image{
width:18%;
}
body.makeup_nudy_ever_top .newlineup #newitem_soft_and_slim_eyebrow_pencil .image{
width:12%;
}
body.makeup_nudy_ever_top .newlineup #newitem_nudy_rich_eyes .image,
body.makeup_nudy_ever_top .newlineup #newitem_lip_and_cheek_cream .image{
width:30%;
}
body.makeup_nudy_ever_top .newlineup .image img{
width:100%;
}
body.makeup_nudy_ever_top .newlineup #newitem_t_zone_mat_keep .image img{
max-width:77px;
}
body.makeup_nudy_ever_top .newlineup #newitem_soft_and_slim_eyebrow_pencil .image img{
max-width:31px;
}
body.makeup_nudy_ever_top .newlineup #newitem_nudy_rich_eyes .image img{
max-width:154px;
}
body.makeup_nudy_ever_top .newlineup #newitem_lip_and_cheek_cream .image img{
max-width:183px;
}
/*��right*/
body.makeup_nudy_ever_top .newlineup #newitem_t_zone_mat_keep .detail,
body.makeup_nudy_ever_top .newlineup #newitem_soft_and_slim_eyebrow_pencil .detail{
float:left;
width:77%;
margin-left:5%;
}
body.makeup_nudy_ever_top .newlineup #newitem_nudy_rich_eyes .detail,
body.makeup_nudy_ever_top .newlineup #newitem_lip_and_cheek_cream .detail{
float:left;
width:50%;
margin-left:5%;
}
/*�喋�𢛵��*/
body.makeup_nudy_ever_top .newlineup .copy{
margin-bottom:30px;
width:auto;
}
/*�������*/
body.makeup_nudy_ever_top .newlineup #newitem_t_zone_mat_keep .name img,
body.makeup_nudy_ever_top .newlineup #newitem_soft_and_slim_eyebrow_pencil .name img{
max-width:392px;
}
body.makeup_nudy_ever_top .newlineup #newitem_nudy_rich_eyes .name img,
body.makeup_nudy_ever_top .newlineup #newitem_lip_and_cheek_cream .name img{
max-width:250px;
}
/*�𠧧���*/
body.makeup_nudy_ever_top .newlineup #newitem_t_zone_mat_keep .color img{
max-width:58px;
width: 15%;
}
body.makeup_nudy_ever_top .newlineup #newitem_soft_and_slim_eyebrow_pencil .color img{
max-width:400px;
}
body.makeup_nudy_ever_top .newlineup #newitem_nudy_rich_eyes .color img{
max-width:169px;
width: 70%;
}
body.makeup_nudy_ever_top .newlineup #newitem_lip_and_cheek_cream .color img{
max-width:258px;
}
/*other*/
body.makeup_nudy_ever_top .other ul{
width:100%;
margin-left:2px;
}
body.makeup_nudy_ever_top .other li{
width: 33%;
float: left;
margin:1px;
}
body.makeup_nudy_ever_top .other li a{
position:relative;
display:block;
}
body.makeup_nudy_ever_top .other li img.color_tip{
bottom: 50px;
display: none;
left: 0%;
position: absolute;
}
/**nudy_ever_a*nudy_ever_b***/
body.makeup .nudy_ever_top #containerInnr .cate {
max-width: 528px;
width:100%;
padding-bottom: 30px;
}
body.makeup .nudy_ever_top {
background: URL(../images/make/nudy_ever_top/bg.jpg) top center no-repeat #f5f9df;
}
body.makeup_style .nudy_ever_top h1 img{
max-width:315px;
}
body.makeup_style .nudy_ever_top .related_item {
background-color: #f7f9eb;
background-image: none;
}
body.makeup_style .nudy_ever_top .howto h2 img{
width: auto;
}
body.makeup_style .nudy_ever_top .advice h2 {
display: none;
}
body.makeup_style .nudy_ever_top .advice p {
padding-left: 0;
}
body.makeup_style .nudy_ever_top .advice p.text {
max-width: 1000px;
}
body.makeup_style .nudy_ever_top .advice p.text img {
height: auto;
width: 100%;
}
body.makeup_style .nudy_ever_top .howto h2 {
border-color: #99ae85;
}
body.makeup_style .nudy_ever_top .howto .first {
border-top: 1px solid #fbfded;
}
body.makeup_style .nudy_ever_top .comment img{
max-width:521px ;
}
body.makeup_style .nudy_ever_top .comment h2 {
border-bottom: 1px solid #98ae82;
}
body.makeup_style .nudy_ever_top .comment p{
border-top: 1px solid #fafcef;
}
body.makeup_style .nudy_ever_top .howto .eye_liner .image img,
body.makeup_style .nudy_ever_top .howto .mascara .image img,
body.makeup_style .nudy_ever_top .howto .eye_brow .image img,
body.makeup_style .nudy_ever_top .howto .base .image img,
body.makeup_style .nudy_ever_b .howto .lip .image img{
height: 125px;
width: auto;
}
/* nudy_ever_a * nudy_ever_b */
body.makeup_style .nudy_ever_top h1 img{
max-width:315px;
}
.shimmereffect_top .nudy_ever_a .howto .eye_color h3 span,
.nudy_ever_top .nudy_ever_a .howto .nail h3 span {
margin-left: 10px;
}
.nudy_ever_top .nudy_ever_a .howto .eye_liner,
.nudy_ever_top .nudy_ever_a .howto .mascara {
min-height: 170px;
}
.nudy_ever_top .nudy_ever_a .comment {
background-image: url("../images/make/nudy_ever_a/from_rola.png");
background-position: right 90%;
background-size: 110px auto;
padding-bottom: 60px;
}
body.makeup_style .nudy_ever_a .comment {
background-image:url(../images/make/nudy_ever_a/from_rola.png);
padding-bottom:70px;
}
.nudy_ever_top .nudy_ever_b .comment {
background-image: url("../images/make/nudy_ever_b/from_rola.png");
background-position: right 90%;
background-size: 110px auto;
}
body.makeup_style .nudy_ever_b .comment {
background-image:url(../images/make/nudy_ever_b/from_rola.png);
padding-bottom:70px;
}
/*������2016SUMMER RICH SAFARI*/
body.makeup_rich_safari_top {
background: URL(../images/make/rich_safari_top/bg.jpg) center 2% no-repeat #fff4cc;
}
body.makeup_rich_safari_top h1 {
margin: 35px auto;
width: 558px;
}
body.makeup_rich_safari_top p.lead {
margin-bottom: 30px;
margin-top: 15px;
text-align: center;
}
body.makeup_rich_safari_top p.lead img {
height: 45px;
width: auto;
}
body.makeup_rich_safari_top .style div {
width: 31.3%;
margin-left: 15%;
margin-right: -71px;
float: left;
}
body.makeup_rich_safari_top .style img{
margin-top:20px;
}
/*newlineup*/
body.makeup_rich_safari_top .newlineup{
padding: 60px 20px 0;
}
body.makeup_rich_safari_top .newlineup .image,
body.makeup_rich_safari_top .newlineup .detail {
float: left;
font-size: 12px;
padding: 0;
}
body.makeup_rich_safari_top .newlineup .copy{
width:100%;
}
body.makeup_rich_safari_top .newlineup .copy img{
max-width:455px;
width:100%;
}
body.makeup_rich_safari_top .newlineup .color{
margin-top:10px;
}
/*newlineup**/
body.makeup_rich_safari_top .newlineup #newitem_crayon_eye_color,
body.makeup_rich_safari_top .newlineup #newitem_coloring_eye_brow_powder{
width:45%;
float:left;
margin-top:30px;
}
body.makeup_rich_safari_top .newlineup #newitem_coloring_eye_brow_mascara,
body.makeup_rich_safari_top .newlineup #newitem_eye_brow_brush{
width:45%;
float:right;
margin-left:10%;
margin-top:30px;
}
/*left*/
/*�����𤫇��*/
body.makeup_rich_safari_top .newlineup .image{
float:left;
}
body.makeup_rich_safari_top .newlineup #newitem_crayon_eye_color .image{
width:16%;
}
body.makeup_rich_safari_top .newlineup #newitem_coloring_eye_brow_mascara .image{
width:24%;
}
body.makeup_rich_safari_top .newlineup #newitem_coloring_eye_brow_powder .image{
width:35%;
}
body.makeup_rich_safari_top .newlineup #newitem_eye_brow_brush .image{
width: 6%;
}
body.makeup_rich_safari_top .newlineup .image img{
width:100%;
}
body.makeup_rich_safari_top .newlineup #newitem_crayon_eye_color .image img{
max-width:71px;
}
body.makeup_rich_safari_top .newlineup #newitem_coloring_eye_brow_mascara .image img{
max-width:107px;
}
body.makeup_rich_safari_top .newlineup #newitem_coloring_eye_brow_powder .image img{
max-width:161px;
}
body.makeup_rich_safari_top .newlineup #newitem_eye_brow_brush .image img{
max-width:24px;
}
/*��right*/
body.makeup_rich_safari_top .newlineup #newitem_crayon_eye_color .detail,
body.makeup_rich_safari_top .newlineup #newitem_coloring_eye_brow_mascara .detail{
float:left;
width:70%;
margin-left:5%;
}
body.makeup_rich_safari_top .newlineup #newitem_coloring_eye_brow_powder .detail,
body.makeup_rich_safari_top .newlineup #newitem_eye_brow_brush .detail{
float:left;
width:60%;
margin-left:5%;
}
/*�喋�𢛵��*/
body.makeup_rich_safari_top .newlineup .copy{
margin-bottom:30px;
width:auto;
}
/*�������*/
body.makeup_rich_safari_top .newlineup #newitem_crayon_eye_color .name img{
max-width:259px;
}
body.makeup_rich_safari_top .newlineup #newitem_coloring_eye_brow_mascara .name img{
max-width:287px;
}
body.makeup_rich_safari_top .newlineup #newitem_coloring_eye_brow_powder .name img{
max-width:396px;
}
body.makeup_rich_safari_top .newlineup #newitem_eye_brow_brush .name img{
max-width:272px;
}
/*�𠧧���*/
body.makeup_rich_safari_top .newlineup #newitem_crayon_eye_color .color img{
max-width:288px;
}
body.makeup_rich_safari_top .newlineup #newitem_coloring_eye_brow_mascara .color img{
max-width:275px;
}
body.makeup_rich_safari_top .newlineup #newitem_coloring_eye_brow_powder .color img{
max-width:247px;
}
/*other*/
body.makeup_rich_safari_top .other ul{
width:100%;
margin-left:2px;
}
body.makeup_rich_safari_top .other li{
width: 33%;
float: left;
margin:1px;
}
body.makeup_rich_safari_top .other li a{
position:relative;
display:block;
}
body.makeup_rich_safari_top .other li img.color_tip{
bottom: 50px;
display: none;
left: 0%;
position: absolute;
}
/**nudy_ever_a*nudy_ever_b***/
body.makeup .rich_safari_top #containerInnr .cate {
max-width: 528px;
width:100%;
padding-bottom: 30px;
}
body.makeup .rich_safari_top {
background: #fff4cc url("../images/make/rich_safari_top/bg.jpg") no-repeat scroll center 2%;
}
body.makeup_style .rich_safari_top h1 img{
max-width:315px;
}
body.makeup_style .rich_safari_top .related_item {
background-color: #ffebbc;
background-image: none;
}
body.makeup_style .rich_safari_top .howto h2 img{
width: auto;
}
body.makeup_style .rich_safari_top .advice h2 {
display: none;
}
body.makeup_style .rich_safari_top .advice p {
padding: 0;
}
body.makeup_style .rich_safari_top .advice p.text {
max-width: 1000px;
}
body.makeup_style .rich_safari_top .advice p.text img {
height: auto;
width: 100%;
}
body.makeup_style .rich_safari_top .rich_safari_a .howto h2 {
border-color: #f03930;
}
body.makeup_style .rich_safari_top .rich_safari_b .howto h2 {
border-color: #a0505c;
}
body.makeup_style .rich_safari_top .rich_safari_a .eye_brow1,
body.makeup_style .rich_safari_top .rich_safari_b .eye_brow1{
clear: left;
}
body.makeup_style .rich_safari_top .rich_safari_a .howto .eye_brow2 h3 img,
body.makeup_style .rich_safari_top .rich_safari_b .howto .eye_brow2 h3 img {
display: inline-block;
}
body.makeup_style .rich_safari_top .howto .first {
border-top: 1px solid #fbfded;
}
body.makeup_style .rich_safari_top .comment img{
max-width:521px ;
}
body.makeup_style .rich_safari_top .rich_safari_a .comment h2 {
border-bottom: 1px solid #f03930;
}
body.makeup_style .rich_safari_top .rich_safari_b .comment h2 {
border-bottom: 1px solid #a0505c;
}
body.makeup_style .rich_safari_top .comment p{
border-top: 1px solid #fafcef;
}
body.makeup_style .rich_safari_top .howto .eye_liner .image img,
body.makeup_style .rich_safari_top .howto .mascara .image img,
body.makeup_style .rich_safari_top .howto .eye_brow1 .image img,
body.makeup_style .rich_safari_top .howto .eye_brow2 .image img,
body.makeup_style .rich_safari_top .howto .base1 .image img,
body.makeup_style .rich_safari_top .howto .base2 .image img{
height: 125px;
width: auto;
}
/* nudy_ever_a * nudy_ever_b */
body.makeup_style .rich_safari_top h1 img{
max-width:315px;
}
.shimmereffect_top .rich_safari_a .howto .eye_color h3 span,
.nudy_ever_top .nudy_ever_a .howto .nail h3 span {
margin-left: 10px;
}
.nudy_ever_top .rich_safari_a .howto .eye_liner,
.nudy_ever_top .rich_safari_a .howto .mascara {
min-height: 170px;
}
.rich_safari_top .rich_safari_a .comment {
background-image: url("../images/make/rich_safari_a/from_rola.png");
background-position: right 90%;
background-size: 110px auto;
padding-bottom: 60px;
}
body.makeup_style .rich_safari_a .comment {
background-image:url(../images/make/rich_safari_a/from_rola.png);
padding-bottom:70px;
}
.rich_safari_top .rich_safari_b .comment {
background-image: url("../images/make/rich_safari_b/from_rola.png");
background-position: right 90%;
background-size: 110px auto;
}
body.makeup_style .rich_safari_b .comment {
background-image:url(../images/make/rich_safari_b/from_rola.png);
padding-bottom:70px;
}
/* 2016 autumn - foggy chic */
.makeup_foggy_chic_top {
background: url(../images/make/foggy_chic_top/bg.jpg) center repeat-y #88949d;
background-size: 100%;
}
.makeup_foggy_chic_top img {
width: auto;
max-width: 100%;
}
.makeup_foggy_chic_top .style_list .cate {
text-align: center;
}
.makeup_foggy_chic_top h1 {
margin: 32px 0 24px;
}
.makeup_foggy_chic_top .lead {
margin-bottom: 64px;
}
.makeup_foggy_chic_top .style {
display: table;
table-layout: fixed;
width: 662px;
margin: 0 auto 88px;
border-spacing: 30px 0;
}
.makeup_foggy_chic_top .foggy_chic_a,
.makeup_foggy_chic_top .foggy_chic_b {
display: table-cell;
}
.makeup_foggy_chic_top .foggy_chic_a .photo,
.makeup_foggy_chic_top .foggy_chic_b .photo {
margin-bottom: 24px;
}
.makeup_foggy_chic_top .newlineup {
margin-bottom: 64px;
}
.makeup_foggy_chic_top .newlineup h2 {
margin-bottom: 46px;
}
.makeup_foggy_chic_top .newitem {
width: 485px;
float: left;
}
.makeup_foggy_chic_top .newitem:first-child {
margin-right: 30px;
}
.makeup_foggy_chic_top .newitem .copy {
margin-bottom: 40px;
}
.makeup_foggy_chic_top .newitem .image,
.makeup_foggy_chic_top .newitem .image_sp {
float: left;
margin-right: 30px;
}
.makeup_foggy_chic_top .newitem .detail,
.makeup_foggy_chic_top .newitem .detail_sp {
float: left;
}
/*other*/
.makeup_foggy_chic_top .other ul{
margin-right: -2px;
}
.makeup_foggy_chic_top .other li{
width: 332px;
float: left;
margin: 0 2px 2px 0;
}
.makeup_foggy_chic_top .other li img {
width: 100%;
}
.makeup_foggy_chic_top .other li a{
position: relative;
display: block;
}
.makeup_foggy_chic_top .other li img.color_tip{
bottom: 50px;
display: none;
left: 0%;
position: absolute;
width: 100%;
}
.makeup_foggy_chic_top .pagetop img {
width: 100%;
}
.clubkose_link img {
width: 100%;
}
/* foggy chic a,b */
.makeup_foggy_chic_a #container,
.makeup_foggy_chic_b #container {
background: url(../images/make/foggy_chic_top/bg.jpg) center repeat-y #88949d;
background-size: 100%;
}
body.makeup_foggy_chic_a #containerInnr .cate,
body.makeup_foggy_chic_b #containerInnr .cate {
width: 100%;
}
body.makeup_foggy_chic_a .howto h2,
body.makeup_foggy_chic_a .comment h2 {
border-bottom: 1px solid #ca4461 !important;
}
body.makeup_foggy_chic_a .comment {
background-image: url(../images/make/foggy_chic_a/from_rola.png) !important;
padding-bottom: 40px !important;
background-size: auto !important;
}
body.makeup_foggy_chic_b .comment {
background-image: url(../images/make/foggy_chic_b/from_rola.png) !important;
padding-bottom: 40px !important;
background-size: auto !important;
}
body.makeup_foggy_chic_a .howto .lip .image img,
body.makeup_foggy_chic_a .howto .mascara .image img,
body.makeup_foggy_chic_a .howto .eye_brow1 .image img,
body.makeup_foggy_chic_a .howto .eye_brow2 .image img,
body.makeup_foggy_chic_a .howto .eye_liner .image img,
body.makeup_foggy_chic_a .howto .base .image img,
body.makeup_foggy_chic_b .howto .lip .image img,
body.makeup_foggy_chic_b .howto .mascara .image img,
body.makeup_foggy_chic_b .howto .eye_brow1 .image img,
body.makeup_foggy_chic_b .howto .eye_brow2 .image img,
body.makeup_foggy_chic_b .howto .eye_liner .image img,
body.makeup_foggy_chic_b .howto .base .image img {
height: 125px;
width: auto;
}
body.makeup_foggy_chic_a .advice h2,
body.makeup_foggy_chic_b .advice h2 {
display: none;
}
body.makeup_foggy_chic_a .advice p.text img,
body.makeup_foggy_chic_b .advice p.text img {
width: 100%;
height: auto;
}
body.makeup_foggy_chic_a .advice p,
body.makeup_foggy_chic_b .advice p {
padding: 0;
}
.makeup_foggy_chic_a .related_item,
.makeup_foggy_chic_b .related_item {
background-image: none;
background-color: #d9dcde;
}
body.makeup_foggy_chic_a .howto .eye_brow2 h3 img {
display: inline-block;
}
body.makeup_foggy_chic_a .howto .item h3 img,
body.makeup_foggy_chic_b .howto .item h3 img {
height: auto;
}
body.makeup_style.makeup_foggy_chic_a .comment img,
body.makeup_style.makeup_foggy_chic_b .comment img {
max-width: 100%;
width: auto;
}
/* 2016 winter - Winter Doll
------------------------------------------------------------------ */
.makeup_winter_doll_top {
background: url(../images/make/winter_doll_top/bg.jpg) center repeat-y #d9e4ef;
background-size: 100%;
}
.makeup_winter_doll_top #container {
background: url(../images/make/winter_doll_top/bg_snow_pc.png) no-repeat center 116px;
background-size: 100%;
}
.makeup_winter_doll_top img {
width: auto;
max-width: 100%;
}
.makeup_winter_doll_top .style_list .cate {
text-align: center;
}
.makeup_winter_doll_top h1 {
margin: 32px 0 24px;
}
.makeup_winter_doll_top .lead {
margin-bottom: 64px;
}
.makeup_winter_doll_top .style {
display: table;
table-layout: fixed;
width: 722px;
margin: 0 auto 88px;
border-spacing: 30px 0;
}
.makeup_winter_doll_top .winter_doll_a,
.makeup_winter_doll_top .winter_doll_b {
display: table-cell;
}
.makeup_winter_doll_top .winter_doll_a .photo,
.makeup_winter_doll_top .winter_doll_b .photo {
margin-bottom: 24px;
}
.makeup_winter_doll_top .newlineup {
margin-bottom: 24px;
}
.makeup_winter_doll_top .newlineup h2 {
margin-bottom: 46px;
}
.makeup_winter_doll_top .newitem {
width: 485px;
float: left;
margin-bottom: 40px;
}
.makeup_winter_doll_top .newitem:first-child {
margin-right: 30px;
}
.makeup_winter_doll_top .newitem .copy {
margin-bottom: 40px;
}
.makeup_winter_doll_top .newitem .name {
margin-bottom: 20px;
}
.makeup_winter_doll_top .newitem .image,
.makeup_winter_doll_top .newitem .image_sp {
float: left;
margin-right: 20px;
}
.makeup_winter_doll_top .newitem .detail,
.makeup_winter_doll_top .newitem .detail_sp {
float: left;
}
/*other*/
.makeup_winter_doll_top .other ul{
margin-right: -2px;
}
.makeup_winter_doll_top .other li{
width: 332px;
float: left;
margin: 0 2px 2px 0;
}
.makeup_winter_doll_top .other li img {
width: 100%;
}
.makeup_winter_doll_top .other li a{
position: relative;
display: block;
}
.makeup_winter_doll_top .other li img.color_tip{
bottom: 50px;
display: none;
left: 0%;
position: absolute;
width: 100%;
}
.makeup_winter_doll_top .pagetop img {
width: 100%;
}
.clubkose_link img {
width: 100%;
}
/* Winter Doll a,b */
/*.makeup_winter_doll_a #container,
.makeup_winter_doll_b #container {
background: url(../images/make/winter_doll_top/bg.jpg) center repeat-y #88949d;
background-size: 100%;
}*/
body.makeup_winter_doll_a,
body.makeup_winter_doll_b {
background: url(../images/make/winter_doll_top/bg.jpg) center repeat-y #d9e4ef;
background-size: 100%;
}
.makeup_winter_doll_a #container,
.makeup_winter_doll_b #container {
background: url(../images/make/winter_doll_top/bg_snow_pc.png) no-repeat center 116px;
background-size: 100%;
}
body.makeup_winter_doll_a #containerInnr .cate,
body.makeup_winter_doll_b #containerInnr .cate {
width: 100%;
}
body.makeup_winter_doll_a .howto h2,
body.makeup_winter_doll_a .comment h2 {
border-bottom: 1px solid #6276bb !important;
}
body.makeup_winter_doll_b .howto h2,
body.makeup_winter_doll_b .comment h2 {
border-bottom: 1px solid #5d9ad3 !important;
}
body.makeup_winter_doll_a .comment {
background-image: url(../images/make/winter_doll_a/from_rola.png) !important;
padding-bottom: 40px !important;
background-size: 110px;
}
body.makeup_winter_doll_b .comment {
background-image: url(../images/make/winter_doll_b/from_rola.png) !important;
padding-bottom: 40px !important;
background-size: 110px;
}
body.makeup_winter_doll_a .howto .mascara .image img,
body.makeup_winter_doll_a .howto .eye_brow1 .image img,
body.makeup_winter_doll_a .howto .eye_brow2 .image img,
body.makeup_winter_doll_a .howto .eye_liner .image img,
body.makeup_winter_doll_a .howto .base .image img,
body.makeup_winter_doll_b .howto .mascara .image img,
body.makeup_winter_doll_b .howto .eye_brow1 .image img,
body.makeup_winter_doll_b .howto .eye_brow2 .image img,
body.makeup_winter_doll_b .howto .eye_liner .image img,
body.makeup_winter_doll_b .howto .base .image img {
height: 125px;
width: auto;
}
body.makeup_winter_doll_a .howto .lip .image img,
body.makeup_winter_doll_b .howto .lip .image img {
height: 150px;
}
body.makeup_winter_doll_a .howto .base2 .image img,
body.makeup_winter_doll_b .howto .base2 .image img,
body.makeup_winter_doll_b .howto .base .image img {
width: 70%;
height: auto;
}
body.makeup_winter_doll_a .advice h2,
body.makeup_winter_doll_b .advice h2 {
display: none;
}
body.makeup_winter_doll_a .advice p.text img,
body.makeup_winter_doll_b .advice p.text img {
width: 100%;
height: auto;
}
body.makeup_winter_doll_a .advice p,
body.makeup_winter_doll_b .advice p {
padding: 0;
}
.makeup_winter_doll_a .related_item,
.makeup_winter_doll_b .related_item {
background-image: none;
background-color: #d9e4ef;
}
body.makeup_winter_doll_a .howto .eye_brow2 h3 img,
body.makeup_winter_doll_b .howto .eye_brow2 h3 img {
display: inline-block;
}
body.makeup_winter_doll_a .howto .item h3 img,
body.makeup_winter_doll_b .howto .item h3 img {
height: auto;
}
body.makeup_style.makeup_winter_doll_a .comment img,
body.makeup_style.makeup_winter_doll_b .comment img {
max-width: 100%;
width: auto;
}
/* **********************************************************************************
new (2017-) makeupstyle
********************************************************************************** */
.makeup_style_top img {
width: auto;
max-width: 100%;
}
.makeup_style_top .style_list .cate {
text-align: center;
}
.makeup_style_top h1 {
margin: 32px 0 24px;
}
.makeup_style_top .lead {
margin-bottom: 64px;
}
.makeup_style_top .style {
display: table;
table-layout: fixed;
width: 722px;
margin: 0 auto 88px;
border-spacing: 30px 0;
}
.makeup_style_top .style_single {
width: 316px;
border-spacing: 0;
}
.makeup_style_top .makeup_style_inner{
display: table-cell;
}
.makeup_style_top .makeup_style_inner .photo {
margin-bottom: 24px;
}
.makeup_style_top .newlineup h2 {
margin-bottom: 46px;
text-align: center;
}
.makeup_style_top .newitem {
width: 485px;
float: left;
margin-bottom: 40px;
}
.makeup_style_top .newitem:first-child {
margin-right: 30px;
}
.makeup_style_top .newitem .copy {
margin-bottom: 40px;
}
.makeup_style_top .newitem .name {
margin-bottom: 20px;
}
.makeup_style_top .newitem .image,
.makeup_style_top .newitem .image_sp {
float: left;
margin-right: 20px;
}
.makeup_style_top .newitem .detail,
.makeup_style_top .newitem .detail_sp {
float: left;
}
/*other*/
.makeup_style_top .other ul{
margin-right: -2px;
}
.makeup_style_top .other li{
width: 332px;
float: left;
margin: 0 2px 2px 0;
}
.makeup_style_top .other li img {
width: 100%;
}
.makeup_style_top .other li a{
position: relative;
display: block;
}
.makeup_style_top .other li img.color_tip{
bottom: 50px;
display: none;
left: 0%;
position: absolute;
width: 100%;
}
.makeup_style_top .pagetop img {
width: 100%;
}
.clubkose_link img {
width: 100%;
}
/*makeup_style_detail*/
body.makeup_style_detail #containerInnr .cate {
width: 100%;
}
body.makeup_style_detail .howto h2,
body.makeup_style_detail .comment h2 {
border-bottom: 1px solid #a4bd40 !important;
}
body.makeup_style_detail .howto .mascara .image img,
body.makeup_style_detail .howto .eye_brow1 .image img,
body.makeup_style_detail .howto .eye_brow2 .image img,
body.makeup_style_detail .howto .mascara .image img,
body.makeup_style_detail .howto .eye_liner .image img,
body.makeup_style_detail .howto .base .image img,
body.makeup_style_detail .howto .base2 .image img {
height: 125px;
width: auto;
}
body.makeup_style_detail .howto .lip .image img {
height: 150px;
}
body.makeup_style_detail .advice h2 {
display: none;
}
body.makeup_style_detail .advice p.text img {
width: 100%;
height: auto;
}
body.makeup_style_detail .advice p{
padding: 0;
}
.makeup_style_detail .related_item {
background-image: none;
background-color: #d9e4ef;
}
body.makeup_style_detail .howto .eye_brow2 h3 img {
display: inline-block;
}
body.makeup_style_detail .howto .item h3 img {
height: auto;
}
body.makeup_style.makeup_style_detail .comment img {
max-width: 100%;
width: auto;
}
/* 2017 spring - Tempting Eyes
------------------------------------------------------------------ */
body.makeup_style_tempting_eyes,
body.makeup_style_tempting_eyes_a {
background: #fef2d8;
background: -webkit-linear-gradient(left, #fef2d8 0%, #fce5d9 50%, #fef2d8 100%);
background: -o-linear-gradient(left, #fef2d8 0%, #fce5d9 50%, #fef2d8 100%);
background: linear-gradient(to right, #fef2d8 0%, #fce5d9 50%, #fef2d8 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fef2d8', endColorstr='#fef2d8',GradientType=1 );
}
body.makeup_style_tempting_eyes #container,
body.makeup_style_tempting_eyes_a #container {
background: url(../images/make/tempting_eyes_top/bg.png) no-repeat center 116px;
background-size: 100%;
}
body.makeup_style_tempting_eyes_a .comment {
background-image: url(../images/make/tempting_eyes_a/from_rola.png) !important;
padding-bottom: 40px !important;
background-size: 110px;
}
/* 2017 Summer Smooth Perfection
------------------------------------------------------------------ */
body.makeup_style_smooth_perfection,
body.makeup_style_smooth_perfection_a {
background: #fef2d8;
background: -webkit-linear-gradient(left, #f5f5cf 0%, #f9f9e2 50%, #f5f5cf 100%);
background: -o-linear-gradient(left, #f5f5cf 0%, #f9f9e2 50%, #f5f5cf 100%);
background: linear-gradient(to right, #f5f5cf 0%, #f9f9e2 50%, #f5f5cf 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5cf', endColorstr='#f5f5cf',GradientType=1 );
}
.makeup_style_smooth_perfection #container,
.makeup_style_smooth_perfection_a #container {
background: url(../images/make/smooth_perfection/bg.png) no-repeat center top;
background-size: 100%;
}
.makeup_style_smooth_perfection .newitem:first-child {
width: 100%;
float: none;
}
.makeup_style_top.makeup_style_smooth_perfection .newitem.concealing_base .image {
margin-right: 39px;
}
.makeup_style_top.makeup_style_smooth_perfection .newitem.nudy_fit_foundation .image {
margin-right: 47px;
}
.makeup_style_detail.smooth_perfection .howto .lip .image img {
width: 90%;
height: auto;
}
body.makeup_style_detail.smooth_perfection .howto .item .howto_text {
width: 60%;
}
body.makeup_style_detail.smooth_perfection .howto .item.base1 .image > img {
width: 90%;
height: auto;
}
body.makeup_style_detail.smooth_perfection .howto .item.base2 .image > img,
body.makeup_style_detail.smooth_perfection .howto .item.base3 .image > img {
width: auto;
height: auto;
}
body.makeup_style_detail.smooth_perfection .howto .item.base2 .howto_text .name img {
max-width: 100%;
}
body.makeup_style_smooth_perfection_a .comment {
background-image: url(../images/make/smooth_perfection/a/from_rola.png) !important;
padding-bottom: 40px !important;
background-size: 110px;
}
/* ����銝�閬�
------------------------------------------------------------------ */
body.item_catetop .item_list h1 {
width: 200px;
margin: auto;
}
body.eye_color .item_list h1 {
width: 166px;
}
body.eye_liner .item_list h1 {
width: 178px;
}
body.eye_mascara .item_list h1 {
width: 243px;
}
body.eye_brow .item_list h1 {
width: 155px;
}
body.lip .item_list h1 {
width: 107px;
}
body.cheek .item_list h1 {
width: 107px;
}
body.powder .item_list h1 {
width: 160px;
}
body.makeup_base.item_list h1 {
width: 166px;
}
body.item_catetop .item_list ul {
margin-top: 25px;
font-size: 0;
text-align: center;
}
body.powder .item_list ul {
margin-top: 42px;
}
body.item_catetop .item_list ul li {
display: inline-block;
}
body.item_catetop .cheek .item_list *,
body.item_catetop.lip .item_list * {
box-sizing: border-box;
}
body.item_catetop .cheek .item_list li {
width: 33.333%;
padding: 0 2%;
}
body.base .item_list ul li {
width: 45%
}
body.lip .item_list ul li,
body.mascara .item_list ul li,
body.makeup_base .item_list ul li,
body.concealer .item_list ul li {
width: 24%;
}
body.eye_color .item_list ul {
display: table;
width: 100%;
}
body.eye_color .item_list ul li {
display: table-cell;
}
body.eye_color .item_list li + li {
padding-left: 10px;
}
body.eye_color .item_list li .image img {
max-width: 100%;
}
body.eye_brow .item_list ul li {
width: 17%;
}
body.eye_brow2 .item_list ul li {
width: 16%;
}
body.eye_liner .item_list ul li {
width: 15%;
}
body.eye_liner .item_list ul li.liquid_and_shadow_eye_liner {
width: 18%;
}
body.item_catetop .item_list ul li span {
margin: auto;
}
body.item_catetop .item_list ul li span.image {
display: block;
}
body.item_catetop .item_list ul li.lash_volume_mania span.image,
body.item_catetop .item_list ul li.lash_long_mania span.image {
max-width: 160px;
}
body.item_catetop .item_list ul li.shimmer_rich_eyes span.image{
max-width: 164px;
}
body.item_catetop .item_list ul li.nudy_rich_eyes span.image,
body.item_catetop .item_list ul li.glossy_rich_eyes span.image,
body.item_catetop .item_list ul li.gemmy_rich_eyes span.image {
max-width: 180px;
}
body.eye_color .item_list ul li.smoky_rich_eyes {
width:24%;
}
body.item_catetop .item_list ul li.crayon_eye_color span.image {
max-width: 78px;
}
body.item_catetop .item_list ul li.duo_rich_eyes span.image {
max-width: 130px;
}
body.item_catetop .item_list ul li.smoky_rich_eyes span.image {
max-width: 228px;
}
body.item_catetop .item_list ul li.soft_and_slim_eye_brow_pencil span.image {
max-width: 53px;
margin-bottom: -13px;
}
body.item_catetop .item_list ul li.eye_brow_pencil span.image {
max-width: 56px;
}
body.item_catetop .item_list ul li.eye_brow_pencil_powder span.image {
max-width: 54px;
margin-bottom: 20px;
}
body.item_catetop .item_list ul li.eye_brow_powder span.image {
max-width: 104px;
margin-bottom: 31px;
}
body.item_catetop .item_list ul li.coloring_eye_brow_powder{
width:24%;
}
body.item_catetop .item_list ul li.coloring_eye_brow_powder span.image {
max-width: 200px;
margin-bottom: 31px;
}
body.item_catetop .item_list ul li.eye_brow_mascara span.image{
max-width: 104px;
margin-bottom: 20px;
}
body.item_catetop .item_list ul li.coloring_eye_brow_mascara span.image {
max-width: 104px;
margin-bottom: 20px;
}
body.item_catetop .item_list ul li.slim_jel_liner span.image {
max-width: 58px;
}
body.item_catetop .item_list ul li.color_impact_gel_liner span.image {
max-width: 62px;
}
body.item_catetop .item_list ul li.liquid_eye_liner span.image {
max-width: 65px;
}
body.item_catetop .item_list ul li.liquid_and_shadow_eye_liner span.image {
max-width: 66px;
}
body.item_catetop .item_list ul li.lash_treatment_essence span.image,
body.item_catetop .item_list ul li.feather_impact_mascara_wp span.image,
body.item_catetop .item_list ul li.feather_impact_mascara_film span.image {
max-width: 111px;
}
body.item_catetop .item_list ul li.lip_balm_gloss span.image {
max-width: 78px;
}
body.item_catetop .item_list ul li.lip_volume_essence span.image {
max-width: 116px;
}
body.item_catetop .item_list ul li.perfect_loose_powder span.image {
max-width: 202px;
}
body.item_catetop .item_list ul li.slim_model_powder span.image {
max-width: 312px;
}
body.item_catetop .item_list ul li.lash_volume_mania span.name,
body.item_catetop .item_list ul li.lash_long_mania span.name,
body.item_catetop .item_list ul li.lash_treatment_essence span.name,
body.item_catetop .item_list ul li.feather_impact_mascara_wp span.name,
body.item_catetop .item_list ul li.feather_impact_mascara_film span.name {
height: 52px;
}
body.item_catetop .item_list ul li.lash_treatment_essence {
padding-bottom: 10px;
}
body.item_catetop .item_list ul li.lash_treatment_essence span.name img,
body.item_catetop .item_list ul li.feather_impact_mascara_film span.name img,
body.item_catetop .item_list ul li.feather_impact_mascara_wp span.name img {
height: 52px;
}
body.item_catetop .item_list ul li.lash_volume_mania span.name img,
body.item_catetop .item_list ul li.lash_long_mania span.name img {
height: 36px;
}
body.item_catetop .item_list ul li.point_eye_liner span.image {
max-width: 64px;
}
body.item_catetop .item_list ul li.tear_drop_liner span.image {
max-width: 78px;
}
body.item_catetop .item_list ul li.foggy_on_cheeks span.image,
body.item_catetop .item_list ul li.blend_color_cheeks span.image,
body.item_catetop .item_list ul li.lipandcheek_cream span.image {
max-width: 260px;
}
body.item_catetop .item_list ul li.lipandcheek_cream span.image,
body.item_catetop .item_list ul li.lipandcheek span.image{
padding: 0 15px;
}
body.item_catetop .item_list ul li.nudy_rich_bb_cream span.image {
max-width: 87px;
}
body.item_catetop .item_list ul li.t_zone_mat_keep span.image {
max-width: 75px;
margin-bottom: 6px;
}
.item_catetop.makeup_base .item_list li .image img {
max-width: 100%;
width: auto;
}
/*��*/
body.item_catetop .item_list ul li.cc_foundation span.image{
max-width: 60px;
}
body.item_catetop .item_list ul li.loose_nudy_finish span.image {
max-width: 165px;
}
body.item_catetop .item_list ul li.shape_modeling_foundation span.image{
max-width: 238px;
margin-bottom: 14px;
}
body.item_catetop .item_list ul li.nudy_fit_foundation span.image{
max-width: 202px;
margin-bottom: 14px;
}
body.item_catetop .item_list ul li.cc_concealer span.image{
max-width: 74px;
}
body.item_catetop .item_list ul li.perfect_concealer span.image{
max-width: 106px;
}
body.foundation .item_list ul li {
margin-left: 1%;
width: 24%;
}
body.powder .item_list ul li {
margin-left: 30px;
margin-right: 30px;
}
body.item_catetop .item_list ul li span.name {
display: block;
}
body.item_catetop .item_list ul li span.name img {
width: auto;
height: 30px;
}
body.item_catetop.eye_liner .item_list ul li span.name img {
height: 50px;
width: auto;
}
body.item_catetop.eye_brow .item_list ul li span.name img {
height: 60px;
width: auto;
}
body.item_catetop.eye_brow .item_list ul li span.name img {
width: auto;
}
.list_margin {
width:200px !important;
}
/* ����閰喟敦
------------------------------------------------------------------ */
body.item_pointmake {
background-image: url(../images/item/bg_point.jpg);
background-position: center 76px;
background-repeat: no-repeat;
}
body.item_basemake {
background-image: url(../images/item/bg_base.jpg);
background-position: center 0px;
background-repeat: no-repeat;
}
.item_detail .detail_set {
padding-top: 30px;
}
.item_detail .detail_set .howto,
.item_detail .detail_set .image,
.item_detail .detail_set .cate {
width: 40%;
float: left;
}
.item_detail .detail_set .color, .item_detail .detail_set header {
width: 52%;
margin-right: 2%;
float: right;
}
.item_detail .detail_set .howto, .item_detail .detail_set .image {
text-align: center;
}
.item_detail .detail_set .cate {
margin-bottom: 30px;
}
.item_detail .detail_set .cate p img{
max-height: 90px;
width:auto;
}
.item_detail .detail_set header {
border-bottom: 1px solid #e4b3b8;
padding-bottom: 20px;
}
.item_basemake .detail_set header {
border-bottom: 1px solid #c9ab9d;
}
.item_detail .detail_set header .ttl {
margin-top: 33px;
margin-bottom: 45px;
height: 28px;
font-size: 10px;
}
.item_detail .detail_set header .ttl2 {
margin: 33px auto 10px;
font-size: 10px;
width:320px;
}
.copy_sp {
margin: 0px auto 7px;
width:200px;
}
.item_detail .detail_set header p {
/* height: 21px;*/
font-size: 10px;
line-height: 1;
margin-bottom: 10px;
}
.item_detail .detail_set .copy img {
width: auto;
height: auto;
}
.item_detail .detail_set .copy {
height: auto;
}
.item_detail .detail_set .color h2 img {
height: 20px;
width: auto;
}
.item_detail .detail_set header p img {
max-width: 100%;
width: auto;
height: 21px;
}
/* start -add from sg */
.productCopy > img {
height: auto !important;
}
/* end -add from sg */
.glossy_lip_jelly .detail_set header p img,
.foggy_on_cheeks .detail_set header p img {
height: auto;
}
.item_detail .detail_set header .ttl img {
height: 28px;
width: auto;
}
.item_detail .detail_set header .ttl img#lash_volume_mania_ttl {
height: 26px;
}
.item_detail .detail_set .image p {
width: 200px;
margin: auto;
}
/* ������惩�譌�萸�扎�� */
.eye_liner .detail_set .image p {
width: 65px;
}
.mascara .detail_set .image p {
width: 107px;
}
.lash_volume_mania .detail_set .image p,
.lash_long_mania .detail_set .image p {
width: 140px;
}
.lash_long_mania .detail_set .image p {
margin-bottom: 5px;
}
.item_detail .detail_set .color h2 {
margin-top: 30px;
margin-bottom: 13px;
height: 20px;
font-size: 14px;
line-height: 1;
clear: both;
font-weight: lighter;
}
.item_detail .detail_set .color h2 img {
vertical-align: middle;
margin-right: 4px;
}
.item_detail .detail_set .color h2 img.h2_color, .item_detail .detail_set .color h2 img.h2_point, .item_detail .detail_set .color h2 img.h2_ingred {
height: 13px;
width: auto;
}
.item_detail .detail_set .color .color_list li {
float: left;
margin-right: 9px;
margin-bottom: 8px;
position: relative;
}
.item_detail .detail_set .color .color_list li {
float: left;
margin-right: 9px;
margin-bottom: 8px;
position: relative;
}
.item_detail .detail_set .color .color_text {
font-size: 13px;
margin-bottom: 8px;
}
.lipandcheek .detail_set .color .color_list2 li {
float: left;
margin-right: 25px;
margin-bottom: 15px;
position: relative;
width:148px;
}
.item_detail .detail_set .color .color_list li span.tip {
display: block;
}
.item_detail .detail_set .color .color_list li img {
vertical-align: middle;
margin-right: 0px;
}
.item_detail .detail_set .color .color_list li span.tip img {
margin-right: 5px;
}
.item_detail .detail_set .color .color_list li span.tip img.tip1, .item_detail .detail_set .color .color_list li span.tip img:nth-child(1) {
width: 55px;
height: auto;
}
.item_detail .detail_set .color .color_list li span.tip img.tip2, .item_detail .detail_set .color .color_list li span.tip img:nth-child(2) {
width: 60px;
height: auto;
}
.item_detail .detail_set .color .color_list li span.tip img.tip3, .item_detail .detail_set .color .color_list li span.tip img:nth-child(3) {
width: 31px;
height: auto;
display: block;
margin: 5px auto 10px;
}
/*�见ê̌閮剖��*/
.item_detail .detail_set .color .color_list li img {
width: 120px;
height: auto;
}
.item_detail .detail_set .color .color_list3 li img {
height: auto;
width: 145px;
}
.blend_color_cheeks .detail_set .color .color_list li img {
width: 120.5px;
}
.creamy_lip_stick .detail_set .color .color_list li img {
width: 120px;
height: auto;
}
.shimmer_rich_eyes .detail_set .color .color_list li img {
width: 115px;
height: auto;
}
.shimmer_rich_eyes .detail_set .color .color_list_limited li img {
width: 86px;
height: auto;
}
.color_polish .detail_set .color .color_list_limited li img {
width: 81px;
height: auto;
}
.duo_rich_eyes .detail_set .color .color_list li img {
width: 104px;
height: auto;
}
.smoky_rich_eyes .detail_set .color .color_list li {
margin-right: 4px;
height: 81px;
}
.nudy_fit_foundation .detail_set .color .color_list li img {
width: 64px;
height: auto;
}
.item_detail .detail_set .color .color_list .color_tip {
position: absolute;
bottom: 0;
left: -75px;
top: -241px;
width: 300px;
height: auto;
}
.item_detail .detail_set .color .color_list_limited .color_tip {
left: -110px;
}
.foggy_on_cheeks .detail_set .color .color_list .color_tip {
top: -198px;
width: auto;
}
.nudy_fit_foundation .detail_set .color .color_list .color_tip {
left: -115px;
top: -225px;
width: auto;
}
.smoky_rich_eyes .detail_set .image p {
margin-top: 36px;
margin-bottom: 36px;
width: 255px;
}
.duo_rich_eyes .detail_set .image p {
width: 168px;
}
.crayon_eye_color .detail_set .image p {
width: 78px;
}
.loose_nudy_finish .detail_set .color .color_list li img {
width: 68px;
height: auto;
}
.eye_liner .detail_set .color .color_list li {
height: 50px;
}
.eye_liner .detail_set .color .color_list li span.tip img.tip1, .eye_liner .detail_set .color .color_list li span.tip img:nth-child(1) {
width: 55px;
height: auto;
}
.eye_liner .detail_set .color .color_list li span.tip img.tip2, .eye_liner .detail_set .color .color_list li span.tip img:nth-child(2) {
width: 55px;
height: auto;
}
.eye_liner .detail_set .color .color_list li span.tip img.tip3, .eye_liner .detail_set .color .color_list li span.tip img:nth-child(3) {
width: 47.5px;
height: auto;
}
.color_impact_gel_liner .detail_set .color .color_list li {
height: 60px;
margin-right: 6px;
}
.color_impact_gel_liner .detail_set .color .color_list li span.tip img.tip1, .color_impact_gel_liner .detail_set .color .color_list li span.tip img:nth-child(1) {
width: 78px;
height: auto;
}
.color_impact_gel_liner .detail_set .color .color_list li span.tip img.tip2, .color_impact_gel_liner .detail_set .color .color_list li span.tip img:nth-child(2) {
width: 79px;
height: auto;
}
.color_impact_gel_liner .detail_set .color .color_list li span.tip img.tip3, .color_impact_gel_liner .detail_set .color .color_list li span.tip img:nth-child(3) {
width: 40px;
height: auto;
}
.slim_jel_liner .detail_set .color .color_list li {
height: 60px;
margin-right: 6px;
}
.slim_jel_liner .detail_set .color .color_list li span.tip img.tip1, .slim_jel_liner .detail_set .color .color_list li span.tip img:nth-child(1) {
width: 55px;
height: auto;
}
.slim_jel_liner .detail_set .color .color_list li span.tip img.tip2, .slim_jel_liner .detail_set .color .color_list li span.tip img:nth-child(2) {
width: 62px;
height: auto;
}
.slim_jel_liner .detail_set .color .color_list li span.tip img.tip3, .slim_jel_liner .detail_set .color .color_list li span.tip img:nth-child(3) {
width: 44px;
height: auto;
}
.liquid_eye_liner .detail_set .color .color_list li span.tip img.tip1, .liquid_eye_liner .detail_set .color .color_list li span.tip img:nth-child(1) {
width: 78px;
height: auto;
}
.liquid_eye_liner .detail_set .color .color_list li span.tip img.tip2, .liquid_eye_liner .detail_set .color .color_list li span.tip img:nth-child(2) {
width: 78px;
height: auto;
}
.liquid_eye_liner .detail_set .color .color_list li span.tip img.tip3, .liquid_eye_liner .detail_set .color .color_list li span.tip img:nth-child(3) {
width: 40px;
height: auto;
margin-top: 5.5px;
}
.liquid_and_shadow_eye_liner .detail_set .color .color_list li span.tip img.tip1, .liquid_and_shadow_eye_liner .detail_set .color .color_list li span.tip img:nth-child(1) {
width: 121px;
height: auto;
}
.liquid_and_shadow_eye_liner .detail_set .color .color_list li span.tip img.tip3, .liquid_and_shadow_eye_liner .detail_set .color .color_list li span.tip img:nth-child(3) {
width: 14px;
height: auto;
}
.point_eye_liner .detail_set .color .color_list li img {
height: auto;
width: 59px;
}
.tear_drop_liner .detail_set .color .color_list li span.tip img.tip3, .tear_drop_liner .detail_set .color .color_list li span.tip img:nth-child(3) {
width: 14px;
height: auto;
}
.eye_liner .detail_set .color .color_list .color_tip {
left: -93px;
top: -176px;
}
.liquid_and_shadow_eye_liner .detail_set .color .color_list .color_tip {
left: -58px;
top: -124px;
}
.lipandcheek .detail_set .color .color_list .color_tip {
left: -80px;
top: -214px;
}
.crayon_eye_color .detail_set .color .color_list .color_tip {
left: -89px;
top: -177px;
}
.feather_impact_mascara_wp .detail_set header .ttl img.name, .feather_impact_mascara_film .detail_set header .ttl img.name {
height: auto;
width: auto;
}
.feather_impact_mascara_wp .detail_set .color .color_list li span.tip img.tip2, .feather_impact_mascara_wp .detail_set .color .color_list li span.tip img:nth-child(2) {
width: 77px;
}
.feather_impact_mascara_film .detail_set .color .color_list li span.tip img.tip2, .feather_impact_mascara_film .detail_set .color .color_list li span.tip img:nth-child(2) {
width: 77px;
}
.feather_impact_mascara_wp .detail_set .color .color_list li span.tip img.tip3, .feather_impact_mascara_wp .detail_set .color .color_list li span.tip img:nth-child(3) {
width: 36px;
}
.feather_impact_mascara_film .detail_set .color .color_list li span.tip img.tip3, .feather_impact_mascara_film .detail_set .color .color_list li span.tip img:nth-child(3) {
width: 36px;
}
.feather_impact_mascara_wp .detail_set header .ttl img.type, .feather_impact_mascara_film .detail_set header .ttl img.type {
height: 20px;
width: auto;
}
.feather_impact_mascara_film .detail_set header p.sub, .feather_impact_mascara_film .detail_set header p.sub img {
height: 14px;
}
.feather_impact_mascara_wp .detail_set header p.sub, .feather_impact_mascara_wp .detail_set header p.sub img {
height: 33px;
}
.eye_brow .detail_set .color .color_list li img {
height: auto;
width: 65px;
}
.eye_brow .detail_set .color .color_list li img.new {
width: auto;
}
.coloring_eye_brow_mascara .detail_set .color .color_list li img {
height: auto;
width: 50px;
float:left;
margin: 5px;
}
.eye_brow_pencil .detail_set .image p, .eye_brow_pencil_powder .detail_set .image p {
margin: auto;
width: 55px;
}
.coloring_eye_brow_powder .detail_set .image p {
margin: auto;
width: 260px;
}
.coloring_eye_brow_mascara .detail_set .image p {
margin: auto;
width: 118px;
}
.soft_and_slim_eye_brow_pencil .detail_set .image p {
margin: auto;
width: 55px;
}
.eye_brow .related_item ul li img {
height:90px;
width:auto;
}
.eye_brow .related_item2 ul li img {
height:90px;
width:auto;
}
.eye_brow .related_item2_sp ul li img {
height:90px;
width:auto;
}
.color_polish .detail_set .image p,
.creamy_lip_stick .detail_set .image p,
.glossy_lip_jelly .detail_set .image p {
width: 290px;
}
.color_polish .detail_set .color .color_list .color_tip,
.creamy_lip_stick .detail_set .color .color_list .color_tip {
top: -200px;
width: 280px;
}
.lip .detail_set .cate p {
width: 120px;
}
.lip .related_item ul li.creamy_lip_stick img {
width: 39px;
}
.lip .related_item ul li.glossy_lip_jelly img {
width: 32px;
}
.lip .related_item ul li.color_polish{
letter-spacing:-0.1em;
}
.lip .related_item ul li.color_polish img {
width: 42px;
}
.lip .related_item ul li.lip_balm_gloss img {
width: 26px;
}
.lip .related_item ul li.lip_volume_essence img {
width: 38px;
}
.lip_balm_gloss .detail_set .image p {
width: 88px;
}
.lip_balm_gloss .detail_set .color .color_list li img {
width: 120px;
}
.lip_balm_gloss .detail_set .color .color_list .color_tip {
top: -230px;
}
.lip_volume_essence .detail_set .image p {
width: 123px;
}
.blend_color_cheeks .detail_set .image p,
.lipandcheek .detail_set .image p,
.foggy_on_cheeks .detail_set .image p {
width: 260px;
margin-bottom: 36px;
}
.foundation .detail_set .cate p {
width: 220px;
}
.makeup_base .detail_set .cate p {
width: 220px;
}
.shape_modeling_foundation .detail_set .image p {
width: 328px;
margin-top: 36px;
margin-bottom: 36px;
}
.nudy_fit_foundation .detail_set .image p {
width: 312px;
}
.shape_modeling_foundation .detail_set header .ttl, .shape_modeling_foundation .detail_set header .ttl img {
height: auto;
}
.shape_modeling_foundation .detail_set .color .color_list li img {
width: 111px;
}
.shape_modeling_foundation .detail_set .color .left,
.nudy_fit_foundation .detail_set .color .left {
float: left;
}
.nudy_fit_foundation .detail_set .color .right {
float: right;
}
.shape_modeling_foundation .detail_set .color .right {
float: left;
margin-left: 18px;
}
.shape_modeling_foundation .detail_set .color .case li img {
width: 130px;
}
.nudy_fit_foundation .detail_set .color .case li img {
width: 132px;
}
.cc_foundation .detail_set .image p{
width:79px;
}
.cc_concealer .detail_set .image p{
width:80px;
}
.nudy_rich_bb_cream .detail_set .image p {
width: 87px;
}
.uv_base .detail_set .image p {
width: 87px;
}
.t_zone_mat_keep .detail_set .image p {
width: 90px;
}
.nudy_rich_bb_cream .detail_set .color .color_list li img {
height: auto;
width: 54px;
}
.cc_foundation .detail_set .color .color_list li img,
.cc_concealer .detail_set .color .color_list li img{
height: auto;
width: 51px;
}
.perfect_loose_powder .detail_set .image p {
width: 223px;
}
.perfect_loose_powder .detail_set .color .color_list li img {
height: auto;
width: 64px;
}
.slim_model_powder .detail_set .image p {
width: 339px;
margin-top: 36px;
margin-bottom: 36px;
}
.powder .related_item ul li.perfect_loose_powder img {
width: 85px;
}
.powder .related_item ul li.slim_model_powder img {
width: 125px;
}
.makeup_base .related_item ul li.nudy_rich_bb_cream img {
width: 32px;
}
.makeup_base .related_item ul li.t_zone_mat_keep img{
width: 33px;
}
.makeup_base .related_item ul li.uv_base img {
width: 31px;
}
.perfect_concealer .detail_set .image p {
width: 119px;
}
.perfect_concealer .detail_set .color .color_list li img {
height: auto;
width: 86px;
}
.cc_foundation .detail_set .color .color_list .color_tip {
left: -125px;
top: -227px;
}
.foundation .related_item ul li.cc_foundation img{
width: 30px;
}
.foundation .related_item ul li.shape_modeling_foundation img{
width: 140px;
}
.foundation .related_item ul li.nudy_fit_foundation img{
width: 115px;
}
.foundation .related_item ul li.loose_nudy_finish img {
width: 85px;
}
.concealer .related_item ul li.cc_concealer img{
width: 26px;
}
.concealer .related_item ul li.perfect_concealer img{
width: 38px;
}
/*detail_point*/
.uv_base .detail_set .detail_point li img {
height: auto;
width: 100px;
}
.uv_base .detail_set .detail_point li {
float: left;
margin-left: 10px;
}
/*howto �� �����鸌�𩑈�格赤�鉝�腈�溻����*/
.duo_rich_eyes .detail_set .image {
margin-bottom: 29px;
}
.glossy_rich_eyes .detail_set .image {
margin-bottom: 45px;
}
.smoky_rich_eyes .detail_set .image {
margin-bottom: 45px;
}
.nudy_rich_eyes .detail_set .image {
margin-bottom: 38px;
}
.color_impact_gel_liner .detail_set .color_list {
margin-bottom: 92px;
}
.liquid_eye_liner .detail_set .color_list {
margin-bottom: 126px;
}
.liquid_and_shadow_eye_liner .detail_set .color_list {
margin-bottom: 152px;
}
.point_eye_liner .detail_set .color_list {
margin-bottom: 74px;
}
.tear_drop_liner .detail_set .color_list {
margin-bottom: 74px;
}
.lash_treatment_essence .detail_set .color h2:first-child {
/*margin-top: 239px;*/
}
.feather_impact_mascara_film .detail_set .color_list {
margin-bottom: 53px;
}
.feather_impact_mascara_wp .detail_set .color_list {
margin-bottom: 31px;
}
.eye_brow_powder .detail_set .color_list {
margin-bottom: 55px;
}
.eye_brow_pencil .detail_set .color_list {
margin-bottom: 167px;
}
.eye_brow_pencil_powder .detail_set .color_list {
margin-bottom: 163px;
}
.eye_brow_mascara .detail_set .color_list {
margin-bottom: 85px;
}
.creamy_lip_stick .detail_set .image {
margin-bottom: 30px;
}
.lip_balm_gloss .detail_set .color_list {
margin-bottom: 75px;
}
.lip_volume_essence .detail_set .color_list {
margin-bottom: 140px;
}
.nudy_rich_bb_cream .detail_set .color_list {
margin-bottom: 57px;
}
.perfect_loose_powder .detail_set .color_list {
margin-bottom: 75px;
}
.slim_model_powder .detail_set .color h2:first-child {
/*margin-top: 193px; */
}
.perfect_concealer .detail_set .color_list {
margin-bottom: 91px;
}
.shape_modeling_foundation .detail_set .color_list {
margin-bottom: 42px;
}
.glossy_lip_jelly .detail_set .color .color_list .color_tip {
top: -186px;
left: -68px;
width: 236px;
}
.gemmy_rich_eyes.item_detail .detail_set header p img {
height: 50px;
}
/* Concealing Base - Makeup Base
------------------------------------------------------------------ */
.concealing_base.item_detail .detail_set .image p {
width: 122px;
}
.concealing_base.item_detail .detail_set header .ttl img {
height: auto;
}
.concealing_base.item_detail .detail_set header p img {
height: auto;
}
.concealing_base.item_detail .colorItem {
width: 83px;
}
.makeup_base .related_item ul li.concealing_base img {
width: 38px;
}
/*�瓐�瓐�整��*/
.list_margin {
margin-right:50px !important;
}
.nudy_fit_foundation .debut_kit_image {
float: left;
width: 40%;
}
.nudy_fit_foundation .debut_kit_image img {
max-width: 400px;
}
.item_detail .detail_set .color {
border-top: 1px solid #fcf0ed;
}
.item_detail .detail_set .howto {
background-image: url(../images/item/howto_bg.png);
background-position: bottom;
padding-bottom: 33px;
}
item_detail .detail_set .howto .group {
margin: 0 20px 20px;
text-align: left;
font-size: 12px;
color: #FFF;
}
.item_detail .detail_set .howto .group p {
color: #fff;
font-size: 12px;
margin: 0 20px 20px;
text-align: left;
}
.item_detail .detail_set .howto .group p.text {
max-width: 360px;
}
.item_detail .detail_set .howto .group p.text img {
width: 100%;
height: auto;
}
.foggy_on_cheeks .detail_set .howto .group p.text img {
width: auto;
}
.item_detail .detail_set .ingred, .item_detail .detail_set .pointlist {
font-size: 12px;
color: #444444;
}
.item_detail .detail_set .ingred li, .item_detail .detail_set .pointlist li {
margin-bottom: 8px;
list-style: disc;
margin-left:21px;
}
.item_detail .detail_set li.no_disc {
list-style: none;
margin-left:0px;
}
.item_detail .detail_set li.asta {
list-style: none;
margin-left:10px;
}
.pagetop {
clear: both;
padding-top: 30px;
padding-bottom: 35px;
}
.pagetop p {
margin-left: auto;
width: 117px;
font-size:1px;
}
.related_item {
background-image: url(../images/item/related_item_bg.png);
background-repeat: repeat-x;
background-position: top center;
padding-top: 30px;
padding-bottom: 15px;
}
.related_item2 {
background-image: url(../images/item/related_item_bg.png);
background-repeat: repeat-x;
background-position: top center;
padding-top: 30px;
padding-bottom: 15px;
text-align:center;
}
.related_item2_sp {
background-image: url(../images/item/related_item_bg.png);
background-repeat: repeat-x;
background-position: top center;
padding-top: 30px;
padding-bottom: 15px;
text-align:center;
}
.item_basemake .related_item {
background-image: url(../images/item/related_item_base_bg.png);
}
.related_item ul {
font-size: 0;
text-align: center;
}
.related_item ul li {
display: inline-block;
width: 195px;
font-size: 11px;
}
.related_item2 ul li {
display: inline-block;
width: 106px;
font-size: 11px;
}
.related_item2_sp ul li {
display: inline-block;
width: 90px;
font-size: 11px;
text-align:center;
}
.related_item ul li.soft_and_slim_eye_brow_pencil,
.related_item ul li.eye_brow_pencil,
.related_item ul li.eye_brow_pencil_powder,
.related_item ul li.eye_brow_powder,
.related_item ul li.eye_brow_mascara{
vertical-align:top;
}
.related_item ul li.slim_jel_liner,
.related_item ul li.color_impact_gel_liner,
.related_item ul li.liquid_eye_liner,
.related_item ul li.liquid_and_shadow_eye_liner,
.related_item ul li.point_eye_liner,
.related_item ul li.tear_drop_liner{
width: 160px;
vertical-align:top;
}
.related_item ul li span.w_line{
height:3.5em;
display:block;
}
.related_item ul li img {
display: block;
margin: 0 auto 8px;
}
.related_item2 ul li img {
display: block;
margin: 0 auto 8px;
}
.related_item2_sp ul li img {
display: block;
margin: 0 auto 8px;
}
.related_item ul li.slim_jel_liner img,
.related_item ul li.color_impact_gel_liner img,
.related_item ul li.liquid_eye_liner img,
.related_item ul li.liquid_and_shadow_eye_liner img,
.related_item ul li.point_eye_liner img,
.related_item ul li.tear_drop_liner img{
height: 100px;
}
.related_item ul li span, .related_item ul li a {
}
.related_item .crayon_eye_color img {
width: 60px;
}
.related_item .shimmer_rich_eyes img {
width: 60px;
}
.related_item .duo_rich_eyes img {
width: 56px;
}
.related_item .glossy_rich_eyes img {
width: 64px;
}
.related_item .smoky_rich_eyes img {
width: 87px;
}
.related_item .nudy_rich_eyes img {
width: 62px;
}
.eye_liner .related_item ul li img {
width: 18px;
}
.mascara .related_item ul li img {
width: 34px;
}
.eye_liner .related_item ul li.tear_drop_liner img {
width: 23px;
}
.related_item .lipandcheek img,
.related_item .blend_color_cheeks img,
.related_item .foggy_on_cheeks img {
width: 80px;
}
/* �Ｕ�剹�柴���押�芥��
------------------------------------------------------------------ */
body.ad_gallery_catetop {
background-image: url(../images/ad_gallery/bg.jpg);
background-position: center 76px;
background-repeat: no-repeat;
background-color: #282828;
}
body.ad_gallery_catetop #containerInnr p.lead {
text-align: center;
margin-top: 28px;
margin-bottom: 20px;
}
body.ad_gallery_catetop #containerInnr p.lead span {
display: inline-block;
}
body.ad_gallery_catetop #containerInnr h1 {
max-width: 435px;
width:67%;
margin: 1% auto 0;
}
body.ad_gallery_catetop #containerInnr .text {
text-align: center;
margin: auto;
max-width: 427px;
}
body.ad_gallery_catetop #containerInnr .text img {
display: inline-block;
margin: 20px auto;
}
body.ad_gallery_catetop #containerInnr .ad_video{
max-width:1000px;
width:100%;
}
body.ad_gallery_catetop #containerInnr .ad_video .ad_line{
margin-bottom:10px;
}
body.ad_gallery_catetop #containerInnr .ad_video ul.video1,
body.ad_gallery_catetop #containerInnr .ad_video ul.video2{
width:100%;
margin:0 auto;
max-width:760px;
}
body.ad_gallery_catetop #containerInnr .ad_video ul.video3{
width:100%;
margin:0 auto;
max-width:1000px;
}
body.ad_gallery_catetop #containerInnr .ad_video ul.video1 li,
body.ad_gallery_catetop #containerInnr .ad_video ul.video2 li {
float: left;
margin: 20px;
}
body.ad_gallery_catetop #containerInnr .ad_video ul.video3 li {
margin: 30px 5px;
float:left;
max-width:320px;
width:31%;
}
body.ad_gallery_catetop #containerInnr .ad_video li img{
max-width:320px;
width:100%;
}
body.ad_gallery_catetop #containerInnr .ad_video li.new_video {
background:url(../images/ad_gallery/ad_icon_new.png) top left no-repeat;
padding-top: 50px;
}
/* ��𣂼�𡁜�
------------------------------------------------------------------ */
body.limited {
background-color: #FFF;
}
body.limited .eye_lash h1 {
width: 285px;
margin: 0 auto 40px;
}
body.limited .eye_lash .theme {
width: 507px;
margin: 0 auto 60px;
}
body.limited .eye_lash .type {
margin-bottom: 80px;
}
body.limited .eye_lash .type .image {
width: 53%;
}
body.limited .eye_lash .type .about {
width: 38%;
}
body.limited .eye_lash .girly .about, body.limited .eye_lash .lady .image, body.limited .eye_lash .natural .image {
float: left;
}
body.limited .eye_lash .lady .about, body.limited .eye_lash .natural .about, body.limited .eye_lash .girly .image {
float: right;
}
body.limited .eye_lash .lady .about, body.limited .eye_lash .natural .about {
margin-right: 2%;
}
body.limited .eye_lash .girly .about {
margin-left: 2%;
}
body.limited .eye_lash .type .about h2 {
font-size: 10px;
margin-top: 60px;
margin-bottom: 20px;
}
body.limited .eye_lash .type .about p {
margin-bottom: 40px;
}
body.limited .about h3 {
clear: both;
font-size: 14px;
font-weight: lighter;
height: 20px;
line-height: 1;
margin-bottom: 13px;
}
body.limited .about h3 img {
margin-right: 4px;
vertical-align: middle;
width: 20px;
height:auto;
}
body.limited .lash_glue .about .point img.h2_point, body.limited .about h3 img.h2_color, body.limited .about h3 img.h2_point, body.limited .about h3 img.h2_ingred {
height: 15px;
width: auto;
}
body.limited .about li {
margin-left: 21px;
font-size: 12px;
list-style: disc;
line-height:1.2;
margin-bottom:1em;
}
body.limited .eye_lash .howto {
background-image:url(../images/limited/eyelash/howto_bg.png);
background-repeat: no-repeat;
background-position: 0 0;
}
body.limited .eye_lash .howto h2 {
background-image: url(../images/limited/eyelash/howto_pc.png);
background-repeat: no-repeat;
background-position: 0 0;
width: 225px;
height: 100px;
float: left;
}
body.limited .eye_lash .howto h2 img {
display: none;
}
body.limited .eye_lash .howto p {
font-size: 12px;
padding: 22px 25px;
color: #FFF;
margin-left: 225px;
width: 721px;
}
body.limited .lash_glue h1 {
width: 560px;
margin: 0 auto 40px;
}
body.limited .lash_glue .theme.for_pc {
width: 669px;
margin: 0 auto 60px;
position: relative;
}
body.limited .lash_glue .theme.for_pc span {
float: right;
font-size: 12px;
color: #9e797e;
position: absolute;
top: 7px;
right: -150px;
}
body.limited .lash_glue .howto, body.limited .lash_glue .image {
width: 40%;
float: left;
}
body.limited .lash_glue .about {
width: 52%;
margin-right: 2%;
float: right;
}
body.limited .lash_glue .about h2 {
width: 372px;
font-size: 10px;
margin-bottom: 30px;
}
body.limited .lash_glue .about div.ingredpoint {
border-top: 1px solid #cfcfcf;
border-bottom: 1px solid #cfcfcf;
}
body.limited .lash_glue .about p.point {
height: 18px;
font-size: 10px;
margin-top: 30px;
margin-bottom: 20px;
}
body.limited .lash_glue .about .point img {
height: 18px;
width: auto;
}
body.limited .lash_glue .about .point_txt {
font-size: 12px;
margin-top: 20px;
margin-bottom: 20px;
}
body.limited .lash_glue .about ul.color li {
margin-left: 0;
list-style: none;
width: 57px;
}
body.limited .lash_glue .about .color, body.limited .lash_glue .about .point, body.limited .lash_glue .about .ingred {
margin-top: 20px;
margin-bottom: 50px;
}
body.limited .lash_glue .howto {
background-image: url(../images/limited/eyelash/howto_bg.png);
}
body.limited .lash_glue .howto .group {
padding: 1px 20px 13px;
}
body.limited .lash_glue .howto h4 {
font-size: 12px;
color: #FFF;
font-weight: normal;
margin: 10px 0;
}
body.limited .lash_glue .howto p {
font-size: 10px;
color: #FFF;
line-height: 1.8;
width: 358px;
}
body.limited .brush h1 {
width: 636px;
margin: 0 auto 20px;
}
body.limited .brush .theme {
width: 498px;
margin: 0 auto 55px;
position: relative;
}
.theme2 {
width: 700px;
margin: 0 auto 55px;
position: relative;
}
body.limited .brush .theme.for_pc span {
float: right;
font-size: 12px;
color: #9e797e;
position: absolute;
top: 7px;
right: -150px;
}
body.limited .brush .image {
width: 58%;
float: left;
margin-bottom:50px;
}
body.limited .brush .about {
width: 39%;
margin-left: 3%;
float: right;
}
body.limited .brush .about h2.name {
width: 74%;
font-size: 10px;
margin: 30px 0 20px;
max-width: 292px;
}
.name2 {
min-width: 250px !important;
}
body.limited .brush .about p.txt {
width: 82%;
max-width: 320px;
margin-bottom: 50px;
}
body.limited .brush .about p.point {
height: 18px;
font-size: 10px;
margin-top: 30px;
margin-bottom: 20px;
}
body.limited .brush .about .point img {
height: 18px;
width: auto;
}
body.limited .brush .about .point_txt {
font-size: 12px;
margin-top: 20px;
margin-bottom: 20px;
}
body.limited .brush .about .point {
margin-top: 20px;
margin-bottom: 50px;
}
body.limited .brush .howto {
clear:both;
margin-top:30px;
}
.howto2 {
min-width:500px;
}
body.limited .brush .howto .bg {
background: url(../images/limited/brush/bg_howto_pc.jpg) repeat-x top #cedcea;
padding: 10px 0;
}
body.limited .brush .howto h3.for_pc {
width: 60%;
max-width: 603px;
margin: 0px 0 30px 10px;
}
body.limited .brush .howto .wrap {
/* padding: 1px 20px 13px;*/
width: 96%;
max-width: 960px;
margin: 0 auto 10px;
}
body.limited .brush .howto .wrap p {
float:left;
width: 48%;
max-width: 468px;
margin: 0;
}
body.limited .brush .howto .wrap p.image {
width: 46%;
max-width: 460px;
margin-right: 6%;
}
body.limited .brush .howto .wrap p.how02 {
margin-right: 4%;
}
body.limited .brush .howto p.note {
font-size: 12px;
text-align: justify;
margin-top: 20px;
}
body.limited .brush h2 {
width: 700px;
margin: 0 auto 20px;
}
body.limited .brush .theme2 {
width: 700px;
margin: 0 auto 55px;
position: relative;
}
body.limited .brush .theme.for_pc span {
float: right;
font-size: 12px;
color: #9e797e;
position: absolute;
top: 7px;
right: -150px;
}
body.limited .brush .image {
width: 58%;
float: left;
margin-bottom:50px;
}
body.limited .brush .about {
width: 39%;
margin-left: 3%;
float: right;
}
body.limited .brush .about h2.name {
width: 74%;
font-size: 10px;
margin: 30px 0 20px;
max-width: 292px;
}
body.limited .brush .about p.txt {
width: 82%;
max-width: 320px;
margin-bottom: 50px;
}
body.limited .brush .about p.point {
height: 18px;
font-size: 10px;
margin-top: 30px;
margin-bottom: 20px;
}
body.limited .brush .about .point img {
height: 18px;
width: auto;
}
body.limited .brush .about .point_txt {
font-size: 12px;
margin-top: 20px;
margin-bottom: 20px;
}
body.limited .brush .about .point {
margin-top: 20px;
margin-bottom: 50px;
}
body.limited .brush .howto {
clear:both;
margin-top:30px;
}
body.limited .brush .howto .bg {
background: url(../images/limited/brush/bg_howto_pc.jpg) repeat-x top #cedcea;
padding: 10px 0;
}
body.limited .brush .howto h3.for_pc {
width: 60%;
max-width: 603px;
margin: 0px 0 30px 10px;
}
body.limited .brush .howto .wrap {
/* padding: 1px 20px 13px;*/
width: 96%;
max-width: 960px;
margin: 0 auto 10px;
}
body.limited .brush .howto .wrap p {
float:left;
width: 48%;
max-width: 468px;
margin: 0;
}
body.limited .brush .howto .wrap p.image {
width: 46%;
max-width: 460px;
margin-right: 6%;
}
body.limited .brush .howto .wrap p.how02 {
margin-right: 4%;
}
body.limited .brush .howto p.note {
font-size: 12px;
text-align: justify;
margin-top: 20px;
}
body.limited .foundation h1 {
width: 470px;
margin: 20px auto 30px;
}
body.limited .foundation .theme.for_pc {
width: 727px;
margin: 0 auto 55px;
position: relative;
}
body.limited .foundation .theme.for_pc span {
float: right;
font-size: 12px;
color: #9e797e;
position: absolute;
top: 7px;
right: -150px;
}
body.limited .foundation .image {
width: 55%;
float: left;
margin-bottom:50px;
}
body.limited .foundation .image span{
font-size:10px;
line-height:2.0em;
}
body.limited .foundation .about {
width: 40%;
margin-right: 2%;
margin-left: 2%;
float: right;
}
body.limited .foundation .about h2 {
width: 268px;
font-size: 10px;
margin-bottom: 30px;
}
body.limited .foundation .about p.copy img {
width:405px;
margin-top: 5px;
margin-bottom: 40px;
}
body.limited .foundation .color .color_list{
margin-bottom:30px;
}
body.limited .foundation .color .color_list li,
body.limited .foundation .limited_case .color_list li{
list-style:none;
float:left;
display:block;
}
body.limited .foundation .color .color_list li img {
width: 111px;
}
body.limited .foundation .limited_case .color_list li img{
width:193px;
}
body.limited .foundation .limited_case{
margin-bottom:30px;
}
body.limited .foundation .point ul li{
line-height:1.5em;
margin-bottom:0.8em;
}
body.limited .foundation .point{
margin-bottom:30px;
}
body.limited .foundation .howto {
float:left;
padding:20px;
width:460px;
background-image: url(../images/limited/foundation/howto_bg.png);
}
body.limited .foundation .howto h3.for_pc {
display:none;
}
body.limited .foundation .howto p {
float:left;
}
body.limited .foundation .howto p {
padding:10px 12px;
}
/*201506��𣂼�𡁜�嚗��㻫�艾����/�硔�押�瘀��*/
body.limited .illuminate_powder h1,
body.limited .face_brush h1 {
width:300px;
margin: 0 auto 40px;
}
body.limited .illuminate_powder .type .image,
body.limited .face_brush .type .image {
width: 53%;
}
body.limited .illuminate_powder .theme {
width: 482px;
margin: 0 auto 60px;
}
body.limited .face_brush .theme {
width: 447px;
margin: 0 auto 60px;
}
body.limited .illuminate_powder .image,
body.limited .face_brush .image {
float: left;
width: 40%;
}
body.limited .illuminate_powder .about,
body.limited .face_brush .about{
float: right;
margin-right: 2%;
width: 52%;
margin-bottom:80px;
}
body.limited .illuminate_powder .about h2 {
font-size: 10px;
margin-bottom: 40px;
width: 346px;
}
body.limited .face_brush .about h2{
font-size: 10px;
margin-bottom: 40px;
width: 218px;
}
body.limited .face_brush .about .point p{
font-size:12px;
margin-top:40px;
}
/*color/howto(�㻫�艾���潦�柴�選��*/
body.limited .illuminate_powder .about ul.color li {
margin-left: 0;
list-style: none;
width: 57px;
margin-bottom: 50px;
}
body.limited .illuminate_powder .howto {
background-image:url(../images/limited/illuminate_powder/howto_bg.png);
background-repeat: no-repeat;
background-position: 0 0;
}
body.limited .illuminate_powder .howto p {
font-size: 12px;
padding: 22px 25px;
color: #FFF;
margin-left: 225px;
width: 459px;
}
body.limited .illuminate_powder .howto h2 {
background-image: url(../images/limited/illuminate_powder/howto_pc.png);
background-repeat: no-repeat;
background-position: 0 0;
width: 225px;
height: 100px;
float: left;
}
body.limited .illuminate_powder .howto h2 img {
display: none;
}
/*201511��𣂼�𡁜�嚗��Ｕ�扎�怒�押��/�芥����/�Ｕ�扎�押�扎�𨳍�潘��*/
body.limited_2015aw{
background-color:#fee5e1;
}
body.limited_2015aw h1 {
width:320px;
margin: 0 auto 40px;
}
body.limited_2015aw .image {
width: 45%;
float: left;
}
body.limited_2015aw .velvet_shimmer_eyes .image {
max-width:491px;
}
body.limited_2015aw .lip_tint .image {
max-width:385px;
}
body.limited_2015aw .new_color_impact_gel_liner .image {
max-width:340px;
}
body.limited_2015aw .velvet_shimmer_eyes .theme {
width: 451px;
margin: 0 auto 60px;
}
body.limited_2015aw .lip_tint .theme{
width: 478px;
margin: 0 auto 60px;
}
body.limited_2015aw .new_color_impact_gel_liner .theme {
width: 530px;
margin: 0 auto 60px;
}
body.limited_2015aw .about{
float: right;
margin-right: 2%;
width: 50%;
margin-bottom:65px;
}
body.limited_2015aw .group .about h3{
margin-top:30px;
clear:both;
}
body.limited_2015aw .velvet_shimmer_eyes .about h2 {
font-size: 10px;
margin-bottom: 40px;
max-width: 459px;
}
body.limited_2015aw .lip_tint .about h2{
font-size: 10px;
margin-bottom: 40px;
max-width: 208px;
}
body.limited_2015aw .new_color_impact_gel_liner .about h2{
font-size: 10px;
margin-bottom: 40px;
max-width: 510px;
}
body.limited_2015aw .lip_tint .about .point p,
body.limited_2015aw .new_color_impact_gel_liner .about .point p{
font-size:12px;
margin-top:40px;
}
/*color*/
body.limited_2015aw .about ul.color{
display:inline-block;
clear:both;
content: "";
}
body.limited_2015aw .about ul.color li {
list-style: none;
float:left;
margin-bottom:0;
}
body.limited_2015aw .velvet_shimmer_eyes .about ul.color li {
width: 156px;
}
body.limited_2015aw .lip_tint .about ul.color li {
width: 70px;
}
body.limited_2015aw .new_color_impact_gel_liner .about ul.color li {
width: 65px;
}
/*howto(Eyecolor嚗�*/
body.limited_2015aw .velvet_shimmer_eyes .howto {
clear:both;
margin-top:30px;
}
body.limited_2015aw .velvet_shimmer_eyes .howto .bg {
background: url(../images/limited/velvet_shimmer_eyes/howto_bg.png) repeat-y top #302c2c;
}
body.limited_2015aw .velvet_shimmer_eyes .howto .wrap {
width: 96%;
max-width: 960px;
margin: 0 auto 10px;
padding:30px 0;
}
body.limited_2015aw .velvet_shimmer_eyes .howto .texts {
width: 26%;
max-width: 245px;
float:left;
}
body.limited_2015aw .velvet_shimmer_eyes .howto .images {
width: 73%;
max-width: 695px;
margin-left:5px;
float:left;
}
/*howto(Lip�汞yeliner嚗�*/
body.limited_2015aw .lip_tint .howto,
body.limited_2015aw .new_color_impact_gel_liner .howto{
width: 45%;
float: left;
max-width: 440px;
}
body.limited_2015aw .lip_tint .howto,
body.limited_2015aw .new_color_impact_gel_liner .howto {
background: url(../images/limited/velvet_shimmer_eyes/howto_bg.png) repeat-y top #302c2c;
}
body.limited_2015aw .lip_tint .howto .group,
body.limited_2015aw .new_color_impact_gel_liner .howto .group {
padding: 1px 20px 13px;
}
body.limited_2015aw .lip_tint .howto h4,
body.limited_2015aw .new_color_impact_gel_liner .howto h4 {
font-size: 12px;
color: #FFF;
font-weight: normal;
margin: 10px 0;
}
body.limited_2015aw .lip_tint .howto p,
body.limited_2015aw .new_color_impact_gel_liner .howto p {
font-size: 10px;
color: #FFF;
line-height: 1.8;
max-width:420px;
padding: 8px 0 0;
}
/*201605��𣂼�𡁜�嚗��硔�押�瘀��*/
body.limited .eye_brow_brush h1 {
width: 636px;
margin: 20px auto 20px;
}
body.limited .eye_brow_brush .theme {
width: 700px;
margin: 40px auto 55px;
position: relative;
}
body.limited .eye_brow_brush .image {
width: 50%;
max-width: 432px;
float: left;
margin-bottom:50px;
}
.name {
margin-bottom:50px;
}
.makeup_foggy_chic_top .name {
margin-bottom: 20px;
}
body.limited .eye_brow_brush .name {
width: 250px;
margin-bottom:50px;
}
body.limited .eye_brow_brush .about {
width: 46%;
margin-left: 3%;
float: right;
}
/*.name {
max-width: 167px !important;
}
*/
body.limited .eye_brow_brush .about p.txt {
width: 82%;
max-width: 320px;
margin-bottom: 50px;
}
body.limited .eye_brow_brush .about p.point {
height: 18px;
font-size: 10px;
margin-top: 30px;
margin-bottom: 20px;
}
body.limited .eye_brow_brush .about .point img {
height: 18px;
width: auto;
}
body.limited .eye_brow_brush .about .point_txt {
font-size: 12px;
margin-top: 20px;
margin-bottom: 20px;
}
body.limited .eye_brow_brush .about .point {
margin-top: 20px;
margin-bottom: 50px;
}
body.limited .eye_brow_brush .howto {
width:100%;
max-width: 500px;
clear:both;
margin-top:30px;
}
/* 2016 winter ��𣂼�𡁜�
--------------------------------------*/
body.limited_2016w {
background-color:#c5cce4;
}
body.limited_2016w #containerInnr img {
width: auto;
}
body.limited_2016w #containerInnr .pagetop img {
width: 100%;
}
body.limited_2016w h1 {
margin-bottom: 40px;
text-align: center;
}
body.limited_2016w .image {
width: 45%;
float: left;
margin-bottom: 10px;
}
body.limited_2016w .about li span {
font-weight: bold;
display: block;
margin-bottom: 8px;
}
body.limited_2016w .shimmer_rich_eyes {
margin-top: 30px;
}
body.limited_2016w .theme {
margin-bottom: 60px;
text-align: center;
}
body.limited_2016w .about{
float: right;
margin-right: 2%;
width: 50%;
margin-bottom:65px;
}
body.limited_2016w .group .about h3{
margin-top:30px;
clear:both;
}
body.limited_2016w .howto {
width: 45%;
float: left;
max-width: 400px;
background: url(../images/limited/2016winter/howto_bg.png) repeat-y top #302c2c;
}
body.limited_2016w .howto .group {
padding: 8px 20px 13px;
}
body.limited_2016w .howto .images {
margin-top: 10px;
}
/* 2017 summer ��𣂼�𡁜� �扎�怒�麄�溻�潦���㻫�艾����2
--------------------------------------*/
body.illuminate_powder02 {
background-color: #fff3e6;
}
body.illuminate_powder02 .detail_set .image p {
width: 85%;
margin: 0;
}
body.illuminate_powder02 .detail_set .image p img {
width: 100%;
}
body.illuminate_powder02 .detail_set .color .color_list li img {
width: auto;
}
body.illuminate_powder02 #container .detail_set header {
border: none;
}
body.illuminate_powder02 .title_group {
text-align: center;
margin-bottom: 60px;
}
body.illuminate_powder02 .title_group p:first-child {
margin-bottom: 20px;
}
body.illuminate_powder02 .title_group p:first-child img {
width: 260px;
}
body.illuminate_powder02 .title_group p:last-child {
margin-top: 5px;
}
body.illuminate_powder02 .title_group img {
width: auto;
}
body.illuminate_powder02 #container .detail_set header .ttl {
margin: 0;
}
body.illuminate_powder02 #container .detail_set header .ttl img {
height: 27px;
}
/* footer
------------------------------------------------------------------ */
.contact_shop{
background-color: #000;
text-align: center;
padding-top: 30px;
}
.contact_shop a{
display: block;
width: 446px;
margin: 0 auto ;
}
.contact_shop img{
width: 446px;
margin: 0 auto ;
}
.contact_shop img.for_mini{
display: none;
}
#footer {
background-color: #000;
color: #FFF;
padding-top: 50px;
}
#footer #footerNav {
}
#footer #footerNav .global_link {
padding-bottom: 50px;
}
#footer #footerNav .global_link * {
box-sizing: border-box;
}
#footer #footerNav .global_link div div.make13aw,
#footer #footerNav .global_link div div.make14spr,
#footer #footerNav .global_link div div.make14sum,
#footer #footerNav .global_link div div.make15sum{
width: 100%;
}
#footer #footerNav .global_link .col > div {
margin-bottom: 20px;
}
#footer #footerNav .global_link .makeup {
width: 38%;
float: left;
border-right: 1px solid #313131;
}
#footer #footerNav .global_link .point {
width: 42%;
float: left;
padding-left: 3%;
}
#footer #footerNav .global_link .base{
width: 20%;
float: left;
padding-left: 3%;
border-left: 1px solid #313131;
}
#footer #footerNav .global_link .base .concealer,
#footer #footerNav .global_link .base .powder,
#footer #footerNav .global_link .base .makeup_base,
#footer #footerNav .global_link .base .foundation,
#footer #footerNav .global_link .limited_item{
margin-bottom: 30px;
width: 100%;
}
#footer #footerNav .global_link li {
font-size:9px;
margin-bottom: 10px;
line-height: 1.2;
}
#footer #footerNav .global_link a {
font-size: 9px;
color: #b5aaa8;
text-decoration: none;
}
#footer #footerNav .global_link li span {
display: inline-block;
}
#footer #footerNav .global_link a:hover {
color: #d38792;
text-decoration: underline;
}
#footer #footerNav .global_link h2 a, #footer #footerNav .global_link h2 {
margin-bottom: 40px;
font-weight: lighter;
font-size: 14px;
color: #FFF;
}
#footer #footerNav .global_link h2 img {
width: 120px;
height: auto;
}
#footer #footerNav .global_link .limited_edition h2 img{
width: 141px;
}
#footer #footerNav .global_link h2 span {
font-size: 9px;
letter-spacing: 2px;
display: block;
color: #FFF;
}
#footer #footerNav .global_link h2 a:hover span {
color: #d38792;
}
#footer #footerNav .global_link h3 {
line-height: 1;
font-size: 11px;
margin-bottom: 10px;
}
#footer #footerNav .global_link h3 a {
font-size: 11px;
font-weight: lighter;
color: #FFF;
line-height: 1;
}
#footer div.kose_link {
padding-top: 30px;
padding-bottom: 30px;
background-color: #121212;
color: #666666;
font-size: 10px;
}
#footer ul.kose_link {
margin-bottom: 10px;
width: 600px;
float: left;
}
#footer ul.kose_link li {
float: left;
padding-left: 30px;
padding-right: 30px;
border-right: 1px solid #666666;
}
#footer ul.kose_link li:first-child {
padding-left: 0;
}
#footer ul.kose_link li:last-child {
padding-right: 0;
border-right: none;
}
#footer ul.kose_link a {
text-decoration: none;
color: #666666;
}
#footer #footerNav li {
}
#footer #footerNav li a {
}
#footer #footerNav li:last-child a {
}
#footer .copyright {
}
#footer .clubkose_link{
width: 200px;
float: right;
margin-right: 20px;
}
.tag{
width:1px;
height:1px;
overflow:hidden;
}
#footer #footerNav .col {
float: left;
width: 50%;
}
#footer #footerNav .col:first-child {
padding-right: 5%;
}
/* ---------------------------------------------------
clear fix
--------------------------------------------------- */
.group, .clearfix {
zoom:1;
}
.group:after, .clearfix:after {
content: "";
display: block;
clear: both;
}