*{
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
.wrapper{
	width:700px;
	margin:0 auto;
	line-height:150%;
}

/*Clear*/
.clear{
	clear:both;
}

p {
	margin:8px 0;
}

ul {
    list-style: none;
    width: 100%;
    font-size: 1.0em;
    line-height: 150%;
	margin:10px 0 0 0;
}
 
li {
    margin-bottom: 5px;
    padding-left: 1em; /*1em（1文字）分、右に動かす*/
    text-indent: -1em; /*最初の行だけ1em（1文字）分、左に動かす*/
}

img.p01{
	width:100%;
	margin:0 auto;
}
article{
	display:block;
	width:700px;
	margin:0 auto 40px;
}
.box{
	display:block;
	padding:0 0;
	margin-bottom:30px;
	border:1px solid transparent;
}
.brd{
	border:1px solid #ccc;
	padding:4px;
}


h1,h2{
	display:block;
	margin-bottom:10px;
}

.dlist dt{
	color:#FF6944;
	font-size:14px;
	font-weight:bold;
	margin-bottom:10px;
	line-height:1;
}
.dlist dd{
	font-size:12px;
	margin-bottom:20px;
}

.bold{
	font-weight:bold;
}
.mgb0{
	margin-bottom:0 !important;
}
.mgb10{
	margin-bottom:10px 0 0 0 !important;
}
.mgb20{
	margin-bottom:20px !important;
}
.mgb30{
	margin-bottom:30px !important;
}
.mgb30_2{
	margin-bottom:30px 0 10px 0 !important;
}
.mgb40{
	margin-bottom:40px !important;
}
.pdb0{
	padding-bottom:0 !important;
}
.tac{
	text-align:center !important;
}
.fs12{
	font-size:12px;
}
.fs14{
	font-size:14px;
}
.fs16{
	font-size:16px;
}

.fc_kusa{
	color:#669900;
}
.fc_orange{
	color:#FF9933;
}
.fc_orange2{
	color:#FF6944;
}
.fc_red{
	color:#cc0000;
}
.fc_red2{
	color:#ff3366;
}
.scroll{
	display:block;
	width:100%;
	height:100px;
	margin:0 auto;
	border:1px solid #ccc;
	padding:5px;
	overflow-y:scroll;
	color:#000;
}
input[type="submit"]{
	display:block;
	padding:2px 10px;
	margin:0 auto 40px;
	color:#000;
}
table{
	width:100%;
	margin:0 auto 40px;
}

table tr > *{
	padding:5px 10px;
	text-align:left;
}
thead th{
	text-align:center;
	background-color:#a8a8b7;
	color:#fff;
}
tbody th{
	background-color:#ececfb;
	text-align:center;
}

tbody td input[type="text"],
tbody td select{
	padding:10px;
	width:160px;
}
tbody td .caution{
	display:inline-block;
	width:410px;
	color:#ff3366;
	font-size:10px;
	vertical-align:middle;
}
textarea{
	width:100%;
}

.bnr_area{
	width:100%;
	max-width:490px;
	margin:0 auto;
}
hr{
	padding:0;
	margin:0 0 20px;
	border:none;
	border-top:1px solid #ccc;
}



@media screen and (min-width: 769px){
.sp{
	display:none !important;
}

#footer{position:relative; height:135px; background-color:#dae9e5;}

#footer .contents{
	width:769px;
	margin:0 auto;
	height:135px;
	position:relative;
}

#footer .pmark{position:absolute; top:25px; left:0px;}
#footer .secom{position:absolute; top:45px; left:180px;}
#footer .truste{position:absolute; top:45px; left:500px;}
#copyright {
    line-height: 36px;
    color: #fff;
    background: #61a5ca;
    text-align: center;
    display: block;
    font-size: 14px;
}
}
@media screen and (max-width: 768px){
.wrapper{
	width:100%;
}

article{
	display:block;
	width:100%;
	margin:0 auto 20px;
	padding:0 5px;
}

.scroll{
	width:100%;
}


tbody td input[type="text"],
tbody td select{
	padding:10px;
	width:100%;
	margin-bottom:5px;
}
tbody td .caution{
	display:block;
	width:100%;
	font-size:12px;
}


#footer{position:relative; text-align:left; background-color:#dae9e5; height:auto;}
#footer .contents a{display:block; margin-bottom:20px;}
#footer .pmark{margin-left:0; width:50px}
#footer .secom{margin-left:0;}
#footer .truste{margin-left:0;}
#footer .contents{width:95%; display:block; max-width:620px; margin:0 auto; min-width:300px; position:relative; padding:30px 0;}
#copyright{line-height:24px; color:#fff; background:#61a5ca; text-align:center; display:block; font-size:12px;}

.pc{
	display:none !important;
}
.sp_tal{
	text-align:left !important;
}
}


/* リンクボタン */
.link2 a{
	float: right;
	clear: right;
	display: block;
	margin: 4px 0px 10px 0px;
	padding: 9px 10px 7px 20px;
	font-size: 93%;
	text-decoration: none;
	padding: 9px 10px 7px 16px;
	color: #6B9ED3 !important;
	background-color: #FFFFFF !important;
	background-image: url(https://www.lovecosmetic.jp/shop/images/item/common_link.png);
	background-position: 8px 50%;
	background-repeat: no-repeat;
	border: 1px solid #6B9ED3;
	-moz-box-shadow: 3px 3px #6B9ED3;    /* firefox　*/
	-webkit-box-shadow: 3px 3px #6B9ED3;  /* safari、chorme */
	border-radius: 4px;   /* CSS3草案 */  
    -webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 4px; 
}
.link2 a:hover{
	color: #FFFFFF !important;
	background-color: #6B9ED3 !important;
	background-image: url(https://www.lovecosmetic.jp/shop/images/item/common_link2.png);
	background-position: 8px 50%;
	background-repeat: no-repeat;
	text-decoration: none !important;
}

.text01{
	margin:20px;
}	

.text02{
	margin:20px;
}	



.pink{
	color:#EC6580;
}

.bleu{
	color:#5EA9DD;
}

.bg01{
	background-color:#FFFAE1;
	padding:10px;
}

.btn03_2{
	width:207px;
	margin:0 20px 0 0;
}
/*

.btn01{
	width:210px;
	float:left;
	margin:0 15px 0 0;
}

.btn01_2{
	width:210px;
	float:left;
	margin:0;
}

.btn02{
	width:320px;
	float:left;
	margin:0 20px 0 0;
}

.btn02_2{
	width:320px;
	float:left;
	margin:0;
}

*/




@media screen and (min-width: 769px){
	
.btn01{
	width:31.81%;
	float:left;
	margin:0 2.27% 0 0;
}

.btn01_2{
	width:31.81%;
	float:left;
	margin:0;
}

.btn02{
	width:31.81%;
	float:left;
	margin:0 3.85% 0 16.26%;
}

.btn02_2{
	width:31.81%;
	float:left;
	margin:0 16.26% 0 0;
}

.btn03{
	width:60%;
	margin:0 auto;
}



.btn04{
	width:50%;
	margin:0 auto;
}


}

@media screen and (max-width: 768px){
.text01{
	margin:0 3%;
	max-width:768px;
}	

.text02{
	margin:0 auto;
	max-width:768px;
}

.text02 a img {
	margin-top:10px;
}		
.btn01{
	width:50%;
}

.btn01_2{
	width:50%;
}

.btn02{
	width:50%;
}

.btn02_2{
	width:50%;
	margin-top: 20px;

}

.btn03{
	width:60%;
	margin:0 auto;
}


.btn03_2{
	width: 50%;
margin:0 auto;
}

.btn04{
	width:50%;
	margin:0 auto;
}

}



.logo1{
	float:left;
	width:15.85%;
}

.logo2{
	float:right;
	width:18.85%;
}
