@charset "UTF-8";
/*************************************************************************

	* Vaseline Brand Site

	+ YUI CSS
		- reset.css
		- font.css
		- [memo] font size
	
	+ outline.css
		- Set Default Styles
		- Outline
	
	+ browser.css
		- clear fix

 *************************************************************************/





/* --------------------------------------------------------------------------------------------------------------------------------------
 *  YUI CSS
 */


/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.3.0
build: 3167
*/

/* -------------------------------------------------------------------
 *  reset.css
 */
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
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;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
/*sup{vertical-align:text-top;}*/
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}


/* -------------------------------------------------------------------
 *  font.css
 */
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}


/* Font-size
   http://developer.yahoo.com/yui/3/cssfonts/#fontsize

  10px  =   77%
  11px  =   85%
  12px  =   93%
  13px  =  100%
  14px  =  108%
  15px  =  116%
  16px  =  123.1%
  17px  =  131%
  18px  =  138.5%
  19px  =  146.5%
  20px  =  153.9%
  21px  =  161.6%
  22px  =  167%
  23px  =  174%
  24px  =  182%
  25px  =  189%
  26px  =  197%

*/









/* --------------------------------------------------------------------------------------------------------------------------------------
 *  outline.css
 */

/* -------------------------------------------------------------------
 *  Set Default Style
 */

body,h1,h2,h3,h4,h5,h6,div,p,ul,ol,li,dl,dt,dd,table,tr,th,td,address,form,input,textarea,select,option {
	margin: 0;
	padding: 0;

	/* font,text >> */
	text-align: left;
	
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Helvetica, Arial, Verdana, sans-serif;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Helvetica, Arial, Verdana, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-weight: 500;
	/* << font,text */
}
html {
	height: 100%;
}
br {
	letter-spacing: 0;
}

body {
	min-height: 100%;
	_height: 100%;
	background: #FFFFFF;
	color: #003280;
	text-align: center;
	-webkit-font-smoothing: antialiased;
}
a {
	cursor: pointer;
}
a:link,
a:visited {
	color: #003280;
	text-decoration: none;
}
a:hover,
a:active {
	color: #003280;
	text-decoration: none;
}

/* using in Javascript >> */
img.o, input.o {}
img.op, input.op {}
/* << using in Javascript */

/* hidden >> */
.hidden {
	position: absolute;
	overflow: hidden;
	width: 0;
	height: 0;
}
hr {
	display:none;
}
/* << hidden */



/* -------------------------------------------------------------------
 *  Outline
 */

#VASELINE {
	position: relative;
	min-width: 980px;
}

/* header */
.header {
	width: 980px;
	height: 127px;
	overflow: hidden;
	margin: 0 auto;
}
.header .logo {
	float: left;
	margin: 21px 0 0;
}
.header .main_menu {
	float: left;
	margin: 64px 0 0;
}
.header .main_menu li {
	float: left;
	margin: 0 0 0 41px;
	font-weight: bold;
	line-height: 1.1;
	letter-spacing: 1px;
}
.header .main_menu li#HN-HOME {
	margin-left: 54px;
	font-size: 108%;
	letter-spacing: 0;
	text-transform: uppercase;
}
.header .main_menu li#HN-PRODUCTS {
	margin-left: 50px;
}
.header .main_menu li a:hover,
.header .main_menu li a:focus,
.header .main_menu li a:active,
.header .main_menu li.here a,
.header .main_menu li .here {
	display: block;
	border-bottom: 2px solid #003280;
	padding: 0 0 3px;
}
.header .main_menu li .off {
	color: #CCCCCC;
}
/* share links */
.sns_share {
	position: absolute;
	width: 980px;
	top: 0;
	left: 50%;
	margin: 0 0 0 -490px;
}
.sns_share .wrap {
	position: absolute;
	top: 13px;
	right: 2px;
	border-radius: 3px;
	padding: 6px 11px 5px 10px;
	background: #F2F2F2;
}
.sns_share .wrap .title {
	float: left;
	padding: .4em 0 0;
	line-height: 1.1;
}
.sns_share .wrap ul {
	float: left;
}
.sns_share .wrap ul li {
	float: left;
	padding: 0 0 0 8px;
}
.sns_share .wrap ul li img {
	display: block;
}
.sns_share .wrap ul li a:hover img,
.sns_share .wrap ul li a:focus img,
.sns_share .wrap ul li a:active img {
	opacity: .7;
}
/* breadcrumb */
.topheader {
	min-width: 980px;
	margin: 5px 0 0;
	background: #F2F2F2;
}
.topheader .breadcrumb {
	width: 960px;
	margin: 0 auto;
	padding: 10px 0;
	font-size: 85%;
	line-height: 1.1;
}
.topheader .breadcrumb li {
	display: inline;
}
.topheader .breadcrumb li:before {
	content: " > ";
}
.topheader .breadcrumb li:first-child:before {
	content: "";
}
.topheader .breadcrumb li a:link,
.topheader .breadcrumb li a:visited {
	text-decoration: underline;
}
.topheader .breadcrumb li a:hover,
.topheader .breadcrumb li a:focus,
.topheader .breadcrumb li a:active {
	text-decoration: none;
}
.topheader .breadcrumb li .here {
	display: inline;
}

.main_visual {
	min-width: 980px;
	height: 461px;
	overflow: hidden;
	background: #F2F2F2;
}
.main_visual .wrap {
	position: relative;
	width: 980px;
	height: 461px;
	margin: 0 auto;
}
.main_visual .wrap .catch {
	position: absolute;
	text-indent: -10000em;
}
.main_visual .wrap .bugfix_wrap,
.main_visual .storelink .store {
	box-sizing: border-box;
	display: block;
	width: 242px;
	margin: 24px 0 0;
	border: 2px solid #003280;
	border-radius: 6px;
	background-color: #FFFFFF;
	color: #003280;
}
.main_visual .wrap.off .bugfix_wrap {
	border-color: #CCCCCC;
	color: #CCCCCC;
}
.main_visual .wrap input,
.main_visual .storelink .store a {
	box-sizing: border-box;
	display: block;
	width: 238px;
	margin: 0;
	border-width: 0;
	padding: 22px 52px 20px 42px;
	background-color: transparent;
	background-image: url(../img/cmn/btn_store_arw.png), url(../img/cmn/btn_store_icn.png);
	background-position: 16px 50%, 91% 50%;
	background-repeat: no-repeat, no-repeat;
	color: #003280;
	font-weight: bold;
	line-height: 1.1;
	cursor: pointer;
}
.main_visual .wrap.off input,
.main_visual .wrap.off .storelink .store a {
	background-image: url(../img/cmn/btn_store_arw_off.png), url(../img/cmn/btn_store_icn_off.png);
	color: #CCCCCC;
	cursor: default;
	pointer-events: none;
}
.main_visual .wrap .bugfix_wrap:hover,
.main_visual .wrap .bugfix_wrap:focus,
.main_visual .wrap .bugfix_wrap:active,
.main_visual .storelink .store:hover,
.main_visual .storelink .store:focus,
.main_visual .storelink .store:active {
	background-color: #003280;
	color: #FFFFFF;
}
.main_visual .wrap.off .bugfix_wrap:hover,
.main_visual .wrap.off .bugfix_wrap:focus,
.main_visual .wrap.off .bugfix_wrap:active,
.main_visual .wrap.off .storelink .store:hover,
.main_visual .wrap.off .storelink .store:focus,
.main_visual .wrap.off .storelink .store:active {
	background-color: #FFFFFF;
	color: #CCCCCC;
}
.main_visual .wrap .bugfix_wrap:hover input,
.main_visual .wrap .bugfix_wrap:focus input,
.main_visual .wrap .bugfix_wrap:active input,
.main_visual .storelink .store:hover a,
.main_visual .storelink .store:focus a,
.main_visual .storelink .store:active a {
	background-image: url(../img/cmn/btn_store_arw_o.png), url(../img/cmn/btn_store_icn_o.png);
	color: #FFFFFF;
}
.main_visual .wrap.off .bugfix_wrap:hover input,
.main_visual .wrap.off .bugfix_wrap:focus input,
.main_visual .wrap.off .bugfix_wrap:active input,
.main_visual .wrap.off .storelink .store:hover a,
.main_visual .wrap.off .storelink .store:focus a,
.main_visual .wrap.off .storelink .store:active a {
	background-image: url(../img/cmn/btn_store_arw_off.png), url(../img/cmn/btn_store_icn_off.png);
	color: #CCCCCC;
}
.main_visual .wrap p.note {
	clear: both;
	margin: 10px 0 0;
	color: #808080;
	font-size: 77%;
	line-height: 1.3;
}

.totop {
	width: 980px;
	margin: 16px auto 0;
}
.totop:after {
	content: "";
	display: table;
	clear: both;
}
.totop a {
	float: right;
	display: block;
	margin: 0 0 -1px;
	padding: 4px;
	border-radius: 6px 6px 0 0;
	background: #003280;
	color: #FFFFFF;
	line-height: 1.1;
}
.totop a .bugfix_wrap {
	display: block;
	border-radius: 4px;
}
.totop a .wrap {
	display: block;
	padding: 6px 15px 3px 43px;
	background: transparent url(../img/cmn/totop_arw_01.png) 23px 5px no-repeat;
}
.totop a:hover .bugfix_wrap,
.totop a:focus .bugfix_wrap,
.totop a:active .bugfix_wrap {
	background-color: #FFFFFF;
	color: #003280;
}
.totop a:hover .wrap,
.totop a:focus .wrap,
.totop a:active .wrap {
	background-image: url(../img/cmn/totop_arw_01_o.png);
}

.footer {
	height: 220px;
	background: #003280; /* Old browsers */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3463A8', endColorstr='#003280',GradientType=1 );	/* IE6-9 */
	background: -o-linear-gradient(left,  #3463A8 0%,#3463A8 50%,#003280 50%,#003280 100%);						/* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #3463A8 0%,#3463A8 50%,#003280 50%,#003280 100%);					/* IE10+ */
	background: -moz-linear-gradient(left,  #3463A8 0%,#3463A8 50%,#003280 50%,#003280 100%);				/* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#3463A8), color-stop(50%,#3463A8), color-stop(50%,#003280), color-stop(100%,#003280));	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #3463A8 0%,#3463A8 50%,#003280 50%,#003280 100%);				/* Chrome10+,Safari5.1+ */
	background: linear-gradient(to right,  #3463A8 0%,#3463A8 50%,#003280 50%,#003280 100%);					/* W3C */
	color: #FFFFFF;
}
.footer .wrap {
	min-width: 980px;
	height: 220px;
/*	background: transparent url(../img/top/mv_bg.jpg) 50% 50% no-repeat;*/
	
	width: 980px;
	margin: 0 auto;
/*	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3463A8', endColorstr='#003280',GradientType=1 );	/* IE6-9 */
	background: -o-linear-gradient(left,  #3463A8 20%,#003280 80%);						/* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #3463A8 20%,#003280 80%);					/* IE10+ */
	background: -moz-linear-gradient(left,  #3463A8 20%,#003280 80%);				/* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(20%,#3463A8), color-stop(80%,#003280));	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #3463A8 20%,#003280 80%);				/* Chrome10+,Safari5.1+ */
	background: linear-gradient(to right,  #3463A8 20%,#003280 80%);					/* W3C */
}
.footer .wrap a {
	color: #FFFFFF;
}
.footer .wrap .navi {
	width: 980px;
	margin: 0 auto;
	padding: 35px 0 0;
	font-size: 93%;
	font-weight: bold;
	line-height: 1.1;
}
.footer .wrap .navi > li {
	float: left;
	font-weight: bold;
}
.footer .wrap .navi li#FN-HOME {
	margin-left: 22px;
	text-transform: uppercase;
}
.footer .wrap .navi li#FN-PRODUCTS {
	margin-left: 64px;
}
.footer .wrap .navi li#FN-CONCEPT {
	margin-left: 64px;
}
.footer .wrap .navi li#FN-HISTORY {
	margin-left: 64px;
}
.footer .wrap .navi li#FN-STORE {
	margin-left: 64px;
}
.footer .wrap .navi li#FN-COMPANY {
	margin-left: 115px;
}
.footer .wrap .navi li a {
	display: block;
	font-weight: bold;
}
.footer .wrap .navi li li a {
	font-weight: normal;
}
.footer .wrap .navi li a:hover,
.footer .wrap .navi li a:focus,
.footer .wrap .navi li a:active {
	text-decoration: underline;
}
.footer .wrap .navi li a .category,
.footer .wrap .navi li .here .category {
	display: block;
	margin: 0 0 .6em;
}
.footer .wrap .navi li .off {
	opacity: .3;
}
.footer .wrap .navi li li {
	margin: .6em 0 0;
}
.footer .wrap .site {
	width: 980px;
	margin: 28px auto 0;
	font-size: 85%;
	line-height: 1.1;
}
.footer .wrap .site .copyright {
	float: left;
	min-height: 34px;
	padding: 3px 0 0 66px;
	background: transparent url(../img/cmn/f_ci.png) 19px 0 no-repeat;
}
.footer .wrap .site .utility {
	float: left;
	padding: 3px 0 0 2px;
}
.footer .wrap .site .utility li {
	float: left;
	margin: 0 0 0 20px;
}
.footer .wrap .site .utility li.spview {
	display: none;
}
.footer .wrap .site .utility li a:link,
.footer .wrap .site .utility li a:visited {
	text-decoration: underline;
}
.footer .wrap .site .utility li a:hover,
.footer .wrap .site .utility li a:focus,
.footer .wrap .site .utility li a:active {
	text-decoration: underline;
}


/* -------------------------------------------------------------------
 *  Common
 */

/* clear fix */
.cf:before,
.cf:after {
	content:"";
	display:block;
	overflow:hidden;
}
.cf:after {
	clear:both;
}
.cf {
	zoom:1;
}
/* // clear fix */

.navi {
}
.navi .main_menu {
	border-top: 2px solid #003280;
	background: #F2F2F2;
}
.navi .main_menu ul {
	width: 980px;
	margin: 0 auto;
	padding: 0 0 30px;
}
.navi .main_menu li {
	position: relative;
	margin: 27px 0 0;
	background: #FFFFFF url(../img/cmn/bnr_p_arw.png) 939px 50% no-repeat;
}
.navi .main_menu li.store {
	margin-top: 19px;
}
.navi .main_menu li a {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	width: 980px;
	min-height: 112px;
	border: 1px solid #BFCCDF;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
	padding: 1px 62px 1px 0;
}
.navi .main_menu li.concept a {
	padding-left: 243px;
}
.navi .main_menu li.history a {
	padding-left: 243px;
}
.navi .main_menu li.store a {
	padding-left: 218px;
}
.navi .main_menu li.deco a {
	padding-left: 241px;
	padding-right: 40px;
}
.navi .main_menu li.photocon a {
	padding-left: 210px;
	padding-right: 40px;
}
.navi .main_menu li a:before {
	position: absolute;
}
.navi .main_menu li.concept a:before {
	content: url(../img/cmn/bnr_p_01.png);
	width: 130px;
	top: -16px;
	left: 78px;
}
.navi .main_menu li.history a:before {
	content: url(../img/cmn/bnr_p_02.png);
	width: 143px;
	top: -8px;
	left: 52px;
}
.navi .main_menu li.store a:before {
	content: url(../img/cmn/bnr_p_03.png);
	width: 202px;
	top: 19px;
	left: 35px;
}
.navi .main_menu li.deco a:before {
	content: url(../img/cmn/bnr_p_04.png);
	width: 129px;
	top: 0;
	left: 76px;
}
.navi .main_menu li.photocon a:before {
	content: url(../img/cmn/bnr_p_05.png);
	width: 158px;
	top: 0;
	left: 55px;
}
.navi .main_menu li a:after {
	content: "";
	display: table;
	clear: both;
}
.navi .main_menu li a:hover,
.navi .main_menu li a:focus,
.navi .main_menu li a:active {
	border: 2px solid #003280;
	padding-top: 0;
	padding-bottom: 0;
	background-position: 938px 50%;
}
.navi .main_menu li.concept a:hover,
.navi .main_menu li.concept a:focus,
.navi .main_menu li.concept a:active {
	padding-left: 242px;
}
.navi .main_menu li.history a:hover,
.navi .main_menu li.history a:focus,
.navi .main_menu li.history a:active {
	padding-left: 242px;
}
.navi .main_menu li.store a:hover,
.navi .main_menu li.store a:focus,
.navi .main_menu li.store a:active {
	padding-left: 217px;
}
.navi .main_menu li.deco a:hover,
.navi .main_menu li.deco a:focus,
.navi .main_menu li.deco a:active {
	padding-left: 240px;
}
.navi .main_menu li.photocon a:hover,
.navi .main_menu li.photocon a:focus,
.navi .main_menu li.photocon a:active {
	padding-left: 209px;
}
.navi .main_menu li .title {
	float: left;
	width: 321px;
	padding-top: 1.5em;
	font-size: 212%;
	font-weight: normal;
	line-height: 1.1;
}
.navi .main_menu li.store .title {
	width: 346px;
}
.navi .main_menu li.photocon .title {
	width: 346px;
}
.navi .main_menu li .summary {
	float: left;
	padding-top: 2.5em;
	font-size: 108%;
	line-height: 1.5;
	white-space: nowrap;
}
.navi .main_menu li.concept .summary {
}
.navi .main_menu li.deco .summary {
	padding-top: 1.75em;
}
.navi .main_menu li .summary .end {
	color: #808080;
}

.product_lineup + .product_lineup {
	margin: 50px 0 0;
}
.product_lineup > .title {
	min-width: 980px;
	border-top: 2px solid #003280;
	padding: 20px 0 25px;
	text-align: center;
	font-size: 161.6%;
	font-weight: bold;
	line-height: 1.1;
}
.product_lineup .products {
	width: 980px;
	margin: 0 auto;
}
.product_lineup .products > li {
	float: left;
	position: relative;
	width: 320px;
	margin: 11px 0 0 10px;
}
.product_lineup .products li > a,
.product_lineup .products li .wrap,
.product_lineup .products li span.here {
	display: block;
	border-radius: 6px;
	padding: 0 0 27px;
}
.product_lineup .products li span.here {
	background: #F2F2F2;
}
.product_lineup .products li:nth-child(3n+1) {
	clear: both;
	margin-left: 0;
}
.product_lineup .products li .summary {
	position: relative;
	z-index: 1;
	padding: 318px 0 0;
	text-align: center;
	font-size: 161.6%;
	font-weight: bold;
	line-height: 1.4;
}
.product_lineup .products li.jelly_lip .summary,
.product_lineup .products li.hand_nail .summary,
.product_lineup .products li.hand_finger .summary,
/* 2015/08 add >>> */
.product_lineup .products li.lip_original .summary,
.product_lineup .products li.lip_rosy .summary,
/* <<< 2015/08 add */
/* 2016/08 add >>> */
.product_lineup .products li.lip_cremebrulee .summary {
/* <<< 2016/08 add */
	padding-top: 318px;
}
.product_lineup .products li.deeply_enriched_lotion_lavender .summary,
.product_lineup .products li.deeply_enriched_lotion_lemon .summary {
	letter-spacing: -.05em;
}
.product_lineup .products li .title,
body.store .product_lineup .products li .storelink .store {
	width: 196px;
	margin: 9px auto 0;
	border: 1px solid #7F98BF;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	-ms-border-radius: 12px;
	-o-border-radius: 12px;
	border-radius: 12px;
	background: #FFFFFF;
	font-size: 100%;
	line-height: 1.1;
}
.product_lineup .products li.deeply_enriched_lotion_lavender .title,
.product_lineup .products li.deeply_enriched_lotion_lemon .title,
.product_lineup .products li.medicated_bodylotion_moisture .title,
.product_lineup .products li.medicated_bodylotion_skin .title {
	width: 220px;
}
.product_lineup .products li > a:hover .title,
.product_lineup .products li > a:focus .title,
.product_lineup .products li > a:active .title {
	background-color: #003280;
	color: #FFFFFF;
}
.product_lineup .products li .title .wrap,
body.store .product_lineup .products li .storelink .store a {
	display: table-cell;
	height: 2.2em;
	-ms-border-radius: 0;
	border-radius: 0;
	padding: 8px 0;
	background: transparent url(../img/cmn/lineup_arw_01.png) 14px 50% no-repeat;
	vertical-align: middle;
}
.product_lineup .products li > a:hover .wrap,
.product_lineup .products li > a:focus .wrap,
.product_lineup .products li > a:active .wrap {
	background-image: url(../img/cmn/lineup_arw_01_o.png);
}
.product_lineup .products li.original_jelly .title .wrap {
	padding-left: 44px;
}
.product_lineup .products li.advanced_repair_lotion .title .wrap {
	padding-left: 42px;
}
.product_lineup .products li.extra_smooth_lotion .title .wrap {
	padding-left: 40px;
}
.product_lineup .products li.jelly_lip .title .wrap {
	padding-left: 56px;
}
.product_lineup .products li.hand_nail .title .wrap {
	padding-left: 54px;
}
.product_lineup .products li.hand_finger .title .wrap {
	padding-left: 53px;
}
.product_lineup .products li.advanced_repair_cream .title .wrap {
	padding-left: 44px;
}
.product_lineup .products li.hand_finger .title .note {
	font-size: 85%;
}
.product_lineup .products li.deeply_enriched_lotion_lavender .title .wrap,
.product_lineup .products li.deeply_enriched_lotion_lemon .title .wrap,
.product_lineup .products li.medicated_bodylotion_moisture .title .wrap,
.product_lineup .products li.medicated_bodylotion_skin .title .wrap {
	padding-left: 36px;
    letter-spacing: -.05em;
}
.product_lineup .products li .spec {
	position: absolute;
	top: 21px;
	right: 10px;
}
.product_lineup .products li .image {
	position: absolute;
	left: 72px;
}
.product_lineup .products li.original_jelly .image {
	top: 102px;
}
.product_lineup .products li.advanced_repair_lotion .image,
.product_lineup .products li.extra_smooth_lotion .image,
.product_lineup .products li.deeply_enriched_lotion_lavender .image,
.product_lineup .products li.deeply_enriched_lotion_lemon .image {
	top: 53px;
}
.product_lineup .products li.medicated_bodylotion_moisture .image,
.product_lineup .products li.medicated_bodylotion_skin .image {
	left: 108px;
	top: 20px;
}
body.store .product_lineup .products li.advanced_repair_lotion .image,
body.store .product_lineup .products li.deeply_enriched_lotion_lavender .image,
body.store .product_lineup .products li.deeply_enriched_lotion_lemon .image {
	top: 30px;
}
body.store .product_lineup .products li.advanced_repair_lotion.pump .image {
	left: 92px;
}
.product_lineup .products li.jelly_lip .image {
	top: 37px;
}
.product_lineup .products li.hand_nail .image,
.product_lineup .products li.hand_finger .image {
	top: 27px;
}
.product_lineup .products li.advanced_repair_cream .image {
	top: 136px;
}
/* >>> */
.product_lineup .products li.lip_moistshine_original .image,
.product_lineup .products li.lip_moistshine_rosepink .image,
.product_lineup .products li.lip_moistshine_cocoa .image {
	top: 90px;
}
body.store .product_lineup .products li.serum .image,
body.store .product_lineup .products li.tint .image {
	left: 120px;
}
.product_lineup.series .products li {
	width: 480px;
}
.product_lineup.series .products li > a,
.product_lineup.series .products li > span.here {
	display: flex;
	align-items: center;
	margin: 0 0 27px;
    padding: 27px 27px 0;
}
.product_lineup.series .products .image {
	position: static;
}
	.product_lineup.series .products li.medicated_bodylotion_moisture .image,
	.product_lineup.series .products li.medicated_bodylotion_skin .image {
		width: 20%;
		padding: 0 10.5% 0 8.5%;
	}
	.product_lineup.series .products li.medicated_bodylotion_moisture .image img,
	.product_lineup.series .products li.medicated_bodylotion_skin .image img{
		width: 100%;
	}
.product_lineup.series .products .text {
	padding: 0 0 30px;
}
.product_lineup.series .products .title {
	margin-left: 0;
}
.product_lineup.series .products .summary {
	padding-top: 0;
    text-align: left;
}



.unit {
	box-sizing: border-box;
	width: 980px;
	margin: 22px auto 12px;
	border: 1px solid #8099C0;
	border-radius: 6px;
}
.product_lineup .products li.lip_original .title .wrap,
.product_lineup .products li.lip_rosy .title .wrap,
.product_lineup .products li.lip_cremebrulee .title .wrap,
.product_lineup .products li.lip_moistshine_original .title .wrap,
.product_lineup .products li.lip_moistshine_rosepink .title .wrap,
.product_lineup .products li.lip_moistshine_cocoa .title .wrap,
.product_lineup .products li.serum .title .wrap,
.product_lineup .products li.tint .title .wrap,
.product_lineup .products li.repair_cream_nightcare .title .wrap {
	padding-left: 56px;
}
.product_lineup .products li.lip_original .image,
.product_lineup .products li.lip_rosy .image {
	top: 102px;
	left: 72px;
}
.product_lineup .products li.lip_cremebrulee .summary .small,
.product_lineup .products li.lip_moistshine_cocoa .summary .small {
	font-size: 61.88%;
}
.product_lineup .products li.serum .image,
.product_lineup .products li.tint .image {
	top: 10px;
	left: 76px;
}
.product_lineup .products li.tint .image {
	left: 66px;
}
.product_lineup .products li.serum .spec {
	right: 15px;
}
.product_lineup .products li.tint .spec {
	right: 5px;
}
.product_lineup .products li.repair_cream_nightcare .image {
	top: 125px;
	left: 75px;
}



/* -------------------------------------------------------------------
 *  Top
 */
body.top .topheader {
	position: relative;
	width: 980px;
	margin: 0 auto;
	background: transparent;
}
body.top .topheader .catch {
	position: absolute;
	top: 453px;
	right: 0;
	font-size: 93%;
	font-weight: normal;
	line-height: 1.1;
	color: #808080;
}

body.top .keyvisual {
	position: relative;
	width: 100%;
	overflow-x: hidden;
}
body.top .keyvisual .control .left,
body.top .keyvisual .control .right {
	position: absolute;
	top: 50%;
	z-index: 500;
	margin: -34px 0 0;
}
body.top .keyvisual .control .left {
	left: 50%;
	margin-left: -505px;
}
body.top .keyvisual .control .right {
	right: 50%;
	margin-right: -505px;
}
body.top .keyvisual .control.blue .left img,
body.top .keyvisual .control.blue .right img {
	opacity: 0;
}
body.top .keyvisual .control.blue .left:before,
body.top .keyvisual .control.blue .right:before {
	content: "";
	position: absolute;
	display: inline-block;
	width: 68px;
	height: 68px;
	z-index: -1;
	background: url(../img/top/mv_arw_l_blue.png) 0 0 no-repeat;
}
body.top .keyvisual .control.blue .right:before {
	background-image: url(../img/top/mv_arw_r_blue.png);
}
body.top .main {
	height: 431px;
	margin: 5px 0 0;
	background: #4273bb; /* Old browsers */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4273bb', endColorstr='#003280',GradientType=1 );	/* IE6-9 */
	background: -o-linear-gradient(left,  #4273bb 0%,#4273bb 50%,#003280 50%,#003280 100%);						/* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #4273bb 0%,#4273bb 50%,#003280 50%,#003280 100%);					/* IE10+ */
	background: -moz-linear-gradient(left,  #4273bb 0%,#4273bb 50%,#003280 50%,#003280 100%);				/* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#4273bb), color-stop(50%,#4273bb), color-stop(50%,#003280), color-stop(100%,#003280));	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #4273bb 0%,#4273bb 50%,#003280 50%,#003280 100%);				/* Chrome10+,Safari5.1+ */
	background: linear-gradient(to right,  #4273bb 0%,#4273bb 50%,#003280 50%,#003280 100%);					/* W3C */
	-o-box-shadow: 0px 0px 10px rgba(0, 0, 0, .35);
	-ms-box-shadow: 0px 0px 10px rgba(0, 0, 0, .35);
	-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, .35);
	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, .35);
	box-shadow: 0px 0px 10px rgba(0, 0, 0, .35);
}
body.top .main .kv {
	min-width: 980px;
	height: 431px;
	background: transparent url(../img/top/mv_bg.jpg) 50% 50% no-repeat;
}
body.top .main .kv li {
	display: none;
	width: 100%;
	height: 100%;
	overflow-x: hidden;
	overflow-y: hidden;
}
body.top .main .kv li .wrap {
	display: block;
	position: relative;
	width: 980px;
	height: 100%;
	margin: 0 auto;
	color: #FFFFFF;
}
body.top .main .kv li a {
	display: block;
	width: 100%;
	height:	100%;
}
body.top .main .kv li.deco {
}
body.top .main .kv li.deco ul {
	max-width: 1920px;
	height: 100%;
	margin: 0 auto;
	background: #FFFFFF;
}
body.top .main .kv li.deco ul li {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	transition-property: opacity;
	transition-duration: .5s;
	transition-timing-function: ease-in-out;
	-webkit-transition-property: opacity;
	-webkit-transition-duration: .5s;
	-webkit-transition-timing-function: ease-in-out;
}
body.top .main .kv li.deco ul li.mv01 {
	background: url(../img/top/mv_p_07_1.jpg?d=20161212) 50% 0 no-repeat;
}
body.top .main .kv li.deco ul li.mv02 {
	background: url(../img/top/mv_p_07_2.jpg?d=20161212) 50% 0 no-repeat;
}
body.top .main .kv li.deco ul.mv01 li.mv01,
body.top .main .kv li.deco ul.mv02 li.mv02 {
	opacity: 1;
}
body.top .main .kv li.no1 .wrap {
	max-width: 1920px;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	background: #FFFFFF url(../img/top/mv_p_11.jpg?d=171222) 50% 0 no-repeat;
	text-indent: -1000em;
}
body.top .main .kv li.photocon .wrap {
	max-width: 1920px;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	background: #FFFFFF url(../img/top/mv_p_09.jpg?d=20170925) 50% 0 no-repeat;
}
body.top .main .kv li.original_jelly_2 .wrap {
	max-width: 1920px;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	background: #FFFFFF url(../img/top/mv_p_10.jpg?d=20170925) 50% 0 no-repeat;
}
body.top .main .kv li.original_jelly_2 .catch {
	display: none;
}
body.top .main .kv li.original_jelly_2 .title {
	display: none;
}
body.top .main .kv li.original_jelly {
}
body.top .main .kv li.original_jelly .wrap {
	background: url(../img/top/mv_p_01.png?d=20190806) 144px 87px no-repeat;
}
body.top .main .kv li.original_jelly .catch {
	position: absolute;
	left: 430px;
	top: 167px;
	font-size: 212%;	/* 28px */
	line-height: 1.1;
}
body.top .main .kv li.original_jelly .title {
	position: absolute;
	left: 430px;
	top: 247px;
	font-weight: bold;
}
body.top .main .kv li.advanced_repair_lotion {
	background: url(../img/top/mv_p_21.webp) 60.5% 0/auto 100% no-repeat;
}
body.top .main .kv li.advanced_repair_lotion .catch,
body.top .main .kv li.advanced_repair_lotion .title {
	display: none;
}
/* 2015/08 add >>> */
body.top .main .kv li.lip_original .catch {
	position: absolute;
	left: 570px;
	top: 171px;
	font-size: 270%;
	line-height: 1.23;
}
body.top .main .kv li.lip_original .sub {
	position: absolute;
	left: 570px;
	top: 262px;
	font-size: 138%;
	line-height: 1.5;
}
body.top .main .kv li.lip_rosy .catch {
	position: absolute;
	left: 496px;
	top: 126px;
	font-size: 270%;
	line-height: 1.23;
}
body.top .main .kv li.lip_original .title {
	position: absolute;
	left: 570px;
	top: 300px;
	font-size: 138%;
	font-weight: bold;
}
body.top .main .kv li.lip_rosy .title {
	position: absolute;
	left: 499px;
	top: 318px;
	font-size: 138%;
	font-weight: bold;
}
body.top .main .kv li.lip_original .wrap:before {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: -77px;
	z-index: -1;
	background: url(../img/top/mv_p_13.png?d=20190806) 225px 138px no-repeat;
}
body.top .main .kv li.lip_rosy .wrap:before {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: -77px;
	z-index: -1;
    background: url(../img/top/mv_p_05.png) 0 127px no-repeat;
}
/* <<< 2015/08 add */
/* 2016/08 add >>> */
body.top .main .kv li.lip_cremebrulee .catch {
	position: absolute;
	left: 496px;
	top: 126px;
	font-size: 270%;
	line-height: 1.23;
}
body.top .main .kv li.lip_cremebrulee .title {
	position: absolute;
	left: 499px;
	top: 328px;
	font-size: 138%;
	font-weight: bold;
}
body.top .main .kv li.lip_cremebrulee .wrap:before {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: -77px;
	z-index: -1;
    background: url(../img/top/mv_p_06.png) 0 127px no-repeat;
}
body.top .main .kv li.lip_cremebrulee .catch .small {
	display: block;
	margin: -0.1em 0 0;
	font-size: 51.11%;
}
/* <<< 2016/08 add */
/* 2017/08 add >>> */
body.top .main .kv li.advanced_repair_cream .catch {
	position: absolute;
	left: 496px;
	top: 126px;
	font-size: 270%;
	line-height: 1.23;
}
body.top .main .kv li.advanced_repair_cream .title {
	position: absolute;
	left: 499px;
	top: 268px;
	font-size: 138%;
	font-weight: bold;
	line-height: 1.6;
}
body.top .main .kv li.advanced_repair_cream .title .mark {
	margin: 0 0;
	font-size: 70%;
	vertical-align: bottom;
}
body.top .main .kv li.advanced_repair_cream .wrap:before {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 171px;
	z-index: -1;
	background: url(../img/top/mv_p_08.png?d=20190806) 0 146px no-repeat;
}
body.top .main .kv li.advanced_repair_cream .title .note {
	display: block;
	font-size: 69%;
}
/* <<< 2017/08 add */
body.top .main .kv li.lip_moistshine .wrap {
}
body.top .main .kv li.lip_moistshine .wrap:before {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: -1;
	background: url(../img/top/mv_p_12.png) 112px 35px no-repeat;
}
body.top .main .kv li.lip_moistshine .catch {
	position: absolute;
	left: 522px;
	top: 142px;
	font-size: 270%;
	line-height: 1.23;
}
body.top .main .kv li.lip_moistshine .sub {
	position: absolute;
	left: 522px;
	top: 238px;
	font-size: 138%;
	line-height: 1.5;
}
body.top .main .kv li.lip_moistshine .title {
	position: absolute;
	left: 522px;
	top: 302px;
	font-size: 138%;
	font-weight: bold;
	line-height: 1.6;
}
body.top .main .kv li.tintserum {
	background: #F2F2F2 url(../img/top/mv_p_15.jpg) 50% 0 no-repeat;
}
body.top .main .kv li.tintserum > a > *,
body.top .main .kv li.enrichedlotion > a > *,
body.top .main .kv li.vhp > a > *,
body.top .main .kv li.medicated_bodyloation > a > *,
body.top .main .kv li.repair_cream_nightcare > a > * {
	width: 1px;
	height: 1px;
	overflow: hidden;
	text-indent: -1000em;
}
body.top .main .kv li.enrichedlotion {
	background: #F2F2F2 url(../img/top/mv_p_19.webp?d=20230707_1) 50% 0/auto 100% no-repeat;
}
body.top .main .kv li.vhp {
	background: #F2F2F2 url(../img/top/mv_p_18.webp) 50% 0/auto 100% no-repeat;
}
body.top .main .kv li.medicated_bodyloation {
	background: url(../img/top/mv_p_20.webp) 50% 0/auto 100% no-repeat;
}
body.top .main .kv li.repair_cream_nightcare {
	background: url(../img/top/mv_p_22.webp) 50% 0/auto 100% no-repeat;
}


body.top .main .kv li.concept {
}
body.top .main .kv li.concept .wrap {
	background: url(../img/top/mv_p_03.png?d=140821) 118px 60px no-repeat;
}
body.top .main .kv li.concept .catch {
	position: absolute;
	left: 377px;
	top: 140px;
	font-size: 257%;
	line-height: 1.3;
}
body.top .main .kv li.concept .title {
	position: absolute;
	left: 377px;
	top: 243px;
	font-size: 123.1%;
	font-weight: bold;
	line-height: 1.5;
}

body.top .control img {
	cursor: pointer;
}

body.top .visualnavi {
	min-height: 30px;
	text-align: center;
}
body.top .visualnavi a {
	display: inline-block;
	width: 17px;
	height: 17px;
	overflow: hidden;
	margin: 13px 6px 0 7px;
	background: transparent url(../img/top/mv_icn_off.png) 50% 50% no-repeat;
	vertical-align: middle;
	text-indent: -10000em;
}
body.top .visualnavi a.activeSlide {
	background-image: url(../img/top/mv_icn_on.png);
}

body.top .navi .main_menu {
	border-top: 0;
	background: #FFFFFF;
}
body.top .navi .main_menu ul {
	padding-bottom: 45px;
}

body.top .product_lineup > .title,
body.vhp .product_lineup > .title {
	padding-top: 12px;
	padding-bottom: 43px;
	background: url(../img/top/lineup_arw_01.png) 50% 2.2em no-repeat;
}



/* -------------------------------------------------------------------
 *  Concept
 */

body.concept .main_visual .wrap {
	background: url(../img/concept/index_p_01.jpg) 129px 62px no-repeat;
}
body.concept .main_visual .wrap h1 {
	padding: 130px 0 0 415px;
	font-size: 197%;	/* 26px */
	line-height: 1.2;
}
body.concept .main_visual .wrap p {
	width: 478px;
	padding: 21px 0 0 415px;
	font-size: 100%;
	line-height: 1.7;
}
body.concept .unit01 {
	position: relative;
	min-height: 286px;
	margin-bottom: 50px;
	padding: 48px 35px 50px;
}
body.concept .unit01 .title {
	padding: 48px 0 0 472px;
	font-size: 197%;	/* 26px */
	line-height: 1.2;
}
body.concept .unit01 .text {
	padding: 22px 0 0 472px;
	font-size: 108%;
	font-weight: bold;
	line-height: 1.5;
}
body.concept .unit01 .image {
	position: absolute;
	top: 48px;
	left: 35px;
}



/* -------------------------------------------------------------------
 *  History
 */

body.history .main_visual .wrap {
	position: relative;
	background: url(../img/history/index_bg_01.jpg?d=190806) 703px 35px no-repeat;
}
body.history .main_visual .wrap p.title {
	padding: 192px 0 0 330px;
	font-size: 220%;
	line-height: 1.35;
}
body.history .main_visual .wrap p.text {
	width: 620px;
	padding: 21px 0 0 330px;
	font-size: 100%;
	line-height: 1.8;
}
body.history .main_visual .wrap p.image {
	position: absolute;
	top: 51px;
	left: 53px;
}
body.history .history .wrap {
	padding: 16px 0 0;
	background: url(../img/history/index_arw_01.png?d=140821) 50% 0 no-repeat;
}
body.history .history .today .wrap {
	padding: 54px 0 0;
	background: url(../img/history/index_arw_01.png?d=140821) 50% 22px no-repeat;
}
body.history .unit {
	position: relative;
	height: 187px;
}
body.history .ac1859 .unit {
	background: url(../img/history/index_p_02.jpg?d=20160225) 100% 0 no-repeat;
}
body.history .ac1865 .unit:after {
	content: "";
	display: block;
	position: absolute;
	width: 161px;
	height: 189px;
	top: -6px;
	right: 74px;
	background: url(../img/history/index_p_03.png?d=20160225) 100% 0 no-repeat;
}
body.history .ac1870 .unit {
	background: url(../img/history/index_p_04.jpg?d=20160225) 0 0 no-repeat;
}
body.history .ac1872 .unit {
	background: url(../img/history/index_p_05.jpg?d=20160225) 100% 0 no-repeat;
}
body.history .ac1920s .unit {
	background: url(../img/history/index_p_06.jpg?d=20160225) 100% 0 no-repeat;
}
body.history .ac1943 .unit {
}
body.history .ac2005 .unit {
	background: url(../img/history/index_p_08.png?d=20160225) 0 0 no-repeat;
}
body.history .today .unit {
	margin-bottom: 43px;
	border: 2px solid #003280;
	background: url(../img/history/index_p_09.webp) 100% 0 no-repeat;
}
body.history .unit h2 {
	overflow: hidden;
	text-indent: -10000em;
}
body.history .ac1859 h2 {
	position: absolute;
	width: 132px;
	height: 54px;
	top: 71px;
	left: 53px;
	background: url(../img/history/index_t_1859.png?d=140821) 100% 0 no-repeat;
}
body.history .ac1865 h2 {
	position: absolute;
	width: 132px;
	height: 54px;
	top: 71px;
	left: 53px;
	background: url(../img/history/index_t_1865.png?d=140821) 100% 0 no-repeat;
}
body.history .ac1870 h2 {
	position: absolute;
	width: 132px;
	height: 54px;
	top: 67px;
	left: 432px;
	background: url(../img/history/index_t_1870.png?d=140821) 0 0 no-repeat;
}
body.history .ac1872 h2 {
	position: absolute;
	width: 132px;
	height: 54px;
	top: 71px;
	left: 53px;
	background: url(../img/history/index_t_1872.png?d=140821) 100% 0 no-repeat;
}
body.history .ac1920s h2 {
	position: absolute;
	width: 159px;
	height: 54px;
	top: 71px;
	left: 53px;
	background: url(../img/history/index_t_1920s.png?d=140821) 100% 0 no-repeat;
}
body.history .ac1943 h2 {
	position: absolute;
	width: 132px;
	height: 54px;
	top: 64px;
	left: 295px;
	background: url(../img/history/index_t_1943.png?d=140821) 100% 0 no-repeat;
}
body.history .ac2005 h2 {
	position: absolute;
	width: 144px;
	height: 54px;
	top: 68px;
	left: 487px;
	background: url(../img/history/index_t_2005.png?d=140821) 0 0 no-repeat;
}
body.history .today h2 {
	margin: 30px 0 0 32px;
	font-size: 212%;	/* 28px */
	line-height: 1.2;
	text-indent: 0;
}
body.history .ac1943 .image {
	position: absolute;
	top: 20px;
	left: 36px;
}
body.history .unit p {
	font-size: 100%;
	line-height: 1.8;
}
body.history .ac1859 p {
	position: absolute;
	width: 300px;
	top: 75px;
	left: 264px;
}
body.history .ac1865 p {
	position: absolute;
	width: 400px;
	top: 83px;
	left: 243px;
}
body.history .ac1870 p {
	position: absolute;
	width: 320px;
	top: 70px;
	left: 600px;
}
body.history .ac1872 p {
	position: absolute;
	width: 500px;
	top: 77px;
	left: 244px;
}
body.history .ac1920s p {
	position: absolute;
	width: 280px;
	top: 52px;
	left: 244px;
}
body.history .ac1943 p {
	position: absolute;
	width: 498px;
	top: 65px;
	left: 460px;
}
body.history .ac2005 p {
	position: absolute;
	width: 300px;
	top: 58px;
	left: 650px;
}
body.history .today p {
	position: absolute;
	width: 360px;
	top: 30px;
	left: 224px;
}



/* -------------------------------------------------------------------
 *  Product index
 */
body.product_index .product_lineup .products {
	padding-bottom: 54px;
}
body.product_index .product_lineup > .title {
	margin-bottom: 20px;
	border-top: 0;
	padding: 31px 0 10px;
	background: #F2F2F2;
}

/*
 * Product common
 */
body.products .main_visual .wrap h1 {
	font-size: 227%;	/* 30px */
	line-height: 1.2;
}
body.products .main_visual .wrap h1 .sub {
	font-size: 68%;	/* 30px */
}
/*
 * Product original_jelly
 */
body.original_jelly .main_visual .wrap {
	width: 428px;
	padding: 0 0 0 552px;
}
body.original_jelly .main_visual .wrap .catch {
	width: 433px;
	height: 317px;
	top: 104px;
	left: 86px;
	background: transparent url(../img/products/original_jelly/index_p_01.jpg?d=20190806) 0 0 no-repeat;
}
body.original_jelly .main_visual .wrap h1 {
	padding: 78px 0 0;
}
body.original_jelly .main_visual .wrap p.paragraph01 {
	float: left;
	margin: 17px 0 0;
	border-radius: 6px;
	padding: 7px 18px 6px;
	background: #003280;
	color: #FFFFFF;
	font-size: 100%;
	font-weight: bold;
	line-height: 1.1;
}
body.original_jelly .main_visual .wrap p.paragraph02 {
	clear: both;
	padding: 10px 0 0;
	font-size: 100%;
	line-height: 1.1;
}
body.original_jelly .main_visual form,
body.advanced_repair_lotion .main_visual form {
	position: relative;
	display: block;
}
body.original_jelly .main_visual .wrap .notice,
body.advanced_repair_lotion .main_visual .wrap .notice {
	display: none;
	position: absolute;
	top: -5px;
	left: 240px;
}
body.original_jelly .main_visual .wrap select,
body.advanced_repair_lotion .main_visual .wrap select {
	box-sizing: border-box;
	width: 242px;
	margin: 24px 0 0;
	font-size: 13px;

	display: block;
	border: 2px solid #003280;
	border-radius: 6px;
	padding: 12px 32px 10px 32px;
	text-align: center;
	color: #003280;
	font-weight: bold;
	line-height: 1.1;
	cursor: pointer;
	text-indent: 0.01px;
	text-overflow: '';
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	appearance: none;
}
body.original_jelly .main_visual .wrap.off select,
body.advanced_repair_lotion .main_visual .wrap.off select {
	border-color: #CCCCCC;
	color: #CCCCCC;
	cursor: default;
}
body.original_jelly .main_visual .wrap select::-ms-expand,
body.advanced_repair_lotion .main_visual .wrap select::-ms-expand {
	display: none;
}
body.original_jelly .main_visual .wrap select option,
body.advanced_repair_lotion .main_visual .wrap select option {
/*	font-size: 116%;*/
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
appearance: none;
}
body.original_jelly .main_visual .wrap .bugfix_wrap,
body.advanced_repair_lotion .main_visual .wrap .bugfix_wrap {
	margin: 10px 0 0;
}
/* 2015/08 add lip_original, lip_rosy >>> */
/* 2016/08 add lip_cremebrulee >>> */
body.original_jelly .unit01,
body.lip_original .unit01,
body.lip_rosy .unit01,
body.lip_cremebrulee .unit01,
body.lip_moistshine_original .unit01,
body.lip_moistshine_rosepink .unit01,
body.lip_moistshine_cocoa .unit01 {
	position: relative;
	min-height: 286px;
	padding: 53px 26px 41px;
}
body.original_jelly .unit01 .title,
body.lip_original .unit01 .title,
body.lip_rosy .unit01 .title,
body.lip_cremebrulee .unit01 .title,
body.lip_moistshine_original .unit01 .title,
body.lip_moistshine_rosepink .unit01 .title,
body.lip_moistshine_cocoa .unit01 .title {
	padding: 40px 0 0 477px;
	font-size: 212%;	/* 28px */
	line-height: 1.2;
}
body.lip_moistshine_original .unit01 .title,
body.lip_moistshine_rosepink .unit01 .title,
body.lip_moistshine_cocoa .unit01 .title {
	padding-top: 9px;
	padding-left: 470px;
}
body.original_jelly .unit01 .text,
body.lip_original .unit01 .text,
body.lip_rosy .unit01 .text,
body.lip_cremebrulee .unit01 .text,
body.lip_moistshine_original .unit01 .text,
body.lip_moistshine_rosepink .unit01 .text,
body.lip_moistshine_cocoa .unit01 .text {
	padding: 22px 0 0 477px;
	font-size: 100%;
	font-weight: bold;
	line-height: 1.5;
}
body.lip_moistshine_original .unit01 .text,
body.lip_moistshine_rosepink .unit01 .text,
body.lip_moistshine_cocoa .unit01 .text {
	padding-top: .7em;
	padding-left: 470px;
	font-weight: normal;
}
body.lip_moistshine_original .unit01 .text strong,
body.lip_moistshine_rosepink .unit01 .text strong,
body.lip_moistshine_cocoa .unit01 .text strong {
	display: inline-block;
	margin: .5em 0;
	font-weight: bold;
}
body.original_jelly .unit01 .image,
body.lip_original .unit01 .image,
body.lip_rosy .unit01 .image,
body.lip_cremebrulee .unit01 .image {
	position: absolute;
	top: 53px;
	left: 26px;
}
body.lip_moistshine_original .unit01 .image,
body.lip_moistshine_rosepink .unit01 .image,
body.lip_moistshine_cocoa .unit01 .image {
	position: absolute;
	top: 58px;
	left: 140px;
}
/* <<< 2015/08 add lip_original, lip_rosy */
/* <<< 2016/08 add lip_cremebrulee */
/* 2021/03 add cchannel unit >>> */
.unit01.unit_cchannel {
	display: flex;
	align-items: center;
	padding-top: 42px !important;
	padding-left: 224px !important;
	padding-bottom: 33px !important;
}
.unit03 + .unit01.unit_cchannel {
	margin-top: 44px;
}
body.tintserum .feature + .unit01.unit_cchannel {
	margin-top: 54px;
}
.unit01.unit_cchannel .image_box {
	width: 168px;
	max-width: 168px;
}
.unit01.unit_cchannel .image_box a:hover {
	opacity: .55;
}
.unit01.unit_cchannel .text_box {
	margin: 0 0 0 42px;
}
.unit01.unit_cchannel .text_box .title {
	margin: 0 !important;
	padding: 0 !important;
	font-size: 203.9% !important;
    line-height: 1.4 !important;
    text-align: left !important;
}
.unit01.unit_cchannel .text_box .lead {
	margin: 14px 0 20px;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.4;
}
.unit01.unit_cchannel .text_box .link .anc_wrap {
	display: table-cell;
	height: 2.2em;
	border: 1px solid #7F98BF;
	border-radius: 12px;
	padding: 8px 12px 8px 38px;
	background: transparent url(../img/cmn/lineup_arw_01.png) 14px 50% no-repeat;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: .05em;
	vertical-align: middle;
}
.unit01.unit_cchannel .text_box .link a:hover .anc_wrap {
	background-image: url(../img/cmn/lineup_arw_01_o.png);
	background-color: #003280;
    color: #FFFFFF;
}
/* <<< 2021/03 add cchannel unit */


body.original_jelly .unit02 {
	position: relative;
	padding: 23px 0 18px 25px;
}
body.original_jelly .unit02 .title,
body.original_jelly .unit04 .title {
	float: left;
	margin: 0 0 0 15px;
	font-size: 212%;	/* 28px */
	line-height: 1.1;
}
body.original_jelly .unit02 .title .chapter,
body.original_jelly .unit04 .title .chapter {
	font-weight: bold;
}
body.original_jelly .unit02 .catch,
body.original_jelly .unit04 .catch {
	float: left;
	margin: 6px 0 0 1em;
	font-size: 100%;
	line-height: 1.1;
}
body.original_jelly .unit02 .howto {
	clear: left;
}
body.original_jelly .unit02 .howto li {
	float: left;
	width: 310px;
	margin: 7px 0 0 7px;
}
body.original_jelly .unit02 .howto li p.image {
	margin: 0 0 7px;
	text-align: center;
}
body.original_jelly .unit02 .howto li.howto02 ul {
	margin: 0 0 0 60px;
}
body.original_jelly .unit02 .howto li.howto03 ul {
	margin: 0 0 0 75px;
}
body.original_jelly .unit02 .howto li li {
	float: none;
	margin: 0;
	padding: 3px 0 0 1em;
	text-indent: -1em;
	font-weight: bold;
}
body.original_jelly .unit03 {
	position: relative;
	min-height: 284px;
	margin-bottom: 103px;
	padding: 50px 52px 26px;
}
body.original_jelly .unit03 .title {
	padding: 40px 0 0 464px;
	font-size: 212%;	/* 28px */
	line-height: 1.2;
}

body.original_jelly .unit03 .text {
	padding: 0 0 0 464px;
	color: #999999;
	font-size: 131%;
	line-height: 1.5;
}
body.original_jelly .unit03 .text li {
	padding: 0.65em 0 0;
}
body.original_jelly .unit03 .text .gram {
	color: #003280;
	font-weight: bold;
}
body.original_jelly .unit03 .image {
	position: absolute;
	top: 50px;
	left: 52px;
}
body.original_jelly .unit04 {
	position: relative;
	min-height: 284px;
	padding: 30px 0 26px 25px;
}
/*
body.original_jelly .unit04 .title {
	font-size: 212%;	/* 28px */
/*	line-height: 1.2;
}
*/
body.original_jelly .unit04 .more {
	padding: 0 0 0 38px;
}
body.original_jelly .unit04 .more li {
	float: left;
	width: 429px;
	margin: 26px 0 12px 21px;
}
body.original_jelly .unit04 .more li.leftChild {
	clear: left;
	width: 444px;
}
body.original_jelly .unit04 .more li p {
	display: inline-block;
	vertical-align: middle;
	font-size: 131%;
	font-weight: bold;
	line-height: 1.6;
}
body.original_jelly .unit04 .more li .image img {
	display: inline-block;
	margin: 0 22px 0 0;
	vertical-align: middle;
}

/*
 * Product advanced_repair_cream
 */
body.advanced_repair_cream .main_visual .wrap {
	width: 475px;
	padding: 0 0 0 505px;
}
body.advanced_repair_cream .main_visual .wrap .catch {
	width: 381px;
	height: 200px;
	bottom: 128px;
	left: 65px;
	background: transparent url(../img/products/advanced_repair_cream/index_p_01.jpg?d=20190806) 0 0 no-repeat;
}
body.advanced_repair_cream .main_visual .wrap h1 {
	padding: 108px 0 0;
}
body.advanced_repair_cream .main_visual .wrap ul {
	margin: 5px 0 0;
}
body.advanced_repair_cream .main_visual .wrap ul li {
	float: left;
	clear: both;
	margin: 7px 0 0;
	padding: 7px 13px;
	background: #F9F9F9;
	font-size: 85%;
	font-weight: bold;
	line-height: 1.1;
}
body.advanced_repair_cream .main_visual .wrap p.paragraph01 {
	margin: 12px 0 0;
}
body.advanced_repair_cream .unit01 {
	position: relative;
	min-height: 285px;
	margin-bottom: 50px;
	padding: 48px 35px 50px;
}
body.advanced_repair_cream .unit01 .title {
	padding: 26px 130px 0 186px;
    font-size: 203.9%;	/* 27px */
    line-height: 1.4;
}
body.advanced_repair_cream .unit01 .title .sup {
	font-size: 50%;
	vertical-align: super;
}
body.advanced_repair_cream .unit01 .text {
	padding: 22px 0 0 374px;
	font-size: 112.1%;
	line-height: 1.5;
}
body.advanced_repair_cream .unit01 .note {
	padding: 22px 0 0 186px;
	font-size: 93%;
	line-height: 1.5;
}
body.advanced_repair_cream .unit01 .image {
	position: absolute;
	width: 283px;
	top: 36px;
	left: 44px;
}
body.advanced_repair_cream .unit01 .image .note {
	display: block;
	position: absolute;
	bottom: 26px;
	right: 0;
	padding: 0;
	line-height: 1.1;
}

/*
 * Product advanced_repair_lotion
 */
body.advanced_repair_lotion .main_visual .wrap {
	width: 415px;
	padding: 0 0 0 565px;
}
body.advanced_repair_lotion .main_visual .wrap .catch {
	width: 343px;
	height: 427px;
	bottom: 0;
	left: 126px;

	width: 297px;
	height: 429px;
	left: 223px;
	background: transparent url(../img/products/advanced_repair_lotion/index_p_01.webp) 0 0/contain no-repeat;
}
body.advanced_repair_lotion .main_visual .wrap h1 {
	padding: 90px 0 0;
}
body.advanced_repair_lotion .main_visual .wrap .lead {
	padding: 8px 0 0;
	font-weight: bold;
}
body.advanced_repair_lotion .main_visual .wrap select {
	margin-top: 13px;
}
body.advanced_repair_lotion .main_visual .storelink .store {
	margin-top: 6px;
}
/*
body.advanced_repair_lotion .main_visual .wrap ul {
	margin: 5px 0 0;
}
body.advanced_repair_lotion .main_visual .wrap ul li {
	float: left;
	clear: both;
	margin: 7px 0 0;
	padding: 7px 13px;
	background: #F9F9F9;
	font-size: 85%;
	font-weight: bold;
	line-height: 1.1;
}
*/
body.advanced_repair_lotion .main_visual .wrap p.paragraph01 {
	margin: 12px 0 0;
}
body.advanced_repair_lotion .unit01 {
	display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: space-between;
	position: relative;
	min-height: 285px;
	margin-bottom: 40px;
	padding: 35px 49px;
}
body.advanced_repair_lotion .main_visual + .detail .unit01 {
	margin-top: 65px;
}
body.advanced_repair_lotion .unit01.commitment {
	display: block;
	padding: 44px 0 30px;
}
body.advanced_repair_lotion .unit01 .textbox {
    width: 50%;
}
body.advanced_repair_lotion .unit01.commitment .textbox {
	width: 100%;
}
body.advanced_repair_lotion .unit01 .title {
	font-size: 212%;	/* 28px */
	line-height: 1.2;
}
body.advanced_repair_lotion .unit01.commitment .title {
	text-align: center;
}
body.advanced_repair_lotion .unit01 .title .sup {
	margin: 0 .3em;
	font-size: 50%;
	vertical-align: super;
}
body.advanced_repair_lotion .unit01 .text {
	padding: 7px 0 0;
	font-size: 112.1%;
	line-height: 1.5;
}
body.advanced_repair_lotion .unit01.commitment .text {
	padding-top: 12px;
	font-weight: bold;
	text-align: center;
}
body.advanced_repair_lotion .unit01 .text .sup {
	margin: 0 .3em;
	font-size: 80%;
	vertical-align: super;
}
body.advanced_repair_lotion .unit01 .note {
	padding: 16px 0 0;
	font-size: 93%;
	line-height: 1.5;
}
body.advanced_repair_lotion .unit01 .image {
	width: 46.5%;
}
body.advanced_repair_lotion .unit01.commitment .image {
	width: 69.9%;
	margin: 20px 0 0 14.1%;
}
body.advanced_repair_lotion .unit01 .image img {
	display: block;
	width: 100%;
	height: auto;
}

/*
 * Product extra_smooth_lotion
 */
body.extra_smooth_lotion .main_visual .wrap {
	width: 471px;
	padding: 0 0 0 509px;
}
body.extra_smooth_lotion .main_visual .wrap .catch {
	width: 326px;
	height: 424px;
	bottom: 0;
	left: 118px;
	background: transparent url(../img/products/extra_smooth_lotion/index_p_01.jpg) 0 0 no-repeat;
}
body.extra_smooth_lotion .main_visual .wrap h1 {
	padding: 115px 0 0;
}
body.extra_smooth_lotion .main_visual .wrap ul {
	margin: 5px 0 0;
}
body.extra_smooth_lotion .main_visual .wrap ul li {
	float: left;
	clear: both;
	margin: 7px 0 0;
	padding: 7px 13px;
	background: #F9F9F9;
	font-size: 85%;
	font-weight: bold;
	line-height: 1.1;
}
body.extra_smooth_lotion .main_visual .wrap p.paragraph01 {
	margin: 12px 0 0;
}
body.extra_smooth_lotion .main_visual .wrap .bugfix_wrap {
	margin: 19px 0 0;
}
body.extra_smooth_lotion .unit01 {
	position: relative;
	margin-top: 35px;
	margin-bottom: 36px;
	padding: 5px 0 54px 35px;
}
body.extra_smooth_lotion .unit01 .title {
	float: left;
	width: 437px;
	padding: 96px 0 0;
	font-size: 203.9%;	/* 27px */
	line-height: 1.1;
}
body.extra_smooth_lotion .unit01 .voice {
	float: left;
	width: 430px;
	margin: 31px 0 0;
}
body.extra_smooth_lotion .unit01 .voice li {
	box-sizing: border-box;
	float: left;
	width: 167px;
	height: 151px;
	margin: 0 0 0 48px;
	background-color: #003280;
	color: #FFFFFF;
	font-size: 100%;
	font-weight: bold;
	line-height: 1.3;
	background-position: 0 0, 0 100%;
	background-repeat: no-repeat, no-repeat;
}
body.extra_smooth_lotion .unit01 .voice li.list01 {
	padding: 120px 0 0;
	text-align: center;
	background-image: url(../img/products/extra_smooth_lotion/index_p_02_01.png), url(../img/products/extra_smooth_lotion/index_p_02_btm.png);
}
body.extra_smooth_lotion .unit01 .voice li.list02 {
	padding: 112px 0 0 18px;
	background-image: url(../img/products/extra_smooth_lotion/index_p_02_02.png), url(../img/products/extra_smooth_lotion/index_p_02_btm.png);
}
body.extra_smooth_lotion .unit01 .voice li.list03 {
	padding: 120px 0 0;
	text-align: center;
	background-image: url(../img/products/extra_smooth_lotion/index_p_02_03.png), url(../img/products/extra_smooth_lotion/index_p_02_btm.png);
}
body.extra_smooth_lotion .unit01 .voice li.list04 {
	padding: 112px 0 0 18px;
	background-image: url(../img/products/extra_smooth_lotion/index_p_02_04.png), url(../img/products/extra_smooth_lotion/index_p_02_btm.png);
}
body.extra_smooth_lotion .unit02 {
	position: relative;
	margin-top: 54px;
	margin-bottom: 36px;
	padding: 23px 0 30px 32px;
}
body.extra_smooth_lotion .unit02 .title {
	padding: 0 0 17px 3px;
	font-size: 203.9%;	/* 27px */
	line-height: 1.1;
}
body.extra_smooth_lotion .unit02 .box01 {
	float: left;
	width: 441px;
	padding: 0 19px 0 0;
}
body.extra_smooth_lotion .unit02 .box02 {
	float: left;
	width: 430px;
	padding: 0 0 0 29px;
	background: url(../img/products/extra_smooth_lotion/index_line_01.png) 0 0 no-repeat;
}
body.extra_smooth_lotion .unit02 .text {
	padding: 6px 0 0;
	line-height: 1.4;
}

/*
 * Product hand_finger
 */
body.hand_finger .main_visual {
	margin-bottom: 36px;
}
body.hand_finger .main_visual .wrap {
	width: 461px;
	padding: 0 0 0 519px;
}
body.hand_finger .main_visual .wrap .catch {
	width: 315px;
	height: 419px;
	bottom: 0;
	left: 169px;
	background: transparent url(../img/products/hand_finger/index_p_01.jpg?d=20190806_1) 0 0 no-repeat;
}
body.hand_finger .main_visual .wrap h1 {
	padding: 139px 0 0;
}
body.hand_finger .main_visual .wrap .paragraph01 {
	margin: 20px 0 0;
	font-size: 100%;
	line-height: 1.1;
}
body.hand_finger .main_visual .wrap .paragraph02 {
	margin: 7px 0 0;
	font-size: 100%;
	line-height: 1.1;
}
body.hand_finger .unit01 {
	position: relative;
	min-height: 243px;
	margin-bottom: 50px;
	padding: 39px 26px 39px 291px;
}
body.hand_finger .unit01 .title {
	padding: 38px 0 0 0;
	font-size: 212%;	/* 28px */
	line-height: 1.2;
}
body.hand_finger .unit01 .text {
	padding: 10px 0 0 3px;
	font-size: 116%;
	line-height: 1.4;
}
body.hand_finger .unit01 .image {
	position: absolute;
	top: 39px;
	left: 61px;
}

/*
 * Product hand_nail
 */
body.hand_nail .main_visual {
	margin-bottom: 36px;
}
body.hand_nail .main_visual .wrap {
	width: 461px;
	padding: 0 0 0 519px;
}
body.hand_nail .main_visual .wrap .catch {
	width: 315px;
	height: 419px;
	bottom: 0;
	left: 169px;
	background: transparent url(../img/products/hand_nail/index_p_01.jpg?d=20190806_1) 0 0 no-repeat;
}
body.hand_nail .main_visual .wrap h1 {
	padding: 139px 0 0;
}
body.hand_nail .main_visual .wrap .paragraph01 {
	margin: 20px 0 0;
	font-size: 100%;
	line-height: 1.1;
}
body.hand_nail .main_visual .wrap .paragraph02 {
	margin: 7px 0 0;
	font-size: 100%;
	line-height: 1.1;
}
body.hand_nail .unit01 {
	position: relative;
	min-height: 243px;
	margin-bottom: 50px;
	padding: 39px 26px 39px 291px;
}
body.hand_nail .unit01 .title {
	padding: 38px 0 0 0;
	font-size: 212%;	/* 28px */
	line-height: 1.2;
}
body.hand_nail .unit01 .text {
	padding: 10px 0 0 3px;
	font-size: 116%;
	line-height: 1.4;
}
body.hand_nail .unit01 .image {
	position: absolute;
	top: 39px;
	left: 61px;
}

/*
 * Product jelly_lip
 */
body.jelly_lip .main_visual {
	margin-bottom: 36px;
}
body.jelly_lip .main_visual .wrap {
	width: 481px;
	padding: 0 0 0 499px;
}
body.jelly_lip .main_visual .wrap .catch {
	width: 308px;
	/* 2015/08 changed >>> */
	height: 434px;
	/* <<< 2015/08 changed */
	bottom: 0;
	left: 156px;
	background: transparent url(../img/products/jelly_lip/index_p_01.jpg?d=20211129_1) 0 0 no-repeat;
}
body.jelly_lip .main_visual .wrap h1 {
	padding: 117px 0 0;
}
body.jelly_lip .main_visual .wrap .paragraph01 {
	margin: 13px 0 0;
	font-size: 100%;
	line-height: 1.6;
}
body.jelly_lip .main_visual .wrap .paragraph02 {
	margin: 5px 0 0;
	font-size: 100%;
	line-height: 1.1;
}
body.jelly_lip .main_visual .wrap .paragraph03 {
	display: table;
	margin: 5px 0 0;
	border-radius: 6px;
	padding: 6px 9px 5px;
	background: #003280;
	color: #FFFFFF;
	font-size: 100%;
	font-weight: bold;
	line-height: 1.1;
}
body.jelly_lip .main_visual .wrap .bugfix_wrap {
	margin: 29px 0 0;
}
body.jelly_lip .unit01 {
	position: relative;
	min-height: 243px;
	margin-bottom: 50px;
	padding: 39px 26px 39px 291px;
}
body.jelly_lip .unit01 .title {
	padding: 38px 0 0 0;
	font-size: 212%;	/* 28px */
	line-height: 1.2;
}
body.jelly_lip .unit01 .text {
	padding: 10px 0 0 3px;
	font-size: 116%;
	line-height: 1.4;
}
body.jelly_lip .unit01 .image {
	position: absolute;
	top: 39px;
	left: 61px;
}

/*
 * 2015/08 add
 * Product lip_original
 * Product lip_rosy
 * 
 * 2016/08 add
 * Product lip_cremebrulee
 */
body.lip_original .main_visual,
body.lip_rosy .main_visual,
body.lip_cremebrulee .main_visual,
body.lip_moistshine_original .main_visual,
body.lip_moistshine_rosepink .main_visual,
body.lip_moistshine_cocoa .main_visual {
	margin-bottom: 36px;
}
body.lip_original .main_visual .wrap,
body.lip_rosy .main_visual .wrap,
body.lip_cremebrulee .main_visual .wrap,
body.lip_moistshine_original .main_visual .wrap,
body.lip_moistshine_rosepink .main_visual .wrap,
body.lip_moistshine_cocoa .main_visual .wrap {
	width: 384px;
	padding: 0 0 0 596px;
}
body.lip_original .main_visual .wrap .catch,
body.lip_rosy .main_visual .wrap .catch,
body.lip_cremebrulee .main_visual .wrap .catch {
	width: 433px;
	height: 317px;
	top: 104px;
	left: 86px;
	background: transparent url(../img/products/lip_original/index_p_01.jpg?d=20160825) 0 0 no-repeat;
}
body.lip_rosy .main_visual .wrap .catch {
	background: transparent url(../img/products/lip_rosy/index_p_01.jpg?d=20160825) 0 0 no-repeat;
}
body.lip_cremebrulee .main_visual .wrap .catch {
	background: transparent url(../img/products/lip_cremebrulee/index_p_01.jpg) 0 0 no-repeat;
}

body.lip_moistshine_original .main_visual .wrap .catch,
body.lip_moistshine_rosepink .main_visual .wrap .catch,
body.lip_moistshine_cocoa .main_visual .wrap .catch {
	width: 550px;
	height: 350px;
	bottom: 0;
	left: 15px;
	background: transparent url(../img/products/lip_moistshine_original/index_p_01.jpg) 0 0 no-repeat;
}
body.lip_moistshine_rosepink .main_visual .wrap .catch {
	background: transparent url(../img/products/lip_moistshine_rosepink/index_p_01.jpg) 0 0 no-repeat;
}
body.lip_moistshine_cocoa .main_visual .wrap .catch {
	background: transparent url(../img/products/lip_moistshine_cocoa/index_p_01.jpg) 0 0 no-repeat;
}
body.lip_original .main_visual .wrap h1,
body.lip_rosy .main_visual .wrap h1,
body.lip_cremebrulee .main_visual .wrap h1,
body.lip_moistshine_original .main_visual .wrap h1,
body.lip_moistshine_rosepink .main_visual .wrap h1,
body.lip_moistshine_cocoa .main_visual .wrap h1 {
	padding: 82px 0 0;
}
body.lip_original .main_visual .wrap .paragraph01,
body.lip_rosy .main_visual .wrap .paragraph01,
body.lip_cremebrulee .main_visual .wrap .paragraph01,
body.lip_moistshine_original .main_visual .wrap .paragraph01,
body.lip_moistshine_rosepink .main_visual .wrap .paragraph01,
body.lip_moistshine_cocoa .main_visual .wrap .paragraph01 {
	margin: 1px 0 0;
	font-size: 100%;
	font-weight: bold;
	line-height: 1.6;
}
body.lip_original .main_visual .wrap .paragraph01_1,
body.lip_rosy .main_visual .wrap .paragraph01_1,
body.lip_cremebrulee .main_visual .wrap .paragraph01_1,
body.lip_moistshine_original .main_visual .wrap .paragraph01_1,
body.lip_moistshine_rosepink .main_visual .wrap .paragraph01_1,
body.lip_moistshine_cocoa .main_visual .wrap .paragraph01_1 {
	float: left;
	margin: 6px 0 0;
	border-radius: 6px;
	padding: 7px 55px 6px;
	background: #003280;
	color: #FFFFFF;
	font-size: 100%;
	font-weight: bold;
	line-height: 1.1;
}
body.lip_original .main_visual .wrap .paragraph02,
body.lip_rosy .main_visual .wrap .paragraph02,
body.lip_cremebrulee .main_visual .wrap .paragraph02,
body.lip_moistshine_original .main_visual .wrap .paragraph02,
body.lip_moistshine_rosepink .main_visual .wrap .paragraph02,
body.lip_moistshine_cocoa .main_visual .wrap .paragraph02 {
	clear: both;
	padding: 10px 0 0;
	font-size: 100%;
	line-height: 1.1;
}
body.lip_original .main_visual .wrap .paragraph03,
body.lip_rosy .main_visual .wrap .paragraph03,
body.lip_cremebrulee .main_visual .wrap .paragraph03,
body.lip_moistshine_original .main_visual .wrap .paragraph03,
body.lip_moistshine_rosepink .main_visual .wrap .paragraph03,
body.lip_moistshine_cocoa .main_visual .wrap .paragraph03 {
	display: table;
	margin: 5px 0 0;
	border-radius: 6px;
	padding: 6px 9px 5px;
	background: #003280;
	color: #FFFFFF;
	font-size: 100%;
	font-weight: bold;
	line-height: 1.1;
}
body.lip_original .main_visual .wrap .bugfix_wrap,
body.lip_rosy .main_visual .wrap .bugfix_wrap,
body.lip_cremebrulee .main_visual .wrap .bugfix_wrap,
body.lip_moistshine_original .main_visual .wrap .bugfix_wrap,
body.lip_moistshine_rosepink .main_visual .wrap .bugfix_wrap,
body.lip_moistshine_cocoa .main_visual .wrap .bugfix_wrap {
	margin: 16px 0 0;
}
body.lip_original .unit01,
body.lip_rosy .unit01,
body.lip_cremebrulee .unit01,
body.lip_moistshine_original .unit01,
body.lip_moistshine_rosepink .unit01,
body.lip_moistshine_cocoa .unit01 {
/* >>> body.original_jelly */
	margin-bottom: 50px;
}

/*
 * Product deeply_enriched_lotion_*
 */
body.deeply_enriched_lotion_lavender .main_visual,
body.deeply_enriched_lotion_lemon .main_visual {
		margin-bottom: 36px;
}
body.deeply_enriched_lotion_lavender .main_visual .wrap,
body.deeply_enriched_lotion_lemon .main_visual .wrap {
	width: 461px;
	padding: 0 0 0 519px;
}
body.deeply_enriched_lotion_lavender .main_visual .wrap .catch,
body.deeply_enriched_lotion_lemon .main_visual .wrap .catch {
	width: 352px;
	height: 403px;
	bottom: 18px;
	left: 145px;
	background: transparent url(../img/products/deeply_enriched_lotion_lavender/index_p_01.jpg?d=20220304_1) 0 0 no-repeat;
}
body.deeply_enriched_lotion_lemon .main_visual .wrap .catch {
	background: transparent url(../img/products/deeply_enriched_lotion_lemon/index_p_01.jpg?d=20220304_1) 0 0 no-repeat;
}
body.deeply_enriched_lotion_lavender .main_visual .wrap h1,
body.deeply_enriched_lotion_lemon .main_visual .wrap h1 {
	padding: 84px 0 0;
}
body.deeply_enriched_lotion_lavender .main_visual .wrap .paragraph01,
body.deeply_enriched_lotion_lemon .main_visual .wrap .paragraph01 {
	margin: 20px 0 0;
	font-size: 100%;
	line-height: 1.1;
}
body.deeply_enriched_lotion_lavender .main_visual .wrap .paragraph02,
body.deeply_enriched_lotion_lemon .main_visual .wrap .paragraph02 {
	margin: 7px 0 0;
	font-size: 100%;
	line-height: 1.1;
}
body.deeply_enriched_lotion_lavender .unit01,
body.deeply_enriched_lotion_lemon .unit01 {
	position: relative;
	min-height: 243px;
	margin-bottom: 50px;
	padding: 39px 26px;
}
body.deeply_enriched_lotion_lavender .unit01 .title,
body.deeply_enriched_lotion_lemon .unit01 .title {
	padding: 0;
	font-size: 212%;	/* 28px */
	line-height: 1.2;
	letter-spacing: -.03em;
}
body.deeply_enriched_lotion_lavender .unit01 .title .sup,
body.deeply_enriched_lotion_lemon .unit01 .title .sup {
	font-size: 50%;
	vertical-align: super;
}
body.deeply_enriched_lotion_lavender .unit01 .text,
body.deeply_enriched_lotion_lemon .unit01 .text {
	padding: 10px 0 0 3px;
	font-size: 116%;
	line-height: 1.4;
}
body.deeply_enriched_lotion_lavender .unit01 .note,
body.deeply_enriched_lotion_lemon .unit01 .note {
	padding: 22px 0 0;
	font-size: 93%;
	line-height: 1.5;
}
/*
 * Product medicated_bodylotion_*
 */
body.medicated_bodylotion_moisture .main_visual,
body.medicated_bodylotion_skin .main_visual {
		margin-bottom: 36px;
}
body.medicated_bodylotion_moisture .main_visual .wrap,
body.medicated_bodylotion_skin .main_visual .wrap {
	width: 461px;
	padding: 0 0 0 519px;
}
body.medicated_bodylotion_moisture .main_visual .wrap .paragraph02 .strong,
body.medicated_bodylotion_skin .main_visual .wrap .paragraph02 .strong {
	display: block;
	margin-bottom: .5em;
	font-weight: bold;
}
body.medicated_bodylotion_moisture .main_visual .wrap .catch,
body.medicated_bodylotion_skin .main_visual .wrap .catch {
	width: 361px;
    height: 418px;
    bottom: 4px;
    left: 109px;
    background: transparent url(../img/products/medicated_bodylotion_moisture/index_p_01.webp?d=20230802_1) 0 0/contain no-repeat;
}
body.medicated_bodylotion_skin .main_visual .wrap .catch {
	background-image: url(../img/products/medicated_bodylotion_skin/index_p_01.webp);
}
body.medicated_bodylotion_moisture .main_visual .wrap h1,
body.medicated_bodylotion_skin .main_visual .wrap h1 {
	padding: 84px 0 0;
}
body.medicated_bodylotion_moisture .main_visual .wrap .paragraph01,
body.medicated_bodylotion_skin .main_visual .wrap .paragraph01 {
	margin: 20px 0 0;
	font-size: 100%;
	line-height: 1.1;
}
body.medicated_bodylotion_moisture .main_visual .wrap .paragraph02,
body.medicated_bodylotion_skin .main_visual .wrap .paragraph02 {
	margin: 7px 0 0;
	font-size: 100%;
	line-height: 1.1;
}
body.medicated_bodylotion_moisture .unit01,
body.medicated_bodylotion_skin .unit01 {
	position: relative;
    min-height: 365px;
    margin-bottom: 50px;
    padding: 48px 35px 50px;
}
	body.medicated_bodylotion_moisture .detail_2 .unit01 {
		padding-top: 32px;
		padding-bottom: 66px;
	}
	body.medicated_bodylotion_skin .detail_2 .unit01 {
		padding-top: 30px;
		padding-bottom: 63px;
	}
	body.medicated_bodylotion_moisture .detail_3 .unit01,
	body.medicated_bodylotion_skin .detail_3 .unit01 {
		min-height: auto;
		padding-top: 35px;
		padding-bottom: 53px;
	}
body.medicated_bodylotion_moisture .unit01 .title,
body.medicated_bodylotion_skin .unit01 .title {
	font-size: 212%;	/* 28px */
	line-height: 1.2;
}
	body.medicated_bodylotion_moisture .detail_1 .unit01 .title,
	body.medicated_bodylotion_skin .detail_1 .unit01 .title {
		padding: 30px 0 0 370px;
	}
	body.medicated_bodylotion_moisture .detail_2 .unit01 .title,
	body.medicated_bodylotion_skin .detail_2 .unit01 .title {
		margin: 5px 0 0 66px;
		text-align: center;
	}
	body.medicated_bodylotion_skin .detail_2 .unit01 .title {
		margin-top: 13px;
	}
	body.medicated_bodylotion_moisture .detail_3 .unit01 .title,
	body.medicated_bodylotion_skin .detail_3 .unit01 .title {
		text-align: center;
	}
body.medicated_bodylotion_moisture .unit01 .title .sup,
body.medicated_bodylotion_skin .unit01 .title .sup {
	font-size: 50%;
	vertical-align: super;
}
body.medicated_bodylotion_moisture .detail_2 .unit01 .text,
body.medicated_bodylotion_skin .detail_2 .unit01 .text {
	margin: 20px 141px 0;
    font-size: 110%;
    font-weight: 700;
    line-height: 1.4;
}
	body.medicated_bodylotion_skin .detail_2 .unit01 .text {
		margin: 27px 184px 0;
	}
body.medicated_bodylotion_moisture .unit01.size .text strong,
body.medicated_bodylotion_skin .unit01 .text strong {
	font-weight: bold;
}
body.medicated_bodylotion_moisture .unit01 .note,
body.medicated_bodylotion_skin .unit01 .note {
	padding: 22px 0 0 374px;
	font-size: 93%;
	line-height: 1.5;
}
body.medicated_bodylotion_moisture .detail_1 .unit01 .image,
body.medicated_bodylotion_skin .detail_1 .unit01 .image {
	position: absolute;
    width: 290px;
    top: 37px;
    left: 55px;
}
body.medicated_bodylotion_moisture .detail_2 .unit01 .image,
body.medicated_bodylotion_skin .detail_2 .unit01 .image {
	text-align: center;
    margin: 0 18px 0 0;
}
	body.medicated_bodylotion_skin .detail_2 .unit01 .image {
		margin: 0 43px 0 0;
	}
body.medicated_bodylotion_moisture .detail_3 .unit01 .image {
    margin: 34px 0 0 31px;
	text-align: center;
}
body.medicated_bodylotion_skin .detail_3 .unit01 .image {
    margin: 34px 0 0 19px;
	text-align: center;
}


/*
 * Product repair_cream_nightcare
 */
 body.repair_cream_nightcare .main_visual .wrap {
	width: 407px;
	padding: 0 0 0 573px;
}
body.repair_cream_nightcare .main_visual .wrap .catch {
	width: 387px;
	height: 212px;
	top: 113px;
	left: 156px;
	background: transparent url(../img/products/repair_cream_nightcare/index_p_01.webp) 0 0/contain no-repeat;
}
body.repair_cream_nightcare .main_visual .wrap h1 {
	padding: 90px 0 0;
}
body.repair_cream_nightcare .main_visual .wrap .lead {
	padding: 8px 0 0;
	font-weight: bold;
}
body.repair_cream_nightcare .main_visual .wrap select {
	margin-top: 13px;
}
body.repair_cream_nightcare .main_visual .wrap p.paragraph01 {
	margin: 10px 0 0;
}
body.repair_cream_nightcare .unit01 {
	display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: space-between;
	position: relative;
	min-height: 285px;
	margin-bottom: 40px;
	padding: 35px 41px;
}
body.repair_cream_nightcare .main_visual + .detail .unit01 {
	margin-top: 65px;
}
body.repair_cream_nightcare .unit01.commitment {
	display: block;
	padding: 44px 0 35px;
}
body.repair_cream_nightcare .unit01 .textbox {
	box-sizing: border-box;
	width: 46.1%;
	padding: 0 2% 0 0;
}
body.repair_cream_nightcare .unit01.commitment .textbox {
	width: 100%;
}
body.repair_cream_nightcare .unit01 .title {
	font-size: 212%;	/* 28px */
	line-height: 1.2;
}
body.repair_cream_nightcare .unit01.commitment .title {
	text-align: center;
}
body.repair_cream_nightcare .unit01 .title .sup {
	margin: 0 .3em;
	font-size: 50%;
	vertical-align: super;
}
body.repair_cream_nightcare .unit01 .text {
	padding: 7px 0 0;
	font-size: 112.1%;
	line-height: 1.5;
}
body.repair_cream_nightcare .unit01.commitment .text {
	padding-top: 12px;
	font-weight: bold;
	text-align: center;
}
body.repair_cream_nightcare .unit01 .text .sup {
	margin: 0 .3em;
	font-size: 80%;
	vertical-align: super;
}
body.repair_cream_nightcare .unit01 .note {
	padding: 16px 0 0;
	font-size: 93%;
	line-height: 1.5;
}
body.repair_cream_nightcare .unit01 .image {
	width: 45.3%;
}
body.repair_cream_nightcare .unit01.commitment .image {
	width: 66%;
	margin: 35px 0 0 21%;
}
body.repair_cream_nightcare .unit01 .image img {
	display: block;
	width: 100%;
	height: auto;
}


/* -------------------------------------------------------------------
 *  Store
 */
body.store .product_lineup > .title {
	margin-bottom: 15px;
	border-top: 0;
	padding: 0 0 10px;
	background: #F2F2F2;
	font-size: 100%;
}
body.store .product_lineup > .title h1 {
	text-align: center;
	font-size: 174%;
	font-weight: bold;
	line-height: 1.1;
}
body.store .product_lineup > .title p {
	padding: 7px 0 6px;
	text-align: center;
	font-size: 123.1%;
	font-weight: normal;
	line-height: 1.1;
}
body.store .product_lineup > p.store_note,
body.vhp .unit06 .store_note {
	color: #808080;
	text-align: center;
	font-size: 85%;
	line-height: 1.1;
}
body.store .product_lineup .products {
	margin-top: 18px;
}
body.store .product_lineup .products li.advanced_repair_cream .summary,
body.store .product_lineup .products li.advanced_repair_lotion .summary,
body.store .product_lineup .products li.extra_smooth_lotion .summary,
body.store .product_lineup .products li.jelly_lip .summary,
body.store .product_lineup .products li.deeply_enriched_lotion_lavender .summary,
body.store .product_lineup .products li.deeply_enriched_lotion_lemon .summary,
body.store .product_lineup .products li.medicated_bodylotion_moisture .summary,
body.store .product_lineup .products li.medicated_bodylotion_skin .summary {
	padding-top: 310px;
}
body.store .product_lineup .products li.hand_finger .summary,
body.store .product_lineup .products li.hand_nail .summary {
	padding-top: 315px;
}
body.store .product_lineup .products li h3 {
	margin-bottom: 7px;
	text-align: center;
	font-size: 153.9%;
	font-weight: bold;
	line-height: 1.3;
}
body.store .product_lineup .products li.advanced_repair_cream h3,
body.store .product_lineup .products li.medicated_bodylotion_moisture h3,
body.store .product_lineup .products li.medicated_bodylotion_skin h3 {
	letter-spacing: -.05em;
}
body.store .product_lineup .products li.original_jelly .spec {
	top: 41px;
}
body.store .product_lineup .products li h3 .sub {
	font-weight: normal;
}
body.store .product_lineup .products li.original_jelly .image {
	top: 112px;
	left: 70px;
}
body.store .product_lineup .products li .catch {
	text-align: center;
}
body.store .product_lineup .products li.advanced_repair_cream .catch {
	letter-spacing: -.03em;
}
body.store .product_lineup .products li .title,
body.store .product_lineup .products li .storelink .store {
	margin-top: 23px;
}
body.store .product_lineup .products li.advanced_repair_lotion .title,
body.store .product_lineup .products li.advanced_repair_cream .title,
body.store .product_lineup .products li.hand_nail .title,
body.store .product_lineup .products li.hand_finger .title,
body.store .product_lineup .products li.deeply_enriched_lotion_lavender .title,
body.store .product_lineup .products li.deeply_enriched_lotion_lemon .title,
body.store .product_lineup .products li.medicated_bodylotion_moisture .title,
body.store .product_lineup .products li.medicated_bodylotion_skin .title {
	margin-top: calc(23px - 1.231em);
}
body.store .product_lineup .products li .title .wrap,
body.store .product_lineup .products li .storelink .store a {
	box-sizing: content-box;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	display: block;
	width: 100%;
	border: 0;
	padding: 7px 0;
	background: transparent url(../img/cmn/lineup_arw_01.png) 14px 50% no-repeat;
	color: #003280;
	text-align: center;
	font-size: 108%;
	font-weight: bold;
	cursor: pointer;
}
	body.store .product_lineup .products li .storelink .store a {
		display: flex;
		justify-content: center;
		align-items: center;
	}
body.store .product_lineup .products li .title:hover,
body.store .product_lineup .products li .title:focus,
body.store .product_lineup .products li .title:active,
body.store .product_lineup .products li .storelink .store:hover,
body.store .product_lineup .products li .storelink .store:focus,
body.store .product_lineup .products li .storelink .store:active {
	background-color: #003280;
	color: #FFFFFF;
}
body.store .product_lineup .products li .title:hover .wrap,
body.store .product_lineup .products li .title:focus .wrap,
body.store .product_lineup .products li .title:active .wrap,
body.store .product_lineup .products li .storelink .store:hover a,
body.store .product_lineup .products li .storelink .store:focus a,
body.store .product_lineup .products li .storelink .store:active a {
	background-image: url(../img/cmn/lineup_arw_01_o.png);
	color: #FFFFFF;
}
body.store .product_lineup .products li .detaillink {
	width: 198px;
	margin: 6px auto 0;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	-ms-border-radius: 12px;
	-o-border-radius: 12px;
	border-radius: 12px;
	font-size: 100%;
	font-weight: bold;
	line-height: 1.1;
}
body.store .product_lineup .products li .detaillink a {
	display: block;
/* 要修正 */
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	-ms-border-radius: 12px;
	-o-border-radius: 12px;
	border-radius: 12px;
	padding: 0;
	background: #F2F2F2;
}
body.store .product_lineup .products li .detaillink a:hover,
body.store .product_lineup .products li .detaillink a:focus,
body.store .product_lineup .products li .detaillink a:active {
	background-color: #003280;
	color: #FFFFFF;
}
body.store .product_lineup .products li .detaillink a .bugfix_wrap {
	display: block;
	height: 1em;
	padding: 8px 0;
	background: transparent url(../img/store/lineup_arw_01.png) 14px 50% no-repeat;
	vertical-align: middle;
	text-align: center;
}
body.store .product_lineup .products li .detaillink a:hover .bugfix_wrap,
body.store .product_lineup .products li .detaillink a:focus .bugfix_wrap,
body.store .product_lineup .products li .detaillink a:active .bugfix_wrap {
	background-image: url(../img/store/lineup_arw_01_o.png);
}
/* 2015/08 add >>> */
/* 2016/08 add >>> */
body.store .product_lineup .products li.lip_original .image,
body.store .product_lineup .products li.lip_rosy .image,
body.store .product_lineup .products li.lip_cremebrulee .image {
    top: 159px;
    left:  78px;
}
/* <<< 2015/08 add */
/* <<< 2016/08 add */

/* 2024/08 add >>> */
body.store .product_lineup .products li.repair_cream_nightcare .image {
    top: 133px;
    left:  78px;
}
/* <<< 20124/08 add */


/* Font-size
   http://developer.yahoo.com/yui/3/cssfonts/#fontsize

  10px  =   77%
  11px  =   85%
  12px  =   93%
  13px  =  100%
  14px  =  108%
  15px  =  116%
  16px  =  123.1%
  17px  =  131%
  18px  =  138.5%
  19px  =  146.5%
  20px  =  153.9%
  21px  =  161.6%
  22px  =  167%
  23px  =  174%
  24px  =  182%
  25px  =  189%
  26px  =  197%

*/

/*
 * Terms
 * Policy
 * Landing Page
 */
body.terms h1.title,
body.policy h1.title,
body.lp h1.title {
	margin-bottom: 20px;
	border-top: 0;
	padding: 31px 0 10px;
	background: #F2F2F2;
	text-align: center;
	font-size: 161.6%;
	font-weight: bold;
	line-height: 1.1;
}
body.terms .terms,
body.policy .policy,
body.lp .lp {
	box-sizing: border-box;
	width: 980px;
	margin: 26px auto 0;
	border: 1px solid #E2E2E2;
	padding: 60px 105px;
	color: #666666;
	font-size: 100%;
	line-height: 1.5;
}
body.terms .terms h2,
body.policy .policy h2 {
	margin: 1.5em 0 0;
	color: #003280;
	font-weight: bold;
}
body.lp .lp h2 {
	margin: 1.5em 0 0;
	color: #003280;
	font-size: 161.6%;
	font-weight: bold;
}
body.lp .lp h3 {
	margin: 1.5em 0 0;
	color: #003280;
	font-size: 131%;
	font-weight: bold;
}
body.lp .lp h4 {
	margin: 1.5em 0 0;
	color: #003280;
	font-weight: bold;
}
body.lp .lp a:not(:hover) {
	text-decoration: underline;
}
body.policy .policy ul li,
body.lp .lp ul li {
	padding: 0 0 0 1em;
	text-indent: -1em;
}
body.policy .policy ul li:before,
body.lp .lp ul li:before {
	content: "・";
}


/* -------------------------------------------------------------------
 *  deco
 */
.iosOnly {
	display: none;
}
.isIos .iosOnly {
	display: block;
}

body.deco .header {
	width: 100%;
	height: auto;
	background: -o-linear-gradient(left,  #3463A8 0%,#3463A8 50%,#003280 50%,#003280 100%);						/* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #3463A8 0%,#3463A8 50%,#003280 50%,#003280 100%);					/* IE10+ */
	background: -moz-linear-gradient(left,  #3463A8 0%,#3463A8 50%,#003280 50%,#003280 100%);				/* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#3463A8), color-stop(50%,#3463A8), color-stop(50%,#003280), color-stop(100%,#003280));	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #3463A8 0%,#3463A8 50%,#003280 50%,#003280 100%);				/* Chrome10+,Safari5.1+ */
	background: linear-gradient(to right,  #3463A8 0%,#3463A8 50%,#003280 50%,#003280 100%);					/* W3C */
}

body.deco .header .logo {
	display: block;
	float: none;
	position: absolute;
	width: 98px;
	top: 0;
	left: 0;
	z-index: 4;
	margin: 28px 38px 0;
}
body.deco .header .mv ul {
	position: relative;
	width: 100%;
	max-width: 1920px;
	height: 862px;
	margin: 0 auto;
	background: #FFFFFF;
}
body.deco .header .mv ul li {
	position: absolute;
	width: 100%;
	height: 862px;
	top: 0;
	left: 0;
	opacity: 0;
	overflow: hidden;
	transition-property: opacity;
	transition-duration: .5s;
	transition-timing-function: ease-in-out;
	-webkit-transition-property: opacity;
	-webkit-transition-duration: .5s;
	-webkit-transition-timing-function: ease-in-out;
}
body.deco.mv01 .header .mv ul li:nth-child(1),
body.deco.mv02 .header .mv ul li:nth-child(2),
body.deco.mv03 .header .mv ul li:nth-child(3),
body.deco.mv04 .header .mv ul li:nth-child(4),
body.deco.mv05 .header .mv ul li:nth-child(5),
body.deco.mv06 .header .mv ul li:nth-child(6) {
	opacity: 1;
}
body.deco .header .mv ul li img {
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}
body.deco .header .mv p {
	display: none;
}
body.deco .local_navi {
	padding: 30px 0 30px;
	text-align: center;
}
body.deco .local_navi li {
	display: inline-block;
	vertical-align: middle;
	margin: 0 0 0 52px;
	font-weight: bold;
}
body.deco .local_navi li:nth-child(1) {
	margin-left: 0;
}
body.deco .local_navi li:nth-child(2) {
	margin-left: 27px;
}
body.deco .local_navi li:not(:first-child) a:before {
	content: "";
	display: inline-block;
	width: 16px;
	height: 16px;
	margin: 0 4px 3px 0;
	background: url(../img/deco/idx_icn_menu.png) 0 0 no-repeat;
	vertical-align: middle;
}
body.deco .local_navi li a:link,
body.deco .local_navi li a:visited {
	color: #000000;
	text-decoration: underline;
}
body.deco .local_navi li a:hover,
body.deco .local_navi li a:active,
body.deco .local_navi li a:focus {
	color: #F84475;
}
body.deco .local_navi li:not(:first-child) a:hover:before,
body.deco .local_navi li:not(:first-child) a:active:before,
body.deco .local_navi li:not(:first-child) a:focus:before {
	background-image: url(../img/deco/idx_icn_menu_o.png);
}
body.deco .contents .prize {
	padding: 0 0 84px;
	background: #8ED1C5;
	color: #FFFFFF;
}
body.deco .contents .prize h2 {
	padding: 60px 0 33px;
	background: #FFFFFF;
	text-align: center;
}
body.deco .contents .prize .wrap {
	width: 960px;
	margin: 0 auto;
}
body.deco .contents .prize h3 {
	position: relative;
	width: 100%;
	padding: 104px 0 0;
}
body.deco .contents .prize h3 img {
	position: absolute;
	top: 0;
	left: -26px;
	z-index: 1;
}
body.deco .contents .prize .wrap img {
	display: block;
}
body.deco .contents .prize .grandprix {
	padding: 32px 0 0;
}
body.deco .contents .prize .secondprize {
	float: left;
	width: 411px;
	padding: 63px 0 0;
}
body.deco .contents .prize .thirdprize {
	float: right;
	width: 411px;
	padding: 63px 0 0;
}
body.deco .contents .prize .wrap:after,
body.deco .contents .prize .grandprix ul:after,
body.deco .contents .prize .secondprize ul:after {
	content: "";
	display: table;
	clear: both;
}
body.deco .contents .prize .grandprix ul li {
	float: left;
	margin-left: 5px;
}
body.deco .contents .prize .grandprix ul li:nth-child(1) {
	width: 411px;
	margin-left: 0;
}
body.deco .contents .prize .grandprix ul li:nth-child(2) {
	width: 269px;
}
body.deco .contents .prize .grandprix ul li:nth-child(3) {
	width: 269px;
}
body.deco .contents .prize .grandprix ul li img {
	display: block;
	width: 100%;
}
body.deco .contents .prize .grandprix ul li .caption,
body.deco .contents .prize ol {
	padding: 5px 4px;
	font-size: 15px;
	line-height: 1.5;
}
body.deco .contents .prize .grandprix ul li:nth-child(1) .caption:before,
body.deco .contents .prize ol li:nth-child(1):before {
	content: "①";
}
body.deco .contents .prize .grandprix ul li:nth-child(2) .caption:before,
body.deco .contents .prize ol li:nth-child(2):before {
	content: "②";
}
body.deco .contents .prize .grandprix ul li:nth-child(3) .caption:before,
body.deco .contents .prize ol li:nth-child(3):before {
	content: "③";
}
body.deco .contents .prize .grandprix ul li .caption a,
body.deco .contents .prize ol li a {
	color: #FFFFFF;
	text-decoration: underline;
}
body.deco .contents .prize .secondprize ul li:nth-child(2) {
	float: left;
	width: 201px;
	margin-top: 5px;
}
body.deco .contents .prize .secondprize ul li:nth-child(3) {
	float: right;
	width: 201px;
	margin-top: 5px;
	margin-left: 5px;
}
body.deco .contents .prize .secondprize p.note,
body.deco .contents .prize .thirdprize p.note {
	font-size: 12px;
	line-height: 1.5;
}
body.deco .contents .howto {
	margin: 145px 0 0;
	background: #9CECFE;
}
body.deco .contents .howto h2 {
	position: relative;
	width: 960px;
	margin: 0 auto;
}
body.deco .contents .howto h2 img {
	position: absolute;
	top: -91px;
	left: -8px;
}
body.deco .contents .howto .pwrap {
	width: 960px;
	margin: 0 auto;
}
body.deco .contents .howto .catch {
	padding: 58px 0 20px;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.1;
}
body.deco .contents .howto .step > li:nth-child(1):after,
body.deco .contents .howto .step > li:nth-child(2):after {
	content: "";
	display: block;
	width: 27px;
	margin: 31px auto 28px;
	padding: 13px 0 0;
	background: url(../img/deco/icn_arw_d1.png) 0 0 no-repeat;
	background-size: cover;
}
body.deco .contents .howto .step li .wrap {
	position: relative;
	height: 242px;
	border: 8px solid #FFCFE1;
	border-radius: 20px;
	background: #FFFFFF;
}
body.deco .contents .howto .step li .wrap h3 {
	box-sizing: border-box;
	display: table-cell;
	width: 106px;
	height: 242px;
	padding: 12px;
	vertical-align: top;
}
body.deco .contents .howto .step li:nth-child(3) .wrap,
body.deco .contents .howto .step li:nth-child(3) .wrap h3 {
	height: 222px;
}
body.deco .contents .howto .step li .wrap .textBox,
body.deco .contents .howto .step li .wrap .fig,
body.deco .contents .howto .step li .wrap ul {
	box-sizing: border-box;
	display: table-cell;
	height: 242px;
	vertical-align: middle;
	color: #000000;
}
body.deco .contents .howto .step li:nth-child(1) .wrap .textBox {
	width: 265px;
	padding: 0 30px 0 0;
}
body.deco .contents .howto .step li:nth-child(2) .wrap .textBox {
	width: 360px;
	padding: 0 135px 0 0;
}
body.deco .contents .howto .step li:nth-child(3) .wrap .textBox {
	width: 448px;
	height: 222px;
	padding: 0 128px 0 0;
}
body.deco .contents .howto .step li:nth-child(1) .wrap .fig {
	width: 166px;
	padding: 0 31px 0 0;
}
body.deco .contents .howto .step li:nth-child(2) .wrap .fig {
	width: 477px;
}
body.deco .contents .howto .step li:nth-child(3) .wrap .fig {
	width: 388px;
	height: 222px;
	vertical-align: bottom
}
body.deco .contents .howto .step li:nth-child(1) .wrap ul {
	width: 405px;
	padding: 0 30px 0 0;
}
body.deco .contents .howto .step li:nth-child(1) .wrap ul li {
	margin: 15px 0;
}
body.deco .contents .howto .step li:nth-child(1) .wrap ul li img {
	vertical-align: middle;
}
body.deco .contents .howto .step li:nth-child(1) .wrap ul li .anchorwrap img {
	opacity: .25;
}
body.deco .contents .howto .step li .wrap .textBox .text {
	font-size: 18px;
	font-weight: bold;
	line-height: 1.5;
}
body.deco .contents .howto .step li .wrap .textBox .note {
	padding: 18px 0 0;
	font-size: 12px;
	line-height: 1.5;
}
body.deco .contents .howto .step li:nth-child(1) .wrap .fig .frame {
	display: inline-block;
	border: 1px solid #C3C3C3;
	border-radius: 8px;
	padding: 12px;
}
body.deco .contents .howto .step li:nth-child(1) .wrap .fig .frame img,
body.deco .contents .howto .step li:nth-child(3) .wrap .fig img {
	vertical-align: middle;
}
body.deco .contents .howto .entry {
	width: 849px;
	margin: 0 auto;
	padding: 39px 0 15px;
}
body.deco .contents .howto .entry:after {
	content: "";
	display: table;
	clear: both;
}
body.deco .contents .howto .entry li {
	float: left;
	width: 416px;
}
body.deco .contents .howto .entry li:nth-child(2) {
	margin: 0 0 0 17px; 
}
body.deco .contents .howto .entry li .anchorwrap img {
	opacity: .25;
}
body.deco .contents .howto .pwrap > .note {
	width: 829px;
	margin: 0 auto;
	padding: 0 0 159px;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.4;
}
body.deco .contents .profile {
	margin: 145px 0 0;
	background: #FFEE95;
}
body.deco .contents .profile h2 {
	position: relative;
	width: 960px;
	margin: 0 auto;
}
body.deco .contents .profile h2 img {
	position: absolute;
	top: -91px;
	left: -8px;
}
body.deco .contents .profile .pwrap {
	width: 960px;
	margin: 0 auto;
}
body.deco .contents .profile ul {
	padding: 100px 0 72px;
}
body.deco .contents .profile ul:after {
	content: "";
	display: table;
	clear: both;
}
body.deco .contents .profile ul li:nth-child(1) {
	float: left;
	width: 414px;
	
}
body.deco .contents .profile ul li:nth-child(2) {
	float: right;
	width: 414px;
	
}
body.deco .contents .profile ul li h3 {
	padding: 0 0 10px;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.1;
}
body.deco .contents .profile ul li p.text {
	padding: 5px 2px 0 2px;
	font-size: 17px;
	line-height: 1.6;
}
body.deco .contents .userspost {
	margin: 145px 0 0;
	background: #E1A9F7;
}
body.deco .contents .userspost h2 {
	position: relative;
	width: 960px;
	margin: 0 auto;
}
body.deco .contents .userspost h2 img {
	position: absolute;
	top: -91px;
	left: -8px;
}
body.deco .contents .userspost .pwrap {
	width: 960px;
	margin: 0 auto;
	padding: 52px 0 0;
}
body.deco .contents .userspost .posts {
	border-top: 10px solid #FFCFE1;
	border-bottom: 10px solid #FFCFE1;
}
body.deco .contents .userspost .posts:after {
	content: "";
	display: table;
	clear: both;
}
body.deco .contents .userspost .posts li {
	position: relative;
	float: left;
	width: 25%;
	height: 0;
	overflow: hidden;
	padding: 25% 0 0;
	background: #FFFFFF;
}
body.deco .contents .userspost .posts li img {
	position: absolute;
	width: 100%;
	min-width: 100%;
	min-height: 100%;
	top: 50%;
	left: 50%;
	cursor: pointer;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
body.deco .contents .userspost .posts li img.hrz {
	width: auto;
	height: 100%;
}
body.deco .contents .userspost .posts li img:hover {
	opacity: .8;
}
body.deco .contents .userspost h3 {
	padding: 55px 0 38px;
	text-align: center;
}
body.deco .contents .userspost ul.more {
	width: 826px;
	margin: 0 auto;
	padding: 0 0 80px;
}
body.deco .contents .userspost ul.more:after {
	content: "";
	display: table;
	clear: both;
}
body.deco .contents .userspost ul.more li {
	float: left;
	width: 409px;
}
body.deco .contents .userspost ul.more li:nth-child(2) {
	margin: 0 0 0 8px;
}
body.deco .contents .lightbox {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 100;
	overflow: scroll;
	background: rgba(0,0,0,.8);
}
body.deco .contents .lightbox .wrapper {
	position: absolute;
	width: 960px;
	top: 50%;
	left: 50%;
	border-radius: 12px;
	background: #FFFFFF;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
body.deco .contents .lightbox .snsname {
	float: left;
	width: 50%;
	padding: 21px 0 21px;
	color: #000000;
	font-size: 16px;
}
body.deco .contents .lightbox .snsname:before {
	content: "";
	display: inline-block;
	width: 42px;
	margin: 0 8px 0 39px;
	padding: 41px 0 0;
	background: url(../img/deco/idx_icn_lb_01.png) 0 0 no-repeat;
	background-size: cover;
	vertical-align: middle;
}
body.deco .contents .lightbox .close {
	float: right;
	width: 31px;
	margin: 27px 24px 0 0;
	padding: 31px 0 0;
	background: url(../img/deco/idx_icn_lb_close.png) 0 0 no-repeat;
	background-size: cover;
	cursor: pointer;
}
body.deco .contents .lightbox .imagebox {
	float: left;
	width: 500px;
	padding: 0 0 40px 34px;
}
body.deco .contents .lightbox .imagebox img {
	display: block;
	width: 500px;
}
body.deco .contents .lightbox .prof,
body.deco .contents .lightbox .comment,
body.deco .contents .lightbox .date {
	float: left;
	width: 336px;
	margin: 0 0 0 37px;
}
body.deco .contents .lightbox .prof .image {
	display: inline-block;
	width: 56px;
	margin: 0 20px 0 0;
	vertical-align: middle;
}
body.deco .contents .lightbox .prof .image img {
	width: 100%;
	border-radius: 10rem;
}
body.deco .contents .lightbox .prof .name {
	display: inline-block;
	color: #000000;
	font-size: 16px;
	font-weight: bold;
}
body.deco .contents .lightbox .comment {
	padding: 2em 0 0;
	color: #000000;
	font-size: 16px;
	line-height: 1.4;
}
body.deco .contents .lightbox .date {
	padding: 2em 0 0;
	color: #808080;
	font-size: 14px;
}
body.deco .contents .guideline {
	position: relative;
	margin: 145px 0 0;
	background: #8ED1C5;
}
body.deco .contents .guideline h2 {
	position: relative;
	width: 960px;
	margin: 0 auto;
}
body.deco .contents .guideline p.closed {
	position: absolute;
	width: 100%;
	top: 44px;
	left: 0;
	z-index: 1;
	color: #003280;
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.2;
}
body.deco .contents .guideline h2 img {
	position: absolute;
	top: -91px;
	left: -8px;
}
body.deco .contents .guideline .pwrap {
	width: 960px;
	margin: 0 auto;
	padding: 30px 0 110px;
}
body.deco .contents .guideline .pwrap .wrap {
	position: relative;
	border-radius: 20px;
	padding: 20px 46px 30px;
	background: #97d3c8;
	color: #FFFFFF;
	font-size: 12px;
	line-height: 1.4;
}
body.deco .contents .guideline.closed .pwrap .wrap:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
}
body.deco .contents .guideline.closed .pwrap .wrap,
body.deco .contents .guideline.closed .pwrap .wrap a {
	color: rgba(255,255,255,.5);
}
body.deco .contents .guideline .pwrap .wrap h3 {
	margin: 1.3em 0 0;
	font-weight: bold;
}
body.deco .contents .guideline .pwrap .wrap h4 {
	font-weight: bold;
}
body.deco .contents .guideline .pwrap .wrap ul li ul {
	padding: 0 0 0 44px;
}
body.deco .contents .guideline .pwrap .wrap a {
	color: #FFFFFF;
	text-decoration: underline;
}
body.deco .footer .wrap .site {
	margin-top: 0;
	padding-top: 28px;
}



/* -------------------------------------------------------------------
 *  Photo Contest
 */
body.photocon .header {
	width: 100%;
	height: 646px;
    overflow: visible;
}
body.photocon .header .logo {
	display: block;
	float: none;
	position: absolute;
	width: 98px;
	top: 0;
	left: 0;
	z-index: 4;
	margin: 17px 47px 0;
}
body.photocon .header .sitehome_link {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 4;
	margin: 23px 50px 0;
}
body.photocon .header .sitehome_link a {
	display: block;
	padding: 2px 0 4px 16px;
	background: url(../img/photocon/idx_arw_01.png) 0 50% no-repeat;
	font-size: 13px;
	font-weight: bold;
	text-decoration: underline;
}
body.photocon .header .mv {
	padding: 646px 0 0;
}
body.photocon .header .mv:after {
	content: "";
	display: block;
	position: fixed;
	width: 100%;
	height: 646px;
	top: 0;
	left: 0;
	background: url(../img/photocon/idx_bg_01.jpg) 50% 0 no-repeat;
	
}
body.photocon .header .mv h1 {
	position: absolute;
	width: 552px;
	height: 0;
	top: 287px;
	left: 50%;
	z-index: 2;
	overflow: hidden;
	margin: 0 0 0 -444px;
	padding: 312px 0 0;
	background: url(../img/photocon/idx_kv_01.png) 0 0 no-repeat;
}
body.photocon .header .mv ul {
	position: absolute;
	width: 242px;
	height: 239px;
	top: 523px;
	left: 50%;
	z-index: 2;
	margin: 0 0 0 131px;
}
body.photocon .contents {
	position: relative;
	width: 100%;
	z-index: 1;
	background: #ECF0FB;
}
body.photocon .contents a:hover {
	opacity: .7;
}
body.photocon .contents .mz {
	color: #E41373;
}
body.photocon .contents .about {
	position: relative;
	width: 820px;
	z-index: 1;
	margin: 0 auto;
	padding: 0 0 10.8%;
}
body.photocon .contents .about *,
body.photocon .contents .howto * {
	box-sizing: border-box;
}
body.photocon .contents .about .date {
	position: absolute;
	width: 520px;
	top: -31px;
	border-radius: 13px;
	padding: 2% 1% 1.6%;
	background: #182986;
	color: #FFFFFF;
	font-size: 22px;
	font-weight: bold;
	text-align: center;
}
body.photocon .contents .about .catch {
	width: 530px;
	padding: 48px 0 0 .8em;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.4;
	letter-spacing: -.05em;
	text-align: left;
}
body.photocon .contents .about .hashtag {
	width: 100%;
	margin: 20px 0 0;
	padding: 1.9% 1% 1.7%;
	background: #FFFFFF;
	color: #E41373;
	font-size: 26px;
	font-weight: bold;
	text-align: center;
}
body.photocon .contents .about .desc {
	padding: 2.2% 0 0 3.5%;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.95;
}
body.photocon .contents .about .prize {
	margin: 2.7% 0 0;
}
body.photocon .contents .about .prize li {
	float: left;
	margin: 0 0 0 1.4%;
}
body.photocon .contents .about .prize li:nth-child(2n) {
	margin-left: 5.1%;
}
body.photocon .contents .about .prize li img {
	vertical-align: middle;
}
body.photocon .contents .howto {
	position: relative;
	width: 100%;
	z-index: 1;
	background: #FFFFFF;
}
body.photocon .contents .howto .title01 {
	position: absolute;
	top: -58px;
	left: 50%;
	transform: translate(-50%,0);
}
body.photocon .contents .howto .summary {
	width: 950px;
	margin: 0 auto;
	padding: 88px 0 0;
	font-size: 16px;
	text-align: center;
}
body.photocon .contents .howto .steps {
	width: 820px;
	margin: 30px auto 0;
	border: 1px solid #F1F1F1;
	border-radius: 20px;
	padding: 23px 19px 5px 20px;
}
body.photocon .contents .howto .steps > li {
	position: relative;
	float: left;
	width: 382px;
	height: 386px;
	margin: 0 0 18px;
	border-radius: 14px;
	padding: 11px;
	background: #ECF0FB;
}
body.photocon .contents .howto .steps li.step1 {
}
body.photocon .contents .howto .steps li.step2 {
	float: right;
}
body.photocon .contents .howto .steps li.step3 {
}
body.photocon .contents .howto .steps .number {
}
body.photocon .contents .howto .steps .text {
	font-size: 18px;
	font-weight: bold;
	line-height: 1.4;
	letter-spacing: -.03em;
}
body.photocon .contents .howto .steps .image {
}
body.photocon .contents .howto .steps .image img {
	vertical-align: middle;
}
body.photocon .contents .howto .steps .sns {
	margin: 33px 0 0;
}
body.photocon .contents .howto .steps .sns li {
	margin: 15px 7px 0 0;
}
body.photocon .contents .howto .steps .sns li a {
	display: block;
	border-radius: 10px;
	padding: 16px 10px 16px 69px;
	background-color: #E41373;
	background-image: url(../img/photocon/idx_icn_inst_01.png), url(../img/photocon/idx_arw_02.png);
	background-position: 4.5% 50%, 95.5% 50%;
	background-repeat: no-repeat;
	color: #FFFFFF;
	font-size: 18px;
	font-weight: bold;
}
body.photocon .contents .howto .steps .sns li.instagram a {
}
body.photocon .contents .howto .steps .sns li.twitter a {
	background-color: #00A0E9;
	background-image: url(../img/photocon/idx_icn_tw_01.png), url(../img/photocon/idx_arw_02.png);
}
body.photocon .contents .howto .steps li.step1 .number {
}
body.photocon .contents .howto .steps li.step1 .text {
	padding: 5px 0 0 8px;
}
body.photocon .contents .howto .steps li.step1 .image {
	position: absolute;
	width: 125px;
	height: 132px;
	top: 24px;
	right: 19px;
	border: 1px solid #C5C5C5;
	border-radius: 8px;
	padding: 28px 9px 21px;
	background: #FFFFFF;
}
body.photocon .contents .howto .steps li.step2 .number {
	float: left;
}
body.photocon .contents .howto .steps li.step2 .text {
	float: left;
	margin: 12px 0 0 29px;
	line-height: 1.45;
}
body.photocon .contents .howto .steps li.step2 .image {
	clear: both;
	padding: 28px 0 0 65px;
}
body.photocon .contents .howto .steps li.step3 .number {
	float: left;
}
body.photocon .contents .howto .steps li.step3 .text {
	float: left;
	margin: 14px 0 0 33px;
	line-height: 1.5;
}
body.photocon .contents .howto .steps li.step3 .image {
	clear: both;
	padding: 24px 0 0 66px;
}
body.photocon .contents .howto .entry {
	padding: 0 0 96px;
}
body.photocon .contents .howto .entry .sns {
	width: 820px;
	margin: 43px auto 0;
}
body.photocon .contents .howto .entry li {
	float: left;
	width: 47.5%;
}
body.photocon .contents .howto .entry li a,
body.photocon .contents .howto .entry li .close {
	display: block;
	border: 7px solid #F84676;
	border-radius: 10px;
	padding: 17px 10px 14px;
	color: #F84676;
	font-size: 23px;
	font-weight: bold;
	text-align: center;
}
body.photocon .contents .howto .entry li .close {
	opacity: .1;
	border-color: #000000 !important;
	color: #000000 !important;
}
body.photocon .contents .howto .entry li img {
}
body.photocon .contents .howto .entry li.instagram {
}
body.photocon .contents .howto .entry li.instagram a {
}
body.photocon .contents .howto .entry li.instagram a:before,
body.photocon .contents .howto .entry li.instagram .close:before {
	content: "";
	display: inline-block;
	width: 35px;
	height: 35px;
	margin: 0 0 2px;
	background: url(../img/photocon/idx_icn_inst_02.png) 0 0 no-repeat;
	vertical-align: middle;
}
body.photocon .contents .howto .entry li.instagram .close:before {
	background-image: url(../img/photocon/idx_icn_inst_02_off.png);
}
body.photocon .contents .howto .entry li.twitter {
	float: right;
}
body.photocon .contents .howto .entry li.twitter a {
	border-color: #306ED4;
	color: #306ED4;
}
body.photocon .contents .howto .entry li.twitter a:before,
body.photocon .contents .howto .entry li.twitter .close:before {
	content: "";
	display: inline-block;
	width: 35px;
	height: 35px;
	margin: 0 0 2px;
	background: url(../img/photocon/idx_icn_tw_02.png) 0 0 no-repeat;
	vertical-align: middle;
}
body.photocon .contents .howto .entry li.twitter .close:before {
	background-image: url(../img/photocon/idx_icn_tw_02_off.png);
}
body.photocon .contents .howto .note {
	width: 820px;
    margin: 26px auto 0;
    color: #B2B2B2;
    font-size: 14px;
    line-height: 1.45;
}
body.photocon .contents .howto .note a {
	color: #B2B2B2;
	text-decoration: underline;
}
body.photocon .contents .guideline {
	position: relative;
	margin: 49px 0 0;
	font-size: 14px;
}
body.photocon .contents .guideline h2 {
	position: absolute;
	top: -99px;
	left: 50%;
	z-index: 1;
	margin: 0 auto;
	transform: translate(-50%,0);
}
body.photocon .contents .guideline p.closed {
	position: absolute;
	width: 100%;
	top: 44px;
	left: 0;
	z-index: 1;
	color: #003280;
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.2;
}
body.photocon .contents .guideline h2 img {
}
body.photocon .contents .guideline .pwrap {
	width: 820px;
	margin: 0 auto;
	padding: 30px 0 110px;
}
body.photocon .contents .guideline .pwrap .wrap {
	position: relative;
	border-radius: 20px;
	padding: 20px 46px 30px;
	background: #FFFFFF;
	font-size: 14px;
	line-height: 1.4;
}
body.photocon .contents .guideline.closed .pwrap .wrap:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
}
body.photocon .contents .guideline.closed .pwrap .wrap,
body.photocon .contents .guideline.closed .pwrap .wrap a {
	color: rgba(0,0,0,.25);
}
body.photocon .contents .guideline .pwrap .wrap h3 {
	margin: 1.3em 0 0;
}
body.photocon .contents .guideline .pwrap .wrap h4 {
}
body.photocon .contents .guideline .pwrap .wrap .ind,
body.photocon .contents .guideline .pwrap .wrap ul li ul {
	padding: 0 0 0 44px;
}
body.photocon .contents .guideline .pwrap .wrap a {
	text-decoration: underline;
}
body.photocon .totop {
	position: relative;
	width: 100%;
	margin-top: 0;
	padding: calc(16px + 31px) 0 0;
	background: #FFFFFF;
}
body.photocon .totop a {
	position: absolute;
	float: none;
	bottom: -1px;
	right: 50%;
	margin: 0 -490px 0 0;
}
body.photocon .footer {
	position: relative;
}
body.photocon .footer .wrap .site {
	margin-top: 0;
	padding: 28px 0 0;
}

.lipseries1908 {
	min-width: 980px;
	border-top: 2px solid #003280;
	padding: 58px 0 38px;
}
.lipseries1908 > .title {
	font-size: 197%;
	text-align: center;
}
body.tintserum .catch p {
	margin: 40px 0;
	text-align: center;
}
body.tintserum .catch img {
	vertical-align: middle;
}
body.tintserum .products ul,
.lipseries1908 ul {
	padding: 50px 0 36px;
}
.lipseries1908 ul {
	width: 980px;
	margin: 23px auto 0;
}
body.tintserum .products ul:after,
.lipseries1908 ul:after {
	content: "";
	display: table;
	clear: both;
}
body.tintserum .products li,
.lipseries1908 li {
	float: left;
	width: 452px;
}
body.tintserum .products li.tint,
.lipseries1908 li.tint {
	margin: 0 30px 0 19px;
}
body.tintserum .products li .text,
.lipseries1908 li .text {
	color: #666666;
	font-size: 197%; /* 26px */
	line-height: 1.2;
	text-align: center;
}
body.tintserum .products li .image,
.lipseries1908 li .image {
	margin: 30px 0 0;
	text-align: center;
}
body.tintserum .products li.tint .image,
.lipseries1908 li.tint .image {
	padding: 0 30px 0 0;
}
body.tintserum .products li .title,
.lipseries1908 li .title {
	width: 196px;
	margin: 33px auto 0;
	border: 1px solid #7F98BF;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	-ms-border-radius: 12px;
	-o-border-radius: 12px;
	border-radius: 12px;
	background: #FFFFFF;
	font-size: 100%;
	line-height: 1.1;
}
body.tintserum .products li > a:hover .title,
body.tintserum .products li > a:focus .title,
body.tintserum .products li > a:active .title,
.lipseries1908 li > a:hover .title,
.lipseries1908 li > a:focus .title,
.lipseries1908 li > a:active .title {
	background-color: #003280;
	color: #FFFFFF;
}
.lipseries1908 li > a,
.lipseries1908 li > .here {
	display: block;
	padding: 26px 0 46px;
}
.lipseries1908 li > .here {
	background: #F2F2F2;
}
body.tintserum .products li .title .wrap,
.lipseries1908 li .title .wrap {
	display: table-cell;
	height: 2.2em;
	-ms-border-radius: 0;
	border-radius: 0;
	padding: 8px 0 8px 40px;
	background: transparent url(../img/cmn/lineup_arw_01.png) 14px 50% no-repeat;
	vertical-align: middle;
}
body.tintserum .products li.serum .title .wrap,
.lipseries1908 li.serum .title .wrap {
	padding-left: 60px;
}
body.tintserum .products li > a:hover .wrap,
body.tintserum .products li > a:focus .wrap,
body.tintserum .products li > a:active .wrap,
.lipseries1908 li > a:hover .wrap,
.lipseries1908 li > a:focus .wrap,
.lipseries1908 li > a:active .wrap {
	background-image: url(../img/cmn/lineup_arw_01_o.png);
}


body.tint .detail .unit01 .title,
body.serum .detail .unit03 .title {
	margin: 60px 0 30px;
	font-size: 197%;
	text-align: center;
}
body.tint .detail .unit01 ul,
body.serum .detail .unit03 ul {
	display: flex;
	justify-content: space-between;
	width: 595px;
	margin: 0 auto 90px;
}
body.serum .detail .unit03 ul {
	width: 360px;
}
body.tint .detail .unit01 li,
body.serum .detail .unit03 li {
}
body.tint .detail .unit01 .image,
body.serum .detail .unit03 .image {
	text-align: center;
}
body.tint .detail .unit01 .text,
body.serum .detail .unit03 .text {
	margin: 5px 0 0;
	font-size: 121.5%;
	font-weight: bold;
	text-align: center;
}
body.tint .detail .unit02,
body.tint .detail .unit03,
body.serum .detail .unit02,
body.serum .detail .unit03 {
	margin-top: 44px;
}
body.tint .detail .unit02 .wrap,
body.tint .detail .unit03 .wrap,
body.serum .detail .unit01 .wrap {
	display: flex;
	align-items: center;
}
body.tint .detail .unit02 .image {
	padding: 42px 50px 47px 65px;
}
body.tint .detail .unit02 .text {
	padding: 42px 65px 42px 0;
}
body.tint .detail .unit02 .text .title {
	font-size: 202%;
	line-height: 1.6;
}
body.tint .detail .unit02 .text .title .ast,
body.tint .detail .unit03 .text .title .ast,
body.serum .detail .unit01 .text .title .ast,
body.serum .detail .unit02 .title .ast {
	font-size: 60%;
	vertical-align: top;
}
body.tint .detail .unit02 .text .note,
body.tint .detail .unit03 .text .note,
body.serum .detail .unit01 .text .note {
	margin: 10px 0 0;
	font-size: 93%;
	line-height: 1.6;
}
body.tint .detail .unit03 .image,
body.serum .detail .unit01 .image {
	padding: 63px 63px 43px 50px;
}
body.tint .detail .unit03 .text,
body.serum .detail .unit01 .text {
	padding: 43px 50px 43px 0;
}
body.tint .detail .unit03 .text .title,
body.serum .detail .unit01 .text .title {
	font-size: 208%;
	line-height: 1.6;
}
body.tint .detail .unit03 .text .copy,
body.serum .detail .unit01 .text .copy {
	font-size: 135%;
	font-weight: bold;
	line-height: 1.6;
}
body.serum .detail .unit02 .wrap {
	display: flex;
	padding: 45px 34px 45px 82px;
}
body.serum .detail .unit02 .left {
	box-sizing: border-box;
	width: 362px;
	padding: 0 35px 0 0;
}
body.serum .detail .unit02 .title {
	font-size: 197%;
	line-height: 1.6;
}
body.serum .detail .unit02 p {
	font-size: 108%;
	line-height: 1.6;
}
body.serum .detail .unit02 p + p {
	margin: 16px 0 0;
}
body.serum .detail .unit02 p span {
	font-weight: bold;
}
body.serum .detail .unit02 p.note {
	font-size: 93%;
	line-height: 1.6;
}
body.tint .series,
body.serum .series {
	width: 980px;
	margin: 102px auto 55px;
}
body.tint .series > .title,
body.serum .series > .title {
	font-size: 197%;
	text-align: center;
}
body.tint .series ul,
body.serum .series ul {
	margin: 56px 0 0 34px;
}
body.tint .series ul:after,
body.serum .series ul:after {
	content: "";
	display: table;
	clear: both;
}
body.tint .series li,
body.serum .series li {
	float: left;
	display: flex;
	width: 445px;
	margin: 32px 0 0;
}
body.tint .series li .image,
body.serum .series li .image {
	width: 156px;
}
body.serum .series li .image {
	padding-left: 58px;
	box-sizing: border-box;
}
body.tint .series li .text,
body.serum .series li .text {
	width: 243px;
}
body.tint .series li .name,
body.serum .series li .name {
	margin: 40px 0 0;
	font-size: 135%;
    font-weight: bold;
    line-height: 1.4;
}
body.tint .series li .spec,
body.serum .series li .spec {
	margin: 10px 0 0;
	font-size: 116%;
    line-height: 1.4;
}
body.tint .series li .bugfix_wrap,
body.serum .series li .bugfix_wrap {
	box-sizing: border-box;
	display: block;
	width: 242px;
	margin: 24px 0 0;
	border: 2px solid #003280;
	border-radius: 6px;
	background-color: #FFFFFF;
	color: #003280;
}
body.tint .series li .bugfix_wrap:hover,
body.tint .series li .bugfix_wrap:focus,
body.tint .series li .bugfix_wrap:active,
body.serum .series li .bugfix_wrap:hover,
body.serum .series li .bugfix_wrap:focus,
body.serum .series li .bugfix_wrap:active {
	background-color: #003280;
	color: #FFFFFF;
}
body.tint .series li input,
body.serum .series li input {
	box-sizing: border-box;
	display: block;
	width: 238px;
	margin: 0;
	border-width: 0;
	padding: 22px 52px 20px 42px;
	background-color: transparent;
	background-image: url(../img/cmn/btn_store_arw.png), url(../img/cmn/btn_store_icn.png);
	background-position: 16px 50%, 91% 50%;
	background-repeat: no-repeat, no-repeat;
	color: #003280;
	font-weight: bold;
	line-height: 1.1;
	cursor: pointer;
}
body.tint .series li .bugfix_wrap:hover input,
body.tint .series li .bugfix_wrap:focus input,
body.tint .series li .bugfix_wrap:active input,
body.serum .series li .bugfix_wrap:hover input,
body.serum .series li .bugfix_wrap:focus input,
body.serum .series li .bugfix_wrap:active input {
	background-image: url(../img/cmn/btn_store_arw_o.png), url(../img/cmn/btn_store_icn_o.png);
	color: #FFFFFF;
}



/* -------------------------------------------------------------------
 *  Vaseline Healing Project
 */
body.vhp .main_visual {
	min-width: 1090px;
	background: linear-gradient(to Right, #043674, #043674 50%, #094582 50%, #094582);
}
body.vhp .main_visual .wrap {
	width: 1090px;
}
body.vhp .main_visual .wrap img {
	max-width: 100%;
	vertical-align: middle;
}
body.vhp .main_visual,
body.vhp .main_visual .wrap,
body.vhp .main_visual .title {
	height: auto;
	text-align: center;
}
body.vhp .unit01 {
    padding: 25px 0;
	background: #EAEAEA;
	text-align: center;
}
body.vhp .vhp .unit01 .title {
	display: inline;
    padding: 0 5px;
    background: #003280;
    color: #FFFFFF;
	font-size: 25px;
	font-weight: bold;
	letter-spacing: -.05em;
    line-height: 1;
}
body.vhp .vhp .unit01 .maintext,
body.vhp .vhp .unit02 .closedmessage p {
	width: 740px;
	margin: 26px auto 12px;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.7;
	letter-spacing: -.05em;
}
body.vhp .vhp .unit02 .closedmessage p {
	text-align: center;
}
body.vhp .vhp .unit02 {
	margin: 58px 0 0;
    text-align: center;
}
body.vhp .vhp .unit02 .title {
    display: inline;
    padding: 0 5px;
    background: #003280;
    color: #FFFFFF;
    font-size: 25px;
    font-weight: bold;
    letter-spacing: -.05em;
    line-height: 1;
}
body.vhp .vhp .unit02 .maintext {
	width: auto;
    margin: 13px 0 0;
    font-size: 20px;
    line-height: 1.7;
    text-align: center;
}
body.vhp .vhp .unit03 {
    margin: 12px 0 0;
    padding: 33px 0 35px;
	background: #EAEAEA;
	text-align: center;
}
body.vhp .vhp .unit03 .image {
	max-width: 814px;
	margin: 0 auto;
	text-align: center;
}
body.vhp .vhp .unit03 .image a {
	display: inline-block;
	position: relative;
}
body.vhp .vhp .unit03 .image a:after {
	content: "";
	display: inline-block;
	position: absolute;
	width: 132px;
	height: 132px;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	background: url(../img/cmn/icn_play_01.png) 0 0/contain no-repeat;
}
body.vhp .vhp .unit03 .image a:hover {
	opacity: .8;
}
body.vhp .vhp .unit03 .image img {
	max-width: 100%;
}
body.vhp .vhp .unit04 {
    margin: 36px 0 0;
}
body.vhp .vhp .unit04 .image {
	max-width: 680px;
    margin: 0 auto;
	text-align: center;
}
body.vhp .vhp .unit04 .image img {
	max-width: 100%;
	vertical-align: middle;
}
body.vhp .vhp .unit04 .period {
	width: 700px;
    margin: 30px auto 0;
    border-radius: 8px;
    padding: 12px 0 16px;
    background: #EAEAEA;
    text-align: center;
}
body.vhp .vhp .unit04 .period h3 {
	width: 21%;
    text-align: center;
    background: #FFFFFF;
    margin: 0 auto;
    font-size: 28px;
    line-height: 1;
    padding: 8px;
}
body.vhp .vhp .unit04 .period p {
	font-size: 30px;
    font-weight: bold;
    display: inline-block;
    border-bottom: 2px solid;
    margin: 8px 0 0;
}
body.vhp .vhp .unit04 .links {
	width: 700px;
    margin: 0 auto;
}
body.vhp .vhp .unit04 .links li {
    margin: 22px 0 0;
	text-align: center;
}
body.vhp .vhp .unit04 .links li.entry a,
body.vhp .vhp .unit04 .links li.entry .closed {
	display: block;
    border-radius: 12px;
	border: 1px solid rgba(0,0,0,0);
    padding: 15px;
    background: linear-gradient(90deg, #365E8F 25%, #053681);
    color: #FFFFFF;
    font-size: 28px;
    font-weight: bold;
    line-height: 1;
    text-align: center;
}
body.vhp .vhp .unit04 .links li.entry a:before,
body.vhp .vhp .unit04 .links li.entry .closed:before {
    content: "";
    display: inline-block;
    width: 13px;
    height: 13px;
    margin: 0 10px 5px 0;
    background: url(/img/vhp/vhp_202210_icn_arrow_01_wht.webp) 0 50%/contain no-repeat;
    vertical-align: middle;
}
body.vhp .vhp .unit04 .links li.entry .closed {
	opacity: .5;
}
body.vhp .vhp .unit04 .links li.terms a {
	display: inline-block;
    border-bottom: 1.5px solid;
    font-size: 26px;
    text-align: center;
    vertical-align: middle;
}
body.vhp .vhp .unit04 .links li.terms:before {
    content: "";
    display: inline-block;
    width: 13px;
    height: 13px;
    margin: 0 10px 0 0;
    background: url(/img/vhp/vhp_202210_icn_arrow_01_blue.webp) 0 50%/contain no-repeat;
    vertical-align: middle;
}
body.vhp .vhp .unit04 .links li.entry a:hover {
	border-color: #003280;
	color: #003280;
	background: #FFFFFF;
}
body.vhp .vhp .unit04 .links li.entry a:hover:before {
	background-image: url(/img/vhp/vhp_202210_icn_arrow_01_blue.webp)
}
body.vhp .vhp .unit04 .links li.terms a:hover {
	border-color: rgba(0,0,0,0);
}
body.vhp .vhp .unit05 {
    margin: 76px 0 0;
    padding: 53px 0 45px;
	background: #EAEAEA;
	text-align: center;
}
body.vhp .vhp .unit05 .title_en {
	display: inline;
    padding: 0 19px;
    background: #FFFFFF;
    color: #003280;
    font-size: 25px;
    font-weight: bold;
    letter-spacing: -.05em;
    line-height: 1;
}
body.vhp .vhp .unit05 .image {
	max-width: 982px;
    margin: 0 auto;
    padding: 28px 0 0;
	text-align: center;
}
body.vhp .vhp .unit05 .image img {
	max-width: 100%;
}
body.vhp .vhp .unit05 .text {
}
body.vhp .vhp .unit05 .text .title {
    padding: 37px 0 0;
    font-size: 30px;
    letter-spacing: -.05em;
	text-align: center;
}
body.vhp .vhp .unit05 .maintext {
    width: 884px;
    margin: 15px auto 0;
    border-radius: 10px;
    padding: 25px 50px 30px;
	background: #FFFFFF;
    font-size: 14px;
    line-height: 1.6;
    letter-spacing: -.05em;
}
body.vhp .product_lineup {
	margin: 45px 0 0;
}



#moviePlayer {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 300;
	background: rgba(0,0,0,.9);
}
#moviePlayer .mpContents {
	position: absolute;
	width: 83%;
    height: 0;
    overflow: hidden;
    padding-bottom: 46.69608%;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
#mpClose {
}
#moviePlayer .mpContents .mpIframe {
	position: absolute;
	width: 100%;
	height: 100%;
}
/*
smart phone
*/
@media screen and (max-width: 600px) {
	#moviePlayer .mpContents {
		width: 83%;
		padding-bottom: 46.69608%;
		width: 100%;
		padding-bottom: 56.26%;
	}
	#mpClose.show {
		opacity: 1;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	#mpClose {
		position: absolute;
		right: 5%;
		margin-top: 5%;
	}
	#mpClose {
		width: 7.46667vw;
		height: 1px;
		opacity: 1;
		padding: 7.46667vw 0 0;
		background: url(/sp/img/cmn/icn_close_nv.svg) 0 0 no-repeat;
		background-size: 100%;
		opacity: 0;
		-webkit-transform: rotate(-23deg);
		-moz-transform: rotate(-23deg);
		-ms-transform: rotate(-23deg);
		-o-transform: rotate(-23deg);
		transform: rotate(-23deg);
		-webkit-transition-property: -webkit-transform, opacity;
		-moz-transition-property: -moz-transform, opacity;
		-ms-transition-property: -ms-transform, opacity;
		-o-transition-property: -o-transform, opacity;
		transition-property: transform, opacity;
		-webkit-transition-duration: 300ms;
		-moz-transition-duration: 300ms;
		-ms-transition-duration: 300ms;
		-o-transition-duration: 300ms;
		transition-duration: 300ms;
		-webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		-moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		-ms-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		-o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		-webkit-transition-property: 0;
		-moz-transition-property: 0;
		-ms-transition-property: 0;
		-o-transition-property: 0;
		transition-property: 0;
	}
}

/*
desktop
*/
@media print,screen and (min-width: 601px) {
	#mpClose {
		display: block;
		position: absolute;
		width: 2rem;
		height: 1px;
		top: 39px;
		right: 28px;
		z-index: 1;
		overflow: hidden;
		padding: 2rem 0 0;
		background: url(/img/cmn/icn_close_nv.svg) 0 0/100% no-repeat;
		text-indent: 1000em;
	}
	
	#mpClose.transition {
		-webkit-transition-property: -webkit-transform, opacity;
		-moz-transition-property: -moz-transform, opacity;
		-ms-transition-property: -ms-transform, opacity;
		-o-transition-property: -o-transform, opacity;
		transition-property: transform, opacity;
		-webkit-transition-duration: 300ms;
		-moz-transition-duration: 300ms;
		-ms-transition-duration: 300ms;
		-o-transition-duration: 300ms;
		transition-duration: 300ms;
		-webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		-moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		-ms-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		-o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		-webkit-transition-delay: 0s;
		-moz-transition-delay: 0s;
		-ms-transition-delay: 0s;
		-o-transition-delay: 0s;
		transition-delay: 0s;
	}
}



/*-------#Cookie compliance-------*/
#onetrust-banner-sdk #onetrust-policy-text,
#onetrust-banner-sdk .ot-dpd-desc,
#onetrust-banner-sdk .ot-b-addl-desc {
	font-size: 13px !important;
	color: #003280 !important;
}
#onetrust-banner-sdk.ot-buttons-fw:not(.ot-iab-2) #onetrust-button-group button {
	font-size: 13px !important;
}
#onetrust-consent-sdk #onetrust-accept-btn-handler,
#onetrust-banner-sdk #onetrust-reject-all-handler {
	border-color: #003280 !important;
	background-color: #003280 !important;
}
#onetrust-consent-sdk #onetrust-banner-sdk a[href],
#onetrust-consent-sdk #onetrust-banner-sdk a[href] font {
	color: inherit !important;
	font-weight: normal !important;
	text-decoration: underline !important;
}
#onetrust-consent-sdk #onetrust-banner-sdk a[href]:hover,
#onetrust-consent-sdk #onetrust-banner-sdk a[href]:hover font {
	text-decoration: none !important;
}
#onetrust-consent-sdk button.cookie-setting-link,
#onetrust-consent-sdk #onetrust-banner-sdk a[href]:focus,
#onetrust-consent-sdk #onetrust-banner-sdk a[href]:focus font {
	outline: none !important;
}
/**/
#onetrust-pc-sdk #ot-category-title,
#onetrust-pc-sdk #ot-pc-title {
	color: #003280 !important;
	font-size: 15px !important;
}
#onetrust-pc-sdk .ot-cat-header,
#onetrust-pc-sdk .ot-always-active,
#onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-desc,
#onetrust-pc-sdk #ot-pc-desc,
#onetrust-pc-sdk .ot-cat-item p,
#onetrust-pc-sdk .category-vendors-list-handler,
#onetrust-pc-sdk .category-vendors-list-handler+a,
#onetrust-pc-sdk .category-host-list-handler,
#onetrust-pc-sdk button {
	color: #003280 !important;
	font-size: 13px !important;
}
#onetrust-pc-sdk button:focus,
#onetrust-consent-sdk #onetrust-pc-sdk *:focus,
#onetrust-consent-sdk #onetrust-pc-sdk .ot-vlst-cntr > a:focus {
	outline: none !important;
}
#onetrust-pc-sdk button#accept-recommended-btn-handler,
#onetrust-pc-sdk button.ot-pc-refuse-all-handler,
#onetrust-pc-sdk button.save-preference-btn-handler,
#onetrust-pc-sdk button.onetrust-close-btn-handler {
	background-color: #003280 !important;
	color: #FFFFFF !important;
}
#onetrust-pc-sdk a,
#onetrust-pc-sdk button.ot-link-btn {
	color: #003280 !important;
	text-decoration: underline !important;
}
#onetrust-pc-sdk a:hover,
#onetrust-pc-sdk button.ot-link-btn:hover {
	text-decoration: none !important;
}


	/**/
	body.showstore {
	}
	.main_visual .storelink.hidelink {
		display: none;
	}
	.main_visual .storelink.hidelink.show {
		display: block;
	}
	.main_visual .storelink.hidelink.off {
		opacity: .3;
		pointer-events: none;
		cursor: default;
	}
	.store_list {
		display: none;
		position: fixed;
		width: 100vw;
		height: 100vh;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 100;
	}
	.store_list.disp {
		display: block;
	}
	.store_list .lb_wrap {
		position: absolute;
		width: 376px;
		max-height: 100vh;
		top: 50%;
		left: 50%;
		z-index: 5;
		overflow-y: auto;
		transform: translate(-50%,-50%);
	}
	.store_list .lb_bg {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 1;
		background: rgba(0,50,128,.9);
	}
	.store_list .lb_hd {
		position: relative;
		border-radius: 18px 18px 0 0;
		background: #FFFFFF;
	}
	.store_list .lb_hd .lb_close_btn {
		position: absolute;
		width: 24px;
		height: 24px;
		top: 50%;
		left: 24px;
		transform: translate(0,-50%);
		background: url(../img/cmn/lb_store_icn_close.svg) 0 0/contain no-repeat;
		text-indent: -10000em;
		cursor: pointer;
	}
	.store_list .lb_hd .lb_s_title {
		height: 0;
		overflow: hidden;
		padding: 77px 0 0;
		font-size: 1.6rem;
		font-weight: 700;
		line-height: 1;
		text-align: center;
		background: url(../img/cmn/lb_store_t_01.svg) 51% 50%/37% auto no-repeat;
	}
	.store_list .lb_bd {
		border-radius: 0 0 18px 18px;
		padding: 0;
		background: #003280;
		color: #FFFFFF;
	}
	.store_list .lb_bd ul {
		min-height: 160px;
		list-style: none;
	}
		.store_list.single .lb_bd ul {
			padding-top: 30px;
		}
	.store_list .lb_bd ul li {
		border-top: 1px solid rgba(255,255,255,.5);
		padding: 1px 0 0;
	}
	.store_list .lb_bd ul li a {
		display: block;
		width: 100%;
		height: 0;
		overflow: hidden;
		padding: 27.153% 0 0;
		background: url(../img/cmn/lb_store_logo_amazon.svg) 50% 50%/24.5% auto no-repeat;
	}
		.store_list .lb_bd ul li.amazon a {
		}
		.store_list .lb_bd ul li.cbic a {
			background-image: url(../img/cmn/lb_store_logo_cbic.webp);
			background-size: 46% auto;
		}


#ot-sdk-btn.ot-sdk-show-settings {
	z-index: 15;
}