@charset "UTF-8";

main {
    width: 1000px;
    margin: 0 auto;
}
.magicaleyecolor {
background: url(../../Contents/ImagesPkg/lp/magicaleyecolor/bg.jpg) repeat-y top center / 100%;
padding: 20px 0 100px;
font-family: "Hiragino Sans","ヒラギノ角ゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","ＭＳ Ｐゴシック", Osaka, sans-serif;
}
.magicaleyecolor a{display: block;}
.magicaleyecolor a:hover{opacity: 0.7;}
.magicaleyecolor ul,.magicaleyecolor li{
list-style: none;
}

.magicaleyecolor .main_area {
background: url(../../Contents/ImagesPkg/lp/magicaleyecolor/bg_main.png) no-repeat top center/cover;
background: url(../../Contents/ImagesPkg/lp/magicaleyecolor/bg_1000.png) no-repeat top center/cover;
text-align: center;
height: 1272px;
margin: 0 auto 113px;
width: 1000px;
}


.magicaleyecolor .main_area .fv_01{
width: 760px;
padding: 70px 0;
margin: 0 auto 40px;
}

.magicaleyecolor .main_area .fv_01 h1{
margin: 60px 0 20px 0;
}

.magicaleyecolor .main_area .fv_01 .read_text{
font-size: 18px;
text-align: center;
line-height: 31.5px;
margin: 40px auto;
font-weight: 500;
}
.magicaleyecolor .main_area .fv_01 .read_text02{
	font-size: 13px;
    line-height: 24px;
    letter-spacing: -0.01em;
    text-align: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-weight: 200;
}
.magicaleyecolor .main_area .fv_01 .read_text02 li{
	width: 360px;
	display: inline-block;
}


.magicaleyecolor #pagelinkBtn{
display: flex;
justify-content: center;
margin: 0 0 110px 0;
align-content: space-between;
}

.magicaleyecolor #advice30_box{
	background: #fff;
    margin: 0 auto 60px;
    padding: 230px 60px 60px;
    width: 900px;
}
.magicaleyecolor #advice30_box .innerbox{
	position: relative;
    width: 635px;
    margin: auto;
}
.magicaleyecolor #advice30_box .innerbox:first-child{margin-bottom: 360px;}
.magicaleyecolor #advice30_box .innerbox:first-child h2 {
	position: absolute;
	top: -320px;
	left: -130px;
}
.magicaleyecolor #advice30_box .innerbox:last-child{
	width: 760px;
}
.magicaleyecolor #advice30_box .innerbox:last-child h2 {
	position: absolute;
	top: -270px;
}

.magicaleyecolor #advice30_box .happy_eyecolor,
.magicaleyecolor #advice30_box .advice30_box_list {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}

.magicaleyecolor #advice30_box .advice30_box_list li {
width: 286px;
margin-bottom: 70px;
}


.magicaleyecolor #advice30_box .advice30_box_list li .reed_copy {
font-size: 15px;
    font-weight: 500;
    margin: 20px 0;
    line-height: 1.5;
    letter-spacing: 0.02em;
}

.magicaleyecolor #advice30_box .advice30_box_list li .main_copy {
	font-size: 13px;
    line-height: 24px;
    font-weight: 300;
    letter-spacing: 0;
    height: 144px;
}
.itemCheckBtn_s a {
    padding: 12px 75px;
    font-size: 15px;
    width: 286px;
    height: 40px;
    box-sizing: border-box;
    display: inline-block;
    line-height: 1em;
    text-align: center;
    border: 1px solid;
    margin-top: 25px;
}

.magicaleyecolor .vb_btn{
display: flex;
justify-content: center;
justify-items: center;
margin: auto;
width: 900px;
}

.magicaleyecolor .vb_btn .petalEssenceLip_btn {
margin: 0 40px 0 0;
}

.magicaleyecolor .vb_btn .petalEssenceLip_btn a {
display: block;
width: 430px;
}

.magicaleyecolor .vb_btn .allItem_btn a {
display: block;
width: 430px;
}

.magicaleyecolor #corner_top {
position: fixed;
bottom: 100px;
right: 20px;
z-index: 10;
display: none;
}

.magicaleyecolor #corner_top a {
width: 48px;
height: 48px;
background: url(../../Contents/ImagesPkg/lp/magicaleyecolor/re_btn.png) no-repeat;
display: block;
text-indent: -9999px;
}

.magicaleyecolor #corner_top a:hover {
opacity: 0.7;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}
.magicaleyecolor #advice30_box .happy_eyecolor li{margin-bottom: 50px;}
.magicaleyecolor #advice30_box .happy_eyecolor li.happy_img{
	width: 375px;
	position: relative;
}
.magicaleyecolor #advice30_box .happy_eyecolor li.happy_img .happy_item{position: absolute;}
.magicaleyecolor #advice30_box .happy_eyecolor li.happy_img .item13{top: 6px;left: 135px}
.magicaleyecolor #advice30_box .happy_eyecolor li.happy_img .item14{top: 220px;left: 16px}
.magicaleyecolor #advice30_box .happy_eyecolor li.happy_img .item15{top: 306px;right: 36px}
.magicaleyecolor #advice30_box .happy_eyecolor li.happy_img .item16{top: 0;left: 60px;}
.magicaleyecolor #advice30_box .happy_eyecolor li.happy_img .item17{top: 150px;right: 0}
.magicaleyecolor #advice30_box .happy_eyecolor li.happy_img .item18{bottom: 50px;left: 46px}
.magicaleyecolor #advice30_box .happy_eyecolor li.happy_img .item19{top: 0;right: 45px;}
.magicaleyecolor #advice30_box .happy_eyecolor li.happy_img .item20{top: 230px;left: 14px;}
.magicaleyecolor #advice30_box .happy_eyecolor li.happy_img .item21{bottom: 80px;right: 55px}


.magicaleyecolor #advice30_box .happy_eyecolor li.happy_txt{width: 358px;}
.magicaleyecolor #advice30_box .happy_eyecolor li.happy_txt.right{width: 362px;margin-right: -4px}
.magicaleyecolor #advice30_box .happy_eyecolor li.happy_txt .ttl_img{margin-bottom: 40px;}
.magicaleyecolor #advice30_box .happy_eyecolor li.happy_txt .answer_ttl{margin: 12px 0 16px;}
.magicaleyecolor #advice30_box .happy_eyecolor li.happy_txt .answer_txt{font-size: 12px;letter-spacing: 0;line-height: 21px;font-weight: 300}
.magicaleyecolor #advice30_box .happy_eyecolor li.happy_txt .q_txt{font-size: 16px;letter-spacing: 0;line-height: 22px;font-weight: 300;}
.magicaleyecolor #advice30_box .happy_eyecolor li.happy_txt ul li > img{margin-right: 6px;}
.magicaleyecolor #advice30_box .happy_eyecolor li.happy_txt ul li{margin-bottom: 30px;}
.magicaleyecolor #advice30_box .happy_eyecolor li.happy_txt ul li img,
.magicaleyecolor #advice30_box .happy_eyecolor li.happy_txt ul li p{display: inline-block;vertical-align: middle;}
.vb_contents .vb_btn a {
    padding: 0;
    text-align: center;
    background: none;
    border: none;
}