@charset "UTF-8";

/* *****************************************
/*+  init  +********************************
/***************************************** */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin: 0;
	padding: 0;
}
img,input { 
    max-width: 100%; 
    height:auto;
}
.sp {
	display: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset,img {border: 0;}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
	font-weight: normal;
}
em,strong,th {font-weight: bold;}
ol,ul {list-style: none;}
caption,th {text-align: left;}
h1,h2,h3,h4,h5,h6 {font-size: 100%;}
q:before,q:after {content: '';}
abbr,acronym {border: 0;}
sub,sup {
	font-size: .5em;
	line-height: 1;
}
hr {display: none;}

.l {float:left;}
.r {float:right;}
.no0{font-size:60%;} /* フォントズーム */
.no1{font-size:80%;} /* フォントズーム */
.no2{font-size:110%;} /* フォントズーム */
.txtr{text-align:right;margin-right:10px;}
strong{color:#ff0099}
.red {
    color: #CC0000;
}
/* *****************************************
/*+  link  +********************************
/***************************************** */
a {color:#8c8c8c;}
a:hover {color:#574013;text-decoration: underline;}
a:hover img {
	 opacity: .70;
	 filter: alpha(opacity=70);
	 -ms-filter: "alpha(opacity=70)";
	 -khtml-opacity: .70;
	 -moz-opacity: .70;
	 cursor: pointer;
}
input:hover{
	 opacity: .70;
	 filter: alpha(opacity=70);
	 -ms-filter: "alpha(opacity=70)";
	 -khtml-opacity: .70;
	 -moz-opacity: .70;
	 cursor: pointer;
}

/*+ rollover + --------------------------- */

 #page-top {
	 position: fixed;
	 bottom: 67px;
	 right: 20px;
	 font-size: 77%;
	 z-index: 100;
}
 #page-top a {
	 background: #666;
	 text-decoration: none;
	 color: #fff;
	 width: 39px;
	 height: 39px;
	 padding: 0;
	 text-align: center;
	 display: block;
}
 #page-top a:hover {
	 text-decoration: none;
	 background-image: url(images/pagetop_on.gif);
}
 #page-top a:hover img {opacity: 0;}
 section #guide p {
	 font-size: 75%;
	 line-height: 175%
}
/* *****************************************
/*+  layout  +******************************
/***************************************** */
body {
	font-family: 'ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	color: #596168;
	font-size:0.95rem;
	line-height: 1.8;
	text-align: center;
	-webkit-text-size-adjust: 100%;
}
#wrapper {
/*background:url(images/bg.jpg) repeat-x fixed ;*/
	margin: 0 auto;
overflow: hidden;
}
.inner {
	margin: 0 auto;
	position: relative;text-align: center;
}
.inner p, .inner li, .inner dl, .inner dt, .inner dd, .inner div {position: relative;}


.clear {clear:both;}



/*---main---*/
#main{
	margin: 0 auto 50px;
width: 750px;
    text-align: left;
}


/*---meeye---*/
.line1{
border:26px solid #ec7aac;
padding:39px;
margin-bottom:50px;
}

.sbt{
background: url(images/mceye_02.jpg)center 0 no-repeat;
height:429px;text-align: center;
}
.sbt a{
position: relative;right: 23%;top: 80%;
}
.inp{max-width: 100%;}

.action select{display: none;}


@media screen and (max-width: 768px) {
.sbt{
background-size: 100%;
}
.sbt a{
position: relative;
right: 18%;
    top: 48%;
}
.line1{
border:18px solid #ec7aac;
padding:20px;
margin-bottom:10px;
}
.line1 a img{padding-top:10px;width:80%;}
.inp{max-width: 80%;margin:0 auto;}

}


.imgsp img{
margin:20px 0;
}
.imgsp input{
margin:20px 0 50px;
}
.chose_mceye{
background-color:#eb3266;
margin:10px 58px 42px;
padding: 20px;
}
.chose_mceye_c{
background-color:#c580af;
margin:10px 58px 42px;
padding: 20px;
}
#te_service {
    margin: 50px 20px;
}
#te_service h2 {
	font-size:0.95rem;
border-bottom:1px solid #000;
margin-bottom:10px;
}
#te_service li.ten {
    list-style-image: url(https://www.meikocosmetics.co.jp/pic-labo/ten.png);
    margin: 0 0 0 20px;
    line-height: 180%;
}

.select {
    text-align: center;
}
.select select {
    font-size: large;
background-color: #fff !important;
color: #000;
}
.select img {margin-bottom: 5px;}
.select input {background-color: #fff;}

/*---footer---*/
#footer{
	text-align:center;
  background-color: #f7f5f6;
  border-top: solid 1px #e3dfdf;
	width: 100%;
	font-size:0.75rem;
  padding-top: 50px;
  overflow: hidden;
}

#footlink{
	font-size: 0.75rem;
	clear:both;
	background-color:#efefef;
	height:40px;
}
#footlink ul{
	overflow: visible;
	padding-top: 5px;
}

#footlink li{
	float: left;
	margin: 8px 10px;
	padding: 0 0 0 10px;
}
#footlink li a {text-decoration: none;}
#footlink li a:hover{text-decoration: underline;}
#footlink p {
	float: right;
	font-size: 0.65rem;
	padding-top: 10px;
	text-align: right;
}
#footer .section {
	text-align:left;
	margin: 0 auto 50px;
	width: 820px;
	    background-color: #fff;
    border: solid 1px #e3dfdf;
    padding: 50px 60px;
}

#footer .section h2{
	margin:0;
	font-size:1rem;
	font-weight:bold
}
#footer .section h3{
	font-size:0.8rem;
	font-weight:bold;
    border: 1px solid #dcdcdc;
    background: #f2f2f2;
    padding: 5px;
    margin: 30px 0 20px 0;
    clear: both;


}
#footer .section p{font-size:0.75rem;}
#footer .section .notes{
	margin-top:15px;
	border-top:1px #a9a9a9 solid;
}
#footer .section .notes li:first-child{margin-top:15px;}
.logosns {
    background-color: #fff;
    margin-top: 50px;
}
.social ul {
	margin: 0 auto;
    display: table;
    border-collapse: separate;
    border-spacing: 20px 0;
    table-layout:fixed;
}
.social li {
	display: table-cell;
	width:30px;
}
.social li:last-child {
	margin-right: 0;
}

.social li img {
	width:100%;
	height:auto;
}

.b06_05{
background: url(images/pdy0115_06_05.jpg) 0 0 no-repeat;
height:48px;
}

.b06_09{
background: url(images/pdy0115_06_09.jpg) 0 0 no-repeat;
height:48px;
}

.b06_13{
background: url(images/pdy0115_06_13.jpg) 0 0 no-repeat;
height:49px;
}

#footer #service{
text-align: left;
    width: 820px;
    margin: 0 auto;
    display: flow-root;
    background-color: #fff;
    border: solid 1px #e3dfdf;
    padding: 50px 60px;
}
#footer #service h2{
	width: 400px;
	height: 40px;
	margin:30px 0 10px;
}
#footer #delivery{float:left;width:400px;}
#footer #pay{float:right;width:400px;}
#footer #pay ul {overflow: hidden;}
#footer #return{float:right;width:400px;}
#footer #member{float:right;width:400px;}
#footer #delivery h2{background: url(https://www.meikocosmetics.co.jp/ocex/images/pay_ttl01.png) no-repeat;}
#footer #pay h2{background: url(https://www.meikocosmetics.co.jp/ocex/images/pay_ttl02.png) no-repeat;}
#footer #return h2{background: url(https://www.meikocosmetics.co.jp/ocex/images/pay_ttl03.png) no-repeat;}
#footer #member h2{background: url(https://www.meikocosmetics.co.jp/ocex/images/pay_ttl04.png) no-repeat;}
#footer #service p {margin-left: 45px;}
#footer #service li {
	margin: 0 0 0 60px;
	padding: 0 0 0 30px;
	background: url(https://meikocosmetics.co.jp/pic-labo/c_yb.gif) no-repeat 17px 7px;
}
.table01{
	border:#dadada 1px solid;
	border-collapse:collapse;
	text-align:center;
	font-size:0.8rem;
}
.table01 th{
	padding:5px 15px;
	border-right:#dadada 1px solid;
	border-bottom:#dadada 3px double;
	background-color:#f0f0f0;
	text-align:center;
}
.table01 td{
	padding:5px 15px;
	border-right:#dadada 1px solid;
	border-bottom:#dadada 1px dotted;
}
.red {
    color: #CC0000;
}

#footer #careInfo {
	width: 820px;
	clear: both;
	height: 90px;
	padding-top: 15px;
}

#footer #careInfo .FtelInner {
	background-color: #ffffff;
	width: 375px;
	height: 45px;
	border: 1px solid #e7e9e7;
	margin: 12px 0;
	padding: 8px 12px;
}
#footer #careInfo .FtelInner p {
	font-size:0.7rem;
	width:190px;
	float:right;
	margin:0;
	line-height: 1.3;
}


#footer #service h2 span{
visibility: hidden;
}
/* media queries
--------------------------------------------------------- */
@media screen and (max-width: 768px) {
	* {
   -webkit-appearance: none;
}
.pc {
	display: none;
}
.sp {
	display: block;
}
img {
    max-width: 100%;
    height: auto;
    width: 100%;
}

.inp input{
    max-width: 100%;
    height: auto;
    background-color: #fff;

}
/*---main---*/
#main{
width: 100%;
}

.wrapContainer {
	width: 100%;
}
.mclp_top{
background: url(../mclp/images/mclp_02.png)center 0 no-repeat;
width: 100%;
		height: auto;
text-align: center;
}

.chose_mcrf{
margin:20px 0;
}


  footer .footnav1 li {
    border-top: 1px solid #969696;
text-align:left;
  }
  footer .footnav1 li:last-child {
    margin-right: 0;
    border-bottom: 1px solid #969696;
  }

footer .footnav1 li a {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 100%;
    padding: 13px 24px;
    font-size: 100%;
}
footer .footnav1 li a {text-decoration: none;}
footer .footnav1 li a:hover{text-decoration: underline;}

footer .social {
    float: none;
    margin: 20px 0 60px;
}

footer p {
	padding: 0;
	text-align: center;
	margin-bottom: 10px;
	font-size: 70%;
}
#footer .section {
	margin: 0 5% 8%;
	width: 80%;
	padding: 5%;
}

#footer .section h2{
	margin:0;
	font-size:1rem;
	font-weight:bold
}
#footer .section h3{
	margin:20px 0 0 ;
	font-size:0.8rem;
	font-weight:bold;
}
#footer .section p{font-size:0.75rem;}
#footer .section .notes{
	margin-top:15px;
	border-top:1px #a9a9a9 solid;
}
#footer .section .notes li:first-child{margin-top:15px;}
#footer #delivery{float:none;width:95%;}
#footer #pay{float:none;width:95%;}
#footer #return{float:none;overflow: hidden;width:95%;}
#footer #service{
text-align: left;
    width: 100%;
    margin: 0 auto;
    display: flow-root;
    padding: 10px;
}
#footer #service h2{
	width: 100%;
}

}