@charset "utf-8";

/* 例
#gift {background-color: #111;}
#gift .row {padding-top: 50px;}
#gift .ttl-sec {
	color: #fff;
	font-weight: bold;
	border-top: 1px solid #eee;
}*/


/*	carousel
----------------------------------------------------------- */
/* .jcarousel
------------------------------------ */

#tagpage .jcarousel-wrapper { 	display: block; padding: 5px 0 17px 0;	position: relative; width: 100%; margin-bottom: 18px; }
/*#tagpage.border-top{border-top: 3px solid #000;}*/
/** Carousel **/
/** Carousel **/
#tagpage .jcarousel { position: relative; overflow: hidden; margin: 0 47px; }
#tagpage .jcarousel01 { margin: 0; }
#tagpage .jcarousel02 { margin: 15px 30px 0 30px; }
#tagpage .jcarousel > ul { width: 200000em; position: relative; list-style: none; margin: 0; padding: 0; }
#tagpage .jcarousel > ul > li { float: left;}
#tagpage .jcarousel > ul > li > img {}
#tagpage .jcarousel > ul > li > a, .jcarousel > ul > li > span { display: block; }
#tagpage .row .jcarousel-wrapper .col--3 > .col__col{ width: 173px;}

#tagpage .jcarousel-wrapper.movable .jcarousel-control-prev-wrap, .jcarousel-wrapper.movable .jcarousel-control-next-wrap{display: block;}


/** indicator **/
.jcarousel-indicator { display: none; text-align: center; letter-spacing: -.40em; margin-top: -5px; }
.jcarousel-indicator > a { display: inline-block; letter-spacing: normal; margin-right: 10px; margin-top: 15px; width: 6px; height: 6px; background: #e1e1e1; border-radius: 50%; }
.jcarousel-indicator > a > span { display: block; width: 1px; height: 1px; overflow: hidden; }
.jcarousel-indicator > a.is-active { background: #acacac; }
.jcarousel-indicator > a:last-child { margin-right: 0; }
.jcarousel-wrapper.movable .jcarousel-indicator { display: block; }

/** Carousel Controls **/
#tagpage.jcarousel-wrapper.movable .jcarousel-control-prev-wrap, .jcarousel-wrapper.movable .jcarousel-control-next-wrap { display: block; }

#tagpage .jcarousel-control-prev-wrap, .jcarousel-control-next-wrap { position: absolute; top: 0; width: 13px; height: 100%; z-index: 2; }
#tagpage .jcarousel-control-prev-wrap a, .jcarousel-control-next-wrap a { position: absolute; top: 0; bottom: 0; margin: auto; width: 13px; height: 100%; display: block; }
#tagpage .jcarousel-control-prev-wrap a img, .jcarousel-control-next-wrap a img { width: 100% ; height: 100%; }
#tagpage .jcarousel-control-prev__icon-arrow { width: 100%; height: 100%; fill: #000; }
#tagpage .jcarousel-control-prev-wrap { left: 0; }
#tagpage .jcarousel-control-next-wrap { right: 0; }

#tagpage.jcarousel-control-prev:hover span, .jcarousel-control-next:hover span { display: block; }

/* .on-arrow */
#tagpage.row .jcarousel-wrapper--on-arrow .jcarousel, .primary .jcarousel-wrapper--on-arrow .jcarousel { margin-right: 0; margin-left: 0; }
#tagpage.jcarousel-wrapper--on-arrow .jcarousel-control-prev-wrap { left: 10px; }
#tagpage.jcarousel-wrapper--on-arrow .jcarousel-control-next-wrap { right: 10px; }

/* product--thumb
------------------------------------ */
#tagpage.product--thumb > a { text-decoration: none; display: block; }
#tagpage.product--thumb .inr__wrap-img { text-align: center;}
#tagpage.product--thumb .product__name, .product--thumb .product__desc { margin-bottom: 0; }

/* product--thumb 画像サイズ固定指定
------------------------------------ */
#tagpage .row .jcarousel .col.col--3 .product--thumb .inr__wrap-img img {width: calc(100% - 2px); border: solid 1px #fff;  max-width: 100%; margin-bottom: 5px;}
#tagpage .row .col.col--3 .product--thumb.product--thumb--logo .inr__wrap-img img { width: auto; height: auto; }

/*.jcarouselここまで
-----------------------------------------------------------------------------------------------------------------------------------------*/

body {
	color: #000000;
	font-family: ArialMT, Helvetica, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "TT-UDShinMGo-F-Droid-Regular", "メイリオ", sans-serif; word-wrap: break-word;
}

#tagpage .tagpage-title {
	border-bottom: solid 3px #000;
	margin-bottom: 15px;
	font-size: 56px;
	text-align: center;
}

#tagpage .category-logo {
	border-bottom: solid 3px #000;
	margin-bottom: 15px;
}

.contents-hoge{
	width: 980px;
	overflow: hidden;
	background-color: #FFF;
}
.category-description{
	text-align: center;
	margin-bottom: 45px;
}
.contents-col-left{
	float: left;
	width: 640px;
	overflow: hidden;
}
.contents-col-right{
	float: right;
	width: 310px;
	overflow: hidden;
}
div.tagpage-title-sub{
	display: flex;
	justify-content:flex-start;
	align-items: center;
	border-bottom: 1px solid #000;
}
h2.title-sub{
    font-size: 30px;
    font-weight: bold;
	color: #000;
	/*text-stroke: 1px #000;*/
	/*-webkit-text-stroke: 1px #000;*/
}
.title-sub-description{
	margin-left: 10px;
}

.section-description-columR{
	text-align: center;
	line-height: 2em;
}
.section-description-columR span{
	display: block;
	width: 100%;
	height: 10px;
	margin-top: 5px;
	border-bottom:2px solid #000;
	/* 幅8px、高さ8pxで背景画像のサイズを指定 */
	background-size: 6px 6px;		
}
ul.brand-logo-list{
	/*border-top: 3px solid #000;*/
	display: flex;
	flex-wrap: wrap;
	margin-top: 20px;
}
.brand-logo-list li{
	width: calc((100% - 48px) / 4);
	margin-bottom: 16px;
	text-align: center;
	font-size: 0.9em;
}
.brand-logo-list li:not(:nth-child(4n)){
	margin-right: 16px;
}
.brand-logo-list li span{
	font-size: 0.7em;
}
.brand-logo-list li a{
	text-decoration: none;
}
.brand-logo-list li img{
	width: calc(100% - 2px);
	border: 1px solid #ccc;
	padding: 6px 0;
}
.category-list{
	/*border-top: 3px solid #000;*/
	padding-top: 5px;
	display: flex;
	margin-bottom: 35px;
	margin-top: 20px;
}
.category-list li{
	width: calc((100% - 32px) / 3);
	text-align: center;
	position: relative;
	margin-bottom: 16px;
}
.category-list li:not(:nth-child(3n)){
	margin-right: 16px;
}
.brand-logo-list li a{
	text-decoration: none;
}
.category-list li span{
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	text-align: center;
	line-height: 2.4em;
	color: #FFF;
	background: #000;
	opacity: 0.8;
}
.category-list li img{
	width: calc(100% - 2px);
	border: 1px solid #ccc;
}

#ranking{
	clear: both;
}

.tagpage-ranking{
}
.tagpage-ranking li{
	padding: 17px 0px;
	border-bottom: 1px solid #ccc;	
	position: relative;
	display: flex;
    align-items: center;
}
.tagpage-ranking a{
	text-decoration: none;
}
.tagpage-ranking-num{
	font-size: 3.6em;
    font-weight: bold;
    position: absolute;
    left: 0;
    bottom: 0px;
    z-index: 5;
    color: #ccc;
    letter-spacing: -5px;
	/*text-stroke: 1px #ccc;*/
	/*-webkit-text-stroke: 1px #ccc;*/
}
.tagpage-ranking-thumb{
	width: 115px;
	margin-left: 28px;
}
.tagpage-ranking-thumb img{
	width: 100%;
}
.tagpage-ranking-info{
	width: 160px;
	margin-left: 7px;
}
.tagpage-ranking-info .product{
	font-size: 0.9em;
}
.tagpage-ranking-info .brand{
	font-size: 0.9em;
	color: #888;
	margin-bottom: 0.5em;
}
.tagpage-ranking-info .review{
	line-height: 1em;
}

.tagpage-ranking-info .product-rating__reviewer{
	font-size: 1em;
	font-weight: bold;
	line-height: 1em;
	color: #fb1;
}
.tagpage-ranking-info .price{
	font-size: 0.9em;
}
.tagpage-ranking-info .price span{
	font-size: 0.6em;
}
.tagpage-more-btn{
	overflow: hidden;
	margin: 17px 0 35px;
}
.tagpage-more-btn a{
	display: inline-block;
	float: right;
	text-decoration: none;
	padding: 10px 20px;
	border: 1px solid #000;
	font-weight: bold;
	
}
.columR-bnr{
}

.columR-bnr li{
	display: block;
	margin-bottom: 17px;
}
.columR-bnr li img{
	width: calc(100% - 2px);
	border: 1px solid #ccc;
}
.columR-bnr li:last-child{
	margin-bottom: 35px;
}

#tagpage-articles{
	
}

#tagpage-articles li{
	padding: 17px 0px;
	border-bottom: 1px solid #ccc;
	background-image: url("/user_data/packages/default/tag/867/img/luxecosme_articles_arrow.gif");
	background-position: 100% 50%;
	background-repeat: no-repeat;
}

#tagpage-articles li:after{
	content: ".";
	display: block;
	height: 0px;
	font-size: 0px;
	clear: both;
	visibility: hidden;
}

.luxe-articles-thumb{
	width: 90px;
	float: left;
}
.luxe-articles-thumb img{
	width: 100%;
}
.luxe-articles-txt{
	font-size: 0.9em;
	width: 190px;
	float: right;
	padding-right: 20px;
}

#tagpage-special li{
	width: 150px;
	float: left;
	padding-top: 17px;
}
#tagpage-special li img{
	width: 100%;
}
#tagpage-special li:nth-child(odd){
	margin-right: 10px;
}
#tagpage-special li:last-child{
	margin-bottom: 35px;
}
.product-condition-list_icon > li.product-condition-list__cp {
    font-size: 10px;
    border: solid 1px #f42564;
    background: #f42564;
    color: #fff;
    margin-bottom: 0;
}