/*
* VALUES & CAMPAIGNS SECTION CSS
* -------------------------------
* Author: Clicked Creative   
* ------------------------------- */



.vc_btn_values {
	float: left;
	background-color:#00915C;
		color: white!important;
	display: block;
		font: normal 20px/33px "gill-ss-std-bold",Verdana, Geneva, sans-serif;
		margin: 0;
		padding: 0 8px;
		position: relative;
		text-align: center;
		text-transform: uppercase;
		margin-top: 0px;
}



/* COLOURS 
=========================================== */
a { color:#00915c}


/* VALUES GREEN */
.vc_page #additionnal-nav .title,
.vc_page #additionnal-nav ul li a:hover, #additionnal-nav ul .active a,
.vc_content .vc_overview h4,
.vc_content .vc_related h4,
.vc_resources h4,
.vc_arrow-link:hover,
.vc_content h3,
.vc_page_banner header h2,
.vc_page_news header h2,
.vc_home .vc_page_banner h2,
.vc_hub-panel-cft:hover .vc_arrow-link,
.vc_pillars .pillar .vc_arrow-link:hover,
#vc_scroller li a:hover .vc_arrow_link,
#vc_map_panes .list_view .text p,
.vc_share h4,
.panel_social h4 {
	color:#00915c;
}

/* STANDARD GREEN */
/*
.vc_hub-panel-campaigns:hover .panel-content h3,
.vc_hub-panel-cft:hover .panel-content h3 {
	color:#7FB719;
}
*/



/* GREY TEXT */
.vc_latest_stories article h3 a:hover,
#vc_timeline_list li a {
	color:#666;
}	
	
/* PINK */
.vc_home .vc_page_banner h2 span,
#vc_timeline_list li a:hover,
#hwd_carousel h4  {
	color: #EC008C;
}
	
.vc_bebas,
/* .vc_page_banner h1, */
/* .vc_page_banner h2, */
/* .vc_content.vc_2col, */
.vc_content .vc_overview h4,
.vc_content .vc_related h4,
.vc_resources h4,
/* .vc_content .vc_main-col h3, */
/* .vc_latest_stories h3, */
/* .vc_home .vc_content h3, */
.vc_gallery .caption h5,
/* .vc_latest_stories h2, */
.vc_content h1,
.vc_content h2,
.vc_content h3,
#vc_timeline_list .items a,
#vc_timeline_gallery #year_text,
#vc_map_panes .list_view .text p,
.vc_share h4,
.panel_wwd header h4,
.panel_journey h4,
.panel_social h4,
.code_conduct h4,
#hwd_carousel h4 {
	font-family: "bebasneue",Impact, Charcoal, sans-serif;
	font-weight:normal!important;
}

.vc_page_banner header p,
.vc_content,
.vc_hub-header,
.vc_pin .pin_content h3 {
	font-family: "gill-ss-std",Verdana, Geneva, sans-serif;
}

.vc_activist,
.vc_home .vc_page_banner h2 span {
	font-family: "TBSactivist", cursive;
	font-weight: normal;
}

.vc_page_banner h1 span {
	font-family: "TBSactivist", cursive;
	font-weight: normal;
	transform:rotate(-2deg);
-ms-transform:rotate(-2deg); /* Internet Explorer */
-moz-transform:rotate(-2deg); /* Firefox */
-webkit-transform:rotate(-2deg); /* Safari and Chrome */
-o-transform:rotate(-2deg); /* Opera */
margin-bottom:0px; 
padding-bottom:0px;
/*line-height:0em;*//*移行時の調整*/
}

.vc_page_banner h1 strong {
	font-size:1.8em;
	font-weight:100;
	line-height:0.85em;
}

	.vc_page_banner h2 span {
	font-family: "TBSactivist", cursive;
	font-weight: normal;
	
}

.vc_content {
	color:#666;
/* 	background:#fff; */
	font-size:1.4em;
	line-height:1.4em;
}

.vc_content h3 {
	margin-top:18px;
}

.vc_content p {
	margin-bottom:18px;
}

.vc_content blockquote {
	font-style:oblique;
	margin-bottom:8px;
}


/* ELEMENTS
=========================================== */
.vc_arrow-link > span {
	width:5px;
	height:8px;
	display:inline-block;
	background: url(http://www.the-body-shop.co.jp/cms/values/image/values-campaigns/nav-arrow.png) 0 -8px no-repeat;
}



.vc_arrow-link:hover > span,
.vc_hub-panel-cft:hover .vc_arrow-link > span,
.vc_pillars .pillar .vc_arrow-link:hover > span,
#vc_scroller li a:hover .vc_arrow-link > span {
	background-position: 0 0!important;
}


.vc_arrow-link > span.white,
.vc_hub-panel-campaigns:hover .vc_arrow-link {
	background-position: 0 -16px;
}


.vc_btn {
/*	background-color: #E2007A;*/
	
	background-color: #00915C;
	
	color:#FFF!important;
	display: inline-block;
	font: normal 16px/25px "gill-ss-std-bold",Verdana, Geneva, sans-serif;
	margin: 0;
	padding: 0 8px;
	position: relative;
	text-align: center;
	text-transform: uppercase;
/* 	margin:10px 0; */
}

.vc_btn:hover {
	text-decoration:underline;
}

.vc_btn span {
	background: url("http://www.the-body-shop.co.jp/cms/values/image/values-campaigns/nav-arrow-alt.png") no-repeat scroll 0pt 0pt transparent;
	display: inline-block;
	height: 9px;
	margin: 0 0 0 5px;
/* 	vertical-align:middle; */
	width: 7px;
}




/* LEFT HAND NAVIGATION 
=========================================== */
#additionnal-nav ul li a {
	padding-right:18px;
}

#additionnal-nav ul li a span {
	width:5px;
	right:12px;
	background: url(http://www.the-body-shop.co.jp/cms/values/image/values-campaigns/nav-arrow.png) 0 0 no-repeat;
}






/* LATEST STORIES LIST PAGE
=========================================== */
/* HEADER */
.vc_page_banner {
	height:auto;
/* 	min-height:85px; */
	background: url(http://www.the-body-shop.co.jp/cms/values/image/values-campaigns/vc_border_horizontal.gif) bottom left repeat-x;
	padding-bottom:5px;
	margin-bottom:10px;
	clear:both;
}

.vc_page_banner header {
/*
	padding-left:0;
	padding-top:0;
*/
/* 	padding-right:200px; */
	position:relative;
}

.vc_page_banner h2 {
	font-size:3.8em;
	line-height:1em;
	margin-bottom:4px;
}

.vc_page_banner  p {
	margin-bottom:4px;
	font-size:14px;
}

.vc_latest-stories .vc_page_banner header {
	padding-right:200px;
}

.vc_page_banner .vc_panel-cft {
	width:180px;
	position:absolute;
	top:0;
	right:0;
}

.vc_latest_stories .vc_page_banner p {
	width:500px;
}

/* BODY */
.vc_latest_stories article {
	padding-bottom:15px;
	margin-bottom:15px;
	background: url(http://www.the-body-shop.co.jp/cms/values/image/values-campaigns/vc_border_horizontal.gif) bottom left repeat-x;
	clear:both;
}

.vc_latest_stories article img {
	float:left;
	width:220px!important;
	margin-right:15px;
}

.vc_latest_stories article h3 {
	font-size:30px;
	line-height:26px;
	margin-bottom:10px;
	margin-top:5px;
}

.vc_latest_stories article p {
	margin-bottom:10px;
}







/* VALUES HOME / HUB PAGE
=========================================== */
/* HEADER */

.vc_home .vc_page_banner {
	background:#dff4ff;
	margin-top:0;
	height:272px;
	padding-top:1px;
	overflow:hidden;
	background: #dff4ff url(http://www.the-body-shop.co.jp/cms/values/image/values-campaigns/vc-bg-hub-header.jpg) 0 0 no-repeat;

	margin-left:-20px;
	margin-top:-31px;
}

.vc_home .vc_page_banner header {
/*
	padding-left:310px;	
	padding-top:50px;
*/
	padding:0;
	margin: 3% 15px 0 337px;
	color:#424242;
/* 	background: #dff4ff; */
}

.vc_home .vc_page_banner h2 {
	font-size: 50px;
	line-height: 0.95em;
	margin-bottom: 5px;

}

.ie7 .vc_home .vc_page_banner h2 {
	line-height:60px;
	margin-bottom:0;

}

.vc_home .vc_page_banner p {
	font-size:14px;
}

.vc_home .vc_page_banner h2 span {
	line-height:10px;
	text-transform:uppercase;
}

.vc_page .vc_home_banner_bg {
	height:297px;
	background:#dff4ff;
	position:absolute;
	top:160px;
	left:0;
	width:100%;
}

/*
.vc_home .vc_page_banner .wrapper1200 {
	margin-top:4px!important;
	height:278px;
	overflow:hidden;
	padding-top:20px!important;
	
}

.vc_home .vc_page_banner #additionnal-nav {
	margin-top:10px;
}




*/


/* TWITTER */
#twtr-widget-1 .twtr-profile-img {
	width:auto!important;
}

#twtr-widget-1 .twtr-widget-profile .twtr-doc { 
	-moz-border-radius:0;
	-webkit-border-radius:0;
	border-radius:0;
}

#twtr-widget-1 .twtr-doc {
	width:auto!important;
	margin-top:15px;
}

.twtr-ft a img {
	width:80px!important;
}

.twtr-doc,
.twtr-timeline {
	-moz-border-radius:0!important;
	-webkit-border-radius:0!important;
	border-radius:0!important;
}



/*
.vc_home #twtr-widget-1 .twtr-widget-profile .twtr-doc {
	width:244px!important;
}
*/



/* PANELS */
.vc_hub-panel {
	display:block;
	height:214px;
	float:left;
}

.vc_hub-panel-cft {
	width:58.7%;
	margin-right:2.5%;
	color:#fff!important;
	background:#fff;
	height:212px;
	border:1px solid #cccccb;
	background: url(http://www.the-body-shop.co.jp/cms/values/image/values-campaigns/vc_spotlight.jpg) right 0 no-repeat;
	-webkit-transition: 0.1s linear opacity;
	-moz-transition: 0.1s linear opacity;
	transition: 0.1s linear opacity;
}

.vc_hub-panel-cft .a:link, .vc_hub-panel-cft .a:visited, .vc_hub-panel-cft .a:hover, .vc_hub-panel-cft .a:active  {
	
		color:#fff!important;
	
}




.vc_hub-panel-cft .panel-bg {
	width:40%;
	height:212px;
	float:left;
	
	
	-webkit-transition: 0.1s linear opacity;
	-moz-transition: 0.1s linear opacity;
	transition: 0.1s linear opacity;
}

.vc_hub-panel-cft .panel-content {	
	padding-left:210px;
	padding-left:46%;
	padding-right:10px;
}

.vc_hub-panel-cft:hover  {
	opacity:0.9;
	filter: alpha(opacity=90);
}

.vc_hub-panel .panel-content p {
	margin-bottom:9px;
}

.vc_hub-panel-campaigns {
	width:38.5%;
	float:left;
	height:214px;
	position:relative;
	

} 

.vc_hub-panel-campaigns .panel-bg {
	position:absolute;
	width:100%;
	height:100%;
	background: url(http://www.the-body-shop.co.jp/cms/values/image/values-campaigns/vc_campaigns.jpg) right 0 no-repeat;

	-webkit-transition: 0.1s linear opacity;
	-moz-transition: 0.1s linear opacity;
	transition: 0.1s linear opacity;
}

.vc_hub-panel-campaigns:hover .panel-bg {
	opacity:0.9;
	filter: alpha(opacity=90);
}

.vc_hub-panel-campaigns .panel-content {
	color:#fff;
	padding-left:35%;
	position:relative;
	z-index:1;
}

.vc_hub-panel-campaigns .panel-content h3 {
	font-size:2em;
	line-height:1.2em;
	color:#fff;
	font-weight:bold;
}

.vc_hub-panel-campaigns:hover .vc_arrow-link {
	color:#fff;
}



.vc_hub-panel-cft:hover .vc_arrow-link {
	color:#fff;
}
.vc_hub-panel-cft .vc_arrow-link span {
	width:5px;
	height:8px;
	display:inline-block;
	background: url(http://www.the-body-shop.co.jp/cms/values/image/values-campaigns/nav-arrow-alt.png) 0 -8px no-repeat;
}

.vc_hub-panel-campaigns .vc_arrow-link span {
	width:5px;
	height:8px;
	display:inline-block;
	background: url(http://www.the-body-shop.co.jp/cms/values/image/values-campaigns/nav-arrow-alt.png) 0 -8px no-repeat;
}

.vc_hub-panel-campaigns:hover .vc_arrow-link span {
	display:inline-block;
	background-position: 0 -16px;
}

/* PILLARS */
.vc_pillars {
	margin-top:20px;
}

.vc_pillars .pillar {
	float:left;
	width:18%;
	padding:0 1.2%;
	background: url(http://www.the-body-shop.co.jp/cms/values/image/values-campaigns/vc_border_vertical.gif) top right repeat-y;
}

.vc_pillars .pillar:first-child {
	padding-left:0;
}

.vc_pillars .pillar:last-child {
	padding-right:0;
	background:transparent;
}

.vc_pillars .pillar .pillar-header {
	background:#769121;
	display:block;
	width:100%;
	height:100px;
/* 	padding:0 10%; */
	margin-bottom:5px;
	
/*
	-webkit-transition: 0.1s linear opacity;
	-moz-transition: 0.1s linear opacity;
	transition: 0.1s linear opacity;	
*/
}

.vc_pillars .pillar-header:hover  {
/*
	opacity:0.85;
	filter: alpha(opacity=85);
*/
}

.vc_pillars .animal_testing .pillar-header 				{ background:#769121; }
.vc_pillars .animal_testing .pillar-header:hover 	{ background:#839c37; }

.vc_pillars .community_trade .pillar-header 			{ background:#72c267; }
.vc_pillars .community_trade .pillar-header:hover { background:#80c876; }

.vc_pillars .self_esteem .pillar-header 					{ background:#74c043; }
.vc_pillars .self_esteem .pillar-header:hover 		{ background:#82c655; }

.vc_pillars .human_rights .pillar-header 					{ background:#296c28; }
.vc_pillars .human_rights .pillar-header:hover 		{ background:#3e7a3d; }

.vc_pillars .protect_planet .pillar-header 				{ background:#18a466; }
.vc_pillars .protect_planet .pillar-header:hover 	{ background:#2fad75; }

.vc_pillars .pillar .pillar-header h4 {
	color:#fff;
	font-size:28px;
	line-height:24px;
	padding:7% 10% 0;
	margin:0;
	text-transform:uppercase;
}

.vc_pillars .pillar .pillar-header h4 .vc_activist {
	font-size:26px;
}

.vc_pillars .pillar p {
	padding:0 2%;
}
.vc_pillars .pillar p a {
	color:#666;
}





/* LATEST STORIES CAROUSEL */
.vc_home .vc_latest_stories_carousel,
.vc_scroll .vc_latest_stories_carousel {
	position:relative;
	zoom:1;
}

.vc_latest_stories_carousel h3 {
	margin-bottom:10px;	
}

.vc_home .vc_latest_stories_carousel .vc_nav,
.vc_scroll .vc_latest_stories_carousel .vc_nav {
	width:23px;
	height:155px;
	display:block;
	position:absolute;
	background:url(http://www.the-body-shop.co.jp/cms/values/image/values-campaigns/vc_home_scroller_nav.gif) no-repeat;
	top:40px;
	cursor:pointer;
	overflow:hidden;
	text-indent:-3000em;
}

.ie7 .vc_home .vc_latest_stories_carousel .vc_nav,
.ie7 .vc_scroll .vc_latest_stories_carousel .vc_nav {
	top:60px;
}

.vc_home .vc_latest_stories_carousel .vc_nav.disabled,
.vc_scroll .vc_latest_stories_carousel .vc_nav.disabled {
	opacity:0.4;
	filter: alpha(opacity=40);
}
.vc_home .vc_latest_stories_carousel .vc_prev:hover,
.vc_scroll .vc_latest_stories_carousel .vc_prev:hover {
	background-position:0 -155px;
}

.vc_home .vc_latest_stories_carousel .vc_prev,
.vc_home .vc_latest_stories_carousel .vc_prev.disabled,
.vc_scroll .vc_latest_stories_carousel .vc_prev,
.vc_scroll .vc_latest_stories_carousel .vc_prev.disabled {
	background-position:0 0;
	left:0;
}

.vc_home .vc_latest_stories_carousel .vc_next:hover,
.vc_scroll .vc_latest_stories_carousel .vc_next:hover {
	background-position: -23px -155px;
}

.vc_home .vc_latest_stories_carousel .vc_next,
.vc_home .vc_latest_stories_carousel .vc_next.disabled,
.vc_scroll .vc_latest_stories_carousel .vc_next,
.vc_scroll .vc_latest_stories_carousel .vc_next.disabled {
	background-position: -23px 0;
	right:0;
}

.vc_home #vc_scroller,
.vc_scroll #vc_scroller {
	overflow:hidden;
	position:relative;
	width:92%;
	margin:0 auto;
	height:265px;
	zoom:1;
}

.vc_home #vc_scroller ul,
.vc_scroll #vc_scroller ul {
	width:2000em;
	list-style:none;
	margin:0;
	padding:0;
	position:absolute;
	zoom:1;
}

.vc_home #vc_scroller li,
.vc_scroll #vc_scroller li {
	width:226px;
	float:left;
	margin-right:28px;
	height:265px;
	overflow:hidden;
	zoom:1;
}

#vc_scroller li a h4 {
	text-transform:uppercase;
	font-size:14px;
}

.vc_home #vc_scroller .itemgroup,
.vc_scroll #vc_scroller .itemgroup {
	float:left;
}



.vc_home #vc_scroller li a img,
.vc_scroll #vc_scroller li a img {
	-webkit-transition: 0.1s linear opacity;
	-moz-transition: 0.1s linear opacity;
	transition: 0.1s linear opacity;	
}

.vc_home #vc_scroller li img:hover,
.vc_scroll #vc_scroller li img:hover {
	opacity:0.9;
	filter: alpha(opacity=90);
}

#vc_scroller li a {
	color:#666;
}

#vc_scroller li a:hover .vc_arrow-link,
#vc_scroller li a h4 {
	color:#00915c;
}

#vc_scroller li a h4:hover {
	color:#666;
}



/* PAGE BANNER
=========================================== */
.vc_page_banner {
	height:195px;
	background-position:top right;
	background-repeat:no-repeat;
	margin-bottom:20px;
	color:#FFF;
	
	margin-top:2px;
}
.vc_page_news {
	height:95px;
	background-position:top right;
	background-repeat:no-repeat;
	margin-bottom:20px;
	color:#FFF;
	
	margin-top:2px;
}



.vc_text-page {
	height:195px;
	background-position:top right;
	background-repeat:no-repeat;
	margin-bottom:20px;
	color:#424242;
	
	margin-top:2px;
}












.vc_text-page .vc_page_banner header {
	padding: 20px 170px 0 22px;
}

.vc_text-page .vc_page_banner h1 {
	font-size:3.8em;
	line-height:0.95em;
	color:#FFF;
}


.vc_text-page .vc_page_banner header p {
	font-size: 1em;
}



/* RESOURCES SIDEBAR PANEL
=========================================== */
.vc_resources h4 {
	background: url(http://www.the-body-shop.co.jp/cms/values/image/values-campaigns/vc_border_horizontal.gif) bottom left repeat-x;
	padding-bottom:6px;
}

.vc_resources ul {
	list-style:none;
}

.vc_resources li {
	background: #fff url(http://www.the-body-shop.co.jp/cms/values/image/values-campaigns/vc_border_horizontal.gif) bottom left repeat-x;
	margin:10px 0;
}

.vc_resources li a {
	display:block;
	height:40px;
	margin:5px 0;
	padding-bottom:10px;
	background-position:0 0;
	background-repeat: no-repeat;
	color:#666;
}

.vc_resources li a:hover {
	color:#00915c;
}

.vc_resources li a .pdf {
	float:left;
	display:block;
	height:40px;
	width:40px;
	margin-right:10px;
	background-image:url(http://www.the-body-shop.co.jp/cms/values/image/values-campaigns/icon-resource-pdf.gif);
}

.vc_resources li a:hover span {
	opacity: 0.8;
}



/* RELATED PRODUCTS
=========================================== */
.vc_related_products {
	margin-top:30px;
	clear:both;
	background: url(http://www.the-body-shop.co.jp/cms/values/image/values-campaigns/vc_border_horizontal.gif) top left repeat-x;
	padding-top:15px;
	text-transform:uppercase;
}

.vc_related_products ul {
	list-style:none;
	width:100%;
}

.vc_related_products li {
	float:left;
	width:30%;
	margin-right:2%;
	padding-right:2%;
	background: url(http://www.the-body-shop.co.jp/cms/values/image/values-campaigns/vc_border_vertical.gif) top right repeat-y;
}

.vc_related_products li:last-child {
	padding-right:0;
	margin-right:0;
	background-image:none;
}

.vc_related_products li a {
	color:#666;
	font-weight:normal;
	display:block;
	font-size:14px;
	line-height:16px;
}

.vc_related_products li a:hover {
	color:#7FB719;
}

.vc_related_products .vc_btn_buy {
	float:left;
	background-color: #E2007A;
	color:#fff!important;
	display: block;
	font: normal 20px/33px "gill-ss-std-bold",Verdana, Geneva, sans-serif;
	margin: 0;
	padding: 0 8px;
	position: relative;
	text-align: center;
	text-transform: uppercase;
	margin-top:10px;
}

.vc_related_products .vc_btn_buy:hover {
	text-decoration:underline;
}

.vc_related_products .vc_btn_buy span {
	background: url(http://www.the-body-shop.co.jp/cms/values/image/common/sprites.png) -210px -40px no-repeat;
	display: inline-block;
	height: 14px;
	margin: 0 0 0 5px;
	width: 7px;
}

.ie7 .vc_related_products .vc_btn_buy span {
	vertical-align:middle;
}









/* GENERAL TEXT PAGE STYLES
=========================================== */
.vc_content .vc_2col {
	position:relative;
}

/*
.vc_content .vc_main-col {
	margin-right:210px;
}
*/

/*
.vc_content .vc_right-col {
	width:182px;
	position:absolute;
	top:0;
	right:0;
}
*/

.vc_panel-cft {
	display:block;
	margin-bottom:15px;
	
	-webkit-transition: 0.1s linear opacity;
	-moz-transition: 0.1s linear opacity;
	transition: 0.1s linear opacity;	
}

.vc_panel-cft:hover {
	opacity:0.9;
	filter: alpha(opacity=90);
}

.vc_text-page .vc_overview {
	color:#666;
	margin-bottom:25px;
}

.vc_content .vc_right-col h4,
.vc_content h3 {
	font-size:2em;
	line-height:normal;

}

.vc_content h5,
.vc_content h4 {
	font-size:1.2em;
	font-weight:bold;
	padding-top:9px;
	margin-bottom:4px;
}

.vc_content .vc_right-col h5 {
	background: url(http://www.the-body-shop.co.jp/cms/values/image/values-campaigns/vc_border_horizontal.gif) top left repeat-x;
}

.vc_content .vc_overview p {
	margin-bottom:9px;
	
}

.vc_related {
	background:#cce9de;
	padding:5px 10px;
}

.vc_related h4 {
	margin:0;
	padding:0;
}

.vc_related ul {
	list-style:none;
}

.vc_related li {
	margin-bottom:9px;
}

.vc_related a {
	color:#666;
}


















/* IMAGE / VIDEO GALLERY STYLES
=========================================== */
.vc_vid-wrap-16-9 {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top:22px; /* Exra 25px for YouTube player chrome */
	height: 0;
	margin-bottom:15px;
}


.vc_vid-wrap-16-9 iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display:block;
	margin:0;
	padding:0;
}

.vc_et_home .vc_vid-wrap-16-9 {
	padding-top:0
}

.ie7 .vc_main-col .vc_vid-wrap-16-9 iframe {
	width:633px;
	height:352px;
}


.vc_gallery {
	margin-top:18px;
}

.vc_gallery .scroller-wrapper {
	position:relative;
	border:1px solid #c6c6c5;
	border-top:none;
}

.vc_gallery  .scroller-wrapper .vc_nav {
	position:absolute;
	display:block;
	width:18px;
	height:70px;
	top:11px;
	cursor:pointer;
	text-indent: -3000em;
	overflow:hidden;
	background:url(http://www.the-body-shop.co.jp/cms/values/image/values-campaigns/gallery-nav.png) no-repeat;
	z-index:1;
	
	opacity:0.6;
	filter: alpha(opacity=60);
}

.vc_gallery  .scroller-wrapper .vc_nav:active {
	top:11px;
}

.vc_gallery .scroller-wrapper .vc_prev {
	left:0.9%;
	background-position:0 0;
}

.vc_gallery .scroller-wrapper .vc_prev:hover {
	background-position:0 -70px;
}

.vc_gallery .scroller-wrapper .vc_next {
	right:0.9%;
	background-position:-18px 0;
}

.vc_gallery .scroller-wrapper .vc_next:hover {
	background-position:-18px -70px;
}

.vc_gallery  .scroller-wrapper .disabled {
	opacity:0.3;
	filter: alpha(opacity=30);
	background-position-y: 0!important;	
}

.vc_gallery .scroller {
	width:90%;
	margin:0 auto;
	position:relative;
	overflow:hidden;
	height:98px;
}

.vc_gallery .scroller .items {
	width:20000em;
	position:absolute;
	list-style:none;
}

.vc_gallery .scroller .itemgroup {
	float:left;
}

.vc_gallery .scroller li {
	float:left;
	margin:8px 9px 0 0;
}

.vc_gallery .scroller li a {
	display:block;
	border:3px solid #fff;
	width:100px;
	height:75px;
	background-repeat:no-repeat;
	background-position:center center;
	
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
}

.vc_gallery .scroller li a:hover {
	border-color:#b1b1b1;
}

.vc_gallery .scroller li a.active {
	border-color:#00915c;
}

.vc_gallery .frame {
	border:1px solid #c6c6c5;
	border-bottom:none;
	position:relative;
	z-index:1;
	zoom:1;
}

.vc_gallery .video-frame {
	margin-bottom:0;
	zoom:1;
}

.vc_gallery .video-frame iframe {
	display:block;
	margin:0;
	padding:0;
}

.vc_gallery .image-frame {
	zoom:1;
}

.vc_gallery .image-frame .vc_nav {
	width:50px;
	height:50px;
	position:absolute;
	display:block;
	background:url(http://www.the-body-shop.co.jp/cms/values/image/values-campaigns/gallery-nav.png);
	text-indent:-3000em;
	top:45%;
	cursor:pointer;
	z-index:1;
}

.vc_gallery .image-frame .vc_nav.vc_prev {
	background-position:-36px 0;
	left:1%;
}

.vc_gallery .image-frame .vc_nav.vc_next {
	background-position:-36px -50px;
	right:1%;
}

.vc_gallery .caption {
	position:absolute;
	bottom:0;
	left:0;
	width:80%;
	padding:4px 25px 8px 15px;
	
	background:#000;
	background:rgba(0,0,0,0.5);
	background:url(http://www.the-body-shop.co.jp/cms/values/image/values-campaigns/bg-trans-black.png);
	color:#fff;
}

.vc_gallery .caption h5 {
	font-size:2.2em;
	margin-bottom:2px;
	line-height:28px;
}

.vc_gallery .caption .count {
	position:absolute;
	top:5px;
	right:5px;
	font-size:1.3em;
	letter-spacing:0.1em;
}


.vc_gallery .caption .count .number {
	color:#7fb719;
}












/* TIMELINE - GALLERY
=========================================== */
/*
#maincontent .vc_timeline_page,
#maincontent .vc_map_page,
#maincontent .vc_et_home,
*/
#maincontent .vc_content {
/* 	width:100%!important; */
	display:block!important;
	float:none!important;
	letter-spacing:normal!important;
}

#maincontent .vc_timeline_page .vc_page_banner {
	background:none;
	padding-bottom:0;
	margin-bottom:-35px;
}

.ie7 #maincontent .vc_timeline_page .vc_page_banner {
	margin-bottom:0;
}

#maincontent .vc_timeline_page .vc_page_banner header {
/* 	width:500px; */
}

.vc_tabs {
	float:right;	
	position:relative;
	border:1px solid #d7d7d7;
	z-index:50;
	
	background: #eaeaea; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #eaeaea 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eaeaea)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#eaeaea 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#eaeaea 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#eaeaea 100%); /* IE10+ */
	background: linear-gradient(top,  #ffffff 0%,#eaeaea 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 ); /* IE6-9 */
}

.vc_tabs .tab_label {
	position:absolute;
	left:-50px;
	top:9px;
	color:#e41184;
	font-size:16px;
}

.vc_tabs ul {
	list-style:none;
	background:url(http://www.the-body-shop.co.jp/cms/values/image/values-campaigns/vc_tab_divide.png) center center no-repeat;
	margin:0;
}

/*
.ie7 .vc_tabs {
	margin-bottom:-10px;
}
*/


.vc_tabs li {
	float:left;
	margin:0;
}

.vc_tabs a {
	display:block;
	height:32px;
	width:70px;
	line-height:35px;
}

.ie7 .vc_tabs a {
	height:40px;
}

.vc_tabs a .tab_icon {
	display:block;
	width:45px;
	height:27px;
	padding:1px;
	margin:5px auto 0;
	background:url(http://www.the-body-shop.co.jp/cms/values/image/values-campaigns/vc_tab_icons.png) no-repeat;
}



.vc_tabs a .text {
	display:none;
}

.vc_tabs a .tab_icon_timeline {
	background-position:0 0;
}

.vc_tabs a:hover .tab_icon_timeline,
.vc_tabs a.active .tab_icon_timeline {
	background-position:0 -28px;
}

.vc_tabs a .tab_icon_list{
	background-position:-46px 0;
}

.vc_tabs a:hover .tab_icon_list,
.vc_tabs a.active .tab_icon_list {
	background-position:-46px -28px;
}

.vc_tabs a .tab_icon_map {
	background-position:-92px 0;
}

.vc_tabs a:hover .tab_icon_map,
.vc_tabs a.active .tab_icon_map {
	background-position:-92px -28px;
}



.vc_tabs .vc_tab_arrow {
	width:31px;
	height:16px;
	background:url(http://www.the-body-shop.co.jp/cms/values/image/values-campaigns/vc_tab_arrow.png) 0 0 no-repeat;
	position:absolute;
	bottom:-16px;
	left:20px;
	z-index:3;
}

.ie7 .vc_tabs .vc_tab_arrow {
	display:none;
}

.ie7 #vc_timeline_panes {
	margin-top:10px;
}

.ie7 .timeline_page_content {
	margin-top:-10px;
}

#vc_timeline_panes {
	clear:both;
}

#vc_timeline_gallery, #vc_timeline_list {
	display:block;
	background:url(http://www.the-body-shop.co.jp/cms/values/image/values-campaigns/vc_timeline_bg.jpg) repeat-x;
	background-position: 100px top; 
	position:relative;
	height:639px;
	padding-top:1px;
	width:100%;
	max-width:100%;
	min-width:100%;
	zoom:1;
	top:0;
	left:0;
}

#vc_timeline_list {
	height: 627px;
/* 	display:none; */
	visibility:hidden;
}

.ie7 #vc_timeline_gallery {
	width:800px; /* !!!! VERY IMPORTANT !!!! */
}



#vc_timeline_gallery #year_wrapper {
	position:relative;
	height:123px;
	background:url(http://www.the-body-shop.co.jp/cms/values/image/values-campaigns/vc_timeline_line.gif) bottom left repeat-x;
}

#vc_timeline_gallery #year_slider #year_text {
	color:#fff;
	font-size:78px;
	line-height:normal;
	display:inline-block;
	position:absolute;
	top:20px;
	left:0;
	letter-spacing:normal;
	text-shadow: 2px 2px 5px rgba(0,0,0,0.6);
}

#vc_timeline_gallery #year_slider {
	position:relative;
	height:123px;
	margin:0 10%;
}

#vc_timeline_gallery #year_marker {
	width:28px;
	height:46px;
	background:url(http://www.the-body-shop.co.jp/cms/values/image/values-campaigns/vc_timeline_marker.png) 0 0 no-repeat;
	position:absolute;
	bottom:-26px;	
	left:0;
}

#vc_timeline_gallery .flexslider {
	zoom:1;
	position:relative;
	height:357px;
	margin-top:30px;
}

#vc_timeline_gallery .flexslider .slides {
	list-style:none;
	zoom:1;
}

#vc_timeline_gallery .flexslider .slides li {
	height:357px;
	position:relative!important;
	zoom:1;
	display:none;
}

#vc_timeline_gallery .flexslider .slides li .year {
	display:none;
}

#vc_timeline_gallery .flexslider .text {
	background:#fff;
	width:43%;
	max-height:360px;
	position:absolute;
	left:10%;
}


#vc_timeline_gallery .flexslider .text .text-inner {
	padding:5%;
}

#vc_timeline_gallery .flexslider .text h3,
#vc_timeline_list .timeline_content h3 {
	margin-top:0;
	font-size:36px;
	line-height:1em;
	color:#e2007a;
	margin-bottom:10px;
}

#vc_timeline_gallery .flexslider .text p,
#vc_timeline_list .timeline_content p {
	margin-bottom:10px;
}

.vc_h_rule {
	height:1px;
	background: url(http://www.the-body-shop.co.jp/cms/values/image/values-campaigns/vc_border_horizontal.gif) top left repeat-x;
	margin-top:10px;
	margin-bottom:10px;
}

.vc_bubble {
	min-height:75px;
	font-size:12px;
	padding:10px 10px 5px 105px;
	background:#e0f8ef url(http://www.the-body-shop.co.jp/cms/values/image/values-campaigns/vc_bubble_bg.gif) 0 0 no-repeat;
}

.vc_bubble p {
	font-size:12px!important;
	margin-bottom:5px!important;
	line-height:14px;
}

.vc_bubble em {
	font-style:oblique;
}

#vc_timeline_gallery .flexslider .preview,
#vc_timeline_list .timeline_content .preview {
	width:290px;
	zoom:1;
/* 	top:30px; */
}

#vc_timeline_gallery .flexslider .preview {
	position:absolute;
	left:56.5%;
	top:10px;
}

#vc_timeline_list .timeline_content .preview {
	margin:0 auto;
}

#vc_timeline_gallery .flexslider .preview .preview-link,
#vc_timeline_list .timeline_content .preview .preview-link {
	display:block;
	width:290px;
	height:290px;
	background-repeat:repeat-y;
	background-position:0 0;
	overflow:hidden;
	text-indent:-3000em;
}

#vc_timeline_gallery .flexslider .preview .preview-link:hover,
#vc_timeline_list .timeline_content .preview .preview-link:hover {
	background-position:0 -290px;
}

#vc_timeline_nav {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

#vc_timeline_nav ul,
#vc_timeline_nav ol {
	list-style:none;
}

#vc_timeline_nav .flex-direction-nav {
	display:none;
}

#vc_timeline_nav .flex-direction-nav .prev,
#vc_timeline_nav .flex-direction-nav .next {
	display:block;
	width:66px;
	height:66px;
	overflow:hidden;
	text-indent:-3000em;
	position:absolute;
	top:-235px;
	background:url(http://www.the-body-shop.co.jp/cms/values/image/values-campaigns/vc_timeline_nav.png) no-repeat;
}

#vc_timeline_nav .flex-direction-nav .prev:active,
#vc_timeline_nav .flex-direction-nav .next:active {
	margin-top:1px;
} 

#vc_timeline_nav .flex-direction-nav .prev,
#vc_timeline_nav .flex-direction-nav .prev.disabled {
	background-position:0 0!important;
	left:0.5%;
}

#vc_timeline_nav .flex-direction-nav .prev:hover {
	background-position:0 -66px;
}

#vc_timeline_nav .flex-direction-nav .next,
#vc_timeline_nav .flex-direction-nav .next.disabletrd {
	background-position:-66px 0!important;
	right:0.5%;
}

#vc_timeline_nav .flex-direction-nav .next:hover {
	background-position:-66px -66px;
}

#vc_timeline_nav .flex-direction-nav .disabled {
	opacity:0.3;
	filter: alpha(opacity=30);
	cursor:default;
	margin-top:0!important;
}



#vc_timeline_nav {
	padding:1px;
	height:127px;
	position:relative;
/* 	background:#999; */
	background: url(http://www.the-body-shop.co.jp/cms/values/image/values-campaigns/vc_timeline_nav_bg.png) 0 0 repeat-x;
	
	-moz-border-radius-bottomleft:3px;
	-webkit-border-bottom-left-radius:3px;
	border-bottom-left-radius:3px;
	
	-moz-border-radius-bottomright:3px;
	-webkit-border-bottom-right-radius:3px;
	border-bottom-right-radius:3px;
}

#vc_timeline_pagination {
	position:relative;
	height:130px;
/* 	padding-top:10px; */
	margin:5px auto 0;
	overflow:hidden;
	width:86.8%;
}

#vc_timeline_pagination .items {
	width:3000em;
	position:absolute;
}

#vc_timeline_pagination .itemgroup {
	float:left;
}

#vc_timeline_pagination li {
	list-style:none;
	float:left;
	margin:0 5px;
}

#vc_timeline_pagination li a {
	display:block;
	width:90px;
	color:#fff;
	text-align:center;
	line-height:16px;
	font-size:12px;
	font-weight:bold;
}

#vc_timeline_pagination li a span,
#vc_timeline_list .items .icon {
	display:block;
	height:82px;
	width:82px;
	margin:0 auto 3px;
	
	background-position: 0 0;
	background-repeat:no-repeat;
}

#vc_timeline_pagination li a:hover span,
#vc_timeline_pagination li a.active span,
#vc_timeline_list .items a:hover .icon,
#vc_timeline_list .items a.active .icon {
	background-position:0 -82px;
}

#vc_timeline_pagination_prev_next a {
	position:absolute;
	top:0;
	display:block;
	text-indent:-3000em;
	overflow:hidden;
	width:41px;
	height:41px;
	top:28px;
	background:url(http://www.the-body-shop.co.jp/cms/values/image/values-campaigns/vc_timeline_nav.png) no-repeat;
	cursor:pointer;
}

#vc_timeline_pagination_prev_next a:active {
	margin-top:1px;
}

#vc_timeline_pagination_prev_next a.disabled {
	opacity:0.3;
	filter: alpha(opacity=30);
	cursor:default;
	margin-top:0!important;
}	

#vc_timeline_pagination_prev_next .prev {
	left:1.8%;
	background-position:-132px 0;
}

#vc_timeline_pagination_prev_next .prev:hover {
	background-position: -132px -41px;
}

#vc_timeline_pagination_prev_next .next {
	right:1.8%;
	background-position:-173px 0;
}

#vc_timeline_pagination_prev_next .next:hover{
	background-position:-173px -41px;
}







/* TIMELINE - LIST
=========================================== */
#vc_timeline_list {
/* 	display:none; */
	padding-top:13px;
/* 	position:absolute; */
/* 	top : -90000em; */
/* 	display:none; */
}



.ie7 #vc_timeline_list .inner {
	width:780px;
}

#vc_timeline_list .inner {
	margin:0 13px;
	padding:0px 0 0;
	background:#fff;
	overflow:hidden;
	position:relative;
	
/*
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
*/
}

#vc_timeline_list .content-wrap {
/* 	display:none; */
	height:100%;
	background:#f6f6f6 url(http://www.the-body-shop.co.jp/cms/values/image/values-campaigns/vc_tbs_logo_embossed.png) center center no-repeat;
	width:49.9%;
	position:absolute;
	right:0;
	top:0;
/* 	border-left:1px solid #ebebeb; */
	
	-moz-border-radius-topright:3px;
	-webkit-border-top-right-radius:3px;
	border-top-right-radius:3px;
	
	-moz-border-radius-bottomright:3px;
	-webkit-border-bottom-right-radius:3px;
	border-bottom-right-radius:3px;
}

#vc_timeline_content_panel {
	margin-top:8px;
	padding:15px 15px 0;
	background:#fff;
	border:1px solid #e4e4e4;
	height:577px;
	width:86%;
	overflow:hidden;
	
	-moz-border-radius-topright:15px;
	-webkit-border-top-right-radius:15px;
	border-top-right-radius:15px;
	
	-moz-border-radius-bottomright:15px;
	-webkit-border-bottom-right-radius:15px;
	border-bottom-right-radius:15px;
	
	margin-left:-100%;
}

#vc_timeline_content_panel .timeline_content {
	display:none;
	position:relative;
	z-index:2;
	background:#fff;
}

#vc_timeline_list .items {
	list-style:none;
	overflow-y:scroll;
	height:612px;
	position:relative;
	z-index:1;
}


#vc_timeline_list .items li {
	background:#fff url(http://www.the-body-shop.co.jp/cms/values/image/values-campaigns/vc_timeline_list_separator.gif) 25px bottom no-repeat;
	width: 51.25%;
	border-right:1px solid #e4e4e4;
}

#vc_timeline_list .items li a {
	font-size:24px;
	line-height:22px;
	padding:8px;
	display:block;
	height:90px;
	margin:0;
	width:96%;
/* 	background:#fff; */
	border:1px solid transparent;
/* 	border-bottom:1px solid #ebebeb; */
	border-right:none;
	
/*
	-moz-border-radius-topleft:15px;
	-webkit-border-top-left-radius:15px;
	border-top-left-radius:15px;
	
	-moz-border-radius-bottomleft:15px;
	-webkit-border-bottom-left-radius:15px;
	border-bottom-left-radius:15px;
*/
}

#vc_timeline_list .items li.active {
/* 	border-bottom:1px solid #fff; */
}

#vc_timeline_list .items li.active a {
	background:#f6f6f6;
	border:1px solid #ebebeb;
	border-right:none;
}

#vc_timeline_list .items li.active a.show_arrow {
	background:#f6f6f6 url(http://www.the-body-shop.co.jp/cms/values/image/values-campaigns/vc_timeline_list_arrow.png) right center no-repeat;
}

#vc_timeline_list .items a .icon {
	float:left;
	margin-right:10px;
}

#vc_timeline_list .items .year {
	color:#00915c;
	display:block;
	padding-top:5px;
}

















/* MAP PAGE - MAP VIEW
=========================================== */
#maincontent .vc_map_page .vc_page_banner {
	background:none;
	margin-bottom:0;
	padding-bottom:0;
	height:auto;
	min-height:inherit;
}

#vc_map_panes {
	clear:both;
	width:100%;
	padding-top:67%; /* Scale proportionately */
	position:relative;
	background: url(http://www.the-body-shop.co.jp/cms/values/image/values-campaigns/vc_cft_map3_1602_.jpg) center center no-repeat;

	
	/* 100% background size in IE */
	/* PATH HERE MUST BE RELATIVE TO THE HTML PAGE, NOT THIS CSS FILE */
	/*
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='image/values-campaigns/vc_cft_map.jpg', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='image/values-campaigns/vc_cft_map.jpg', sizingMethod='scale')";
*/
}

#vc_map {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	overflow:hidden;
/* 	display:table; */
	
	
	/* 100% background size */	
	/*
-webkit-background-size:100%;
	-moz-background-size:100%;
	background-size:100%;
*/
}


#vc_map .pins_container {
/*
	background:red;
	opacity:0.5;
*/
	width:720px;
	height:420px;
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-210px;
	margin-left:-360px;
}

.vc_pin {  
/*
  left: 100px;
  top:100px;
*/
	z-index:1;  
  position: absolute;
}

.vc_pin .pin_box {
	display:block;
	width:42px;
  max-width:240px;
  position:absolute;
  top:0;
	
	-moz-box-shadow:0px 2px 5px rgba(0,0,0,0.6);
	-webkit-box-shadow:0px 2px 5px rgba(0,0,0,0.6);
	box-shadow:0px 2px 5px rgba(0,0,0,0.6);
	
  background-color: #e0ab41;
  
	-moz-border-radius: 8px;
  -webkit-border-radius:8px;
  border-radius: 8px;
}

.vc_pin .pin_content {
	width:200px;
	position:absolute;
	left:40px;
	font-size:12px;
	color:#fff;
	height:75px;
	display:none;
	color:#fff;
	padding:5px;
}

.vc_pin .pin_content h4,
.vc_pin .pin_content p {
	margin:0;
	padding:0;
	line-height:14px;
}

.vc_pin img {
	float:left;
	width:auto!important;
}

.vc_pin .pin_content h3 {
	color:#fff;
	font-size:18px;
	margin:0;
	line-height:18px;
}

.vc_pin .pin_content p {
	margin:0;
	font-size:14px;
	line-height:18px;
	line-height:normal;
}

.vc_pin .vc_btn {
	font-size:12px;
	line-height:20px;
	height:20px;
	padding:0 6px;
	margin-top:3px;
}

.pin_arrow {
	display:block
	z-index:1;
  position: absolute;
  bottom: -62px;
  left: 11px;
  width:20px;
  height:20px;
  background:url(http://www.the-body-shop.co.jp/cms/values/image/values-campaigns/vc_map_pins.png) no-repeat;
  background-position:-20px -20px;
}



.vc_pin.green1 .pin_box,
.list_view .icon.green1	  			{background:#AAD09D}
.green1 .pin_arrow 	 	{background-position:0px 0px}

.vc_pin.green2 .pin_box,
.list_view .icon.green2	 		 	{background:#82C8AE}
.green2 .pin_arrow 	 	{background-position:-20px 0px}

.vc_pin.green3 .pin_box,
.list_view .icon.green3	  			{background:#63A366}
.green3 .pin_arrow 	 	{background-position:-40px 0px}

.vc_pin.green4 .pin_box,
.list_view .icon.geeen4	  			{background:#b5bc62}
.green4 .pin_arrow 	 	{background-position:-60px 0px}

.vc_pin.orange1 .pin_box,
.list_view .icon.orange1	 			{background:#d69f54}
.orange1 .pin_arrow 	 	{background-position:0px -20px}

.vc_pin.orange2 .pin_box,
.list_view .icon.orange2	 			{background:#e0ab41}
.orange2 .pin_arrow 	 	{background-position:-20px -20px}

.vc_pin.orange3 .pin_box,
.list_view .icon.orange3	 			{background:#e79a01}
.orange3 .pin_arrow 	 	{background-position:-40px -20px}

.vc_pin.orange4 .pin_box,
.list_view .icon.orange4	 			{background:#d27c2f}
.orange4 .pin_arrow 	 	{background-position:-60px -20px}

.vc_pin.brown1 .pin_box,
.list_view .icon.brown1	  			{background:#652f27}
.brown1 .pin_arrow 	 	{background-position:0px -40px}

.vc_pin.brown2 .pin_box,
.list_view .icon.brown2	  			{background:#964f24}
.brown2 .pin_arrow 	 	{background-position:-20px -40px}

.vc_pin.brown3 .pin_box,
.list_view .icon.brown3	  			{background:#c6975f}
.brown3 .pin_arrow    	{background-position:-40px -40px}

.vc_pin.brown4 .pin_box,
.list_view .icon.brown4	  			{background:#87601e}
.brown4 .pin_arrow 	 	{background-position:-60px -40px}

.vc_pin.red .pin_box, 
.list_view .icon.red	 				{background:#983421}
.red .pin_arrow  		 	{background-position:0px -60px}

.vc_pin.pink1 .pin_box, list_view .icon.pink1 	 			{background:#F7ADCE}
.pink1 .pin_arrow 		 	{background-position:-20px -60px}

.vc_pin.white .pin_box, 
.list_view .icon.white 	 			{background:#e5e4d4;}
.white .pin_arrow 		 	{background-position:-40px -60px}
.vc_pin.white .pin_content, 
.vc_pin.white .pin_content h3 {color:#444;}

.vc_pin.yellow .pin_box, 
.list_view .icon.yellow	 			{background:#f9e156!important;}
.yellow .pin_arrow 		{background-position:-60px -60px}
.vc_pin.yellow .pin_content, 
.vc_pin.yellow .pin_content h3{color:#444;}

.vc_pin.right img {
	float:right;
}

.vc_pin.right .pin_content {
	left:5px;
}



#map_tip {
	position:absolute;
	right:12px;
	bottom:12px;
	width:280px;
	padding:12px;
	background:url(http://www.the-body-shop.co.jp/cms/values/image/values-campaigns/vc_bg_trans_white.png);
	cursor:pointer;
}

#map_tip h4 {
	margin-top:0;
	padding-top:0;
	color:#00915c;
	text-transform:uppercase;
}

#map_tip p {
	margin-bottom:0;
}

#map_tip a,
#cft_discover .close {
	width:16px;
	height:16px;
	position:absolute;
	background:url(http://www.the-body-shop.co.jp/cms/values/image/values-campaigns/vc_cross.png) 0 0 no-repeat;
	top:9px;
	right:9px;
	overflow:hidden;
	text-indent:-3000em;
}

#map_tip:hover a,
#cft_discover .close:hover {
	background-position: 0 -16px;
}

#vc_map #cft_discover_link {
	display:block;
	position:absolute;
	left:0;
	bottom:0;
	background:url(http://www.the-body-shop.co.jp/cms/values/image/values-campaigns/vc_bg_trans_white.png);
	padding:12px;
	text-transform:uppercase;
}

#vc_map #cft_discover_link span {
	display:inline-block;
	
	height:13px;
	width:7px;
	margin-left:3px;
	margin-bottom:-1px;
	background:url(http://www.the-body-shop.co.jp/cms/values/image/values-campaigns/vc_arrow_large.png) 0 0 no-repeat;
}

.ie7 #vc_map #cft_discover_link span {
	vertical-align:middle;
}

#vc_map #cft_discover_link:hover span {
	visibility: visible;
}

#cft_discover {
	display:none;
	background:url(http://www.the-body-shop.co.jp/cms/values/image/values-campaigns/vc_bg_trans_white.png);
	position:relative;
	z-index:5;
	margin:12px;
/* 	height:465px; */
	padding:50px 20px 15px 29%;
	height:410px;
	padding:8% 20px 0 29%;
	height:83%;	
	overflow:hidden;
}

.ie7 #cft_discover {
	top:12px;
}

#cft_discover .cft_bg {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

#cft_discover .cft_bg .globe_bg {
	width:28%;
	height:100%;
	left:0;
	top:0;
	position:absolute;
	background:url(http://www.the-body-shop.co.jp/cms/values/image/values-campaigns/cft-globe.png) right -30px no-repeat;
}

#cft_discover .cft_bg .strawberry_bg {
	width:149px;
	height:74px;
	background:url(http://www.the-body-shop.co.jp/cms/values/image/values-campaigns/cft-strawberry.png) 0 0 no-repeat;
	position:absolute;
	top:0;
	right:30%;
}

#cft_discover h3 {
	font-size:34px;
	margin-bottom:0;
	line-height:normal;
}

#vc_map_panes #list_pane {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	display:none;
}

#vc_map_panes .list_view {
	margin:12px;
	background:url(http://www.the-body-shop.co.jp/cms/values/image/values-campaigns/vc_bg_trans_white.png);
	height:94.5%;
	list-style:none;
	overflow-y: scroll;
	zoom:1;
	
	position:relative;
}



#vc_map_panes .list_view li {
	padding:20px 0;
	margin:0 3%;
	border-bottom:1px dotted #999;
	width:44%;
	float:left;
	zoom:1;
}

.ie7 #vc_map_panes .list_view li {
	width:42%;
}

#vc_map_panes .list_view li:hover .icon {
/* 	margin-top:-1px; */
}

#vc_map_panes .list_view .icon {
	float:left;
	width:60px;
	margin-right:10px;
/* 	padding:5px; */
	position:relative;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}
	
#vc_map_panes .list_view .icon img {
	width:auto!important;
}

#vc_map_panes .list_view .icon .pin_arrow {
	left:20px;
	bottom:-20px;
}

#vc_map_panes .list_view .text {
	float:left;
}

#vc_map_panes .list_view .text h3 {
	margin:0;
	line-height:1em;
	margin-bottom:3px;
	font-size:30px;
}

#vc_map_panes .list_view .text h3 a {
	color:#666;
}

#vc_map_panes .list_view .text h3 a:hover {
	color: #EC008C;
}

#vc_map_panes .list_view .text p {
	font-size:22px;
	margin-bottom:5px;
}

#vc_map_panes .list_view .text .vc_btn {
	font-size:12px;
	line-height:22px;
	height:22px;
	padding:0 8px;
}




.map_page_content {
	margin-top:-36px;	
}

.map_page_content {
	margin-bottom:15px;
}

.vc_content .addthis_toolbox {
	float: right;
	margin-bottom: 10px;
}
/*
.vc_content .addthis_toolbox {
	position: absolute;
	top: 23px;
	right: 0;
//	float:right;
//	margin-top:-20px;
	
	min-width:100px;
}

.vc_page_banner .addthis_toolbox {
	float:right;
	margin-top:10px;
}

.vc_timeline_page .vc_page_banner .addthis_toolbox {
//	margin-top: 30px;	
}
*/

.vc_page_banner header .addthis_toolbox {
	position: absolute;
	float: none;
	margin: 0;
	bottom: 36px;
	right: 0;
}

.vc_et_home .vc_page_banner header .addthis_toolbox {
	top: -24px;
}

.vc_et_wwd .vc_page_banner header .addthis_toolbox {
	bottom: 0;
}

.vc_text-page .addthis_toolbox	{
	margin-top: -20px;
}


.vc_share {
	border:1px solid #cbcbcb;
	margin-bottom:15px;
}

.vc_right-col .vc_share h4 {
	background: url(http://www.the-body-shop.co.jp/cms/values/image/values-campaigns/vc_border_horizontal.gif) bottom left repeat-x;
	margin:0;
	padding:6px 4px;
	font-size:23px;	
	line-height:normal;	
	text-align:center;
}

.vc_share .share_inner {
	padding:10px;
	text-align:center;
}

.vc_share .fb-like {
	display:inline-block;
	margin-bottom:4px;
}

.vc_share .twitter-share-button {
	position:relative;
	top:4px;
	display:inline-block;
}





















/* ETHICAL TRADE SECTION
=========================================== */

/* Home
=========================================== */
.vc_et_home .vc_page_banner {
	background:url(http://www.the-body-shop.co.jp/cms/values/image/values-campaigns/vc_et_banner.jpg) right top no-repeat;
	height:142px;
}

.vc_et_home .vc_page_banner header {
	padding:38px 20px;
}

.vc_et_home .vc_page_banner h2 {
	color:#fff;
	font-size:80px;
}

.vc_et_home .vid_col {
	width:57%;
	margin-right:2%;
	float:left;
}

.vc_et_home .text_col{
	float:left;
	width:41%;
}

.vc_et_home .text_col h3 {
	margin-top:0;
	font-size:40px;
	margin-bottom:4px;
}

.vc_et_home .text_col p {
	margin-bottom:8px;
}

.panel_wwd {
	width:40%;
	float:left;
	min-height:242px;
	margin-right:2%;
	border:1px solid #cccccb;
}

.panel_wwd header {
	height:65px;
	background:url(http://www.the-body-shop.co.jp/cms/values/image/common/bg/bg_header.jpg) 0 0 repeat-x;
}

.panel_wwd header h4 {
	color:#fff;
	font-size:40px;
	padding:0 13px;
	margin:0;
	line-height:65px;
	
	background:url(http://www.the-body-shop.co.jp/cms/values/image/values-campaigns/vc_et_logo_1.png) 98.5% center no-repeat;
	
	text-shadow: 2px 2px 5px rgba(0,0,0,0.6);
}

.panel_wwd header h4 a {
	color:#fff;
}

.panel_wwd .text {
	border-top:1px dotted #cccccb;
	padding:10px 15px;
}

.panel_wwd p {
	margin-bottom:8px;
}

.panel_wwd .vc_btn,
.panel_journey .vc_btn {
	font-size:14px;
}

.panel_journey {
	width:32%;
	float:left;
	height:244px;
	background:url(http://www.the-body-shop.co.jp/cms/values/image/values-campaigns/vc_panel_journey_bg.jpg) 0 0 no-repeat;
	color:#fff;
}

.panel_journey .text {
	padding:16px 5px 0 75px;
}

.panel_journey p {
	margin-bottom:10px;
}

.panel_journey h4 {
	font-size:40px;
	line-height:normal;
	margin:0;
	padding:0;
	margin-bottom:10px;
	
	text-shadow: 2px 2px 5px rgba(0,0,0,0.6);
}
.panel_journey h4 a {
	color:#fff;
}



.panel_social {
	border:1px solid #cbcbcb;
	width:23.5%;
	float:right;
	min-height:244px;
}

.panel_social h4 {
	font-size:26px;	
	background: url(http://www.the-body-shop.co.jp/cms/values/image/values-campaigns/vc_border_horizontal.gif) bottom left repeat-x;
	padding:10px;
}

.panel_social .text {
	padding:4px 10px;
}

.panel_social .vc_arrow-link {
	background: url(http://www.the-body-shop.co.jp/cms/values/image/values-campaigns/vc_border_horizontal.gif) bottom left repeat-x;
	font-weight:bold;
	display:block;
	padding-bottom:5px;
}

.panel_social p {
	margin-bottom:4px;
}

.panel_social .twitter-share-button {
	position:relative;
	top:3px;
}

.vc_et_home .panel_social .twitter-share-button,
.vc_et_home .panel_social .fb-like {
	margin:0 5px;
}













/* What we're doing
=========================================== */
.vc_et_wwd .vc_page_banner {
	clear:none;
}

.vc_et_wwd .addthis_toolbox {
	margin-top:45px;
}

.vc_right-col .panel_journey {
	width:auto;	
	float:none;
	background-position:-28px 0;
}

.vc_right-col .panel_journey h4 {
	font-size:34px;
	line-height:30px;
	margin-bottom:6px;
}

.vc_right-col .panel_journey .text {
	padding:7px 3px 0 30px;
}

.vc_right-col .panel_journey {
	line-height:16px;
}

.vc_right-col .panel_journey .vc_btn {
	font-size:11px;
	padding:0 6px;
	height:24px;
	line-height:24px;
}


.vc_right-col .panel_journey .vc_btn span 	{
	vertical-align: middle;
	margin-top: -6px;
	margin-left:0;
}

.vc_right-col .panel_social {
	width:auto;
	float:none;
	margin-top:15px;
}

.vc_right-col .panel_social h4 {
	font-size:25px;
	padding:6px;
}

.vc_right-col .panel_social .text {
	padding: 4px 6px;
}



.code_conduct {
	border:1px solid #cbcbcb;
	margin-bottom:18px;
}

.code_conduct header {
	background:url(http://www.the-body-shop.co.jp/cms/values/image/common/bg/bg_header.jpg) 0 0 repeat-x;
	height:97px;
	padding:15px;
	position:relative;
}

.code_conduct .panes {
	min-height:256px;
}

.code_conduct h3 {
	color:#fff;
	text-shadow: 2px 2px 5px rgba(0,0,0,0.6);
	margin:0;
	padding:0;
	font-size:40px;
	line-height:36px;
}

.code_conduct .tabs {
	list-style:none;
	position:absolute;
	bottom:5px;
	left:8px;
}

.code_conduct .tabs li {
	float:left;
/* 	padding:0 3px; */
	width:64px;
}


.code_conduct .tabs a {
	color:#fff;
	display:block;
	width:60px;
	height:60px;
	background:url(http://www.the-body-shop.co.jp/cms/values/image/values-campaigns/vc_et_icons.png) no-repeat;
	overflow:hidden;
	text-indent:-3000em;
	margin:0 auto;
} 

.code_conduct .tabs a.cc_icon_1 				{background-position: 0 0;}
.code_conduct .tabs a.cc_icon_1:hover,
.code_conduct .tabs a.cc_icon_1.active 	{background-position: 0 -60px;}

.code_conduct .tabs a.cc_icon_2 				{background-position: -60px 0;}
.code_conduct .tabs a.cc_icon_2:hover,
.code_conduct .tabs a.cc_icon_2.active 	{background-position: -60px -60px;}

.code_conduct .tabs a.cc_icon_3 				{background-position: -120px 0;}
.code_conduct .tabs a.cc_icon_3:hover,
.code_conduct .tabs a.cc_icon_3.active 	{background-position: -120px -60px;}

.code_conduct .tabs a.cc_icon_4 				{background-position: -180px 0;}
.code_conduct .tabs a.cc_icon_4:hover,
.code_conduct .tabs a.cc_icon_4.active 	{background-position: -180px -60px;}

.code_conduct .tabs a.cc_icon_5 				{background-position: -240px 0;}
.code_conduct .tabs a.cc_icon_5:hover,
.code_conduct .tabs a.cc_icon_5.active 	{background-position: -240px -60px;}

.code_conduct .tabs a.cc_icon_6 				{background-position: -300px 0;}
.code_conduct .tabs a.cc_icon_6:hover,
.code_conduct .tabs a.cc_icon_6.active 	{background-position: -300px -60px;}

.code_conduct .tabs a.cc_icon_7 				{background-position: -360px 0;}
.code_conduct .tabs a.cc_icon_7:hover,
.code_conduct .tabs a.cc_icon_7.active 	{background-position: -360px -60px;}

.code_conduct .tabs a.cc_icon_8 				{background-position: -420px 0;}
.code_conduct .tabs a.cc_icon_8:hover,
.code_conduct .tabs a.cc_icon_8.active 	{background-position: -420px -60px;}

.code_conduct .tabs a.cc_icon_9 				{background-position: -480px 0;}
.code_conduct .tabs a.cc_icon_9:hover,
.code_conduct .tabs a.cc_icon_9.active 	{background-position: -480px -60px;}



.code_conduct .vc_tab_arrow {
	width:0!important;
	height:0;
	background:url(http://www.the-body-shop.co.jp/cms/values/image/common/bg/bg_header.jpg) 0 -127px repeat-x;
	position:absolute;
	bottom:-45px;
	border:20px solid #fff;
	border-top-color:transparent;
}


.eti_logo {
	display:block;
	width:200px;
	height:41px;
	background:url(http://www.the-body-shop.co.jp/cms/values/image/values-campaigns/logo_eti.gif) 0 0 no-repeat;
	overflow:hidden;
	text-indent:-3000em;
}

.code_conduct .eti_logo {
	position:absolute;
	top:15px;
	right:15px;
}


.code_conduct .vc_pane {
	padding:15px;
	position:relative;
	z-index:1;
	display:none;
/* 	background:#fff; */
}

.code_conduct h4 {
	color:#EC008C;
	font-size:28px;
	line-height:normal;
}

.code_conduct p {
	margin-bottom:8px;
}

.code_conduct .text {
	width:70%;
	float:left;
}

.code_conduct img {
	float:right;
	width:auto!important;
	margin-top:10px;
}




#how_we_do_it {
	background:url(http://www.the-body-shop.co.jp/cms/values/image/values-campaigns/vc_timeline_bg.jpg);
	padding:10px;
}

#how_we_do_it .content_inner {
	background:#fff;
	padding:10px;
}


#how_we_do_it h3 {
	margin-top:0;
	margin-bottom:6px;
	font-size:32px;
}

#how_we_do_it p {
	margin-bottom:13px;
}

.hwd_container {
	padding:10px;
	background:#f6f6f6;
	position:relative;
	border:1px solid #cbcbcb; 	 
}


#hwd_carousel {
	height:233px;
	width:47%;
	float:right;
	background:#fff;
	border:1px solid #e4e4e4;
}
 
#hwd_carousel .slides {
	
	list-style:none;
}

#hwd_carousel .slides li {
	display:none;
	height:233px;
	overflow:hidden;
/* 	padding:10px; */
}

#hwd_carousel .slides li div {
	padding:15px;
}

#hwd_carousel h4 {
	font-size:30px;
	margin-bottom:8px;
	margin-top:0;
	padding-top:0;
	line-height:26px;
}


.hwd_nav {
/*
	position:absolute;
	bottom:10px;
	left:19.5%;
*/
	width:82px;
	margin:24px auto 0;
}

.hwd_nav li {
	float:left;
	list-style:none;
}

.hwd_nav li a {
	display:block;
	float:left;
}

.hwd_nav a {
	width:12px;
	height:12px;
	background:url(http://www.the-body-shop.co.jp/cms/values/image/values-campaigns/hwd_sprite.png);
	overflow:hidden;
	text-indent:-3000em;
	margin:0 3px;
}

.hwd_nav a:hover,
.hwd_nav a.active {
	background-position:0 -12px;
}

.hwd_container .hwd_arrow {
	width:16px;
	height:26px;
	background:url(http://www.the-body-shop.co.jp/cms/values/image/values-campaigns/hwd_sprite.png) -12px 0;
	position:absolute;
	right:47%;
	top:36px;
}


.hwd_left_col {
	position:absolute;
	top:0;
	left:0;
	width:52%;
	height:100%;
	background: url(http://www.the-body-shop.co.jp/cms/values/image/values-campaigns/vc_border_vertical.gif) top right repeat-y;
}

#hwd_diagram {
	width:282px;
	height:160px;
	background: url(http://www.the-body-shop.co.jp/cms/values/image/values-campaigns/hwd_sprite.png);
	margin:30px auto 0;
}

#hwd_diagram.step_1 {
	background-position: 0 -30px;
}

#hwd_diagram.step_2 {
	background-position: 0 -190px;
}

#hwd_diagram.step_3 {
	background-position: 0 -350px;
}

#hwd_diagram.step_4 {
	background-position: 0 -510px;
}

#hwd_diagram ul {
	list-style:none;
}

#hwd_diagram a {
	display:block;
/* 	background:red; */
	position:absolute;
/* 	opacity:0.2; */
	overflow:hidden;
	text-indent:-3000em;
}

#hwd_diagram a.step_1 {
	left:97px;
	top:24px;
	width:97px;
	height:29px;
}

#hwd_diagram a.step_2 {
	left:204px;
	top:77px;
	width:97px;
	height:48px;
}

#hwd_diagram a.step_3 {
	left:102px;
	top:142px;
	width:96px;
	height:43px;
}

#hwd_diagram a.step_4 {
	left:9px;
	top:74px;
	width:72px;
	height:44px;
}












/* OUR JOURNEY
=========================================== */
/*
#vc_timeline_gallery .preview-link.no-indent {
	text-indent:0;
}
*/

#vc_timeline_gallery .preview-link img,
#vc_timeline_list .preview-link img {
	width:170px!important;
	height:170px!important;
	margin:60px auto;
}

#vc_timeline_list li.spacer {
	height:72px;
	min-height:72px;
}

















@media screen and (max-width: 1016px) {
		
	#twtr-widget-1 {
		display:none!important;
	}
	
	.vc_page .gcols3 > .gcol2.specific-breadcrumb {
		/*padding-top:10px;*/
	}
	
	.vc_home .vc_page_banner {
		margin-top:47px;
	}
	
	.vc_home .vc_page_banner header {
		margin-top:3.5%;
	}
	
	.vc_page .vc_home_banner_bg {
		height:355px;
	}
}

@media screen and (min-width: 1017px){
	
	.vc_page .gcols3 > .gcol2.specific-breadcrumb {
		padding-bottom:0;
	}
}

@media screen and (min-width: 1080px) {
	.vc_home .vc_page_banner header {
		margin-top:46px;
	}
}











.vc_hidden {visibility:hidden; height:1px; margin:0; padding:0;line-height:0;}
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }rtical.gif) top right repeat-y;
}

#hwd_diagram {
	width:282px;
	height:160px;
	background: url(http://www.the-body-shop.co.jp/cms/values/image/values-campaigns/hwd_sprite.png);
	margin:30px auto 0;
}

#hwd_diagram.step_1 {
	background-position: 0 -30px;
}

#hwd_diagram.step_2 {
	background-position: 0 -190px;
}

#hwd_diagram.step_3 {
	background-position: 0 -350px;
}

#hwd_diagram.step_4 {
	background-position: 0 -510px;
}

#hwd_diagram ul {
	list-style:none;
}

#hwd_diagram a {
	display:block;
/* 	background:red; */
	position:absolute;
/* 	opacity:0.2; */
	overflow:hidden;
	text-indent:-3000em;
}

#hwd_diagram a.step_1 {
	left:97px;
	top:24px;
	width:97px;
	height:29px;
}

#hwd_diagram a.step_2 {
	left:204px;
	top:77px;
	width:97px;
	height:48px;
}

#hwd_diagram a.step_3 {
	left:102px;
	top:142px;
	width:96px;
	height:43px;
}

#hwd_diagram a.step_4 {
	left:9px;
	top:74px;
	width:72px;
	height:44px;
}












/* OUR JOURNEY
=========================================== */
/*
#vc_timeline_gallery .preview-link.no-indent {
	text-indent:0;
}
*/

#vc_timeline_gallery .preview-link img,
#vc_timeline_list .preview-link img {
	width:170px!important;
	height:170px!important;
	margin:60px auto;
}

#vc_timeline_list li.spacer {
	height:72px;
	min-height:72px;
}

















@media screen and (max-width: 1016px) {
		
	#twtr-widget-1 {
		display:none!important;
	}
	
	.vc_page .gcols3 > .gcol2.specific-breadcrumb {
		/*padding-top:10px;*/
	}
	
	.vc_home .vc_page_banner {
		margin-top:47px;
	}
	
	.vc_home .vc_page_banner header {
		margin-top:3.5%;
	}
	
	.vc_page .vc_home_banner_bg {
		height:355px;
	}
}

@media screen and (min-width: 1017px){
	
	.vc_page .gcols3 > .gcol2.specific-breadcrumb {
		padding-bottom:0;
	}
}

@media screen and (min-width: 1080px) {
	.vc_home .vc_page_banner header {
		margin-top:46px;
	}
}











.vc_hidden {visibility:hidden; height:1px; margin:0; padding:0;line-height:0;}
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.