@charset "UTF-8";
/* CSS Document */
body {
	font-family: 'Quicksand', "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	font-weight: 500;
	letter-spacing: normal;
}
body.announcement-bar-shown {
    padding-top: 97px;
}
.en {font-family: 'Cormorant Garamond', serif; font-size:1.1em; }
a:hover, a:focus {
	color: #f5b0a2;
}
.sp-none{ display: none;}
.sp-only{ display: block;}
img {
    display: block;
    max-width: 100%;
    margin: auto;
}
h2 {letter-spacing: normal;}
h3 { font-weight: 700;
letter-spacing: normal;
}
.candle-main-heading {
    text-transform: inherit;
    font-size: 16px;
    letter-spacing: 0.04em;
    text-align: center;
    margin: 0 auto 30px auto;
}
h4 {
    margin: 0 auto 40px ;
    font-size: 18px;
    position: static;
    line-height: 1.45;
	letter-spacing: normal;
}
p {}
.align-center {text-align: center;}
.float-right {float: right;}
.float-left {float: left;}
.clear {clear:both;}

.justfy-center {justify-content: center;}

.small {font-size:0.9rem;}

.pr-1em {padding-right:1em;}

.site-nav a {
    color: #666666;
}
.site-nav a:hover, .site-nav a:focus, .footer-nav ul a:hover, .footer-nav ul a:focus {
    color: #f5b0a2;
}
.main-nav .site-nav a:hover {
	color: #f5b0a2;
}
.legal-footer .copyright p{
    text-align: center;
}

.main-feature h1 {margin-bottom:0.5em;}
.featured-title h1 + span {
    margin: 1rem auto 0;
    font-size: 12px;
    letter-spacing: 0.14em;
    text-align: center;
    color: #fff;
	display: block;
	font-weight: 700;
}
.announcement-bar {
    overflow: hidden;
    max-height: 100px;
    background: #f9d6c9;
    font-size: 10px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #877167;
    text-align: center;
    transition: max-height 0.5s ease-out;
}
.text-block h6 a, .image-block h6 a{
	color:#877167;
	}

h1 {
    font-weight:700;
}
h6 {
    font-size: 12px;
	letter-spacing: 0.02em;
    text-transform:none;
}


.footer-nav ul a {
    color: #666666;
}
.has-btn {text-align: center;}
.has-btn .btn {
	background-color: #f9d6c9;
    background-image: linear-gradient(105deg, #f9d6c9, #f9d6c9 25%, #ebb3a5 35%, #8f7c73 65%, #8f7c73 75%, #8f7c73);
	color:#333333;
}
.has-btn .btn:hover {
	color:#FFFFFF;
}
.main-header .site-logo a {
    display: block;
    padding: 10px;
}
.main-header .site-logo {
    position: static;
    display: block;
    margin: 0 auto;
}
.toggle-nav {
	position:absolute;
	top:0;
}
.icon {
    display: inline-block;
    width: 20px;
    height: auto;
    vertical-align: middle;
    fill: currentColor;
}
.icon--wide {
    width: 80px;
}
.social-links li {
    	border: none;
		list-style: none;
		display: inline-block;
	}
 ul.social-links {
		list-style: none;
		margin:0;
		padding:0;
	}
.social-links a {
    	padding: 5px;
	}
	
.instagram ul.instagram-footer-list {
		list-style: none;
		width: 100%;
		margin: auto;
		display: flex;
		justify-content: center;
		flex-flow: wrap;
		margin:0;
		padding:0;
	}
	.instagram ul.instagram-footer-list li {
		list-style: none;
		width: 49%;
		margin: 1% 0.5%;
	}
	.instagram ul.instagram-footer-list li a img { width:100%;}
	.instagram-nav li:last-child {
    	border-left: none;
	}
#page-top { 
	position:fixed; 
	right:40px;
	bottom:40px;
	background-color: #f9d6c9;
    background-image: linear-gradient(105deg, #f9d6c9, #f9d6c9 25%, #ebb3a5);
	padding:20px 0;
	width:80px;
	height:80px;
	border-radius: 80px;
	text-align: center;
	vertical-align: middle;
	font-size: 10px;
	z-index: 1000;
}
.template-page .main-content .wrapper {
    max-width: 1260px;
    margin: 0 auto;
    padding: 25px 15px;
}

.template-page .main-content > .wrapper:nth-of-type(1) {
    padding: 0 15px 25px;
}
.template-page .main-content > .welcome-wrapper, .template-page .main-content > .welcome-wrapper.wrapper:nth-of-type(1) {
	margin-top:50px;
	padding-bottom:0;
}

.template-page .main-content .wrapper.enjoy-badefee-movie {
    max-width: 100%;
    margin: 0 auto;
    padding: 50px 0;
}
.template-page .main-content .wrapper.enjoy-badefee-movie .rte__video-wrapper {
    position: relative;
    overflow: hidden;
    max-width: 1280px;
    padding-bottom: 0;
    height: auto;
    width: 100%;
    margin: 0 auto 30px;
	padding-top: 56.25%;
}

.template-page .main-content .wrapper.enjoy-badefee-movie .rte__video-wrapper iframe{
	position: absolute;
	  top: 0;
	  right: 0;
	  width: 100% !important;
	  height: 100% !important;
}


.shopify-section .section {
	padding-bottom:60px;
}

#top-concept {
	background: url(../img/bg_intro.png) center no-repeat;
	background-size: contain;
}
#top-index, #pickup {margin-bottom:50px;}
#top-index .grid-container {
		width:96%;
		margin:auto;
		display: grid;
		display: -ms-grid;
		grid-gap: 1px;
	}

	#top-index .grid-container .grid-item a {
		width:100%;
		height:100%;
		min-height: 240px;
		padding:20px;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-flow: row;
	}
	#top-index .grid-container .grid-item a .title {
		text-align: center;
		font-size:2.1rem;
		font-family: 'Cormorant Garamond', serif;
		color:#FFFFFF;
		font-weight: bold;
	}
	#top-index .grid-container .grid-item a .title span {
		display: block;
		margin:1em auto;
		font-family: 'Quicksand', "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
		font-size: 0.8rem;
	}
	#top-index .grid-container .grid-item#brand {
		background: url(../img/top-index-01.jpg) no-repeat bottom;
		background-size: cover;

	}
	#top-index .grid-container .grid-item#about {
		background: url(../img/top-index-02.jpg) no-repeat bottom;
		background-size: cover;

	}
	#top-index .grid-container .grid-item#tips {
		background: url(../img/top-index-03.jpg) no-repeat bottom;
		background-size: cover;

	}
	#top-index .grid-container .grid-item#enjoy {
		background: url(../img/top-index-04.jpg) no-repeat bottom;
		background-size: cover;

	}
	#top-index .grid-container .grid-item#products {
		background: url(../img/top-index-05.jpg) no-repeat bottom;
		background-size: cover;

	}
	
	#top-index .grid-container .grid-item {
		background-color: #fad7ca;
	  -webkit-transition: all 0.6s ease;
	  transition: all 0.6s ease;
		background-position: bottom;
		min-height: 240px;
	}
	#top-index .grid-container .grid-item:hover {
		background-position: center !important;
	}



	.tile a {
		height: 300px;
		background-color: #f3f3f3;
	}
	.tile-1507252382045-0 a {
    	background-image: url(../img/img_top_bath.jpg);
	}
	.tile-1507252382045-0 a:after {
    background-image: url(http://www.badefee.jp/img/img_top_bath_after.jpg);
	}
	.tile-1507252401300 a {
    background-image: url(../img/img_top_body.jpg);
	}
	.tile-1507252401300 a:after {
    background-image: url(../img/img_top_body_after.jpg);
	}
	.tile-1507252471545 a {
    background-image: url(../img/img_top_baby.jpg);
	}
	.tile-1507252471545 a:after {
    background-image: url(../img/img_top_baby_after.jpg);
	}
	.tile h3 {
    font-size:2.0em;
	}

	.fragrance-slider-tabs {
		display: block;
		padding: 0 30px 116px 30px;
	}
.page-candle-safety .welcome-text, .page-how-to-scent-your-home .welcome-text {
	margin-bottom:0;
}
.page-candle-safety .welcome-text p, .page-how-to-scent-your-home .welcome-text p {
	margin-bottom:0;
}
.product-grid-item .product-image {
    position: relative;
    background:#FFF;
    margin-bottom: 0;
    padding: 0;
}
.product-upsell .slick-prev, .product-upsell .slick-next {
    background-color: white;
    height: 35px;
    width: 35px;
    top: -20px;
    border-radius: 0;
}

.concept-shop.shoplist.wrapper .map {margin-top:40px;}
.concept-shop.shoplist.wrapper .address{
	margin-top:40px;
}

.popup-shop.shoplist.wrapper .store_info01, .regular-shop.shoplist.wrapper .store_info01 {
    margin-top: 40px;
}
.shoplist > h2, .shoplist > p{
	text-align: center;
}
h3.area { margin: 60px auto 0; background: #dadada; padding:0.5em 1em; text-align: center;}
.shoplist > h1 + h2 {
	margin-top:0;
}
.address { width:100%; }
.store_info01 .address table {width:100%;}
.store_info01 .address th { white-space: nowrap; vertical-align: top; padding-right:1em;text-align: left;width:5em;}
.store_info01 .address tr > * {padding-top:0.5em;padding-bottom:0.5em; border-bottom:1px dotted #dadada;}

.concept-shop .store_info01 .map .address-table dl {
		padding-top: 0.5em;
    	padding-bottom: 0.5em;
		border-bottom: 1px dotted #dadada;
		margin-top:0;
		margin-bottom:0;
	}
	.concept-shop .store_info01 .map .address-table dt {
		font-weight:bold;
		text-align: left;
		
	}
	.concept-shop .store_info01 .map .address-table dd {
 		margin-left:0;
		padding-left:0;
  
	}

.address h3 { color:#877167; font-size: 16px; margin:20px auto;	line-height: 1.6;}
.address > h3:nth-of-type(1){margin:0 auto 10px auto;}
#area_navi { text-align: center;margin-top:0;background:#f8f8f8;padding:18px; }
#area-nav-wrappwer { width:100%; }
#area-nav-wrappwer.is-show { position:fixed; top:68px;left:0;} 

.store_area {margin-top:-78px; padding-top:78px;}

.featured-title {
    background-image: url(../img/our-world-banner_2500x.jpg);
	}
.template-explore-fragrances .main-content .intro {
    background-image: url(../img/product-banner_2500x.jpg);
	background-position: center bottom ;
	background-color:#f4d7cb;
	}
.template-candle-safety .main-content .featured-title {
    background-image: url(../img/safety-banner_2500x.jpg);
	background-position: center bottom ;
	background-color:#f4d7cb;
	}
.page-enjoy-badefee .main-content .featured-title {
    background-image: url(http://www.badefee.jp/img/enjoy-banner_2500x.jpg);
	background-position: center bottom ;
	background-color:#f4d7cb;
}
.page-how-to-scent-your-home .main-content .featured-title {
    background-image: url(../img/tips-banner_2500x.jpg);
	background-position: center bottom ;
	background-color:#f4d7cb;
	}
.page-how-to-scent-your-home .main-content .featured-title {
    background-image: url(http://www.badefee.jp/img/enjoy-banner_2500x.jpg);
	background-position: center bottom ;
	background-color:#f4d7cb;
	}
.page-stockists .featured-title {
    background-image: url(../img/shop-banner_2500x.jpg);
	}
.page-how-to-scent-your-home .main-content .featured-title {
    background-image: url(../img/tips-banner_2500x.jpg);
}

.rte__video-wrapper iframe{
  	width: 100%;
  	height:360px;
	position:static;
}
.page-our-world .our-story .rte__video-wrapper {
    padding-bottom: 60px; 
}
.page-our-world .our-story .flex-grid {
    align-items: flex-start;
    justify-content: center;
}


figure.snip0041 {
  font-family: 'Raleway', Arial, sans-serif;
  position: relative;
  float: left;
  overflow: hidden;
  margin: 10px 0 40px;
  min-width: 220px;
  max-width: 100%;
  max-height: 240px;
  width: 100%;
  background: #000000;
}
figure.snip0041 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.35s;
  transition: all 0.35s;
}
figure.snip0041 > img {
  margin-right: 50%;
  width: 50%;
  filter: blur(0px);
}
figure.snip0041 figcaption {
  right: 0;
  position: absolute;
  top: 0;
  width: 50%;
  height: 100%;
  background: #ffffff;
}
figure.snip0041 figcaption h2,
figure.snip0041 figcaption p {
  margin: 0;
  color: #000000;
  text-align: center;
  position: absolute;
  padding: 10px 0 10px 0px;
  margin: 0 0 0 20px;
  right: 0;
}
figure.snip0041 figcaption h2 {
  font-size: 1.3em;
  bottom: 50%;
  right: 0;
  font-weight: 300;
  text-transform: uppercase;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
figure.snip0041 figcaption h2 span {
  font-weight: 800;
}
figure.snip0041 figcaption p {
  top: 50%;
  font-size: 0.9em;
  opacity: 0.8;
}

figure.snip0041 figcaption p .block-md {
  display: block;
	text-align: left;
}

figure.snip0041:after {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 20px;
  width: 20px;
  background-color: #000000;
  content: '';
  -webkit-transform: rotate(45deg) translate(-50%, -50%);
  transform: rotate(45deg) translate(-50%, -50%);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}

.page-our-world .fragrances-block .right {
    padding-top: 0;
}
.page-our-world .fragrances-block {
    padding-bottom:85px;
}

.page-our-world .our-story {
    display: block;
}

.page-candle-safety .flex-grid, .page-enjoy-badefee .flex-grid {
	display: flex;
	flex-flow: wrap;
}

.page-candle-safety  .flex-grid .left-area, .page-enjoy-badefee .flex-grid .left-area {
	width:100%;
	margin-bottom:30px;
}

.page-candle-safety  .flex-grid .youtube-area{
	width:100%;
}

.rte__video-wrapper {
    position: relative;
    overflow: hidden;
    max-width: 640px;
    padding-bottom: 0;
    height: 360px;
    width: 100%;
	margin:30px auto;
	}
	.our-story h4 {
    position:static;
    font-size: 24px;
    max-width: 100%;
	}



.biotamark { position:static; width:90%;z-index: 10; margin:0 auto 20px;}
.biota_topics{ background: url(http://www.badefee.jp/img/bg_biota.png) repeat-y ;background-size: 100%; padding:30px;position:relative;margin:40px auto;}
.biota_topics .inner { max-width:1200px; margin:auto;}
.biota_topics h2 { text-align: center; font-size:24px; font-weight:bold;color: #877167; margin:0 0 20px;}
.biota_topics > p { text-align: center;margin:0 auto 40px; background-color: rgba(253,231,231,0.9); border-radius: 50px; width:90%;padding:10px;}
.biota_topics .comment_wrapper { display: flex; flex-flow:wrap; justify-content: space-between;z-index:1; max-width:1200px;margin:auto;}
.biota_topics .comment_wrapper > div { width:100%; } 
.biota_topics .comment_wrapper > div dl { display: flex; flex-flow: row wrap; justify-content: space-between;}
.biota_topics .comment_wrapper dl dt {width:100%;margin-right:10px; font-size:90%;color:#4b291c;}
.biota_topics .comment_wrapper dl dd { width:100%;margin:20px 0 0 0;}
.biota_topics .comment_wrapper dl dt span { font-size: 12px;text-align: left;}
.biota_topics .comment_wrapper dl dd h3 {text-align: left; font-size: 18px; font-weight:bold; margin-bottom: 1em;color:#4b291c;position:relative;z-index: 1;}
.biota_topics .comment_wrapper dl dd p { font-size:90%;text-align: left; background-color:transparent; z-index: 10;position:relative;}
.biota_topics .bg01,.biota_topics .bg02,.biota_topics .bg03, .biota_topics .bg04, .biota_topics .bg05, .biota_topics .bg06 {
	position:absolute;
	z-index: 0;
}
.biota_topics .bg01 { bottom:5px ;left:15%;} 
.biota_topics .bg02 { top:90px ;right:3%;} 
.biota_topics .bg03 { top:20px ;left:25%;} 
.biota_topics .bg04 { top:120px ;left:1%;} 
.biota_topics .bg05 { bottom:10px ;left:40%; display: none;} 
.biota_topics .bg06 { bottom:20px ;right:5%;} 


#skincare .flex-container.nowrap {
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
}

#skincare .flex-container.nowrap .box{
	display: flex;
	align-items: center;
	flex-flow: wrap;
	width:100%;
}
#skincare .flex-container.nowrap .box h4 {
	text-align: center;
	font-weight: bold;
	font-size:1.2rem;
	line-height: 1.6;
	width:100%;
	margin-bottom:20px;
}

#skincare .flex-container.nowrap .gray-box {
	justify-content: center;
	background-color: #f8f8f8;
	padding:20px;
	font-size: 0.9rem;
	margin-bottom:1px;
}
#skincare .flex-container.nowrap .gray-box span {
	font-size: 1.4rem;
}


.our-story h4 {
    margin: 40px auto;
    font-size: 18px;
    position: static;
    right: auto;
    bottom: auto;
    line-height: 1.45;
    max-width: 100%;
}

.template-explore-fragrances .main-content .intro ul.fragrance-families {
    max-width: 90%;
    margin: 0 auto;
    padding: 0;
    list-style: none;
    font-size: 14px;
}

.template-explore-fragrances .main-content .intro ul.fragrance-families a {
    display: block;
    padding: 12px 10px 0 10px;
    color: #252525;
}

.template-explore-fragrances .main-content .intro ul.fragrance-families li {
    display: inline-block;
    vertical-align: top;
    width: 30%;
}

.template-explore-fragrances .fragrance-family .inner {
	max-width:90%;
}

.template-explore-fragrances .fragrance-family a > .btn {
    margin: 0 auto 10px;
}

.fragrance-family a, .fragrance-family > div.nolink {
	display: flex;
	align-items: center;
	cursor: pointer;
	position:relative;
	width:100%;
	height:100%;
}
.fragrance-family a:after, .fragrance-family > div.nolink:after {
	content: '';
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    background-size: cover;
    background-position: center;
    -moz-transition: opacity 0.3s;
    -ms-transition: opacity 0.3s;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
} 
.fragrance-family a:hover:after {
	opacity:1;
}
.fragrance-family > div.nolink:hover:after {
	opacity:1;
} 
.fragrance-family a .inner * {
	color:#FFFFFF;
}
.fragrance-family a:hover .inner * {
	color:transparent;
}
.fragrance-family .inner h6 {
	color:#FFFFFF;
}
.fragrance-family .inner p.small {
	font-size:0.8em;
	text-align: left;
}


.page-flex-grid .left {
    flex-basis: auto;
	width:100%;
    padding: 0 10px;
}
.page-flex-grid .right {
    flex-basis: auto;
	width:100%;
    padding: 0;
}
.template-candle-safety .candle-safety .rectangle-block .left {
	background-color: rgba(255,255,255,0.8);
	padding:20px;
}
.rectangle-block.rectangle02 {display: block; }
.rectangle-block.rectangle02 .left {
	background-color:transparent;
	padding:0;
	width:100%;
	height:562px;
}
.rectangle-block.rectangle02 .right{
	text-align: left;
}
.overlay02 .text-overlay img {
    	width: auto;
		max-width: 100%;
		margin: auto;
	}
.rectangle-block .page-flex-content > .page-flex-grid {
		padding:0;
		width:100%;
		flex-flow: wrap column-reverse;
	}
.rectangle-block .page-flex-content .page-flex-grid .right {
	margin-bottom:10px;
}
.page-flex-grid.block-4 .left { width:100%; flex-basis: 100%;}
.rectangle-block .page-flex-content > .page-flex-grid.amount { align-items: flex-start; background-color: #f8f8f8; padding: 20px 0;flex-flow:wrap row;margin-top:20px;}
	.page-flex-grid.amount .box { width:50%; padding:10px 20px; text-align: center; font-size:12px;}
	.page-flex-grid.amount .box img { width:auto;margin:auto; max-width:100%;}
.faq__head {
    margin-top: 50px;
    margin-bottom: 50px;
}

.faq__body-item {
	border-bottom: 1px solid #c5c5c5;
}
.faq__question {
	border-bottom:none;
	padding-left:2em;
	position:relative;
}
.faq__question:before {
    content:"Q. ";
	font-size:20px;
	position:absolute;
	left:0;
	top:0.2em;
}
.faq__answer {
    margin-bottom: 0;
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: none;
	padding-left:30px;
	color:#666666;
}

.candle-safety h4 span {
    font-size: 24px;
    font-weight: 700;
	letter-spacing: 0.25em;
}

.welcome-text {
    margin: 0 0 50px;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
}
.welcome-text * {text-align: center;}

.flex-container {
	display: flex;
}
#nature {
	max-width:800px;
	margin:auto;
}
#nature .flex-container {
	flex-flow:wrap ;
	justify-content: center;
}

.snip1527 {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  color: #ffffff;
  font-size: 16px;
  margin: 1px auto 0;
  overflow: hidden;
  position: relative;
  text-align: left;
  width: 100%;
}

.snip1527 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.snip1527 img {
  max-width: 100%;
  vertical-align: top;
  position: relative;
}

#nature .flex-container > .flex-box > .snip1527 figcaption {
  padding: 25px 20px 25px;
  position: absolute;
  bottom: 0;
  z-index: 1;
}


.snip1527 figcaption:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  content: '';
background: rgb(66,159,33);
background: -moz-linear-gradient(55deg, rgba(66,159,33,0.9) 0%, rgba(160,227,74,0.9) 100%);
background: -webkit-linear-gradient(55deg, rgba(66,159,33,0.9) 0%, rgba(160,227,74,0.9) 100%);
background: linear-gradient(55deg, rgba(66,159,33,0.9) 0%, rgba(160,227,74,0.9) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#429f21",endColorstr="#a0e34a",GradientType=1);
  opacity: 0.8;
  z-index: -1;
}


.snip1527 h3,
.snip1527 p {
  margin: 0;
  padding: 0;
}

.snip1527 h3 {
  display: inline-block;
  font-weight: 700;
  letter-spacing: -0.4px;
  margin-bottom: 5px;
}

.snip1527 p {
  font-size: 0.8em;
  line-height: 1.6em;
  margin-bottom: 0px;
}

.snip1527 a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  z-index: 1;
}


@media only screen and (min-width: 1260px){
	
	
	
}

@media screen and (min-width: 740px){
	.sp-none{ display: block;}
	span.sp-none {display:inline;}
	.main-feature .call-to-action.vertical-position-center {
		top: 50%;
		bottom: auto;
		-moz-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
	
	.main-feature .call-to-action {
		width:60%;
	}
	.main-feature .call-to-action h1 {
		margin-bottom:1em;
	}
	
	.welcome-text {
    font-size: 25px;
}
	.candle-main-heading {
    margin: 40px auto;
    font-size: 18px;
}
	.tile a {
    height:100%;
    background-color: transparent;
	}
	
	.right-tiles .tile h6 {
    	color: transparent;
		padding:40px;
		line-height: 1.6;
		bottom:32%;
	}
	.left-tiles .tile h6 {
    	color: transparent;
		padding:40px;
		line-height: 1.6;
		bottom:48%;
	}
	.product-grid-item .product-image {
    	padding: 0;
		margin-bottom:12px;
	}
	.product-grid-item h3 {
    	margin-top: 0;
	}

	.instagram ul.instagram-footer-list li {
		width: 24%;
	}

	.legal-footer-content.wrapper .icon--wide {
    	width: 80px;
		height:auto;
	}
	
	.legal-footer .copyright {
		float: none; 
		text-align: center;
		margin-top:0;
	}
	.main-footer .site-logo {
    position: static; 
    margin: 0 auto;
		text-align: center;
	}
	.featured-title {
    background-image: url(../img/our-world-banner_2500x.jpg);
	}
	.template-explore-fragrances .intro {
    background-image: url(../img/product-banner_2500x.jpg);
	}
	.page-stockists .featured-title {
    background-image: url(../img/shop-banner_2500x.jpg);
	}
	
	figure.snip0041:after {

    height: 35px;
    width: 35px;
   
}
	
	figure.snip0041 figcaption h2,
	figure.snip0041 figcaption p {
  margin: 0;
  color: #000000;
  text-align: center;
  position: absolute;
  padding: 10px 0 10px 0px;
  margin: 0 40px 0 20px;
  right: 0;
}
	
	#tips-blocks .candle-main-heading {
		text-align: left;
		margin:0 0 40px 0;
	}
.rectangle-block .page-flex-content > .page-flex-grid {
		padding:0;
		width:100%;
		flex-flow: wrap row;
	}
.rectangle-block .page-flex-content .page-flex-grid .right {
	margin-bottom:0;
}
	.rectangle02.page-flex-grid .right {
    flex-basis: 55%;
    padding: 10px;
	text-align: left;
	}
	.rectangle02.page-flex-grid {
    padding: 60px 0;
    margin-top: 35px;
	justify-content: space-between;
	}
	
	.rectangle-block .page-flex-content .page-flex-grid {
		padding:0;
		width:100%;
		justify-content: space-between;
		align-items: flex-start;
	}

	.candle-main-heading.block02 {
    margin: 40px auto ;
    font-size: 20px;
}
	.rectangle-block .page-flex-content .page-flex-grid .left {
	background-color: rgba(255,255,255,0);
	padding:0;
	width:49%;
	flex-basis:auto;
}
	.rectangle-block .page-flex-content .page-flex-grid .right {
	width:49%;
	flex-basis:auto;
		display: flex;
		align-items: flex-start;
		flex-flow: wrap;		

	} 
	
	
	.tips01.rectangle-block .page-flex-content .page-flex-grid .left {
		width:48%;
	}
	.tips01.rectangle-block .page-flex-content .page-flex-grid .right {
		width:48%;
	}
	.tips01.rectangle-block .page-flex-content .page-flex-grid p { width:100%; margin-top:10px;} 
	
	.rectangle-block .page-flex-content .page-flex-grid .right img {margin:0;}
	.rectangle-block.rectangle02 {display: flex; }
	.rectangle-block.rectangle02 .left {height:auto;}
	.page-flex-grid.block-4 .left { width:100%; flex-basis: 100%;}
	.tips01 .page-flex-grid.amount { align-items: flex-start; background-color: #f8f8f8; padding: 20px 20px 10px 20px;flex-flow:wrap;}
	.tips01 .page-flex-grid.amount .box { width:25%; padding:10px; text-align: center; font-size:12px;}
	.tips01 .page-flex-grid.amount .box img { width:auto;margin:auto; max-width:100%;}
	
	#nature .flex-container {
		justify-content: space-between;
}
	#nature .flex-container .flex-box {
		width:calc(50% - 0.5px);
	}
	#nature .flex-container > .flex-box:nth-of-type(2) > .snip1527 figcaption, #nature .flex-container > .flex-box:nth-of-type(4) > .snip1527 figcaption{
  bottom: auto;
  top:0;
	}
.biotamark { position:absolute; right:30px; top:-50%;width:22%;z-index: 10;}
.biota_topics{ background: url(http://www.badefee.jp/img/bg_biota.png) repeat-y ;background-size: 100%; padding:40px;position:relative;margin:40px auto;}
.biota_topics .inner { max-width:1200px; margin:auto;}
.biota_topics h2 { text-align: center; font-size:24px; font-weight:bold;color: #877167; margin:0 0 20px;}
.biota_topics > p { text-align: center;margin:0 auto 40px; background-color: rgba(253,231,231,0.9); border-radius: 50px; width:80%;padding:10px;}
.biota_topics .comment_wrapper { display: flex; justify-content: space-between;z-index:1; max-width:1200px;margin:auto;}
.biota_topics .comment_wrapper > div { width:48%; } 
.biota_topics .comment_wrapper > div dl { display: flex; flex-flow: row; justify-content: space-between;}
.biota_topics .comment_wrapper dl dt {width:40%;margin-right:10px; font-size:90%;color:#4b291c;}
.biota_topics .comment_wrapper dl dd { width:58%;}
.biota_topics .comment_wrapper dl dt span { font-size: 12px;text-align: left;}
.biota_topics .comment_wrapper dl dd h3 {text-align: left; font-size: 18px; font-weight:bold; margin-bottom: 1em;color:#4b291c;position:relative;z-index: 1;}
.biota_topics .comment_wrapper dl dd p { font-size:90%;text-align: left; background-color:transparent; z-index: 10;position:relative;}
.biota_topics .bg01,.biota_topics .bg02,.biota_topics .bg03, .biota_topics .bg04, .biota_topics .bg05, .biota_topics .bg06 {
	position:absolute;
	z-index: 0;
}
.biota_topics .bg01 { bottom:5px ;left:15%;} 
.biota_topics .bg02 { top:90px ;right:3%;} 
.biota_topics .bg03 { top:20px ;left:25%;} 
.biota_topics .bg04 { top:120px ;left:1%;} 
.biota_topics .bg05 { bottom:10px ;left:40%;} 
.biota_topics .bg06 { bottom:20px ;right:5%;} 
	


#skincare .flex-container.nowrap .box{
	display: flex;
	align-items: center;
	flex-flow: wrap;
	width:100%;
}

#skincare .flex-container.nowrap .gray-box {
	justify-content: center;
	background-color: #f8f8f8;
	padding:20px;
	font-size: 0.9rem;
	width:49%;
}
#skincare .flex-container.nowrap .gray-box span {
	font-size: 1.4rem;
}
		
}




@media only screen and (min-width: 990px){
	
	body.announcement-bar-shown {
		padding-top:170px;
	}
	.sp-only{ display: none;}
	
	.candle-main-heading {
    margin: 0 auto 40px auto;
}
	.site-nav--has-submenu.active>a:after {
    position: absolute;
    top: 100%;
    left: 50%;
    width: 5px;
    height: 5px;
    margin: 0 0 0 -2.5px;
    background: #f9d6c9;
    border-radius: 50%;
    content: '';
	}
	.main-header .site-logo{
	position: absolute;
    top: 0;
    left: 50%;
    display: block;
    margin: 0 0 0 -75px;
	}
	.main-header .site-logo .icon-bade {
    width: 115px;
    height: auto;
	}
	.mobile-nav .site-logo {
    display: none;
	}	
	.main-header .site-logo a {
    padding-top: 15px;
    padding-bottom: 12px;
	}
	.main-header-bar {
    padding-top: 84px;
    transition: padding 0.5s ease-in-out;
	}
	.main-menu-explore .nav-wrapper, .footer-actions .nav-wrapper {
    	max-width: 1240px;
    	padding: 40px 8px;
		margin:0 auto;
	}
	.main-menu-explore .nav-wrapper>ul, .footer-actions .nav-wrapper>ul{
		overflow: hidden;
	} 
	.main-menu-explore .nav-wrapper>ul>li, .footer-actions .nav-wrapper>ul>li {
    float: left;
    width: 20%;
    padding: 0 8px;
}
	.main-menu-explore .nav-wrapper>ul>li>a, .footer-actions .nav-wrapper>ul>li>a{
    position: relative;
    height: 175px;
    padding: 11px 15px;
    background-size: cover;
    color: #fff;
	width:100%;
}
	.main-menu-explore .nav-wrapper>ul>li>a:after, .footer-actions .nav-wrapper>ul>li>a:after  {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    content: '';
    opacity: 0;
    transition: opacity 0.4s ease-out;
}
	.main-menu-explore .nav-wrapper>ul>li>a:hover:after, .footer-actions .nav-wrapper>ul>li>a:hover:after {
    opacity: 0.5;
}
	.main-menu-explore .site-nav__submenu .title, .footer-actions .nav-wrapper .title  {
		position: absolute;
		top: 50%;
		left: 0;
		z-index: 20;
		display: block;
		width: 100%;
		font-size: 18px;
		font-weight: 800;
		letter-spacing: 0.2em;
		line-height: 1.3;
		text-align: center;
		color: #fff;
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		text-shadow: 0 0 8px rgba(0,0,0,0.1);
		padding:30px 10px;
	}
	.main-menu-explore .site-nav__submenu .title span, .footer-actions .nav-wrapper .title span {
		font-size: 12px;
		display: block;
		margin:10px auto 0;
		letter-spacing: 0.05em;
	}
	.main-menu-explore .nav-item-1 .title, .footer-actions .nav-item-1 .title {
    left: 50%;
    max-width: 180px;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
	.main-menu-explore .nav-item-1 a, .footer-actions .nav-wrapper .nav-item-1 a {
    background-image: url(../img/nav-story-beach_470x350_crop_center.jpg);
    background-color: #877167;
		}.main-menu-explore .nav-item-1 a:after, .footer-actions .nav-wrapper .nav-item-1 a:after  {
			background: #877167;
		}
	.main-menu-explore .nav-item-2 a, .footer-actions .nav-wrapper .nav-item-2 a  {
    background-image: url(../img/nav-safety-beach_470x350_crop_center.jpg);
    background-color: #f9d6c9;
		}.main-menu-explore .nav-item-2 a:after, .footer-actions .nav-wrapper .nav-item-2 a:after {
			background: #f9d6c9;
		}
	.main-menu-explore .nav-item-3 a, .footer-actions .nav-wrapper .nav-item-3 a {
    background-image: url(../img/nav-tips-beach_470x350_crop_center.jpg);
    background-color: #fff2bf;
		}.main-menu-explore .nav-item-3 a:after, .footer-actions .nav-wrapper .nav-item-3 a:after {
			background: #F3DF8F;
		}
	.main-menu-explore .nav-item-4 a, .footer-actions .nav-wrapper .nav-item-4 a {
    background-image: url(../img/nav-enjoy-beach_470x350_crop_center.jpg);
    background-color: #d2eaee;
		}.main-menu-explore .nav-item-4 a:after, .footer-actions .nav-wrapper .nav-item-4 a:after {
			background: #B6E5EC;
		}
	
	.main-menu-explore .nav-item-5 a, .footer-actions .nav-wrapper .nav-item-5 a {
    background-image: url(http://www.badefee.jp/img/nav-explore-beach_470x350_crop_center.jpg);
    background-color: #d2eaee;
		}.main-menu-explore .nav-item-5 a:after, .footer-actions .nav-wrapper .nav-item-5 a:after  {
			background: #B6ECBE;
		}
	
	.main-feature .call-to-action {
    max-width: 600px;
	}
	
	
	#top-concept .text-block h1 {
		margin-bottom:40px;
		font-weight:500;
	}
	
	#top-index {margin-bottom:0;}
	#top-index .grid-container {
		width:96%;
		max-width:1620px;
		margin:auto;
		display: grid;
		display: -ms-grid;
		grid-gap: 1px;
  		grid-template-columns: 1fr 1fr;
		grid-template-rows: 300px 200px 200px 200px;
		-ms-grid-columns: 1fr 1fr;
		-ms-grid-rows:300px 200px 200px 200px;
	}

	#top-index .grid-container .grid-item a {
		width:100%;
		height:100%;
		padding:20px;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-flow: row;
		min-height:100%;
	}
	#top-index .grid-container .grid-item a .title {
		text-align: center;
		font-size:2.1rem;
		font-family: 'Cormorant Garamond', serif;
		color:#FFFFFF;
		font-weight: bold;
	}
	#top-index .grid-container .grid-item a .title span {
		display: block;
		margin:1em auto;
		font-family: 'Quicksand', "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
		font-size: 0.8rem;
	}
	#top-index .grid-container .grid-item#brand {
		grid-column: 1 / 3;
		grid-row: 1 / 2;
	-ms-grid-column: 1;
    -ms-grid-row: 1;
    -ms-grid-column-span: 2;
	-ms-grid-row-span: 1;
		background: url(../img/top-index-01.jpg) no-repeat bottom;
		background-size: cover;

	}
	#top-index .grid-container .grid-item#about {
		grid-column: 1 / 2;
		grid-row: 2 / 4;
	-ms-grid-column: 1;
    -ms-grid-row: 2;
    -ms-grid-column-span: 1;
	-ms-grid-row-span: 2;
		background: url(../img/top-index-02.jpg) no-repeat bottom;
		background-size: cover;

	}
	#top-index .grid-container .grid-item#tips {
		grid-column: 2 / 2;
		grid-row: 2 / 3;
	-ms-grid-column: 2;
    -ms-grid-row: 2;
    -ms-grid-column-span: 1;
	-ms-grid-row-span: 1;
		background: url(../img/top-index-03.jpg) no-repeat bottom;
		background-size: cover;

	}
	#top-index .grid-container .grid-item#enjoy {
		grid-column: 2 / 3;
		grid-row: 3 / 5;
	-ms-grid-column: 2;
    -ms-grid-row: 3;
    -ms-grid-column-span: 1;
	-ms-grid-row-span: 2;
		background: url(../img/top-index-04.jpg) no-repeat bottom;
		background-size: cover;

	}
	#top-index .grid-container .grid-item#products {
		grid-column: 1 / 2;
		grid-row: 4 / 5;
	-ms-grid-column: 1;
    -ms-grid-row: 4;
    -ms-grid-column-span: 1;
	-ms-grid-row-span: 1;
		background: url(../img/top-index-05.jpg) no-repeat bottom;
		background-size: cover;

	}
	
	#top-index .grid-container .grid-item {
		background-color: #fad7ca;
	  -webkit-transition: all 0.6s ease;
	  transition: all 0.6s ease;
		background-position: bottom;
		min-height:200px;
	}
	#top-index .grid-container .grid-item:hover {
		background-position: center !important;
	}
	
	.template-page .main-content .wrapper {
    padding: 50px 15px;
}
	.template-page .main-content > .wrapper:nth-of-type(1) {
    padding: 0 15px 50px;
}
	.page-our-world .main-content .welcome-wrapper {
	margin-top:50px;
}
	
	.three-tile-block {
		padding:90px 0;
	}
	.tile-wrapper h1{
		width:100%;
		text-align: center;
	}
	.has-btn {text-align: left;}
	.address h3 { color:#877167; font-size: 18px; margin:20px auto;	line-height: 1.6;}
	.store_info01 {margin-top:40px;}
	
	.concept-shop.shoplist.wrapper .map {margin-top:0;}
	.concept-shop .store_info01 {
		display: flex;
		justify-content: space-between;
		flex-flow: row; 
		margin-top:40px;
	}
	
	.concept-shop .store_info01 .map{
		width:36%;
	}
	
	.concept-shop.shoplist.wrapper .store_info01 .address{
		width:60%;
		margin-top:0;
	}
	
	.popup-shop.shoplist.wrapper {
		display: flex;
		flex-flow: wrap;
		justify-content: flex-start;
	}
	.regular-shop.shoplist.wrapper {
		display: flex;
		flex-flow: wrap;
		justify-content: space-between;
	}
	.popup-shop.shoplist.wrapper h2, .popup-shop.shoplist.wrapper p, .popup-shop.shoplist.wrapper h1, .popup-shop.shoplist.wrapper .store_area, .regular-shop.shoplist.wrapper h2, .regular-shop.shoplist.wrapper h1,.regular-shop.shoplist.wrapper p,.regular-shop.shoplist.wrapper .store_area,.regular-shop.shoplist.wrapper  #area_navi{width:100%;}
	
	.popup-shop.shoplist.wrapper .store_info01, .regular-shop.shoplist.wrapper .store_info01{
		width:46%;
		margin-top:60px;
	}
	
	.popup-shop.shoplist.wrapper .store_info01 .address, .regular-shop.shoplist.wrapper .store_info01 .address {
	}
	.store_info01 .address table {width:100%;}
	.store_info01 .address th { white-space: nowrap; vertical-align: top; padding-right:1em;text-align: left;width:5em;}
	.store_info01 .address tr > * {padding-top:0.5em;padding-bottom:0.5em; border-bottom:1px dotted #dadada;}
	
	.main-content .featured-title {
	min-height:380px;
	}
	
.template-explore-fragrances .main-content .intro {
    background-image: url(../img/product-banner_2500x.jpg);
	min-height: 380px;
	}
.template-candle-safety .main-content .featured-title {
    background-image: url(../img/safety-banner_2500x.jpg);
	}
.page-enjoy-badefee .main-content .featured-title {
    background-image: url(http://www.badefee.jp/img/enjoy-banner_2500x.jpg);
	}
.page-how-to-scent-your-home .main-content .featured-title {
    background-image: url(../img/tips-banner_2500x.jpg);
	}
.page-stockists .featured-title {
    background-image: url(../img/shop-banner_2500x.jpg);
	background-position: center top ;
	}

	
	.left-area { width:60%;max-width:640px;}
	
	
	.page-candle-safety .flex-grid, .page-enjoy-badefee .flex-grid{justify-content: space-between;}
	.page-candle-safety .flex-grid .left-area, .page-enjoy-badefee .flex-grid .left-area {
	width:50%;
}
	.page-candle-safety .flex-grid .right, .page-enjoy-badefee .flex-grid .right {
	width:45%;
}
	
	figure.snip0041 figcaption p .block-md {
  display: inline;
}
	.template-explore-fragrances .main-content .intro ul.fragrance-families a {
    display: block;
    padding: 12px 26px 0 26px;
    color: #252525;
}
	.template-explore-fragrances .fragrance-family-7 {
    z-index: 9;
    grid-column: 1 / 8;
    grid-row: 9 / 12;
}	
	.template-explore-fragrances .fragrance-family-8 {
    z-index: 8;
    grid-column: 8 / 17;
    grid-row: 9 / 10;
}
	.template-explore-fragrances .fragrance-family-9 {
    z-index: 7;
    grid-column: 8 / 17;
    grid-row: 11 / 12;
}

	.template-explore-fragrances .main-content .intro ul.fragrance-families {
    max-width: 100%;
    margin: 0 auto;
}
	.template-explore-fragrances .main-content .intro ul.fragrance-families li {
		width:auto;
	}
	
	.rectangle02.page-flex-grid .right {
    flex-basis: 45%;
    padding: 10px;
	text-align: left;
	}
	
	.page-flex-grid.amount .box {
    width: 50%;
    padding: 10px;
    text-align: center;
    font-size: 12px;
}
	.template-candle-safety .candle-safety .rectangle-block .left {
    background-color:transparent;
    padding: 20px;
}
	#skincare .flex-container.nowrap .box h4{
	align-items: left;

}
	
	#skincare .flex-container.nowrap .box{
	display: flex;
	align-items: center;
	flex-flow: wrap;
	width:19%;
}

#skincare .flex-container.nowrap .gray-box {
	justify-content: center;
	background-color: #f8f8f8;
	padding:20px;
	font-size: 0.9rem;
	width:19%;
}
#skincare .flex-container.nowrap .gray-box span {
	font-size: 1.4rem;
}
.template-page .main-content .wrapper.enjoy-badefee-movie > .section:nth-of-type(1) {
    padding-top: 50px;
}	
	
}