/*
@font-face {
	font-family: "Uniqlo";
	src: url("../font/UniqloProRegular.eot");
	src: url("../font/UniqloProRegular.eot?") format('embedded-opentype'),
	url("../font/UniqloProRegular.woff") format('woff'),
	url("../font/UniqloProRegular.otf") format('opentype');
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: "Uniqlo";
	src: url("../font/UniqloProLight.eot");
	src: url("../font/UniqloProLight.eot?") format('embedded-opentype'),
	url("../font/UniqloProLight.woff") format('woff'),
	url("../font/UniqloProLight.otf") format('opentype');
	font-weight: 200;
	font-style: normal;
}
*/
html {
	box-sizing: border-box;
	overflow-y: scroll; /* All browsers without overlaying scrollbars */
	-webkit-text-size-adjust: 100%; /* iOS 8+ */
	background: #fff;
}
*,
::before,
::after {
	background-repeat: no-repeat; /* Set `background-repeat: no-repeat` to all elements and pseudo elements */
	box-sizing: border-box;
}
::before,
::after {
	text-decoration: inherit; /* Inherit text-decoration and vertical align to ::before and ::after pseudo elements */
	vertical-align: inherit;
}
* {
	padding: 0; /* Reset `padding` and `margin` of all elements */
	margin: 0;
}
a {
	text-decoration: none;
	color: #1b1b1b;
}
:focus, a, a:active, a:focus, a:hover {outline: 0;}
a:link { text-decoration:none; color:#1b1b1b;}
a:hover { text-decoration:none; color:#1b1b1b;}
a:active { text-decoration:none; color:#1b1b1b;}
body {
	color: #1b1b1b;
	line-height: 1.5em;
	font-size: 13px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Hiragino Sans", "Noto Sans CJK JP", Osaka, Meiryo, "メイリオ", "MS PGothic", "ＭＳ Ｐゴシック", "Hiragino Sans GB", "Helvetica Neue", HelveticaNeue, Helvetica, "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
	width: 100%;
	min-width: 320px;
	margin: 0 auto;
	padding: 0;
	background: linear-gradient(#fff, #f4f4f4);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
h1, h2, h3, h4 {
	padding: 18px 0;
	line-height: 1.5em;
}
h1 {font-size: 21px;}
h2 {font-size: 18px;/*17px*/}
h3 {font-size: 14px;}
h4 {font-size: 13px;}
img {width: 100%; height: auto;}
#header {
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0 auto;
	background: #fff;
}
#content {
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0 auto;
	position: relative;
	display: flex;
	flex-wrap: wrap;
}
#footer_digi {
	width: 100%;
	background: #f4f4f4;
	border-top: 1px solid #dadada;
}
#footer_digi ul {display: none;}
#footer_digi div {
  padding: 15px 4vw;
  text-align: center;
	margin: 0 auto;
	height: 55px;
	line-height: 1.8em;
}
.uniqlo_copyright {
	color: #999;
	font-size: 11px;
	/*font-family: "Uniqlo";*/
	font-weight: 200;
	text-align: center;
}
.header_wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	padding: 15px 0 15px 4vw;
}
.logo img {width: 90px!important;height: 40px!important;vertical-align: bottom!important;}
#content > div {
	width: 100%;
}

/* ↓ 折り込みチラシ・デジタルチラシアンカーのCSSここから ↓ */

.gender_nav.shown {
	position: sticky;
	position: -webkit-sticky;
	top: 0;
	opacity: 1;
	z-index: 1001;
}

.gender_nav,
.gender_nav_bottom {
	width: 100%;
	background: #fff;
	z-index: 600;
	position: relative;
	opacity: 1;
	transition: .6s ease-in-out;
}
.gender_nav.hidden {
	transform: translateY(-100%);
	opacity: .5;
}
.gender_nav_bottom {
	padding: 12px 0 36px;
}
#digi_flyer .gender_nav_bottom {
	padding: 24px 0 18px;
}
.gender_nav_list {
	display: flex;
	flex-wrap: nowrap;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	border-top: 1px solid #dadada;
	border-bottom: none;
	text-align: center;
}

.gender_nav_bottom .gender_nav_list {
	border-top: none;
	border-bottom: 1px solid #dadada;
}

.gender_nav_item {
	width: 100%;
	flex: 1;
	height: auto;
	text-align: center;
	background: #f4f4f4;
	border-right: 1px solid #dadada;
	border-bottom: 1px solid #dadada;
}
.gender_nav_bottom .gender_nav_item {
	border-bottom: none;
	border-top: 1px solid #dadada;
}
.gender_nav_item.active {
	background: #fff;
	border-bottom: 1px solid #fff;
}
.gender_nav_bottom .gender_nav_item.active
{
	border-top: 1px solid #fff;
}

.gender_nav_item:last-child {
	border-right: none;
}
.gender_nav_link {
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	font-weight: 600;
	color: #ababab;
	padding: 16px 0;
	margin: 0;
}
.gender_nav_item.active a {
	color: #1b1b1b;
}
.gender_nav_link span {
	position: relative;
	font-size: 12px;
	line-height: 24px;
}

/* ↑ 折り込みチラシ・デジタルチラシアンカーのCSSここまで ↑ */

.item_note { background: #f4f4f4; padding: 32px 4vw; margin: 18px auto 0; font-size: 11px; color: #1b1b1b; line-height: 1.5em; border-top: 1px solid #dadada;}
.align_center { text-align: center;}
.align_left_center { text-align: left;}

.text_box_center { max-width: 800px; height: auto; margin: 0 auto;}

.reduced2000yen {
	font-size: 14px;
	font-weight: bold;
	color: #f00;
	position: absolute;
	border: 1px solid #f00;
	right: 20px;
	padding: 0 5px;
	top: 60px;
	letter-spacing: .05em;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Hiragino Sans", "Noto Sans CJK JP", Osaka, Meiryo, "メイリオ", "MS PGothic", "ＭＳ Ｐゴシック", "Hiragino Sans GB", "Helvetica Neue", HelveticaNeue, Helvetica, "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
}

.item_title { letter-spacing: .05em; padding-top: 6px; font-size: 15px; line-height: 1.4em; color: #f00;}
.item_new { display: inline-block; position: absolute; top: 0; font-size: 14px; line-height: 1; font-weight: bold; padding: 4px 1px 1px; margin: 0 auto 1px; color: #f00; letter-spacing: .08em;}
.item_new_color { display: inline-block; font-size: 12px; line-height: 1; padding: 4px 6px 1px; margin: 0 auto 1px; color: #1b1b1b; letter-spacing: .05em; border: 1px solid #dadada;}
.pagetop {
  position: fixed;
  width: 45px;
  height: 45px;
  right: 0;
  bottom: 15px;
  transition: opacity 0.4s;
    z-index: 9999;
}
.pagetop a {
  display: inline-block;
  z-index: 1000;
  width: 100%;
  height: 45px;
  background: url("../img/page-top-mobile.png") no-repeat;
  background-size: 45px auto;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  outline: none;
}
/* Certona styling from here */

dd.reviewaverage { width: 48px; }
.averageimage { overflow: hidden; }
.averageimage img { width: 48px!important; height: auto;}
.flag { color: #f00;}
.swiper-container .swiper-slide .currentPrice {
	font-weight: 400;
	/*font-family: "Uniqlo";*/
	font-size: 18px;
}
.swiper-container .swiper-slide.sale-swiper .currentPrice { color: #f00;}
.swiper-wrapper li a dl dt {margin-bottom: 6px;}
/* Certona styling till here */

/* flyer top */
#content.digi_flyer_top {
	width: 100%;
	height: auto;
	margin: 0 auto;
}
.digi_flyer {
	max-width: 1000px;
	width: 100%;
	padding: 0;
	margin: 0 auto;
	height: auto;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}
.digi_flyer img {
	max-width: 1176px;
	width: 100%;
	min-width: 1000px;
	height: auto;
}
.digi_flyer_bnrs {
	width: 100%;
	text-align: center;
	margin: 0 auto -18px;
  padding-bottom: 18px;
  background: #fff;
}
.digi_flyer_bnrs > div {
	margin-top: 24px;
}
.digi_flyer_bnrs img {
	max-width: 750px;
	padding: 0 2vw;
}
.digi_flyer_bnrs .no_pdf img {
	max-width: 1000px;
}
.no_pdf { display: none!important;}

/*dd.currentPrice::after {
	position: absolute;
	display: inline-block;
	content: "＋消費税";
	width: 80px;
	color: #7d7d7d;
	font-size: 11px;
	line-height: 22px;
	top: 0;
	left: 105%;
}
*/
.swiper-container .swiper-slide .currentPrice {
	position: relative;
	width: auto;
	display: inline-block;
}

.fr-breadcrumbs {
	padding-top: 21px;
	padding-right: 4vw;
	padding-left: 4vw;
	padding-bottom: 21px;
	background: white;
	margin-bottom: -24px;
}

.fr-breadcrumbs_inner {
	display: flex;
	flex-wrap: wrap
}

.fr-breadcrumbs_item {
	font-size: 13px;
	line-height: 18px
}

[lang=ja] .fr-breadcrumbs_item {
	font-size: 12px
}

.fr-breadcrumbs_item:not(:last-child):after {
	content: "/";
	padding-right: 3px;
	padding-left: 3px
}
.fr-breadcrumbs_item > .fr-breadcrumbs_itemLink {
	text-decoration: underline
}


@media screen and (min-width:768px) {
	body {
		padding: 0;
		font-family: "Hiragino Sans", system-ui, -apple-system, sans-serif;
		font-size: 14px;
		line-height: 1.4em;
		background: #fff;
	}
	h1, h2, h3, h4 {
		padding: 28px 0;
		line-height: 1.4em;
	}
	h1 { font-size: 29px;}
	h2 { font-size: 26px;}
	h3 { font-size: 23px;}
	h4 { font-size: 20px;}
	#header { padding: 15px 0; border-bottom: 1px solid #dadada;}
  #footer_digi div {
		padding: 28px 25px;
		text-align: left;
		height: 80px;
	}
	.uniqlo_copyright {font-size: 13px;}
	.header_wrap,
	.gender_nav,
	#content { padding: 0 12px; max-width: 1200px; margin: 0 auto;}
	.gender_nav_bottom { padding: 0 12px 52px;}

	.gender_nav_list {
		border-top: 1px solid #dadada;
		border-left: 1px solid #dadada;
		border-right: 1px solid #dadada;
	}

	.gender_nav_link {
		padding: 15px 0;
	}
	.gender_nav_link:hover {
		color: #1b1b1b;
	}
	.gender_nav_link span {
		font-size: 15px;
	}
	.align_left_center { text-align: center;}

	#ranking_recommend,	#ranking_area_recommendsell,#ranking_area_recommend,
	#ranking_recommendsell,#ranking_limited,#ranking_area_limited {margin: 0 auto;}
	#ranking_area_view,#ranking_area_recommendsell,#ranking_area_recommend,#ranking_area_limited {overflow-x: scroll;}

	.digi_flyer { padding:0 5px;}

	.item_title { font-size: 16px;}

	.item_new,
	.item_new_color { margin: 3px auto;}
	.pagetop {
    position: fixed;
    right: 35px;
    bottom: 35px;
  }
  .pagetop a {
    display: inline-block;
    z-index: 1000;
    width: 80px;
    height: 80px;
    background: url("../img/page-top.png") no-repeat;
    background-size: 80px auto;
    outline: none;
  }
	#content.digi_flyer_top { width: 100%;}
	.digi_flyer { max-width: 1200px; padding:0;border: 1px solid #dadada;border-top: none;}
	.g-maxW480 { max-width: 480px;}

	.item_note {
		background: #fff;
		padding: 48px 12px;
		font-size: 12px;
		margin: 52px auto 0;
		max-width: 856px;
	}
	.no_pdf {
		display: block!important;
		margin: 20px auto 32px!important;
		background:#f00;
	}
	.no_pdf a { display: block;}
	.uniqlo_copyright {
		margin: 0 auto;
		text-align: left;
		color: #787878;
		font-size: 13px;
		line-height: 2.3em;
		height: 24px;
		vertical-align: baseline;
	 }
	.fr-breadcrumbs_item {
        font-size: 15px;
        line-height: 1.35333
    }

    [lang=ja] .fr-breadcrumbs_item {
        font-size: 13px;
        line-height: 1.53846
    }

    .fr-breadcrumbs {
		padding: 0 12px;
		max-width: 1200px;
		margin: 24px auto;
    }

    .fr-breadcrumbs_item:not(:last-child) {
        align-items: center;
        display: flex
    }

    .fr-breadcrumbs_item:not(:last-child):after {
        padding-right: 12px;
        padding-left: 12px;
    }
	
}