@charset "utf-8";

/*-----------------------------------------------------
z-index
-------------------------------------------------------*/
#MV div.pager{z-index: 1;}
#Main div.pager{z-index: 1;}
#Modal{
	z-index: 9000;
}

/*-----------------------------------------------------
#Header
-------------------------------------------------------*/
#Header{
	margin: 0;
}

/*-----------------------------------------------------
#Content
-------------------------------------------------------*/
#Content{
	padding: 110px 0 0;
}

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

@media screen and (max-width: 768px){
	#Content{
		padding: 95px 0 0;
	}
}


/*-------------------------------------
MV
---------------------------------------*/
#MV{
	min-width: 1240px;
	height: 480px;
	overflow: hidden;
	position: relative;
	margin:0 20px;
}

/* block
---------------------*/
#MV div.mv-wrapper div.block{
	height: 480px;
	position: relative;
}
#MV div.mv-wrapper div.block img{
	display: none;
}
#MV div.mv-wrapper div.block:after{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	content: '';
}

/* pager
---------------------*/
#MV div.pager{
	width: 1280px;
	position: absolute;
	left: 50%;
	bottom: 5px;
	margin: 0 0 0 -640px;
	text-align: center;
}
#MV div.pager span.swiper-pagination-bullet{
	background: #FFF;
	opacity: 1;
}
#MV div.pager span.swiper-pagination-bullet-active{
	background: #FFE8E8;
}


@media screen and (min-width: 769px){
	/* block
	---------------------*/
	#MV div.mv-wrapper div.block{
		overflow: hidden;	
		background: #f6f6f6;
		background: -moz-linear-gradient(top, #f6f6f6 0%, #f1f1f1 100%);
		background: -webkit-linear-gradient(top, #f6f6f6 0%,#f1f1f1 100%);
		background: linear-gradient(to bottom, #f6f6f6 0%,#f1f1f1 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#f1f1f1',GradientType=0 );
	}
	#MV div.mv-wrapper div.block:before{
		width: 2000px;
		height: 480px;
		display: block;
		position: absolute;
		top: 0;
		left: 50%;
		margin: 0 0 0 -1000px;
		content: '';
	}
	
	#MV div.mv-wrapper div.block.mv01:before{
		background: url(/images/mv_img01.jpg) no-repeat 0 0;
	}
	#MV div.mv-wrapper div.block.mv02:before{
		background: url(/images/mv_img02.jpg) no-repeat 0 0;
	}
	#MV div.mv-wrapper div.block.mv03:before{
		background: url(/images/mv_img03.jpg) no-repeat 0 0;
	}
	#MV div.mv-wrapper div.block.mv04:before{
		background: url(/images/mv_img04.jpg) no-repeat 0 0;
	}
	#MV div.mv-wrapper div.block.mv05:before{
		background: url(/images/mv_img05.jpg) no-repeat 0 0;
	}
}

@media screen and (max-width: 768px){
	/*-------------------------------------
	MV
	---------------------------------------*/
	#MV{
		min-width: 280px;
		height: auto;
		margin: 0 10px;
	}
	/* block
	---------------------*/
	#MV div.mv-wrapper div.block{
		height: auto;
	}
	#MV div.mv-wrapper div.block img{
		width: 100%;
		height: auto;
		display: block;
	}

	/* pager
	---------------------*/
	#MV div.pager{
		width: 320px;
		bottom: 8px;
		margin: 0 0 0 -160px;
	}
}

/*-----------------------------------------------------
#Main
-------------------------------------------------------*/
#Main{
}

/*-------------------------------------
limited
---------------------------------------*/
#Main div.limited p.bnr a{
	width: 100%;
	height: 200px;
	display: block;
	text-indent: -9999px;
	cursor: pointer;
	/*background: url(/images/bnr_limited.jpg) no-repeat 50% 0 #f0f7fb;*/
	/*background: url(/images/bnr_limited201701.jpg) no-repeat 50% 0 #f0f7fb;*/
	background: url(/images/bnr_limited201702.jpg) no-repeat 50% 0 #f0f7fb;
	
	}
#Main div.limited {
	margin:0 20px;
}

@media screen and (min-width: 769px){
	#Main div.limited p.bnr{
		-webkit-transition: opacity 0.2s;
				transition: opacity 0.2s;
	}
	#Main div.limited p.bnr:hover{
		opacity: 0.7;
	}
}

@media screen and (max-width: 768px){
	#Main div.limited {
	margin:0 10px;
}
	#Main div.limited p.bnr a{
		height: auto;
		text-indent: 0;
		background: #f0f7fb;
	}
	#Main div.limited p.bnr a img{
		width: 100%;
		height: auto;
	}
}

/*-------------------------------------
cp201706
---------------------------------------*/
#Main div.cp201706 p.bnr a{
	width: 100%;
	height: 200px;
	display: block;
	text-indent: -9999px;
	cursor: pointer;
	background: url(/images/bnr_cp201706_2.jpg) no-repeat 50% 0 #f8d9e8;
	}
#Main div.cp201706 {
	margin:0 20px;
}

@media screen and (min-width: 769px){
	#Main div.cp201706 p.bnr{
		-webkit-transition: opacity 0.2s;
				transition: opacity 0.2s;
	}
	#Main div.cp201706 p.bnr:hover{
		opacity: 0.7;
	}
}

@media screen and (max-width: 768px){
	#Main div.cp201706 {
	margin:0 10px;
}
	#Main div.cp201706 p.bnr a{
		height: auto;
		text-indent: 0;
		background: #f0f7fb;
	}
	#Main div.cp201706 p.bnr a img{
		width: 100%;
		height: auto;
	}
}

/*-------------------------------------
cp2017bus
---------------------------------------*/
#Main div.cp2017bus p.bnr a{
	width: 100%;
	height: 200px;
	display: block;
	text-indent: -9999px;
	cursor: pointer;
	background:url(/campaign/bus/img/bnr_bus.png) center top no-repeat;
	}
#Main div.cp2017bus {
	margin:0 20px;
	background:#fff url(/campaign/bus/img/bg_topBnr.jpg) center top no-repeat;
}

@media screen and (min-width: 769px){
	#Main div.cp2017bus p.bnr{
		-webkit-transition: opacity 0.2s;
				transition: opacity 0.2s;
	}
	#Main div.cp2017bus p.bnr:hover{
		opacity: 0.7;
	}
}

@media screen and (max-width: 768px){
	#Main div.cp2017bus {
	margin:0 10px;
}
	#Main div.cp2017bus p.bnr a{
		height: auto;
		text-indent: 0;
		background: #f0f7fb;
	}
	#Main div.cp2017bus p.bnr a img{
		width: 100%;
		height: auto;
	}
}

/*-------------------------------------
product
---------------------------------------*/
#Main div.product{
	margin: 0 20px 62px;
	padding: 60px 0 82px;
	background: #FDF4F6;
}

/* new-product
---------------------*/
#Main div.product section.new-product{
	width: 1084px;
	margin: 0 auto 60px;
}
#Main div.product section.new-product ul{
	width: 800px;
	margin: 0 auto;
	overflow: hidden;
}
#Main div.product section.new-product ul li.bloomingblue{
	display: block;
	width: 800px;
	height: 230px;
	background: url(/images/bloomingblue_bnr01.png) 0% 0% no-repeat;
}
#Main div.product section.new-product ul li img{
	display: none;
}

@media screen and (min-width: 769px){
	#Main div.product section.new-product ul li a{
		-webkit-transition: opacity 0.2s;
				transition: opacity 0.2s;
	}
	#Main div.product section.new-product ul li a:hover{
		opacity: 0.7;
	}
}

/* category
---------------------*/
#Main div.product section.category{
	width: 1084px;
	margin: 0 auto 100px;
}
#Main div.product section.category div.category-swiper div.pager{
	display: none;
}
#Main div.product section.category div.category-swiper div.block{
	width: 338px;
	float: left\9;
	margin: 0 0 0 35px\9;
}
#Main div.product section.category div.category-swiper div.block:first-child{
	margin: 0\9;
}
#Main div.product section.category div.category-swiper div.block a{
	width: 338px;
	height: 190px;
	display: block;
	text-indent: -9999px;
}

/*#Main div.product section.category div.category-swiper div.category01 a{background: url(/images/category_img01.png) no-repeat 0 0;}
#Main div.product section.category div.category-swiper div.category02 a{background: url(/images/category_img02.png) no-repeat 0 0;}
#Main div.product section.category div.category-swiper div.category03 a{background: url(/images/category_img03.png) no-repeat 0 0;}*/

#Main div.product section.category div.category-swiper div.category01 a{background: url(/images/category_img_n01.png) no-repeat 0 0;}
#Main div.product section.category div.category-swiper div.category02 a{background: url(/images/category_img_n02.png) no-repeat 0 0;}
#Main div.product section.category div.category-swiper div.category03 a{background: url(/images/category_img_n03.png) no-repeat 0 0;}


@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	#Main div.product section.category div.category-swiper div.block{
		float: none\9;
		margin: 0\9;
	}
	#Main div.product section.category div.category-swiper div.block:first-child{
		margin: 0\9;
	}
}

@media screen and (min-width: 769px){
	#Main div.product section.category div.category-swiper div.block a{
		-webkit-transition: opacity 0.2s;
				transition: opacity 0.2s;
	}
	#Main div.product section.category div.category-swiper div.block a:hover{
		opacity: 0.7;
	}
}

@media screen and (max-width: 768px){
	/*-------------------------------------
	product
	---------------------------------------*/
	#Main div.product{
		margin: 0 10px;
		padding: 30px 0 30px;
	}

	/* new-product
	---------------------*/
	#Main div.product section.new-product{
		width: 100%;
		overflow: hidden;
		margin: 0 auto 40px;
	}
	#Main div.product section.new-product ul{
		width: auto;
		margin: 0 20px 0;
	}
	#Main div.product section.new-product ul li{
		width: 100%;
		float: none;
		margin: 10px 0 0;
	}
	#Main div.product section.new-product ul li.bloomingblue{
		width: auto;
		height: auto;
		background-image: none;
	}
	#Main div.product section.new-product ul li img{
		display:block;
		width: 100%;
	}
	/* category
	---------------------*/
	#Main div.product section.category{
		width: 100%;
		height: 205px;
		overflow: hidden;
		position: relative;
		margin: 0 auto 40px;
	}
	#Main div.product section.category div.category-swiper{
		width: 810px;
		height: 158px;
		position: absolute;
		bottom: 0;
		left: 50%;
		margin: 0 0 0 -405px;
		padding: 0 0 0 270px;
	}
	#Main div.product section.category div.category-swiper div.block{
		width: 270px;
	}
	#Main div.product section.category div.category-swiper div.block a{
		width: 270px;
		height: 140px;
	}

	/*#Main div.product section.category div.category-swiper div.category01 a{background: url(/images/category_img01_sp.jpg) no-repeat 50% 0;background-size: 253px auto;}
	#Main div.product section.category div.category-swiper div.category02 a{background: url(/images/category_img02_sp.jpg) no-repeat 50% 0;background-size: 253px auto;}
	#Main div.product section.category div.category-swiper div.category03 a{background: url(/images/category_img03_sp.jpg) no-repeat 50% 0;background-size: 253px auto;}*/
	#Main div.product section.category div.category-swiper div.category01 a{background: url(/images/category_img_n01_sp.png) no-repeat 50% 0;background-size: 253px auto;}
	#Main div.product section.category div.category-swiper div.category02 a{background: url(/images/category_img_n02_sp.png) no-repeat 50% 0;background-size: 253px auto;}
	#Main div.product section.category div.category-swiper div.category03 a{background: url(/images/category_img_n03_sp.png) no-repeat 50% 0;background-size: 253px auto;}

	/* pager
	---------------------*/
	#Main div.product section.category div.category-swiper div.pager{
		width: 320px;
		display: block;
		position: absolute;
		left: 50%;
		bottom: 0;
		margin: 0 0 0 -295px;
		text-align: center;
	}
	#Main div.product section.category div.category-swiper div.pager span.swiper-pagination-bullet{
		background: #e4e3df;
		opacity: 1;
	}
	#Main div.product section.category div.category-swiper div.pager span.swiper-pagination-bullet-active{
		background: #f6bdc0;
	}
}

/* fragrance
---------------------*/
#Main div.product section.fragrance{
	width: 1084px;
	margin: 0 auto;
}

/* type */
#Main div.product section.fragrance div.type{
	width: 1080px;
	height: 324px;
	overflow: hidden;
	margin: 0 0 36px;
	padding: 0 4px 0 0;
	background: url(/images/fragrance_bg.png) no-repeat 0 0;
}

/* visual */
#Main div.product section.fragrance div.type p.visual{
	width: 500px;
	height: 320px;
}
#Main div.product section.fragrance div.type01 p.visual{float: right;}
#Main div.product section.fragrance div.type03 p.visual{float: left;}
#Main div.product section.fragrance div.type02 p.visual{float: left;}

/* type-inline */
#Main div.product section.fragrance div.type div.type-inline{
	width: 580px;
	text-align: center;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#Main div.product section.fragrance div.type01 div.type-inline,
#Main div.product section.fragrance div.type03 div.type-inline,
#Main div.product section.fragrance div.type02 div.type-inline{
	float: right;
}

/* h3 */
#Main div.product section.fragrance div.type div.type-inline h3{
	margin: 0 0 13px;
	padding: 40px 0 0;
	font-size: 23px;
	line-height: 1;
}
#Main div.product section.fragrance div.type01 div.type-inline h3{color: #B99353;}
#Main div.product section.fragrance div.type02 div.type-inline h3{color: #ea6182;}
#Main div.product section.fragrance div.type03 div.type-inline h3{color: #0090d4;}

/* lead */
#Main div.product section.fragrance div.type div.type-inline p.lead{
	margin: 0 0 30px;
	color: #423423;
	font-size: 14px;
}

/* block */
#Main div.product section.fragrance div.type div.type-inline div.block{
	float: left\9;
	margin: 0 0 0 15px\9;
}
#Main div.product section.fragrance div.type div.type-inline div.block:first-child{
	margin: 0\9;
}
#Main div.product section.fragrance div.type div.type-inline div.block span{
	display: block;
	margin: 5px 0 0;
	font-size: 14px;
}

/* fragrance-swiper01 */
#Main div.product section.fragrance div.fragrance-swiper01{
	width: 542px;
	margin: 0 auto;
}
#Main div.product section.fragrance div.fragrance-swiper01 div.fragrance01{width: 190px;}
#Main div.product section.fragrance div.fragrance-swiper01 div.fragrance02{width: 141px;}
#Main div.product section.fragrance div.fragrance-swiper01 div.fragrance03{width: 183px;}

/* fragrance-swiper02 */
#Main div.product section.fragrance div.fragrance-swiper02{
	width: 397px;
	margin: 0 auto;
}
#Main div.product section.fragrance div.fragrance-swiper02 div.fragrance01{width: 205px;}
#Main div.product section.fragrance div.fragrance-swiper02 div.fragrance02{width: 177px;}

/* fragrance-swiper03 */
#Main div.product section.fragrance div.fragrance-swiper03{
	/*width: 392px;*/
	width: 543px;
	margin: 0 auto;
}
/*#Main div.product section.fragrance div.fragrance-swiper03 div.fragrance01{width: 200px;}
#Main div.product section.fragrance div.fragrance-swiper03 div.fragrance02{width: 170px;}*/
#Main div.product section.fragrance div.fragrance-swiper03 div.fragrance01{width: 190px;}
#Main div.product section.fragrance div.fragrance-swiper03 div.fragrance02{width: 138px;}
#Main div.product section.fragrance div.fragrance-swiper03 div.fragrance03{width: 184px;}

#Main div.product section.fragrance div.type.type03 div.type-inline p.lead{
	margin-bottom:20px;
}

/* pager */
#Main div.product section.fragrance div.pager{
	display: none;
}

/* btn */
#Main div.product section.fragrance p.btn{
	width: 240px;
	margin: 0 auto;
}
#Main div.product section.fragrance p.btn a{
	width: 240px;
	height: 40px;
	display: block;
	position: relative;
	color: #fff;
	text-align: center;
	line-height: 42px;
	border-radius: 20px;
	background: #F091A7;
}
#Main div.product section.fragrance p.btn a:after{
	width: 14px;
	height: 6px;
	position: absolute;
	top: 17px;
	right: 20px;
	background: url(/common/images/ico_arw01.png) no-repeat 0 0;
	background-size: 14px auto;
	content: '';
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	/* block */
	#Main div.product section.fragrance div.type div.type-inline div.block{
		float: none\9;
		margin: 0\9;
	}
	#Main div.product section.fragrance div.type div.type-inline div.block:first-child{
		margin: 0\9;
	}
}

@media screen and (min-width: 769px){
	#Main div.product section.fragrance div.swiper-container div.block a,
	#Main div.product section.fragrance p.btn a{
		-webkit-transition: opacity 0.2s;
				transition: opacity 0.2s;
	}
	#Main div.product section.fragrance div.swiper-container div.block a:hover,
	#Main div.product section.fragrance p.btn a:hover{
		opacity: 0.7;
	}
}

@media screen and (max-width: 768px){
	/* fragrance
	---------------------*/
	#Main div.product section.fragrance{
		width: 100%;
	}

	/* type */
	#Main div.product section.fragrance div.type{
		width: auto;
		height: auto;
		overflow: visible;
		position: relative;
		margin: 0 20px 27px;
		padding: 0;
		background: none;
		box-shadow: 3px 3px 0 0 #F9D8DB;
	}

	/* visual */
	#Main div.product section.fragrance div.type p.visual{
		width: 100%;
		height: 0;
		overflow: hidden;
		position: relative;
		padding-top:49.152542373%;
	}
	#Main div.product section.fragrance div.type01 p.visual{
		float: none;
		background: url(/images/fragrance01_img_sp.jpg) no-repeat 0 0;
		background-size: cover;
	}
	#Main div.product section.fragrance div.type02 p.visual{
		float: none;
		background: url(/images/fragrance02_img_sp.jpg) no-repeat 0 0;
		background-size: cover;
	}
	#Main div.product section.fragrance div.type03 p.visual{
		float: none;
		background: url(/images/fragrance03_img_sp.jpg) no-repeat 0 0;
		background-size: cover;
	}
	#Main div.product section.fragrance div.type p.visual img{
		display: none;
	}

	/* type-inline */
	#Main div.product section.fragrance div.type div.type-inline{
		width: auto;
		position: relative;
		padding: 20px 0;
		background: #FFF;
	}
	#Main div.product section.fragrance div.type01 div.type-inline,
	#Main div.product section.fragrance div.type02 div.type-inline,
	#Main div.product section.fragrance div.type03 div.type-inline{
		float: none;
	}

	/* h3 */
	#Main div.product section.fragrance div.type div.type-inline h3{
		margin: 0 0 17px;
		padding: 0;
		font-size: 16px;
	}

	/* lead */
	#Main div.product section.fragrance div.type div.type-inline p.lead{
		margin: 0 0 8px;
		font-size: 11px;
	}

	/* block */
	#Main div.product section.fragrance div.type div.type-inline div.block a{
		width: 100%;
		display: block;
		text-align:center;
	}
	#Main div.product section.fragrance div.type div.type-inline div.block a span{
		margin: 3px 0 0;
		padding: 110px 0 0;
		font-size: 11px;
	}
	#Main div.product section.fragrance div.type div.type-inline div.block a img{
		display: none;
	}

	/* fragrance-swiper */
	#Main div.product section.fragrance div.fragrance-swiper01,
	#Main div.product section.fragrance div.fragrance-swiper02,
	#Main div.product section.fragrance div.fragrance-swiper03{
		width: 100%;
	}
	#Main div.product section.fragrance div.fragrance-swiper01 div.fragrance01,
	#Main div.product section.fragrance div.fragrance-swiper01 div.fragrance02,
	#Main div.product section.fragrance div.fragrance-swiper01 div.fragrance03,
	#Main div.product section.fragrance div.fragrance-swiper02 div.fragrance01,
	#Main div.product section.fragrance div.fragrance-swiper02 div.fragrance02,
	#Main div.product section.fragrance div.fragrance-swiper03 div.fragrance01,
	#Main div.product section.fragrance div.fragrance-swiper03 div.fragrance02{width: 260px;}
	#Main div.product section.fragrance div.fragrance-swiper01 div.fragrance01 a{background: url(/images/fragrance01_img01_sp.jpg) no-repeat 50% 0;background-size: 260px auto;}
	#Main div.product section.fragrance div.fragrance-swiper01 div.fragrance02 a{background: url(/images/fragrance01_img02_sp.jpg) no-repeat 50% 0;background-size: 260px auto;}
	#Main div.product section.fragrance div.fragrance-swiper01 div.fragrance03 a{background: url(/images/fragrance01_img03_sp.jpg) no-repeat 50% 0;background-size: 260px auto;}
	#Main div.product section.fragrance div.fragrance-swiper02 div.fragrance01 a{background: url(/images/fragrance02_img01_sp.jpg) no-repeat 50% 0;background-size: 260px auto;}
	#Main div.product section.fragrance div.fragrance-swiper02 div.fragrance02 a{background: url(/images/fragrance02_img02_sp.jpg) no-repeat 50% 0;background-size: 260px auto;}
	#Main div.product section.fragrance div.fragrance-swiper03 div.fragrance01 a{background: url(/images/fragrance03_img01_sp.jpg) no-repeat 50% 0;background-size: 260px auto;}
	#Main div.product section.fragrance div.fragrance-swiper03 div.fragrance02 a{background: url(/images/fragrance03_img02_sp.jpg) no-repeat 50% 0;background-size: 260px auto;}
	
	#Main div.product section.fragrance div.fragrance-swiper03 div.fragrance03 a{background: url(/images/fragrance03_img03_sp.jpg) no-repeat 50% 0;background-size: 260px auto;}

	/* pager */
	#Main div.product section.fragrance div.pager{
		width: 100%;
		display: block;
		margin: 15px auto 0;
		text-align: center;
	}
	#Main div.product section.fragrance div.pager span.swiper-pagination-bullet{
		background: #e4e3df;
		opacity: 1;
	}
	#Main div.product section.fragrance div.pager span.swiper-pagination-bullet-active{
		background: #f6bdc0;
	}

	/* btn */
	#Main div.product section.fragrance p.btn{
		width: 180px;
		margin: 0 auto;
	}
	#Main div.product section.fragrance p.btn a{
		width: 180px;
		line-height: 41px;
	}
	#Main div.product section.fragrance p.btn a:after{
		top: 16px;
		right: 15px;
	}
}

/*-------------------------------------
instagram
---------------------------------------*/
#Main section.instagram{
	width: 1012px;
	margin: 0 auto 60px;
	padding: 66px 40px 55px;
	background-image: url(/images/instagram_bg_top.png), url(/images/instagram_bg_btm.png), url(/images/instagram_bg.png);
	background-repeat: no-repeat, no-repeat, repeat-y;
	background-position: 0 0, 0 100%, 0 0;
}

/* h2
---------------------*/
#Main section.instagram h2{
	margin: 0 0 50px;
	color: #0090D4;
	font-size: 28px;
	/* font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; */
	text-align: center;
	line-height: 1;
}
#Main section.instagram h2 span{
	display: inline-block;
	position: relative;
	margin: 0 0 0 15px;
	padding: 0 0 0 28px;
}
#Main section.instagram h2 span:first-child{
	margin: 0;
	padding: 0 0 0 52px;
}
#Main section.instagram h2 span:after{
	width: 1px;
	height: 30px;
	position: absolute;
	top: 0;
	left: 10px;
	-webkit-transform: rotate(10deg);
	        transform: rotate(10deg);
	background: #0090D4;
	content: '';
}
#Main section.instagram h2 span:first-child:after{
	width: 32px;
	height: 32px;
	top: -1px;
	left: 0;
	-webkit-transform: rotate(0);
	        transform: rotate(0);
	background: url(/images/instagram_ttl_ico.png) no-repeat 0 0;
	background-size: 32px auto;
}
#Main section.instagram ul{
	width: 980px;
	overflow: hidden;
	margin: 0 auto;
}
#Main section.instagram ul li{
	width: 225px;
	float: left;
	margin: 10px;
	text-align: center;
	opacity: 0;
}
#Main section.instagram ul li a{
	width: 225px;
	height: 240px;
	display: block;
	position: relative;
	padding: 10px 0 0;
	background: url(/images/instagram_bg_photo.png) no-repeat 0 0;
	background-size: 225px auto;
}
#Main section.instagram ul li a span{
	width: 205px;
	height: 205px;
	overflow: hidden;
	display: block;
	position: relative;
	margin: 0 auto;
}
#Main section.instagram ul li a img{
	position: absolute;
	top: 50%;
	left: 50%;
}
#Main section.instagram ul li a span:after{
	width: 30px;
	height: 30px;
	display: block;
	position: absolute;
	bottom: 10px;
	right: 10px;
	border-radius: 15px;
	background: #fff;
	content: '';
}
#Main section.instagram ul li a:after{
	width: 12px;
	height: 8px;
	display: block;
	position: absolute;
	bottom: 56px;
	right: 29px;
	background: url(/common/images/ico_blank01.png) no-repeat 0 0;
	background-size: 12px auto;
	content: '';
}

@media screen and (min-width: 769px){
	#Main section.instagram ul li a{
		-webkit-transition: opacity 0.2s;
				transition: opacity 0.2s;
	}
	#Main section.instagram ul li a:hover{
		opacity: 0.5;
	}
}

@media screen and (max-width: 768px){
	/*-------------------------------------
	instagram
	---------------------------------------*/
	#Main section.instagram{
		width: auto;
		margin: 0 10px 30px;
		padding: 30px 0 20px;
		border-bottom: 1px solid #e4e3df;
		background: none;
	}

	/* h2
	---------------------*/
	#Main section.instagram h2{
		margin: 0 0 25px;
		padding: 39px 0 0;
		font-size: 18px;
		background: url(/images/instagram_ttl_ico.png) no-repeat 50% 0;
		background-size: 24px auto;
	}
	#Main section.instagram h2 span{
		margin: 0 0 0 10px;
		padding: 0 0 0 18px;
	}
	#Main section.instagram h2 span:first-child{
		padding: 0;
	}
	#Main section.instagram h2 span:after{
		width: 1px;
		height: 18px;
		position: absolute;
		top: 0;
		left: 2px;
	}
	#Main section.instagram h2 span:first-child:after{
		display: none;
	}
	#Main section.instagram ul{
		width:auto;
		margin:0 20px;
		text-align:center;
	}
	#Main section.instagram ul li{
		width:50%;
		float:none;
		display:inline-block;
		margin:0 0 16px;
		box-sizing:border-box;
	}
	#Main section.instagram ul li:nth-child(odd){clear:left;padding-right:1.4666666667vw;}
	#Main section.instagram ul li:nth-child(even){padding-left:1.4666666667vw;}
	#Main section.instagram ul li a{
		width:100%;
		height:0;
		position:relative;
		padding-top:110.2189781%;
		background: url(/images/instagram_bg_photo.png) no-repeat 0 0;
		background-size:contain;
	}
	#Main section.instagram ul li a:after{display:none;}
	#Main section.instagram ul li a span{
		width:calc(100% - 9px - 8px);
		height:0;
		position:absolute;
		top:8px;
		left:8px;
		padding-top:calc(100% - 9px - 8px);
	}
	#Main section.instagram ul li a span:before{
		content:"";
		width:18px;
		height:18px;
		position:absolute;
		bottom:5px;
		right:5px;
		background:url(/common/images/ico_blank01_sp.png) no-repeat 50% 50%;
		background-size:8px auto;
		z-index:10;
	}
	#Main section.instagram ul li a span:after{
		width: 18px;
		height: 18px;
		bottom: 5px;
		right: 5px;
		border-radius: 9px;
	}
}

/*-------------------------------------
news
---------------------------------------*/
#Main section.news{
	width: 1084px;
	overflow: hidden;
	position: relative;
	margin: 0 auto;
}
#Main section.news h2{
	width: 174px;
	float: left;
	padding: 0 0 0 66px;
	font-size: 20px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#Main section.news p.more{
	position: absolute;
	top: 40px;
	left: 66px;
}
#Main section.news p.more a{
	display: block;
	position: relative;
	font-size: 13px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#Main section.news p.more a:after{
	width: 14px;
	height: 6px;
	position: absolute;
	top: 5px;
	left: 55px;
	background: url(/common/images/ico_arw02.png) no-repeat 0 0;
	background-size: 14px auto;
	content: '';
}

#Main section.news ul{
	width: 844px;
	float: right;
}
#Main section.news ul li{
	overflow: hidden;
	margin: 0 0 20px;
}
#Main section.news ul li span{
	width: 94px;
	display: block;
	float: left;
	color: #F091A7;
}
#Main section.news ul li a{
	display: block;
	margin: 0 0 0 94px;
	text-decoration: underline;
}

@media screen and (min-width: 769px){
	#Main section.news p.more a,
	#Main section.news ul li a{
		-webkit-transition: opacity 0.2s;
				transition: opacity 0.2s;
	}
	#Main section.news p.more a:hover,
	#Main section.news ul li a:hover{
		opacity: 0.5;
	}
}

@media screen and (max-width: 768px){
	/*-------------------------------------
	news
	---------------------------------------*/
	#Main section.news{
		width: auto;
		margin: 0 20px;
	}
	#Main section.news h2{
		width: auto;
		float: none;
		margin: 0 0 30px;	
		padding: 0;
		font-size: 16px;
	}
	#Main section.news p.more{
		top: 5px;
		left: auto;
		right: 20px;
	}
	#Main section.news p.more a{
		font-size: 11px;
	}
	#Main section.news p.more a:after{
		top: 5px;
		left: 42px;
		background: url(/common/images/ico_arw02.png) no-repeat 0 0;
		background-size: 14px auto;
		content: '';
	}

	#Main section.news ul{
		width: auto;
		float: none;
	}
	#Main section.news ul li{
		margin: 20px 0 0;
		font-size: 12px;
	}
	#Main section.news ul li span{
		width: auto;
		display: block;
		float: none;
	}
	#Main section.news ul li a{
		display: block;
		margin: 0;
	}
}


/*-----------------------------------------------------
Modal
-------------------------------------------------------*/
#Modal{
}
#Modal div.modal-content{
	width: 960px;
	//height: 828px;
	height: 655px;
	position: relative;
}
#Modal div.modal-content p.bnr{
	width: 960px;
	//height: 828px;
	height: 655px;
	text-indent: -9999px;
	background: url(/images/modal_limited_img_2.jpg) no-repeat 0 0;
}
#Modal div.modal-content dl{
	width: 580px;
	overflow: hidden;
	position: absolute;
	top: 580px;
	left: 50%;
	margin: 0 0 0 -290px;
}
#Modal div.modal-content dl dt{
	margin: 0 0 15px;
	font-size: 18px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#Modal div.modal-content dl dd{
	float: left;
	padding: 8px 4px;
	background: #D7C69D;
}
#Modal div.modal-content dl dd.shop01{
	padding-left: 8px;
}
#Modal div.modal-content dl dd.shop04{
	padding-right: 8px;
}
#Modal div.modal-content dl dd a{
	width: 135px;
	height: 52px;
	display: block;
	text-indent: -9999px;
}
#Modal div.modal-content dl dd.shop01 a{background: url(/images/modal_limited_btn01.png) no-repeat 0 0;}
#Modal div.modal-content dl dd.shop02 a{background: url(/images/modal_limited_btn02.png) no-repeat 0 0;}
#Modal div.modal-content dl dd.shop03 a{background: url(/images/modal_limited_btn03.png) no-repeat 0 0;}
#Modal div.modal-content dl dd.shop04 a{background: url(/images/modal_limited_btn04.png) no-repeat 0 0;}

#Modal div.modal-content p.shop{
	width: 200px;
	height: 40px;
	position: absolute;
	top: 708px;
	left: 50%;
	margin: 0 0 0 -100px;
}
#Modal div.modal-content p.shop a{
	width: 200px;
	height: 40px;
	display: block;
	font-size: 14px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	line-height: 40px;
	border-radius: 20px;
	background: #F8F4ED;
}
#Modal div.modal-content p.shop a:after{
	width: 14px;
	height: 6px;
	position: absolute;
	top: 15px;
	right: 20px;
	background: url(/common/images/ico_arw02.png) no-repeat 0 0;
	background-size: 14px auto;
	content: '';
}

@media screen and (min-width: 769px){
	#Modal div.modal-content dl dd a{
		-webkit-transition: opacity 0.2s;
				transition: opacity 0.2s;
	}
	#Modal div.modal-content p.shop a{
		-webkit-transition: background 0.2s;
				transition: background 0.2s;
	}
	#Modal div.modal-content dl dd a:hover{
		opacity: 0.5;
	}
	#Modal div.modal-content p.shop a:hover{
		background: #FBF9F6;
	}
}

@media screen and (max-width: 768px){
	#Modal div.modal-content{
		width: 335px;
		//height: 708px;
		height: 532px;
		margin: 0 auto;
	}
	#Modal div.modal-content p.bnr{
		width: 335px;
		//height: 708px;
		height: 532px;
		background: url(/images/modal_limited_img_sp_2.jpg) no-repeat 0 0;
		background-size: 335px auto;
	}
	#Modal div.modal-content dl{
		width: 255px;
		top: 507px;
		margin: 0 0 0 -127px;
	}
	#Modal div.modal-content dl dt{
		margin: 0 0 10px;
		font-size: 13px;
	}
	#Modal div.modal-content dl dd{
		padding: 1px 1px 0 0;
	}
	#Modal div.modal-content dl dd.shop01,
	#Modal div.modal-content dl dd.shop03{
		padding-left: 1px;
	}
	#Modal div.modal-content dl dd.shop03{
		padding-bottom: 1px;
	}
	#Modal div.modal-content dl dd.shop04{
		padding-right: 1px;
		padding-bottom: 1px;
	}
	#Modal div.modal-content dl dd a{
		width: 126px;
		height: 40px;
	}
	#Modal div.modal-content dl dd.shop01 a{background: url(/images/modal_limited_btn01_sp.png) no-repeat 0 0;background-size: 126px auto;}
	#Modal div.modal-content dl dd.shop02 a{background: url(/images/modal_limited_btn02_sp.png) no-repeat 0 0;background-size: 126px auto;}
	#Modal div.modal-content dl dd.shop03 a{background: url(/images/modal_limited_btn03_sp.png) no-repeat 0 0;background-size: 126px auto;}
	#Modal div.modal-content dl dd.shop04 a{background: url(/images/modal_limited_btn04_sp.png) no-repeat 0 0;background-size: 126px auto;}

	#Modal div.modal-content p.shop{
		width: 160px;
		height: 30px;
		top: 637px;
		margin: 0 0 0 -80px;
	}
	#Modal div.modal-content p.shop a{
		width: 160px;
		height: 30px;
		font-size: 12px;
		line-height: 30px;
		border-radius: 15px;
	}
	#Modal div.modal-content p.shop a:after{
		width: 14px;
		height: 6px;
		top: 11px;
		right: 15px;
		background: url(/common/images/ico_arw02.png) no-repeat 0 0;
		background-size: 14px auto;
	}
}
/*-------------------------------------
	インスタグラム削除のため
	---------------------------------------*/
/*@media screen and (max-width: 768px){
#Main section.news{
		margin-top:20px;
	}
}*/
/*-------------------------------------
	201708 [PC]
	---------------------------------------*/
@media screen and (min-width: 769px){

	#MV div.mv-wrapper div.block.mv05:before{
		background: url(/images/201808/mv_img05.jpg) no-repeat 0 0;
	}



#n201708__aromatic {
background: url(/images/201808/aromatic_bg.png) no-repeat;
height: 175px;
margin-bottom: 60px;
padding: 94px 0 0 0;
position: relative;
}
#n201708__aromatic .category-swiper {
/*margin: 0 0 0 83px;*/
width: 964px;
margin: 0 0 0 84px;
}
#n201708__aromatic__wrap {
/*margin: 94px 83px;*/
}
#Main div.product section.category #n201708__aromatic div.category-swiper div.block{
	width: 282px;
	margin: 0 0px 0 0;
}
#Main div.product section.category #n201708__aromatic div.category-swiper div.block a{
	width: 282px;
/*
	height: 145px;
	display: block;
	text-indent: -9999px;
*/
}
#Main div.product section.category{
margin-bottom: 48px;
}
#Main div.product section.category #n201708__aromatic div.category-swiper div.category01 a{
background: url(/images/201808/aromatic_item1.png) no-repeat 0 0;
}
#Main div.product section.category #n201708__aromatic div.category-swiper div.category02 a{
background: url(/images/201808/aromatic_item2.png) no-repeat 0 0;
}
#Main div.product section.category #n201708__aromatic div.category-swiper div.category03 a{
background: url(/images/201808/aromatic_item3.png) no-repeat 0 0;
}

#n201708__aromatic h3 {
text-indent: -9999px;
height: 0;
}
#n201708__aromatic h3 span{
position: absolute;
top:0;
left: 50%;
margin: -2px 0 0 -85px;
width: 56px;
height: 50px;
background: url(/images/201808/new_ic.png) no-repeat;
background-size: 100%;
}

#Main div.product section.category div.category-swiper div.category01 a{background: url(/images/201808/category_img_n01_201708.png) no-repeat 0 0;}
#Main div.product section.category div.category-swiper div.category02 a{background: url(/images/201808/category_img_n02_201708.png) no-repeat 0 0;}
#Main div.product section.category div.category-swiper div.category03 a{background: url(/images/201808/category_img_n03_201708.png) no-repeat 0 0;}


#Main div.product section.fragrance div.fragrance-swiper03{
	width: 530px;
 margin-left: 35px;
}
#Main div.product section.fragrance div.fragrance-swiper03 div.fragrance01{width: 84px;}
#Main div.product section.fragrance div.fragrance-swiper03 div.fragrance02{width: 132px;}
#Main div.product section.fragrance div.fragrance-swiper03 div.fragrance03{width: 127px;}
#Main div.product section.fragrance div.fragrance-swiper03 div.fragrance04{width: 112px;}

#Main div.product section.fragrance div.fragrance-swiper01{
	width: 530px;
 margin-left: 35px;
}
#Main div.product section.fragrance div.fragrance-swiper01 div.fragrance01{width: 84px;}
#Main div.product section.fragrance div.fragrance-swiper01 div.fragrance02{width: 132px;}
#Main div.product section.fragrance div.fragrance-swiper01 div.fragrance03{width: 127px;}
#Main div.product section.fragrance div.fragrance-swiper01 div.fragrance04{width: 112px;}

#Main div.product section.fragrance div.fragrance-swiper02{
	width: 390px;
  margin-left: 106px;
}
#Main div.product section.fragrance div.fragrance-swiper02 div.fragrance01{width: 84px;}
#Main div.product section.fragrance div.fragrance-swiper02 div.fragrance02{width: 132px;}
#Main div.product section.fragrance div.fragrance-swiper02 div.fragrance03{width: 127px;}
#Main div.product section.fragrance div.fragrance-swiper02 div.fragrance04{width: 112px;}



/* lead */
#Main div.product section.fragrance div.type div.type-inline p.lead{
margin-bottom: 20px;
}

#Main div.product{
	padding: 60px 0 45px;
 margin-bottom: 80px;
}

#Main section.instagram{
margin-bottom: 80px;
	width: 1012px;
}

}
/*-------------------------------------
	201708 [SP]
	---------------------------------------*/
 @media screen and (max-width: 768px){
 
	#Main div.product section.category{
 height: auto;
 }
 	#Main div.product section.category div.category-swiper{
		/* position: absolute; */
  position:inherit;
		/* bottom: 0; */
  bottom: inherit;
}
#n201708__aromatic{
/**/
position:inherit;
overflow:hidden;
/**/

background: url(/images/201808/aromatic_bg_sp.png) no-repeat;
background-size: 100% auto;
height: 134px;
margin: 0 auto 20px auto;
width: 258px;
padding-top:77px;
}
	#Main div.product section.category #n201708__aromatic div.category-swiper div.category01 a{background: url(/images/201808/aromatic_item1_sp.png) no-repeat 50% 0;background-size: 240px auto;}
	#Main div.product section.category #n201708__aromatic div.category-swiper div.category02 a{background: url(/images/201808/aromatic_item2_sp.png) no-repeat 50% 0;background-size: 240px auto;}
	#Main div.product section.category #n201708__aromatic div.category-swiper div.category03 a{background: url(/images/201808/aromatic_item3_sp.png) no-repeat 50% 0;background-size: 240px auto;}


#Main div.product section.category #n201708__aromatic div.category-swiper div.pager{
		bottom: 40px;

}
#n201708__aromatic h3 {
text-indent: -9999px;
height: 0;
}
#n201708__aromatic h3 span{
position: absolute;
top:0;
left: 50%;
margin: -5px 0 0 -55px;
width: 38px;
height: 38px;
background: url(/images/201808/new_ic.png) no-repeat;
background-size: 100%;
}
#Main div.product section.category div.category-swiper div.category01 a{background: url(/images/201808/category_img_n01_sp_201708.png) no-repeat 50% 0;background-size: 253px auto;}
#Main div.product section.category div.category-swiper div.category02 a{background: url(/images/201808/category_img_n02_sp_201708.png) no-repeat 50% 0;background-size: 253px auto;}
#Main div.product section.category div.category-swiper div.category03 a{background: url(/images/201808/category_img_n03_sp_201708.png) no-repeat 50% 0;background-size: 253px auto;}

#Main div.product section.fragrance div.fragrance-swiper03 div.fragrance03 a{background: url(/images/201808/fragrance03_img03_sp.jpg) no-repeat 50% 0;background-size: 260px auto;}
#Main div.product section.fragrance div.fragrance-swiper03 div.fragrance04 a{background: url(/images/201808/fragrance03_img04_sp.jpg) no-repeat 50% 0;background-size: 260px auto;}

#Main div.product section.fragrance div.fragrance-swiper01 div.fragrance04 a{background: url(/images/201808/fragrance01_img04_sp.jpg) no-repeat 50% 0;background-size: 260px auto;}

#Main div.product section.fragrance div.fragrance-swiper02 div.fragrance02 a{background: url(/images/201808/fragrance02_img02_sp.jpg) no-repeat 50% 0;background-size: 260px auto;}
#Main div.product section.fragrance div.fragrance-swiper02 div.fragrance04 a{background: url(/images/201808/fragrance02_img04_sp.jpg) no-repeat 50% 0;background-size: 260px auto;}

 }