@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%

*/










/*
 * Swiper - Mobile Touch Slider CSS
 * http://www.idangero.us/sliders/swiper
 *
 * Vladimir Kharlampidi, The iDangero.us
 * http://www.idangero.us/
 * 
 * Copyright 2012-2013, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us
 *
 * Licensed under GPL & MIT
 *
*/

/* ===============================================================
Basic Swiper Styles 
================================================================*/
.swiper-container {
	margin:0 auto;
	position:relative;
	overflow:hidden;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	backface-visibility:hidden;
	/* Fix of Webkit flickering */
	z-index:1;
}
.swiper-wrapper {
	position:relative;
	width:100%;
	-webkit-transition-property:-webkit-transform, left, top;
	-webkit-transition-duration:0s;
	-webkit-transform:translate3d(0px,0,0);
	-webkit-transition-timing-function:ease;
	
	-moz-transition-property:-moz-transform, left, top;
	-moz-transition-duration:0s;
	-moz-transform:translate3d(0px,0,0);
	-moz-transition-timing-function:ease;
	
	-o-transition-property:-o-transform, left, top;
	-o-transition-duration:0s;
	-o-transform:translate3d(0px,0,0);
	-o-transition-timing-function:ease;
	-o-transform:translate(0px,0px);
	
	-ms-transition-property:-ms-transform, left, top;
	-ms-transition-duration:0s;
	-ms-transform:translate3d(0px,0,0);
	-ms-transition-timing-function:ease;
	
	transition-property:transform, left, top;
	transition-duration:0s;
	transform:translate3d(0px,0,0);
	transition-timing-function:ease;
}
.swiper-free-mode > .swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto;
}
.swiper-slide {
	float: left;
}

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
	-ms-touch-action: pan-y;
}
.swiper-wp8-vertical {
	-ms-touch-action: pan-x;
}

/* ===============================================================
Your custom styles, here you need to specify container's and slide's
sizes, pagination, etc.
================================================================*/
.swiper-container {
	/* Specify Swiper's Size: */

	/*width:200px;
	height: 100px;*/
}
.swiper-slide {
	/* Specify Slides's Size: */
	
	/*width: 100%;
	height: 100%;*/
}
.swiper-slide-active {
	/* Specific active slide styling: */
	
}
.swiper-slide-visible {
	/* Specific visible slide styling: */	

}
/* ===============================================================
Pagination Styles
================================================================*/
.control {
	position: absolute;
	width: 100%;
	bottom: -7%;
	left: 0;
	z-index: 100;
	padding: 4% 0 0;
	text-align: center;
}
.swiper-pagination-switch {
	/* Stylize pagination button: */	
	margin: 0 9px; vertical-align: middle;
	width: 11px; height: 11px; display: inline-block; background: #cccccc; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px;
}
.swiper-active-switch {
	/* Specific active button style: */	
	background: #1f4c8e; cursor: default;
}
.swiper-visible-switch {
	/* Specific visible button style: */	
}









/* --------------------------------------------------------------------------------------------------------------------------------------
 *  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 {
	box-sizing: border-box;
	margin: 0;
	padding: 0;

	/* font,text >> */
	text-align: left;
	
	font-family: HiraKakuProN-W3, "Droid Sans", "モトヤLシーダ3等幅", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
	font-style: normal;
	font-weight: normal;
	/* << font,text */
}
html {
	height: 100%;
	font-size: 2.8vw;
/*	font-size: 62.5%;*/
	-webkit-text-size-adjust: 100%;
}
html.isAndroid:not(.isAndroid444high) {
	font-size: 62.5%;
}
html.isIos7under {
	font-size: 3.1vw;
}
br {
	letter-spacing: 0;
}

body {
	min-height: 100%;
	background: #FFFFFF;
	color: #003280;
	text-align: center;
}
a {
	cursor: pointer;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
a:link,
a:visited {
	color: #003280;
	text-decoration: none;
}
a:hover,
a:active {
	color: #003280;
	text-decoration: none;
}

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


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

.header:after {
	content: "";
	display: table;
	clear: both;
}
.header .logo {
	float: left;
	width: 26.56%;
}
.header .logo img {
	display: block;
	width: 100%;
}
.header .menu a {
	box-sizing: border-box;
	float: right;
	display: block;
	width: 28.75%;
	margin: 15px 12px 0 0;
	border: 1px solid #003280;
	border-radius: 6px;
	padding: 1.56% 0 1.87% 10%;
	background: url(../img/cmn/h_mn_arw.png) 18px 50% no-repeat;
	background-size: 7px auto;
	font-size: 1.4rem;
	line-height: 1.1;
}

.main_visual {
	background: #F2F2F2;
}
.main_visual .wrap {
	width: 100%;
}
.main_visual .wrap input,
.main_visual .storelink .store a {
	margin: 24px auto 0;
	border: 2px solid #003280;
	border-radius: 6px;
	padding: 17px 52px 15px 42px;
	background-color: #FFFFFF;
	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;
	background-size: 10px auto, 22px auto;
	color: #003280;
	font-weight: bold;
	line-height: 1.1;
	cursor: pointer;
}
.main_visual .wrap.off input {
	border-color: #CCCCCC;
	background-image: url(../img/cmn/btn_store_arw_off.png), url(../img/cmn/btn_store_icn_off.png);
	color: #CCCCCC;
	cursor: default;
}
.main_visual .wrap p.note {
	clear: both;
	margin: 10px 0 0;
	color: #808080;
	font-size: 1.1rem;
	line-height: 1.3;
}

.unit {
	border-top: 1px solid #003280;
	padding: 12px 0 0;
}
.unit01 {
	border-top: 0;
	padding-top: 17px;
}

.footer .navi {
	border-top: 3px solid #003280;
	padding: 0 0 9px;
}
.footer .navi li {
	border-bottom: 1px solid #003280;
}
.footer .navi li a {
	box-sizing: border-box;
	display: block;
	padding: 22px 48px 21px;
	background: url(../img/cmn/mn_arw.png) 13px 50% no-repeat;
	background-size: 25px auto;
	font-size: 1.9rem;
	line-height: 1.1;
}
.footer .navi li a.tch-active,/*
.footer .navi li a:hover,/*
.footer .navi li a:focus,
.footer .navi li a:active,*/
.footer .navi li .here {
	box-sizing: border-box;
	display: block;
	margin: 6px;
	padding: 16px 42px 15px;
	background: #F8F8F8 url(../img/cmn/mn_arw.png) 7px 50% no-repeat;
	background-size: 25px auto;
/*
	color: #7992B9;
*/
	font-size: 1.9rem;
	line-height: 1.1;
}
.footer .navi li .off {
	box-sizing: border-box;
	display: block;
	padding: 22px 48px 21px;
	background: #F8F8F8 url(../img/cmn/mn_arw.png) 13px 50% no-repeat;
	background-size: 25px auto;
	color: #999999;
	font-size: 1.9rem;
	line-height: 1.1;
	opacity: .5
}
.footer .totop a {
	box-sizing: border-box;
	display: block;
	padding: 16px 0;
	background: -webkit-gradient(linear, left top, right top, color-stop(20%,#4071B9), color-stop(80%,#003280));	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #4071B9 20%,#003280 80%);				/* Chrome10+,Safari5.1+ */
	background: linear-gradient(to right,  #4071B9 20%,#003280 80%);					/* W3C */
	color: #FFFFFF;
	text-align: center;
	font-size: 1.5rem;
	line-height: 1.1;
}
.footer .totop a.tch-active,/*
.footer .totop a:hover,
.footer .totop a:focus,
.footer .totop a:active*/ {
	background: #999999;
}
.footer .totop a:before {
	content: "";
	display: inline-block;
	width: 16px;
	height: 16px;
	margin: 0 6px 0 0;
	background: url(../img/cmn/totop_arw_01.png) 0 0 no-repeat;
	background-size: 100% auto;
	vertical-align: middle;
}
.footer .sns_share {
	padding: 10px 0;
	border-bottom: 1px solid #003280;
}
.footer .sns_share .wrap {
	margin: 0 9px;
	padding: 6px 0 4px;
	border-radius: 6px;
	background: #F2F2F2;
	text-align: center;
}
.footer .sns_share .wrap:after {
	content: "";
	display: table;
	clear: both;
}
.footer .sns_share .wrap .title {
	display: inline-block;
	font-size: 1.4rem;
	line-height: 1.1;
	vertical-align: middle;
}
.footer .sns_share .wrap ul {
	display: inline-block;
	vertical-align: middle;
}
.footer .sns_share .wrap ul li {
	display: inline-block;
	width: 28px;
	margin: 0 9px 0 20px;
	vertical-align: middle;
}
.footer .sns_share .wrap ul li img {
	width: 100%;
}
.footer .site .pcview {
	padding: 15px 0 8px 33px;
	font-size: 1.1rem;
	line-height: 1.1;
}
.footer .site .utility {
	padding: 0 0 19px;
}
.footer .site .utility:after {
	content: "";
	display: table;
	clear: both;
}
.footer .site .utility li {
	float: left;
	margin: 15px 16px 0 33px;
	font-size: 1.1rem;
	line-height: 1.1;
}
.footer .site .pcview a,
.footer .site .utility li a {
	padding: 0 0 0 15px;
	background: url(../img/cmn/f_arw_01.png) 0 0 no-repeat;
	background-size: auto 100%;
}
.footer .site .copyright {
	box-sizing: border-box;
	padding: 12px 0 58px;
	background: -webkit-gradient(linear, left top, right top, color-stop(20%,#4071B9), color-stop(80%,#003280));	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #4071B9 20%,#003280 80%);				/* Chrome10+,Safari5.1+ */
	background: linear-gradient(to right,  #4071B9 20%,#003280 80%);					/* W3C */
	color: #FFFFFF;
	font-size: 1.1rem;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.1;
	text-align: center;
}
.footer .site .copyright:before {
	content: "";
	display: inline-block;
	width: 35px;
	height: 40px;
	margin: 0 16px 0 0;
	background: url(../img/cmn/f_ci.png) 0 0 no-repeat;
	background-size: 100% auto;
	vertical-align: middle;
}


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

.navi .main_menu ul {
	border-top: 2px solid #003280;
	padding: 0 0 4.06%;
	background-color: #F2F2F2;
}
.navi .main_menu ul li a {
	box-sizing: border-box;
	display: block;
	position: relative;
	width: 93.8%;
	margin: 3.13% 3.13% 0;
	border: 1px solid #AFBFD7;
	border-radius: 6px;
	background-color: #FFFFFF;
	background-position: 0 0, 96.67% 50%;
	background-repeat: no-repeat, no-repeat;
	background-size: auto 100%, 6.67% auto;
}
.navi .main_menu ul li a.tch-active:after/*,
.navi .main_menu ul li a:hover:after/*,
.navi .main_menu ul li a:focus:after,
.navi .main_menu ul li a:active:after*/ {
	content: "";
	box-sizing: border-box;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	border-radius: 6px;
	border: 2px solid #003280;
}
.navi .main_menu ul li.concept a {
	background-image: url(../img/cmn/bnr_p_01.jpg), url(../img/cmn/bnr_p_arw.png);
}
.navi .main_menu ul li.history a {
	background-image: url(../img/cmn/bnr_p_02.jpg), url(../img/cmn/bnr_p_arw.png);
}
.navi .main_menu ul li.store a {
	background-image: url(../img/cmn/bnr_p_03.jpg), url(../img/cmn/bnr_p_arw.png);
}
.navi .main_menu ul li.deco a {
	background-image: url(../img/cmn/bnr_p_04.jpg), url(../img/cmn/bnr_p_arw.png);
}
.navi .main_menu ul li.photocon a {
	background-image: url(../img/cmn/bnr_p_05.jpg), url(../img/cmn/bnr_p_arw.png);
}
.navi .main_menu ul li a:before {
	content: "";
	display: block;
	padding: 43.75% 0 0;
}
.navi .main_menu ul li .wrap {
	position: absolute;
}
.navi .main_menu ul li.concept .wrap {
	width: 50%;
	top: 10.93%;
	left: 38%;
}
.navi .main_menu ul li.history .wrap {
	top: 28.28%;
	left: 28.5%;
}
.navi .main_menu ul li.store .wrap {
	top: 17.28%;
	left: 12.3%;
}
.navi .main_menu ul li.deco .wrap {
	width: 51%;
	top: 17.28%;
	top: 11.28%;
	left: 32.3%;
}
.navi .main_menu ul li.photocon .wrap {
	top: 12.28%;
	left: 12.3%;
}
.navi .main_menu ul li .title {
	font-size: 2rem;
	line-height: 1.2;
}
.navi .main_menu ul li.history .title {
	letter-spacing: -1px;
}
.navi .main_menu ul li .summary {
	position: absolute;
	padding: 5px 0 0;
	font-size: 1.2rem;
	line-height: 1.5;
}
.navi .main_menu ul li.store .summary {
	padding-left: 30px;
}
.navi .main_menu ul li.deco .summary {
	padding-left: 9%;
}
.navi .main_menu ul li.photocon .summary {
	padding-left: 32%;
}
.navi .main_menu ul li .summary .end {
	display: inline-block;
	position: absolute;
	color: #808080;
	white-space: nowrap;
}

.topheader {
	display: none;
}

.product_lineup + .product_lineup {
	margin: 7vw 0 0;
}
.product_lineup > .title {
	border-bottom: 3px solid #003280;
	padding: 28px 0 4px;
	text-align: center;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1.1;
}
.product_lineup .products li {
	border-bottom: 1px solid #003280;
}
.product_lineup .products li a,
.product_lineup .products li .here {
	box-sizing: border-box;
	position: relative;
	display: block;
	width: 94.375%;
	margin: 0 2.81%;
}
.product_lineup .products li a {
	background: url(../img/cmn/lineup_arw_01.png) 100% 50% no-repeat;
	background-size: 6.25% auto;
}
.product_lineup .products li a.tch-active,/*
.product_lineup .products li a:hover,
.product_lineup .products li a:focus,
.product_lineup .products li a:active,*/
.product_lineup .products li .here {
}
.product_lineup .products li a:before,
.product_lineup .products li .here:before {
	content: "";
	display: block;
	padding: 57.63% 0 0;
}
.product_lineup .products li a.tch-active:after,/*
.product_lineup .products li a:hover:after,
.product_lineup .products li a:focus:after,
.product_lineup .products li a:active:after,*/
.product_lineup .products li .here:after {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	top:0;
	left:0;
	z-index: 1;
	margin-top: 3.44%;
	margin-bottom: 3.44%;
	padding: 50.75% 0 0;
	background: #EDEDED;
}
.product_lineup .products li a.tch-active:after {
	background: #EDEDED url(../img/cmn/lineup_arw_01.png) 100% 50% no-repeat;
	background-size: 6.25% auto;
}
.product_lineup .products li .spec {
	position: absolute;
	width: 33.77%;
	height: 100%;
	top: 0;
	left: 0.8%;
	z-index: 3;
	overflow: hidden;
	background-position: 0 100%;
	background-repeat: no-repeat;
	background-size: 100% auto;
	text-indent: -10000em;
}
.product_lineup .products li.original_jelly .spec {
	background-image: url(../img/cmn/lineup_p_01.webp);
}
.product_lineup .products li.advanced_repair_lotion .spec {
	background-image: url(../img/cmn/lineup_p_02.webp);
}
.product_lineup .products li.extra_smooth_lotion .spec {
	background-image: url(../img/cmn/lineup_p_03.png?d=20160804);
}
.product_lineup .products li.jelly_lip .spec {
	background-image: url(../img/cmn/lineup_p_04.png?d=20211129);
}
.product_lineup .products li.hand_nail .spec {
	background-image: url(../img/cmn/lineup_p_05.png?d=20190806);
}
.product_lineup .products li.hand_finger .spec {
	background-image: url(../img/cmn/lineup_p_06.png?d=20190806);
}
.product_lineup .products li.lip_moistshine_original .spec {
	background-image: url(../img/cmn/lineup_p_12.png);
}
.product_lineup .products li.lip_moistshine_rosepink .spec {
	background-image: url(../img/cmn/lineup_p_13.png);
}
.product_lineup .products li.lip_moistshine_cocoa .spec {
	background-image: url(../img/cmn/lineup_p_14.png);
}
.product_lineup .products li.deeply_enriched_lotion_lavender .spec {
	background-image: url(../img/cmn/lineup_p_17.png?d=20220304_1);
}
.product_lineup .products li.deeply_enriched_lotion_lemon .spec {
	background-image: url(../img/cmn/lineup_p_18.png?d=20220304_1);
}
.product_lineup .products li.medicated_bodylotion_moisture .spec {
	background-image: url(../img/cmn/lineup_p_19.webp);
	background-size: auto 86%;
}
.product_lineup .products li.medicated_bodylotion_skin .spec {
	background-image: url(../img/cmn/lineup_p_20.webp);
	background-size: auto 86%;
}
.product_lineup .products li.repair_cream_nightcare .spec {
	background-image: url(../img/cmn/lineup_p_22.webp);
}
.product_lineup .products li .here .spec {
	height: 100%;
	background-position: 0 140%;
}
.product_lineup.series .products li .here .spec {
	background-position: 0 100%;
}
.product_lineup .products li.lip_original .here .spec,
.product_lineup .products li.lip_rosy .here .spec {
	background-position: 0 90%;
}
.product_lineup .products li .textbox {
	position: absolute;
	width: 51.34%;
	top: 0;
	left: 39.44%;
	z-index: 2;
}
.product_lineup .products li .summary {
	padding: 22.46% 0 0;
	font-size: 1.7rem;
}
/*
.product_lineup .products li.hand_nail .summary {
	padding-top: 29.98%;
}
*/
.product_lineup .products li.deeply_enriched_lotion_lavender a .summary,
.product_lineup .products li.deeply_enriched_lotion_lemon a .summary {
	padding-top: 22%;
}
.product_lineup .products li .here .summary {
	padding-top: 21.26%;
}
/*
.product_lineup .products li.hand_nail .here .summary {
	padding-top: 22.8%;
}
*/
.product_lineup .products li .title,
body.store .product_lineup .products li .storelink .store {
	position: relative;
	width: 95.4%;
	height: 3em;
	margin: 2.6% 0 0;
	border-radius: 6px;
	background: #F2F2F2;
	font-size: 1.1rem;
	font-weight: bold;
	line-height: 1.3;
}
.product_lineup .products li.original_jelly .title,
.product_lineup .products li.lip_moistshine_original .title,
.product_lineup .products li.lip_moistshine_rosepink .title,
.product_lineup .products li.lip_moistshine_cocoa .title {
	padding: 1.31% 6.54% 2px 17.64%;
}
.product_lineup .products li.advanced_repair_lotion .title {
	padding: 1.31% 6.54% 2px 18.3%;
}
.product_lineup .products li.extra_smooth_lotion .title {
	padding: 1.31% 6.54% 2px 17.64%;
}
.product_lineup .products li.jelly_lip .title {
	padding: 1.31% 3.27% 2px 13.07%;
}
.product_lineup .products li.hand_nail .title {
	padding: 5.88% 6.54% 9px 6.54%;
	text-align: center;
}
.product_lineup .products li.hand_finger .title {
	padding: 1.31% 6.54% 9px 6.54%;
	text-align: center;
}
/* 2015/08 add >>> */
.product_lineup .products li.lip_original .spec {
	background-image: url(../img/cmn/lineup_p_07.png?d=20190806);
}
.product_lineup .products li.lip_rosy .spec {
	background-image: url(../img/cmn/lineup_p_08.png?d=20190806);
}
.product_lineup .products li.lip_original .title,
.product_lineup .products li.lip_rosy .title,
.product_lineup .products li.repair_cream_nightcare .title {
	padding: 1.31% 3.27% 2px 13.07%;
}
/* <<< 2015/08 add */
/* 2016/08 add >>> */
.product_lineup .products li.lip_cremebrulee .spec {
	width: 37.74%;
	left: -3.3%;
	background-image: url(../img/cmn/lineup_p_09.png?d=20160804);
}
.product_lineup .products li.lip_cremebrulee .title {
	padding: 1.31% 3.27% 2px 13.07%;
}
.product_lineup .products li.lip_cremebrulee .summary .small,
.product_lineup .products li.lip_moistshine_cocoa .summary .small {

	font-size: 1.1rem;
}
/* <<< 2016/08 add */
/* 2017/08 add >>> */
.product_lineup .products li.advanced_repair_cream .title,
.product_lineup .products li.advanced_repair_lotion .title,
.product_lineup .products li.lip_moistshine_original .title,
.product_lineup .products li.lip_moistshine_rosepink .title,
.product_lineup .products li.lip_moistshine_cocoa .title,
.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 {
	height: 4.5em;
	padding: 1.31% 6.54% 2px 18.3%;
}
.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 {
	padding: 1.31% 6.54% 9px 6.54%;
	letter-spacing: -.05em;
}
.product_lineup .products li.advanced_repair_cream .spec {
	background-image: url(../img/cmn/lineup_p_10.png?d=20190806);
}
/* <<< 2017/08 add */
.product_lineup .products li.tint .title {
	padding: 1.31% 3.27% 2px 13.07%;
}
.product_lineup .products li.serum .title {
	padding: 1.31% 3.27% 2px 29.07%;
}
.product_lineup .products li.tint .spec {
	background-image: url(../img/cmn/lineup_p_15.png?d=20190806_1);
}
.product_lineup .products li.serum .spec {
	background-image: url(../img/cmn/lineup_p_16.png);
}

.unit01.unit_cchannel {
	margin: 5vw 0 0 !important;
	border-top: 3px solid #003280 !important;
	padding: 10vw 0 12vw !important;
}
.unit01.unit_cchannel .image_box {
	width: 48.44%;
	margin: 7vw auto 0;
}
.unit01.unit_cchannel .image_box img {
	width: 100%;   
}
.unit01.unit_cchannel .text_box .title {
	width: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent;
	font-size: 2.3rem !important;
	letter-spacing: -.05em !important;
	text-align: center !important;
}
.unit01.unit_cchannel .text_box .lead {
	margin: 1em 0 0;
	font-size: 1.6rem !important;
	font-weight: 700;
	text-align: center !important;
}
.unit01.unit_cchannel .link a {
	display: inline !important;
	padding: 0 !important;
}
.unit01.unit_cchannel .link .anc_wrap {
	display: table;
	width: 76%;
	box-sizing: border-box;
	margin: 24px auto 0;
	border: 2px solid #003280;
	border-radius: 6px;
	padding: 21px 0 19px 55px;
	background: #FFFFFF url(../img/cmn/btn_store_arw.png) 25px 50% / 10px auto no-repeat;
	color: #003280;
	font-weight: bold;
	line-height: 1.1;
	letter-spacing: .05em;
	cursor: pointer;
}
.unit01.unit_cchannel .link a.tch-active .anc_wrap {
	background-image: url(../img/cmn/btn_store_arw_o.png);
	background-color: #003280;
	color: #FFFFFF;
}



/* -------------------------------------------------------------------
 *  Top
 */
body.top .navi .main_menu ul {
	border-top: 0;
	background-color: #FFFFFF;
}
body.top .main {
	position: relative;
	background: -webkit-gradient(linear, center bottom, center top, color-stop(20%,#4071B9), color-stop(80%,#003280));	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(bottom,  #4071B9 20%,#003280 80%);				/* Chrome10+,Safari5.1+ */
	background: linear-gradient(to top,  #4071B9 20%,#003280 80%);					/* W3C */
	margin: 0 0 20%;
}
body.top .main:before {
	content: '';
	display: block;
	padding: 125% 0 0;
}
body.top .main .swiper-container {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
body.top .main .kv li {
	position: relative;
	visibility: hidden;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	overflow-y: hidden;
}
body.top .main .kv li .wrap {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	color: #FFFFFF;
}
body.top .main .kv li a {
	display: block;
	width: 100%;
	height:	100%;
	position: relative;
}
body.top .main .kv li p.image img {
	display: block;
	width: 100%;
}
/**/
body.top .main .kv li.deco ul {
	position: relative;
	width: 100%;
	height: 100%;
}
body.top .main .kv li.deco ul li {
	position: absolute;
	width: 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.mv01 li:nth-child(1),
body.top .main .kv li.deco ul.mv02 li:nth-child(2) {
	opacity: 1;
}
body.top .main .kv li.deco ul li img {
	width: 100%;
}
/**/
body.top .main .kv li.original_jelly {
	display: block;
}
body.top .main .kv li.original_jelly .image {
	padding: 7.875% 0 0;
}
body.top .main .kv li.original_jelly .title {
	position: absolute;
	width: 80%;
	top: 0;
	left: 20%;
	padding: 64.5% 0 0;
	color: #FFFFFF;
	font-size: 2.45rem;
	line-height: 1.3;
}
body.top .main .kv li.original_jelly .catch {
	position: absolute;
	width: 80%;
	top: 0;
	left: 20%;
	padding: 104% 0 0;
	color: #FFFFFF;
	font-size: 1.25rem;
	line-height: 1.5;
}
body.top .main .kv li.advanced_repair_lotion {
}
body.top .main .kv li.concept {
}
body.top .main .kv li.concept .image {
	padding: 5.375% 0 0;
}
body.top .main .kv li.concept .title {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	padding: 65% 0 0;
	color: #FFFFFF;
	text-align: center;
	font-size: 2.3rem;
	line-height: 1.3;
}
body.top .main .kv li.concept .catch {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	padding: 88% 0 0;
	color: #FFFFFF;
	text-align: center;
	font-size: 1.2rem;
	line-height: 1.5;
}
/* 2015/08 add >>> */
/* 2016/08 add >>> */
body.top .main .kv li.lip_original .image {
	padding: 24.72% 0 0;
}
body.top .main .kv li.lip_rosy .image,
body.top .main .kv li.lip_cremebrulee .image {
	padding: 8.72% 0 0;
}
body.top .main .kv li.lip_original .title,
body.top .main .kv li.lip_rosy .title,
body.top .main .kv li.lip_cremebrulee .title {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	padding: 72.0% 0 0;
	color: #FFFFFF;
	text-align: center;
	font-size: 2.45rem;
	line-height: 1.3;
}
body.top .main .kv li.lip_original .catch,
body.top .main .kv li.lip_rosy .catch,
body.top .main .kv li.lip_cremebrulee .catch {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	padding: 93% 0 0;
	color: #FFFFFF;
	text-align: center;
	font-size: 1.25rem;
	line-height: 1.5;
	letter-spacing: -0.05em;
}
body.top .main .kv li.lip_original .name {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	padding: 105% 0 0;
	color: #FFFFFF;
	text-align: center;
	font-size: 1.25rem;
	line-height: 1.5;
	letter-spacing: -0.05em;
}
body.top .main .kv li.lip_cremebrulee .title .small {
	display: block;
	text-align: center;
	margin: -0.1em 0 0;
	font-size: 1.25rem;
}
/* <<< 2015/08 add */
/* <<< 2016/08 add */
body.top .main .kv li.advanced_repair_cream {
}
body.top .main .kv li.advanced_repair_cream .image {
	padding: 14.375% 0 0;
}
body.top .main .kv li.advanced_repair_cream .title {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	padding: 64% 0 0;
	color: #FFFFFF;
	text-align: center;
	font-size: 2.75rem;
	line-height: 1.3;
}
body.top .main .kv li.advanced_repair_cream .catch .mark {
	display: inline-block;
	vertical-align: sub;
}
body.top .main .kv li.advanced_repair_cream .catch,
body.top .main .kv li.advanced_repair_cream .name {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	padding: 95% 0 0;
	color: #FFFFFF;
	text-align: center;
	font-size: 1.4rem;
	line-height: 1.5;
}
body.top .main .kv li.advanced_repair_cream .name {
	padding-top: calc(95% + 1.4em * 1.25);
}
body.top .main .kv li.advanced_repair_cream .note {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	padding: 115% 0 0;
	color: #FFFFFF;
	text-align: center;
	font-size: 1rem;
	line-height: 1.5;
}
body.top .main .kv li.original_jelly_2 {
	display: block;
}
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.lip_moistshine .image {
	padding: 6.72% 0 0;
}
body.top .main .kv li.lip_moistshine .title {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	padding: 72.0% 0 0;
	color: #FFFFFF;
	text-align: center;
	font-size: 2.45rem;
	line-height: 1.3;
}
body.top .main .kv li.lip_moistshine .catch {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	padding: 93% 0 0;
	color: #FFFFFF;
	text-align: center;
	font-size: 1.25rem;
	line-height: 1.5;
	letter-spacing: -0.05em;
}
body.top .main .kv li.lip_moistshine .name {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	padding: 105% 0 0;
	color: #FFFFFF;
	text-align: center;
	font-size: 1.25rem;
	line-height: 1.5;
	letter-spacing: -0.05em;
}


/* -------------------------------------------------------------------
 *  Concept
 */
body.concept .concept .image01 {
	padding: 1.56% 0 0;
	background: #F2F2F2;
}
body.concept .concept .image01 img,
body.concept .concept .image02 img {
	display: block;
	width: 100%;
	height: auto;
}
body.concept .concept .title {
	padding: 3.56% 0 0;
	background: #F2F2F2;
	text-align: center;
	font-size: 2.1rem;
}
body.concept .concept .summary {
	padding: 2.6% 3.44% 11.5%;
	background: #F2F2F2;
	font-size: 1.25rem;
	line-height: 1.7;
}
body.concept .concept h2 {
	padding: 4.5% 4.5% 8.54%;
	font-size: 1.9rem;
	line-height: 1.1;
}
body.concept .concept .chapter01 {
	padding: 4.5% 4.5% 8.54%;
	font-size: 1.25rem;
	font-weight: bold;
	line-height: 1.6;
}


/* -------------------------------------------------------------------
 *  History
 */
body.history .history .image01 {
	padding: 5.76% 0 0;
	background: #F2F2F2;
}
body.history .history .image01 img,
body.history .history .image02 img,
body.history .history ul li h2 img,
body.history .history ul li.today p.image02 img {
	display: block;
	width: 100%;
	height: auto;
}
body.history .history .title {
	padding: 6.81% 3.13% 0;
	background: #F2F2F2;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.5;
}
body.history .history .summary {
	padding: 2.6% 3.44% 11.5%;
	background: #F2F2F2;
	font-size: 1.4rem;
	line-height: 1.6;
}
body.history .history ul li {
	border-top: 1px solid #8099C0;
	padding: 14.84% 0 10.15%;
	font-size: 1.25rem;
	line-height: 1.6;
}
body.history .history ul li.ac1859 {
	border-top: 0;
	padding-top: 15.93%;
	background-image: none;
}
body.history .history ul li.ac1865 {
	padding-top: 7.5%;
	background-position: 50% 0;
}
body.history .history ul li.ac1870 {
	padding-top: 7.34%;
}
body.history .history ul li.ac1872 {
	padding-top: 7.34%;
	34
	86
}
body.history .history ul li.ac1920s {
	padding-top: 8.14%;
}
body.history .history ul li.ac1943 {
	padding-top: 7.18%;
}
body.history .history ul li.ac2005 {
	padding-top: 0.8.75%;
}
body.history .history ul li.today {
	position: relative;
	padding-top: 10%;
}

body.history .history ul li h2 {
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 3.91%;
	background: transparent url(../img/history/index_arw_01.png) 50% 0 no-repeat;
	background-size: 7.81% auto;
}
body.history .history ul li.ac1865 h2 {
	padding-top: 13.12%;
}
body.history .history ul li.ac1870 h2 {
	padding-top: 12.66%;
}
body.history .history ul li.ac1872 h2 {
	padding-top: 8.12%;
}
body.history .history ul li.ac1920s h2 {
	padding-top: 10.63%;
}
body.history .history ul li.ac1943 h2 {
	padding-top: 10.31%;
}
body.history .history ul li.ac2005 h2 {
	padding-top: 10.93%;
}
body.history .history ul li.today p.image02 {
	padding-top: 9.375%;
	background: transparent url(../img/history/index_arw_01.png) 50% 0 no-repeat;
	background-size: 7.81% auto;
}
body.history .history ul li.today h2 {
	position: absolute;
	top: 19.53%;
	left: 2.28%;
	background-image: none;
	font-size: 2rem;
}
body.history .history ul li p.text {
	padding-left: 3.44%;
	padding-right: 3.44%;
}








/* -------------------------------------------------------------------
 *  Product index
 */
body.product_index .product_lineup > .title {
	border-bottom: 0;
	padding: 24px 0 4px;
	background: #F2F2F2;
	text-align: center;
	font-size: 1.3rem;
	line-height: 1.1;
}


/* -------------------------------------------------------------------
 *  Product common
 */

body.products .main_visual .catch img {
	width: 100%;
}
body.products .main_visual h1 {
	display: table;
	margin: 0 auto;
	font-size: 2rem;
	line-height: 1.4;
	white-space: nowrap;
}
body.products .main_visual .paragraph01 {
	margin: 5px 0 0;
	padding: 7px 18px 6px;
	background: #FFFFFF;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1.1;
	text-align: center;
}
body.products .main_visual .wrap p.paragraph02 {
	clear: both;
	padding: 7px 0 0;
	font-size: 1.2rem;
	line-height: 1.1;
	text-align: center;
}
body.products .main_visual .wrap select {
	display: block;
	width: 75%;
	margin: 24px 12.5% 0;

	border: 2px solid #003280;
	border-radius: 6px;
	padding: 17px 32px 15px 32px;
	background-color: #F2F2F2;
	background-image: url(../img/cmn/btn_store_arw.png);
	background-position: 95% 50%;
	background-repeat: no-repeat;
	background-size: 10px auto;
	color: #003280;
	font-weight: bold;
	line-height: 1.1;
	cursor: pointer;
	text-align: center;
	line-height: 1.1;
	-webkit-appearance: none;
}
body.products .main_visual .wrap.off select {
	border-color: #CCCCCC;
	background-image: url(../img/cmn/btn_store_arw_off.png);
	color: #CCCCCC;
	cursor: default;
}
body.products .main_visual .wrap input,
body.products .main_visual .storelink .store a {
	display: block;
	width: 75%;
	margin: 25px auto 0;
}
body.products .main_visual .storelink .store a {
	box-sizing: border-box;
}
body.products .main_visual .wrap .note {
	display: block;
	width: 77%;
	margin: 20px 12.5% 0;
	padding: 0 0 20px;
}
body.products .main_visual .wrap select,
body.products .main_visual .wrap select option {
	font-size: 1.3rem;
}
body.products .main_visual .wrap select.alert {
	color: #FF0000;
	border-color: #FF0000;
	background-image: url(../img/cmn/btn_store_arw_alert.png);
}
body.products .main_visual .wrap select option.alert {
	color: #FF0000;
}


/* -------------------------------------------------------------------
 *  Product original_jelly
 */

/*
body.original_jelly .main_visual .wrap {
	padding: 10.63% 8.44% 5.31%
}
*/
body.original_jelly .main_visual .catch {
	width: 100%;
	padding: 10.63% 0 0;
}
body.original_jelly .main_visual .paragraph01 {
	display: table;
	margin: 1.56% auto 0;
	padding: 1.19% 2.63% 0.88%;
	background: #FFFFFF;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1.1;
	text-align: center;
}
body.original_jelly .main_visual .wrap p.paragraph02 {
	clear: both;
	padding: 2.19% 0 0;
	font-size: 1.2rem;
	line-height: 1.1;
	text-align: center;
}
body.original_jelly .main_visual .wrap select option {
	font-size: 108%;
}
body.original_jelly .main_visual .wrap input {
	margin-top: 10px;
}
body.original_jelly .unit01 .title {
	text-align: center;
	font-size: 2rem;
	line-height: 1.1;
}
body.original_jelly .unit01 .image {
	width: 86.88%;
	margin: 0 auto;
	padding: 5% 0 0;
}
body.original_jelly .unit01 .image img {
	width: 100%;
}
body.original_jelly .unit01 .text {
	width: 89.34%;
	margin: 0 auto;
	padding: 4% 0 11.56%;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1.4;
}
body.original_jelly .unit02 .title {
	text-align: center;
	font-size: 2rem;
	line-height: 1.1;
}
body.original_jelly .unit02 .catch {
	margin: 2.19% 0 0;
	color: #B4B4B4;
	text-align: center;
	font-size: 1.4rem;
	line-height: 1.5;
}
body.original_jelly .unit02 .image {
	width: 38.44%;
	margin: 4.69% auto 0;
}
body.original_jelly .unit02 .image img {
	width: 100%;
}
body.original_jelly .unit02 .howto ul {
	margin: 0 18.75% 0 24.38%;
}
body.original_jelly .unit02 .howto ul li {
	padding: 0 0 0 1em;
	text-indent: -1em;
	font-weight: bold;
}
body.original_jelly .unit03,
body.original_jelly .unit04 {
	margin: 10% 0 0;
}
body.original_jelly .unit03 .title {
	text-align: center;
	font-size: 2rem;
	line-height: 1.1;
}
body.original_jelly .unit03 .image {
	padding: 3% 0 0;
}
body.original_jelly .unit03 .image img {
	width: 100%;
}
body.original_jelly .unit03 .text {
	padding: 5.62% 5% 10%;
	color: #808080;
	font-size: 1.3rem;
	line-height: 1.7;
}
body.original_jelly .unit03 .text .gram {
	color: #003280;
	font-weight: bold;
}
body.original_jelly .unit04 .title {
	text-align: center;
	font-size: 2rem;
	line-height: 1.1;
}
body.original_jelly .unit04 .catch {
	margin: 2.19% 0 0;
	color: #B4B4B4;
	text-align: center;
	font-size: 1.4rem;
	line-height: 1.5;
}
body.original_jelly .unit04 .more {
	display: table;
	width: 92.2%;
	margin: 0 3.90%;
}
body.original_jelly .unit04 .more li {
	display: table-row;
}
body.original_jelly .unit04 .more li:after {
	content: "";
	display: block;
	clear: both;
}
body.original_jelly .unit04 .more .image {
	display: table-cell;
	width: 37.81%;
	border-top: 2px solid #F2F2F2;
	padding: 1.69% 0;
}
body.original_jelly .unit04 .more .image img {
	width: 100%;
}
body.original_jelly .unit04 .more .text {
	display: table-cell;
	border-top: 2px solid #F2F2F2;
	padding: 1.69% 0 1.69% 4.2%;
	vertical-align: middle;
	font-size: 1.4rem;
	font-weight: bold;
}
body.original_jelly .unit04 .more li:first-child .image,
body.original_jelly .unit04 .more li:first-child .text {
	border-top: 0;
}


/* -------------------------------------------------------------------
 *  Product advanced_repair_lotion
 */

body.advanced_repair_lotion .main_visual .wrap {
	padding: 3.43% 0 0;
}
body.advanced_repair_lotion .main_visual .catch {
	width: 100%;
	margin: 5% 0 0;
}
body.products.advanced_repair_lotion .main_visual h1 {
	margin: -10% 12.5% 0;
}
body.advanced_repair_lotion .main_visual .copy {
	padding: 2.19% 12.5% 2%;
	background: transparent;
	font-size: 1.3rem;
	font-weight: bold;
	line-height: 1.2;
	text-align: left;
}
body.advanced_repair_lotion .main_visual > ul {
	width: 54.68%;
	margin: 8.75% auto 0;
}
body.advanced_repair_lotion .main_visual > ul li {
	margin: 1.88% 0 0;
	padding: 1% 2.5% 1% 5%;
	background: #FFFFFF;
	text-align: center;
	font-size: 1.4rem;
	font-weight: bold;
}
body.advanced_repair_lotion .main_visual .amount {
	margin: 1.88% 12.5% 0;
	font-size: 1.3rem;
}
body.advanced_repair_lotion .unit01 {
	border-top: 1px solid #DDDDDD;
	padding: 13% 0 10%;
}
body.advanced_repair_lotion .main_visual + .detail .unit01 {
	border-top: 0;
	padding-top: 9.5%;
}
body.advanced_repair_lotion .unit01 .title {
	margin: 0 8.2%;
	font-size: 2.3rem;
	letter-spacing: -.01em;
	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: top;
}
body.advanced_repair_lotion .unit01 .image {
	margin: 3% 7.2% 0;
}
body.advanced_repair_lotion .unit01.no1 .image {
	width: 82.88%;
	margin-right: auto;
	margin-left: auto;
}
body.advanced_repair_lotion .unit01.commitment .image {
	margin: 4% 8.8% 0 12.7%;
}
body.advanced_repair_lotion .unit01 .image img {
	width: 100%;
}
body.advanced_repair_lotion .unit01 .text {
	padding: 3.4% 7.2% 0;
	font-size: 1.5rem;
	letter-spacing: -.03em;
	line-height: 1.35;
}
body.advanced_repair_lotion .unit01.commitment .text {
	font-size: 1.6rem;
	font-weight: bold;
	letter-spacing: .03em;
	line-height: 1.7;
	text-align: center;
}
body.advanced_repair_lotion .unit01 .text .sup {
	margin: 0 .3em;
	font-size: 50%;
	vertical-align: top;
}
body.advanced_repair_lotion .unit01 .note {
	padding: 6% 7.2% 5%;
	font-size: 1.1rem;
}


/* -------------------------------------------------------------------
 *  Product advanced_repair_cream
 */

body.advanced_repair_cream .main_visual h1 {
	margin-top: 1em;
}
body.advanced_repair_cream .main_visual .wrap {
	padding: 23.75% 0 0;
}
body.advanced_repair_cream .main_visual .catch {
	width: 100%;
}
body.advanced_repair_cream .main_visual ul {
	width: 54.68%;
	margin: 8.75% auto 0;
}
body.advanced_repair_cream .main_visual ul li {
	margin: 1.88% 0 0;
	padding: 1% 2.5% 1% 5%;
	background: #FFFFFF;
	text-align: center;
	font-size: 1.4rem;
	font-weight: bold;
}
body.advanced_repair_cream .main_visual .amount {
	margin: 1.88% 0 0;
	text-align: center;
	font-size: 1.5rem;
}
body.advanced_repair_cream .unit01 .title {
	text-align: center;
	font-size: 2.5rem;
	line-height: 1.4;
}
body.advanced_repair_cream .unit01 .title .smallstar {
	font-size: 50%;
	vertical-align: super;
}
body.advanced_repair_cream .unit01 .image {
	margin: 7.81% 0 0;
}
body.advanced_repair_cream .unit01 .image img {
	width: 100%;
}
body.advanced_repair_cream .unit01 .text {
	padding: 8.12% 6.72% 0;
	font-size: 1.4rem;
	line-height: 1.7;
}
body.advanced_repair_cream .unit01 .note {
	padding: 2.12% 6.72% 5%;
	font-size: 1.1rem;
}
body.advanced_repair_cream .unit01 .image .note {
	display: block;
	margin: -2% 16% 0;
	padding: 0;
	text-align: right;
}


/* -------------------------------------------------------------------
 *  Product extra_smooth_lotion
 */

body.extra_smooth_lotion .main_visual .wrap {
	padding: 3.43% 0 0;
}
body.extra_smooth_lotion .main_visual .catch {
	width: 100%;
}
body.extra_smooth_lotion .main_visual ul {
	width: 54.68%;
	margin: 8.75% auto 0;
}
body.extra_smooth_lotion .main_visual ul li {
	margin: 1.88% 0 0;
	padding: 1% 2.5% 1% 5%;
	background: #FFFFFF;
	text-align: center;
	font-size: 1.4rem;
	font-weight: bold;
}
body.extra_smooth_lotion .main_visual .amount {
	margin: 1.88% 0 0;
	text-align: center;
	font-size: 1.5rem;
}
body.extra_smooth_lotion .unit01 .title {
	padding-right: 12.5%;
	padding-left: 12.5%;
	padding-bottom: 5.54%;
	text-align: left;
	font-size: 2rem;
	line-height: 1.4;
}
body.extra_smooth_lotion .unit .image img,
body.extra_smooth_lotion .unit .title img {
	width: 100%;
}
body.extra_smooth_lotion .unit01 .text {
	padding: 3% 4.69% 6%;
	font-size: 1.4rem;
	line-height: 1.5;
}
body.extra_smooth_lotion .unit02 {
	border-top: 0;
	padding: 0;
}
body.extra_smooth_lotion .unit02 .title {
	padding: 6.25% 0 4.69%;
	background: #F2F2F2;
}
body.extra_smooth_lotion .unit02 .text {
	padding: 3% 4.69% 6%;
	font-size: 1.35rem;
	line-height: 1.5;
}
body.extra_smooth_lotion .unit03 .title {
	text-align: center;
	font-size: 2rem;
	line-height: 1.4;
}
body.extra_smooth_lotion .unit03 .voice {
	margin: 7.34% 0;
}
body.extra_smooth_lotion .unit03 .voice:after {
	content: "";
	display: table;
	clear: both;
}
body.extra_smooth_lotion .unit03 .voice li {
	box-sizing: border-box;
	float: left;
	width: 39.06%;
	margin: 0 0 0 7.19%;
	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;
	background-size: 100% auto, 100% auto;
}
body.extra_smooth_lotion .unit03 .voice li.list01 {
	padding: 26.88% 0 2.5%;
	text-align: center;
	background-image: url(../img/products/extra_smooth_lotion/index_p_04_01.png), url(../img/products/extra_smooth_lotion/index_bg_01.png);
}
body.extra_smooth_lotion .unit03 .voice li.list02 {
	padding: 26.88% 0 2.5%;
	text-align: center;
	background-image: url(../img/products/extra_smooth_lotion/index_p_04_02.png), url(../img/products/extra_smooth_lotion/index_bg_01.png);
}



/* -------------------------------------------------------------------
 *  Product hand_finger
 */

body.hand_finger .main_visual .wrap {
	padding: 6.88% 0 0;
}
body.hand_finger .main_visual .wrap h1 {
	margin: 0 auto 4%;
	padding: 0;
}
body.hand_finger .main_visual .wrap h1 .sub {
	font-size: 80%;
}
body.hand_finger .main_visual .wrap p.paragraph01,
body.hand_finger .main_visual .wrap p.paragraph02 {
	width: 76%;
	margin: 0 auto 0;
	padding: 0;
	background: transparent;
	text-align: left;
	font-size: 1.4rem;
	font-weight: normal;
	line-height: 1.6;
}
body.hand_finger .unit01 .title {
	text-align: center;
	font-size: 2.0rem;
	line-height: 1.4;
}
body.hand_finger .unit .image {
	width: 38.75%;
	margin: 5.62% auto 0;
}
body.hand_finger .unit .image img {
	width: 100%;
}
body.hand_finger .unit01 .text {
	padding: 3% 6.56% 6%;
	font-size: 1.4rem;
	line-height: 1.5;
}


/* -------------------------------------------------------------------
 *  Product hand_nail
 */

body.hand_nail .main_visual .wrap {
	padding: 7.5% 0 0;
}
body.hand_nail .main_visual .wrap h1 {
	margin: 0 auto 4%;
	padding: 0;
}
body.hand_nail .main_visual .wrap p.paragraph01,
body.hand_nail .main_visual .wrap p.paragraph02 {
	width: 75%;
	margin: 0 auto 0;
	padding: 0;
	background: transparent;
	text-align: left;
	font-size: 1.4rem;
	font-weight: normal;
	line-height: 1.6;
}
body.hand_nail .unit01 .title {
	text-align: center;
	font-size: 2rem;
	line-height: 1.4;
}
body.hand_nail .unit .image {
	width: 38.75%;
	margin: 5.62% auto 0;
}
body.hand_nail .unit .image img {
	width: 100%;
}
body.hand_nail .unit01 .text {
	padding: 3% 6.56% 6%;
	font-size: 1.4rem;
	line-height: 1.5;
}


/* -------------------------------------------------------------------
 *  Product jelly lip
 */

body.jelly_lip .main_visual .wrap {
	position: relative;
	padding: 78.24% 0 0;
}
body.jelly_lip .main_visual .wrap .catch {
	position: absolute;
	width: 100%;
	top: 0;
	z-index: 0;
	padding: 9.68% 0 0;
}
body.jelly_lip .main_visual .wrap h1 {
	position: relative;
	display: table;
	margin: 0 auto 4%;
	padding: 0;
}
body.jelly_lip .main_visual .wrap p.paragraph01,
body.jelly_lip .main_visual .wrap p.paragraph02 {
	width: 75%;
	margin: 0 auto 0;
	padding: 0;
	background: transparent;
	text-align: left;
	font-size: 1.4rem;
	font-weight: normal;
	line-height: 1.6;
}
body.jelly_lip .unit01 .title {
	text-align: center;
	font-size: 2rem;
	line-height: 1.4;
}
body.jelly_lip .unit .image {
	width: 38.75%;
	margin: 5.62% auto 0;
}
body.jelly_lip .unit .image img {
	width: 100%;
}
body.jelly_lip .unit01 .text {
	padding: 3% 6.56% 6%;
	font-size: 1.4rem;
	line-height: 1.5;
}


/* -------------------------------------------------------------------
 *  2015/08 add
 *  Product lip_original, lip_rosy
 * 
 *  2016/08 add
 *  Product lip_cremebrulee
 */

body.lip_original .main_visual .wrap,
body.lip_rosy .main_visual .wrap,
body.lip_cremebrulee .main_visual .wrap {
	position: relative;
	padding: 66.75% 0 0;
}
body.lip_moistshine_original .main_visual .wrap,
body.lip_moistshine_rosepink .main_visual .wrap,
body.lip_moistshine_cocoa .main_visual .wrap {
	position: relative;
	padding: 62.75% 0 0;
}
body.lip_original .main_visual .catch,
body.lip_rosy .main_visual .catch {
	position: absolute;
	width: 100%;
	top: 0;
	z-index: 0;
	padding: 6.34% 0 0;
}
body.lip_cremebrulee .main_visual .catch,
body.lip_moistshine_original .main_visual .catch,
body.lip_moistshine_rosepink .main_visual .catch,
body.lip_moistshine_cocoa .main_visual .catch {
	position: absolute;
	width: 100%;
	top: 0;
	z-index: 0;
	padding: 12.34% 0 0;
}
body.lip_original .main_visual h1,
body.lip_rosy .main_visual h1 {
	position: relative;
	z-index: 1;
	margin: 10% 24% 0;
	font-size: 2.3rem;
	line-height: 1.2;
	letter-spacing: -0.05em;
}
body.lip_cremebrulee .main_visual h1,
body.lip_moistshine_original .main_visual h1,
body.lip_moistshine_rosepink .main_visual h1,
body.lip_moistshine_cocoa .main_visual h1 {
	position: relative;
	z-index: 1;
	margin: 0 19%;
	font-size: 2.3rem;
	line-height: 1.2;
	letter-spacing: -0.05em;
}
body.lip_original .main_visual .wrap p.paragraph01,
body.lip_rosy .main_visual .wrap p.paragraph01,
body.lip_cremebrulee .main_visual .wrap p.paragraph01,
body.lip_moistshine_original .main_visual .wrap p.paragraph01,
body.lip_moistshine_rosepink .main_visual .wrap p.paragraph01,
body.lip_moistshine_cocoa .main_visual .wrap p.paragraph01 {
	clear: both;
	padding: 2.19% 19% 0;
	background: transparent;
	font-size: 1.3rem;
	font-weight: normal;
	line-height: 1.2;
	text-align: left;
}
body.lip_original .main_visual .paragraph01_1,
body.lip_rosy .main_visual .paragraph01_1,
body.lip_cremebrulee .main_visual .paragraph01_1,
body.lip_moistshine_original .main_visual .paragraph01_1,
body.lip_moistshine_rosepink .main_visual .paragraph01_1,
body.lip_moistshine_cocoa .main_visual .paragraph01_1 {
	display: table;
	width: 62%;
	margin: 1.56% 19% 0;
	padding: 1.19% 2.63% 0.88%;
	background: #FFFFFF;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1.1;
	text-align: center;
}
body.lip_original .main_visual .wrap p.paragraph02,
body.lip_rosy .main_visual .wrap p.paragraph02,
body.lip_cremebrulee .main_visual .wrap p.paragraph02,
body.lip_moistshine_original .main_visual .paragraph02,
body.lip_moistshine_rosepink .main_visual .paragraph02,
body.lip_moistshine_cocoa .main_visual .paragraph02 {
	clear: both;
	padding: 2.19% 19% 0;
	font-size: 1.1rem;
	line-height: 1.1;
	text-align: left;
}
body.lip_original .main_visual .wrap select option,
body.lip_rosy .main_visual .wrap select option,
body.lip_cremebrulee .main_visual .wrap select option,
body.lip_moistshine_original .main_visual .wrap select option,
body.lip_moistshine_rosepink .main_visual .wrap select option,
body.lip_moistshine_cocoa .main_visual .wrap select option {
	font-size: 108%;
}
body.lip_original .main_visual .wrap input,
body.lip_rosy .main_visual .wrap input,
body.lip_cremebrulee .main_visual .wrap input,
body.lip_moistshine_original .main_visual .wrap input,
body.lip_moistshine_rosepink .main_visual .wrap input,
body.lip_moistshine_cocoa .main_visual .wrap input {
	margin-top: 5%;
}
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 {
	text-align: center;
	font-size: 2rem;
	line-height: 1.1;
}
body.lip_original .unit01 .image,
body.lip_rosy .unit01 .image,
body.lip_cremebrulee .unit01 .image,
body.lip_moistshine_original .unit01 .image,
body.lip_moistshine_rosepink .unit01 .image,
body.lip_moistshine_cocoa .unit01 .image {
	width: 86.88%;
	margin: 0 auto;
	padding: 5% 0 0;
}
body.lip_original .unit01 .image img,
body.lip_rosy .unit01 .image img,
body.lip_cremebrulee .unit01 .image img,
body.lip_moistshine_original .unit01 .image img,
body.lip_moistshine_rosepink .unit01 .image img,
body.lip_moistshine_cocoa .unit01 .image img {
	width: 100%;
}
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 {
	width: 89.34%;
	margin: 0 auto;
	padding: 4% 0 11.56%;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1.4;
}
body.lip_moistshine_original .unit01 .text,
body.lip_moistshine_rosepink .unit01 .text,
body.lip_moistshine_cocoa .unit01 .text {
	font-weight: normal;
	text-align: center;
}
body.lip_moistshine_original .unit01 .text strong,
body.lip_moistshine_rosepink .unit01 .text strong,
body.lip_moistshine_cocoa .unit01 .text strong {
	display: table;
	margin: .5em auto;
	font-weight: bold;
	text-align: left;
}

/* -------------------------------------------------------------------
 *  Product deeply_enriched_lotion
 */

body.deeply_enriched_lotion_lavender .main_visual .wrap,
body.deeply_enriched_lotion_lemon .main_visual .wrap {
	padding: 7.5% 0 0;
}
body.deeply_enriched_lotion_lavender .main_visual .wrap h1,
body.deeply_enriched_lotion_lemon .main_visual .wrap {
	margin: 0 auto 4%;
	padding: 0;
}
body.deeply_enriched_lotion_lavender .main_visual .wrap p.paragraph01,
body.deeply_enriched_lotion_lavender .main_visual .wrap p.paragraph02,
body.deeply_enriched_lotion_lemon .main_visual .wrap p.paragraph01,
body.deeply_enriched_lotion_lemon .main_visual .wrap p.paragraph02 {
	width: 75%;
	margin: 0 auto 0;
	padding: 0;
	background: transparent;
	text-align: left;
	font-size: 1.4rem;
	font-weight: normal;
	line-height: 1.6;
}
body.deeply_enriched_lotion_lavender .unit01 .title,
body.deeply_enriched_lotion_lemon .unit01 .title {
	text-align: center;
	font-size: 2rem;
	line-height: 1.4;
}
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: 3% 6.56% 6%;
	font-size: 1.4rem;
	line-height: 1.5;
}
body.deeply_enriched_lotion_lavender .unit01 .note,
body.deeply_enriched_lotion_lemon .unit01 .note {
	padding: 2.12% 6.72% 5%;
	font-size: 1.1rem;
}

/* -------------------------------------------------------------------
 *  Product medicated_bodylotion_*
 */
body.medicated_bodylotion_moisture .main_visual .catch,
body.medicated_bodylotion_skin .main_visual .catch {
	width: 70.5%;
	margin: 0 0 0 8%;
	padding: 5.9% 0 0;
}
body.medicated_bodylotion_moisture .main_visual h1,
body.medicated_bodylotion_skin .main_visual h1 {
	margin-top: -7vw;
	text-align: center;
}
body.medicated_bodylotion_moisture .main_visual .amount,
body.medicated_bodylotion_skin .main_visual .amount {
	margin-top: 1em;
	text-align: center;
}
body.medicated_bodylotion_moisture .unit01,
body.medicated_bodylotion_skin .unit01 {
	padding-bottom: 12vw;
	border-bottom: 2px solid #003280;
}
	body.medicated_bodylotion_moisture .detail_2 .unit01 {
	}
	body.medicated_bodylotion_skin .detail_2 .unit01 {
	}
	body.medicated_bodylotion_moisture .detail_3 .unit01,
	body.medicated_bodylotion_skin .detail_3 .unit01 {
	}
body.medicated_bodylotion_moisture .unit01 .title,
body.medicated_bodylotion_skin .unit01 .title {
	width: 75%;
	margin: 6.5vw auto 0;
	font-size: 2rem;
}
	body.medicated_bodylotion_moisture .detail_1 .unit01 .title,
	body.medicated_bodylotion_skin .detail_1 .unit01 .title {
	}
	body.medicated_bodylotion_moisture .detail_2 .unit01 .title,
	body.medicated_bodylotion_skin .detail_2 .unit01 .title {
		text-align: center;
	}
	body.medicated_bodylotion_skin .detail_2 .unit01 .title {
	}
	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 {
	width: 83.5%;
	margin: 6.5vw auto 0;
	font-size: 1.3rem;
	font-weight: 700;
	line-height: 1.6;
}
	body.medicated_bodylotion_skin .detail_2 .unit01 .text {
	}
body.medicated_bodylotion_moisture .unit01.size .text strong,
body.medicated_bodylotion_skin .unit01 .text strong {
}
body.medicated_bodylotion_moisture .unit01 .note,
body.medicated_bodylotion_skin .unit01 .note {
	width: 84%;
	margin: 3vw auto 0;
	font-size: 1rem;
}
body.medicated_bodylotion_moisture .detail_1 .unit01 .image,
body.medicated_bodylotion_skin .detail_1 .unit01 .image {
	width: 84%;
	margin: 4vw auto 0;
}
body.medicated_bodylotion_moisture .detail_2 .unit01 .image,
body.medicated_bodylotion_skin .detail_2 .unit01 .image {
	width: 93.5%;
	margin: 4.3% 0 0 2.2%;
}
	body.medicated_bodylotion_skin .detail_2 .unit01 .image {
	}
body.medicated_bodylotion_moisture .detail_3 .unit01 .image {
	width: 89.4%;
	margin: 8.4vw 0 0 5.5vw;
}
body.medicated_bodylotion_skin .detail_3 .unit01 .image {
	width: 89vw;
	margin: 8.7vw 0 0 6vw;
}
body.medicated_bodylotion_skin .detail_2 .unit01 .image a {
	position: relative;
	display: block;
	pointer-events: none;
	cursor: default;
}
body.medicated_bodylotion_skin .detail_2 .unit01 .image a:after {
	content: "";
	display: block;
	display: none;
	position: absolute;
	width: 11.23vw;
	height: 11.23vw;
	left: 2.5vw;
	bottom: -2.5vw;
	background: url(../img/cmn/icn_zoom_01.svg) 0 0/contain no-repeat;
}
body.medicated_bodylotion_moisture .unit01 .image img,
body.medicated_bodylotion_skin .unit01 .image img {
	width: 100%;
}


/* -------------------------------------------------------------------
 *  Product repair_cream_nightcare
 */

 body.repair_cream_nightcare .main_visual .wrap {
	padding: 3.43% 0 0;
}
body.repair_cream_nightcare .main_visual .catch {
	width: 100%;
	margin: 5% 0 0;
}
body.products.repair_cream_nightcare .main_visual h1 {
	margin: -10% 12.5% 0;
}
body.repair_cream_nightcare .main_visual .copy {
	padding: 2.19% 12.5% 2%;
	background: transparent;
	font-size: 1.3rem;
	font-weight: bold;
	line-height: 1.2;
	text-align: left;
}
body.repair_cream_nightcare .main_visual > ul {
	width: 54.68%;
	margin: 8.75% auto 0;
}
body.repair_cream_nightcare .main_visual > ul li {
	margin: 1.88% 0 0;
	padding: 1% 2.5% 1% 5%;
	background: #FFFFFF;
	text-align: center;
	font-size: 1.4rem;
	font-weight: bold;
}
body.repair_cream_nightcare .main_visual .amount {
	margin: 1.88% 12.5% 0;
	font-size: 1.3rem;
}
body.repair_cream_nightcare .unit01 {
	border-top: 1px solid #DDDDDD;
	padding: 13% 0 10%;
}
body.repair_cream_nightcare .main_visual + .detail .unit01 {
	border-top: 0;
	padding-top: 9.5%;
}
body.repair_cream_nightcare .unit01 .title {
	margin: 0 8.2%;
	font-size: 2.3rem;
	letter-spacing: -.01em;
	line-height: 1.2;
	text-align: center;
}
body.repair_cream_nightcare .main_visual + .detail .unit01 .title {
	display: table;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}
body.repair_cream_nightcare .unit01 .title .sup {
	margin: 0 .3em;
	font-size: 50%;
	vertical-align: top;
}
body.repair_cream_nightcare .unit01 .image {
	margin: 3% 7.2% 0;
}
body.repair_cream_nightcare .unit01.no1 .image {
	width: 82.88%;
	margin-right: auto;
	margin-left: auto;
}
body.repair_cream_nightcare .unit01.commitment .image {
	margin: 3% 4.5% 0 6.3%;
}
body.repair_cream_nightcare .unit01 .image img {
	width: 100%;
}
body.repair_cream_nightcare .unit01 .text {
	padding: 3.4% 7.2% 0;
	font-size: 1.5rem;
	letter-spacing: -.03em;
	line-height: 1.35;
}
body.repair_cream_nightcare .unit01.commitment .text {
	font-size: 1.6rem;
	font-weight: bold;
	letter-spacing: .03em;
	line-height: 1.7;
	text-align: center;
}
body.repair_cream_nightcare .unit01 .text .sup {
	margin: 0 .3em;
	font-size: 50%;
	vertical-align: top;
}
body.repair_cream_nightcare .unit01 .note {
	padding: 6% 7.2% 5%;
	font-size: 1.1rem;
}



/* -------------------------------------------------------------------
 *  Store
 */

body.store .products .title {
	padding: 6.25% 0 1.56%;
	background: #F2F2F2;
	color: #003280;
	text-align: center;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1.1;
}
body.store .products .summary {
	padding: 3.25% 0%;
	color: #003280;
	text-align: center;
	font-size: 1.1rem;
	line-height: 1.1;
}
body.store .note,
body.vhp .unit06 .note {
	padding: 0 10.63%;
	color: #666666;
	font-size: 1rem;
	line-height: 1.4;
}
body.store .note2 {
	border-top: 1px solid #003280;
	padding-top: 5.31%;
	padding-bottom: 6.45%;
}
body.store .products ul {
}
body.store .products > ul > li,
body.vhp .products ul li {
	border-top: 1px solid #003280;
	padding: 7.97% 5.94% 6.09% 2.34%;
}
body.store .products > ul > li:first-child,
body.vhp .products ul li:first-child {
	border-top: 0;
}
body.store .products > ul > li:after,
body.vhp .products ul li:after {
	content: "";
	display: table;
	clear: both;
}
body.store .products ul li .image,
body.vhp .products ul li .image {
	float: left;
	width: 37.48%;
	margin: 0 2.79% 0 0;
}
body.store .products ul li.advanced_repair_lotion.pump .image {
	margin-top: -4%;
}
body.store .products ul li.medicated_bodylotion_moisture .image,
body.store .products ul li.medicated_bodylotion_skin .image {
	padding: 0 9% 0 0;
}
body.store .products ul li .image img,
body.vhp .products ul li .image img {
	width: 100%;
	display: block;
}
body.store .products ul li .textbox,
body.vhp .products ul li .textbox {
	float: left;
	width: 58%;
}
body.store .products ul li .textbox h3,
body.vhp .products ul li .textbox h3 {
	padding: 4% 0 4%;
	color: #003280;
	font-size: 1.5rem;
	font-weight: bold;
	line-height: 1.4;
}
body.store .products ul li.deeply_enriched_lotion_lavender .textbox h3 {
	letter-spacing: -.05em;
}
body.store .products ul li .buttons,
body.vhp .products ul li .buttons {
	clear: both;
}
body.store .products ul li .buttons:after,
body.vhp .products ul li .buttons:after {
	content: "";
	display: table;
	clear: both;
}
body.store .products > ul > li .buttons > a {
	display: block;
	float: left;
	width: 46%;
	height: 1em;
	margin: 0 0 0 3.59%;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	-ms-border-radius: 12px;
	-o-border-radius: 12px;
	border-radius: 12px;
	border: 1px solid #F2F2F2;
	padding: 4.21% 0;
	background: #F2F2F2 url(../img/store/index_arw_01.png) 14px 50% no-repeat;
	background-size: auto 70%;
	color: #003280;
	vertical-align: middle;
	text-align: center;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1.1;
}
body.store .products ul li .buttons input,
body.vhp .products ul li .buttons input,
body.store .products .storelink .store a {
	box-sizing: content-box;
	display: block;
	float: left;
	width: 46%;
	height: 1em;
	margin: 0 0 0 2.81%;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	-ms-border-radius: 12px;
	-o-border-radius: 12px;
	border-radius: 12px;
	border: 1px solid #2A5392;
	padding: 4.21% 0;
	background: #FFFFFF url(../img/store/index_arw_02.png) 14px 50% no-repeat;
	background-size: auto 70%;
	color: #003280;
	vertical-align: middle;
	text-align: center;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1.1;
	-webkit-appearance: none;
	appearance: none;
}
	body.store .products .storelink {
		float: left;
		width: 46%;
		margin: 0 0 0 3.59%;
	}
	body.store .products .storelink .store a {
		float: none;
		width: 100%;
		margin: 0;
		padding-top: calc(4.21% / .46);
		padding-bottom: calc(4.21% / .46);
	}


/* -------------------------------------------------------------------
 * Terms
 * Policy
 * Landing Page
 */

body.terms .title,
body.policy .title,
body.lp .title {
	padding: 6.25% 0 1.56%;
	background: #F2F2F2;
	color: #003280;
	text-align: center;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1.1;
}
body.terms .terms,
body.policy .policy,
body.lp .lp {
	padding: 5% 4.38% 5%;
	color: #666666;
	font-size: 1.6rem;
	line-height: 1.7;
}
body.terms .terms h2,
body.policy .policy h2 {
	margin: 2.5em 0 0;
	color: #003280;
	font-weight: bold;
}
body.lp .lp h2 {
	margin: 2.5em 0 0;
	color: #003280;
	font-size: 120%;
	font-weight: bold;
}
body.lp .lp .kv + h2 {
	margin-top: 1.5em;
}
body.lp .lp h3 {
	margin: 1.5em 0 0;
	color: #003280;
	font-size: 110%;
	font-weight: bold;
}
body.lp .lp h4 {
	margin: 1.5em 0 0;
	color: #003280;
	font-weight: bold;
}
body.lp .lp .kv {
	margin: 1.5em 0 0;
}
body.lp .lp img {
	width: 100%;
}
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 .logo {
	display: block;
	float: none;
	position: absolute;
	width: 21.56%;
	top: 0;
	right: 0;
	z-index: 4;
	margin: 4.06% 2.03%;
}
body.deco .header .logo img {
	width: 100%;
}
body.deco .header .menu a {
	position: absolute;
	display: block;
	width: 11.72%;
	height: 0;
	top: 0;
	left: 0;
	z-index: 10;
	overflow: hidden;
	margin: 2.81% 0 0 2.66%;
	border-width: 0;
	padding: 11.72% 0 0;
	background: url(../img/deco/icn_menu_bk.png) 0 0 no-repeat;
	background-size: cover;
}
body.deco.fixedmenu .header .menu a {
	position: fixed;
	background-image: url(../img/deco/icn_menu_circle.png);
}
body.deco .header .mv p {
	display: none;
}
body.deco .header .mv ul {
	position: relative;
	width: 100%;
	padding: 168.13% 0 0;
}
body.deco .header .mv ul li {
	position: absolute;
	width: 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.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.mv05:not(.fixedmenu) .header .menu a,
body.deco.mv06:not(.fixedmenu) .header .menu a {
	background-image: url(../img/deco/icn_menu_wh.png);
}
body.deco .header .mv ul li img {
	width: 100%;
}
body.deco .contents {
	padding: 5.94% 0 0;
}
body.deco .contents > .date {
	width: 92.19%;
	margin: 0 auto;
	border-radius: .4rem;
	padding: 2%;
	background: #000000;
	color: #FFFFFF;
	font-size: 1.6rem;
	font-weight: bold;
	text-align: center;
}
body.deco .contents > .date .num {
}
body.deco .contents > .date .sm {
	font-size: 1.2rem;
}
body.deco .contents > .date .md {
	font-size: 1.4rem;
}
body.deco .contents > .date.close {
	font-size: 1.4rem;
}
body.deco .contents .prize h2 {
	width: 78.125%;
	margin: 20.47% auto 6.41%;
}
body.deco .contents .prize h2 img {
	width: 100%;
}
body.deco .contents .prize .grandprix,
body.deco .contents .prize .secondprize,
body.deco .contents .prize .thirdprize {
	padding: 0 0 10.63%;
	background: #8ED1C5;
	color: #FFFFFF;
}
body.deco .contents .prize .grandprix {
	padding-top: 10.16%;
}
body.deco .contents .prize h3 {
	position: relative;
	padding: 22.66% 0 0;
}
body.deco .contents .prize h3 img {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
}
body.deco .contents .prize .grandprix h3 img {
	width: 82.81%;
}
body.deco .contents .prize .secondprize h3 img {
	width: 90.47%;
}
body.deco .contents .prize .thirdprize h3 img {
	width: 87.5%;
}
body.deco .contents .prize ul:after {
	content: "";
	display: table;
	clear: both;
}
body.deco .contents .prize ul li:nth-child(1) {
	width: 92.66%;
	margin: 0 auto 2.04%;
}
body.deco .contents .prize ul li:nth-child(2) {
	float: left;
	width: 45.31%;
	margin: 0 0 0 3.67%;
}
body.deco .contents .prize ul li:nth-child(3) {
	float: right;
	width: 45.31%;
	margin: 0 3.67% 0 0;
}
body.deco .contents .prize ul li img {
	width: 100%;
	vertical-align: middle;
}
body.deco .contents .prize ol {
	padding: 2.04% 3.67% 0;
}
body.deco .contents .prize ol li {
	padding: 0 0 0 1em;
	text-indent: -1em;
	font-size: 1.45rem;
	line-height: 1.4;
}
body.deco .contents .prize ol li:nth-child(1):before {
	content: "①";
}
body.deco .contents .prize ol li:nth-child(2):before {
	content: "②";
}
body.deco .contents .prize ol li:nth-child(3):before {
	content: "③";
}
body.deco .contents .prize ol li a {
	color: #FFFFFF;
	text-decoration: underline;
}
body.deco .contents .prize p.note {
	padding: 2.04% 3.67% 0;
	font-size: 1.1rem;
	line-height: 1.4;
}
body.deco .contents .howto {
	margin: 10% 0 0;
	padding: 0 0 10.63%;
	background: #9CECFE;
}
body.deco .contents .howto h2 {
	position: relative;
	padding: 20.94% 0 0;
	background: #FFFFFF;
}
body.deco .contents .howto h2 img {
	position: absolute;
	width: 83.44%;
	top: 0;
	left: 0;
}
body.deco .contents .howto .catch {
	padding: 8.59% 6.88% 3.91%;
	font-size: 1.4rem;
	line-height: 1.45;
}
body.deco .contents .howto .step > li:nth-child(1):after,
body.deco .contents .howto .step > li:nth-child(2):after {
	content: "";
	display: block;
	width: 9.06%;
	margin: 4.69% auto 5%;
	padding: 4.53% 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;
	margin: 0 3.59%;
	border: .6rem solid #FFCFE1;
	border-radius: 1.5rem;
	background: #FFFFFF;
}
body.deco .contents .howto .step li .wrap h3 {
	width: 20.32%;
	margin: 2.1% 1.93%;
}
body.deco .contents .howto .step li .wrap h3 img {
	width: 100%;
}
body.deco .contents .howto .step li:nth-child(1) .wrap .text {
	width: 57.79%;
	padding: 0 0 0 4.03%;
	color: #000000;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1.4;
}
body.deco .contents .howto .step li:nth-child(1) .wrap .fig {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	position: absolute;
	width: 33.63%;
	top: 0;
	right: 0;
	margin: 4.20% 4.55%;
	border: 1px solid #DDDDDD;
	border-radius: .8rem;
	padding: 2.28%;
}
body.deco .contents .howto .step li:nth-child(1) .wrap .fig img {
	width: 100%;
	vertical-align: middle;
}
body.deco .contents .howto .step li:nth-child(1) .wrap ul {
	padding: 5% 0 7%;
}
body.deco .contents .howto .step li:nth-child(1) .wrap ul li {
	margin: 2.85% 3.93% 0 2.23%;
}
body.deco .contents .howto .step li:nth-child(1) .wrap ul li a,
body.deco .contents .howto .step li:nth-child(1) .wrap ul li .anchorwrap {
	display: block;
	border-radius: 1.1rem;
	padding: 3.0% 4.2% 3.2% 18%;
	background-position: 4% 50%, 97% 50%;
	background-repeat: no-repeat;
	background-size: 10.97% auto, 3.9% auto;
	color: #FFFFFF;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1.3;
}
body.deco .contents .howto .step li:nth-child(1) .wrap ul li .anchorwrap {
	opacity: .25;
}
body.deco .contents .howto .step li:nth-child(1) .wrap ul li:nth-child(1) a,
body.deco .contents .howto .step li:nth-child(1) .wrap ul li:nth-child(1) .anchorwrap {
	background-color: #DC94F7;
	background-image: url(../img/deco/idx_icn_howto_instagram.png), url(../img/deco/idx_arw_howto_instagram.png);
}
body.deco .contents .howto .step li:nth-child(1) .wrap ul li:nth-child(2) a,
body.deco .contents .howto .step li:nth-child(1) .wrap ul li:nth-child(2) .anchorwrap {
	background-color: #00A0E9;
	background-image: url(../img/deco/idx_icn_howto_twitter.png), url(../img/deco/idx_arw_howto_twitter.png);
}
body.deco .contents .howto .step li:nth-child(2) .wrap h3,
body.deco .contents .howto .step li:nth-child(3) .wrap h3 {
	position: absolute;
	top: 0;
	left: 0;
}
body.deco .contents .howto .step li:nth-child(2) .wrap .fig {
	padding: 10.16% 0 0;
}
body.deco .contents .howto .step li:nth-child(2) .wrap .fig img {
	width: 100%;
}
body.deco .contents .howto .step li:nth-child(2) .wrap .text {
	padding: 4.38% 19.26% 0 23.82%;
	color: #000000;
	font-size: 1.45rem;
	font-weight: bold;
	line-height: 1.5;
}
body.deco .contents .howto .step li:nth-child(2) .wrap .note {
	padding: 3.38% 19.26% 5.88% 23.29%;
	color: #4D4D4D;
	font-size: 1rem;
	line-height: 1.4;
}
body.deco .contents .howto .step li:nth-child(3) .wrap .text {
	padding: 8.63% 16.81% 6.13% 32.92%;
	color: #000000;
	font-size: 1.45rem;
	font-weight: bold;
	line-height: 1.5;
}
body.deco .contents .howto .step li:nth-child(3) .wrap .fig {
	width: 77.06%;
	margin: 0 auto;
}
body.deco .contents .howto .step li:nth-child(3) .wrap .fig img {
	display: block;
	width: 100%;
}
body.deco .contents .howto .entry {
	margin: 0 0 3%;
}
body.deco .contents .howto .entry li {
	margin: 3.59% 3.59% 0;
}
body.deco .contents .howto .entry li a,
body.deco .contents .howto .entry li .anchorwrap {
	display: block;
	border: .6rem solid #FFFFFF;
	border-radius: .9rem;
	padding: 4.60% 4% 2.38% 20.37%;
	color: #000000;
	font-size: 1.9rem;
	font-weight: bold;
	line-height: 1.1;
}
body.deco .contents .howto .entry li .anchorwrap {
	opacity: .25;
}
body.deco .contents .howto .entry li a:before,
body.deco .contents .howto .entry li .anchorwrap:before {
	content: "";
	display: inline-block;
	width: 12.03%;
	margin: 0 4% 2.4% 0;
	padding: 12.03% 0 0;
	background: url(../img/deco/icn_instagram.png) 0 0 no-repeat;
	background-size: cover;
	vertical-align: middle;
}
body.deco .contents .howto .entry li:nth-child(2) a:before,
body.deco .contents .howto .entry li:nth-child(2) .anchorwrap:before {
	background-image: url(../img/deco/icn_twitter.png);
}
body.deco .contents .howto > .note {
	margin: 0 5.4%;
	color: #FFFFFF;
	font-size: 1.1rem;
	font-weight: bold;
	line-height: 1.6;
}
body.deco .contents .howto > .note a {
	color: #FFFFFF;
	text-decoration: underline;
}
body.deco .contents .profile {
	margin: 10% 0 0;
	padding: 0 0 10.63%;
	background: #FFEE95;
}
body.deco .contents .profile h2 {
	position: relative;
	padding: 20.94% 0 0;
	background: #FFFFFF;
}
body.deco .contents .profile h2 img {
	position: absolute;
	width: 89.06%;
	top: 0;
	left: 0;
}
body.deco .contents .profile ul li {
	margin: 0 3.59%;
}
body.deco .contents .profile ul li:nth-child(1) {
	margin-top: 13.75%;
}
body.deco .contents .profile ul li:nth-child(2) {
	margin-top: 11.88%;
}
body.deco .contents .profile ul li h3 {
	padding: 0 0 .6em;
	font-size: 1.65rem;
	font-weight: bold;
	line-height: 1.1;
}
body.deco .contents .profile ul li .image img {
	width: 100%;
}
body.deco .contents .profile ul li .text {
	padding: 1% 0 0;
	font-size: 1.35rem;
	line-height: 1.5;
}
body.deco .contents .userspost {
	margin: 10% 0 0;
	padding: 0 0 10.63%;
	background: #E1A9F7;
}
body.deco .contents .userspost h2 {
	position: relative;
	padding: 20.94% 0 0;
	background: #FFFFFF;
}
body.deco .contents .userspost h2 img {
	position: absolute;
	width: 88.59%;
	top: 0;
	left: 0;
}
body.deco .contents .userspost ul.posts {
	margin: 10% 0 0;
	padding: 2.19% 0;
	background: #FFCFE1;
}
body.deco .contents .userspost ul.posts:after {
	content: "";
	display: table;
	clear: both;
}
body.deco .contents .userspost ul.posts li {
	position: relative;
	float: left;
	width: 50%;
	height: 0;
	overflow: hidden;
	padding: 50% 0 0;
}
body.deco .contents .userspost ul.posts li img {
	display: block;
	position: absolute;
	width: 100%;
	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%);
}
body.deco .contents .userspost ul.posts li img.hrz {
	width: auto;
	height: 100%;
}
body.deco .contents .userspost h3 {
	width: 84.38%;
	margin: 8.28% auto 0.94%;
}
body.deco .contents .userspost h3 img {
	width: 100%;
}
body.deco .contents .userspost ul.more li {
	margin: 5% 3.59% 0;
}
body.deco .contents .userspost ul.more li a {
	display: block;
	border: .6rem solid #FFFFFF;
	border-radius: .9rem;
	padding: 4.60% 4% 2.38% 20.37%;
	background: #FFFFFF;
	color: #000000;
	font-size: 1.9rem;
	font-weight: bold;
	line-height: 1.1;
}
body.deco .contents .userspost ul.more li a:before {
	content: "";
	display: inline-block;
	width: 12.03%;
	margin: 0 4% 2.4% 0;
	padding: 12.03% 0 0;
	background: url(../img/deco/icn_instagram.png) 0 0 no-repeat;
	background-size: cover;
	vertical-align: middle;
}
body.deco .contents .userspost ul.more li:nth-child(2) a:before {
	background-image: url(../img/deco/icn_twitter.png);
}
body.deco .contents .lightbox {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 100;
	overflow: scroll;
	background: #FFFFFF;
}
body.deco .contents .lightbox .snsname {
	float: left;
	width: 50%;
	padding: 2.19% 0 2.19%;
	color: #000000;
	font-size: 1.4rem;
}
body.deco .contents .lightbox .snsname:before {
	content: "";
	display: inline-block;
	width: 17.5%;
	margin: 0 3.13%;
	padding: 16.56% 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: 6.09%;
	margin: 3.13% 2.5% 0 0;
	padding: 6.09% 0 0;
	background: url(../img/deco/idx_icn_lb_close.png) 0 0 no-repeat;
	background-size: cover;
}
body.deco .contents .lightbox .imagebox img {
	display: block;
	width: 100%;
}
body.deco .contents .lightbox .prof {
	padding: 6.25% 0 0;
}
body.deco .contents .lightbox .prof .image {
	display: inline-block;
	width: 14.69%;
	margin: 0 5% 0 4.38%;
	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: 1.2rem;
	font-weight: bold;
}
body.deco .contents .lightbox .comment {
	padding: 4.25% 4.38% 0;
	color: #000000;
	font-size: 1.2rem;
	line-height: 1.4;
}
body.deco .contents .lightbox .date {
	padding: 6.25% 4.38%;
	color: #808080;
	font-size: 1.2rem;
}
body.deco .contents .guideline {
	position: relative;
	margin: 10% 0 0;
	padding: 0 0 10.63%;
	background: #8ED1C5;
}
body.deco .contents .guideline h2 {
	position: relative;
	padding: 20.94% 0 0;
	background: #FFFFFF;
}
body.deco .contents .guideline h2 img {
	position: absolute;
	width: 83.44%;
	top: 0;
	left: 0;
}
body.deco .contents .guideline.closed p.closed {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 1;
	padding: 28.94% 0 0;
	color: #003280;
	text-align: center;
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 1.2;
}
body.deco .contents .guideline .wrap {
	padding: 5% 3.59%;
	color: #FFFFFF;
	font-size: 1.4rem;
	line-height: 1.5;
}
body.deco .contents .guideline.closed .wrap,
body.deco .contents .guideline.closed .wrap a {
	color: rgba(255,255,255,.5);
}
body.deco .contents .guideline.closed .wrap:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
}
body.deco .contents .guideline .wrap h3 {
	margin: 1.5em 0 0;
	font-weight: bold;
}
body.deco .contents .guideline .wrap h4 {
	font-weight: bold;
}
body.deco .contents .guideline .wrap a {
	color: #FFFFFF;
	text-decoration: underline;
}
body.deco .contents .guideline .wrap ul li {
	padding: 0 0 0 1em;
	text-indent: -1em;
}
body.deco .footer .totop a {
	padding: 3% 3.54%;
	background: none;
	color: #000000;
	text-align: right;
}
body.deco .footer .totop a:before {
	width: 5.04%;
	height: 0;
	margin: 0 1.5% 2% 0;
	padding: 4.37% 0 0;
	background: url(../img/deco/icn_arw_t1.png) 0 0 no-repeat;
	background-size: cover;
}
body.deco .footer .menu {
	margin: -3.5% 0 0;
	border-bottom: 1px solid #003280;
	padding: 0 0 10.63%;
}
body.deco .footer .menu h2 {
	position: relative;
	margin: 10.47% 0 0;
	border-top: 1px solid #003280;
	padding: 12.47% 0 0;
	background: #FFFFFF;
}
body.deco .footer .menu h2 img {
	position: absolute;
	width: 60%;
	top: 0;
	left: 0;
	margin: -10.47% 0 0;
}
body.deco .footer .menu ul {
}
body.deco .footer .menu ul li {
	border-top: 1px solid #FFCFE1;
	background: #FFEE95;
}
body.deco .footer .menu ul li:nth-child(1) {
	border-top-width: 0;
}
body.deco .footer .menu ul li a {
	display: block;
	padding: 6.72% 0 6.25%;
	color: #D16DF7;
	text-align: center;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.1;
}



/* -------------------------------------------------------------------
 *  Photo Contest
 */
body.photocon .header {
	position: relative;
	width: 100%;
	padding: 79.86667% 0 0;
	overflow: visible;
}
body.photocon .header .logo {
	display: block;
	float: none;
	position: absolute;
	width: 22.7%;
	top: 0;
	right: 0;
	z-index: 4;
	margin: 2% 1.5%;
}
body.photocon .header .logo img {
	width: 100%;
}
body.photocon .header .menu a {
	position: fixed;
	display: block;
	width: 14.92%;
	height: 0;
	top: 0;
	left: 0;
	z-index: 10;
	overflow: hidden;
	margin: 1.21% 0 0 1.66%;
	border-width: 0;
	padding: 14.92% 0 0;
	background: url(../img/photocon/icn_menu.png) 0 0 no-repeat;
	background-size: contain;
}
body.photocon .header .menu a.tch-active {
	opacity: 0;
}

body.photocon .header .mv {
	padding: 53.6% 0 0;
}
body.photocon .header .mv:before {
	content: "";
	display: block;
	position: fixed;
	width: 100%;
	height: 0;
	top: 0;
	left: 0;
	padding: 79.86667% 0 0;
	background: url(../img/photocon/idx_bg_01.jpg) 0 0 no-repeat;
	background-size: contain;
}
body.photocon .header .mv h1 {
	position: absolute;
	width: 100%;
	height: 0;
	top: 0;
	left: 0;
	z-index: 2;
	overflow: hidden;
	margin: 37.6% 0 0;
	padding: 86.93333% 0 0;
	background: url(../img/photocon/idx_p_01.png) 0 0 no-repeat;
	background-size: contain;
}
body.photocon .contents {
	position: relative;
	width: 100%;
	z-index: 1;
	background: #ECF0FB;
}
body.photocon .contents img {
	max-width: 100%;
}
body.photocon .contents a.tch-active,
body.photocon .footer .totop a.tch-active,
body.photocon .footer .menu a.tch-active {
	opacity: .7;
}
body.photocon .contents .mz {
	color: #E41373;
}
body.photocon .contents .about {
	padding: 0 0 7%;
}
body.photocon .contents .about .date {
	width: 91.73333%;
	margin: 0 auto;
	border-radius: 2vw;
	padding: 3% 1% 2.6%;
	background: #182986;
	color: #FFFFFF;
	font-size: 1.4rem;
	font-weight: bold;
	text-align: center;
	transform: translate(0,-50%);
}
body.photocon .contents .about .catch {
	margin: -2% 4% 0 6%;
	font-size: 1.58rem;
	font-weight: bold;
	line-height: 1.5;
	letter-spacing: -.01em;
}
body.photocon .contents .about .hashtag {
	width: 88%;
	margin: 4% 6% 0;
	padding: 4% 1% 3.7%;
	background: #FFFFFF;
	color: #E41373;
	font-size: 2.26rem;
	font-weight: bold;
	text-align: center;
}
body.photocon .contents .about .limited {
	margin: 4% 0 0;
}
body.photocon .contents .about .desc {
	margin: 5% 4% 0 6%;
	font-size: 1.58rem;
	font-weight: bold;
	line-height: 1.5;
	letter-spacing: -.01em;
}
body.photocon .contents .about .prize {
	margin: 6.5% 0 0;
}
body.photocon .contents .howto {
	position: relative;
	width: 100%;
	background: #FFFFFF;
}
body.photocon .contents .howto .title01 {
}
body.photocon .contents .howto .summary {
	margin: 4% 6% 0 6%;
	font-size: 1.58rem;
	line-height: 1.5;
	letter-spacing: -.01em;
}
body.photocon .contents .howto .steps {
	width: 88%;	/* 660 / 750 */
	margin: 3% auto 0;
}
body.photocon .contents .howto .steps > li:not(:last-child) {
	padding: 0 0 18.48485%;
	background: url(../img/photocon/idx_icn_arw_01.png) 50% 94.5% no-repeat;
	background-size: 9.69697% auto;
}
body.photocon .contents .howto .steps > li .wrap {
	position: relative;
	width: 100%;
	border-radius: 2.5vw;
	padding: 3.03030% 0 0;
	background: #ECF0FB;
}
body.photocon .contents .howto .steps .number {
	width: 19.84848%;
	margin: 0 0 0 2.87879%;
}
body.photocon .contents .howto .steps .text {
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1.6;
	letter-spacing: -.03em;
}
body.photocon .contents .howto .steps .image img {
	vertical-align: middle;
}
body.photocon .contents .howto .steps .sns {
	padding: 3.63636% 0 7.87879%;
}
body.photocon .contents .howto .steps .sns li {
	margin: 3.93939% 4.24242% 0 3.18182%;
}
body.photocon .contents .howto .steps .sns li a {
	display: block;
	border-radius: 2vw;
	padding: 4.5% 4% 4.2% 21%;
	background-color: #E41373;
	background-image: url(../img/photocon/idx_icn_inst_01.png), url(../img/photocon/idx_icn_arw_02.png);
	background-position: 5.5% 50%, 96.5% 50%;
	background-repeat: no-repeat;
	background-size: 10.74380% auto, 3.97351% auto;
	color: #FFFFFF;
	font-size: 1.58rem;
	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_icn_arw_02.png);
}
body.photocon .contents .howto .steps li.step1 .text {
	padding: 3% 0 0 7%;
}
body.photocon .contents .howto .steps li.step1 .image {
	position: absolute;
	width: 31.81818%;
	top: 0;
	right: 0;
	margin: 5.75758% 5.15152% 0 0;
	border: 1px solid #C5C5C5;
	border-radius: 2vw;
	padding: 7.42424% 1.81818% 5.30303% 2.57576%;
	background: #FFFFFF;
}
body.photocon .contents .howto .steps li.step2 .number {
	float: left;
}
body.photocon .contents .howto .steps li.step2 .text {
	float: left;
	width: 61.51515%;
	margin: 3% 0 0 7.87879%;
	line-height: 1.45;
}
body.photocon .contents .howto .steps li.step2 .image {
	clear: both;
	padding: 7.57576% 16.36364% 15.75758% 19.69697%;
}
body.photocon .contents .howto .steps li.step3 .number {
	float: left;
}
body.photocon .contents .howto .steps li.step3 .text {
	float: left;
	width: 61.51515%;
	margin: 3% 0 0 7.87879%;
	line-height: 1.5;
}
body.photocon .contents .howto .steps li.step3 .image {
	clear: both;
	padding: 6.15152% 20.60606% 4.84848% 66px;
}
body.photocon .contents .howto .entry {
	padding: 0 0 11.73333%;
}
body.photocon .contents .howto .entry .sns {
	width: 88%;
	margin: 2.26667% auto 0;
}
body.photocon .contents .howto .entry li a,
body.photocon .contents .howto .entry li .close {
	display: block;
	margin: 6.51515% 0 0;
	border: 1.5vw solid #F84676;
	border-radius: 3vw;
	padding: 4.69697% 4.69697% 4.69697% 20.90909%;
	color: #F84676;
	font-size: 1.76rem;
	font-weight: bold;
}
body.photocon .contents .howto .entry li .close {
	opacity: .1;
	border-color: #000000 !important;
	color: #000000 !important;
}
body.photocon .contents .howto .entry li.instagram a:before,
body.photocon .contents .howto .entry li.instagram .close:before {
	content: "";
	display: inline-block;
	width: 8.63636%;
	height: 0;
	margin: 0 0 .5%;
	padding: 8.63636% 0 0;
	background: url(../img/photocon/idx_icn_inst_02.png) 0 0 no-repeat;
	background-size: contain;
	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 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: 8.63636%;
	height: 0;
	margin: 0 0 .5%;
	padding: 8.63636% 0 0;
	background: url(../img/photocon/idx_icn_tw_02.png) 0 0 no-repeat;
	background-size: contain;
	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: 88%;
	margin: 5.63636% auto 0;
	color: #B2B2B2;
	font-size: .99rem;
	line-height: 1.45;
}
body.photocon .contents .howto .note a {
	color: #B2B2B2;
	text-decoration: underline;
}
body.photocon .contents .guideline {
	position: relative;
}
body.photocon .contents .guideline h2 {
	padding: 0 0 4%;
}
body.photocon .contents .guideline.closed p.closed {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 1;
	padding: 28.94% 0 0;
	color: #003280;
	text-align: center;
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 1.2;
}
body.photocon .contents .guideline .wrap {
	margin: 0 6%;
	border-radius: 2vw;
	padding: 5% 4%;
	background: #FFFFFF;
	font-size: 1.4rem;
	line-height: 1.5;
}
body.photocon .contents .guideline.closed .wrap,
body.photocon .contents .guideline.closed .wrap a {
	color: rgba(0,0,0,.25);
}
body.photocon .contents .guideline.closed .wrap:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
}
body.photocon .contents .guideline .wrap h3 {
	margin: 1.5em 0 0;
}
body.photocon .contents .guideline .wrap h4 {
}
body.photocon .contents .guideline .wrap a {
	text-decoration: underline;
}
body.photocon .contents .guideline .wrap ul li {
	padding: 0 0 0 1em;
	text-indent: -1em;
}
body.photocon .contents .guideline .wrap .ind {
	padding: 0 0 0 1em;
	text-indent: 0;
}
body.photocon .contents .guideline .wrap a {
	word-break: break-all;
}
body.photocon .footer {
	position:relative;
	z-index:1;
	background: #FFFFFF;
}
body.photocon .footer .totop {
	background: #ECF0FB;
}
body.photocon .footer .totop a {
	padding: 9% 3.54%;
	background: #ECF0FB;
	color: #182986;
	font-weight: bold;
	text-align: center;
}
body.photocon .footer .totop a:before {
	display: none;
}
body.photocon .footer .menu {
	padding: 2.5% 0;
}
body.photocon .footer .menu h2 {
	padding: 0 0 2%;
}
body.photocon .footer .menu h2 img {
	width: 100%;
}
body.photocon .footer .menu .local_navi li {
	border-bottom: .8vw solid #FFFFFF;
	font-size: 1.49rem;
	font-weight: bold;
}
body.photocon .footer .menu .local_navi li a {
	display: block;
	padding: 12% 4% 6%;
	background-color: #182986;
	color: #FFFFFF;
	text-align: center;
}
body.photocon .footer .menu .local_navi li.about a {
	background-image: url(../img/photocon/idx_icn_arw_mn.png), url(../img/photocon/idx_mn_home.png);
	background-position: 10.8% 50%, 0 29.08861%;
	background-size: 3.46667% auto, 100% auto;
	background-repeat: no-repeat;
}
body.photocon .footer .menu .local_navi li.howto a {
	background-image: url(../img/photocon/idx_icn_arw_mn.png), url(../img/photocon/idx_mn_howto.png);
	background-position: 10.8% 50%, 0 29.08861%;
	background-size: 3.46667% auto, 100% auto;
	background-repeat: no-repeat;
}
body.photocon .footer .menu .local_navi li.guide a {
	background-image: url(../img/photocon/idx_icn_arw_mn.png), url(../img/photocon/idx_mn_guide.png);
	background-position: 10.8% 50%, 0 29.08861%;
	background-size: 3.46667% auto, 100% auto;
	background-repeat: no-repeat;
}
body.photocon .footer .menu .sitehome_link {
	border-bottom: .4vw solid #182986;
	padding: 6.5% 6% 6%;
	text-align: center;
}
body.photocon .footer .menu .sitehome_link a {
	color: #182986;
	font-size: 1.49rem;
	font-weight: bold;
	text-decoration: underline;
}
body.photocon .footer .menu .sitehome_link a:before {
	content: "";
	display: inline-block;
	width: 4%;
	height: 0;
	margin: 0 1% 0 0;
	padding: 4% 0 0;
	background: url(../img/cmn/f_arw_01.png) 0 0 no-repeat;
	background-size: contain;
	vertical-align: middle;
}

body.tintserum .keyvisual img,
body.tint .main_visual img,
body.serum .main_visual img {
	width: 100%;
	vertical-align: middle;
}
body.tintserum .products li {
}
body.tintserum .products li + li {
	border-top: 1px solid #003280;
}
body.tintserum .products a {
	display: block;
	padding: 7.188% 0 7.813%;
}
body.tintserum .products .text {
	margin: 0 0 5%;
	color: #666666;
	font-size: 2rem;
	text-align: center;
}
body.tintserum .products .image {
}
body.tintserum .products img {
	width: 100%;
}
body.tintserum .products .title {
	position: relative;
	width: 46.25%;
	margin: 1.6% auto 0;
	padding: 1.31% 6.54% 1% 7.54%;
	border-radius: 6px;
	background: #F2F2F2;
	font-size: 1.1rem;
	font-weight: bold;
	line-height: 1.3;
}
body.tintserum .products li + li .title {
	padding-left: 14%;
}

body.tint .detail .unit01 .title,
body.tint .detail .unit02 .title,
body.tint .detail .unit03 .title,
body.serum .detail .unit01 .title,
body.serum .detail .unit02 .title,
body.serum .detail .unit03 .title {
	margin: 5% 0 0;
	font-size: 2.5rem;
	line-height: 1.4;
	text-align: center;
}
body.serum .detail .unit03 .title {
	font-size: 2.3rem;
}
body.tint .detail .unit02 .title .ast,
body.tint .detail .unit03 .title .ast,
body.serum .detail .unit02 .title .ast,
body.serum .detail .unit03 .title .ast {
	font-size: 50%;
	vertical-align: top;
}
body.tint .detail .unit01 .image,
body.serum .detail .unit03 .image {
	width: 28.75vw;
	margin: 0 auto;
}
body.tint .detail .unit01 .image img,
body.tint .detail .unit02 .image img,
body.tint .detail .unit03 .image img,
body.serum .detail .unit01 .image img,
body.serum .detail .unit03 .image img,
body.tint .series .image img,
body.serum .series .image img,
.lipseries1908 .image img {
	width: 100%;
	vertical-align: middle;
}
body.tint .detail .unit01 .text,
body.serum .detail .unit03 .text {
	margin: .5vw 0 0;
	font-size: 1.3rem;
	text-align: center;
}
body.tint .detail .unit01 ul,
body.serum .detail .unit03 ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 2vw 0 8vw;
}
body.tint .detail .unit01 li,
body.serum .detail .unit03 li {
	margin: 5vw 5vw 0;
}
body.tint .detail .unit01 li:first-child {
	width: 100%;
}
body.tint .detail .unit02 .image {
	margin: 8vw 0 0;
}
body.tint .detail .unit02 .note {
	margin: 8vw 21vw;
	font-size: 1rem;
	line-height: 1.8;
}
body.tint .detail .unit03 .image,
body.serum .detail .unit01 .image {
	margin: 8vw 0 0;
}
body.tint .detail .unit03 .copy,
body.serum .detail .unit01 .copy,
body.serum .detail .unit02 .right p {
	margin: 4vw 0 0;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1.4;
	text-align: center;
}
body.serum .detail .unit02 .right p {
	padding: 0 7.82vw;
	font-weight: normal;
	text-align: left;
}
body.serum .detail .unit02 .right p span {
	font-weight: bold;
}
body.serum .detail .unit02 .right .note {
	margin: 4vw 0 12vw;
	font-size: 1rem;
	line-height: 1.8;
}
body.tint .detail .unit03 .note,
body.serum .detail .unit01 .note {
	margin: 1vw 0 12vw;
	font-size: 1rem;
	line-height: 1.8;
	text-align: center;
}
body.tint .series,
body.serum .series,
body.tint .series li + li,
body.serum .series li + li,
.lipseries1908 li + li {
	border-top: 1px solid #003280;
}
body.tint .series .title,
body.serum .series .title,
.lipseries1908 > .title {
	padding: 5.5vw;
	font-size: 1.4rem;
	font-weight: bold;
	text-align: center;
}
body.tint .series ul,
body.serum .series ul {
}
body.tint .series li,
body.serum .series li {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	padding: 12.5vw 0 9.06vw;
}
body.tint .series li:first-child,
body.serum .series li:first-child {
	padding-top: 5vw;
}
body.tint .series .image,
body.serum .series .image {
}
body.tint .series .image {
	width: 27.19%;
	margin: 0 7.03vw 0 9.69vw;
}
body.serum .series .image {
	width: 18.125%;
	margin: 0 7.81vw 0 20.94vw;
}
body.tint .series .text,
body.serum .series .text {
	margin: 0 2vw 0 0;
}
body.tint .series .name,
body.serum .series .name {
	font-size: 2rem;
	line-height: 1.3;
}
body.tint .series .spec,
body.serum .series .spec {
	margin: 3vw 0 0;
	font-size: 1.5rem;
}
body.tint .series .button,
body.serum .series .button {
	width: 100%;
}
body.tint .series .button input,
body.serum .series .button input {
	display: block;
	width: 75%;
	margin: 0 auto;
	outline: none;
	border: 2px solid #003280;
	border-radius: 6px;
	padding: 17px 52px 15px 42px;
	background-color: #FFFFFF;
	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;
	background-size: 10px auto, 22px auto;
	color: #003280;
	font-weight: bold;
	line-height: 1.1;
	cursor: pointer;
}
.lipseries1908 {
	border-top: 2px solid #003280;
}
.lipseries1908 li {
	padding: 3.75vw 5.32vw 5vw;
}
.lipseries1908 li a,
.lipseries1908 li .here {
	display: block;
	padding-bottom: 5vw;
}
.lipseries1908 li .here {
	background: #F2F2F2;
}
.lipseries1908 .text {
	padding: 5vw;
	color: #666666;
	font-size: 2rem;
	line-height: 1.4;
	text-align: center;
}
.lipseries1908 .tint .image {
	width: 46.09vw;
	margin: 0 auto;
}
.lipseries1908 .serum .image {
	width: 33.28vw;
	margin: 0 auto;
}
.lipseries1908 li .title {
	position: relative;
	width: 46.25vw;
	height: 3em;
	margin: 5% auto 0;
	border-radius: 6px;
	background: #F2F2F2;
	font-size: 1.1rem;
	font-weight: bold;
	line-height: 1.3;
}
.lipseries1908 li.tint .title {
	padding: .5vw 0 0 7vw;
}
.lipseries1908 li.serum .title {
	padding: .5vw 0 0 14vw;
}



/* -------------------------------------------------------------------
 *  Vaseline Healing Project
 */

body.vhp .vhp img {
	max-width: 100%;
	vertical-align: middle;
}
body.vhp .unit01 {
	padding: 5vw 7vw 6vw;
	background: #EAEAEA;
	text-align: center;
}
body.vhp .vhp .unit01 .title {
	display: inline-block;
	padding: 0 .4em;
	background: #003280;
	color: #FFFFFF;
	font-size: 1.7rem;
	font-weight: bold;
	letter-spacing: -.05em;
	line-height: 1;
}
body.vhp .vhp .unit01 .maintext,
body.vhp .vhp .unit02 .closedmessage p {
	margin: 4vw auto 0;
	font-size: 1.5rem;
	line-height: 1.4;
	letter-spacing: -.05em;
}
body.vhp .vhp .unit02 .closedmessage p {
	text-align: center;
}
body.vhp .vhp .unit02 {
	margin: 12vw 0 0;
	text-align: center;
}
body.vhp .vhp .unit02 .title {
	display: inline-block;
	padding: 0 .4em;
	background: #003280;
	color: #FFFFFF;
	font-size: 1.7rem;
	font-weight: bold;
	letter-spacing: -.05em;
	line-height: 1;
}
body.vhp .vhp .unit02 .maintext {
	margin: 4.2vw 0 0;
	font-size: 1.4rem;
	line-height: 1;
	text-align: center;
}
body.vhp .vhp .unit03 {
	margin: 4.2vw 0 0;
	padding: 2vw 0 5.5vw;
	background: #EAEAEA;
	text-align: center;
}
body.vhp .vhp .unit03 .title {
	display: inline;
	padding: 0 .4em;
	background: #FFFFFF;
	color: #003280;
	font-size: 1.7rem;
	font-weight: bold;
	letter-spacing: -.05em;
	line-height: 1;
}
body.vhp .vhp .unit03 .maintext {
	padding: 3vw 0 0;
	font-size: 1.4rem;
	letter-spacing: -.03em;
	text-align: center;
}
body.vhp .vhp .unit03 .image {
	width: 92.8vw;
	margin: 5vw auto 0;
	text-align: center;
}
body.vhp .vhp .unit03 .image a {
	display: block;
	position: relative;
}
body.vhp .vhp .unit03 .image a:after {
	content: "";
	display: inline-block;
	position: absolute;
	width: 17.96vw;
	height: 17.96vw;
	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,
body.vhp .vhp .unit03 .image a:active {
	opacity: .8;
}
body.vhp .vhp .unit04 {
	margin: 8.9vw 0 0;
}
body.vhp .vhp .unit04 .image {
	width: 82.31vw;
	margin: 0 auto;
}
body.vhp .vhp .unit04 .image img {
	vertical-align: middle;
}
body.vhp .vhp .unit04 .title {
	margin: -4vw 0 0;
	font-size: 1.8rem;
	font-weight: bold;
	letter-spacing: -.03em;
	line-height: 1.7;
	text-align: center;
}
body.vhp .vhp .unit04 .period {
	width: 83.25vw;
	margin: 4.7vw auto 0;
	border-radius: 1vw;
	padding: 2.23vw 0 2.6vw;
	background: #EAEAEA;
	text-align: center;
}
body.vhp .vhp .unit04 .period h3 {
	width: 23vw;
	margin: 0 auto;
	padding: 1vw;
	background: #FFFFFF;
	font-size: 1.2rem;
	line-height: 1;
	letter-spacing: .08em;
	text-align: center;
}
body.vhp .vhp .unit04 .period p {
	display: inline-block;
	margin: 2.8vw 0 0;
	padding: 0 0 .5vw;
	border-bottom: 1px solid;
	font-size: 1.25rem;
	font-weight: bold;
	line-height: 1;
	letter-spacing: .05em;
}
body.vhp .vhp .unit04 .links {
	width: 83.25vw;
	margin: 0 auto;
}
body.vhp .vhp .unit04 .links li {
	margin: 5.4vw 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: 2vw;
	border: 1px solid rgba(0,0,0,0);
	padding: 4vw 4vw 3.2vw;
	background: linear-gradient(90deg, #365E8F 25%, #053681);
	color: #FFFFFF;
	font-size: 1.85rem;
	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: 2.8vw;
	height: 2.8vw;
	margin: 0 2.2vw 1vw 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: 1px solid;
	padding: 0 0 .1em;
	font-size: 1.25rem;
	font-weight: bold;
	line-height: 1;
	letter-spacing: .05em;
	text-align: center;
	vertical-align: middle;
}
body.vhp .vhp .unit04 .links li.terms:before {
	content: "";
	display: inline-block;
	width: 2.8vw;
	height: 2.8vw;
	margin: 0 2.2vw 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: 10.94vw 0 7vw;
	padding: 5.94vw 0 7vw;
	background: #EAEAEA;
	text-align: center;
}
body.vhp .vhp .unit05 .title_en {
	display: inline-block;
	min-width: 87.5vw;
	padding: 0 .4em;
	background: #FFFFFF;
	color: #003280;
	font-size: 1.7rem;
	font-weight: bold;
	letter-spacing: -.03em;
	line-height: 1;
	text-align: center;
}
body.vhp .vhp .unit05 .image {
	width: 87.5vw;
	margin: 0 auto;
	padding: 7.03vw 0 0;
}
body.vhp .vhp .unit05 .text {
}
body.vhp .vhp .unit05 .text .title {
	padding: 5.5vw 0 0;
	font-size: 2.2rem;
	letter-spacing: -.05em;
	text-align: center;
}
body.vhp .vhp .unit05 .maintext {
	width: 89.84vw;
	margin: 5vw auto 0;
	border-radius: 1.5vw;
	padding: 3.5vw 4vw;
	background: #FFFFFF;
	font-size: 1.5rem;
	line-height: 1.6;
	letter-spacing: -.05em;
}



#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: 1.2rem !important;
	color: #003280 !important;
}
#onetrust-banner-sdk.ot-buttons-fw:not(.ot-iab-2) #onetrust-button-group button {
	font-size: 1.2rem !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;
}



/*-------#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: 1.4rem !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: 1.2rem !important;
}
button.ot-pc-refuse-all-handler,
button.save-preference-btn-handler,
button.onetrust-close-btn-handler {
	padding-left: 1em;
	padding-right: 1em;
}
#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: 100%;
		min-height: 100%;
		top: 0;
		left: 0;
		z-index: 1;
		padding: calc(5% + 3rem) 0 0;
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch;

		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		background: rgba(0,50,128,.9);

		pointer-events: none;
	}
	.store_list .lb_hd {
		position: relative;
		width: 87%;
		z-index: 2;
		margin: 0 auto;
		border-radius: 3.5vw 3.5vw 0 0;
		background: #FFFFFF;
		pointer-events: all;
	}
	.store_list .lb_hd .lb_close_btn {
		position: absolute;
		width: 5.8vw;
		height: 0;
		top: 50%;
		left: 5.2vw;
		z-index: 1;
		overflow: hidden;
		transform: translate(0,-50%);
		padding: 5.8vw 0 0;
		background: url(../img/cmn/lb_store_icn_close.svg) 0 0/contain no-repeat;
	}
	.store_list .lb_hd .lb_s_title {
		position: relative;
		height: 0;
		overflow: hidden;
		padding: 18vw 0 0;
		background: #FFFFFF;
		background: url(../img/cmn/lb_store_t_01.svg) 52.5% 50%/39% auto no-repeat;
	}
	.store_list .lb_bd {
		position: relative;
		width: 87%;
		z-index: 2;
		margin: 0 auto;
		border-radius: 0 0 3.5vw 3.5vw;
		padding: 0;
		background: #003280;
		color: #FFFFFF;
		pointer-events: all;
	}
	.store_list .lb_bg {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 0;
	}
	.store_list .lb_bd ul {
		list-style: none;
		min-height: 30vw;
	}
		.store_list.single .lb_bd ul {
			padding-top: 10vw;
		}
	.store_list .lb_bd ul li {
		border-top: 1px solid rgba(255,255,255,.5);
		padding: 2.5vw 0;
	}
	.store_list .lb_bd ul li a {
		display: block;
		width: 100%;
		height: 0;
		overflow: hidden;
		padding: 23% 0 0;
		background: url(../img/cmn/lb_store_logo_amazon.svg) 52% 50%/32% 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: 53% auto;
		}


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