@charset "UTF-8";

sup {
	font-size: 50%;
}
.notes {
	line-height: 1.3em;
	font-weight: normal;
}
.teiki-tokuten {
	position: absolute;
	top: 30px;
	left: 30px;
	z-index: 9999;
}
.teiki-tokuten img {
	width: 125px;
	height: auto;
}

@media screen and (max-width: 480px) {
	.teiki-tokuten {
		top: 20px;
		left: 20px;
	}
	.teiki-tokuten img {
		width: 90px;
		height: auto;
	}
}

/* 各商品ページ共有 **********************************************************/

.main_cart {
	width: 934px;
    clear: both;
    text-align: center;
	margin: 0 auto 6% auto;
	position: relative;
}
.main_cart:after {
	clear: both;
    content: "";
    display: block;
}
.main_cart:hover {
	opacity: 1;
}
.m_img_area,
.m_cart_area {
	float: left;
}
.m_cart_area {
	background-color: #F0F0F0;
	width: 286px;
    height: 554px;
	text-align: left;
	padding-right: 111px;
}
.cart_btn {
	width: 286px;
    height: 55px;
    background-color: #434343;
    font-size: 19px;
    color: #FFF;
    border: none;
    font-weight: bold;
}
.item_tit {
	font-size: 24px;
    line-height: 2em;
    border-bottom: 1px solid #000;
	margin-top: 4.5em;
	margin-bottom: 0.6em;
}
.item_txt {
	font-size: 14px;
    line-height: 1em;
}
.item_txt2 {
	font-size: 14px;
    line-height: 1em;
    display: inline-block;
	text-indent: 28px;
}
.item_txt3 {
	clear: both;
	font-size: 14px;
    display: block !important;
	line-height: 2em;
	padding-top: 0.6em;
	border-top: 1px solid #000;
	width: 100%;
}
.item_yen {
	line-height: 3em;
	font-size: 17px;
/*	border-bottom: 1px solid #000; */
/*	margin-bottom: 0.7em; */
	font-weight: bold;
}
.tax {
	font-size: 12px;
}
.cart_form {
	border-top: 1px solid #000;
	margin-top: 0.7em;
	padding-top: 0.7em;
	font-size: 15px;
	line-height: 2em;
	font-weight: bold;
}
.cart_form2 {
	margin-bottom: 5em;
}
.f_l {
/*	width: 160px; */
	width: 170px;
    float: left;
}
.f_l2 {
	width: 160px;
    float: left;
    line-height: 1.5em;
}
.f_l3 {
	width: 177px;
    float: left;
}
.ichi_hei {
    height: 30px;
}
.ichi_hei2 {
    height: 60px;
    line-height: 1.5em;
}
.ni_hei {
    height: 45px;
	margin-top: 2%;
}
.san_hei {
    height: 45px;
}
.last_mb {
	margin-bottom: 4%;
}
.kakaku_f {
	float: right;
}
.kakaku_f2 {
	float: right;
    text-align: right;
    line-height: 1.5em;
}
.cart_form form input:last-child {
	margin: 1em auto;
	letter-spacing: 2px;
}

.intro_l,
.voice_l {
	width: 143px; 
	font-size: 17px;
	float: left;
	text-align: center;
	letter-spacing: 1px;
}
.item_link:after {
	content: "";
	clear: both;
	display: block;
}

.intro_area {
	width: 93.3%;
    margin: 8% auto 0 auto;
}
.intro_area:after {
	content: "";
	clear: both;
	display: block;	
}
.intro_area .area1,
.intro_area .area2 {
	margin-bottom: 9%;
    overflow: auto;
}
.intro_area .area3 {
	background-color: #F0F0F0;
    padding: 3%;
}
.txt_area1,
.img_area2 {
	float: left;
}
.img_area1,
.txt_area2,
.txt_koshino {
	float: right;
}
.txt_area1,
.txt_area2 {
	width: 43%;
}
.img_area1,
.img_area2 {
	width: 55%;
}
.img_area1 {
	text-align: right;
}
.txt_area1 p,
.txt_area2 p,
.txt_area3 p {
	font-size: 40px;
    letter-spacing: 2px;
    line-height: 1.1em;
	margin-bottom: 5%;
}
.area3_tit {
	font-size: 30px;
    letter-spacing: 2px;
    line-height: 1.1em;
	margin-bottom: 1%;
}
.area3_txt {
	font-size: 16px;
    line-height: 1.4em;
}
.txt_area1 span,
.txt_area2 span,
.txt_area2 span pre,
.txt_area3 span {
	font-size: 20px;
    line-height: 1.5em;
}
.txt_area2 span pre {
	display: inline;
}

.koshino_img {
	float: left;
}

.area_koshino:after {
	content: "";
	clear: both;
	display: block;
}
.area_koshino {
	width: 66%;
	margin: 5% auto 10% auto;
}
.txt_koshino{
	padding-top: 8%;
}
.k_txt1 {
	font-size: 29px;
	color: #af7b27;
	line-height: 1em;
}
.k_txt2 {
	font-size: 22px;
	color: #af7b27;
	line-height: 2em;
    margin-bottom: 2%;
}
.k_txt3 {
	font-size: 20px;
	width: 390px;
    line-height: 1.5em;
}
.area_koshino:after {
    content: "";
	clear: both;
	display: block;
 }
 .k_hei {
	line-height: 1em;
}
.txt_red {
	color: #ac4141;
	text-align: right;
}
.otoku {
	width: 286px;
    height: 55px;
	background-color: #a5a5a5;
    font-size: 18px;
    color: #ffffff;
    border: none;
    font-weight: bold;
    text-align: center;
    margin-bottom: 0.5em;
}
.otoku p:first-child {
	padding: 5px 0;
    font-size: 14px;
}

 /* CCクッションファンデ **********************************************************/
.cc_cart_area {
    height: 656px;
}
 .tit_cc {
	margin-top: 0.7em;
	line-height: 1.4em;
    padding-bottom: 3%;
	/*letter-spacing: -3px;
	font-size: 1.9em;*/
}
.cart_f03,
.cart_f04,
.cart_f05 {
	display: block;
    float: left;
    margin-top: 3px;
}
.cc_txt {
	line-height: 1.5em;
	display: block;
	margin-left: 1px;
	margin-bottom: -22px;
}
.cc_txt span {
	margin-left: 4px;
}
.hosoku {
	line-height: 1.2em;
	margin: 6px 0 6px 0;
	font-size: 13px;
	color: #ac4141;
	content: "";
	clear: both;
    display: block;
}

.txt_area1 .no_ls {
	letter-spacing: 0;
}

 /* リアルオールインワン **********************************************************/
.tit_real {
	line-height: 1.4em;
	margin-top: 2em;
}
 /* あかこん **********************************************************/
.tit_aka {
	line-height: 1.4em;
}

 /* スペシャル肌ケア セット **********************************************************/
.txt_area1 .sps_p,
.txt_area2 .sps_p {
    letter-spacing: 0px;
    line-height: 1.2em;
 }
 .item_yen_sps {
	border: none;
	margin-bottom: 0;
}
 .c_f_sps  form input:last-child {
	margin-top: 0;
}
.tit_sps {
	line-height: 1.4em;
    padding-bottom: 3%;
}
.sps_txt {
	font-size: 20px;
	letter-spacing: -0.12em;
}
 .c_f_cc {
	font-size: 14px;
	line-height: 2.2em;
}
.c_f_cc:after {
	content: "";
	clear: both;
	display: block;
}

 /* エクセレンス トリートメントエッセンス50 **********************************************************/
 .tit_e50 {
	margin-top: 2.5em;
	line-height: 1.4em;
    padding-bottom: 3%;
	letter-spacing: -0.12em;
}
.m_cart_area .cart_form form .cart_btn_e {
	margin: 1em 0 0.5em 0;
}

  /* エクセレンス トリートメントエッセンス60 **********************************************************/
 .tit_e60 {
	margin-top: 2.6em;
	line-height: 1.4em;
    padding-bottom: 3%;
	letter-spacing: -0.12em;
}

 /* 美顔器 **********************************************************/
 .item_yen_mist {
	border: none;
	margin-bottom: 0;
}
 .c_f_mist  form input:last-child {
	margin-top: 0;
}
 .tit_mist {
	margin-top: 5.8em;
	line-height: 1.4em;
    padding-bottom: 3%;
	letter-spacing: -0.02em;
}
.txt_area2 .mist_p {
    letter-spacing: 0px;
}

 /* 馬プラセンタドリンク **********************************************************/
  .tit_umad {
	margin-top: 2.4em;
	line-height: 1.4em;
    padding-bottom: 3%;
	letter-spacing: -0.02em;
}
 


 /* 馬プラセンタサプリ **********************************************************/

.tit_umad {
    margin-top: 1.5em;
}
 .umad_txt p {
	letter-spacing: 0px;
}
 

@media screen and (max-width: 1000px) {

.main_cart {
    margin-top: 60px;
	width: 100%;
	background-color: #F0F0F0;
}
.txt_koshino{
	padding-top: 10%;
}
.k_txt3 {
	font-size: 18px;
	width: 350px;
    line-height: 1.5em;
}
.intro_l img,
.voice_l img { 
	width: 10px;
}
.m_img_area {
	width: 52%;
}
.m_cart_area {
    height: 559px;
}


 /* CCクッションファンデ **********************************************************/

.m_c_cc {
    height: 670px;
}

}

@media screen and (max-width: 840px){

.area_koshino {
    width: 88%;
 }
.txt_area1 p,
.txt_area2 p,
.txt_area3 p {
    font-size: 34px;
}
.txt_area1 span,
.txt_area2 span,
.txt_area2 span pre,
.txt_area3 span {
    font-size: 19px;
}
.m_img_area,
.m_cart_area {
    float: none;
}
.m_cart_area {
	width: 286px;
	/*height: 370px;*/
	height: auto;
	margin: 0 auto;
	padding-right: 0;
}
.item_tit {
    margin-top: 30px;
}
.main_cart,
.m_cart_area {
	background-color: inherit;
}
.m_img_area {
	margin: 0 auto;
	padding: 0 24%;
	background-color: #F0F0F0;
}
.intro_area {
	padding-top: 10%;
}
.camp {
    margin: 4% 0 -7% 0;
}
.f_l {
    width: 174px;
}

 /* CCクッションファンデ **********************************************************/
.m_c_cc {
    height: auto;
}
/* 馬プラセンタサプリ **********************************************************/
.m_c_umad {
    height: auto;
}

}

@media screen and (max-width: 630px){
.txt_area1,
.txt_area2,
.txt_area3 {
    width: 100%;
	margin-bottom: 2%;
}
.img_area1,
.img_area2 {
    width: 100%;
}
.intro_area .area1,
.intro_area .area2 {
    margin-bottom: 12%;
}

.area_koshino {
    width: 100%;
	text-align: center;
	margin: 14% 0;
 }
 .koshino_img {
	float: none;
}
 .koshino_img img {
	width: 50%;
}
.txt_koshino {
    float: none;
}
.txt_koshino {
    padding-top: 5%;
}
.k_txt3 {
	margin: 0 auto;
}
.intro_area {
	padding-top: 12%;
}



}

@media screen and (max-width: 480px) {

.main_cart {
    margin-top: 50px;
}
.txt_area1 p,
.txt_area2 p,
.txt_area3 p {
    font-size: 30px;
    letter-spacing: 1px;
}
.txt_area1 span,
.txt_area2 span,
.txt_area2 span pre,
.txt_area3 span {
    font-size: 15px;
    line-height: 1.5em;
}

.k_txt1 {
    font-size: 25px;
}
.k_txt2 {
    font-size: 19px;
    line-height: 1.5em;
}
.k_txt3 {
    font-size: 16px;
    width: 310px;
}
.intro_area {
	padding-top: 13%;
}





}