@charset "UTF-8";


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


	/* -------------------------------------------------------------------------------------------
	*
	* コーディネート
	*
	* ----------------------------------------------------------------------------------------- */

	#coordinate{
		padding: 5.75rem 0 0 0;
	}

	#coordinate h3{
		font-size: 2.0625rem;
		text-align: center;
		margin: 0 0 5.75rem 0;
	}

	#coordinate div.photoContainer{
		display: inline-block;
		vertical-align: top;
		width: 52%;
		position: relative;
		-webkit-transition-delay: 0.2s;transition-delay: 0.2s;
	}
	#coordinate div.textContainer{
		display: inline-block;
		vertical-align: top;
		margin: 0 0 0 4%;
		width: 42.5%;
		-webkit-transition-delay: 0.4s;transition-delay: 0.4s;
	}

	#coordinate div.photoContainer div.frame{
		text-align: center;
		position: absolute;
		top: -3rem; left: -3rem;
		padding: 2.75rem 2.5rem 2.5rem 2.5rem;
		width: 7rem;
		height: 7rem;
		background-image: url(../img/coordinate/frame.svg);background-repeat: no-repeat;background-position: 0 0;background-size: 100% auto;
		}
		body.js_isIe #coordinate div.photoContainer div.frame{
			/*padding: 3.5rem 2.5rem 2.5rem 2.5rem;*/
			padding: 3.75rem 2.75rem 2rem 2.4rem;
		}
	#coordinate div.photoContainer div.frame p.name{
		font-size: 1.125rem;
		line-height: 1.4;
		padding: 0 0 0.9375rem 0;
		margin: 0 0 0.9375rem 0;
		position: relative;
		}
		#coordinate div.photoContainer div.frame p.name.single{
			margin: 0.9375rem 0;
		}
		#coordinate div.photoContainer div.frame p.name::after{
			content: '';
			display: block;
			width: 1rem;
			height: 0.125rem;
			background-color: #cccccc;
			position: absolute;
			bottom: 0; left: 0; right: 0;
			margin: auto;
		}
	#coordinate div.photoContainer div.frame p.number{
		font-size: 1.875rem;
	}

	#coordinate div.textContainer div.introduction{
	}
	#coordinate div.textContainer div.introduction p.title{
		font-size: 1.2825rem;
		line-height: 1.6;
		margin: 0 0 0.75rem 0;
	}
	#coordinate div.textContainer div.introduction p.date{
		font-size: 0.9rem;
		color: #aaaaaa;
		margin: 0 0 0.5rem 0;
		font-weight: 300;
	}

	#coordinate div.textContainer div.introduction p.text{
		font-size: 0.875rem;
		line-height: 1.3;
		/*letter-spacing: 0.08rem;*/
		margin: 0 0 1.875rem 0;
		text-align: justify;
	}

	#coordinate div.textContainer div.introduction p.text a{
		border-bottom: 1px solid #cccccc;
		-webkit-transition: all 0.3s;
		transition: all 0.3s;
		}
		#coordinate div.textContainer div.introduction p.text a:hover{
			opacity: 0.8;
		}


	#coordinate div.textContainer div.introduction p.text strong{
		font-weight: 600;
	}

	#coordinate div.textContainer div.introduction ul{
	}
	#coordinate div.textContainer div.introduction ul li{
		display: inline-block;
		vertical-align: top;
		margin: 0 1rem 0.3rem 0;
		}
		body.js_isIe #coordinate div.textContainer div.introduction ul li{
			margin: 0 1rem 0.8rem 0;
		}
	#coordinate div.textContainer div.introduction ul li a{
		display: inline-block;
		vertical-align: top;
		font-size: 0.75rem;
		color: #008fd4;
		padding: 0 0 0.1rem 0;
		border-bottom: 1px solid #008fd4;
		/*letter-spacing: 0.02rem;*/
	}


	#coordinate div.textContainer div.tagList{
		margin: 5.5rem 0 0 0;
	}
	#coordinate div.textContainer div.tagList h4{
		font-size: 1.1875rem;
		margin: 0 0 1rem 0;
		line-height: 1;
	}
	#coordinate div.textContainer div.tagList h4 p{
		display: inline-block;
		vertical-align: top;
		padding: 0 0 0.125rem 0;
		border-bottom: 2px solid #cccccc;
	}

	#coordinate div.textContainer div.tagList ul{
		line-height: 1;
	}
	#coordinate div.textContainer div.tagList ul li{
		display: inline-block;
		vertical-align: top;
		margin: 0 0.5rem 0.6rem 0;
		line-height: 0.7;
		}
		body.js_isIe #coordinate div.textContainer div.tagList ul li{
			margin: 0 1rem 0.8rem 0;
		}
	#coordinate div.textContainer div.tagList ul li a{
		font-size: 0.75rem;
		/*background-color: #ededed;*/
		background: linear-gradient(transparent 0%, #ededed 0%);
		line-height: 1.1;
		width: 100%;
		padding: 0.03rem 0.1rem 0 0.1rem;
		/*display: inline-block;*/
		vertical-align: top;
		word-break: break-all;
		-webkit-transition: all 0.3s;
		transition: all 0.3s;
		}
		body.js_isIe #coordinate div.textContainer div.tagList ul li a{
			line-height: 0.9;
			padding: 0.1rem 0.1rem 0 0.1rem;
		}
		#coordinate div.textContainer div.tagList ul.main li a{
			/*background-color: #000000;*/
			background: linear-gradient(transparent 0%, #000000 0%);
			color: #ffffff;
		}
		#coordinate div.textContainer div.tagList ul li a::before{
			content: '#';
			display: inline;
		}
		#coordinate div.textContainer div.tagList ul li a:hover{
			/*background-color: #ffff00;*/
			background: linear-gradient(transparent 0%, #ffff00 0%);
		}
		#coordinate div.textContainer div.tagList ul.main li a:hover{
			color: #000000;
		}



	#coordinate div.textContainer a.btn{
		margin: 1.5rem -1rem 0 -1rem;
		width: 100%;
		display: inline-block;
		vertical-align: top;
		}
		#coordinate div.textContainer a.btn:nth-of-type(n+2){
			margin-top: 1rem;
		}
	#coordinate div.textContainer a.btn span{
		font-size: 0.9375rem;
	}



	/* -------------------------------------------------------------------------------------------
	*
	* アイテム
	*
	* ----------------------------------------------------------------------------------------- */

	#item{
		padding: 5.75rem 0 0 0;
	}

	#item h3{
		font-size: 1.375rem;
		text-align: center;
		margin: 0 0 3.75rem 0;
		/*letter-spacing: 0.2rem;*/
	}

	#item section{
		}
		#item section:nth-of-type(2){
			margin: 4.625rem 0 0 0;
		}
	#item section h4{
		margin: 0 0 0.6875rem 0;
		padding: 0 0 0.5625rem 0;
		line-height: 1;
		position: relative;
		font-size: 0.875rem;
		}
		#item section h4::before{
			content: '';
			display: inline-block;
			width: 1.5rem;
			height: 2px;
			background-color: #cccccc;
			position: absolute;
			bottom: 0; left: 0;
		}

	#item section article{
		display: inline-block;
		vertical-align: top;
		font-size: 0.8125rem;
		line-height: 1.5;
		width: 30%;
		}
		#item section article:nth-of-type(n+2){
			margin-left: 4%;
		}
		#item section article:nth-of-type(n+4){
			margin-top: 4.5rem;
		}
		#item section article:nth-of-type(3n+1){
			margin-left: 0;
		}
		#item section article:nth-of-type(3n-1){
			-webkit-transition-delay: 0.2s;transition-delay: 0.2s;
		}
		#item section article:nth-of-type(3n){
			-webkit-transition-delay: 0.4s;transition-delay: 0.4s;
		}
		#item section article.is-hidden{
			display: none;
		}

	#item section article a.itemImgOuter{
		display: inline-block;
		vertical-align: top;
		width: 100%;
	}

	#item section article a.itemImgOuter div.itemImg{
		overflow: hidden;
	}

	#item section article a.itemImgOuter div.itemImg img{
		width: 100%;
		-webkit-transform: scale(1,1);
		transform: scale(1,1);
		-webkit-transition-duration: 0.5s;
		transition-duration: 0.5s;
	}
	#item section article a.itemImgOuter:hover div.itemImg img{
		-webkit-transform: scale(1.03,1.03);
		transform: scale(1.03,1.03);
	}

	#item article div.itemContainer{
		margin: 0.75rem 0 0 0;
		line-height: 1;
		}
		body.js_isIe #item article div.itemContainer{
			line-height: 1.4;
		}

	#item article div.itemContainer div.itemInfo{
		/*margin: 0 0 0.75rem 0;*/
		overflow: hidden;
	}
	#item article div.itemContainer div.itemInfo p{
		font-size: 0.9375rem;
		margin: 0 0 0.3rem 0;
	}
	#item article div.itemContainer div.itemInfo p.itemName{
		float: left;
		/*max-width: 70%;*/
	}
	#item article div.itemContainer div.itemInfo p.itemPrice{
		float: right;
		/*font-weight: 600;*/
		font-size: 1rem;
	}
	#item article div.itemContainer div.itemInfo p.itemPrice span{
		font-size: 0.815rem;
		margin: 0 0.0625rem 0 0;
	}


	#item article div.itemContainer div.itemBuy{
		margin: 0 0 0.5rem 0;
		overflow: hidden;
	}

	#item article div.itemContainer div.itemBuy p.itemBrand{
		float: left;
		/*letter-spacing: 0.02rem;*/
		margin: 0 0 0.5rem 0;
	}
	#item article div.itemContainer div.itemBuy p.itemBrand a{
		position: relative;
		/*font-size: 0.875rem;*/
		font-size: 0.8125rem;
		-webkit-transition: all 0.3s;
		transition: all 0.3s;
		display: inline-block;
		vertical-align: top;
		}
		#item article div.itemContainer div.itemBuy p.itemBrand a::before{
			content: '';
			width: 100%;
			height: 100%;
			background-color: #ffff00;
			position: absolute;
			top: 0; bottom: 0; left: 0;
			z-index: -1;
			transform: scale(0, 1);
			transform-origin: left top;
			-webkit-transition: all 0.3s;
			transition: all 0.3s;
		}
		#item article div.itemContainer div.itemBuy p.itemBrand a:hover::before{
			transform: scale(1, 1);
		}

	#item article div.itemContainer div.itemBuy p.itemIlumine{
		float: right;
	}
	#item article div.itemContainer div.itemBuy p.itemIlumine a{
		float: right;
		color: #008fd4;
		font-size: 0.75rem;
		padding: 0 0 0.1rem 0;
		border-bottom: 1px solid #008fd4;
		/*letter-spacing: 0.02rem;*/
	}

	#item article div.itemContainer p.comment{
		font-size: 0.8125rem;
		color: #999999;
	}


	/* -------------------------------------------------------------------------------------------
	*
	* おすすめ
	*
	* ----------------------------------------------------------------------------------------- */

	#recommend{
		padding: 10.125rem 0 0 0;
	}

	#recommend section{
		padding: 3.125rem;
		box-sizing: border-box;
		background-color: #ededed;
		}
		#recommend section:nth-of-type(2){
			margin: 4.625rem 0 0 0;
		}

	#recommend section h3{
		text-align: center;
		margin: 0 0 3.125rem 0;
		letter-spacing: 0;
		font-size: 0;
	}

	#recommend section h3 p{
		font-size: 1.5rem;
		background-color: #000000;
		color: #ffffff;
		display: inline-block;
		vertical-align: top;
		line-height: 1;
		letter-spacing: 0.12rem;
		padding: 0.3rem 1.5rem 0 2rem;
		}


	#recommend section div.itemImg{
		display: inline-block;
		vertical-align: top;
		width: 33%;
	}
	#recommend section div.textContainer{
		display: inline-block;
		vertical-align: top;
		width: 60%;
		margin: 0 0 0 4%;
	}

	#recommend section div.itemImg img{
		width: 100%;
	}

	#recommend section dl{
		margin: 0 0 2.8125rem 0;
	}
	#recommend section dl dt{
		font-size: 1.25rem;
		line-height: 1.5;
		margin: 0 0 0.8125rem 0;
	}
	#recommend section dl dd{
		font-size: 0.875rem;
		line-height: 1.6;
		/*letter-spacing: 0.08rem;*/
	}
	#recommend section dl dd a{
		border-bottom: 1px solid #ffffff;
		-webkit-transition: all 0.3s;
		transition: all 0.3s;
		}
		#recommend section dl dd a:hover{
			opacity: 0.8;
		}


	#recommend section div.detail{
		line-height: 1;
		}
		body.js_isIe #recommend section div.detail{
			line-height: 1.4;
		}

	#recommend section div.detail p.text{
		font-size: 0.8125rem;
		margin: 0 0 0.5rem 0;
		line-height: 1.4;
	}
	#recommend section div.detail p.text strong{
		font-weight: 600;
	}

	#recommend section div.detail p.text a.markerLink{
		position: relative;
		display: inline-block;
		vertical-align: top;
		border-bottom: 1px solid #ffffff;
	}

	#recommend section div.detail p.text a.ilumineLink{
		color: #008fd4;
		font-size: 0.75rem;
		padding: 0 0 0.1rem 0;
		border-bottom: 1px solid #008fd4;
	}


	#recommend section div.detail ul{
		}
		body.js_isIe #recommend section div.detail ul{
			margin: 0 0 0.8rem 0;
		}
	#recommend section div.detail ul li>p{
		font-size: 0.8125rem;
		display: inline-block;
		vertical-align: top;
		}
		#recommend section div.detail ul li>p:nth-of-type(n+2){
			margin: 0 0 0 1rem;
		}


	#recommend section div.detail ul li>p.price{
		}
		#recommend section div.detail ul li>p.price::before{
			content: '￥';
			display: inline;
		}

	#recommend section div.detail p.ilumineLink a{
		color: #008fd4;
		font-size: 0.75rem;
		padding: 0 0 0.1rem 0;
		border-bottom: 1px solid #008fd4;
		}
		#recommend section div.detail p.ilumineLink:nth-of-type(n+2){
			margin: 0.75rem 0 0 0;
		}


	#recommend div.stylist{
		padding: 4rem 0 0 0;
	}
	#recommend div.stylist div.frame{
		border: 1px solid #000000;
		position: relative;
		display: inline-block;
		vertical-align: bottom;
		width: 60%;
		padding: 2rem 1.5rem 1.5rem 1.5rem;
		box-sizing: border-box;
	}
	#recommend div.stylist div.subInfo{
		display: inline-block;
		vertical-align: bottom;
		width: 34%;
		margin: 0 0 0 4%;
	}

	#recommend div.stylist div.frame p.title{
		position: absolute;
		top: -0.4rem; left: 1.5rem;
		background-color: #ffffff;
		font-size: 0.8125rem;
		padding: 0 0.75rem;
	}
	#recommend div.stylist div.frame div.stylistImg{
		display: inline-block;
		vertical-align: bottom;
		width: 25%;
	}
	#recommend div.stylist div.frame div.stylistImg img{
		width: 100%;
	}
	#recommend div.stylist div.frame dl{
		display: inline-block;
		vertical-align: bottom;
		width: 68%;
		margin: 0 0 0 4%;
	}
	#recommend div.stylist div.frame dl dt{
		font-size: 0.9375rem;
	}
	#recommend div.stylist div.frame dl dd{
		font-size: 0.875rem;
		line-height: 1.3;
		letter-spacing: 0.08rem;
	}
	#recommend div.stylist div.frame dl dt{
		margin: 0 0 2rem 0;
		overflow: hidden;
	}
	#recommend div.stylist div.frame dl dt p.name{
		float: left;
		margin: 0.1rem 0 0 0;
	}
	#recommend div.stylist div.frame dl dt p.instagram{
		float: right;
	}
	#recommend div.stylist div.frame dl dt p.instagram a{
		display: inline-block;
		vertical-align: middle;
		border-bottom: 1px solid #cccccc;
		}
		#recommend div.stylist div.frame dl dt p.instagram::after{
			content: '';
			display: inline-block;
			vertical-align: middle;
			width: 1.125rem;
			height: 1.125rem;
			margin: 0 0 0 0.5rem;
			background-image: url(../img/common/icon_instagram_black.svg);background-repeat: no-repeat;background-position: 0 0;background-size: 100% auto;
		}

	#recommend div.stylist div.subInfo{
	}
	#recommend div.stylist div.subInfo ul.staff{
		margin: 0 0 1.5rem 0;
	}
	#recommend div.stylist div.subInfo ul.staff li{
		color: #808080;
		font-size: 1rem;
		line-height: 1.25;
	}

	#recommend div.stylist div.subInfo ul.comment{
	}
	#recommend div.stylist div.subInfo ul.comment li{
		font-size: 0.8125rem;
		line-height: 1.5;
		/*letter-spacing: 0.08rem;*/
		}
		#recommend div.stylist div.subInfo ul.comment li:nth-of-type(n+2){
			margin: 0.2rem 0 0 0;
		}




	/* -------------------------------------------------------------------------------------------
	*
	* ページャー
	*
	* ----------------------------------------------------------------------------------------- */

	#pager{
		position: relative;
		text-align: center;
		padding: 7.5rem 0;
	}
	#pager div.inner{
		width: 90vw;
		max-width: 940px; 
	}
	#pager div.inner div{
		position: absolute;
		top: 0.5rem;
		height: 0.0625rem;
		width: 3rem;
		cursor: pointer;
		background-color: #000000;
		text-decoration: none;
		}
		#pager div.inner div.prevBtn{
			left: 0;
		}
		#pager div.inner div.nextBtn{
			right: 0;
		}

	#pager div.inner div p {
		text-align: end;
		font-size: 0.75rem;
		position: absolute;
		bottom: 0;
		margin: auto;
		-webkit-transition: all 0.3s;
		transition: all 0.3s;
		}
		#pager div.inner div.prevBtn p {
			top: -0.25rem; right: -3.5rem;
			padding: 0 0.1rem 0 0.2rem;
		}
		#pager div.inner div.nextBtn p {
			top: -0.25rem; left: -3.5rem;
			padding: 0 0.1rem 0 0.2rem;
		}
		#pager div.inner div p::before{
			content: '';
			width: 100%;
			height: 0.6rem;
			background-color: #ffff00;
			position: absolute;
			top: 0; bottom: 0; left: 0;
			z-index: -1;
			transform: scale(0, 1);
			transform-origin: left top;
			-webkit-transition: all 0.3s;
			transition: all 0.3s;
		}
	#pager div.inner div:hover p{
		color: #000000;
		}
		#pager div.inner div:hover p::before{
			transform: scale(1, 1);
		}


	#pager div.inner div span {
		position: absolute;
		top: -3px;
		display: block;
		width: 7px;
		height: 7px;
		background-image: url(../img/common/circle_black.svg);background-repeat: no-repeat;background-position: 0 0;background-size: 100% auto;
		}
		#pager div.inner div.prevBtn span {
			right: 15%;
		}
		#pager div.inner div.prevBtn:hover span {
			-webkit-animation: 2s dotMoveL infinite;
			animation: 2s dotMoveL infinite;
		}
		#pager div.inner div.nextBtn span {
			left: 15%;
		}
		#pager div.inner div.nextBtn:hover span {
			-webkit-animation: 2s dotMoveR infinite;
			animation: 2s dotMoveR infinite;
		}

/*
	#pager div.inner ul {
		display: inline-block;
		vertical-align: top;
		margin: -0.15rem 0 0 0;
	}
	#pager div.inner ul li{
		display: inline-block;
		vertical-align: top;
		}
		#pager div.inner ul li:nth-of-type(n+2){
		}
	#pager div.inner ul li.dot{
		width: 1.8rem;
		height: 1.8rem;
		background-image: url(../img/common/pager_dot.svg);background-repeat: no-repeat;background-position: 50% 35%;background-size: 100% auto;
	}

	#pager div.inner ul li a{
		color: #999999;
		font-size: 1rem;
		padding: 0.5rem 1rem;
		}
		#pager div.inner ul li.active a{
			color: #000000;
		}
		#pager div.inner ul li.dot a{
			font-size: 0;
		}
*/



	/* -------------------------------------------------------------------------------------------
	*
	* バックナンバー
	*
	* ----------------------------------------------------------------------------------------- */

	#backNumber{
		padding: 5.75rem 0 0 0;
	}

	#backNumber h3{
		font-size: 1.375rem;
		text-align: center;
		margin: 0 0 4.625rem 0;
		/*letter-spacing: 0.2rem;*/
	}

	#backNumber article{
		display: inline-block;
		vertical-align: top;
		font-size: 0.9rem;
		line-height: 1.5;
		width: 30%;
		}
		#backNumber article:nth-of-type(n+2){
			margin-left: 4%;
		}
		#backNumber article:nth-of-type(n+4){
			margin-top: 4.5rem;
		}
		#backNumber article:nth-of-type(3n+1){
			margin-left: 0;
		}
		#backNumber article:nth-of-type(2){
			-webkit-transition-delay: 0.2s;transition-delay: 0.2s;
		}
		#backNumber article:nth-of-type(3){
			-webkit-transition-delay: 0.4s;transition-delay: 0.4s;
		}
		#backNumber article.is-hidden{
			display: none;
		}

	#backNumber article a.itemImgOuter{
		display: inline-block;
		vertical-align: top;
		width: 100%;
	}

	#backNumber article a.itemImgOuter div.itemImg{
		overflow: hidden;
	}

	#backNumber article a.itemImgOuter div.itemImg img{
		width: 100%;
		-webkit-transform: scale(1,1);
		transform: scale(1,1);
		-webkit-transition-duration: 0.5s;
		transition-duration: 0.5s;
	}
	#backNumber article a.itemImgOuter:hover div.itemImg img{
		-webkit-transform: scale(1.03,1.03);
		transform: scale(1.03,1.03);
	}


	#backNumber div.itemInfo{
		margin: 0.3rem 0 0 0;
		line-height: 1.4;
	}
	#backNumber div.itemInfo p{
		font-size: 0.875rem;
		display: inline-block;
		vertical-align: middle;
		position: relative;
	}
	#backNumber div.itemInfo p:nth-of-type(2){
		font-size: 1rem;
		font-weight: 300;
		margin: 0.1rem 0 0 0.5rem;
		padding: 0 0 0 0.75rem;
		}
		body.js_isIe #backNumber div.itemInfo p:nth-of-type(2){
			margin: -0.2rem 0 0 0.5rem;
			padding: 0.1rem 0 0 0.75rem;
		}
	#backNumber div.itemInfo p:nth-of-type(2)::before{
		content: '';
		display: inline-block;
		vertical-align: middle;
		width: 1px;
		height: 0.6rem;
		background-color: #cccccc;
		position: absolute;
		top: 0; bottom: 0; left: 0;
		margin: auto;
	}

	#backNumber p.date{
		color: #aaaaaa;
		margin: 0.75rem 0 0 0;
		line-height: 1;
		font-weight: 300;
	}



}@media screen and (max-width : 959px){


	/* ONELUMINE対応のためアニメーション無効に */
	.fadeUp {
		opacity : 1 !important;
		transform : translate(0, 0) !important;
	}



	/* -------------------------------------------------------------------------------------------
	*
	* コーディネート
	*
	* ----------------------------------------------------------------------------------------- */

	#coordinate{
		padding: 3.125rem 0 0 0;
		text-align: center;
	}

	#coordinate h3{
		font-size: 1.375rem;
		text-align: center;
		margin: 0 0 3.125rem 0;
	}

	#coordinate div.photoContainer{
		display: inline-block;
		vertical-align: top;
		width: 72vw;
		position: relative;
		-webkit-transition-delay: 0.2s;transition-delay: 0.2s;
	}
	#coordinate div.textContainer{
		width: 80vw;
		margin: 0 auto;
	}

	#coordinate div.photoContainer div.frame{
		text-align: center;
		position: absolute;
		top: -2rem; left: -2rem;
		padding: 1.5rem;
		width: 5rem;
		height: 5rem;
		background-image: url(../img/coordinate/frame.svg);background-repeat: no-repeat;background-position: 0 0;background-size: 100% auto;
	}
	#coordinate div.photoContainer div.frame p.name{
		font-size: 0.8125rem;
		line-height: 1.2;
		padding: 0 0 0.75rem 0;
		margin: 0.2rem 0 0.75rem 0;
		position: relative;
		}
		#coordinate div.photoContainer div.frame p.name.single{
			margin: 0.75rem 0;
		}
		#coordinate div.photoContainer div.frame p.name::after{
			content: '';
			display: block;
			width: 1rem;
			height: 0.125rem;
			background-color: #cccccc;
			position: absolute;
			bottom: 0; left: 0; right: 0;
			margin: auto;
		}
	#coordinate div.photoContainer div.frame p.number{
		font-size: 1.25rem;
	}



	#coordinate div.textContainer div.introduction{
		margin: 3.5rem 0 0 0;
		text-align: left;
	}
	#coordinate div.textContainer div.introduction p.date{
		font-size: 0.9rem;
		font-weight: 300;
		color: #aaaaaa;
		margin: 0 0 0.25rem 0;
	}
	#coordinate div.textContainer div.introduction p.title{
		font-size: 1.2825rem;
		line-height: 1.6;
		margin: 0 0 1.375rem 0;
	}

	#coordinate div.textContainer div.introduction p.text{
		font-size: 0.875rem;
		line-height: 1.6;
		margin: 0 0 1.875rem 0;
		text-align: justify;
	}

	#coordinate div.textContainer div.introduction p.text a{
		border-bottom: 1px solid #cccccc;
	}

	#coordinate div.textContainer div.introduction p.text strong{
		font-weight: 600;
	}

	#coordinate div.textContainer div.introduction ul{
		text-align: left;
	}
	#coordinate div.textContainer div.introduction ul li{
		display: inline-block;
		vertical-align: top;
		margin: 0 1rem 0.3rem 0;
	}
	#coordinate div.textContainer div.introduction ul li a{
		display: inline-block;
		vertical-align: top;
		font-size: 0.6875rem;
		color: #008fd4;
		padding: 0 0 0.1rem 0;
		border-bottom: 1px solid #008fd4;
		/*letter-spacing: 0.02rem;*/
	}


	#coordinate div.textContainer div.tagList{
		margin: 2rem auto 0 auto;
		text-align: left;
		/*width: 90vw;*/
	}
	#coordinate div.textContainer div.tagList h4{
		/*font-size: 1.1875rem;*/
		font-size: 1rem;
		margin: 0 0 1rem 0;
		line-height: 1;
	}
	#coordinate div.textContainer div.tagList h4 p{
		display: inline-block;
		vertical-align: top;
		padding: 0 0 0.125rem 0;
		border-bottom: 2px solid #cccccc;
	}

	#coordinate div.textContainer div.tagList ul{
		line-height: 1;
	}
	#coordinate div.textContainer div.tagList ul li{
		display: inline-block;
		vertical-align: top;
		margin: 0 0.3rem 0.6rem 0;
		line-height: 0.7;
	}
	#coordinate div.textContainer div.tagList ul li a{
		font-size: 0.685rem;
		background: linear-gradient(transparent 0%, #ededed 0%);
		line-height: 1.1;
		height: 0.75rem;
		padding: 0 0.1rem;
		display: inline-block;
		vertical-align: top;
		word-break: break-all;
		font-weight: 300;
		}
		#coordinate div.textContainer div.tagList ul.main li a{
			background: linear-gradient(transparent 0%, #000000 0%);
			color: #ffffff;
		}
		#coordinate div.textContainer div.tagList ul li a::before{
			content: '#';
			display: inline;
		}
		#coordinate div.textContainer div.tagList ul li a:hover{
			background: linear-gradient(transparent 0%, #ffff00 0%);
		}
		#coordinate div.textContainer div.tagList ul.main li a:hover{
			color: #000000;
		}



	#coordinate div.textContainer a.btn{
		width: 74vw;
		margin-top: 3.25rem;
		display: inline-block;
		vertical-align: top;
		}
		#coordinate div.textContainer a.btn:nth-of-type(n+2){
			margin-top: 0;
		}
	#coordinate div.textContainer a.btn span{

	}



	/* -------------------------------------------------------------------------------------------
	*
	* アイテム
	*
	* ----------------------------------------------------------------------------------------- */

	#item{
		padding: 3.125rem 0 0 0;
	}

	#item h3{
		font-size: 1.375rem;
		text-align: center;
		margin: 0 0 3.125rem 0;
	}

	#item section{
		width: 74vw;
		margin: 0 auto;
		}
		#item section:nth-of-type(2){
			margin-top: 4.625rem;
		}
	#item section h4{
		margin: 0 0 0.6875rem 0;
		padding: 0 0 0.5625rem 0;
		line-height: 1;
		position: relative;
		font-size: 0.9375rem;
		}
		#item section h4::before{
			content: '';
			display: inline-block;
			width: 1.5rem;
			height: 2px;
			background-color: #cccccc;
			position: absolute;
			bottom: 0; left: 0;
		}

	#item section article{
		font-size: 0.8125rem;
		line-height: 1.5;
		}
		#item section article:nth-of-type(n+2){
			margin-top: 4.5rem;
		}
		#item section article.is-hidden{
			display: none;
		}

	#item section article a.itemImgOuter{
		display: inline-block;
		vertical-align: top;
		width: 100%;
	}

	#item section article a.itemImgOuter div.itemImg{
		overflow: hidden;
	}

	#item section article a.itemImgOuter div.itemImg img{
		width: 100%;
		-webkit-transform: scale(1,1);
		transform: scale(1,1);
		-webkit-transition-duration: 0.5s;
		transition-duration: 0.5s;
	}
	#item section article a.itemImgOuter:hover div.itemImg img{
		-webkit-transform: scale(1.03,1.03);
		transform: scale(1.03,1.03);
	}

	#item article div.itemContainer{
		margin: 0.75rem 0 0 0;
		line-height: 1;
	}

	#item article div.itemContainer div.itemInfo{
		overflow: hidden;
	}
	#item article div.itemContainer div.itemInfo p{
		font-size: 0.875rem;
		margin: 0 0 0.3rem 0;
	}
	#item article div.itemContainer div.itemInfo p.itemName{
		float: left;
		/*max-width: 70%;*/
	}
	#item article div.itemContainer div.itemInfo p.itemPrice{
		float: right;
		font-size: 1rem;
	}
	#item article div.itemContainer div.itemInfo p.itemPrice span{
		font-size: 0.8125rem;
		margin: 0 0.0625rem 0 0;
	}


	#item article div.itemContainer div.itemBuy{
		margin: 0 0 0.5rem 0;
		overflow: hidden;
	}

	#item article div.itemContainer div.itemBuy p.itemBrand{
		float: left;
		/*letter-spacing: 0.02rem;*/
		margin: 0 0 0.5rem 0;
	}
	#item article div.itemContainer div.itemBuy p.itemBrand a{
		position: relative;
		font-size: 0.8125rem;
		-webkit-transition: all 0.3s;
		transition: all 0.3s;
		}
		#item article div.itemContainer div.itemBuy p.itemBrand a::before{
			content: '';
			width: 100%;
			height: 100%;
			background-color: #ffff00;
			position: absolute;
			top: 0; bottom: 0; left: 0;
			z-index: -1;
			transform: scale(0, 1);
			transform-origin: left top;
			-webkit-transition: all 0.3s;
			transition: all 0.3s;
		}
		#item article div.itemContainer div.itemBuy p.itemBrand a:hover::before{
			transform: scale(1, 1);
		}

	#item article div.itemContainer div.itemBuy p.itemIlumine{
		float: right;
	}
	#item article div.itemContainer div.itemBuy p.itemIlumine a{
		float: right;
		color: #008fd4;
		font-size: 0.75rem;
		padding: 0 0 0.1rem 0;
		border-bottom: 1px solid #008fd4;
		/*letter-spacing: 0.02rem;*/
	}

	#item article div.itemContainer p.comment{
		font-size: 0.8125rem;
		color: #999999;
	}


	/* -------------------------------------------------------------------------------------------
	*
	* おすすめ
	*
	* ----------------------------------------------------------------------------------------- */

	#recommend{
		padding: 10.125rem 0 0 0;
	}

	#recommend section{
		padding: 2.5rem;
		box-sizing: border-box;
		background-color: #ededed;
		}
		#recommend section:nth-of-type(2){
			margin: 4.625rem 0 0 0;
		}

	#recommend section h3{
		text-align: center;
		/*margin: 0 0 3.125rem 0;*/
	}

	#recommend section h3 p{
		font-size: 0.9375rem;
		background-color: #000000;
		color: #ffffff;
		line-height: 1.4;
		padding: 0.5rem 0.5rem 0.3rem 1rem;
		width: 100%;
		box-sizing: border-box;
		margin: 0 auto;
		letter-spacing: 0.12rem;
		display: inline-block;
		vertical-align: top;
		}


	#recommend section div.itemImg{
	}
	#recommend section div.textContainer{
		margin: 2.5rem 0 0 0;
	}

	#recommend section div.itemImg img{
		width: 100%;
	}

	#recommend section dl{
		margin: 0 0 2.8125rem 0;
	}
	#recommend section dl dt{
		font-size: 1rem;
		line-height: 1.5;
		/*margin: 1.375rem 0;*/
		margin: 1rem 0 0 0;
		text-align: left;
	}
	#recommend section dl dd{
		font-size: 0.875rem;
		line-height: 1.8;
		text-align: justify;
		/*margin: 1.375rem 0 0 0;*/
		margin: 1rem 0 0 0;
	}
	#recommend section dl dd a{
		border-bottom: 1px solid #ffffff;
	}

	#recommend section div.detail{
		line-height: 0.9;
		}
		#recommend section div.detail:nth-of-type(n+2){
			margin: 3rem 0 0 0;
		}
	#recommend section div.detail p.text{
		font-size: 0.625rem;
		margin: 0 0 0.5rem 0;
		line-height: 1.4;
	}
	#recommend section div.detail p.text strong{
		font-weight: 600;
	}

	#recommend section div.detail p.text a.markerLink{
		position: relative;
		display: inline-block;
		vertical-align: top;
		border-bottom: 1px solid #ffffff;
	}

	#recommend section div.detail p.text a.ilumineLink{
		color: #008fd4;
		font-size: 0.6875rem;
		padding: 0 0 0.1rem 0;
		border-bottom: 1px solid #008fd4;
	}

	#recommend section div.detail ul li>p{
		font-size: 0.625rem;
		display: inline-block;
		vertical-align: top;
		letter-spacing: 0;
		margin: 0 0.6rem 0 0;
		}
		#recommend section div.detail ul li>p:nth-of-type(3){
			margin: 0;
		}

	#recommend section div.detail ul li>p.price{
		}
		#recommend section div.detail ul li>p.price::before{
			content: '￥';
			display: inline;
		}

	#recommend section div.detail p.ilumineLink a{
		color: #008fd4;
		font-size: 0.6875rem;
		padding: 0 0 0.1rem 0;
		border-bottom: 1px solid #008fd4;
		}
		#recommend section p.ilumineLink:nth-of-type(n+2){
			margin: 0.6875rem 0 0 0;
		}

	#recommend div.stylist{
		padding: 4rem 0 0 0;
	}
	#recommend div.stylist div.frame{
		border: 1px solid #000000;
		position: relative;
		padding: 1.5rem 1rem 1rem 1rem;
		box-sizing: border-box;
	}
	#recommend div.stylist div.subInfo{
		margin: 1rem 0 0 0;
	}

	#recommend div.stylist div.frame p.title{
		position: absolute;
		top: -0.4rem; left: 0; right: 0;
		margin: auto;
		background-color: #ffffff;
		font-size: 0.8125rem;
		padding: 0 0.75rem 0 0.9rem;
		width: 8.75rem;
	}
	#recommend div.stylist div.frame div.stylistImg{
		display: inline-block;
		vertical-align: top;
		width: 28%;
	}
	#recommend div.stylist div.frame div.stylistImg img{
		width: 100%;
	}
	#recommend div.stylist div.frame dl{
		display: inline-block;
		vertical-align: top;
		width: 65%;
		margin: 0 0 0 4%;
	}
	#recommend div.stylist div.frame dl dt,
	#recommend div.stylist div.frame dl dd{
		font-size: 0.625rem;
	}
	#recommend div.stylist div.frame dl dt{
		margin: 0 0 0.8rem 0;
		overflow: hidden;
	}
	#recommend div.stylist div.frame dl dt p.name{
		float: left;
		margin: 0.1rem 0 0 0;
	}
	#recommend div.stylist div.frame dl dt p.instagram{
		float: right;
	}
	#recommend div.stylist div.frame dl dt p.instagram a{
		display: inline-block;
		vertical-align: middle;
		border-bottom: 1px solid #cccccc;
		}
		#recommend div.stylist div.frame dl dt p.instagram::after{
			content: '';
			display: inline-block;
			vertical-align: middle;
			width: 1.125rem;
			height: 1.125rem;
			margin: 0 0 0 0.5rem;
			background-image: url(../img/common/icon_instagram_black.svg);background-repeat: no-repeat;background-position: 0 0;background-size: 100% auto;
		}

	#recommend div.stylist div.subInfo{
	}
	#recommend div.stylist div.subInfo ul.staff{
		line-height: 1;
	}
	#recommend div.stylist div.subInfo ul.staff li{
		color: #808080;
		font-size: 0.625rem;
		line-height: 1.25;
		display: inline-block;
		vertical-align: top;
	}

	#recommend div.stylist div.subInfo ul.comment{
	}
	#recommend div.stylist div.subInfo ul.comment li{
		font-size: 0.625rem;
		line-height: 1.5;
		}
		#recommend div.stylist div.subInfo ul.comment li:nth-of-type(n+2){
			margin: 0.2rem 0 0 0;
		}




	/* -------------------------------------------------------------------------------------------
	*
	* ページャー
	*
	* ----------------------------------------------------------------------------------------- */

	#pager{
		position: relative;
		text-align: center;
		padding: 5rem 0 4rem 0;
	}
	#pager div.inner{
	}
	#pager div.inner div{
		position: absolute;
		top: 0.5rem;
		height: 0.0625rem;
		width: 3rem;
		cursor: pointer;
		background-color: #000000;
		text-decoration: none;
		}
		#pager div.inner div.prevBtn{
			left: 0;
		}
		#pager div.inner div.nextBtn{
			right: 0;
		}

	#pager div.inner div p {
		text-align: end;
		font-size: 0.75rem;
		position: absolute;
		top: -0.25rem; bottom: 0;
		padding: 0 0.1rem 0 0.2rem;
		margin: auto;
		-webkit-transition: all 0.3s;
		transition: all 0.3s;
		}
		#pager div.inner div.prevBtn p {
			right: -3.5rem;
		}
		#pager div.inner div.nextBtn p {
			left: -3.5rem;
		}
		#pager div.inner div p::before{
			content: '';
			width: 100%;
			height: 0.6rem;
			background-color: #ffff00;
			position: absolute;
			top: 0; bottom: 0; left: 0;
			z-index: -1;
			transform: scale(0, 1);
			transform-origin: left top;
			-webkit-transition: all 0.3s;
			transition: all 0.3s;
		}
	#pager div.inner div:hover p{
		color: #000000;
		}
		#pager div.inner div:hover p::before{
			transform: scale(1, 1);
		}


	#pager div.inner div span {
		position: absolute;
		top: -3px;
		display: block;
		width: 7px;
		height: 7px;
		background-image: url(../img/common/circle_black.svg);background-repeat: no-repeat;background-position: 0 0;background-size: 100% auto;
		}
		#pager div.inner div.prevBtn span {
			/*right: 15%;*/
			/*-webkit-animation: 2s dotMoveL infinite;*/
			/*animation: 2s dotMoveL infinite;*/
			left: 15%;
		}
		#pager div.inner div.nextBtn span {
			/*left: 15%;*/
			/*-webkit-animation: 2s dotMoveR infinite;*/
			/*animation: 2s dotMoveR infinite;*/
			right: 15%;
		}

/*
	#pager div.inner ul {
		display: inline-block;
		vertical-align: top;
	}
	#pager div.inner ul li{
		display: inline-block;
		vertical-align: top;
		}
		#pager div.inner ul li:nth-of-type(n+2){
			margin: 0 0 0 1.25rem;
		}
		#pager div.inner ul li.pc{
			display: none;
		}

	#pager div.inner ul li.dot{
		width: 1.8rem;
		height: 1.8rem;
		background-image: url(../img/common/pager_dot.svg);background-repeat: no-repeat;background-position: 50% 35%;background-size: 100% auto;
	}


	#pager div.inner ul li a{
		color: #999999;
		}
		#pager div.inner ul li.active a{
			color: #000000;
		}
		#pager div.inner ul li.dot a{
			font-size: 0;
		}
*/




	/* -------------------------------------------------------------------------------------------
	*
	* バックナンバー
	*
	* ----------------------------------------------------------------------------------------- */

	#backNumber{
		padding: 3.125rem 0 0 0;
	}

	#backNumber h3{
		font-size: 1.375rem;
		text-align: center;
		margin: 0 0 3.125rem 0;
	}

	#backNumber article{
		display: inline-block;
		vertical-align: top;
		font-size: 0.8125rem;
		line-height: 1.5;
		width: 46%;
		}
		#backNumber article:nth-of-type(even){
			margin-left: 4%;
		}
		#backNumber article:nth-of-type(n+3){
			margin-top: 4.5rem;
		}
		#backNumber article:nth-of-type(2){
			-webkit-transition-delay: 0.2s;transition-delay: 0.2s;
		}
		#backNumber article.is-hidden{
			display: none;
		}

	#backNumber article a.itemImgOuter{
		display: inline-block;
		vertical-align: top;
		width: 100%;
	}

	#backNumber article a.itemImgOuter div.itemImg{
		overflow: hidden;
	}

	#backNumber article a.itemImgOuter div.itemImg img{
		width: 100%;
		-webkit-transform: scale(1,1);
		transform: scale(1,1);
		-webkit-transition-duration: 0.5s;
		transition-duration: 0.5s;
	}
	#backNumber article a.itemImgOuter:hover div.itemImg img{
		-webkit-transform: scale(1.03,1.03);
		transform: scale(1.03,1.03);
	}


	#backNumber p.date{
		color: #aaaaaa;
		margin: 0.75rem 0 0 0;
		line-height: 1;
		font-size: 0.9rem;
		font-weight: 300;
	}
	#backNumber div.itemInfo{
		margin: 0.5rem 0 0 0;
		line-height: 1.4;
		/*letter-spacing: 0.02rem;*/
	}
	#backNumber div.itemInfo p{
		font-size: 0.875rem;
		display: inline-block;
		vertical-align: middle;
		position: relative;
	}

	#backNumber p.btn{
		margin-top: 3rem;
	}



}