@charset "UTF-8";
/* CSS Document -ヒアルロンアイクリーム */
.pc-mode-01 {
    display: block !important;
}
.pc-mode-02 {
    display: inline !important;
}
.pc-mode-03 {
    display: inline-block !important;
}
.pc-mode-05 {
    display: flex !important;
}
.sp-mode-01 {
    display: none !important;
}
.sp-mode-02 {
    display: none !important;
}
.sp-mode-03 {
    display: none !important;
}
.sp-mode-04 {
    display: none !important;
}
.sp-mode-05 {
    display: none !important;
}

/* フォーマット設定*/
.inner {
	max-width: 940px;
	margin: 0 auto;
}
.inner-01 {
	max-width: 1120px;
	margin: 0 auto;
}
.inner-02 {
	max-width: 1120px;
	margin: 0 auto;
}
/* common
-----------------------------------------------------------------*/
.toolBox01 { background-color: #d8b96c; }
.function01 {
	margin-top: 6px;
	padding-bottom: 6px;
}
sup {
	font-size: 0.6em;
	vertical-align: super;
}

/*共通アイテム(PC)
--------------------------------------------------------------*/


.txt-inline-block{
	display: inline-block;
}
.txt-f01{
	font-family: "Hiragino Mincho ProN", "Sawarabi Mincho","ヒラギノ明朝 Pro","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
}
.small {
	font-size: 0.647em;
}
.small2 {
	font-size: 0.5em;
}
.note-01 {
    /* font-size: 12px; */
    font-size: 0.857em;
    color: #777;
}
.note-01 dt{
    float: left;
}
.note-01 dd{
    padding-left: 2.35em;
}

/* 上部(PC)共通 */


.g-txt-01{
	background: -moz-linear-gradient(101deg,  rgba(175,119,0) 0%, rgba(178,122,2) 1%, rgba(251,203,38) 15%, rgba(175,119,0) 50%, rgba(251,203,38)65%, rgba(175,119,0) 80%); /* FF3.6-15 */
	background: -webkit-linear-gradient(101deg,  rgba(175,119,0) 0%,rgba(178,122,2) 1%,rgba(251,203,38) 15%,rgba(175,119,0) 50%,rgba(251,203,38) 65%,rgba(175,119,0) 80%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(-11deg,  rgba(175,119,0) 0%,#b27a02 1%,rgba(251,203,38) 15%,rgba(175,119,0) 50%,rgba(251,203,38) 65%,rgba(175,119,0) 80%);
	background: linear-gradient(-11deg,  rgba(175,119,0) 0%,hsl(41deg 98% 35%) 1%,rgba(251,203,38)15%,rgba(175,119,0) 50%,rgba(251,203,38) 65%,rgba(175,119,0) 80%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#af7700', endColorstr='#af7700',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	color: #DA8E00;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-weight: bold;
	-webkit-filter: drop-shadow(0 0 3px #fff);
	filter: drop-shadow(0 0 3px #fff);
}
/* 下部(PC)共通 */
.section_01{
	width: 100%;
	max-width: 1600px;
	margin: 0 auto;
}



.btn-01 a{
	width: 500px;
	box-sizing: border-box;
	color: #fff;
	font-size: 1.429em;/*20px*/
	font-weight: bold;
	display: block;
	text-align: center;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background: #002e8b;
}
.btn-01 a>span{
    display: block;
    background: url(/-/Media/com/hadalabo/promo/g-premium_eyecream/ico_arw_02.png) no-repeat right 28px center;
    background-size: 0.45em;
    padding: 13px 38px 14px 38px;
}
.btn-02{
    position: relative;
    width: 500px;
	margin: 0 auto;
}
.btn-02 a .open,
.btn-02 a .close {
 display: none;
}
.btn-02 a .open.active,
.btn-02 a .close.active {
 display: block;
}
.btn-02 a>span{
	box-sizing: border-box;
	color: #002e8b;
	font-size: 1.429em;
	font-weight: bold;
	display: block;
	text-align: center;
	width: 100%;
	border: #b49340 solid 2px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	padding: 12px 43px 11px;
}
.btn-02 a>span.close{
	background: url(/-/Media/com/hadalabo/promo/g-premium_eyecream/ico_minus.png) center left 16px / 22px no-repeat,rgb(255,255,255); /* Old browsers */
	background: url(/-/Media/com/hadalabo/promo/g-premium_eyecream/ico_minus.png) center left 16px / 22px no-repeat,-moz-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 1%, rgba(226,208,164,1) 50%, rgba(180,147,64,1) 100%); /* FF3.6-15 */
	background: url(/-/Media/com/hadalabo/promo/g-premium_eyecream/ico_minus.png) center left 16px / 22px no-repeat,-webkit-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 1%,rgba(226,208,164,1) 50%,rgba(180,147,64,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: url(/-/Media/com/hadalabo/promo/g-premium_eyecream/ico_minus.png) center left 16px / 22px no-repeat, radial-gradient(ellipse at center,  rgba(255,255,255,1) 1%,rgba(226,208,164,1) 50%,rgba(180,147,64,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    
}
.btn-02 a>span.open{
	background: url(/-/Media/com/hadalabo/promo/g-premium_eyecream/ico_plus.png) center left 16px / 22px no-repeat,rgb(255,255,255); /* Old browsers */
	background: url(/-/Media/com/hadalabo/promo/g-premium_eyecream/ico_plus.png) center left 16px / 22px no-repeat,-moz-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 1%, rgba(226,208,164,1) 50%, rgba(180,147,64,1) 100%); /* FF3.6-15 */
	background: url(/-/Media/com/hadalabo/promo/g-premium_eyecream/ico_plus.png) center left 16px / 22px no-repeat,-webkit-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 1%,rgba(226,208,164,1) 50%,rgba(180,147,64,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: url(/-/Media/com/hadalabo/promo/g-premium_eyecream/ico_plus.png) center left 16px / 22px no-repeat,radial-gradient(ellipse at center,  rgba(255,255,255,1) 1%,rgba(226,208,164,1) 50%,rgba(180,147,64,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	
}

/* タイトル */

.txt-c01 {
    background: -moz-linear-gradient(101deg, #8C681C 0%,#8C681C 7%,#c8a03a 15%,#8C681C 30%,#e6b81f 45%,#8C681C 55%,#cfa928 65%, #8C681C 85%); /* FF3.6-15 */
    background: -webkit-linear-gradient(101deg,#8C681C 0%,#8C681C 7%,#c8a03a 15%,#8C681C 30%,#e6b81f 45%,#8C681C 55%,#cfa928 65%, #8C681C 85%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(-11deg, #8C681C 0%,#8C681C 7%,#c8a03a 15%,#8C681C 30%,#e6b81f 45%,#8C681C 55%,#cfa928 65%, #8C681C 85%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#af7700', endColorstr='#af7700',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    color: #DA8E00;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
/* ie10 */
@media all and (-ms-high-contrast:none) {
	.txt-c01 {
		background: none;
		color: #8C681C;
		/* -webkit-background-clip: unset; */
		/* -webkit-text-fill-color: #8C681C; */
	}
}
/* ie11 */
_:-ms-lang(x)::-ms-backdrop, .txt-c01 {
	background: none;
	color: #8C681C;
	/* -webkit-background-clip: unset; */
	/* -webkit-text-fill-color: #8C681C; */
}


.note-02 dt{
    float: left;
}
.note-02 dd{
    padding: 0 0 0 2.5em;
    margin-bottom: 0.45em;
}

.ttl-01 {
    text-align: center;
    margin-bottom: 100px;
}
.ttl-01 .ttl-cnt-wrap-01{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.ttl-01 .ttl-cnt-wrap-01:after {
	content:"";
	display: inline-block;
	background: rgb(212,178,80); /* Old browsers */
	background: -moz-linear-gradient(left,  rgba(212,178,80,1) 0%, rgba(255,242,213,1) 50%, rgba(212,178,80,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(212,178,80,1) 0%,rgba(255,242,213,1) 50%,rgba(212,178,80,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(212,178,80,1) 0%,rgba(255,242,213,1) 50%,rgba(212,178,80,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4b250', endColorstr='#d4b250',GradientType=1 ); /* IE6-9 */
	width: 200px;
	height: 3px;
	margin-top: 5px;
}
.ttl-01 .ttl-cnt-wrap-01 .ttl-cnt-01{
	font-size: 2em;
	color: #886901;
}
.ttl-01 .ttl-cnt-wrap-01 .ttl-cnt-05{
	font-size: 2.571em;
	color: #886901;
}
.ttl-01 .ttl-cnt-wrap-01 .ttl-cnt-02{
	font-size: 3em;/* 42px */
}
.ttl-01 .ttl-cnt-wrap-01 .ttl-cnt-04{
	font-size: 3.071em;/* 43px */
	font-weight: bold;
	color: #886901;
}

.ttl-01 .ttl-cnt-wrap-01 .ttl-cnt-02.ttl-cnt-02b {
	font-size: 2.571em;/* 36px */
}
.ttl-01 .ttl-cnt-wrap-01 .ttl-cnt-02{
	background: -moz-linear-gradient(101deg, #8C681C 20%, #C8AB3A 40%,#8C681C 50%,#C8AB3A 60%,#8C681C 80%, #8C681C 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(101deg, #8C681C 20%, #C8AB3A 40%,#8C681C 50%,#C8AB3A 60%,#8C681C 80%, #8C681C 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(-11deg,#8C681C 20%, #C8AB3A 40%,#8C681C 50%,#C8AB3A 60%,#8C681C 80%, #8C681C 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#af7700', endColorstr='#af7700',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    color: #DA8E00;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-weight: bold;
}
@media all and (-ms-highbf9233-contrast:none){
  *::-ms-backdrop, .ttl-01 .ttl-cnt-wrap-01 .ttl-cnt-02{
	color: #bf9233;
	background: none;
} /* IE11 */
}
/* ie10 */
@media all and (-ms-high-contrast:none) {
	.ttl-01 .ttl-cnt-wrap-01 .ttl-cnt-02 {
		background: none;
		color: #8C681C;
		/* -webkit-background-clip: unset; */
		/* -webkit-text-fill-color: #8C681C; */
	}
}
/* ie11 */
_:-ms-lang(x)::-ms-backdrop, .ttl-01 .ttl-cnt-wrap-01 .ttl-cnt-02 {
	background: none;
	color: #8C681C;
	/* -webkit-background-clip: unset; */
	/* -webkit-text-fill-color: #8C681C; */
}


.highlight-01 {
    color: #8d7014;
    font-weight: bold;
    position: relative;
    display:inline-block;
    z-index:0;
}
.highlight-01:before{
    content:"";
    display:inline-block;
    background-color:#fff1d2;
    position: absolute;
    z-index:-1;
    width: 102%;
    height:10px;
    right: 0;
    bottom: 0.430042em;
}


.box-01 {
    -moz-box-shadow: 0px 0px 21px 21px #e4dfd3;
    -webkit-box-shadow: 0px 0px 21px 21px #e4dfd3;
    -ms-box-shadow: 0px 0px 21px 21px #e4dfd3;
    box-shadow: 0px 0px 21px 21px #e4dfd3;
    background-color: #fff;
    padding: 76px 0 96px;
}

.slide-clm {
    background: #fff;
    padding: 110px 0 28px;
    margin-top: -28px;
    border-bottom: 2px #002e8b solid;
    display: none;
}
.list-icons-01 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.list-icons-01 li{
    width: 380px;
    margin: 0 26px 50px;
    /* display: flex; */
}
.list-icons-01 .list-icons-inner-01 {
    width: 83px;
    margin-right: 20px;
}
.list-icons-01 .list-icons-inner-01 img{
    width: 100%;
}
.list-icons-01 .list-icons-inner-02 {
    width: 380px;
}
.list-icons-01 .cnt-icons-01-wrap {
    margin-bottom: 5px;
}
.list-icons-01 .cnt-icons-01 {
    color: #886901;
    font-size:  1.429em;
    font-weight: bold;
}
.list-icons-01 .cnt-icons-02 {
    color: #5b2e10;
}
/* 上部(PC) */
/*VI*/
.vi-bg{
	background: url(/-/Media/com/hadalabo/promo/g-premium_eyecream/vi_bg.png) no-repeat top center;
	max-height: 584px;
	background-size: cover;
	width: 100%;
	max-width: 1600px;
	margin: 0 auto;
}
.vi.inner-01{
	text-align: center;
	display: flex;
	justify-content: space-between;
}
.vi .vi-img-01{
	width: 42%;
	max-width: 484px;
	margin: 6px 0 0;
}
.vi .vi-img-02{
	float: left;
	margin: 0 0 0 40px;
}
.vi .cnt-wrap-01{
	width: 58%;
}
.vi .vi-img-03{
	display: flex;
	justify-content: center;
	margin: 0 auto;
	max-width: 480px;
}
.vi .vi-txt-wrap{
	/* max-width: 540px; */
	width: 100%;
}
.vi .vi-ttl-01{
	font-size: 4.571em;
	font-size: calc(40px + 44 * ((1120px - 768px) / 632));
	color: #07358b;
	font-weight: bold;
	line-height: 1.375;
}
.vi .vi-ttl-01 .vi-txt{
	border-bottom: 1px solid #07358b;
	display: inline-block;
	padding: 0 1.5%;
	box-sizing: border-box;
}
.vi .vi-ttl-01 .small{
	font-size: 80%;
}
.vi .vi-ttl-01 sup{
	font-size: 25%;
	vertical-align: text-top;
}
.vi .notes{
 font-size: 0.857em;
 color: #999;
 margin: -2% auto 6%;
}
/*カート　上部(PC)*/
.section_cart_01_bg {
    background-color: #0c2482;
    color: #fff;
}
.section_cart_01 {}
.section_cart_01 .cnt_wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 23px 0;
}
.section_cart_01 .list_cart_01 {
    display: flex;
    width: 80%;
    margin: 0 2% 0 0;
    max-width: 760px;
}
.section_cart_01 .list_cart_01 li{
    max-width: 190px;
    width: 25%;
    padding: 0 2px;
    box-sizing: border-box;
}
.section_cart_01 .list_cart_01 .btn a{
    width: 100%;
    display: flex;
    align-items: center;
    text-align: center;
    padding: 12px 20px;
    box-sizing: border-box;
    background-color: #fff;
    border-radius: 5px;
    height: calc(44px + 15 * ((1120px - 768px) / 632));
}
.section_cart_01 .list_cart_01 .amazon a{
    padding: 8px 20px;
}
.section_cart_01 .list_cart_01 .btn a img{
	margin: 0 auto;
	width: 66%;
}
.section_cart_01 .list_cart_01 .rohto-shop a img{max-width: 88px;}
.section_cart_01 .list_cart_01 .amazon a img{width: 50%;}
.section_cart_01 .ttl_cart_01 {
    background: url(/-/Media/com/mediquick-series/common/ico_cart.png) no-repeat center left;
    background-size: 26px;
    padding: 4px 0 0px 38px;
    font-weight: bold;
    font-size: calc(14px + 6 * ((1120px - 768px) / 632));
    letter-spacing: 1px;
    display: inline-block;
    width: 20%;
    max-width: 200px;
    margin: 0 0 0 2%;
}

/* POP-UP (PC) */
.modalDetail {
  background-color: rgba(170, 170, 170, 0.85);
  position: fixed;
  top: 0;
  left: 0;
  margin: 0 !important;
  width: 100%;
  height: 100%;
  z-index: 9999;
  visibility: hidden;
  opacity: 0;
  transition-duration: 0.5s;
}

.modalDetail.open {
  visibility: visible;
  opacity: 1;
}

.modalDetailInner {
  height: 100%;
  overflow: auto;
}

.modalDetailInner02 {
  display: table;
  width: 100%;
  height: 100%;
  max-width: 1000px;
  margin: 0 auto;
}

.modalDetailContent {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  padding: 30px 20px;
}

.modalDetailContent img {
  display: inline-block;
}

.modalDetailTtl {
  margin: 0 auto 50px;
  max-width: 280px;
}

.modalDetailList {
  font-size: 0;
}

.modalDetailList li {
  display: inline-block;
  width: 23%;
  background: #fff;
}

.modalDetailList li + li {
  margin: 0 0 0 2%;
}

.modalDetailList li a {
  display: block;
}

.modalDetailList li a:hover img {
  opacity: 0.7;
}

.modalDetailClose {
  margin: 5% auto 0;
  max-width: 150px;
  border-radius: 2px;
  cursor: pointer;
  overflow: hidden;
}

.modalDetailClose:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
.section-popup{
	background-color: #091f84;
	padding: 55px 53px 140px;
	box-sizing: border-box;
	position: relative;
}
.section-popup .popup-close{
	position: absolute;
	top: 5%;
	right: 5%;
	width: 26px;
}
.section-popup .popup-clm-01{
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 30px;
}
.section-popup .popup-clm-01 .popup-img{
	width: 130px;
	margin-right: 15px;
}
.section-popup .popup-clm-01 .popup-ico{
	width: 100px;
    margin-right: 20px;
    text-align: center;
    background-color: #eee;
    border-radius: 100%;
	line-height: 1.1em;
    padding-top: 30px;
    padding-bottom: 30px;
	font-weight: bold;
}
.section-popup .popup-clm-01 .popup-ico .sub-txt{
	font-size: 0.778em; /*14px*/
}
.section-popup .popup-clm-01 .popup-ttl{
	width: 36.65%;
	margin: 0 auto; /*20px*/
}
.section-popup .popup-clm-01 .popup-ttl .sub-ttl{
	font-size: 1.600em; /*32px[20px]*/
}
.section-popup > section{
	margin-bottom: 100px;
}
.section-popup > section:last-child{
	margin-bottom: 0;
}
.section-popup .popup-list{
	display: flex;
	justify-content: center;
}
.section-popup .popup-list .btn{
	width: 31.5%;
	margin: 0 auto;
}
.section-popup .popup-list .btn a{
	width: 100%;
	display: flex;
	align-items: center;
	text-align: center;
	padding-top: 17px;
	padding-bottom: 18px;
	background-color: #fff;
	box-sizing: border-box;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.section-popup .popup-list .amazon a{
	padding-top: 8px;
	padding-bottom: 9px;
}
.section-popup .popup-list .btn a img{
	width:auto;
	height: 42px;
	margin: 0 auto;
}
.section-popup .popup-list .amazon a img{
	width:auto;
	height: 60px;
	margin: 0 auto;
}
/*POP-UP end*/


/* ナビ (PC) -ヒアルロンアイクリーム */
.gnav-clm {
    padding: 5px 0;
    background: #d6b56a; /* Old browsers */
    background: -moz-linear-gradient(left, #d6b56a 1%, #fff3d7 33%, #d2b25a 66%, #fff3d7 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #d6b56a 1%,#fff3d7 33%,#d2b25a 66%,#fff3d7 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #d6b56a 1%,#fff3d7 33%,#d2b25a 66%,#fff3d7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6b56a', endColorstr='#fff3d7',GradientType=1 ); /* IE6-9 */
}
.gnav-inner {
	background-color: #fff;
	padding: 20px 0 21px;
}
.list-navi {
    max-width: 1077px;
    margin: 0 auto;
    display: flex;
    box-sizing: border-box;
    justify-content: center;
}
.list-navi li {
	width: 33.33%;
	display: table-cell;
	position: relative;
	box-sizing: border-box;
	text-align: center;
	border-left: 1px solid #d2b35b;
}
.list-navi li:last-child {
     border-right: 1px solid #d2b35b;
}
.list-navi a {
	box-sizing: border-box;
	vertical-align: middle;
	display: block;
	padding: 0.714em 1em 0.786em;
}
.list-navi a:hover{
	opacity:0.7;
}
.list-navi li a img {
    display: inline-block;
    vertical-align: baseline;
    width: 0.889em;
    margin-left: 0.889em;
}
.list-navi .gnav-cat-wrap {
	font-size: 1.286em;
	color: #000;
	display: block;
}

/*原因*/
.cause-section{
 background-color: #fffefb;
 padding: 100px 0 80px;
}
.cause-section .cnt-wrap{
	display: flex;
	align-items: center;
	justify-content: center;
}
.cause-section .cnt-wrap .wrap-01:first-child{
	margin: 0 6% 0 0;
	width: 34%;
	max-width: 260px;
}
.cause-section .cause-img-01{
}
.cause-section .cause-ttl-01{
	font-size: calc(36px + 8 * ((1120px - 768px) / 632));
	text-align: left;
	font-weight: bold;
	color: #5a2b0d;
}
.cause-section .cause-ttl-01 .small{
	font-size: 72%;
	font-weight: normal;
}
.cause-section .cause-arw{
	margin: 40px auto 50px;
	width: 158px;
}
.cause-section .cause-wrap-01{
	background: url(/-/Media/com/hadalabo/promo/g-premium_eyecream/cause_img02.png) no-repeat top left 40%;
	padding: 52px 6% 50px 4%;
	box-sizing: border-box;
	margin: 0 auto 80px;
	width: 96.4%;
	max-width: 1080px;
}
.cause-section .cause-txt-wrap{
	float: right;
	width: 62%;
	max-width: 520px;
}
.cause-section .cause-ttl-02{
	color: #fff;
	text-align: left;
	margin-bottom: 32px;
	font-size: calc(24px + 6 * ((1120px - 768px) / 632));
	font-weight: bold;
	line-height: 1.8;
	letter-spacing: 0.075em;
}
.cause-section .cause-ttl-02 .small{
	font-size: 72%;
	font-weight: normal;
	letter-spacing: 0;
}
.cause-section .cause-ttl-02 .large{
	font-size: 116%;
}
.cause-section .cause-img-02{
	width: 100%;
	max-width: 520px;
}
.cause-section .cause-ttl-03{
	color: #5a2b0d;
	text-align: center;
	font-size: calc(30px + 10 * ((1120px - 768px) / 632));
}
.cause-section .cause-ttl-03 .g-txt-01{
	font-size: 130%;
}
/*商品紹介*/
.prd-section{
	text-align: center;
	background: url(/-/Media/com/hadalabo/promo/g-premium_eyecream/prd_bg.png) no-repeat top center, #fffefb;
	background-size: cover;
}
.prd-section .prd-wrap-01{
    position: relative;
}
.prd-section .prd-img-01{
	max-width: 1120px;
	width: 100%;
	position: relative;
	padding-top: 10px;
	z-index: 3;
}
.prd-section .prd-img-02{
	max-width: 1120px;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 2;
}
.prd-section .prd-ttl-01{
	position: absolute;
	font-size: 3em;
	font-size: calc(28px + 14 * ((1120px - 768px) / 632));
	top: 29%;
	left: 25.2%;
	line-height: 1.25;
	font-weight: bold;
}
.prd-section .prd-ttl-01-01{
	font-size: 72%;
	display: block;
	margin-bottom: 6px;
	color: #392300;
}
.prd-section .prd-ttl-01-02{
	font-size: 46%;
	font-weight: normal;
}
.prd-section .prd-ttl-02{
	font-size: calc(12px + 8 * ((1120px - 768px) / 632));
	right: 11%;
	top: 58%;
	position: absolute;
	font-weight: bold;
}
.prd-section .prd-ttl-02 .small-01{
	font-size: 80%;
}
.prd-section .prd-ttl-02 .small-02{
	font-size: 60%;
	font-weight: normal;
}
.prd-section .prd-ttl-03{
	position: absolute;
	font-size: calc(19px + 9 * ((1120px - 768px) / 632));
	color: #352420;
	font-weight: bold;
	right: 17%;
	top: 75%;
}
.prd-section .prd-ttl-03 sup{
	font-size: 40%;
	vertical-align: text-top;
}
.prd-section .prd-ttl-03 .small{
	font-size: 80%;
}
.prd-section .prd-ttl-03 .notes{
	font-size: 42%;
	font-weight: normal;
	color: #777;
}
.prd-section .prd-ttl-04{
	font-size: calc(38px + 20 * ((1120px - 768px) / 632));
	text-align: left;
	margin: 40px 0 10px 10%;
}
.prd-section .prd-ttl-04 .small-01{
	font-size: 72%;
}
.prd-section .prd-ttl-05{
	font-size: 5.714em;
	font-size: calc(60px + 30 * ((1120px - 768px) / 632));
	text-align: left;
	margin: 0 0 160px 10%;
	letter-spacing: -0.02em;
}
.prd-section .prd-ttl-05 .small{
	font-size: 80%;
}
.prd-img-01 {}
.prd-img-01-inner {
    text-align: center;
    position: absolute;
    top: 28%;
    left: 25%;
}
.prd-img-01-inner .prd-cnt-01 {
    color: #392300;
    display: block;
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 1%, rgba(226,208,164,1) 50%, rgba(180,147,64,1) 100%); /* FF3.6-15 */
    background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 1%,rgba(226,208,164,1) 50%,rgba(180,147,64,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: radial-gradient(ellipse at center,  #fff5d6 1%,#e0d2a6 50%,rgb(214 193 140) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    padding: 8px 0px 7px 3px;
    padding: 0.267em 0px 0.233em 0.100em;
    margin: 0 auto 0.5em;
    width: 4.667em;
    font-size: 2.143em;
    font-weight: bold;
    text-shadow: 2px 2px 10px #eee7cf, -2px 2px 10px #fdf9ed, 2px -2px 10px #fdf9ed, -2px -2px 10px #fdf9ed;
}
/* ie10 */
@media all and (-ms-high-contrast:none) {
    .prd-img-01-inner .prd-cnt-01 {
		background: #cdb780;
	}
}
/* ie11 */
_:-ms-lang(x)::-ms-backdrop, .prd-img-01-inner .prd-cnt-01 {
		background: #cdb780;
	}

.prd-img-01-inner .prd-cnt-02 {
    color: #333333;
    font-size: 3em;
    font-weight: bold;
    line-height: 1.25em;
    letter-spacing: -0.05em;
}
.prd-img-01-inner .prd-cnt-02-01 {
    display: block;
    font-size: 0.5em;
    line-height: 1.5em;
}
.prd-img-02 {}
.prd-img-02 .prd-cnt-04 {
    text-align: center;
    position: absolute;
    top: 58.75%;
    right: 10%;
    font-size:  1.429em;
    font-weight: bold;
}
.prd-cnt-small-01 {
    font-size: 0.8em;
}
.prd-cnt-small-02 {
    font-size: 0.6em;
}
.prd-img-02 .prd-cnt-small-02{
    line-height: 2em;
    display: block;
}
.prd-img-02 .prd-cnt-05 {
    text-align: center;
    position: absolute;
    top: 75.25%;
    right: 16.5%;
}
.prd-cnt-05-01 {
    display: block;
    color: #352420;
    font-size: 2.000em;
    font-weight: bold;
    line-height: 1.25em;
    margin-bottom: 0.85em;
}
.prd-cnt-05-02 {
    display: block;
    font-weight: bold;
    font-size:  0.857em;
    color: #777;
}
@media screen and (max-width: 1120px) {
.prd-img-01-inner {
    font-size: 1.25vw;
}
.prd-img-02 .prd-cnt-04{
    font-size: 1.75vw;
}
.prd-img-02 .prd-cnt-05{
    font-size: 1.25vw;
}
}




/* 下部(PC) */


/* 商品特長１ ふっくら目元の理由 */
.reason-section {
    padding-top: 115px;
    padding-bottom: 200px;
    background: url(/-/Media/com/hadalabo/promo/g-premium_eyecream/reason_bg01.png) no-repeat center top;
    background-color:#fffcf5;
}
.reason-section .clm-01 {
    margin-bottom: 145px;
}
.ttl-reason-01 {
    background-color: #f5a71f;
    color: #fff;
    font-size: 2em;
    font-weight: normal;
    text-align: center;
    width: 5.36em;
    margin: 0 auto 46px;
    padding: 4px 0 5px 0;
    /* line-height: 2.25em; */
}
.txt-reason-01 {
    display: block;
    font-size: 2.571em;
    font-weight: bold;
    letter-spacing: 0.1em;
    color: #5b2e10;
}
.cnt-reason-01{
	text-align: center;
	font-size: 3em;

	line-height: 1.6em;
	margin-bottom: 170px;
}
.cnt-reason-01-01 {
    font-size: 0.5em;
    /* letter-spacing: 0.05em; */
}
.cnt-reason-02 {
    text-align: center;
    font-size: 1.543em;
    letter-spacing: 0.1em;
    margin-bottom: 34px;
}
.cnt-reason-02-01 {
    display: block;
}
.cnt-reason-02-02 {
    font-size: 2.83em;
    position: relative;
    display: inline-block;
    letter-spacing: 0.1em;
}
.cnt-reason-02-02:before {
	content:"";
	display:block;
	background: url(/-/Media/com/hadalabo/promo/g-premium_eyecream/reason_bg02.png) no-repeat center / 100%;
	width:36px;
	height: 76px;
	position: absolute;
	left: -66px;
	bottom: 2px;
}
.cnt-reason-02-02:after {
	content:"";
	display:block;
	background: url(/-/Media/com/hadalabo/promo/g-premium_eyecream/reason_bg03.png) no-repeat center / 100%;
	width:36px;
	height: 76px;
	position: absolute;
	right: -56px;
	bottom: 2px;
}
.cnt-reason-02-02:after {}
.cnt-reason-03 {
    display: flex;
    justify-content: center;
    margin-bottom: 80px;
}
.cnt-reason-03-inner {
    width: 429px;
    margin: 0 24px;
}
.cnt-reason-03-container {
	background: url(/-/Media/com/hadalabo/promo/g-premium_eyecream/reason_bg04.png) no-repeat center center / 100%;
	display: flex;
	height: 405px;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	text-align: center;
	margin-bottom: 13px;
}
.cnt-reason-03-01 {
    color: #1d90d1;
    font-size: 2.286em;
    font-weight: bold;
}
.cnt-reason-03-02 {
    font-size:  1.371em;/* 24px*0.8=19.2 */
    margin-top: 0.25em;
}
.cnt-reason-03-03 {
	color: #ff9000;
	font-size: 2.286em;
	font-weight: bold;
}
.cnt-reason-03-04 {
    color: #555;
    font-size:  1.143em;
    padding: 0 35px;
}
.cnt-reason-04 {
    max-width: 960px;
    width: 100%;
    /* margin: 0 auto 100px; */
    margin: 0 auto 50px;
    padding: 0;
}
.cnt-reason-05 {
    /* margin-bottom: 121px; */
    max-width: 960px;
    width: 100%;
    margin: 0 auto 71px;
    color: #888;
}
.cnt-reason-05-01 {
    margin-bottom: 0.5em;
}



.cnt-reason-07 {
    font-size: 2.286em;/* 32px */
    line-height: 1.8em;
    color: #5b2e10;
    margin-bottom: 32px;
}
.cnt-reason-07-01 {
    display: inline-block;
    vertical-align: middle;
    width: 402px;
    margin-top: -11px;
}
.cnt-reason-08 {
    margin-top: 60px;
}
.cnt-reason-08-02 {
    width:500px;
    display: block;
}
.cnt-reason-09 {
    text-align: center;
    margin-bottom: 125px;
}
.cnt-reason-09-01{}
.cnt-reason-09-01-inner {
    border: 2px solid #5b2e10;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 5px 10px 6px 13px;
}
.cnt-reason-09-02{
    font-weight: bold;
    font-size: 3.857em;/*54px(pc)*/
    line-height: 2em;
    letter-spacing: 0.05em;
}
.cnt-reason-09-02 .cnt-reason-09-02-inner {
    font-size: 0.8em;
}
.cnt-reason-09-03{}
.cnt-reason-10 {
    width: 775px;
    margin: 0 auto 48px;
}
.cnt-reason-11 {
    font-size:  1.143em;
    line-height: 1.75em;
    color: #333;
    width: 775px;
    margin: 0 auto;
}


.cnt-reason-12 {
    padding-top: 77px;
}
.cnt-reason-12-inner {
    position: relative;
    width: 500px;
    margin: 0 auto;
}
.cnt-reason-12-inner .cnt-reason-12-01 {
    position: absolute;
    width: 211px;
    height: 65px;
    display: flex;
    color: #886901;
    font-size:  1.429em;
    font-weight: bold;
    background: url(/-/Media/com/hadalabo/promo/g-premium_eyecream/reason_bg06.png) no-repeat center center / 100%;
    justify-content: center;
    align-items: center;
    right: -50px;
    top: -80px;
    padding-bottom: 18px;
}
.cnt-reason-12-inner .cnt-reason-12-02 .small{
    font-size: 0.8em;
}
.cnt-reason-13  {
    padding: 108px 60px 95px;
    margin-bottom: 60px;
}
.cnt-reason-13 .list-icons-01 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 39px;
}
.cnt-reason-13 li {
    width: 480px;
    margin: 0 0 34px;
    display: flex;
    align-items: center;
}
.cnt-reason-13 .list-icons-01 .cnt-icons-01-wrap{
    /* margin-bottom: 5px; */
}
.cnt-reason-14  {
    font-size:  0.714em;
    line-height: 1.75em;
}
.cnt-reason-15 p {
    color: #333;
    line-height: 2em;
    margin-bottom: 25px;
}
.cnt-reason-16 {
    padding: 93px 0 48px 178px;
    background: url(/-/Media/com/hadalabo/promo/g-premium_eyecream/reason_bg07.png) no-repeat right bottom #fff;
}
.cnt-reason-17 {
    margin-bottom: 65px;
}

/* フリー */
.free-section{
    background: url(/-/Media/com/hadalabo/promo/g-premium_eyecream/free_bg01.jpg) no-repeat center top / 100%;
    padding: 110px 0 200px;
    padding: 110px 0 175px;
}
.free-section .ttl-01 {
    margin-bottom: 105px;
}
.free-section .ttl-01 .ttl-cnt-05{
	background: url(/-/Media/com/hadalabo/promo/g-premium_eyecream/free_bg02.png) no-repeat right bottom -5px / 303px;
}
.free-section .clm-01 {
    margin-bottom: 80px;
}
.free-section .clm-01-inner {
    text-align: center;
    font-size:  1.714em;
    font-weight: bold;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}
.free-section .clm-01-inner span{
    width: 200px;
    height: 200px;
    display: flex;
    -webkit-border-radius: 200px;
    -moz-border-radius: 200px;
    border-radius: 200px;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index:0;
}
.free-section .clm-01-inner span:before{
    content:"";
    display:block;
    background: #eee9cc;
    border: #e3d5ab 3px solid;
    width: 179px;
    height: 179px;
    -webkit-border-radius: 200px;
    -moz-border-radius: 200px;
    border-radius: 200px;
    position:absolute;
    z-index:-1;
}
/* ie10 */
@media all and (-ms-high-contrast:none) {
    .free-section .clm-01-inner span:before{
		top: 7px;
		left: 7px;
	}
}
/* ie11 */
_:-ms-lang(x)::-ms-backdrop, .free-section .clm-01-inner span:before{
    top: 7px;
    left: 7px;
}

.free-section .clm-01-inner span.cnt-free-02:after{
    content:"";
    display:block;
    background: url(/-/Media/com/hadalabo/promo/g-premium_eyecream/free_img01_sp.png) no-repeat;
    width: 88px;
    height: 88px;
    position:absolute;
}
/* ie10 */
@media all and (-ms-high-contrast:none) {
    .free-section .clm-01-inner span.cnt-free-02:after{
		right:56px;
		top: 59px;
	}
}
/* ie11 */
_:-ms-lang(x)::-ms-backdrop, .free-section .clm-01-inner span.cnt-free-02:after{
    right:56px;
    top: 59px;
}

.free-section .clm-01-inner span.cnt-free-02:before{
    background: #fff;
}
.free-section .clm-01-inner .cnt-free-01 {
    color: #002e8b;
    background: #eee9cc;
}
.free-section .clm-01-inner .cnt-free-02 {
    /* color: #886901; */
    color: #b09d70;
    background: #fff;
}
.free-section .cnt-free-03 li{
    margin: 0 32px 47px;
}
.free-section .cnt-free-04 {
    padding: 102px 0 28px;
}
.free-section .cnt-free-04 .cnt-icons-01-wrap {
    /* margin-bottom: 0.79em; */
}

/* 使い方 */
.use-section {
    padding: 115px 0 150px;
    background-color: #fffcf5;
}
.use-section .ttl-01{
    margin-bottom: 82px;
}
.use-section .clm-01 {
    display: flex;
    justify-content: center;
    align-items: center;
}
.use-section .img-use-01 {
    width: 375px;
    margin-right: 54px;
}
.use-section .txt-use-wrap-01 {
    width: 518px;
}
.use-section .cnt-use-01 {
    color: #333333;
    font-size: 1.143em;/* 16px */
    line-height: 2em;
    margin-bottom: 33px;
}
.use-section .cnt-use-02 {
    margin-bottom: 49px;
}
.use-section .cnt-use-02 li{
    font-size:  1.429em;/* 20px */
    font-weight: bold;
    line-height: 1.75em;
    list-style: disc;
    list-style-position: inside;
}
.use-section .cnt-use-03 {
    font-size: 1em;
    line-height: 1.5em;
}



/* 商品情報(PC) -ヒアルロンアイクリーム */
.lineup-section{
	/*margin-bottom: 100px;*/
	position: relative;
	padding-top: 70px;
	padding-bottom: 76px;
	/* border-top: 4px solid #c6b47f; */
	/* border-bottom: 4px solid #c6b47f; */
	/* border-image: linear-gradient(to right, #c6b47f 0%, #f2e5c6 20%, #c7b581 30%, #f2e5c6 40%, #c6b581 50%, #fef7e8 53%, #c4b27d 60%, #fef7e8 100%, #c4b27d 100%); */
	/* border-image-slice: 1; */
}
.lineup-section::before,
.lineup-section::after {
    content: "";
    width: 100%;
    height: 4px;
    background: #c6b47f; /* Old browsers */
    background: -moz-linear-gradient(left,  #c6b47f 0%, #f2e5c6 20%, #c7b581 30%, #f2e5c6 40%, #c6b581 50%, #fef7e8 53%, #c4b27d 60%, #fef7e8 100%, #c4b27d 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #c6b47f 0%, #f2e5c6 20%, #c7b581 30%, #f2e5c6 40%, #c6b581 50%, #fef7e8 53%, #c4b27d 60%, #fef7e8 100%, #c4b27d 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #c6b47f 0%, #f2e5c6 20%, #c7b581 30%, #f2e5c6 40%, #c6b581 50%, #fef7e8 53%, #c4b27d 60%, #fef7e8 100%, #c4b27d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#224da0', endColorstr='#db4547',GradientType=0 ); /* IE6-9 */
    position: absolute;
    margin: 0;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
}
.lineup-section::after{
	top: auto;
	bottom: 0;
	z-index: 9999;
}
.lineup-section .inner-02{
	position: relative;
	z-index: 1;
}
.lineup-section .ttl-01{
    margin-bottom: 62px;
}
.lineup-section .cnt-wrap{
	display:flex;
	align-items: center;
	/* margin-bottom: 138px; */
	justify-content: center;
}
.lineup-section .cnt-img-01{
	width: 28.83%;
}
.lineup-section .cnt-ttl-01{
    color: #002e8b;
    font-size: 2.571em;/*36px*/
    font-weight: bold;
    margin-bottom: 43px;
}
.lineup-section .cnt-txt-01{}
.lineup-section .cnt-clm-01{
	width: 50%;
	box-sizing: border-box;
	padding-left: 5.357%;
}
.lineup-section .txt-01{
    /* margin-bottom: 8px; */
    margin-bottom: 0.367em;
    padding: 0.12600em 0.525em 0.12638em 0.525em;
}
.lineup-section .cnt-txt-02{
	margin-bottom: 60px;
}
.lineup-section .cnt-txt-02 dt{
	float: left;
	color: #886901;
	font-size: 1.429em;/* 20px */
	text-align: center;
	min-width: 5em;
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	border-radius: 1em;
	border: #e3d5ab 2px solid;
}
.lineup-section .cnt-txt-02 dd{
	font-size: 1.429em;
	padding-top: 0.143em;
	padding-left: 6em;
	color: #333333;
	margin-bottom: 0.5em;
}
.lineup-section .cnt-txt-03{
    margin-bottom: 38px;
}
.lineup-section .note-01 dd{
    margin-bottom: 0.25em;
}
.lineup-section .cnt-btn-01 {}
.end-section {
    background-color: #fffcf5;
    padding-top: 150px;
}






@media screen and (min-width: 768px) and (max-width: 1120px) {


.btn-01 a{
	width: 100%;
	font-size: 1.7857vw;
}
.cnt-reason-03-inner {
    width: 38.3vw;
    margin: 0 24px;
}
.cnt-reason-03-01 {
    font-size: 2.286em;
}
.cnt-reason-04 {
    width: 85.7142%;
    margin: 0 auto 50px;
    padding: 0;
}
.cnt-reason-05 {
	width: 85.7142%;
    margin: 0 auto 121px;
    margin: 0 auto 71px;
}
.cnt-reason-07 {
    font-size: 2.8571vw;/* 32px */
}
.cnt-reason-07-01 {
    width: 33.89vw;
    margin-top: -11px;
}
.cnt-reason-13  {
    padding: 108px 5.3571% 102px;
    margin-bottom: 60px;
}
.cnt-reason-13 li {
    width: 48%;
    margin: 0 0 34px;
}
.cnt-reason-16 {
    padding: 93px 15.89vw 48px;
}

.free-section .clm-01-inner span{
    width: 17.8571vw;
    height: 17.8571vw;
    -webkit-border-radius: 17.8571vw;
    -moz-border-radius: 17.8571vw;
    border-radius: 17.8571vw;
}
.free-section .clm-01-inner{
    font-size: 2.1428vw;
}
/* フリー */
.free-section{
    background: url(/-/Media/com/hadalabo/promo/g-premium_eyecream/free_bg01.jpg) no-repeat center top / cover;
    padding: 110px 0 200px;
}
.free-section .clm-01-inner span:before{
    width: 15.9821vw;
    height: 15.9821vw;
    -webkit-border-radius: 15.9821vw;
    -moz-border-radius: 15.9821vw;
    border-radius: 15.9821vw;
}
.free-section .clm-01-inner span.cnt-free-02:after{
	width: 44%;
	height: 44%;
	background: url(/-/Media/com/hadalabo/promo/g-premium_eyecream/free_img01_sp.png) no-repeat;
	background-size: contain;
	right: 28%;
}
.free-section .cnt-free-03 li{
	width: 33.92%;
    margin-right:2.8571%;
    margin-left:2.8571%;
}
.free-section .list-icons-01 .list-icons-inner-02 {
    width: 100%;
}
.free-section .list-icons-01 .cnt-icons-01 {
        font-size: 1.143em;/* 20px */
}
.free-section .list-icons-01 .cnt-icons-02 {
    font-size: 0.857em;
}
.use-section .cnt-use-01 {
    font-size: 1.4285vw;/* 16px */
}
.use-section .cnt-use-02 li{
    font-size:  1.7857vw;/* 20px */
}
.use-section .cnt-use-03 {
    font-size: 1.25vw;
}

.use-section .img-use-01 {
    width: 33.4821%;
    margin-right: 4.8214%;
}
.use-section .txt-use-wrap-01 {
    width: 46.25%;
}

.lineup-section .cnt-ttl-01{
    font-size: 3.2142vw;/*36px*/
}
.lineup-section .cnt-txt-02 dt,
.lineup-section .cnt-txt-02 dd{
	font-size:  1.7857vw;/* 20px */
}

}

/* SEO対策のh1 (PC)  */
.brand-header {}

.txt-inline-block{
	display: inline-block;
}
.top-logo-hdr{
	border-bottom:1px solid #b5dcff;
	display: none;
}
.brand-header {
    max-width: 1040px;
    margin: 0 auto;
	border-bottom:0;
}
.brand-header-title {
    font-size: 0.9em;
    margin-top: 0.65em;
    margin-left: 0.5em;
}
.brand-header-title .bht-sml {
    letter-spacing: -0.2em;
}
@media screen and (max-width: 1080px) {
.hlHeader .brand-header-title {
	display: none;
}
.top-logo-hdr{
	border-bottom:1px solid #b5dcff;
	display: block;
	padding: 0 5.33% 0 5.33%;
}
.brand-header-title {
    margin-top: 0;
    margin-left: 0;
}
}



@media screen and (max-width: 768px) {
body{
	font-size: 3.6458vw;
}
.inner{
	width: 94%;
}
.inner-01 {
	width:100%;
}
.inner-02 {
	max-width: 90%;
	margin: 0 auto;
}
.toolBox01 {
	padding: 3% 0;
}
.pc-mode-01 {
	display: none !important;
}
.pc-mode-02 {
	display: none !important;
}
.pc-mode-03 {
	display: none !important;
}
.pc-mode-05 {
	display: none !important;
}
.sp-mode-01 {
	display: block !important;
}
.sp-mode-02 {
	display: inline !important;
}
.sp-mode-03 {
	display: inline-block !important;
}
.sp-mode-04 {
	display: table !important;
}
.sp-mode-05 {
	display: flex !important;
}
	
/*ヒアルロンアイクリーム (SP)
--------------------------------------------------------------*/
#g-premium_eyecream_container {
		position: relative;
		/*padding: 16.6% 0 0;*/
		padding:0;
}

.small {}
.note-01 {
    font-size: 2.3438vw;
}
.note-01 dt{}
.note-01 dd{}

/* 上部(SP) */
/*----------------------------------------------
	POP-UP(SP)
----------------------------------------------*/
.modalDetailContent {
    padding: 0;
}
.modalDetailContent .inner{
    width: 90%;
    margin: 0 auto;
    -webkit-border-radius: 2.6042vw;
    -moz-border-radius: 2.6042vw;
    border-radius: 2.6042vw;
}
.section-popup {
    padding: 6% 10%;
}
.section-popup .popup-clm-01 {
    margin-bottom: 8%;
}
.section-popup .popup-close {
    width: 6vw;
}
.section-popup .popup-clm-01 .popup-ttl {
    color: #fff;
    width: 100%;
    /*font-size: 1.152em;*/
    font-size: 4vw;
    letter-spacing: 0.1em;
    font-weight: bold;
}
.section-popup .popup-clm-01 .popup-ttl img{
	vertical-align: top;
	margin-right: 0.75em;
	width: 1.35em;
}
.section-popup .popup-list {
    display: block;
}
.section-popup .popup-list .btn {
    width: 100%;
}
.section-popup .popup-list .btn a {
    padding: 4vw 0;
    margin-bottom: 3.5%;
}
.section-popup .popup-list .amazon a {
    padding: 2vw 0;
}
.section-popup .popup-list .btn a img {
    height: 6vw;
}
.section-popup .popup-list .amazon a img {
    height: 10vw;
}
/*----------------------------------------------
	POP-UP(SP) end
----------------------------------------------*/
/* ネットショップ、カート */
/*ネットで購入ボタン (SP) 
-----------------------------------------------------------------*/
.section_cart_01_bg{
	background: #fff;
}
.section_cart_01 {
    padding: 6.5vw 0;
}
.btn_cart_01{
	width: 90.6250vw;
	margin: 0 auto;
}
.section_cart_01 .btn_cart_01 a{
	font-size: 4.3750vw;
	letter-spacing: 0.05em;
	padding: 3.35vw 18.8333vw 2.15vw;
	background: url(/-/Media/com/hadalabo/promo/g-premium_eyecream/ico_open01.png) no-repeat right 5.0781vw center #0c2482;
	background-size: 3.7500vw;
	-webkit-border-radius: 1.5625vw;
	-moz-border-radius: 1.5625vw;
	border-radius: 1.5625vw;
	font-weight: bold;
	color: #fff;
	display: block;
	text-align: center;
}
.section_cart_01 .btn_cart_01 a img {
	width: 5.93125vw;
	display: inline-block;
	margin-right: 0.75em;
}


/* ナビ (SP) -オールインワン */
.gnav-clm {
    padding: 0.6510vw 0;
	background: #d8b561; /* Old browsers */
	background: -moz-linear-gradient(left, #d8b561 1%, #d4b24e 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #d8b561 1%,#d4b24e 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #d8b561 1%,#d4b24e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8b561', endColorstr='#d4b24e',GradientType=1 ); /* IE6-9 */
}
.gnav-inner {
	padding: 3.2552vw 0;
}
.list-navi {
    max-width: 100%;
    justify-content: space-evenly;
}
.list-navi li {
	width: 35%;
}
.list-navi li:first-child {
     border-left: 0;
	width: 40%;
}
.list-navi li:last-child {
     border-right: 0;
	width: 25%
}
.list-navi a {
	padding: 1.9531vw 1.2rem;
}
.list-navi a:hover{
	opacity:0.7;
}
.list-navi li a img {
    vertical-align: middle;
    width: 2.2135vw;
    margin-left: 1.1719vw;
}
.list-navi .gnav-cat-wrap {
	font-size: 2.8646vw;
}
	
/*VI*/
.vi-bg{
	background: none;
	max-height: unset;
}
.vi.inner-01{display: block;position: relative;}
.vi .vi-img-01{
	width: 100%;
	max-width: 768px;
	margin: 0;
}
.vi .vi-img-02{
	width: 84%;
	margin: 0 0 6vw;
}
.vi .cnt-wrap-01{
	width: 60%;
	position: absolute;
	top: 0;
	right: 0;
}
.vi .vi-img-03{
	margin: 0 auto;
	max-width: 480px;
	width: 94%;
}
.vi .vi-img-03 img{
	height: auto;
}
.vi .vi-txt-wrap{
	max-width: 520px;
	width: 90%;
}
.vi .vi-ttl-01{
	font-size: 9.3750vw;
}
.vi .vi-ttl-01 .vi-txt{
	padding: 0 0 2%;
	font-size: 0.85em;
}
.vi .notes{
 margin: -2% auto 0;
 font-size: 2.3438vw;
}	
	
/*原因*/
.cause-section{
 padding: 8% 0 15%;
}
.cause-section .inner-02{
	max-width: 94%;
}
.cause-section .cnt-wrap{
	justify-content: space-between;
	display: flex;
	justify-content: center;
}
.cause-section .cnt-wrap .wrap-01:first-child{
	margin: 0 3% 0;
	width: 38%;
	max-width: 298px;
}
.cause-section .cnt-wrap .wrap-01:last-child{
	width: 43%;
}
.cause-section .cause-ttl-01{
	font-size: 5.4688vw;
}
.cause-section .cause-arw{
	margin: 5.2083vw auto 7.8125vw;
	width: 20.4427vw;
	max-width: 158px;
}
.cause-section .cause-wrap-01{
	background: url(/-/Media/com/hadalabo/promo/g-premium_eyecream/cause_img02_sp.png) no-repeat top center;
	background-size: cover;
	padding: 16.5% 4% 6%;
	margin: 0 auto 13%;
	width: 100%;
}
.cause-section .cause-txt-wrap{
	float: none;
	width: 100%;
	max-width: unset;
}
.cause-section .cause-ttl-02{
	margin-bottom: 6%;
	font-size: 4.9479vw;
	text-align: center;
}
.cause-section .cause-img-02{
	max-width: unset;
}
.cause-section .cause-ttl-03{
	font-size: 4.725vw;
}
/*商品紹介*/
.prd-section{
	background: url(/-/Media/com/hadalabo/promo/g-premium_eyecream/prd_bg_sp.png) no-repeat top center, #fffefb;
	background-size: cover;
}
.prd-section .inner-02{
	max-width: 100%;
}
.prd-section .prd-wrap-01{

}
.prd-section .prd-img-01{
  
}

.prd-section .prd-ttl-01{
	font-size: 5.7292vw;
	top: 19%;
	left: 9.25%;
	position: absolute;
}
.prd-section .prd-ttl-01-01{
	margin-bottom: 6px;
}
.prd-section .prd-ttl-02{
	font-size: 3.2552vw;
	right: 1%;
	top: 59%;
}
.prd-section .prd-ttl-03{
	font-size: 3.9063vw;
	right: 4%;
	top: 81%;
}
.prd-section .prd-ttl-03 .notes{
}
.prd-section .prd-ttl-04{
	font-size: 5.9896vw;
	margin: 6.5% 0 2% 8%;
}
.prd-section .prd-ttl-05{
	font-size: 10.4167vw;
	margin: 0 0 10% 8%;
}
.prd-img-01-inner {
    text-align: center;
    position: absolute;
    top: 26.25vw;
    left: 14.285vw;
    font-size: 1.825vw;
}
.prd-img-02 .prd-cnt-04 {
    text-align: center;
    position: absolute;
    top: 79.5vw;
    right: 6vw;
    font-size: 3.255vw;
    font-weight: bold;
}
.prd-img-02 .prd-cnt-05 {
    text-align: center;
    position: absolute;
    top: 107.25vw;
    right: 9.5vw;
    font-size: 1.825vw;
}
.prd-img-01-inner .prd-cnt-01 {
    width: 4.250em;
    font-size: 2.25em;
    /*opacity: 0.7;*/
    padding: 0.18267em 0px 0.1233em 0;
    margin-bottom: 0.58em;
}
.prd-img-01-inner .prd-cnt-02{
    line-height: 1.5em;
}
.prd-img-01-inner .prd-cnt-02-01{
    margin-bottom: 0.25em;
}
.prd-img-02 .prd-cnt-small-02{
    line-height: 1em;
}
	
	
/* 下部(SP) */
.box-01 {
    -moz-box-shadow: 0px 0px 1.7344vw 1.7344vw #f0efec;
    -webkit-box-shadow: 0px 0px 1.7344vw 1.7344vw #f0efec;
    -ms-box-shadow: 0px 0px 1.7344vw 1.7344vw #f0efec;
    box-shadow: 0px 0px 1.7344vw 1.7344vw #f0efec;
    background-color: #fff;
    padding: 0;
}
/* ボタンSP */
.btn-01 a{
	width: 100%;
	font-size: 1em;/*px*/
	-webkit-border-radius: 1.0417vw;
	-moz-border-radius: 1.0417vw;
	border-radius: 1.0417vw;
}
.btn-01 a>span{
    background: url(/-/Media/com/hadalabo/promo/g-premium_eyecream/ico_arw_02.png) no-repeat right 28px center;
    background-size: 0.45em;
    padding: 5.3385vw 4.9479vw 4.6875vw 4.9479vw;
}
.slide-clm {
    /* padding: 16.1458vw 0 13.1510vw; */
    padding: 14.1458vw 0 14.151vw;
    margin-top: 0;
    background:  #fff;
}
.btn-02{
    width: 100%;
	margin: 0 auto;
}
.btn-02 a>span{
	font-size: 1.143em;
	-webkit-border-radius: 2.0833vw;
	-moz-border-radius: 2.0833vw;
	border-radius: 2.0833vw;
	padding: 4.4271vw 4vw 3.9063vw 7.35vw;
}
.btn-02 a>span.close{
	background: url(/-/Media/com/hadalabo/promo/g-premium_eyecream/ico_minus.png) center left 3.2552vw / 3.9063vw no-repeat,rgb(255,255,255); /* Old browsers */
	background: url(/-/Media/com/hadalabo/promo/g-premium_eyecream/ico_minus.png) center left 3.2552vw / 3.9063vw no-repeat,-moz-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 1%, rgba(226,208,164,1) 50%, rgba(180,147,64,1) 100%); /* FF3.6-15 */
	background: url(/-/Media/com/hadalabo/promo/g-premium_eyecream/ico_minus.png) center left 3.2552vw / 3.9063vw no-repeat,-webkit-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 1%,rgba(226,208,164,1) 50%,rgba(180,147,64,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: url(/-/Media/com/hadalabo/promo/g-premium_eyecream/ico_minus.png) center left 3.2552vw / 3.9063vw no-repeat, radial-gradient(ellipse at center,  rgba(255,255,255,1) 1%,rgba(226,208,164,1) 50%,rgba(180,147,64,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    
}
.btn-02 a>span.open{
	background: url(/-/Media/com/hadalabo/promo/g-premium_eyecream/ico_plus.png) center left 3.2552vw / 3.9063vw no-repeat,rgb(255,255,255); /* Old browsers */
	background: url(/-/Media/com/hadalabo/promo/g-premium_eyecream/ico_plus.png) center left 3.2552vw / 3.9063vw no-repeat,-moz-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 1%, rgba(226,208,164,1) 50%, rgba(180,147,64,1) 100%); /* FF3.6-15 */
	background: url(/-/Media/com/hadalabo/promo/g-premium_eyecream/ico_plus.png) center left 3.2552vw / 3.9063vw no-repeat,-webkit-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 1%,rgba(226,208,164,1) 50%,rgba(180,147,64,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: url(/-/Media/com/hadalabo/promo/g-premium_eyecream/ico_plus.png) center left 3.2552vw / 3.9063vw no-repeat,radial-gradient(ellipse at center,  rgba(255,255,255,1) 1%,rgba(226,208,164,1) 50%,rgba(180,147,64,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	
}

/* list(SP) */

.list-icons-01 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.list-icons-01 li{
    width: 100%;
    margin: 0 26px 50px;
    /* display: flex; */
    box-sizing: border-box;
}
.list-icons-01 .list-icons-inner-01 {
    width: 13.0208vw;
    margin-right: 4.0365vw;
}
.list-icons-01 .cnt-icons-01 {
    font-size: 1.143em;/*32px(SP)*/
}
.list-icons-01 .cnt-icons-02 {
    font-size: 0.857em;/*24px(sp)*/
}
.list-icons-01 .list-icons-inner-02 {
    width: 100%;
}


/* タイトル(SP) */
.ttl-01 {
    margin-bottom: 10.1094vw;
}
.ttl-01 .ttl-cnt-wrap-01{}
.ttl-01 .ttl-cnt-wrap-01:after {
	width: 26.0417vw;
	height: 0.5208vw;
	margin-top: 3.3021vw;
}
.ttl-01 .ttl-cnt-wrap-01 .ttl-cnt-01{
	font-size: 1.500em;
}
.ttl-01 .ttl-cnt-wrap-01 .ttl-cnt-05{
	font-size: 1.500em;/*42(SP)*/
}
.ttl-01 .ttl-cnt-wrap-01 .ttl-cnt-02{
	font-size: 2.250em;/* px */
}
.ttl-01 .ttl-cnt-wrap-01 .ttl-cnt-04{
	font-size: 1.800em;/* 50.4px(SP) */
}

.ttl-01 .ttl-cnt-wrap-01 .ttl-cnt-02.ttl-cnt-02b {
	font-size: 1.500em;/* 42px */
}
.ttl-01 .ttl-cnt-wrap-01 .ttl-cnt-02{
	background: -moz-linear-gradient(101deg, #8C681C 0%, #C8AB3A 25%, #8C681C 50%, #C8AB3A 75%, #8C681C 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(101deg, #8C681C 0%,#C8AB3A 25%,#8C681C 50%,#C8AB3A 75%, #8C681C 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(-11deg, #8C681C 0%,#C8AB3A 25%,#8C681C 50%,#C8AB3A 75%, #8C681C 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#af7700', endColorstr='#af7700',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    color: #DA8E00;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-weight: bold;
}
.reason-section,
.free-section,
.use-section,
.lineup-section{
	font-size: 3.6458vw;
}
.reason-section .inner-02,
.free-section .inner-02,
.use-section .inner-02,
.lineup-section .inner-02{
	max-width: 94.79%;
}
/* 商品特長１ ふっくら目元の理由SP */
.reason-section {
    padding-top: 17.4896vw;
    padding-bottom: 24.4792vw;
    background: url(/-/Media/com/hadalabo/promo/g-premium_eyecream/reason_bg01_sp.png) center top / 100% no-repeat #fffcf5;
}
.reason-section .clm-01 {
    margin-bottom: 23.4375vw;
}

.ttl-reason-01 {
    font-size: 1em;/* 20px(SP) */
    width: 5em;
    margin: 0 auto 4.5104vw;
    padding: 1.0417vw 0 1.3021vw 0;
}

.txt-reason-01 {
    font-size: 1.857em; /*52(SP)*/
}
.cnt-reason-01 {
    letter-spacing: 0;
    font-size: 1.857em;/* 52px(SP) */
    margin-bottom: 16.401vw;
}

.cnt-reason-02 {
    font-size: 0.9em;/* 25.2px(SP) */
    letter-spacing: 0.1em;
    margin-bottom: 6vw;
}
.cnt-reason-02-01 {}
.cnt-reason-02-02 {
    font-size: 2.83em;
    letter-spacing: 0.1em;
    line-height: 1.25em;
}

.cnt-reason-02-02:before {
	background: url(/-/Media/com/hadalabo/promo/g-premium_eyecream/reason_bg02.png) no-repeat center / 100%;
	width:4.6875vw;
	height: 9.8958vw;
	left: -7.6875vw;
	bottom: -0.3125vw;
}
.cnt-reason-02-02:after {
	background: url(/-/Media/com/hadalabo/promo/g-premium_eyecream/reason_bg03.png) no-repeat center / 100%;
	width:4.6875vw;
	height: 9.8958vw;
	right: -8.46875vw;
	bottom: -0.3125vw;
}
.cnt-reason-03 {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10.4167vw;
}
.cnt-reason-03-inner {
    width: 43.9219vw;
    margin: 0;
}
.cnt-reason-03-container {
	background: url(/-/Media/com/hadalabo/promo/g-premium_eyecream/reason_bg04.png) no-repeat center right / 100%;
	height: 42.4479vw;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	text-align: center;
	margin-bottom: 2.26042vw;
}
.cnt-reason-03-01 {
    color: #1d90d1;
    font-size: 1.286em;
    font-weight: bold;
}
.cnt-reason-03-02 {
    font-size: 0.686em;/* 24px*0.8=19.2(SP) */
    margin-top: 0.25em;
}
.cnt-reason-03-03 {
	font-size: 1.286em;
	font-weight: bold;
}
.cnt-reason-03-04 {
    font-size: 1em;
    padding: 0;
}
.cnt-reason-04 {
    max-width: 100%;
    width: 100%;
    margin: 0 auto 14.625vw;
    padding: 0;
}
.cnt-reason-05 {
    font-size: 0.857em;
    margin-bottom: 20.4479vw;
}
.cnt-reason-05-01 {
    /* font-size: 0.857em; */
    margin-bottom: 0.5em;
}

.cnt-reason-07 {
    font-size: 1.286em;/* 36px(SP) */
    /* line-height: 1.9em; */
    line-height: 2em;
    margin-bottom: 10.0208vw;
    margin-left: 5vw;
}
.cnt-reason-07-01 {
    display: inline-block;
    vertical-align: middle;
    width: 55.8594vw;
    margin-top: -2.8646vw;
}
.cnt-reason-08 {
    margin-top: 60px;
}
.cnt-reason-08-02 {
    width: 100%;
}
.cnt-reason-09 {
    text-align: center;
    margin-bottom: 15.6250vw;
    line-height: 3.5em;
}
.cnt-reason-09-01{
    line-height: 1.75em;
}
.cnt-reason-09-01-inner {
    border: 1.5px solid #5b2e10;
    -webkit-border-radius: 1.0417vw;
    -moz-border-radius: 1.0417vw;
    border-radius: 1.0417vw;
    padding: 1vw 1.5625 0.7813vw 2.0833vw;
}
.cnt-reason-09-02{
    font-size: 2.786em;/*78(SP)*/
    line-height: 1.75em;
}
.cnt-reason-09-02 .cnt-reason-09-02-inner {
    /* font-size: 1.25em; */
}
.cnt-reason-09-03{
    margin-top: -2vw;
}
.cnt-reason-10 {
    width:100%;
    margin-bottom: 9.4167vw;
}
.cnt-reason-11 {
    width:100%;
    font-size: 0.857em;
}

.cnt-reason-12 {
    padding-top: 11vw;
}
.cnt-reason-12-inner {
    width: 100%;
}
.cnt-reason-12-inner .cnt-reason-12-01 {
    width: 37.7604vw;
    height: 11.5885vw;

    font-size: 1.143em;
    background: url(/-/Media/com/hadalabo/promo/g-premium_eyecream/reason_bg06.png) no-repeat center center / 100%;
    right: 0;
    top: -14vw;
    padding-bottom: 3vw;
}

.cnt-reason-13  {
    padding: 15.1458vw 5.2083vw 18.151vw;
    margin-bottom: 13.57104vw;
}
.cnt-reason-13 .list-icons-01 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 1.45vw;
}
.cnt-reason-13 li {
    width: 100%;
    margin: 0 0 9.4167vw;
    display: flex;
    align-items: center;
    justify-content: center;
}
.cnt-reason-13 .list-icons-inner-02{
    width: 66.1042vw;
}
.cnt-reason-13 .list-icons-01 .cnt-icons-01-wrap{
    margin-bottom: 0;
}
.cnt-reason-14  {
    line-height: 2em;
}
.cnt-reason-14 .kome{
    line-height: 1.65em;
    display: inline-block;
}
.cnt-reason-15 {
	font-size:0.857em;
	padding: 0 6vw;
}
.cnt-reason-15 p {
    margin-bottom: 4.5104vw;
}
.cnt-reason-16 {
    padding: 13.1458vw 0 14.151vw;
    background: url(/-/Media/com/hadalabo/promo/g-premium_eyecream/reason_bg07_sp.png) no-repeat right bottom #fff;
    background-size: 97%;
}
.cnt-reason-17 {
    margin-bottom: 3vw;
}


/* フリーSP */
.free-section{
    background: url(/-/Media/com/hadalabo/promo/g-premium_eyecream/free_bg01_sp.jpg) no-repeat center top / cover;
    padding: 18.5313vw 0 23.4375vw;
}
.free-section .ttl-01 {
    margin-bottom: 13.0208vw;
}
.free-section .ttl-01 .ttl-cnt-05{
	background: url(/-/Media/com/hadalabo/promo/g-premium_eyecream/free_bg02.png) no-repeat right bottom -5px / 46.3542vw;
}
.free-section .clm-01 {
    margin-bottom: 15.7552vw;
}
.free-section .clm-01-inner {
    font-size:  1.714em;
    font-size: 1em;
    display: flex;
    justify-content: center;
}
.free-section .clm-01-inner span{
    width: 27.3438vw;
    height: 27.3438vw;
    -webkit-border-radius: 27.3438vw;
    -moz-border-radius: 27.3438vw;
    border-radius: 27.3438vw;
}
.free-section .clm-01-inner span:before{
    border: #e3d5ab 0.3906vw solid;
    width: 24.7396vw;
    height: 24.7396vw;
    -webkit-border-radius: 24.7396vw;
    -moz-border-radius: 24.7396vw;
    border-radius: 24.7396vw;
}
.free-section .clm-01-inner span.cnt-free-02:after{
    background: url(/-/Media/com/hadalabo/promo/g-premium_eyecream/free_img01_sp.png) center / 100% no-repeat ;
    width: 11.4583vw;
    height: 11.4583vw;
    right: 6.7708vw;
}

.free-section .cnt-free-03 li{
    width: 84.3750vw;
    margin: 0 auto 7.8125vw;
    /* padding: 0 5.5990vw; */
    padding: 0;
    /* box-sizing: border-box; */
}
.free-section .cnt-free-04 {
    padding: 13.0208vw 0 7.4219vw;
}
.free-section .clm-01-inner .cnt-free-01 {
    margin: 0 1.9531vw;
}
.free-section .clm-01-inner .cnt-free-02 {
    margin: 0 1.8229vw;
}


/* 使い方SP */

.use-section {
    padding: 19.5313vw 0 23.4375vw;
}
.use-section .ttl-01{
    margin-bottom: 13.0208vw;
}
.use-section .clm-01 {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.use-section .img-use-01 {
    width: 65.1042vw;
    margin-right: 0;
    margin-bottom: 10.0208vw;
}
.use-section .txt-use-wrap-01 {
    width: 100%;
}
.use-section .box-01 {
    box-sizing: border-box;
    width: 100%;
    margin: 0 auto;
    padding: 13.625vw 5.2083vw 19.5313vw;
}

.use-section .cnt-use-01 {
    font-size: 0.857em;/* 14px(SP) */
    line-height: 2em;
    margin-bottom: 6.8125vw;
}
.use-section .cnt-use-02 {
    margin-bottom: 8vw;
    padding-left: 1.5em;
}
.use-section .cnt-use-02 li{
    font-size: 1.143em;/* 32px */
    font-weight: bold;
    line-height: 1.500em;
    margin-bottom: 0.65em;
    list-style-position: outside;
}
.use-section .cnt-use-03 {
    font-size: 0.857em;
    line-height: 1.5em;
}

/* SP */
/* SP */
/* SP */
/* SP */






	
	
/* 商品情報(SP) -ヒアルロンアイクリーム */
.lineup-section{
	padding-top: 14.5313vw;
	padding-bottom: 19.05313vw;
}
.lineup-section::before,
.lineup-section::after {
    height: 0.5208vw;
}
.lineup-section .ttl-01{
    margin-bottom: 15vw;
}
.lineup-section .cnt-wrap{
	display: block;
	margin-bottom: 0;
}
.lineup-section .cnt-img-01{
	width: 42.0573vw;
	margin: 0 auto 8.74167vw;
}
.lineup-section .cnt-ttl-01{
    text-align: center;
    font-size: 1.500em;
    width: 95%;
    margin: 0 auto 4.5104vw;
}
.lineup-section .cnt-txt-01{}
.lineup-section .cnt-clm-01{
	width: 100%;
	padding-left: 0;
}
.lineup-section .txt-01{
    padding: 0.12500em 0.625em 0.12438em 0.625em;
}
.lineup-section .cnt-txt-02{
	margin-bottom: 13.0208vw;
    width: 95%;
    margin: 0 auto 13.0208vw;
}
.lineup-section .cnt-txt-02 dt{
	margin-top: 0.3906vw;
	font-size: 1em;
}
.lineup-section .cnt-txt-02 dd{
	/* vertical-align: middle; */
	padding-top: 0.25em;
	padding-left: 6em;
	font-size: 1em;
	margin-bottom: 2.6042vw;
}
.lineup-section .cnt-txt-03{
    margin-bottom: 3.8vw;
}
.lineup-section .cnt-btn-01 {
	width: 100%;
	margin: 0 auto;
}
.end-section {
    padding-top: 20.8333vw;
}


/* SEO対策のh1 (SP)  */
.brand-header-title {
    font-size: 3.1vw;
    margin-top: 0;
    margin-left: 0;
}

.top-logo-hdr{
	padding: 3% 5.33%;
	/* height: auto; */
}
.brand-header-wrap{
	height: auto;
}


}

@media screen and (max-width: 480px) {
#g-premium_eyecream_container {
		padding: 16.6% 0 0;
}
.list-navi a {
	padding: 1.9531vw 0.60152rem;
}
}