@charset "utf-8";
/* ===================================================================
	00 基本
	01 SlideShow
	02 coordinate
	03 section_custom
	04 section_new
	05 section_preorder
	06 section_rearrival
	07 section_comingsoon
	08 ranking
	08_2 outerranking
	09 rearrival
	10 section_checkitem
	11 brandtop
	12 live_shopping
=================================================================== */

/* 00 基本
--------------------------------------------------------------------*/
.section_mainbnr,
.section_feature,
.section_newarrival,
.section_preorder,
.section_rearrival,
.section_ranking,
#outerranking,
.section_pickupitem,
.section_snap,
.section_newsevents,
.section_checkitem,
#coordinate,
#news,
#itemContainer,
#staff-styling ,
.section_tab,
.section_comingsoon {
	touch-callout: none;
	user-select: none;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-touch-callout: none;
	-moz-user-select: none;
	box-sizing: border-box;
}
.bnr_information_area img {
	width: 100%;
}
.bnr_information_area li {
	list-style: none;
	margin: 10px auto;
}
.items-all {
	clear: both;
	width: 100%;
	text-align: center;
}
.items-all a {
	display: inline-block;
	font-size: 15px;
	line-height: 1;
	padding: 5px 15px 5px 5px;
	border: 0;
	position: relative;
}
.items-all a:after {
	content: "";
	width: 7px;
	height: 7px;
	margin-top: -5px;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	position: absolute;
	top: 50%;
	right: 0;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}
.items-all .btn {
}

/* #26672 AB test start */
.items-all.type_01 a {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	color: #fff;
	border: 1px solid #5f87cf;
	border-radius: 4px;
	background-color: #5f87cf;
	font-size: calc(5% + 3.0vw);
	display: block;
	width: 70%;
	margin: auto;
	padding: 3% 0;
	text-decoration: none;
	position: relative;
}
.items-all.type_01 a:after {
	content: '';
	position: absolute;
	top: 35%;
	right: 5%;
	background : url(/static/lite/images/common/arw_btn.png) no-repeat;
	background-size: 6px 12px;
	width: 6px;
	height: 12px;
}

.items-all.type_02 a {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	color: #fff;
	border: solid 1px #383838;
	background-color: #383838;
	font-size: calc(5% + 3.0vw);
	display: block;
	width: 70%;
	margin: auto;
	padding: 3% 0;
	text-decoration: none;
	position: relative;
}
.items-all.type_02 a:after {
	content: '';
	position: absolute;
	top: 25%;
	right: 5%;
	background : url(/static/lite/images/common/arw_btn.png) no-repeat;
	background-size: 10px 19px;
	width: 10px;
	height: 19px;
}

.items-all.type_03 a {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	color: #5f87cf;
	border: none;
	font-size: calc(5% + 3.0vw);
	font-weight: bold;
	display: block;
	margin: auto;
	padding: 3% 3% 3% 0;
	text-decoration: none;
	text-align: right;
	position: relative;
}
.items-all.type_03 a:after {
	position: absolute;
	top: 28%;
	right: -1%;
}
/* #26672 AB test end */

.items-list {
	overflow: hidden;
	margin: 0 auto;
	width: 100%;
}
.items-list p {
	font-size: 0;
	line-height: 0;
	text-align: center;
	margin-top: 5px;
}
.items-list p a img {
	width: 96px;
	height: 10px;
}
.items-list p.icons {
	font-size: 0;
	line-height: 0;
	text-align: left;
	margin: 0 0 5px 0;
	height: 16px;
}
.items-list p.icons img {
	margin: 0 2px;
	width: 44px;
	height: 10px;
}
.items-list > ul {
	width: 100%;
}
.items-list > ul > li {
	float: left;
	text-align: left;
	margin-left: 2%;
	margin-bottom: 5%;
	width: 32%;
}
.items-list ul li:nth-child(3n+1) {
	margin-left:0;
	clear: both;
}
.items-list ul li a {
	display: block;
	word-wrap: break-word;
	position: relative;
	text-decoration:none;
}
.items-list ul li span {
	display: block;
}
.tax{
	display: inline !important;
	font-size: calc(5% + 2.4vw);
	/* color: black; */
	font-weight:normal;
}
.items-list ul li span.photo {
	margin-bottom: 5%;
	position:relative;
	width:100%;
}
.items-list ul li span.photo:before {
	content:"";
	display:block;
	padding-top: 133.333333%;
	width:100%;
}
.items-list ul li span.photo img {
	display: block;
	position:absolute;
	background: url("/static/lite/images/common/loadingimg.gif") no-repeat center center;
	background-size: 40px 40px;
	width: 100%;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin: 0 auto;
}
.items-list ul li .brandname {
	font-size: calc(5% + 2.8vw);
	color: #555555;
	padding-bottom: 3%;
	font-weight: bold;
}
.items-list ul li .name {
	font-size: calc(5% + 2.8vw);
	color: #555555;
	padding-bottom: 3%;
}
.items-list ul li .price {
	color: black;
	font-size: calc(5% + 3.4vw);
	/* line-height: 1.6; */
}
.items-list ul li .price s {
	color: #ff0035;
}
.items-list ul li .price s span{
	display:inline;
	color: black;
}

.items-list ul li .saleprice {
	color: #ff0035;
	font-size: calc(5% + 3.4vw);
}
.items-list ul li .discount {
	color: #ff0035;
	font-size: calc(5% + 2.4vw);
	font-weight: normal;
}
.items-list ul li .photo .soldout-img {
	position: absolute;
	text-align: center;
	width: 100%;
	background: rgba(0,0,0,0.5);
	height:  100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.items-list ul li .photo .soldout-img span {
	font-size: calc(5% + 2.4vw);
	color:  #FFF;
	display: block;
	width:  6em;
	height:  1em;
	line-height:  1;
	padding: 0.5em 1em;
	position:  absolute;
	top: 0;
	left: 0;
	bottom:  0;
	right: 0;
	margin: auto;
}

.itemautoslider {}
.itemautoslider *,
.itemautoslider *:before,
.itemautoslider *:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.itemautoslider_list:before,
.itemautoslider_list:after {
	content: none;
}
.itemautoslider_list {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-left: -1%;
	margin-right: -1%;
}
.itemautoslider_item {
	-ms-flex: 0 0 33.333333%;
	flex: 0 0 33.333333%;
	width: 100%;
	max-width: 33.333333%;
	margin-bottom: 5%;
	padding: 0 1%;
	position:relative;
}
.item_not_found {
	display: block;
	width: 100%;
	padding: 20px;
	text-align: center;
}
.item_not_found_text {
	font-size: 13px;
	line-height: 1.6;
}
.itemautoslider_link {
	display: block;
	word-wrap: break-word;
	position: relative;
	text-decoration:none;
}
.itemautoslider_item span {
	display: block;
}
.itemautoslider_photo {
	margin-bottom: 5%;
	position:relative;
	width:100%;
}
.itemautoslider_photo:before {
	content:"";
	display:block;
	padding-top: 133.333333%;
}
.itemautoslider_image {
	display: block;
	position:absolute;
	background: url("/static/lite/images/common/loadingimg.gif") no-repeat center center;
	background-size: 40px 40px;
	width: 100%;
	height: auto;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin: 0 auto;
}
.itemautoslider_item .brandname {
	font-size: calc(5% + 2.8vw);
	color: #555555;
	padding-bottom: 3%;
	font-weight: bold;
}
.itemautoslider_item .name {
	font-size: calc(5% + 2.8vw);
	color: #555555;
	padding-bottom: 3%;
}
.itemautoslider_item .price {
	color: black;
	font-size: calc(5% + 3.4vw);
	/* line-height: 1.6; */
}
.itemautoslider_item .price s {
	color: #ff0035;
}
.itemautoslider_item .price s span{
	display:inline;
	color: black;
}

.itemautoslider_item .saleprice {
	color: #ff0035;
	font-size: calc(5% + 3.4vw);
}
.itemautoslider_item .discount {
	color: #ff0035;
	font-size: calc(5% + 2.4vw);
	font-weight: normal;
}
.itemautoslider_photo .soldout-img {
	position: absolute;
	text-align: center;
	width: 100%;
	background: rgba(0,0,0,0.5);
	height:  100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.itemautoslider_photo .soldout-img span {
	font-size: calc(5% + 2.4vw);
	color:  #FFF;
	display: block;
	width:  6em;
	height:  1em;
	line-height:  1;
	padding: 0.5em 1em;
	position:  absolute;
	top: 0;
	left: 0;
	bottom:  0;
	right: 0;
	margin: auto;
}

.section_feature {
	padding: 4% 4% 7%;
}
.section_feature *,
.section_feature *:before,
.section_feature *:after {
	box-sizing: border-box;
}
.section_feature .inner {
	overflow: hidden;
	width: 100%;
}
.feature_list {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-left: -5px;
	margin-right: -5px;
}
.feature_list:before,
.feature_list:after {
	content: none;
}
.feature_item {
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	width: 100%;
	max-width: 50%;
	margin-bottom: 10px;
	padding: 0 5px;
}
.feature_list_main .feature_item {
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	width: 100%;
	max-width: 50%;
	margin-bottom: 10px;
	padding: 0 5px;
}
.feature_link {
	display: block;
}
.feature_photo {
	margin-bottom: 5px;
}
.feature_image {
	width: 100%;
	height:  auto;
	display:  block;
}
.feature_title {
	font-size: calc(5% + 2.8vw);
	text-align: left;
	line-height: 1.4;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin-bottom: 5px;
}
.feature_date {
	display: block;
	color: #999;
	font-size: calc(5% + 2.8vw);
	text-align: left;
	line-height: 1;
}
.feature_more {
	text-align: center
}
.btn_feature_more {
	display: inline-block;
	font-size: 16px;
	line-height: 1;
	cursor: pointer;
	position: relative;
}
.btn_feature_more_text {
	display: inline-block;
	font-size: 16px;
	line-height: 1;
	padding: 5px 20px 5px 5px;
	position: relative;
}
.btn_feature_more_text:after {
	content: "";
	width: 8px;
	height: 8px;
	margin-top: -5px;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	position: absolute;
	top: 50%;
	right: 0;
	opacity: 1;
	-webkit-transition: all .3s;
	transition: all .3s;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.btn_feature_more.opened .btn_feature_more_text:after {
	opacity: 0;
}
.icon_feature_more_close {
	opacity: 0;
	display: inline-block;
	width: 14px;
	height: 14px;
	vertical-align: middle;
	position: absolute;
	top: 50%;
	right: 0;
	-webkit-transition: all .3s;
	transition: all .3s;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.icon_feature_more_close:before,
.icon_feature_more_close:after{
	content: "";
	display: inline-block;
	height: 1px;
	background-color: #000;
	position: absolute;
	overflow: hidden;
	margin-top: -1px;
}
.icon_feature_more_close:before {
	width: 14px;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(0px) rotate(-315deg);
	transform: translateY(0px) rotate(-315deg);
}
.icon_feature_more_close:after {
	width: 14px;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-0px) rotate(315deg);
	transform: translateY(-0px) rotate(315deg);
}
.btn_feature_more.opened .icon_feature_more_close {
	opacity: 1;
}

/* 01 SlideShow
--------------------------------------------------------------------*/
#branding {
	clear: both;
	margin: 0 auto 15px auto;
	width: 320px;
	height: 137px;
}
#branding-box {
	position: relative;
	text-align: left;
	margin: 0 auto;
	width: 320px;
	height: 137px;
}
#branding-left {
	cursor: pointer;
	position: absolute;
	bottom: 6px;
	left: 10px;
	width: 8px;
	height: 12px;
}
#branding-right {
	cursor: pointer;
	position: absolute;
	bottom: 6px;
	right: 10px;
	width: 8px;
	height: 12px;
}
#branding-thumb {
	background-color: #f0f1f3;
	position: relative;
	width: 320px;
	height: 25px;
}
#branding-thumb ul {
	position: absolute;
	top: 9px;
	left: 0px;
}



#branding-thumb ul li {
	background: url("/static/lite/images/top/slide/thumb.gif") 0px -8px no-repeat;
	background-size: 8px 16px;
	cursor: pointer;
	float: left;
	font-size: 0;
	line-height: 0;
	overflow: hidden;
	margin-right: 5px;
	width: 8px;
	height: 8px;
}
#branding-thumb ul li.active {
	background: url("/static/lite/images/top/slide/thumb.gif") 0px 0px no-repeat;
	background-size: 8px 16px;
}
#branding-slide {
	overflow: hidden;
	width: 320px;
	height: 112px;
}
#branding-slide img {
	width: 320px;
	height: 112px;
}
#branding-slide ul {
	position: relative;
}
#branding-slide ul li {
	font-size: 0;
	line-height: 0;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 320px;
	height: 112px;
}
#branding-sec {
	clear: both;
	margin-bottom: 15px;
}
#branding-sec img {
	width: 100%;
}
/* 20150216 flexslider */
.section_mainbnr {
	width: 100%;
	position: relative;
}
.mainbnr_slider {
	position: relative;
	overflow: hidden;
}
.mainbnr_slider_list {
	overflow: hidden;
}
.mainbnr_slider_item {}
.mainbnr_slider_link {}
.mainbnr_slider_image {
	width: 100%;
	height: auto;
}
.flex-control-nav {
	text-align: center;
	padding: 15px 0 12px;
	display:  inline-block;
	left:  0;
	right:  0;
	bottom: -2px;
}
.flex-control-nav li {
	margin: 0 6px 4px;
	display: inline-block;
	zoom: 1;
}
.flex-control-nav li a {
	width: 7px;
	height: 7px;
	display: block;
	background: url(/static/lite/images/common/ico_swipe_02.png);
	background-size:7px 7px;
	cursor: pointer;
	text-indent: -9999px;

}
.flex-control-nav li a.flex-active {
	background: url(/static/lite/images/common/ico_swipe_01.png);
	background-size:7px 7px;
	cursor: default;
}

.flex-direction-nav{
   margin: 0 auto;
   position: absolute;
   left: 0;
   right: 0;
   bottom: 0px;
}
.flex-direction-nav li a {
	width: 20px;
	height: 46px;
	text-indent: -9999px;
	position: absolute;
	bottom: -5px;
}
.flex-direction-nav li a.flex-next {
	background: url("/static/lite/images/top/slide/arr_r.gif") center center no-repeat;
	right: -40px;
	background-size: 8px 12px;
}
.flex-direction-nav li a.flex-prev {
	background: url("/static/lite/images/top/slide/arr_l.gif") center center no-repeat;
	left: -40px;
	background-size: 8px 12px;
	float:  right;
}
.mainbnr_slider .slick-arrow {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	outline: none;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	width: 20px;
	height: 46px;
	text-indent: -9999px;
	position: absolute;
	bottom: -5px;
}
.mainbnr_slider .slick-next.slick-arrow{
	background: url("/static/lite/images/top/slide/arr_r.gif") center center no-repeat;
	background-size: 8px 12px;
}
.mainbnr_slider .slick-prev.slick-arrow {
	background: url("/static/lite/images/top/slide/arr_l.gif") center center no-repeat;
	background-size: 8px 12px;
}

.mainbnr_slider .slick-dots {
	position: absolute;
	bottom: 10px;
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center;
}
.mainbnr_slider .slick-dots li {
	margin: 0 6px 4px;
	display: inline-block;
	display: inline-block;
	zoom: 1;
	*display: inline;
}
.mainbnr_slider .slick-dots li button {
	display: block;
	width: 8px;
	height: 8px;
	background-image: none;
	background-color: #000;
	border-radius: 20px;
	cursor: pointer;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	border: 1px solid transparent;
}
.mainbnr_slider .slick-dots li button:hover {
}
.mainbnr_slider .slick-dots .slick-active button {
	display: block;
	width: 8px;
	height: 8px;
	text-align: center;
	outline: none;
	cursor: pointer;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background-color: transparent;
	border: 1px solid #000;
	border-radius: 20px;
}
.common_title_01{
	text-align: left;
	font-size: calc(5% + 4.4vw);
	padding-bottom: 1%;
}
.brand_header {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 0 10px;
	width: 100%;
	padding: .75rem .625rem;
	box-sizing: border-box;
}
.brand_header *,
.brand_header *:before,
.brand_header *:after {
	box-sizing: border-box;
}
.brand_logo {
	font-size: calc(5% + 5.2vw);
	line-height: 1;
	text-align: left;
}
.brand_logo_link {
	display: block;
	font-size: calc(5% + 5.2vw);
	line-height: 1;
}
.brandsite_btn {
	display: inline-block;
	flex-shrink: 0;
	font-size: .75rem;
	line-height: 1;
	padding: .3125rem .46875rem;
	border: 1px solid #333;
}
.appmode .brandsite_btn {}

/* 02 coordinate
--------------------------------------------------------------------*/
#coordinate {
	clear: both;
}
#apuweiser #coordinate h2 {}
#jusglitty #coordinate h2 {}
#rirandture #coordinate h2 {}
#mystrada #coordinate h2 {}
#oeuf #coordinate h2 {}

/* 03 newitems
--------------------------------------------------------------------*/
.section_custom {
	padding: 0 4% 7%;
}
.section_custom *,
.section_custom *:before,
.section_custom *:after {
	box-sizing: border-box;
}

/* 04 section_new
--------------------------------------------------------------------*/
.section_new {
	padding: 0 4% 7%;
}
.section_new *,
.section_new *:before,
.section_new *:after {
	box-sizing: border-box;
}
.newitems_tab {
	margin-bottom: 15px;
	border-bottom: 1px solid #ddd;
	/*padding: 0 4%;*/
}
.newitems_tab_slider {
	position: relative;
}
.newitems_tab_slider .slick-arrow {
	display: block;
	width: 20px;
	height: 24px;
	color: #fff;
	text-decoration: none;
	margin-top: -12px;
	position: absolute;
	top: 50%;
	z-index: 10;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	opacity: 1;
	cursor: pointer;
	background-color:rgba(255,255,255,0);
}
.newitems_tab_slider .slick-prev {
	left: -5px;
}
.newitems_tab_slider .slick-prev:after{
	content: "";
	width: 10px;
	height: 10px;
	margin-top: -5px;
	margin-left: -2px;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	transform: rotate(-135deg);
	position: absolute;
	top: 50%;
	left: 50%;
}
.newitems_tab_slider .slick-next {
	right: -5px;
}
.newitems_tab_slider .slick-next:after{
	content: "";
	width: 10px;
	height: 10px;
	margin-top: -5px;
	margin-right: -2px;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	transform: rotate(45deg);
	position: absolute;
	top: 50%;
	right: 50%;
}

.newitems_tab_list {
	display: flex;
	justify-content: center;
	margin-left: -5px;
	margin-right: -5px;
	position: relative;
}
.newitems_tab_item {
	padding: 0 5px;
	text-align: center;
}
.newitems_tab_name {
	display: block;
	font-size: 13px;
	text-align: center;
	line-height: 1;
	padding: 5px 0 10px;
	cursor: pointer;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	position: relative;
}
.newitems_tab_item.slick-current .newitems_tab_name {
	font-weight: bold;
	border-bottom: 2px solid #000;
}
.newitems_box {
	background-color: #fff;
	padding: 4% 0 0;
}

/* 05 section_preorder
--------------------------------------------------------------------*/

.section_preorder {
	padding: 0 4% 7%;
}
.section_preorder *,
.section_preorder *:before,
.section_preorder *:after {
	box-sizing: border-box;
}

/* 06 section_rearrival
--------------------------------------------------------------------*/

.section_rearrival {
	padding: 0 4% 7%;
}
.section_rearrival *,
.section_rearrival *:before,
.section_rearrival *:after {
	box-sizing: border-box;
}

/* 07 section_comingsoon
--------------------------------------------------------------------*/

.section_comingsoon {
	padding: 0 4% 7%;
}
.section_comingsoon *,
.section_comingsoon *:before,
.section_comingsoon *:after {
	box-sizing: border-box;
}

/* 08 section_ranking
--------------------------------------------------------------------*/

.section_ranking {
	padding: 0 0 7%;
}
.section_ranking  *,
.section_ranking  *:before,
.section_ranking  *:after {
	box-sizing: border-box;
}
.section_ranking .common_title_01 {
	padding: 0 4% 1%;
}
.ranking_tab {
	margin-bottom: 15px;
	border-bottom: 1px solid #ddd;
	/*padding: 0 4%;*/
}
.ranking_tab_slider {
	position: relative;
}
.ranking_tab_slider .slick-arrow {
	display: block;
	width: 20px;
	height: 24px;
	color: #fff;
	text-decoration: none;
	margin-top: -12px;
	position: absolute;
	top: 50%;
	z-index: 10;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	opacity: 1;
	cursor: pointer;
	background-color:rgba(255,255,255,0);
}
.ranking_tab_slider .slick-prev {
	left: -5px;
}
.ranking_tab_slider .slick-prev:after{
	content: "";
	width: 10px;
	height: 10px;
	margin-top: -5px;
	margin-left: -2px;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	transform: rotate(-135deg);
	position: absolute;
	top: 50%;
	left: 50%;
}
.ranking_tab_slider .slick-next {
	right: -5px;
}
.ranking_tab_slider .slick-next:after{
	content: "";
	width: 10px;
	height: 10px;
	margin-top: -5px;
	margin-right: -2px;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	transform: rotate(45deg);
	position: absolute;
	top: 50%;
	right: 50%;
}

.ranking_tab_list {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	margin-left: -5px;
	margin-right: -5px;
	position: relative;
}
.ranking_tab_item {
	padding: 0 5px;
	text-align: center;
}
.ranking_tab_name {
	display: block;
	font-size: 13px;
	text-align: center;
	line-height: 1;
	padding: 5px 0 10px;
	cursor: pointer;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	position: relative;
}
.ranking_tab_item.slick-current .ranking_tab_name {
	font-weight: bold;
	border-bottom: 2px solid #000;
}
.ranking_box {
	background-color: #f8f3e8;
	padding: 4% 4% 4%;
}
.rank_number {
	position: absolute;
	top: 1%;
	left: 7%;
	font-family: 'Lusitana', serif;
	font-style: italic;
	color: black;
	font-size: calc(5% + 5.2vw);
	z-index: 10;
}
/* 08_2 outerranking
--------------------------------------------------------------------*/
#outerranking {
	clear: both;
}
#apuweiser #outerranking h2 {}
#jusglitty #outerranking h2 {}
#rirandture #outerranking h2 {}
#mystrada #outerranking h2 {}
#oeuf #outerranking h2 {}

/* 06 section_checkitem
--------------------------------------------------------------------*/
.section_checkitem *,
.section_checkitem *:before,
.section_checkitem *:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.section_checkitem {
	padding: 0 4% 7%;
}

/* 07 Pick up Items
--------------------------------------------------------------------*/
#pickup {
	clear: both;
}
.section_pickupitem *,
.section_pickupitem *:before,
.section_pickupitem *:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.section_pickupitem {






	padding: 0 4% 7%;
}
.section_pickupitem .common_title_01 {
	padding-left:10px;
}
.pickup_list:before,
.pickup_list:after {
	content: none;
}
.pickup_list {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-left: -1%;
	margin-right: -1%;
	position: relative;
}
.pickup_item {
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	width: 100%;
	max-width: 50%;
	margin-bottom: 5%;
	padding: 0 1%;
	position:relative;
}
.pickup_link {
	display: block;
}
.pickup_link:hover .pickup_photo:after {
	content:"";
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.2);
	position:absolute;
	top:0;
	left:0;
}
.pickup_photo {
	margin-bottom:7%;
	position:relative;
}
.pickup_photo:before {
	content:"";
	display: block;
	padding-top: 120%;
}
.pickup_image {
	width: 100%;
	height: auto;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}
.pickup_brand {
	color: #555;
	font-size: calc(5% + 2.8vw);
	text-align: left;
}

/* 08 section_snap
--------------------------------------------------------------------*/

.section_snap *,
.section_snap *:before,
.section_snap *:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.section_snap {
	padding: 0 4% 5%;
}
.snap_slider {}
.snap_slider_list {}
.snap_slider_item {}
.snap_list:before,
.snap_list:after {
	content: none;
}
.snap_list {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-left: -5px;
	margin-right: -5px;
}
.snap_item {
	-ms-flex: 0 0 33.33333%;
	flex: 0 0 33.33333%;
	width: 100%;
	max-width: 33.33333%;
	margin-bottom: 20px;
	padding: 0 5px;
	position:relative;
}
.section_snap .snap_item {
	-ms-flex: 0 0 50%;
	flex: 0 0 350%;
	width: 100%;
	max-width: 50%;
}
.snap_notfound {
	display: block;
	width: 100%;
	text-align: center;
	padding: 20px 0;
}
.snap_notfound_text {
	font-size: 12px;
}
.snap_photo {
	margin-bottom: 10px;
	overflow: hidden;
}
.snap_link {
	display: block;
	outline: none;
	position: relative;
}
.snap_link:before {
	content:"";
	display: block;
	padding-top: 120%;
	position: relative;
}
.snap_image {
	width: 100%;
	height: auto;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
}
.snap_info {}
.snap_brand {
	font-size: 12px;
	line-height: 1;
	text-align: left;
	margin-bottom: 5px;
}
.snap_brand_image {
	width: auto;
	height: 20px;
}
.snap_date {
	color: #000;
	font-size: 12px;
	text-align: center;
	line-height: 1;
	margin-bottom: 5px
}
.snap_text {
	text-align: left;
}
.snap_height {
	color: #000;
	font-size: 10px;
	line-height: 1;
	text-align: left;
}


#masonry {
	width: 100%;
}
.grid {
	width: 49%;
	float: left;
	margin-right: 1%;
	margin-left: 0;
	margin-bottom: 5%;
}
.grid:nth-child(2n) {
	float: right;
	margin-left: 1%;
	margin-right: 0;
}
.grid:nth-child(2n+1) {
	clear: both;
}

.pickupitem_photo {
	margin-bottom: 7%;
}

.pickupitem_photo img {
	width: 100%;
	height: auto;
}
.pickupitem_brand {
	text-align: left;
	color: #555555;
	font-size: calc(5% + 2.8vw);
}

.item_rankingNumberArea {
	position:absolute;
	top:0;
	left:5px;
	z-index:1;
}
.rankingNumber_textArea {
	display:inline-block;
	color: #1B1D21;
	width:25px;
	height:25px;
	line-height:25px;
	background: #EEEEEE;
}
.rankingItem_listItem .item_infoArea {
	text-align:center;
}
#coordinate-top .items-all{
	margin-top: -4%;
	margin-bottom: 8%;
}
.section_taglink {

}
.taglink_heading {}
.taglink_heading_textArea {}
.taglink_container {
	margin-top: -5px;
}
.taglink_list {
	display:flex;
	flex-wrap:wrap;
	margin-bottom: 20px;
}
.taglink_listItem {
	line-height:2;
	border: 1px solid #ddd;
	border-radius: 2px;
	box-sizing:border-box;
	margin-top: 10px;
	margin-right:10px;
	color: #1B1D21;
}
.taglink_listItem_textArea {
	display:block;
	padding: 0px 15px;
}
/* 08 news_event
--------------------------------------------------------------------*/
#news {
	clear: both;
}
#apuweiser #news_event {}
#jusglitty #news_event {}
#rirandture #news_event {}
#mystrada #news_event {}
#news_event .inner {
	position: relative;
	padding: 12px 29px 15px 29px;
}
.section_newsevents {
	padding: 0 4% 7%;
}
.section_newsevents *,
.section_newsevents *:before,
.section_newsevents *:after {
	box-sizing: border-box;
}
.newsevents {
	margin-bottom: 5%;
}
.newsevents_list {}
.newsevents_item {
	margin-bottom:10px;
}
.newsevents_item:last-child {
	margin-bottom: 0;
}
.newsevents_link {}

.newsevents_data {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: flex-start;
	align-items: flex-start;
}
.newsevents_photo {
	width: 120px;
	position: relative;
}
.newsevents_photo.onlyphoto {
	-webkit-flex: 1;
	flex: 1;
	width: 100%;
}
.newsevents_link:hover .newsevents_photo:after {
	content:"";
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.2);
	position:absolute;
	top:0;
	left:0;
}
.newsevents_image {
	width: 100%;
	height: auto;
}
.newsevents_detail {
	-webkit-flex: 1;
	flex: 1;
	width: -webkit-calc(100% - 120px);
	width: calc(100% - 120px);
	padding: 0 0 0 10px;
}
.newsevents_title {
	font-feature-settings: "palt" 1;
	font-size: 13px;
	text-align: left;
	line-height: 1.4;
	margin-bottom: 5px;
}
.newsevents_feed {
	display: -webkit-flex;
	display: flex;
}
.newsevents_date {
	display: inline-block;
	font-size: 12px;
	text-align: left;
	vertical-align: middle;
}
.newsevents_brand {
	display: inline-block;
	font-size: 12px;
	text-align: left;
	vertical-align: middle;
	word-break: break-all;
	margin-left: 10px;
}
/* 09 search
--------------------------------------------------------------------*/

#search h2 {
	text-align: left;
	font-size: calc(5% + 5.2vw);
	padding-bottom: 1%;
}
#apuweiser #search > h2 {
}
#jusglitty #search > h2 {
}
#rirandture #search > h2 {
}
#mystrada #search > h2 {
}

/*10 brandtop
--------------------------------------------------------------------*/
#apuweiser .common_title_01 {
	color:#000;
}
#jusglitty .common_title_01  {
	color:#000;
}
#rirandture .common_title_01  {
	color:#000;
}
#mystrada .common_title_01  {
	color:#000;
}
#apl .common_title_01  {
	color:#000;
}

.section_tab .tab {
	letter-spacing: -0.75em;
}

.section_tab .tab li {
	letter-spacing: normal;
	position:relative;
	margin-right: 6%;
	display: inline-block;
}
.section_tab .tab li:last-child {
	margin-right: 0;
}

.section_tab .tab{
	text-align: left;
}
.section_tab .tab a {
	display:inline-block;
	font-family: 'Lusitana', serif;
	font-size: calc(5% + 5.2vw);
	text-align: left;
	white-space: nowrap;
	margin-bottom: 5%;
	padding-bottom: 1%;
	position:relative;
}
.section_tab .tab a:hover {
	text-decoration:none;
}
.section_tab .tab .selected a{
	border-bottom: 2px solid;
}
.section_tab .tabbox {
	/* display:none; */
}
#apuweiser .section_tab .tab .selected a{
	color: #000;
	border-color: #000;
}
#jusglitty .section_tab .tab .selected  a{
	color: #000;
	border-color: #000;
}
#rirandture .section_tab .tab .selected a{
	color: #000;
	border-color: #000;
}
#mystrada .section_tab .tab .selected a{
	color: #000;
	border-color: #000;
}
#oeuf .section_tab .tab .selected a{
	color: #000;
	border-color: #000;
}
#apl .section_tab .tab .selected a {
	color:#000;
	border-color:#000;
}


/* 99 Common
--------------------------------------------------------------------*/

.topItemList {
	margin-top: 25px;
}
.heightLine-1 a, .heightLine-3 a {
	position: relative;
}
#vidual2 {
	position: relative;
	margin: 0;
}
#vidual2 .news_all {
	font-size: 11px;
	text-align: right;
	margin: 10px 0 0 0;
}
#vidual2 .news_all a {
	text-decoration: underline;
}
/* Prev/Next */
.n_e-direction-nav .n_e-prev {
	/*	background: url("/static/lite/images/top/slide/arr_l.gif") center center no-repeat;*/
	background: url("/static/lite/images/top/ne_prev.gif") center center no-repeat;
	background-size: 8px 12px;
	text-indent: -9999px;
	position: absolute;
	/*	bottom: 30px;*/
	bottom: 0px;
	left: -20px;
	width: 20px;
	/*	height: 30px;*/
	height: 100%;
}
.n_e-direction-nav .n_e-next {
	/*	background: url("/static/lite/images/top/slide/arr_r.gif") center center no-repeat;*/
	background: url("/static/lite/images/top/ne_next.gif") center center no-repeat;
	background-size: 8px 12px;
	text-indent: -9999px;
	position: absolute;
	/*	bottom: 30px;*/
	bottom: 0px;
	right: -20px;
	width: 20px;
	/*	height: 30px;*/
	height: 100%;
}
/* Control Nav */

.n_e-control-nav {
	width: 100%;
	bottom: -15px;
	text-align: center;
}
.n_e-control-nav li {
	padding: 0 6px 0 6px;
	display: inline-block;
	zoom: 1;
 *display: inline;
	list-style: none;
}
/*コントローラー設定*/
.n_e-control-paging li a {
	display: block;
	width: 8px;
	height: 8px;
	border-radius: 20px;
	background: #cccccc;
	text-indent: -9999px;
}
.n_e-control-paging li a {
	display: none;
}
.n_e-control-paging li a:hover {
	background: #000000;
}
.n_e-control-paging li a.flex-active {
	background: #000000;
}
.n_e {
	/* font-size:8px; */
	text-align: left;
}
.n_e li img {
	width: 100%;
	display: block;
}
/*------add --*/
div#brand_logo img {
	width: 100%;
}
#search-form #inner_keywords_footer {
	margin-bottom: 7px;
	letter-spacing: -.44em;
	border: 1px solid #C8C8C8;
	border-radius: 3px;
	padding: 5px 0;
	background-color: #fefdef;
}
#search-form #inner_keywords_footer ul li {
	display: inline-block;
	float: none;
	width: 100%;
	line-height: 1.6em;
	letter-spacing: normal;
}
#search-form #inner_keywords_footer ul li a {
	border-bottom: 1px dotted #A3A1A1;
}
#search-form #inner_keywords_footer ul li:before {
	/*	content: "/";		*/
	margin: 0 5px;
}
#search-form #inner_keywords_footer ul li:first-child:before {
/*	content: "";		*/
}
#staff-styling {
	margin: 0 auto 30px;
	width: 96%;
}
#staff-styling li {
	margin-bottom: 10px;
}
#staff-styling img {
	width: 100%;
}
/* 11 informationArea add 20160622
--------------------------------------------------------------------*/
.bnr_information_area {
	/* margin: 2% 0; */
}
/* brand一覧*/
.center .brand-list {
	background: #eeeeee;
	padding: 0;
	margin-bottom: 5%;
	border-left: 1px solid #d2d2d2;
	border-top:  1px solid #d2d2d2;
}
.center .brand-list ul li {
	float: left;
	text-align: left;
	width: 50%;
	padding: 0;
	font-size: 1.15em;
	box-sizing: border-box;
	border-right: 1px solid #d2d2d2;
	border-bottom: 1px solid #d2d2d2;
}
.center .brand-list ul li a {
	display: block;
	background: #FFF;
	padding: 5% 2%;
}
.center .brand-list ul li:nth-child(2n-1):last-child{
	width:100%;

}
.center .brand-list ul li:nth-child(2n-1):last-child a {
	display: block;
	background: #FFF;
	padding: 2.5% 26.0%;
}
.center .brand-list ul li a > img {
	display: block;
	width: 100%;
	height: auto;
}
/* ブランドメニュー */
.brand_menu {
	background-color: #eee;
	padding: 15px 10px;
	box-sizing: border-box;
}
.brand_menu *,
.brand_menu *:before,
.brand_menu *:after {
	box-sizing: border-box;
}
.brand_menu_list:before,
.brand_menu_list:after {
	content: none;
}
.brand_menu_list {
	display: -webkit-flex;
	display: flex;
	margin-left: -7.5px;
	margin-right: -7.5px;
}
.brand_menu_item {
	flex: 0 0 25%;
	width: 100%;
	max-width: 25%;
	padding: 0 7.5px;
	border-right: 1px solid #ddd;
	position: relative;
}
.brand_menu_item:last-child {
	border-right: 0;
}
.brand_menu_DC080 .brand_menu_item_reserve,
.brand_menu_DC080 .brand_menu_item_restock {
	display: none;
}
.brand_menu_link {
	display: block;
	background-color: #eee;
	/*padding: 5px;*/
	font-size: calc(5% + 3.2vw);
	white-space: nowrap;
}

/* XX live_shopping
--------------------------------------------------------------------*/
.section_live_shopping {
	padding: 0 0 7%;
}
.section_live_shopping *,
.section_live_shopping *:before,
.section_live_shopping *:after {
	box-sizing: border-box;
}

.section_live_shopping .common_title_01 {
	padding:0 4%;
	/* background-color: #f8f3e8; */
}

.section_live_shopping .sub_text {
	margin-left:3%;
	font-size:14px;
}

.live_shopping_box {
	background-color: #f8f3e8;
	padding: 4% 4% 4%;
}

.live_shopping {
	/* margin-bottom: 5%; */
	/* background-color: #f8f3e8; */
	/* padding: 4% 4% 4%; */
}
.live_shopping_list {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-left: -5px;
	margin-right: -5px;
}
.live_shopping_item {
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	width: 100%;
	max-width: 50%;
	margin-bottom: 10px;
	padding: 0 5px;
}
.live_shopping_item:last-child {
	margin-bottom: 0;
}
.live_shopping_link {
	display:block;
}

.live_shopping_data {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: flex-start;
	align-items: flex-start;
}
.live_shopping_photo {
margin-bottom: 5px;
}
.live_shopping_photo.onlyphoto {
	-webkit-flex: 1;
	flex: 1;
	width: 100%;
}
/*.live_shopping_link:hover .live_shopping_photo:after {
	content:"";
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.2);
	position:absolute;
	top:0;
	left:0;
}*/
.live_shopping_image {
	width: 100%;
	height: auto;
}
.live_shopping_detail {
	-webkit-flex: 1;
	flex: 1;
	width: -webkit-calc(100% - 120px);
	width: calc(100% - 120px);
	padding: 0 0 0 10px;
}
.live_shopping_title {
	font-size: calc(5% + 2.8vw);
	text-align: left;
	line-height: 1.4;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin-bottom: 5px;
}
.live_shopping_feed {
	display: -webkit-flex;
	display: flex;
}
.live_shopping_date {
	display: block;
	color: #999;
	font-size: calc(5% + 2.8vw);
	text-align: left;
	/* line-height: 1; */
}
.live_shopping_brand {
	display: block;
	font-size: calc(5% + 2.8vw);
	text-align: left;
	/* line-height: 1; */
	margin-left: 10px;
	word-break: break-word;
	overflow-wrap:anywhere;
}