@charset "Shift_JIS";

#body {
	width:100%;
}

.imgFluid {
	width:100%;
}

#gblFooter {
	margin-top:0;
}

nav#breadCrumb {
	position:relative;
	margin-bottom:-71px;
	z-index:1;
}

nav#breadCrumb li {
	padding-right:2px;
	background:none;
	color:#fff;
}

nav#breadCrumb li a {
	color:#fff;
	text-decoration:underline;
}

/* ------------------------------------------------------------
 * メインビジュアル
 * ------------------------------------------------------------*/
.pageHero {
	position:relative;
	width:100%;
	text-align:center;
	background-color:#000;
	overflow:hidden;
	display:flex;
	justify-content:center;
	align-items:center;
}

.pageHero .hero-bg {
	position:relative;
	width:100%;
}

.pageHero .hero-bg .imgFluid.zoom-fadein {
	width:100vw;
	opacity:0;
	transform:scale(1.1);
}

.pageHero .hero-bg .imgFluid.slick-active {
	animation:hero-zoom 5.5s linear;
}

.pageHero .hero-inner {
	position:absolute;
	top:50%;
	left:0;
	width:100%;
	text-align:center;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}

.pageHero .hero-lead {
	font-size:19px;
	font-weight:bold;
	text-align:center;
	color:#fff;
	line-height:1.842105263;
	letter-spacing:0.085em;
	margin-top:88px;
}

.pageHero .hero-button {
	position:absolute;
	display:block;
	margin:0 auto;
	left:0;
	right:0;
	bottom:calc(78 / 2560 * 100vw);
	width:38px;
}

@keyframes hero-zoom {
	from {
		transform:scale(1);
	}
	to {
		transform:scale(1.1);
	}
}

/* ----------------------------------------
 * 共通
 * ---------------------------------------- */

section.section {
	position: relative;
	padding:50px 0 60px;
}

.section + .section {
	border-top:20px solid #f3f3f3;
	box-shadow:0px 0px 0px 1px #E9E9E9;
}

.section.section-couponitem,
.section-present.section
{
	border:none;
	box-shadow:none;
}

section.section:last-child {
	border-bottom: none;
}

.section .section-title {
	text-align:center;
}

.section .section-title .title {
	display:block;
	margin-top:30px;
	font-size:40px;
}

.section .plan-number {
	width:110px;
}

.section .lead-text {
	font-size:24px;
	text-align:center;
	line-height:1.617708333;
	margin-top:25px;
}

.section .lead-text .attention {
	color:#ff0033;
	font-size:24px;
	line-height:1.65;
}

.section .item-list {
	margin-top:50px;
}

.section .section-limit {
	width:395px;
	margin:20px auto 0 auto;
	padding:15px 0;
	text-align:center;
	font-size:20px;
	line-height:1;
	border-radius:50px;
	background:#e7e7e7;
}

.pickupshop-btn {
	text-align:center;
}

.pickupshop-btn .g-btn {
	font-size:18px;
	width:380px;
	height:65px;
	line-height:40px;
	border-radius:33px;
}

.pickupshop-btn .btn-primary {
	background-color:#37B6F3;
	border-color:#37B6F3;
}

.present-tweet {
	text-align:center;
	margin-top:45px;
}

.present-tweet .g-btn {
	width:380px;
	height:65px;
	font-size:18px;
	line-height:65px;
}

.present-tweet .btn-primary {
	border-radius:65px;
	padding:0;
	background-color:#37B6F3;
	border-color:#37B6F3;
}

.present-tweet .twitter-icon {
	vertical-align:middle;
	width:36px;
	margin-right:8px;
}

/* ----------------------------------------
 * お気に入りアイテム一覧
 * ---------------------------------------- */
.section.section-favorite {
	display:none;
	padding-top:65px;
}

.section-favorite h2 {
	font-size:28px;
	text-align:center;
	line-height:1.785714286;
}

.section-favorite .item-list {
	min-height:330px;
	text-align:center;
}

.section-favorite .indexCatalog {
	display:inline-block;
}

/* ----------------------------------------
 * 限定アイテム
 * ---------------------------------------- */

.section-newitem .item-list {
	min-height:1000px;
}

.section .limited-icon {
	width:89px;
}

/* ----------------------------------------
 * クーポン
 * ---------------------------------------- */

.section .coupon-icon {
	width:101px;
}

.section-coupon .attention {
	display:inline-block;
	margin-top:20px;
}

.section-coupon .coupon-card {
	max-width:940px;
	margin:60px auto 0;
	padding:20px 0 32px;
	color:#fff;
	text-align:center;
}

.section-coupon .coupon-shoplist {
	margin-top:15px;
	font-size:18px;
	line-height:1.5;
	font-family:Helvetica, Arial, sans-serif;
}

.section-coupon .coupon-card .price {
	letter-spacing:-0.03em;
	line-height:1;
	font-size:0;
}


.section-coupon .coupon-card .price::before {
	content: '最大';
	display: inline-block;
	margin-right: 10px;
	writing-mode: vertical-rl;
	letter-spacing:-0.03em;
	line-height:1;
	font-size: 72px;
	font-weight: bold;
	vertical-align: middle;
}

.section-coupon .coupon-card .price-label {
	display:inline-block;
	vertical-align:middle;
	margin-right:10px;
	font-size:66px;
	font-weight:bold;
}

.section-coupon .coupon-card .price-num {
	display:inline-block;
	vertical-align:middle;
	letter-spacing:-0.03em;
	font-size:178px;
	font-family:Helvetica, Arial, sans-serif;
}

.section-coupon .coupon-card .price-label span {
	display:block;
}

.section-coupon .coupon-card-note {
	display:block;
	margin-top:10px;
	font-size:18px;
}

.section-coupon .coupon-card .brand-name {
	font-size:18px;
	font-weight:bold;
	letter-spacing:0.065em;
	font-family:Helvetica, Arial, sans-serif;
	line-height:1.511111111;
}

.section-coupon .coupon-card .limit {
	width:54%;
	margin:20px auto 0;
	padding:10px 0;
	border-radius:35px / 35px;
	color:#fff;
	font-size:20px;
	font-weight:bold;
}

.section-coupon .coupon-card.coupon_c1_D .limit {
	font-weight:bold;
	color:#fff;
	background:#B12C39;
}

.section-coupon .item-list {
	min-height:1000px;
}

.section-coupon .coupon-banner {
	margin-top:60px;
	text-align:center;
}

.section-coupon .coupon-banner .banner-img {
	width:600px;
}

.section.section-coupon-new {
	padding-top:0;
	text-align:center;
	border-top:1px solid #ebebeb;
}

.section.section-coupon-new .title {
	margin-top:50px;
	font-size:28px;
	line-height:1.724137931;
}

.section-coupon-new .item-list {
	min-height:682px;
}

.section-title .plan-title {
	height:36px;
}

/* ----------------------------------------
 * タイムセール
 * ---------------------------------------- */

.section .timesale-icon {
	width:89px;
}

.section.section-recommend {
	text-align:center;
}

.section-recommend .item-list {
	min-height:682px;
}

.section-timesale .item-list {
	min-height:1000px;
}



/* ----------------------------------------
 * プレゼント
 * ---------------------------------------- */

.section .present-icon {
	width:101px;
}

.section.section-present {
	background:#E7E7E7;
	text-align:center;
	padding:40px;
}

.section-present .section-inner {
	max-width:800px;
	margin:0 auto;
	padding:75px 90px 40px;
	background:#fff;
	border-radius:12px;
	box-sizing:border-box;
}

.section-present .lead-text {
	font-size:22px;
	line-height:39px;
}

.section-present .limit {
	display:inline-block;
	padding:10px 65px;
	margin-top:20px;
	letter-spacing:.05em;
	font-size:20px;
	line-height:1.8;
	background:#e9e9e9;
	border-radius:28px;
}

.section-present .present-content {
	margin:40px auto 0;
}

.section-present .note-link {
	margin-top:30px;
	font-size:20px;
}

.section-present .note-link a {
	color:#333;
	text-decoration:underline;
}

.section-present .caption {
	margin-top:45px;
	font-size:15px;
}

.present-content + .caption {
	margin-top:15px;
}

.section-present .pickupshop-btn {
	margin-top:45px;
}

/* ----------------------------------------
 *クーポン対象アイテム
 * ---------------------------------------- */
.section.section-couponitem {
	padding:60px 0;
}

.section-couponitem p {
	margin:-10px 0 -15px;
	text-align:center;
	font-size:22px;
	line-height:2;
}

.section-couponitem .pickupshop-btn {
	margin-top:38px;
}

.coupon-shoplink {
	width:980px;
	margin:50px auto 0 auto;
}

.coupon-shoplink-h {
	padding:15px 0;
	text-align:center;
	font-size:18px;
	color:#878787;
	line-height:1;
	background:#f2f2f2;
}

.coupon-shoplink-list {
	position:relative;
	margin:35px -10px 0 -10px;
	font-size:0;
}

.coupon-shoplink-list:before, .expanded:after {
	content:"";
	position:absolute;
	left:10px;
	width: calc(100% - 20px);
	height:1px;
	background:#E7E7E7;
}

[data-collapse="container"] {
	overflow:visible;
}

.coupon-shoplink-list:before {
	top:0px;
}

.coupon-shoplink-list:after {
	bottom:0px;
}

.coupon-shoplink-list li {
	display:inline-block;
	width:33.3333%;
	padding:0 10px;
	vertical-align:top;
	font-size:15px;
	box-sizing:border-box;
}
.coupon-shoplink-list li a {
	display:block;
	padding: 15px 10px;
	border-bottom: 1px solid #E7E7E7;
	background: url('//o.imgz.jp/pc/todayspickup/icon-arrow.png') no-repeat right 10px center;
	background-size: 8px auto;
	font-size:13px;
	color:#2d2d2d;
}
.coupon-shoplink-list li:nth-child(-n+3) {
	margin-top:0;
}
.expanded li:nth-last-child(-n+3) a {
	border: none;
}

.btn.btnLink.collapse-toggle-btn {
	border:none;
	background-color:transparent;
	cursor:pointer;
}

.collapse-toggle {
	margin-top:25px;
}

/* --------------------------------
    アイテムリスト
-------------------------------- */

[data-container$="-item"] .item-list {
	max-width:980px;
	margin:0 auto;
}

[data-container$="-item"] .indexCatalog li {
	position:relative;
	width:25%;
	float:left;
	padding:0 20px 30px;
	text-align:left;
	box-sizing:border-box;
	min-width:245px;
}

[data-container$="-item"] .indexCatalog a:hover {
	text-decoration:none;
}

[data-container$="-item"] .indexCatalog a:hover img {
	opacity:0.7;
}

[data-container$="-item"] .indexCatalog .img {
	position:relative;
}

[data-container$="-item"] .indexCatalog .img img {
	width:100%;
	min-height:246px;
}

[data-container$="-item"] .indexCatalog .price,
[data-container$="-item"] .indexCatalog .shop {
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	word-break:break-all;
}

[data-container$="-item"] .indexCatalog .price {
	font-size:15px;
	color:#333;
	line-height:1.5;
}

[data-container$="-item"] .indexCatalog .shop {
	font-size:13px;
	margin-top:10px;
	color:#333;
}

[data-container$="-item"] .indexCatalog .tax {
	font-size:10px;
	font-weight:normal;
}

[data-container$="-item"] .indexCatalog .off {
	font-size:13px;
	font-weight:normal;
}

/**
 * ------------------------------------------------------------
 * アクション：シェア
 * ------------------------------------------------------------
 */
.action-share {
	margin-top: 0;
	padding: 60px 0;
	border-top: 20px solid #f3f3f3;
}

/**
 * ------------------------------------------------------------
 * 注意事項
 * ------------------------------------------------------------
 */

.pageMain.end {
	border-bottom:1px solid #E7E7E7;
}

.pageNote {
	position:relative;
	width:880px;
	margin:0 auto;
	padding-top:64px;
	padding-bottom:70px;
}

.pageNote:before {
	content:"";
	position:absolute;
	top:0;
	left:50%;
	height:100%;
	background:#FFF;
	z-index:-1;
	transform:translateX(-50%);
}

.pageNote .page-note-title {
	font-size:24px;
	line-height:1;
}

.page-note-block {
	margin-top:34px;
	font-size:12px;
	line-height:2;
}

.page-note-list-none {
	list-style:none inside;
	padding-left:1em;
	text-indent:-1em;
	margin-left:3px;
}

.page-note-list-disc {
	list-style:disc inside;
	padding-left:1em;
	text-indent:-1em;
	margin-left:3px;
}

.page-note-list-num {
	list-style:decimal inside;
	padding-left:1em;
	text-indent:-1em;
	margin-left:3px;
}

.pageMain .action-share-h {
	font-size:22px;
}

/* ----------------------------------------
 * 新作アイテム
 * ---------------------------------------- */

.section-newitem .newitem-icon { width:101px; height:auto; }

.section-recommend {
	text-align:center;
}

.section-recommend .section-text {
	text-align:center;
	font-size:22px;
	line-height:1;
	margin-top:60px;
}

.section-recommend .pickup-item-set .title-img {
	height:42px;
}

.section-recommend .pickup-item {
	padding:32px 0 0;
}

.section-recommend .pickup-item .pickup-img {
	width:640px;
}

.section-recommend .pickup-item-detail {
	margin:30px auto 25px;
	font-size:18px;
}

.section-recommend .pickup-item-detail .name {
	line-height:1;
	font-weight:bold;
}

.section-recommend .pickup-item-detail .price {
	margin-top:16px;
	line-height:1;
}

.section-recommend .pickup-item-detail .tax {
	font-size:13px;
}

.coordinate-items {
	margin-top:50px;
	transition:.3s linear;
}

.coordinate-items:not(.loading) {
	opacity:1;
}

.coordinate-slider {
	position:relative;
	overflow:hidden;
	width:100%;
	max-width:1464px;
	margin:0 auto;
}

.coordinate-slide {
	outline:0;
	padding:0 10px;
}

.coordinate-img img {
	width:400px;
}

.collection-spec {
	margin:20px auto 0;
	text-align:left;
	height:69px;
	width:468px;
	color:#808080;
	padding-left:66px;
}

.collection-spec-name {
	display:inline-block;
	font-size:15px;
	line-height:1.5375;
}

.collection-spec-name a {
	color:#202020;
	text-decoration:underline;
}

.collection-spec-name a:hover {
	opacity:.8;
	text-decoration:none;
}

.collection-spec-name.no-item a {
	text-decoration:none;
}

.collection-spec-name.no-item a:hover {
	opacity:1;
}

.collection-spec-price {
	display:inline-block;
	font-size:15px;
	line-height:1.5375;
}

.collection-spec-price-tax {
	font-size:10px;
	margin-left:2px;
}

.coordinate-items .slick-arrow {
	width:70px;
	height:70px;
	overflow:hidden;
	outline:0;
	position:absolute;
	z-index:1;
	top:240px;
	margin:auto 0;
	border:0;
	background:rgba(193, 193, 194, .7);
	border-radius:50%;
	font-size:0;
	line-height:1;
	text-align:center;
}

.coordinate-items .slick-arrow:before {
	content:"";
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	margin:auto;
	width:17px;
	height:31px;
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAABICAYAAACN4RdNAAAB0UlEQVR4Ae3ZAcbzQBCH8R4hAhGIF0IRADlDiJyhB82JWmihKNhvlhkWYJ98ZoKUB7b+/BIB9jZNE+0ujWA36vZGothN+ml9xa4vdhsDc2ySnlJTsW10kyj6CPYlTeCBJ90itDP2OPow1hsdhOVojI1CI2wkOhYL0LFYgI7FAnQsFqADsQCt4NUfi9FrPtylpD1OhLUehW/PB0vxhj/SfCLsrKakxqX8hv3QAFt+w/5oiDWwPxpiDczRzlgDc7Qz1sAc7Yw1MEc7Yw0M0A5YAuZojsVgjuZYDOZojgVghH5LbcW21Q3AcnCJ/kpdxa7TDcFysPYnDWA36PbmBPbvAl/gC+zfBb7AFzildJdGsBvzFoMhdpN+Wl+x64vdxsAcm39PqanYNrpJFH0E+5Im8MCTbhH6v2A90Yex3uiDWH80xwahOTYIzbFBaI4NQnNsEJpjg9AcG4TOf6wY649e8+Eu2e90F4vZVPj2fLAUb/gjzSfCzmpKalyKbxigfbHFxSJC+2MNDNH+WANDtD/WwBDtjzUwRPtjDQzR/lgDA7QDloA5mmMxmKM5FoM5mmMBGKHfUluxbXVDsAWYo79SV7HrdIOwBqboP2kAu0HCF4v/ABtOtGPCXHMuAAAAAElFTkSuQmCC) no-repeat;
}

.coordinate-items .slick-slide {
	outline:0;
}

.coordinate-items .slick-arrow.slick-prev {
	left:50%;
	margin-left:-244px;
}

.coordinate-items .slick-arrow.slick-next {
	right:50%;
	margin-right:-244px;
}

.coordinate-items .slick-arrow.slick-prev:before {
	background-position:0 -41px;
}

.coordinate-items .slick-arrow.slick-next:before {
	background-position:-27px -41px;
}

.coordinate-items .slick-arrow.slick-disabled {
	visibility:hidden;
	z-index:-1;
}

.coordinate-items .coordinate-img {
	-webkit-transition:opacity .5s linear;
	transition:opacity .5s linear;
}

.coordinate-items.slick-initialized .coordinate-img {
	display:block;
}

.coordinate-items .coordinate-slide.slick-current .coordinate-img {
	opacity:1;
}

.section-recommend .section-inner {
	position:relative;
}

.section-recommend .pickup-bg {
	position:absolute;
}

.section-recommend .pickup-bg .bg-image {
	width:100%;
}

.section.section-recommend {
	padding-top:100px;
}

.section-recommend .pickupshop-btn {
	margin-top:28px;
}

/* ----------------------------------------
 * コーディネート
 * ---------------------------------------- */
.section-coordinate .coordinate-icon { width:88px; height:auto; }
.coordinate-module {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width:980px;
	margin-top:75px;
	margin-right:auto;
	margin-left:auto;
}
.coordinate-module:first-child {
	margin-top:55px;
}
.coordinate-module-img {
	width:500px;
	margin-right:40px;
	order:0;
}
.coordinate-module-img img {
	width:100%;
	height:auto;
}
.coordinate-module .contents-account-img {
	display:inline-block;
	vertical-align:middle;
	width:62px;
}
.coordinate-module-contents {
	width:440px;
	order:1;
}
.coordinate-module .contents-account-img img {
	width:100%;
	height:auto;
}
.coordinate-module .contents-account-info {
	display:inline-block;
	vertical-align:middle;
	padding-left:10px;
}
.coordinate-module .contents-account-info .info-top-name {
	display:inline-block;
	vertical-align:middle;
	font-size:16px;
	line-height:1;
}
.coordinate-module .contents-account-info .info-top-office {
	display:inline-block;
	vertical-align:middle;
	font-size:12px;
	color:#888888;
}
.coordinate-module .contents-account-info .account-info-bottom {
	margin-top:6px;
}
.coordinate-module .contents-account-info .info-bottom-wearid {
	padding-left:28px;
	background: url('//o.imgz.jp/pc/todayspickup/icon-wear.png') no-repeat left center;
	background-size: 18px auto;
}
.coordinate-module .contents-account-info .info-bottom-wearid a {
	line-height:13px;
	vertical-align:middle;
	font-size:12px;
	text-decoration:underline;
	color:#888;
}
.coordinate-module .contents-desc-h {
	font-size:18px;
	margin-top:35px;
}
.coordinate-module .contents-desc {
	margin-top:20px;
	font-size:14px;
	line-height:2.142857143;
	color:#808080;
}
.coordinate-module .contents-itemlist {
	margin-top:24px;
}
.coordinate-module .contents-itemlist-h {
	font-size:18px;
	margin-top:30px;
}
.coordinate-module .contents-itemlist-wrap {
	margin-top:20px;
}
.coordinate-module .contents-itemlist-wrap [data-load] {
	min-height:258px;
}
.coordinate-module .list-coordinate {
	margin:-30px -12px 0 -12px;
	font-size:0;
}
.coordinate-module .list-coordinate li {
	display:inline-block;
	vertical-align:top;
	width:33.33333%;
	margin-top:30px;
	padding:0 13px;
	box-sizing:border-box;
}
.coordinate-module .list-coordinate li a {
	display:block;
}
.coordinate-module .list-coordinate li .img {
	position:relative;
}
.coordinate-module .list-coordinate li .feed-tag-group {
	display:none;
}
.coordinate-module .list-coordinate li img {
	width:100%;
	height:auto;
}

.coordinate-module .list-coordinate li a .shop {
	margin-top:8px;
	font-size:13px;
	color:#808080;
}

.coordinate-module .list-coordinate li a .price {
	margin-top:2px;
	font-size:15px;
	color:#333;
}

.coordinate-module:nth-child(even) .coordinate-module-img {
	order:2;
	margin-right:0;
	margin-left:40px;
}



/* ----------------------------------------
 * カテゴリ
 * ---------------------------------------- */
.section .category-icon {
	width:70px;
}

.category-list {
	margin-top:50px;
	text-align:center;
	font-size:0;
}

.category-item {
	display:inline-block;
	vertical-align:top;
	padding:0 35px;
}

.category-item-link {
	display:block;
	width:190px;
	text-align:center;
	color:#333 !important;
}

.category-item-link:hover {
	text-decoration:none;
}

.category-item-link img {
	width:100%;
	height:auto;
}

.category-item-link span {
	display:block;
	margin-top:10px;
	font-size:18px;
}
