﻿@charset "UTF-8";

/* 共通style
----------------------------------------------------------------------------------------------*/
body {
-webkit-text-size-adjust:none;
position:relative;
letter-spacing:0;
}
.section01 {
margin-bottom: 10px;
}

#mainContents {
width: auto;
padding: 20px 10px 10px;
}
.textBox,
.ancBox h3,
.guideBox .text  {
font-size: 12px;
}
.ancBox {
font-size: 9px;
}
.logo{
margin:0;
}
.logo h1 {
width:196px;
height:48px;
margin: 0 auto 20px;
background:url(https://www.lovecosmetic.jp/ad2/goods_lis/images/mod_sp_title_logo_01.gif) no-repeat center;
background-size:196px auto;
}
.textBox{
margin-bottom: 20px;
}
.textBox h2 {
width: 279px;
height: 12px;
margin: 0 auto 15px;
background:url(https://www.lovecosmetic.jp/ad2/goods_lis/images/mod_sp_text_01.gif) no-repeat;
background-size:279px auto;
}
.textBox p {
letter-spacing:-0.1em;
}
.ancBox li.next a {
width: 120px;
height: 121px;
margin:0 auto 20px;
background:url(https://www.lovecosmetic.jp/ad2/goods_lis/images/mod_sp_btn_next_01.gif) no-repeat;
background-size:120px auto;
}
.ancBox li.back a {
width: 66px;
height: 51px;
background:url(https://www.lovecosmetic.jp/ad2/goods_lis/images/mod_sp_btn_back_01.gif) no-repeat;
background-size:66px auto;
}
.guideBox p{
margin:0;
}
.guideBox .ttl{
margin:0 -10px;
}
.guideBox .ttl h2 {
width: 267px;
height: 12px;
margin-left:10px;
background:url(https://www.lovecosmetic.jp/ad2/goods_lis/images/mod_sp_text_02.gif) no-repeat;
background-size:267px auto;
}
.guideBox .text{
text-indent:-1em;
padding-left:1em;
}
.guideBox .card {
width: 353px;
height: 92px;
margin-left:10px;
background:url(https://www.lovecosmetic.jp/ad2/goods_lis/images/mod_sp_img_card_new.jpg) no-repeat;
background-size:265px auto;
}
.logoArea li {
margin: 0 0 10px 10px;
padding-right:0;
display: inherit;
vertical-align: middle;
font-size: 10px;
}
.logoArea li p {
vertical-align:middle;
}
.logoArea li p.secom,
.logoArea li p.privacy,
.logoArea li p.truste {
padding-right: 10px;
}
.logoArea li p.secom {
width: 43px;
height: 47px;
background:url(https://www.lovecosmetic.jp/ad2/goods_lis/images/mod_sp_img_secom.jpg) no-repeat;
background-size:43px auto;
}
.logoArea li p.privacy {
width: 44px;
height: 45px;
background:url(https://www.lovecosmetic.jp/ad2/goods_lis/images/mod_sp_img_privicy.jpg) no-repeat;
background-size:44px auto;
}
.logoArea li p.truste {
width:110px;
height:31px;
background:url(https://www.lovecosmetic.jp/ad2/goods_lis/images/mod_sp_img_truste.jpg) no-repeat;
background-size:110px auto;
}
#footer {
width: auto;
margin: 0 auto;
padding:12px 10px;
font-size: 9px;
}
#footer ul li.text {
margin: 0 0 15px;
float: none;
line-height:1.3;
}
#footer ul li.copyright {
margin:0 -10px;
padding: 12px 0 0;
background:url(https://www.lovecosmetic.jp/ad2/goods_lis/images/mod_sp_footer_line.gif) repeat-x left top;
background-size:50%;
float: none;
text-align: center;
}
/*index02,index03
--------------------------------------------------------------------------------------------*/
.ancBoxImg01,
.ancBoxImg02 {
width:100%;
margin:0;
}	

@media screen and (max-width: 320px){
.ancBoxImg01,
.ancBoxImg02 {
width:100%;
margin:0 0 0 -15px;
}	
}
.ancBoxImg01 .img,
.ancBoxImg02 .img {
width: 213px;
height: 171px;
}
.ancBoxImg01 .img {
display:none;
}
.ancBoxImg02 .img {
display:none;
}
.ancBoxImg01 li.back,
.ancBoxImg02 li.back{
width: 345px;
height: 100px;
margin: 0 auto;
padding:70px 0 0;
}
.ancBoxImg01 li.back{
background:url(https://www.lovecosmetic.jp/ad2/goods_lis/images/mod_sp_index2_img_01.jpg) no-repeat 75px 0;
background-size:213px auto;
}
.ancBoxImg02 li.back{
background:url(https://www.lovecosmetic.jp/ad2/goods_lis/images/mod_sp__index3_img_01.jpg) no-repeat 75px 0;
background-size:213px auto;
}
.ancBoxImg01 li.back a,
.ancBoxImg02 li.back a {
margin: 0 0 0 30px;
}

.columType02{
margin-left:0;
}
.columType02 ul{
display:inherit;
direction:inherit;
}
.columType02 li{
display:inherit;
/display:inherit;
/zoom:1;
vertical-align:middle;
padding-right:0;
}
