#index {
	padding-bottom: 10px;
	/*background-color: #eeeeee;*/
}
#index .index-main-area section {
	max-width: 1300px;
	width: calc(100% - 40px);
	margin: 30px auto 50px;
	padding: 45px 35px 30px;
	border-radius: 12px;
}
#index .index-main-area section:first-of-type { margin-top: 15px; }
#index * { box-sizing: border-box; }
#index .h-coupon-bar,
#index .h-coupon-bar * { box-sizing: content-box; }
#index figure,
.index-main-area p:not(.recommend-price) { margin: 0; }
#index h3,#index h4,#index h5 {
	border: 0;
	margin: 0;
	padding: 0;
}
#index h4,#index h5 { font-weight: normal; }
#index a:hover { text-decoration: none; }
#index ~ .push {
	height: 0;
	margin: 0;
}
/* コンテンツのタイトル */
#index .cont-title {
	text-align: left;
	margin-bottom: 25px;
	font-size: 28px;
	font-weight: normal;
	line-height: 1;
	position: relative;
	flex-grow: 1;
	font-weight: 600;
}
#index .cont-title .cont-title-en {
	margin-left: 20px;
	vertical-align: middle;
	font-size: 13px;
	color: #99abbf;
	font-weight: bold;
}
#index .ttl-with-more {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 30px;
}
#index .ttl-with-more .cont-title { margin-bottom: 0; }
/* もっと見るリンク */
#index .index-more-link {
	max-width: 345px;
	border-radius: 20px;
	padding: 11px 15px 9px;
	line-height: 1;
	border: 1px #cccccc solid;
	background-color: #f6f6f6;
	color: #0066cc;
	font-size: 15px;
	transition: opacity 0.2s;
}
#index .index-more-link:hover {
	text-decoration: none;
	opacity: 0.7;
}
#index .index-more-link:after {
	content: '';
	display: inline-block;
	vertical-align: 1px;
	width: 7px;
	height: 7px;
	border-top: 2px #0066cc solid;
	border-right: 2px #0066cc solid;
	transform: rotate(45deg);
	margin-left: 7px;
}
/* NEWマーク */
#index .newmark {
	font-size: 10px;
	color: #dc4d4d;
	font-weight: bold;
}
/* TAB/SP */
@media screen and (max-width: 940px) {
	#index .index-main-area section { width: 100%; }
	#index .ttl-with-more { margin-top: -6px; }
}
/* TAB */
@media screen and (min-width: 671px) and (max-width: 940px) {
	#index .index-main-area section {
		padding: 38px 25px 25px;
		margin-top: 20px;
	}
	/* コンテンツのタイトル */
	#index .cont-title {
		font-size: 24px;
		margin-bottom: 20px;
	}
}
/* SP */
@media screen and (max-width: 670px) {
	#index .index-main-area section {
		padding: 24px 10px 15px;
		margin-top: 10px;
	}
	#index .index-main-area section:first-of-type { margin-top: 10px; }
	#index .ttl-with-more { margin-bottom: 20px; }
	/* コンテンツのタイトル */
	#index .cont-title {
		margin: 0 auto 15px;
		font-size: 18px;
	}
	#index .cont-title .cont-title-en {
		margin-left: 10px;
		font-size: 10px;
		font-weight: normal;
	}
	/* もっと見るリンク */
	#index .index-more-link {
		font-size: 12px;
		padding: 9px 10px 7px;
	}
	#index .index-more-link:after { vertical-align: 0; }
}

/* TAB/SP時ハンバーガー、検索窓追随
--------------------------------------------------- */
/* TAB/SP */
@media screen and (max-width: 940px) {
	#header-sp-cont.ts-menu-fix #sub-menu-btn,
	#header-sp-cont.ts-menu-fix #rwd-searchbox-form {
		position: fixed;
		top: 0;
		z-index: 99999;
		box-sizing: border-box;
		height: 65px;
		overflow: hidden;
		-webkit-animation: down-menu 0.3s;
		animation: down-menu 0.3s;
	}
	#header-sp-cont.ts-menu-fix #sub-menu-btn,
	#header-sp-cont.ts-menu-fix #rwd-searchbox-field-wrap { background-color: rgba(255,255,255,0.85); }
	#header-sp-cont.ts-menu-fix #sub-menu-btn {
		left: 0;
		width: 50px;
		padding: 14px 5px 10px 15px;
		transition: left 0.3s ease-in-out;
	}
	.open #header-sp-cont.ts-menu-fix #sub-menu-btn { left: 260px; }
	#header-sp-cont.ts-menu-fix #sub-menu-btn .news-exist { right: -6px; }
	#header-sp-cont.ts-menu-fix #rwd-searchbox-form {
		right: 0;
		width: calc(100% - 50px)!important;
		display: block;
		transition: right 0.3s ease-in-out;
	}
	.open #header-sp-cont.ts-menu-fix #rwd-searchbox-form { right: -260px; }
	.open #header-sp-cont.ts-menu-fix #sub-menu-btn { padding-top: 30px; }
	#header-sp-cont.ts-menu-fix .h-tab-search { height: 65px; }
	@-webkit-keyframes down-menu {
		0% { top: -60px; }
		100% { top: 0; }
	}
	@-moz-keyframes down-menu {
		0% { top: -60px; }
		100% { top: 0; }
	}
	@-ms-keyframes down-menu {
		0% { top: -60px; }
		100% { top: 0; }
	}
	@keyframes down-menu {
		0% { top: -60px; }
		100% { top: 0; }
	}
}
/* SP */
@media screen and (max-width: 670px){
	/* 検索窓 */
	#header-sp-cont .h-tab-search #rwd-searchbox-form #rwd-searchbox-button { border-radius: 0 5px 5px 0; }
}

/* お試し会員＆紹介会員
--------------------------------------------------- */
#index .co-trial-info {
	padding: 10px;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	text-align: left;
}
#index .co-trial-info-inner {
	background-position: 0 2px;
	max-width: 1300px;
	margin: 0 auto;
}
#index .co-trial-info strong {
	font-size: 100%;
	font-weight: bold;
}
#index .co-trial-info span {
	white-space: normal;
}
#index .co-trial-info-tit {
	font-weight: bold;
	margin-bottom: 8px;
}
#index .co-trial-info p {
	margin-bottom: 0;
}
#index .co-trial-info-l {
	float: left;
	font-weight: bold;
}
#index .co-trial-info-r {
	float: right;
	width: 200px;
	text-align: right;
}

/* 紹介あり会員トライアル帯
--------------------------------------------------- */
#index .co-trial-info.intro-mem { text-align: center; }
#index .co-trial-info.intro-mem span,
#index .co-trial-info.intro-mem a {
	text-indent: 0;
	display: inline-block;
}
#index .co-trial-info.intro-mem .big-font { font-size: 18px; }
/* SP */
@media screen and (max-width: 670px) {
	#index .co-trial-info.intro-mem { text-align: left; }
	#index .co-trial-info.intro-mem,
	#index .co-trial-info.intro-mem .big-font { font-size: 12px; }
}

/* お知らせ帯
--------------------------------------------------- */
/* TAB/SP */
@media screen and (max-width: 940px) {
	#index .co-trial-info {
		border-bottom: 1px #cccccc solid;
		position: relative;
		z-index: 2;
	}
}

/* TAB/SP時下部追随会員登録ボタン
--------------------------------------------------- */
/* TAB/SP */
@media screen and (max-width: 940px) {
	/*#footer-area-common3.index-f-pre .footer-down { padding-bottom: 73px; }*/
	#index #pre-fix-registbtn {
		position: fixed;
		text-align: center;
		left: 0;
		width: 100%;
		background-color: rgba(255,255,255,0.85);
		z-index: 99999;
		padding: 10px 0;
		bottom: -140px;
		transition: bottom 0.3s;
	}
	#index #pre-fix-registbtn.ts-btn-fix {
		bottom: 0;
		-webkit-animation: up-btn 0.3s;
		animation: up-btn 0.3s;
	}
	/*** 登録ボタン ***/
	#index #pre-fix-registbtn a,
	#pre-pr-area .pre-pr-registbtn {
		display: inline-block;
		background-color: #dc4d4d;
		color: #ffffff;
		border: 1px #dc4d4d solid;
		border-radius: 8px;
		font-size: 18px;
		padding: 8px 10px;
		max-width: 300px;
		width: 90%;
		letter-spacing: 1px;
		transition: background-color 0.2s,color 0.2s;
	}
	#index #pre-fix-registbtn a span,
	#pre-pr-area .pre-pr-registbtn span { font-size: 13px; }
	#index #pre-fix-registbtn a:hover,
	#pre-pr-area .pre-pr-registbtn:hover {
		background-color: #ffffff;
		color: #dc4d4d;
	}
	@-webkit-keyframes up-btn {
		0% { bottom: -70px; }
		100% { bottom: 0; }
	}
	@-moz-keyframes up-btn {
		0% { bottom: -70px; }
		100% { bottom: 0; }
	}
	@-ms-keyframes up-btn {
		0% { bottom: -70px; }
		100% { bottom: 0; }
	}
	@keyframes up-btn {
		0% { bottom: -70px; }
		100% { bottom: 0; }
	}
}

/* PR枠（ログイン前）
--------------------------------------------------- */
#pre-pr-area {
	text-align: center;
	font-weight: bold;
	background: url('../image/bg_main_01.jpg') left top 5px repeat-x #FFC488;
	background-size: auto calc(100% - 10px);
	padding: 30px 10px;
	color: #ffffff;
}
#pre-pr-area p { margin: 0; }
#pre-pr-area h1 img {
	height: 21px;
}
#pre-pr-area h1:before,
#pre-pr-area h1:after {
	content: '';
	display: inline-block;
	width: 1px;
	height: 25px;
	background-color: #ffffff;
	vertical-align: -3px;
}
#pre-pr-area h1:before {
	transform: rotate(-25deg);
	margin-right: 18px;
}
#pre-pr-area h1:after {
	transform: rotate(25deg);
	margin-left: 15px;
}
#pre-pr-area h2 {
	border: 0;
	margin-top: 8px;
}
#pre-pr-area h2 img { height: 45px; }
/*** 商品、出展企業数 ***/
#sd-data { margin: 12px 0 13px; }
#sd-data,#sd-data .sd-data-box {
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
}
#sd-data .sd-data-box + .sd-data-box { margin-left: 10px; }
#sd-data .sd-data-box .sd-data-head {
	flex-grow: 0;
	color: #1c67ad;
	background-color: #ffffff;
	font-size: 12px;
	padding: 6px 7px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-bottom: 3px;
}
#sd-data .sd-data-box .sd-data-num {
	font-size: 24px;
	margin: 0 8px;
}
#sd-data .sd-data-box.sd-data-dealer .sd-data-num { margin-right: 0; }
/*** 検索 ***/
#pre-pr-area form {
	display: flex;
	max-width: 475px;
	margin: 0 auto;
}
#pre-pr-area form input {
	margin: 0;
	-webkit-appearance: none;
}
#pre-pr-area form .pre-top-searchtxt {
	flex-grow: 1;
	font-size: 18px;
	padding: 4px 22px;
	border-radius: 10px 0 0 10px;
	border: 0;
	outline: none;
}
#pre-pr-area form .pre-top-searchbtn {
	background-color: #000000;
	color: #ffffff;
	border: 0;
	border-radius: 0 10px 10px 0;
	padding: 14px 33px;
	font-size: 20px;
	font-weight: bold;
	cursor: pointer;
	transition: background-color 0.2s;
}
#pre-pr-area form .pre-top-searchbtn:hover { background-color: #333333; }
/* プレースホルダー */
#pre-pr-area form .pre-top-searchtxt::placeholder { color: #999999; }
/* ie */#pre-pr-area form .pre-top-searchtxt:-ms-input-placeholder { color: #999999; }
/* edge */#pre-pr-area form .pre-top-searchtxt::-ms-input-placeholder { color: #999999; }
/* mac */#pre-pr-area form .pre-top-searchtxt::-webkit-input-placeholder { color: #999999; }

/*** 登録ボタン ***/
#pre-pr-area .pre-pr-registbtn { margin: 0 auto; }
/* TAB */
@media screen and (max-width: 940px) and (min-width: 671px) {
	#pre-pr-area h1 img { height: 20px; }
	#pre-pr-area h2 img { height: 42px; }
	#sd-data .sd-data-box .sd-data-head { font-size: 14px; }
}
/* SP */
@media screen and (max-width: 670px){
	#pre-pr-area {
		background-size: auto 70%;
		background-repeat: repeat;
		background-position: center top;
	}
	#pre-pr-area h1 img { height: 14px; }
	#pre-pr-area h1:before,
	#pre-pr-area h1:after {
		width: 1px;
		height: 18px;
	}
	#pre-pr-area h1:before { margin-right: 12px; }
	#pre-pr-area h1:after { margin-left: 10px; }
	#pre-pr-area h2 img { height: 32px; }
	#sd-data { margin-bottom: 10px; }
	#sd-data .sd-data-box .sd-data-head {
		font-size: 11px;
		width: calc(3.2em + 12px);
		padding: 3px 5px;
		line-height: 1.3;
	}
	#sd-data .sd-data-box .sd-data-num { font-size: 21px; }
}

/* 新着商品数 - 新規出展企業数（ログイン後）
--------------------------------------------------- */
#index .index-main-area #newitem-area {
	background-color: #ffffff;
	padding: 13px 1%;
	display: flex;
	justify-content: center;
}
#newitem-area h3 {
	display: inline-block;
	font-weight: normal;
	font-size: 13px;
	background-color: #333333;
	color: #ffffff;
	max-width: 100px;
	padding: 3px 10px;
	align-self: center;
	margin-right: 5px;
}
#newitem-area dl {
	display: inline-flex;
	align-items: center;
	line-height: 1.3;
}
#newitem-area dd { margin-left: 10px; }
#newitem-area dd a { color: #0066cc; }
#newitem-area dd a:hover {
	background: linear-gradient(to right, #0066cc, #0066cc) left bottom no-repeat;
	background-size: 100% 1px;
}
#newitem-area dd span {
	font-weight: bold;
	margin-right: 5px;
}
/* 今日 */
#newitem-area .newitem-t dd { font-size: 14px; }
#newitem-area .newitem-t dd span { font-size: 20px; }
/* 昨日 */
#newitem-area .newitem-y {
	margin-left: 10px;
	padding-left: 10px;
	border-left: 1px #cccccc solid;
}
#newitem-area .newitem-y dd span { font-size: 16px; }
/* 新規出展企業部分 */
#newitem-area .newcompany-title {
	display: inline-block;
	font-weight: normal;
	font-size: 13px;
	background-color: #333333;
	color: #ffffff;
	margin: 0 5px 0 25px;
	padding: 3px 10px;
	align-self: center;
}
#newitem-area .block {
	display: ruby;
}
/* SP */
@media screen and (max-width: 670px){
	#index .index-main-area #newitem-area {
		flex-wrap: wrap;
		justify-content: space-between;
		padding: 8px 10px;
	}
	#newitem-area .block {
		display: block;
		width: 100%;
		margin: 0 0 5px 0;
	}
	#newitem-area h3 {
		display: inline-block;
		order: 2;
		padding: 3px 5px;
		margin: 3px 0px 3px 0;
	}
	#newitem-area dl {
		display: ruby-base;
		margin: 4px 0;
	}
	#newitem-area dd { margin-left: 5px; }
	#newitem-area dt { font-size: 12px; }
	/* 今日 */
	#newitem-area .newitem-t { order: 1; }
	#newitem-area .newitem-t dd { font-size: 13px; }
	#newitem-area .newitem-t dd span { font-size: 15px; }
	/* 昨日 */
	#newitem-area .newitem-y {
		border-left: 0;
		margin-left: 0;
		padding-left: 5px;
	}
	#newitem-area .newitem-y dd span { font-size: 15px; }
	/* 新規出展企業部分 */
	#newitem-area .newcompany-title {
		margin: 0;
		padding: 3px 5px;
	}
}

/* 注目キーワード
--------------------------------------------------- */
#index .keyword-attention {
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	margin: 0 10px -5px;
	padding-top: 10px;
}
#index .keyword-attention h3 {
	font-weight: bold;
	font-size: 13px;
	white-space: nowrap;
}
#index .keyword-attention ul {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
#index .keyword-attention li { margin: 5px 3px; }
#index .keyword-attention li a {
	display: flex;
	align-items: center;
	background-color: #ffffff;
	border-radius: 5px;
	border: #dddddd solid 1px;
	padding: 5px 8px 5px 8px;
	color: #333333;
	text-decoration: none;
	font-size: 13px;
	transition: background-color 0.2s;
}
#index .keyword-attention li a.rising:after {
	content: '';
	display: block;
	width: 16px;
	height: 16px;
	background: url(../image/icon_keyword_00.png) center center no-repeat;
	background-size: contain;
	margin-left: 5px;
}
#index .keyword-attention li a:hover { background-color: #eeeeee; }
/* TAB/SP */
@media screen and (max-width: 940px) {
	#index .keyword-attention {
		display: block;
		padding: 20px 5px 7px;
	}
	#index .keyword-attention h3 {
		font-size: 15px;
		margin-left: 5px;
	}
}

/* BIG SALE・web展バナー
--------------------------------------------------- */
#index #feature-wrap .big-sale-bnr,
#index #feature-wrap .big-sale-bnr.logged-in {
	display: block;
	background: no-repeat center center #fff;
	background-image: url(../image/banner_top.svg);
	background-size: cover;
	max-height: 190px;
	max-width: 785px;
	height: 22.5vw;
	width: 93vw;
	position: relative;
	transition: opacity 0.2s;
	margin: 10px auto 30px;
}
#index #feature-wrap .big-sale-bnr:hover { opacity: 0.75; }
#index #feature-wrap .big-sale-bnr.day3,
#index #feature-wrap .big-sale-bnr.day3.logged-in {
	background-image: url(../image/banner_top_03.svg);
}
#index #feature-wrap .big-sale-bnr.day2,
#index #feature-wrap .big-sale-bnr.day2.logged-in {
	background-image: url(../image/banner_top_02.svg);
}
#index #feature-wrap .big-sale-bnr.lastday,
#index #feature-wrap .big-sale-bnr.lastday.logged-in {
	background-image: url(../image/banner_top_last.svg);
}
/* TAB/SP */
@media screen and (max-width: 940px) {
	#index #feature-wrap .big-sale-bnr {
		width: 100%;
		max-width: 100%;
	}
}
/* SP */
@media screen and (max-width: 670px) {
	#index #feature-wrap .big-sale-bnr {
		background-size: auto 100%;
		margin: 10px auto 5px;
	}
}
/* SDAward結果発表
--------------------------------------------------- */
#index #feature-wrap .sdaward-pickbnr {
	display: block;
	background: no-repeat center center #fff;
	background-size: cover;
	max-height: 190px;
	max-width: 785px;
	height: 22.5vw;
	width: 93vw;
	border: #cccccc 1px solid;
	position: relative;
	transition: opacity 0.2s;
	margin: 10px auto 30px;
}
#index #feature-wrap .sdaward-pickbnr { background-image: url(../image/result_bnr1.png); }

#index #feature-wrap .sdaward-pickbnr:hover { opacity: 0.75; }
/* TAB/SP */
@media screen and (max-width: 940px) {
	#index #feature-wrap .sdaward-pickbnr {
		width: 100%;
		max-width: 100%;
	}
}
/* SP */
@media screen and (max-width: 670px) {
	#index #feature-wrap .sdaward-pickbnr { margin: 10px auto 15px; }
}

/* オンライン展示会
--------------------------------------------------- */
#index #feature-wrap .online-exhibition-bnr {
	display: block;
	max-height: 190px;
    max-width: 785px;
    width: 100%;
    height: auto;
	border: #ccc 1px solid;
	position: relative;
	margin: 10px auto 30px;
    line-height: 0;
}
#index #feature-wrap .online-exhibition-bnr:hover { opacity: 0.75; }
#index #feature-wrap .online-exhibition-bnr img { max-width: 785px; }
/* TAB/SP */
@media screen and (max-width: 940px) {
	#index #feature-wrap .online-exhibition-bnr img { max-width: 100%; }
}
/* SP */
@media screen and (max-width: 670px) {
	#index #feature-wrap .online-exhibition-bnr { margin: 10px auto 15px; }
}

/* エシカルコレクション
--------------------------------------------------- */
#index #feature-wrap .ethicalco-bnr {
	display: block;
	background: no-repeat center center #fff;
	background-size: cover;
	max-height: 190px;
	max-width: 785px;
	height: 22.5vw;
	width: 93vw;
	border: #cccccc 1px solid;
	position: relative;
	transition: opacity 0.2s;
	margin: 10px auto 30px;
}
#index #feature-wrap .ethicalco-bnr { background-image: url('../image/top_banner_01.jpg'); }

#index #feature-wrap .ethicalco-bnr:hover { opacity: 0.75; }
/* TAB/SP */
@media screen and (max-width: 940px) {
	#index #feature-wrap .ethicalco-bnr {
		width: 100%;
		max-width: 100%;
	}
}
/* SP */
@media screen and (max-width: 670px) {
	#index #feature-wrap .ethicalco-bnr { margin: 10px auto 15px; }
}

/* 商品ジャンル
--------------------------------------------------- */
#index .index-main-area #product-genre {
	max-width: 1480px;
	padding: 50px 0 80px;
	margin: 0 auto -60px;
	width: 100%;
	/* background-size: auto calc(100% + 55px); */
    background-image: url('/yii/web/img/bg.png');
	background-size: calc(100%) 100%;
}
#product-genre .cont-title {
	text-align: center;
	margin-bottom: 17px;
}
#index #product-genre .cont-title-en {
	display: block;
	margin: 10px 0 0;
}
#product-genre nav {
	max-width: 975px;
	width: calc(100% - 40px);
	display: flex;
	background-color: #ffffff;
	padding: 27px 25px;
	margin: 0 auto;
}
#product-genre nav a {
	color: #333333;
	display: block;
	transition: background-color 0.2s;
}
#product-genre nav .cat-lv2 a:hover { background-color: #eeeeee; }
#product-genre nav > ul {
	flex-basis: 25%;
	padding: 0 10px;
}
/* レベル1ジャンル */
#product-genre h4 a {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 13px;
}
#product-genre h4 a:before {
	content: '';
	display: inline-block;
	vertical-align: -7px;
	margin-right: 10px;
	width: 30px;
	height: 30px;
	background: center center no-repeat;
	background-size: contain;
}
#product-genre nav > ul > li:not(:first-child) h4 { margin-top: 30px; }
/* レベル1ジャンル 個別アイコン */
#product-genre .fashion h4 a:before { background-image: url('../image/icon_pckup_01.png'); }
#product-genre .zakka h4 a:before { background-image: url('../image/icon_pckup_02.png'); }
#product-genre .foods h4 a:before { background-image: url('../image/icon_pckup_03.png'); }
#product-genre .interior h4 a:before { background-image: url('../image/icon_pckup_04.png'); }
#product-genre .electric h4 a:before { background-image: url('../image/icon_pckup_05.png'); }
#product-genre .material h4 a:before { background-image: url('../image/icon_pckup_06.png'); }
/* レベル2ジャンル */
#product-genre .cat-lv2 a {
	padding: 8px 10px;
	margin: 0 -10px;
}
/* TAB/SP */
@media screen and (max-width: 940px) {
	#index .index-main-area #product-genre { 
		background: 0; 
		background-image: unset;
	}
	#product-genre nav {
		display: block;
		max-width: 810px;
		width: 100%;
		padding: 0;
		background-color: transparent;
	}
	#product-genre nav > ul > li { background-color: #ffffff; }
	#product-genre nav > ul > li h4,
	#product-genre nav > ul > li:not(:first-child) h4 { margin-top: 0; }
	#product-genre h4 a {
		margin-bottom: 0;
		position: relative;
	}
	#product-genre h4 a:hover { background-color: #eeeeee; }
	#product-genre h4 a:after,
	#product-genre .cat-lv2 a:after {
		content: '';
		display: block;
		border-top: 2px #cccccc solid;
		border-right: 2px #cccccc solid;
		transform: rotate(45deg);
		margin-left: 6px;
		flex-shrink: 0;
	}
	#product-genre h4 a:after {
		position: absolute;
		right: 12px;
	}
	#product-genre .cat-lv2 {
		display: flex;
		flex-wrap: wrap;
	}
	#product-genre .cat-lv2 li { width: 50%; }
	#product-genre .cat-lv2 a {
		margin: 0;
		padding: 5px 12px;
		height: 4em;
		display: flex;
		align-items: center;
		justify-content: space-between;
		border-top: 1px #dddddd solid;
	}
	#product-genre .cat-lv2 li:nth-child(2n) a { border-left: 1px #dddddd solid; }
}
/* TAB */
@media screen and (max-width: 940px) and (min-width: 671px) {
	#product-genre .cont-title { margin-bottom: 10px; }
	#product-genre nav > ul {
		padding: 5px 0;
		margin-top: 20px;
	}
	#product-genre nav > ul > li {
		max-width: 600px;
		margin: 0 auto;
	}
	#product-genre nav > ul {
		background-repeat: no-repeat;
		background-size: auto calc(100% - 10px);
	}
	#product-genre nav > ul:nth-child(1) {
		background-image: url('../image/bg_pckup_tab_01_l.png'),url('/img/top/bg_pckup_tab_01_r.png');
		background-position: right calc(50% + 271px) center,left calc(50% + 292px) center;
		margin: -65px auto -5px;
		padding: 73px 0 10px;
	}
	#product-genre nav > ul:nth-child(2) {
		background-image: url('../image/bg_pckup_tab_02_l.png'),url('/img/top/bg_pckup_tab_02_r.png');
		background-position: right calc(50% + 340px) center,left calc(50% + 343px) center;
	}
	#product-genre nav > ul:nth-child(3) {
		background-image:
			url('../image/bg_pckup_tab_03_l.png'),url('/img/top/bg_pckup_tab_03_r.png'),
			url('/img/top/bg_pckup_tab_04_l.png'),url('/img/top/bg_pckup_tab_04_r.png')
		;
		background-position: right calc(50% + 337px) top,left calc(50% + 333px) top 15px,right calc(50% + 337px) bottom 7%,left calc(50% + 300px) bottom 4%;
		background-size: auto 49%,auto 39%,auto 36%,auto 38%;
	}
	#product-genre nav > ul:nth-child(4) {
		background-image: url('../image/bg_pckup_tab_05_l.png'),url('/img/top/bg_pckup_tab_05_r.png');
		background-position: right calc(50% + 327px) center,left calc(50% + 343px) center;
		background-size: auto calc(100% - 30px),auto calc(100% - 10px);
	}
	#product-genre nav > ul > li:not(:first-child) { margin-top: 30px; }
	#product-genre h4 a { padding: 8px 23px 8px 12px; }
	#product-genre h4 a:after,
	#product-genre .cat-lv2 a:after {
		width: 8px;
		height: 8px;
	}
	#product-genre h4 a:after { top: calc(50% - 4px); }
	#product-genre .cat-lv2 a { height: 4em; }
}
/* SP */
@media screen and (max-width: 670px){
	#index .index-main-area #product-genre {
		padding: 30px 0 50px;
		text-align: center;
		background-image: unset;
	}
	#product-genre .cont-title { margin-bottom: 10px; }
	#product-genre nav > ul {
		background: left center no-repeat,right center no-repeat;
		background-size: auto calc(100% - 10px);
	}
	#product-genre nav > ul:nth-child(3) {
		background-size: auto 50%;
		background-position: left top,right top,left bottom,right bottom;
	}
	#product-genre nav > ul,
	#product-genre nav > ul:nth-child(3) {
		padding: 5px 20px;
		text-align: left;
	}
	#product-genre nav > ul:nth-child(1) {
		background-image: url('../image/bg_pckup_sp_01_l.png'),url('/img/top/bg_pckup_sp_01_r.png');
		box-shadow: 0 22px 10px -10px #eeeeee inset;
		background-position: left -15px center,right  center;
		margin-top: -45px;
		padding-top: 53px;
	}
	#product-genre nav > ul:nth-child(2) {
		background-image: url('../image/bg_pckup_sp_02_l.png'),url('/img/top/bg_pckup_sp_02_r.png');
		background-position: left -15px center,right -30px  center;
	}
	#product-genre nav > ul:nth-child(3) {
		background-image:
			url('../image/bg_pckup_sp_03_l.png'),url('/img/top/bg_pckup_sp_03_r.png'),
			url('/img/top/bg_pckup_sp_04_l.png'),url('/img/top/bg_pckup_sp_04_r.png')
		;
		background-position: left -20px top,right top,left -10px bottom,right bottom;
	}
	#product-genre nav > ul:nth-child(4) {
		background-image: url('../image/bg_pckup_sp_05_l.png'),url('/img/top/bg_pckup_sp_05_r.png');
		padding-bottom: 10px;
		background-position: left -15px center,right -15px center;
	}
	#product-genre nav > ul > li:not(:first-child) { margin-top: 10px; }
	#product-genre h4 a:before {
		width: 24px;
		height: 24px;
		margin-right: 7px;
	}
	#product-genre h4 a:after,
	#product-genre .cat-lv2 a:after {
		width: 6px;
		height: 6px;
	}
	#product-genre h4 a:after { top: calc(50% - 3px); }
	#product-genre h4 a { padding: 12px 23px 12px 12px; }
	#product-genre .cat-lv2 a { height: 4.6em; }
}

/* 注目ブランド（ピックアップ企業）
--------------------------------------------------- */
#pickUpDealer-static { background-color: #ffffff; }
#pickUpDealer-static .pud-dealer-imgwrap { display: flex; }
#pickUpDealer-static .pud-dealer-imgwrap:last-child { margin-top: 15px; }
#pickUpDealer-static .pud-img-box {
	margin-left: 20px;
	color: #333333;
	transition: opacity 0.2s;
	display: block;
	width: calc((100vw - 146px) / 4 - 15px);
}
#pickUpDealer-static .pud-img-box:hover {
	text-decoration: none;
	opacity: 0.8;
}
#pickUpDealer-static .pud-img-box:first-of-type { margin-left: 0; }
#pickUpDealer-static .pud-img-box figure {
	line-height: 0;
	height: calc((100vw - 146px) / 4 - 15px);
	border: 1px #dddddd solid;
	max-width: 295px;
	max-height: 295px;
	border-radius: 12px;
}
#pickUpDealer-static .pud-img-box .pud-dealer-img {
	max-width: 100%;
	max-height: 100%;
	position: relative;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
#pickUpDealer-static .pud-img-box .pu-dealer-name {
	margin-top: 6px;
	font-size: 15px !important;
	height: 44px;
	font-weight: bold;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	text-overflow: ellipsis;
}
/* TAB */
@media screen and (max-width: 940px) and (min-width: 671px) {
	#pickUpDealer-static .pud-img-box {
		width: calc((100vw - 60px) / 4 - 15px);
		margin-left: 15px;
	}
	#pickUpDealer-static .pud-img-box figure {
		line-height: 0;
		height: calc((100vw - 60px) / 4 - 15px);
		border: 1px #dddddd solid;
		max-width: 295px;
		max-height: 295px;
	}
	#pickUpDealer-static .pud-img-box .pu-dealer-name {
		font-size: 14px;
	}
}
/* SP */
@media screen and (max-width: 670px){
	#pickUpDealer-static .pud-dealer-imgwrap { flex-wrap: wrap; }
	#pickUpDealer-static .pud-img-box {
		margin-left: 10px;
		width: calc((100vw) / 2 - 24px);
		max-width: 300px;
		max-height: 300px;
	}
	#pickUpDealer-static .pud-img-box figure {
		line-height: 0;
		height: calc((100vw) / 2 - 24px);
		border: 1px #dddddd solid;

	}
	#pickUpDealer-static .pud-img-box:nth-child(3) { margin-left: 0; }
	#pickUpDealer-static .pud-img-box:nth-child(n+3) { margin-top: 15px; }
	#pickUpDealer-static .pud-img-box .pu-dealer-name { font-size: 13px; }
}

/* 取引企業一覧
--------------------------------------------------- */
#index .index-main-area #partner-dealer {
	padding: 0;
	margin-bottom: -20px;
}
#partner-dealer .partner-dealer-list {
	display: flex;
	flex-wrap: wrap;
}
#partner-dealer .partner-dealer-list .pd-box {
	background-color: #ffffff;
	border-radius: 5px;
	width: calc(20% - 16px);
	margin: 0 0 20px 20px;
	padding: 20px;
	flex-shrink: 0;
	position: relative;
}
#partner-dealer .partner-dealer-list .pd-box:nth-child(5n + 1) { margin-left: 0; }
#partner-dealer .partner-dealer-list .pd-thum {
	margin : 0 auto;
	display: block;
	width: calc((100vw - 40px) / 5 - 56px);
	height: calc((100vw - 40px) / 5 - 56px);
	max-width: 190px;
	max-height: 190px;
	border: 1px #cccccc solid;
	position: relative;
	transition: opacity 0.2s;
}
#partner-dealer .partner-dealer-list .pd-thum:hover { opacity: 0.7; }
#partner-dealer .partner-dealer-list .pd-thum figure {
	width: 100%;
	height: 100%;
	display: flex;
}
#partner-dealer .partner-dealer-list .pd-thum picture {
	display: block;
	width: 100%;
}
#partner-dealer .partner-dealer-list .pd-thum img {
	position: relative;
	max-width: 100%;
	max-height: 100%;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
#partner-dealer .partner-dealer-list .pd-thum .pd-cam {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	color: #ffffff;
	background-color: #dc4d4d;
	text-align: center;
	padding: 5px;
	font-size: 11px;
}
#partner-dealer .partner-dealer-list .pd-name {
	color: #333333;
	font-weight: bold;
	font-size: 15px;
	margin-top: 8px;
	display: block;
}
#partner-dealer .partner-dealer-list .pd-name:hover { text-decoration: underline; }
#partner-dealer .partner-dealer-list .newitem-box,
#partner-dealer .partner-dealer-list .newitem-box a { color: #dc4d4d; }
#partner-dealer .partner-dealer-list .newitem-box {
	margin-top: 5px;
	line-height: 1;
}
#partner-dealer .partner-dealer-list .newitem-box a {
	font-size: 15px;
	margin-left: 3px;
}
#partner-dealer .partner-dealer-list .newitem-box a:hover {
	background: linear-gradient(to right, #dc4d4d, #dc4d4d) left bottom no-repeat;
	background-size: 100% 1px;
}
#partner-dealer .partner-dealer-list .newitem-box a span {
	font-size: 20px;
	font-weight: bold;
	margin: 0 3px;
}
#partner-dealer .partner-dealer-list .pd-notice {
	position: absolute;
	left: -10px;
	top: -10px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	width: 55px;
	height: 55px;
	padding-top: 5px;
	background-color: #ffd800;
	border-radius: 50%;
	color: #333333;
	line-height: 1.1;
	font-size: 10px;
	font-weight: bold;
}
#partner-dealer .cheer-comments-cmp {
	display: block;
	max-width: 786px;
	margin: 5px auto 30px;
	line-height: 0;
}
#partner-dealer .cheer-comments-cmp:hover { opacity: 0.7; }
#partner-dealer .cheer-comments-cmp img { max-width: 100%; }
/* TAB */
@media screen and (max-width: 940px) and (min-width: 671px) {
	#index .index-main-area #partner-dealer { padding: 0 20px; }
	#partner-dealer .partner-dealer-list .pd-box {
		width: calc(50% - 8px);
		margin: 0 0 20px 15px;
	}
	#partner-dealer .partner-dealer-list .pd-box:nth-child(5n + 1) { margin-left: 15px; }
}
/* SP */
@media screen and (max-width: 670px){
	#index .index-main-area #partner-dealer {
		padding: 20px 10px 0;
		background-color: #ffffff;
		margin-bottom: 10px;
	}
	#partner-dealer .partner-dealer-list .pd-box {
		width: calc(50% - 5px);
		margin: 0 0 20px 10px;
		padding: 0;
	}
	#partner-dealer .partner-dealer-list .pd-box:nth-child(5n + 1) { margin-left: 10px; }
	#partner-dealer .partner-dealer-list .pd-name,
	#partner-dealer .partner-dealer-list .newitem-box a { font-size: 14px; }
	#partner-dealer .partner-dealer-list .newitem-box a span { font-size: 16px; }
	#partner-dealer .partner-dealer-list .pd-notice {
		width: 47px;
		height: 47px;
		left: 5px;
		top: -8px;
	}
	#partner-dealer .cheer-comments-cmp {
		width: 330px;
		margin: 0 auto 15px;
	}
}
/* TAB/SP */
@media screen and (max-width: 940px) {
	#partner-dealer .partner-dealer-list .pd-thum {
		width: calc((100vw - 20px) / 2 - 5px);
		height: calc((100vw - 20px) / 2 - 5px);
		margin: 0 auto;
	}
	#partner-dealer .partner-dealer-list .pd-box:nth-child(2n + 1) { margin-left: 0; }
}
/*** 応援コメント ***/
#partner-dealer .cheer-comment {
	display: inline-flex;
	align-items: center;
	border-radius: 3px;
	color: #0066cc;
	margin-top: 8px;
	transition: opacity 0.2s;
}
#partner-dealer .cheer-comment::before,
#partner-dealer .cheer-comment.em::after {
	content: '';
	display: block;
}
#partner-dealer .cheer-comment::before {
	width: 11px;
	height: 11px;
	background: url('../image/link_g_00.svg') center center / contain no-repeat;
	margin-right: 5px;
}
#partner-dealer .cheer-comment:hover { text-decoration: underline; }
#partner-dealer .cheer-comment.em {
	border: 1px #f0d04b solid;
	background-color: #fcea9e;
	padding: 4px 9px 4px 6px;
	font-size: 12px;
	font-weight: 600;
}
#partner-dealer .cheer-comment.em::before {
	width: 14px;
	height: 20px;
	background-image: url('../image/cheer_00.svg');
}
#partner-dealer .cheer-comment.em::after {
	width: 5px;
	height: 5px;
	border-top: 2px #0066cc solid;
	border-right: 2px #0066cc solid;
	transform: rotate(45deg);
	margin: 0 0 1px 4px;
}
#partner-dealer .cheer-comment.em:hover {
	text-decoration: none;
	opacity: 0.8;
}

/*** 一括申請導線/紹介会員用 通常会員お申し込み導線共通 ***/
#partner-dealer .able-com-num {
	font-size: 20px;
	font-weight: bold;
	color: #dc4d4d;
}
/* 取引4社以上 */
#partner-dealer .request-all-index {
	font-size: 13px;
	margin-right: 20px;
	display: flex;
	align-items: center;
}
#partner-dealer .request-all-index .able-com-num { margin-right: 7px; }
/* 取引3社以下 */
#partner-dealer .partner-dealer-list.type-info-wrap { flex-wrap: nowrap; }
#partner-dealer .type-info {
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	margin: 0 0 20px 20px;
	flex-grow: 1;
	background: url('../image/bg_more_tradable_00.png') center bottom repeat-x;
	min-height: 210px;
}
#partner-dealer .type-info h4 {
	font-size: 22px;
	font-weight: bold;
}
#partner-dealer .type-info .able-com-num-wrap {
	font-size: 15px;
	margin: 15px 0 8px;
}
#partner-dealer .type-info .able-com-num-wrap .able-com-num { margin: 0 5px; }
#partner-dealer .type-info .co-btn { margin-top: 15px; }
/* TAB/SP */
@media screen and (max-width: 940px) {
	#partner-dealer .ttl-with-more { flex-wrap: wrap; }
	/* 取引4社以上 */
	#partner-dealer .request-all-index {
		order: 1;
		width: 100%;
		flex-wrap: wrap;
	}
	/* 取引3社以下 */
	#partner-dealer .partner-dealer-list.type-info-wrap { flex-wrap: wrap; }
	#partner-dealer .type-info { padding: 30px 15px; }
}
/* TAB */
@media screen and (max-width: 940px) and (min-width: 671px) {
	#partner-dealer .request-all-index { margin: 5px 0 -10px; }
	#partner-dealer .type-info {
		width: calc(100% + 40px);
		margin: 0 -20px 30px;
	}
}
/* SP */
@media screen and (max-width: 670px){
	#partner-dealer .able-com-num { font-size: 17px; }
	#partner-dealer .request-all-index {
		margin: 10px 0 -5px;
		background: #eeeeee;
		padding: 10px;
		justify-content: center;
	}
	#partner-dealer .type-info {
		width: calc(100% + 20px);
		margin: 0 -10px;
		background-color: #eeeeee;
		padding-bottom: 58px;
		background-position: center bottom 10px;
		background-size: auto 60px;
	}
	#partner-dealer .type-info h4 { font-size: 18px; }
	#partner-dealer .type-info p:not(.able-com-num-wrap) {
		text-align: left;
		margin-top: 10px;
		display: inline-block;
	}
	#index #partner-dealer .type-info .able-com-num-wrap { margin-top: 7px; }
}

/*** 紹介会員用 通常会員お申し込み導線 ***/
#partner-dealer .change-rtype .change-rtype-txt { margin-top: 10px; }
#partner-dealer .change-rtype .able-com-num-wrap { margin-bottom: 0; }

/* 商品リスト
--------------------------------------------------- */
#index .products-list {
	display: flex;
	flex-wrap: wrap;
	padding: 0 35px 0 15px;
	width: calc(100% + 70px);
	margin: 0 -35px;
}
#index .products-list li {
	max-width: 210px;
	width: 16.666%;
	padding: 0 0 0 20px;
	margin: 0 0 30px 0;
}
#index .products-list a {
	display: block;
	position: relative;
	transition: opacity 0.2s;
}
#index .products-list .status .co-fcgray { display: block; }
#index .products-list a:hover { opacity: 0.7; }
#index .products-list figure,
#index .products-list .product-img {
	display: flex;
	width: calc((100vw - 40px - 60px) / 6 - 21px);
	height: calc((100vw - 40px - 60px) / 6 - 21px);
	max-width: 190px;
	max-height: 190px;
	margin: 0;
	background-color: #ffffff;
	border: 1px #cccccc solid;
	border-radius: 12px;
}

#newdealer .products-list .newdealer-exhibit {
	z-index: 2;
}
#index .products-list picture {
	display: block;
	width: 100%;
}
#index .products-list img {
	max-width: 100%;
	max-height: 100%;
	position: relative;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}


#index .products-list h4 {
	margin: 11px 0 3px;
	max-height: 2.7em;
	overflow: hidden;
	color: #333333;
}
#index .products-list h4 + * { margin-top: 8px; }
#index .products-list .recommend-item-box .introduce-member a { display: inline; }
/* TAB */
@media screen and (max-width: 940px) and (min-width: 671px) {
	#index .products-list {
		padding: 0 25px 0 10px;
		width: calc(100% + 50px);
		max-width: calc(100% + 50px)!important;
		margin: 0 -25px;
	}
	#index .products-list li {
		padding-left: 15px;
		width: 25%;
		margin-bottom: 25px;
	}
	#index .products-list figure,
	#index .products-list .product-img {
		width: calc((100vw - 50px) / 4 - 15px);
		height: calc((100vw - 50px) / 4 - 15px);
	}
	#index .products-list h4 { margin-top: 15px; }
}
/* SP */
@media screen and (max-width: 670px){
	#index .products-list {
		padding: 0 10px 0 4px!important;
		width: calc(100% + 20px);
		max-width: calc(100% + 20px)!important;
		margin: 0 -10px;
	}
	#index .products-list li {
		padding: 0 0 0 6px;
		width: 33.333%;
		margin-bottom: 20px;
	}
	#index .products-list figure,
	#index .products-list .product-img {
		width: calc((100vw - 20px) / 3 - 4px);
		height: calc((100vw - 20px) / 3 - 4px);
	}
	#index .products-list h4 { font-size: 12px; }
}

/* 検討中リスト
--------------------------------------------------- */
#index .index-main-area #whishlist { background-color: #ffffff; }
#whishlist .products-list li { margin-bottom: 0; }
/* TAB/SP */
@media screen and (max-width: 940px) {
	#whishlist { overflow: hidden; }
	#whishlist .products-list {
		flex-wrap: nowrap;
		overflow-x: auto;
		overflow-y: hidden;
	}
}
/* TAB */
@media screen and (max-width: 940px) and (min-width: 671px) {
	#whishlist .products-list li { width: 175px; }
	#whishlist .products-list li:last-child {
		width: 200px;
		padding-right: 25px;
	}
	#whishlist .products-list figure {
		width: 160px;
		height: 160px;
	}
}
/* SP */
@media screen and (max-width: 670px){
	#whishlist .products-list li { width: 126px; }
	#whishlist .products-list li:last-child {
		width: 136px;
		padding-right: 10px;
	}
	#whishlist .products-list figure {
		width: 120px;
		height: 120px;
	}
}

/* 新規出展企業
--------------------------------------------------- */
#index .index-main-area #newdealer {
	background-color: #ffffff;
	padding-bottom: 0;
}
#newdealer .products-list .newdealer-exhibit {
	position: absolute;
	left: -10px;
	top: -10px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 52px;
	height: 52px;
	padding-top: 5px;
	background-color: #ffd800;
	border-radius: 50%;
	color: #333333;
	line-height: 1.1;
}
#newdealer .products-list h4 { color: #0066cc; }
#newdealer .products-list .newdealer-genre {
	font-size: 11px;
	color: #333333;
}
/* SP */
@media screen and (max-width: 670px){
	#newdealer .products-list .newdealer-exhibit {
		font-size: 10px;
		width: 42px;
		height: 42px;
		left: 5px;
		top: -7px;
	}
	#newdealer .products-list .newdealer-exhibit span { font-size: 11px; }
}

/* 最近チェックした商品
--------------------------------------------------- */
#index .index-main-area #index-recentchk-items {
	background-color: #ffffff;
	padding-bottom: 0;
}
#recent-items {
	width: calc(100% + 70px)!important;
	padding: 0 35px 0 15px!important;
}
#recent-items .recent-chk-info {
	max-width: 100%;
	min-height: 0;
	border: 0;
	display: block!important;
}
#recent-items .recommend-price-box { margin: 0; }
/* 検討中に追加ボタン */
#recent-items .recent-chk-info .recent-chk-img-wrap { position: relative; }
.add-to-wishlist .add-whis-txt:before,
.add-to-wishlist .add-whis-txt:after {
	border-width: 15px 15px 0 2px;
	left: 35px;
}
.wish-dvs-jdg .add-to-wishlist:hover .add-whis-txt { left: -17px; }
.wish-dvs-jdg .add-to-wishlist.added-wish:hover .add-whis-txt {
	bottom: 34px;
	left: 10px;
}
.add-to-wishlist.wish-error .add-whis-txt { left: -14px; }
.add-to-wishlist.wish-error .add-whis-txt:before {
	border-width: 14px 14px 0 0;
	bottom: -14px;
	left: 34px;
}
.add-to-wishlist.wish-error .add-whis-txt:after {
	border-width: 12px 12px 0 0;
	bottom: -12px;
}
/* 許可以外の申請状況ステータス */
#recent-items .recent-chk-price .status { font-size: 13px; }
#recent-items .recent-chk-price .status a,
#recent-items .recent-chk-price .status .co-fcgray { font-weight: normal; }
/* TAB/SP */
@media screen and (max-width: 940px) {
	#recent-items .recent-chk-info .recommend-price-box .status a {
		width: calc(100% - 25px);
		display: block;
	}
	.recommend-box-wrap .add-to-wishlist { right: 2px; }
}
/* TAB */
@media screen and (max-width: 940px) and (min-width: 671px) {
	#recent-items {
		width: calc(100% + 50px)!important;
		padding: 0 35px 0 15px!important;
	}
}
/* SP */
@media screen and (max-width: 670px) {
	#recent-items { width: calc(100% + 20px)!important; }
	/* 検討中に追加ボタン */
	#index .recent-chk-img-wrap .add-to-wishlist .add-whis-txt { font-size: 10px; }
	#index .add-to-wishlist.added-wish .add-whis-txt,
	#index .add-to-wishlist.added-wish:hover .add-whis-txt,
	#index .add-to-wishlist.wish-error .add-whis-txt,
	#index .add-to-wishlist:hover .add-whis-txt { left: -1.8em; }
	#index .add-to-wishlist.added-wish .add-whis-txt,
	#index .add-to-wishlist.added-wish:hover .add-whis-txt { bottom: 39px; }
	#index .add-to-wishlist.added-wish .add-whis-txt:before,
	#index .add-to-wishlist.added-wish .add-whis-txt:after { margin-left: 10px; }
	#index .add-to-wishlist.wish-error .add-whis-txt {
		padding: 5px;
		white-space: normal;
		width: 7em;
		bottom: 30px;
	}
	#index .add-to-wishlist.wish-error .add-whis-txt br { display: none; }
	#index .add-to-wishlist.wish-error .add-whis-txt:before {
		border-width: 10px 10px 0 0;
		bottom: -10px;
		left: 41px;
	}
	#index .add-to-wishlist.wish-error .add-whis-txt:after{
		border-width: 8px 8px 0 0;
		bottom: -8px;
		left: 42px;
	}
}

/* 特集
--------------------------------------------------- */
#index .index-main-area #feature-wrap {
	background-color: #ffffff;
	border-radius: 12px;
}
#feature-wrap .feature-box {
	display: flex;
	flex-wrap: wrap;
	margin: 30px 0 10px;
}
#feature-wrap .feature-box article {
	width: calc((100vw - 135px) / 3 - 20px);
	max-width: 390px;
}
#feature-wrap .feature-box article:not(:first-child) { margin-left: 25px; }
#feature-wrap .feature-box article:nth-child(4) { margin-left: 0; }
#feature-wrap .feature-box article:nth-child(-n+3) { margin-bottom: 20px; }
#feature-wrap .feature-link {
	display: block;
	max-width: 427px;
	color: #333333;
	position: relative;
	overflow: hidden;
	transition: opacity 0.2s;
}
#feature-wrap .feature-link:hover {
	text-decoration: none;
	opacity: 0.7;
}
/* NEWマーク */
#feature-wrap .feature-link .feature-new {
	position: absolute;
	text-align: center;
	right: -3.3em;
	top: -2.8em;
	background-color: #FF8C1D;
	color: #ffffff;
	padding: 4.8em 0 0.2em;
	transform: rotate(45deg);
	font-weight: bold;
	font-size: 14px;
	width: 7em;
	line-height: 1;
}
/* 特集バナー */
#feature-wrap .feature-link figure {
	line-height: 0;
	border: 1px #cccccc solid;
	margin-bottom: 5px;
	position: relative;
	height: calc((100vw - 135px) / 3 - 20px);
	max-height: 390px;
	border-radius: 12px;
}
#feature-wrap .feature-link img {
	max-width: 100%;
	max-height: 100%;
	position: relative;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%)
}
/*** 特集コメント ***/
#feature-wrap .feature-link .feature-ttl {
	margin: 10px 0;
	font-size: 15px;
	font-weight: 600;
}
#feature-wrap .feature-link .feature-txt {
	font-size: 13px;
	margin-top: 8px;
	line-height: 1.6;
}

/* ブログマーク */
#feature-wrap .feature-link .feature-blog {
	position: absolute;
	right: 0;
	bottom: 0;
	background: #ffffff url("../image/co_009b.svg") no-repeat center  right 7px;
	color: #1B76D1;
	font-weight: bold;
	font-size: 14px;
	border: 1px solid #cccccc;
	border-right: none;
	border-bottom: none;
}
#feature-wrap .feature-link .feature-blog p { padding: 13px 22px 11px 7px; }
/* TAB/SP */
@media screen and (max-width: 940px) {
	#feature-wrap .feature-box article:not(:first-child) { margin-left: 20px; }
	#feature-wrap .feature-box article:nth-child(2n+1) { margin-left: 0; }
	#feature-wrap .feature-box article:nth-child(-n+3) { margin-bottom: 0; }
	#feature-wrap .feature-box { margin-bottom:  0; }
	#feature-wrap .feature-link figure {
		height: calc((100vw) / 2 - 40px);
	}
}
/* TABLET */
@media screen and (min-width: 671px) and (max-width: 940px) {
	#feature-wrap .feature-box { margin-top: -25px; }
	#feature-wrap .feature-box article {
		width: calc(50% - 10px);
		margin-top: 20px;
	}
	#feature-wrap .feature-box article { margin-top: 20px; }
	/* NEWマーク */
	#feature-wrap .feature-link .feature-new { font-size: 14px; }
}
/* SP */
@media screen and (max-width: 670px) {
	#feature-wrap .feature-box { margin-top: -15px; }
	#feature-wrap .big-sale-bnr + .feature-box{ margin-top: -5px; }
	#feature-wrap .feature-box article {
		width: calc(50% - 5px);
		margin-top: 10px;
	}
	#feature-wrap .feature-box article:nth-child(2n) { margin-left: 10px; }
	#feature-wrap .feature-link .feature-ttl { font-size: 13px; }
	/* NEWマーク */
	#feature-wrap .feature-link .feature-new {
		font-size: 9px;
		right: -3.4em;
	}
	/* ブログマーク */
	#feature-wrap .feature-link .feature-blog {
		font-size: 12px;
		background-position: center right 4px;
	}
	#feature-wrap .feature-link .feature-blog p { padding: 10px 18px 9px 5px; }
}

/* メンテ告知
--------------------------------------------------- */
#index .co-notice-area {
	border-radius: 0;
	border-width: 1px 0;
	border-color: #cccccc;
	border-style: solid;
	margin-bottom: 0;
	text-align: center;
}
#index .co-trial-info + .co-notice-area,
#index .co-notice-area + .co-notice-area { border-top: 0; }
/* SP */
@media screen and (max-width: 670px){
	#index .co-notice-area .co-attention2 {
		display: block;
		padding-left: 20px;
		background-position: left top 1px;
	}
}

/* 災害時
--------------------------------------------------- */
#index .disaster-notice {
	background-color: #f8f8f8;
	padding: 20px;
	text-align: center;
}
#index .disaster-notice .co-notice-area {
	width: 94%;
	max-width: 400px;
	box-sizing: border-box;
	margin: 10px auto 0;
	text-align: center;
	border-width: 1px;
}
/* SP */
@media screen and (max-width: 670px) {
	#index .disaster-notice { padding: 15px 10px; }
}

/* 支払い遅延
--------------------------------------------------- */
#index .not-yet-paid {
	max-width: 1300px;
	width: calc(100% - 20px);
	margin: 0 auto;
	text-align: left;
}
#index .not-yet-paid .co-attention2 { background-position: left 2px; }
#index .not-yet-paid .not-yet-paid-txt p { padding-left: 20px; }
#index .not-yet-paid dl {
	margin: 3px 0 0 20px;
	display: flex;
	flex-wrap: wrap;
	font-size: 14px;
}
#index .not-yet-paid dl:first-of-type {
	border-top: 1px #cccccc dashed;
	padding-top: 7px;
	margin-top: 7px;
}
#index .not-yet-paid dt:not(:first-child) { margin-left: 30px; }
#index .not-yet-paid dd { margin: 0; }
#index .not-yet-paid dd:before { content: '：'; }
#index .not-yet-paid dd+dd:before { content: ''; }
#index .not-yet-paid .kouza-tooltip-txt { margin: 10px 0 3px 20px; }
#index .not-yet-paid .co-popup-link-02 { margin-left: 20px; }
#index .not-yet-paid .co-tooltip-onclick-wrap,
#index .not-yet-paid .co-tooltip-onclick-wrap * { box-sizing: content-box; }
#index .not-yet-paid .co-tooltip-onclick { left: 20px; }
/* TAB/SP */
@media screen and (max-width: 940px) {
	#index .not-yet-paid dt { width: 6.3em; }
	#index .not-yet-paid dt:not(:first-child) { margin-left: 0; }
	#index .not-yet-paid dd { width: calc(100% - 6.3em); }
}
/* SP */
@media screen and (max-width: 670px) {
	#index .not-yet-paid { width: 100%; }
	#index .not-yet-paid .not-yet-paid-txt p { padding-left: 0; }
	#index .not-yet-paid .not-yet-paid-txt .co-attention2 { text-indent: 18px; }
	#index .not-yet-paid dl { font-size: 13px; }
	#index .not-yet-paid dl,
	#index .not-yet-paid .kouza-tooltip-txt,
	#index .not-yet-paid .co-popup-link-02 { margin-left: 0; }
	#index .not-yet-paid .co-tooltip-onclick { left: 0; }
}

/* トライアル期間中インフォメーション
--------------------------------------------------- */
#index .co-trial-info.firsttime-login{
	text-align: center;
	border-bottom: 1px #cccccc solid;
	padding: 10px 35px 10px 10px;
}
/*** 通常会員 ***/
#index .normal-member .display-sp{ display: none; }
#index .firsttime-login .big-font{ font-size: 18px; }
/* SP */
@media screen and (max-width: 670px) {
	#index .co-trial-info.firsttime-login { text-align: left; }
	#index .normal-member .display-pc{ display: none; }
	#index .normal-member .display-sp{ display: block; }
	#index .normal-member,
	#index .normal-member .big-font{ font-size: 12px; }
	#index .normal-member span{ display: inline-block; }
	#index .normal-member .big-font{ display: inline; }
}
/*** 支援プログラム会員 ***/
#index .support-member{ position: relative; }
#index .support-member .close{
	position: absolute;
	right: 10px;
	top: 10px;
	width: 1.3em;
	height: 1.3em;
	background-color: #666666;
	border-radius: 5px;
	color: #ffffff;
	line-height: 1.3;
	font-size: 18px;
}
/* SP */
@media screen and (max-width: 670px) {
	#index .support-member{ font-size: 12px; }
	#index .support-member p,
	#index .support-member .sp-di{ display: inline; }
	#index .support-member .close{
		right: 5px;
		top: 5px;
		font-size: 14px;
		text-align: center;
	}
}

/* 申請促進
--------------------------------------------------- */
#index .index-main-area #application-dealer {
	background-color: #ffffff;
	padding: 0;
}
#application-dealer .first-log-message {
	background: #dbe8f8 url("../image/bg_message.png");
	text-align: center;
	color: #333333;
	padding: 30px 20px;
}
#application-dealer .first-log-message h3 {
	font-size: 24px;
	font-weight: bold;
	margin: 0 0 13px;
}
#application-dealer .first-log-message p { font-size: 14px; }
#first-log-dealer {
	background: #fff;
	padding: 20px 25px 30px;
	display: flex;
	flex-wrap: nowrap;
}
#first-log-dealer .dealerbox {
	width: 20%;
	padding: 10px 15px;
}
#first-log-dealer .dealerbox > a picture {
	display: flex;
	align-items: center;
	justify-content: center;
	max-width: 200px;
	max-height: 200px;
	width: 13vw;
	height: 13vw;
	border: 1px solid #cccccc;
	flex-shrink: 0;
	flex-grow: 0;
	transition: opacity 0.2s;
}
#first-log-dealer .dealerbox > a:hover { opacity: 0.7; }
#first-log-dealer .dealerbox > a img {
	max-width: 100%;
	max-height: 100%;
	flex-shrink: 0;
	flex-grow: 0;
}
#first-log-dealer .dealerbox .right {
	word-wrap : break-word;
	overflow-wrap : break-word;
}
#first-log-dealer .dealerbox .right > p {
	font-weight: bold;
	font-size: 15px;
	margin: 6px 0 4px;
}
/* TABLET */
@media screen and (min-width: 671px) and (max-width: 940px) {
	#application-dealer .first-log-message h3 { font-size: 22px; }
	#first-log-dealer {
		padding: 15px;
		flex-wrap: wrap;
	}
	#first-log-dealer .dealerbox {
		width: 50%;
		display: flex;
		flex-wrap: nowrap;
		align-items: center;
	}
	#first-log-dealer .dealerbox .right { margin-left: 20px; }
}
/* SP */
@media screen and (max-width: 670px) {
	#application-dealer .first-log-message h3 { font-size: 19px; }
	#first-log-dealer {
		display: block;
		padding: 10px;
	}
	#first-log-dealer .dealerbox {
		width: 100%;
		display: flex;
		align-items: center;
	}
	#first-log-dealer .dealerbox > a picture {
		width: 28vw;
		height: 28vw;
	}
	#first-log-dealer .dealerbox .right { margin-left: 20px; }
}
/* 申請促進（ようこそスーパーデリバリーへ）
--------------------------------------------------- */
#application-dealer .welcome-message {
	width: 100%;
	background-image: url(../image/bg_welcome_pc02.png);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: 1300px;
	padding: 10px 0 0;
}
#application-dealer .welcome-message h3 {
	width: 210px;
	line-height: 1;
	margin: 0 auto;
}
#application-dealer .welcome-message h3 img { width: 100%; }
#application-dealer .welcome-message p {
	color: #333;
	font-size: 14px;
	text-align: center;
	margin: 5px auto 10px;
}
#application-dealer .welcome-message .welcome_btn {
	position: relative;
	display: inline-block;
	font-size: 14px;
	color: #333;
	letter-spacing: .1em;
	text-align: center;
	background-color: #FFDC00;
	border-radius: 20px;
	padding: 5px 22px;
	top: 0;
    left: 50%;
    transform: translateX(-50%);
	margin: 0 auto 12px;
}
#application-dealer .welcome-message .welcome_btn:visited {
	color: #FFF;
	background-color: #999;
}
#application-dealer .welcome-message .welcome_btn:hover {
	color: #FFF;
	background-color: #FF8800;
}
#application-dealer .welcome-message .welcome_btn .big {
	font-size: 17px;
	letter-spacing: .2;
}
#application-dealer .welcome-message .welcome_btn:after {
	position: absolute;
	content: '';
	display: inline-block;
	background-image: url(../image/icon_welcome_01.png);
	background-size: contain;
	background-repeat: no-repeat;
	vertical-align: middle;
	width: 36px;
	height: 25px;
	top: 10px;
	right: -14px;
	transform: rotate(20deg);
}
#application-dealer .welcome-message .welcome_btn .add-area {
	position: absolute;
    top: -5px;
    left: -20px;
}
#application-dealer .welcome-message .welcome_btn .add-area .add-txt {
	position: relative;
    display: inline-block;
    width: 37px;
    height: 37px;
    color: #FFF;
    font-size: 12px;
    background: #003893;
    border-radius: 100%;
    box-sizing: border-box;
    padding: 10px 4px 10px 6px;
}
#application-dealer .welcome-message .welcome_btn .add-area .add-txt:before {
	position: absolute;
    content: '';
	display: inline-block;
    border: 7px solid transparent;
    border-top: 10px solid #003893;
    transform: rotate(-64deg);
    bottom: 0;
    right: -8px;
}
/* TABLET */
@media screen and (min-width: 671px) and (max-width: 940px) {
	#application-dealer .welcome-message {
		background-image: url(../image/bg_welcome_tab02.png);
		background-size: 940px;
		padding: 8px 0 0;
	}
	#application-dealer .welcome-message h3 { width: 200px; }
	#application-dealer .welcome-message p {
		width: 300px;
		margin: 0 auto 5px;
	}
}
/* SP */
@media screen and (max-width: 670px) {
	#application-dealer .welcome-message {
		background-image: url(../image/bg_welcome_sp01.png);
		background-size: 670px;
		padding: 10px 0 0;
	}
	#application-dealer .welcome-message h3 { width: 210px; }
	#application-dealer .welcome-message p {
		width: 80%;
		font-size: 13px;
		margin: 5px auto 8px;
	}
	#application-dealer .welcome-message .welcome_btn {
		line-height: 1.3;
		padding: 7px 22px;
		border-radius: 30px;
	}
	#application-dealer .welcome-message .welcome_btn:after { top: 25px; }
	#application-dealer .welcome-message .welcome_btn .add-area .add-txt { padding: 11px 4px 11px 6px; }
}

/* 特別会員用バナー
--------------------------------------------------- */
#index .spcl-retailer-bnr {
	text-align:center;
	background-color: #ffffff;
	max-width: 750px;
	width: 90%;
	margin: 30px auto;
}
#index .spcl-retailer-bnr a {
	display: flex;
	align-items: center;
	justify-content: space-around;
	padding: 10px 15px;
	box-shadow: 0 0 3px 0 #cccccc;
	background-color: #ffffff;
	color: #333333;
	font-size: 16px;
	transition: opacity 0.2s;
}
#index .spcl-retailer-bnr a:hover { opacity: 0.7; }
#index .spcl-retailer-bnr a:before {
	content: '';
	display: inline-block;
	height: 40px;
	background: center center / contain no-repeat;
	margin-right: 10px;
	flex-grow: 0;
}
#index .spcl-retailer-bnr a:after {
	content: '';
	display: inline-block;
	width: 16px;
	height: 16px;
	border-style: solid;
	border-width: 2px 2px 0 0;
	transform: rotate(45deg);
	flex-shrink: 0;
}
#index .spcl-retailer-bnr a .co-pc-only {
	font-weight: bold;
	margin: 0 10px;
}
/* デザインアーク  */
#index .spcl-retailer-bnr.design-arc a:before {
	width: 120px;
	background-image: url('../image/logo_design_arc_00.png');
}
#index .spcl-retailer-bnr.design-arc a:after { border-color: #b14b50; }
/* 朝日リビング  */
#index .spcl-retailer-bnr.asahi-living a:before {
	width: 170px;
	background-image: url('../image/logo_asahi_living_00.png');
}
#index .spcl-retailer-bnr.asahi-living a:after { border-color: #0a9d95; }
/* コスモファーマ  */
#index .spcl-retailer-bnr.cosmo_ph a:before {
	width: 150px;
	margin: 0;
	background-image: url('../image/logo_cosmo_ph_00.png');
}
#index .spcl-retailer-bnr.cosmo_ph a:after { border-color: #72bfea; }
/* SP */
@media screen and (max-width: 670px){
	#index .spcl-retailer-bnr a { font-size: 13px; }
}

/* PICKUPバナー枠
--------------------------------------------------- */
#pickbnr-area {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	border-bottom: 1px #cccccc solid;
	padding-bottom: 10px;
}
#pickbnr-area li { width: calc(33.333% - 13px); }
#pickbnr-area li a {
	display: block;
	line-height: 0;
	border: 1px #cccccc solid;
	margin-bottom: 20px;
	transition: opacity 0.2s;
}
#pickbnr-area li a:hover { opacity: 0.7; }
#pickbnr-area li img { width: 100%; }
/* TAB */
@media screen and (max-width: 940px) and (min-width: 671px) {
	#pickbnr-area { margin-bottom: 25px; }
	#pickbnr-area li { width: calc(33.333% - 10px); }
	#pickbnr-area li a { margin-bottom: 10px; }
}
/* SP */
@media screen and (max-width: 670px){
	#pickbnr-area {
		margin-bottom: 20px;
		padding-bottom: 5px;
	}
	#pickbnr-area li { width: calc(50% - 4px); }
	#pickbnr-area li a { margin-bottom: 8px; }
}

/* 沖縄まとめ便バナー
--------------------------------------------------- */
.okinawa-bnr-wrap {
	max-width: 785px;
	margin: 0 auto;
}
#pickbnr-area + .okinawa-bnr-wrap { margin-top: 30px; }
.okinawa-bnr-wrap a {
	background-color: #cdebee;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	width: 100%;
	height: 112px;
	color: #333333;
	border: 1px #cccccc solid;
	background-image: url("../image/bnr_human.png") , url("../image/bnr_house.png");
	background-repeat: no-repeat,no-repeat;
	background-size: 130px auto , 540px auto;
	background-position: right 480px top 7px , right 410px top 10px;
	transition: opacity 0.2s;
}
.okinawa-bnr-wrap a:hover { opacity: 0.7; }
.okinawa-bnr-wrap a .logo-area {
	width: 310px;
	margin-right: 30px;
}
.okinawa-bnr-wrap a .logo-area .text { font-size: 16px; }
.okinawa-bnr-wrap a .logo-area .bnr-logo {
	width: 100%;
	margin-top: 5px; 
}
.okinawa-bnr-wrap a .button {
	margin-right: 20px;
	font-size: 16px;
	font-weight: bold;
	color: #ffffff;
	border-radius: 50%;
	padding: 25px 8px 17px;
	background-color: #fb5b04;
}
.okinawa-bnr-wrap a .button span {
	display: inline-block;
	vertical-align: middle;
	width: 4.5em;
}
/* TAB */
@media screen and (max-width: 940px) and (min-width: 671px) {
	.okinawa-bnr-wrap { margin-bottom: 30px; }
	#pickbnr-area + .okinawa-bnr-wrap { margin-top: 20px; }
	.okinawa-bnr-wrap a {
		height: 102px;
		background-size: 120px auto , 500px auto;
		background-position: right calc(12% + 372px) top 7px , right calc(14% + 372px) top 7px;
	}
	.okinawa-bnr-wrap a .logo-area { width: 300px; }
	.okinawa-bnr-wrap a .logo-area .text { font-size: 16px; }
	.okinawa-bnr-wrap a .button { padding: 24px 12px 16px; }
	.okinawa-bnr-wrap a .button span {
		width: 4em;
		font-size: 12px;
	}
}
/* SP */
@media screen and (max-width: 670px) {
	.okinawa-bnr-wrap { margin-bottom: 20px; }
	#pickbnr-area + .okinawa-bnr-wrap { margin-top: -5px; }
	.okinawa-bnr-wrap a {
		height: 102px;
		background-size: 75px auto , 480px auto;
		background-position: right calc(5% + 220px) top 7px , right 180px top 13px;
		flex-direction: column;
		align-items: flex-end;
		justify-content: center;
	}
	.okinawa-bnr-wrap a .logo-area {
		width: 210px;
		text-align: center;
		margin-right: 15px;
	}
	.okinawa-bnr-wrap a .logo-area .text { font-size: 12px; }
	.okinawa-bnr-wrap a .logo-area .bnr-logo { margin-top: 1px; }
	.okinawa-bnr-wrap a .button {
		padding: 14px 20px 12px 20px;
		line-height: 0;
		border-radius: 20px;
		margin: 5px 60px 0 0;
	}
	.okinawa-bnr-wrap a .button span {
		font-size: 11px;
		width: 100%;
	}
}

/* 企業クーポン使用促進
--------------------------------------------------- */
#index #kigyo-coupon-bnr-area{
	width: 100%;
	background: #ffffff;
	margin-top: 10px;
}
#index #kigyo-coupon-bnr-area .bnr-loggedin{
	text-align: center;
	max-width: 954px;
	vertical-align: top;
	position: relative;
	box-sizing: content-box;
	padding: 5px 10px;
	margin: -5px auto 0;
}
#index .kigyo-coupon-bnr-pre{
	padding: 0 15px 50px;
	margin: -25px auto 5px;
}
#index .kigyo-coupon-bnr-pre a,
#index #kigyo-coupon-bnr-area .bnr-loggedin a{
	display: block;
	box-sizing: content-box;
	background: url(../image/banner_top.png) no-repeat top center;
	background-size: 100% auto;
	height: auto;
	width: 100%;
	min-height: 238px;
	max-width: 935px;
}
#index .kigyo-coupon-bnr-pre a:hover,
#index #kigyo-coupon-bnr-area .bnr-loggedin a:hover{
	opacity: 0.75;
}
/* TABLET */
@media screen and (min-width: 671px) and (max-width: 940px) {
	#index .kigyo-coupon-bnr-pre {
		max-width: 900px;
		padding-bottom: 20px;
	}
	#index #kigyo-coupon-bnr-area .bnr-loggedin a,
	#index .kigyo-coupon-bnr-pre a {
		min-height: 0!important;
		background-size: 100% auto!important;
		padding-top: 25.45%;
	}
}
/* SP */
@media screen and (max-width: 670px) {
	#index #kigyo-coupon-bnr-area {
		background: #ffffff;
		padding-top: 5px;
		margin-top: 0;
	}
	#index .kigyo-coupon-bnr-pre,
	#index #kigyo-coupon-bnr-area .bnr-loggedin {
		width: 96%;
		margin: 10px auto 0;
		box-sizing: border-box;
		padding: 0 0 5px;
		max-width: 461px;
	}
	#index .kigyo-coupon-bnr-pre a,
	#index #kigyo-coupon-bnr-area .bnr-loggedin a {
		background: url(../image/banner_top_sp.png) no-repeat top center;
		background-size: cover!important;
		padding-top: 67%;
		margin: 0 auto;
		max-width: 100%;
		border-width: 4px 0;
		min-height: 0;
		box-shadow: 0 0 4px 0 #cccccc;
	}
}

/* トップ週間ランキング
--------------------------------------------------- */
#ranking-top { background-color: #ffffff; }
#ranking-top .products-list {
	counter-reset: ranking;
	margin-top: 50px;
}
#ranking-top .products-list li { position: relative; }
#ranking-top .products-list li:before {
	content: counter(ranking);
	counter-increment: ranking;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 30px;
	height: 30px;
	background-color: #FF8C1D;
	color: #ffffff;
	font-size: 19px;
	font-family: "arial";
	border-radius: 50%;
	position: absolute;
	right: -10px;
	top: -15px;
	z-index: 100;
	-webkit-font-smoothing: antialiased;
}
#ranking-top .products-list li:nth-of-type(-n + 3):before {
	/*align-items: flex-end;*/
	width: 42px;
	height: 42px;
	padding-bottom: 2px;
	border-radius: 0;
	top: -27px;
}
#ranking-top .products-list li:nth-of-type(n + 4):before { font-size: 16px; }
#ranking-top .products-list li:first-of-type:before {
	background: url('../image/icon_gold_01.png') no-repeat center;
	background-size: contain;
}
#ranking-top .products-list li:nth-of-type(2):before {
	background: url('../image/icon_silver_01.png') no-repeat center;
	background-size: contain;
}
#ranking-top .products-list li:nth-of-type(3):before {
	background: url('../image/icon_bronze_01.png') no-repeat center;
	background-size: contain;
}
#ranking-top .period {
	margin-top: 20px;
	font-size: 14px;
}
#ranking-top .period span {
	font-size: 13px;
}
#ranking-top .rank-main-header {
	position: relative;
}
#ranking-top .rank-main-header .lvone-wrap {
	/*background-color: #f6f6f6;*/ /*スクロールをオンにする際はこちらを復活（1/2）*/
	overflow: hidden;
	position: relative;
}
#ranking-top .rank-main-header ul {
	display: flex;
	/*left: 32px;*/ /*スクロールをオンにする際はこちらを復活（2/2）*/
}
#ranking-top .rank-main-header ul li {
	text-align: center;
	border-top: 1px solid #333;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
	cursor: pointer;
	font-size: 14px;
	background-color: #fff;
	flex: none;
}
#ranking-top .rank-main-header ul li:first-child {
	border-left: 1px solid #333;
}
#ranking-top .rank-main-header ul li:not(.selected):hover {
	background-color: #eeeeee;
}
#ranking-top .rank-main-header ul li a {
	display: block;
	width: 100%;
	height: 100%;
	color: inherit;
	text-decoration: none;
	box-sizing: border-box;
	padding: 6px 14px 5px;
}
#ranking-top .rank-main-header .selected {
	background-color: #333333;
	color: #ffffff;
	cursor: default;
	font-size: 14px;
}
#ranking-top .rank-main-header .selected a:hover {
	background-color: #333;
}
/****** 進む・戻るボタン ******/
/*** 共通 ***/
#ranking-top .rank-main-header .lvone-wrap [class^='itembtn-'] {
	position: absolute;
	top: 0;
	z-index: 100;
}
#ranking-top .rank-main-header .lvone-wrap .itembtn-back { left: 0; }
#ranking-top .rank-main-header .lvone-wrap .itembtn-next { right: 0; }
#ranking-top .rank-main-header .lvone-wrap [class^='itembtn-'] [class^='item-btn'],
#ranking-top .rank-main-header .lvone-wrap .itembtn-next .item-lodingbtn {
	border-style: solid;
	display: block;
	height: 32px;
	width: 32px;
	position: relative;
}
#ranking-top .rank-main-header .lvone-wrap .itembtn-next [class^='item-btnnext'],
#ranking-top .rank-main-header .lvone-wrap .itembtn-next .item-lodingbtn,
#ranking-top .rank-main-header .lvone-wrap .itembtn-back [class^='item-btnback'] { border-width: 1px; }
#ranking-top .rank-main-header .lvone-wrap [class^='itembtn-'] [class^='item-btn']:before,
#ranking-top .rank-main-header .lvone-wrap [class^='itembtn-'] [class^='item-btn']:after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	position: absolute;
	top: 50%;
	margin-top: -10px;
}
#ranking-top .rank-main-header .lvone-wrap .itembtn-next .item-btnnext,
#ranking-top .rank-main-header .lvone-wrap .itembtn-back .item-btnback {
	background-color: #dcdcdc;
	border-color: #dcdcdc;
	cursor: pointer;
}
/* disabled */
#ranking-top .rank-main-header .lvone-wrap .itembtn-next .item-btnnext-dsbl,
#ranking-top .rank-main-header .lvone-wrap .itembtn-back .item-btnback-dsbl {
	background-color: #fdfdfd;
	border-color: #d5d8da;
}
/* hover */
#ranking-top .rank-main-header .lvone-wrap [class^='itembtn-']:hover .item-btnnext,
#ranking-top .rank-main-header .lvone-wrap [class^='itembtn-']:hover .item-btnback {
	background-color: #adadad;
	border-color: #adadad;
}
/*** 進む ***/
#ranking-top .rank-main-header .lvone-wrap .itembtn-next [class^='item-btnnext']:before,
#ranking-top .rank-main-header .lvone-wrap .itembtn-next [class^='item-btnnext']:after { border-width: 10px 0 10px 10px; }
#ranking-top .rank-main-header .lvone-wrap .itembtn-next [class^='item-btnnext']:before { margin-left: 11px; }
#ranking-top .rank-main-header .lvone-wrap .itembtn-next [class^='item-btnnext']:after { margin-left: 8px; }
#ranking-top .rank-main-header .lvone-wrap .itembtn-next .item-btnnext:before { border-color: transparent transparent transparent #666666; }
#ranking-top .rank-main-header .lvone-wrap .itembtn-next .item-btnnext:after { border-color: transparent transparent transparent #dcdcdc; }
/* hover */
#ranking-top .rank-main-header .lvone-wrap .itembtn-next:hover .item-btnnext:before { border-color: transparent transparent transparent #ffffff; }
#ranking-top .rank-main-header .lvone-wrap .itembtn-next:hover .item-btnnext:after { border-color: transparent transparent transparent #adadad; }
/* disabled */
#ranking-top .rank-main-header .lvone-wrap .itembtn-next .item-btnnext-dsbl:before { border-color: transparent transparent transparent #d5d8da; }
#ranking-top .rank-main-header .lvone-wrap .itembtn-next .item-btnnext-dsbl:after { border-color: transparent transparent transparent #fdfdfd; }
/*** 戻る ***/
#ranking-top .rank-main-header .lvone-wrap .itembtn-back [class^='item-btnback']:before,
#ranking-top .rank-main-header .lvone-wrap .itembtn-back [class^='item-btnback']:after { border-width: 10px 10px 10px 0; }
#ranking-top .rank-main-header .lvone-wrap .itembtn-back [class^='item-btnback']:before { margin-left: 8px; }
#ranking-top .rank-main-header .lvone-wrap .itembtn-back [class^='item-btnback']:after { margin-left: 11px; }
#ranking-top .rank-main-header .lvone-wrap .itembtn-back .item-btnback:before { border-color: transparent #666666 transparent transparent; }
#ranking-top .rank-main-header .lvone-wrap .itembtn-back .item-btnback:after { border-color: transparent #dcdcdc transparent transparent; }
/* hover */
#ranking-top .rank-main-header .lvone-wrap .itembtn-back:hover .item-btnback:before { border-color: transparent #ffffff transparent transparent; }
#ranking-top .rank-main-header .lvone-wrap .itembtn-back:hover .item-btnback:after { border-color: transparent #adadad transparent transparent; }
/* disabled */
#ranking-top .rank-main-header .lvone-wrap .itembtn-back .item-btnback-dsbl:before { border-color: transparent #d5d8da transparent transparent; }
#ranking-top .rank-main-header .lvone-wrap .itembtn-back .item-btnback-dsbl:after { border-color: transparent #fdfdfd transparent transparent; }
/* TABLET/SP */
@media screen and (max-width: 940px) {
	#ranking-top .rank-main-header .lvone-wrap {
		background-color: inherit;
		padding: 0 0 10px;
		overflow-y: hidden;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}
	#ranking-top .rank-main-header .lvone-wrap .itembtn-next,
	#ranking-top .rank-main-header .lvone-wrap .itembtn-back {
		display: none;
	}
	#ranking-top .rank-main-header ul {
		left: 0;
	}
	#index #ranking-top .period { margin-top: 10px; }
}
/* TAB */
@media screen and (max-width: 940px) and (min-width: 671px) {
	#ranking-top .products-list { margin-top: 40px; }
}
/* SP */
@media screen and (max-width: 670px){
	#ranking-top .period .sp { display: block; }
	#ranking-top .products-list { margin-top: 20px; }
	#ranking-top .products-list li:before {
		width: 21px;
		height: 21px;
		font-size: 13px;
		top: -10px;
		left: 9px;
	}
	#ranking-top .products-list li:nth-of-type(n + 4):before { font-size: 12px; }
	#ranking-top .products-list li:nth-of-type(-n + 3):before {
		width: 31px;
		height: 31px;
		top: -14px;
	}
}

/* 送料無料キャンペーンとあらいぐま雑貨店の共通部分
--------------------------------------------------- */
#index .index-main-area #sd-special {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 25px 35px;
}
#index .index-main-area #sd-special img {
	flex-grow: 0;
	flex-shrink: 0;
}
#freeshipping-top,
#shoprac-top,
#ethicalcl-top {
	flex-basis: calc(50% - 10px);
	background-color: #ffffff;
	box-shadow: 0 0 4px 0 rgba(100,100,100,0.4);
}
#freeshipping-top .link,
#shoprac-top .shoprac-link,
#ethicalcl-top .ethicalcl-link { 
	width: 100%;
	height: 270px;
	transition: opacity 0.2s;
	position: relative;
	overflow: hidden;
}
#freeshipping-top .link:hover,
#shoprac-top .shoprac-link:hover,
#ethicalcl-top .ethicalcl-link:hover {
	text-decoration: none;
	opacity: 0.7;
}
#matterport-top {
	margin-top: 20px;
	flex-basis: 100%;
	background-color: #ffffff;
	box-shadow: 0 0 4px 0 rgba(100,100,100,0.4);
}
#matterport-top .link {
	transition: opacity 0.2s;
	position: relative;
	overflow: hidden;
	display: flex;
	justify-content: center;	
	height: 100%;
	padding: 0 0 0 calc(410/1230*100%);
	height: 150px;
	background: url("../image/bnr_figure.png") no-repeat left 26px top / auto 100%,transparent linear-gradient(84deg, #E3D1EF 0%, #92D5EE 100%) 0% 0% no-repeat padding-box;
}
#matterport-top .link:hover {
	text-decoration: none;
	opacity: 0.7;
}
#matterport-top .matterport-heading {
	display: flex;
	align-items: center;
	width: 100%;
}
#matterport-top picture img {
	max-width: 308px;
	width: 100%;
}
#matterport-top .title {
	margin: 0 calc(37/820*100%) 0 0;
	max-width: 435px;
	width: calc(435/820*100%);	
}
#matterport-top .img, #matterport-top .matterport-heading img {
	max-width: 100%;
}
@media screen and (max-width: 940px) {
	#matterport-top .matterport-heading {
		flex-direction: column;
    justify-content: center;
		align-items: unset;
	}
}
/* TAB */
@media screen and (max-width: 940px) and (min-width: 671px) {
	#index .index-main-area #sd-special { padding: 0 25px; }
	#freeshipping-top,
	#shoprac-top,
	#ethicalcl-top { flex-basis: calc(50% - 8px); }
	#freeshipping-top .link,
	#shoprac-top .shoprac-link,
	#ethicalcl-top .ethicalcl-link { height: 250px; }

	#matterport-top .link {
		padding: 0 0 0 calc(44/718*100%);
		background: url(../image/bnr_figure_sp.png) no-repeat right 20px bottom / auto 95%,transparent linear-gradient(79deg, #E3D1EF 0%, #92D5EE 100%) 0% 0% no-repeat padding-box;
	}
	#matterport-top .title {
		max-width: 343px;
    width: calc(343/674*100%);
	}
	#matterport-top .matterport-heading {
		margin-top: 8px;
	}	
	#matterport-top picture img {
		margin: 5px 0 0;
		width: calc(328/674*100%);
	}
}
/* SP */
@media screen and (max-width: 670px){
	#index .index-main-area #sd-special {
		padding: 0 20px;
		display: block;
		margin: 20px auto;
	}
	#freeshipping-top .link,
	#shoprac-top .shoprac-link,
	#ethicalcl-top .ethicalcl-link { height: 195px; }
	#freeshipping-top,
	#shoprac-top,
	#ethicalcl-top { margin: 15px auto 0; }
	#matterport-top .link {
		padding: 13px 0 0 calc(20/375*100vw);
		background: url(../image/bnr_figure_sp.png) no-repeat right -106px bottom / auto 85%,transparent linear-gradient(69deg, #E3D1EF 0%, #92D5EE 100%) 0% 0% no-repeat padding-box;
	}
	#matterport-top .title {
		margin-bottom: 5px;
		width: calc(236/375*100vw);
	}
	#matterport-top picture img {
		width: calc(185/375*100vw);
	}
}

/* 送料無料キャンペーン
--------------------------------------------------- */
#freeshipping-top .link {
	display: flex;
	align-items: center;
	flex-direction: column;
	background: url("../image/tape.png") , url("../image/back.png");
	background-size: 124px auto , 626px auto;
	background-repeat: no-repeat , repeat;
	background-position: top left 53% , center;
	position: relative;
	overflow: hidden;
}
#freeshipping-top .link:after {
	content: '';
	display: block;
	height: 140px;
	width: 140px;
	position: absolute;
	top: -32px;
	background: url("../image/0yen.png") no-repeat;
	background-size: cover;
	right: -33px;
}
#freeshipping-top .link .icon,
#freeshipping-top .link .title {
	flex-shrink: 0;
	flex-grow: 0;
}
#freeshipping-top .link .icon {
	width: 272px;
	margin-top: 42px;
}
#freeshipping-top .link .title {
	width: 80%;
	max-width: 414px;
	margin-top: 15px;
}
#freeshipping-top .link .icon img,
#freeshipping-top .link .title img {
	width: 100%;
}
/* TAB */
@media screen and (min-width: 671px) and (max-width: 940px) {
	#freeshipping-top .link:after {
		height: 70px;
		width: 70px;
		top: 15px;
		left: calc(50% + 77px) ;
	}
	#freeshipping-top .link .icon { width: 250px; }
}
/* SP */
@media screen and (max-width: 670px) {
	#freeshipping-top .link {
		background-size: 96px auto , 400px auto;
		background-position: top -7px left 52% , center;
	}
	#freeshipping-top .link:after {
		height: 60px;
		width: 60px;
		top: 10px;
		left: calc(50% + 77px) ;
	}
	#freeshipping-top .link .icon {
		width: 87%;
		max-width: 180px;
		margin-top: 30px;
	}
	#freeshipping-top .link .title {
		width: 87%;
		max-width: 264px;
		margin-top: 14px;
	}
}

/* エシカルコレクション
--------------------------------------------------- */
#sd-special #ethicalcl-top .ethicalcl-newmark {
	position: absolute;
	left: -4em;
	top: -2.5em;
	background-color: #dc4d4d;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	transform: rotate(-45deg);
	padding: 4em 3em 2px;
	z-index: 2;
}
#ethicalcl-top .ethicalcl-link {
	display: flex;
	align-items: center;
	flex-direction: column;
	background: url("../image/bnr02.png");
	background-repeat: no-repeat;
	background-position: bottom;
	background-size: contain;
	background-color: #fdf2d6;
	position: relative;
	image-rendering: -webkit-optimize-contrast;
}
#ethicalcl-top .ethicalcl-link .sub-title,
#ethicalcl-top .ethicalcl-link .title {
	flex-shrink: 0;
	flex-grow: 0;
}

#ethicalcl-top .ethicalcl-link .sub-title {
	width: 90%;
	max-width: 470px;
	margin-top: 50px;
}
#ethicalcl-top .ethicalcl-link .title {
	width: 55%;
	max-width: 300px;
	margin-top: 10px;
}
#ethicalcl-top .ethicalcl-link .sub-title img,
#ethicalcl-top .ethicalcl-link .title img {
	width: 100%;
}
/* TAB */
@media screen and (min-width: 671px) and (max-width: 940px) {
	#ethicalcl-top .ethicalcl-link .sub-title { margin-top: 50px; }
	#ethicalcl-top .ethicalcl-link .title {
		max-width: 215px;
		margin-top: 20px;
	}
}
/* SP */
@media screen and (max-width: 670px) {
	#ethicalcl-top .ethicalcl-link { background-size: cover; }
	#ethicalcl-top .ethicalcl-link .sub-title {
		max-width: 370px;
		margin-top: 30px;
	}
	#ethicalcl-top .ethicalcl-link .title { max-width: 210px; }
}

/* ニューマーク */
#sd-special .icon-new {
	position: absolute;
	left: -4em;
	top: -2.5em;
	background-color: #dc4d4d;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	transform: rotate(-45deg);
	padding: 4em 3em 2px;
	z-index: 2;
}

@media screen and (max-width: 670px) {
	/* NEWマークが大きく、文字に被っているのでエシカルも一緒に修正 */
	#sd-special .icon-new,#sd-special #ethicalcl-top .ethicalcl-newmark {
		top: -2.7em;
		font-size: 12px;
		padding: 4em 3em 2px 2.8em;
	}
}

/* あらいぐま雑貨店
--------------------------------------------------- */
#sd-special #shoprac-top .shoprac-newmark {
	position: absolute;
	left: -4em;
	top: -2.5em;
	background-color: #dc4d4d;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	transform: rotate(-45deg);
	padding: 4em 3em 2px;
	z-index: 2;
}
#sd-special #shoprac-top .shoprac-link {
	display: flex;
	max-width: 640px;
}
#sd-special #shoprac-top .shoprac-link .info {
	width: 50%;
	max-width: 250px;
	display: flex;
	justify-content: center;
	flex-direction: column;
}
#sd-special #shoprac-top .shoprac-link .ttl,
#sd-special #shoprac-top .shoprac-link .disc {
	display: block;
	margin: 0 auto;
}
#sd-special #shoprac-top .shoprac-link h3:after {
	content:"";
	display: block;
	margin: 25px auto;
	width: 150px;
	height: 2px;
	border-radius: 1px; 
	background-color: #dedede;
}
#sd-special #shoprac-top .shoprac-link .ttl {
	max-width: 158px;
	width: 70%;
}
#sd-special #shoprac-top .shoprac-link .disc {
	max-width: 180px;
	width: 80%;
}
#sd-special #shoprac-top .shoprac-link .pict {
	overflow: hidden;
	width: 60%;
	position: relative;
}
#sd-special #shoprac-top .shoprac-link .pict .main-image {
	width: auto;
	max-height: 270px;
	position: absolute;
	top: 0;
	left: 0;
}
#sd-special #shoprac-top .shoprac-link .pict .new-arrival {
	position: absolute;
	width: 125px;
	height: 125px;
	right: 6px;
	top: 5px;
}
#sd-special #shoprac-top .shoprac-link .pict .new-arrival .arrival-image{
	width: 100%;
	height: auto;
}
/* TAB */
@media screen and (min-width: 671px) and (max-width: 940px) {
	#sd-special #shoprac-top .shoprac-link h3 { margin-top: -15px; }
	#sd-special #shoprac-top .shoprac-link h3:after { width: 108px; }
	#sd-special #shoprac-top .shoprac-link .info,
	#sd-special #shoprac-top .shoprac-link .pict { width: 50%; }
	#sd-special #shoprac-top .shoprac-link .pict .main-image {
		max-height: 340px;
		top: -40px;
		left: -130px;
	}
	#sd-special #shoprac-top .shoprac-link .pict .new-arrival {
		width: 100px;
		height: 100px;
	}
}
/* SP */
@media screen and (max-width: 670px) {
	#sd-special #shoprac-top .shoprac-link h3 { margin-top: -15px; }
	#sd-special #shoprac-top .shoprac-link h3:after {
		width: 90px;
		margin: 17px auto;
	}
	#sd-special #shoprac-top .shoprac-link .info {
		width: 55%;
		max-width: 250px;
		min-width: 150px;
	}
	#sd-special #shoprac-top .shoprac-link .ttl {
		width: 92px;
		margin-top: 15px;
	}
	#sd-special #shoprac-top .shoprac-link .disc {
		width: 65%;
		min-width: 116px;
		max-width: 166px;
	}
	#sd-special #shoprac-top .shoprac-link .pict { width: 62%; }
	#sd-special #shoprac-top .shoprac-link .pict .main-image {
		max-height: 360px;
		top: -80px;
		left: -160px;
	}
	#sd-special #shoprac-top .shoprac-link .pict .new-arrival {
		width: 85px;
		height: 85px;
	}
}
/* あらいぐま雑貨店（ログイン後：新規出展企業）
--------------------------------------------------- */
#sd-special #shoprac-top .shoprac-link .n-dealer-disc,
#sd-special #shoprac-top .shoprac-link h3.n-dealer-h3:after { display: none; }
#sd-special #shoprac-top .new-vendor-area {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	position: relative;
	border: 1px dotted #dc6767;
	width: 76%;
	margin: 35px auto -10px;
	border-radius: 5px;
	padding-bottom: 12px;
}
#sd-special #shoprac-top .new-icon { position: relative; }
#sd-special #shoprac-top .new-icon:before,
#sd-special #shoprac-top .new-icon:after {
	content:"";
	display: block;
	border-style: solid;
	position: absolute;
	top: -10px;
	border-width: 11px;
}
#sd-special #shoprac-top .new-icon:before {
	border-left-width: 5px;
	border-color: #dc6767 #dc6767 #dc6767 transparent;
	left: -10px;
}
#sd-special #shoprac-top .new-icon:after {
	border-right-width: 5px;
	border-color: #dc6767 transparent #dc6767 #dc6767 ;
	right: -10px;
}
#sd-special #shoprac-top .new-icon .new-vendor {
	box-sizing: border-box;
	color: #ffffff;
	background-color: #dc6767;
	text-align: center;
	font-size:12px;
	padding: 3px 6px;
	margin-top: -15px;
	border: 1px solid #fff;
	position:relative;
	z-index: 2;
}
#sd-special #shoprac-top .logo-area { display: flex; }
#sd-special #shoprac-top .logo-area .vender-logo {
	width: 74px;
	height: 100%;
	display: block;
	margin-top: 7px;
}
/* TAB・SP */
@media screen and (max-width: 940px) {
	#sd-special #shoprac-top .new-icon .new-vendor { font-size: 11px; }
}
/* TAB */
@media screen and (min-width: 671px) and (max-width: 940px) {
	#sd-special #shoprac-top .new-vendor-area { margin: 35px auto -30px; }
	#sd-special #shoprac-top .logo-area .vender-logo {
		width: 62px;
		margin-top: 10px;
	}
}
/* SP */
@media screen and (max-width: 670px) {
	#sd-special #shoprac-top .new-vendor-area {
		margin: 25px auto -20px;
		padding-bottom: 7px;
	}
	#sd-special #shoprac-top .new-icon:before,
	#sd-special #shoprac-top .new-icon:after { border-width: 10px; }
	#sd-special #shoprac-top .new-icon:before { border-left-width: 5px; }
	#sd-special #shoprac-top .new-icon:after { border-right-width: 5px; }
	#sd-special #shoprac-top .new-icon .new-vendor { padding: 2px 4px; }
	#sd-special #shoprac-top .logo-area .vender-logo {
		width: 54px;
		margin-top: 10px;
		padding-bottom: 7px;
	}
}

/* STORY MOVIE（ザッピング動画一覧）
--------------------------------------------------- */
#story-movie-top {
	margin-top: 20px;
	flex-basis: 100%;
	height: 150px;
	background-color: #FEFFF6;
	box-shadow: 0 0 4px 0 rgba(100,100,100,0.4);
}
#story-movie-top .sp { display: none; }
#story-movie-top .title { 
	height: 150px;
	text-align: center;
 }
#story-movie-top .title img {
	height: 90%;
	max-width: 90%;
	margin-top: 15px;
}
/* SP */
@media screen and (max-width: 500px){
	#story-movie-top .pc { display: none; }
	#story-movie-top .sp { display: block; }
}

/* SD MEDIA
--------------------------------------------------- */
#sdmedia { background-color: #ffffff; }
#sdmedia .title-area {
	background: url('../image/bg_sdmedia_00.png') top center / auto 140% #53b9e3 repeat-x;
	text-align: center;
	padding: 45px 20px 35px;
	margin: -45px -35px 0;
}
#sdmedia h3 a {
	font-size: 40px;
	color: #003894;
}
#sdmedia .sdmedia-txt {
	font-size: 16px;
	font-weight: bold;
	color: #ffffff;
}
#sdmedia .sdmedia-contents-box {
	max-width: 840px;
	margin: 0 auto;
}
#sdmedia .sdmedia-contents-title {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	margin: 25px 0 15px;
	border-bottom: 1px #cccccc solid;
	padding-bottom: 13px;
}
#sdmedia .sdmedia-contents-title h4 {
	font-size: 20px;
	font-weight: 600;
}
#sdmedia .sdmedia-contents-title a {
	display: inline-block;
	margin: 5px 0;
}
/* 記事枠 */
#sdmedia .sdmedia-posts {
	display: flex;
	justify-content: center;
}
#sdmedia .sdmedia-posts article {
	width: 28vw;
	max-width: 260px;
}
#sdmedia .sdmedia-posts article:not(:first-of-type) { margin-left: 30px; }
#sdmedia .sdmedia-posts a {
	display: block;
	color: #333333;
	text-align: left;
	background-color: #ffffff;
	-webkit-font-smoothing: antialiased;
}
#sdmedia .sdmedia-posts figure {
	margin-bottom: 10px;
	width: 100%;
	max-height: 205px;
	height: 16.7vw;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	-webkit-transform: translate3d(0, 0, 0);
}
#sdmedia .sdmedia-posts figure,
#sdmedia .sdmedia-posts h4 { transition: opacity 0.2s; }
#sdmedia .sdmedia-posts a:hover figure,
#sdmedia .sdmedia-posts a:hover h4 { opacity: 0.7; }
#sdmedia .sdmedia-posts img {
	width: 115%;
	flex-grow: 0;
	flex-shrink: 0;
}
#sdmedia .sdmedia-posts h4 { line-height: 1.6; }
/* 業種用リボン */
#sdmedia .sdm-business-type {
	display: inline-block;
	position: relative;
	color: #ffffff;
	background-color: #003894;
	padding: 3px 10px;
	font-size: 14px;
	margin: 20px 0 10px;
}
#sdmedia .sdm-business-type:before {
	content: '';
	height: 2px;
	width: 20px;
	background-color: #003894;
	position: absolute;
	bottom: calc(100% + 15px);
	left: calc(50% - 10px);
}
/* ライブ配信枠 */
#sdmedia .sdmedia-live {
	display: flex;
	font-size: 15px;
}
#sdmedia .sdmedia-live figure {
	display: block;
	max-width: 226px;
	width: 100%;
	margin-left: 40px;
	flex-grow: 0;
	flex-shrink: 0;
	border: 0;
}
#sdmedia .sdmedia-live figure img { width: 100%; }
/* TAB */
@media screen and (max-width: 940px) and (min-width: 671px) {
	#sdmedia .title-area { margin: -38px -25px 0; }
	#sdmedia h3 a { font-size: 34px; }
	#sdmedia .sdmedia-posts article { width: 31vw; }
	#sdmedia .sdmedia-posts figure { height: 18.5vw; }
	#sdmedia .sdmedia-live figure { margin-left: 25px; }
}
/* SP */
@media screen and (max-width: 670px){
	#index .index-main-area #sdmedia {
		padding: 20px 10px 15px;
		margin-top: 10px;
	}
	#sdmedia .title-area {
		margin: -20px -10px 0;
		background-size: auto 110%;
		padding: 20px;
	}
	#sdmedia h3 a { font-size: 22px; }
	#sdmedia .sdmedia-txt { font-size: 14px; }
	#sdmedia .sdmedia-contents-title { padding-bottom: 6px; }
	#sdmedia .sdmedia-contents-title h4 { font-size: 16px; }
	#sdmedia .sdmedia-posts {
		display: block;
		margin-bottom: 40px;
	}
	#sdmedia .sdmedia-posts article {
		width: 100%;
		max-width: 100%;
	}
	#sdmedia .sdmedia-posts article:not(:first-of-type) { margin-left: 0; }
	#sdmedia .sdmedia-posts a {
		display: flex;
		align-items: center;
		margin: 13px 0 0;
	}
	#sdmedia .sdmedia-posts figure {
		width: 48vw;
		height: 32.1vw;
		flex-shrink: 0;
		margin: 0;
		max-height: 100%;
	}
	#sdmedia .sdmedia-posts h4 {
		padding-left: 10px;
	}
	#sdmedia .sdm-business-type { font-size: 12px; }
	#sdmedia .sdm-business-type:before { bottom: calc(100% + 11px); }
	#sdmedia .sdmedia-live {
		display: block;
		font-size: 13px;
	}
	#sdmedia .sdmedia-live figure { margin: 20px auto 0; }
}

/* 提携サービス
--------------------------------------------------- */
#alliance { background-color: #ffffff; }
#alliance .alliance-service {
	display: flex;
}

#alliance .alliance-service a {
	display: block;
	transition: opacity 0.2s;
	line-height: 0;
}
#alliance .alliance-service a:hover { opacity: 0.7; }
#alliance .alliance-service img {
	width: 100%;
	border: 1px #cccccc solid;
}

@media screen and (min-width: 941px) {
	#alliance .alliance-service li:not(:nth-child(4n)) { margin-right: 14px; }
	#alliance .alliance-service li {
		max-width: 297px;
	}
}

@media screen and (max-width: 940px) {
	#alliance .alliance-service {
		flex-wrap: wrap;
		margin: -6px -6px 0;
	}
	#alliance .alliance-service li {
		max-width: 100%;
		width: calc(50% - 12px);
		margin: 6px;
	}
	#alliance .alliance-service li:nth-last-child(-n+2) {
		margin-bottom: 0;
	}
}
/* SP */
@media screen and (max-width: 670px){
	#alliance .alliance-service { 
		display: block;
		margin: 0;
	}
	#alliance .alliance-service li {
		margin: 0 auto;
		max-width: 300px;
		width: 100%;
	}
	#alliance .alliance-service li:nth-child(n+2) { 
		margin-top: 13px; 
	}
}
/* サイト紹介
--------------------------------------------------- */
#index .index-main-area section#intro {
	background-color: #fff;
	padding-bottom: 45px;
}
#intro section {padding-bottom: 50px;}
#intro .intro-contents-box {
	max-width: 840px;
	margin: 0 auto;
	display: flex;
	align-items: center;
}
#intro .cont-title { font-size: 19px;}
#intro .intro-contents-box .text {
	max-width: 640px;
	border-right: solid 1px #ccc;
	margin-right: 20px;
	padding-right: 20px;
}
@media screen and (max-width: 940px) {
	.intro-matter.co-btn {display: none;}
	#intro .intro-contents-box .text {
		max-width: inherit;
		border-right: none;
		margin-right: 0px;
		padding-right: 0px;
	}
	#intro .cont-title { line-height: 1.2;}
	#index .index-main-area section#intro { padding-bottom: 24px;}
}
/*ポイント還元テスト*/
#point-back-2021{
	text-align:center;
	background-color:#f7e435;
}
#point-back-2021 p {
	color:#dc4d4d;
	background-color:#f7e435;
	font-size: 14px;
	padding: 0px 0px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	background-image:URL("../image/bg_return_point2.svg"),URL("../image/bg_return_point.svg");
	background-position:bottom right,left,right;
	background-repeat:no-repeat;
	max-width: 725px;
}
#point-back-2021 p img {
	vertical-align: middle;
	margin-right: 5px;
}
#point-back-2021 p br {
	display:none;
}
#point-back-2021 p .point-back-txt .strg {
	font-size:15px;
	font-weight:bold;
}
#point-back-2021 p .point-back-txt .strgmid {
	font-size:14px;
}
#point-back-2021 p .point-back-txt .strgmid:before {
	content:"（";
}
#point-back-2021 p .point-back-txt .strgmid:after {
	content:"）";
}
#point-back-2021 p .point-back-txt a {
	color:#dc4d4d;
	font-size:13px;
	text-decoration:underline;
	margin-left:3px;
}
#point-back-2021 p .point-back-txt a:hover {
	text-decoration:none;
}
/* SP */
@media screen and (max-width: 670px){
	#point-back-2021{
		text-align:left;
	}
	#point-back-2021 p {
		font-size: 13px;
		padding: 5px;
		width: 100%;
		border:none;
		justify-content: left;
		background-image:none;
	}
	#point-back-2021 p img {
		vertical-align: middle;
		width:27px;
	}
	#point-back-2021 p br {
		display:block;
	}
	#point-back-2021 p .point-back-txt .strg {
		font-size:13px;
		font-weight:bold;
	}
	#point-back-2021 p .point-back-txt .strgmid {
		font-size:12px;
	}
	#point-back-2021 p .point-back-txt .strgmid:before {
		content:none;
	}
	#point-back-2021 p .point-back-txt .strgmid:after {
		content:none;
	}
	#point-back-2021 p .point-back-txt a {
		font-size:12px;
		margin-left:5px;
	}
}
/***--- Paid促進キャンペーン ---***/
.paid-campaign *{ box-sizing: border-box; }
.paid-campaign {
	background-color: #ffffff;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 17px 17px 19px;
	max-width: 1300px;
	margin: 10px auto 0;
	width: calc( 100% - 40px );
}
.paid-campaign .text-area {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding-right: 20px;
	margin-right: 20px;
	border-right: 1px solid #cccccc;
	flex-shrink: 0;
}
.paid-campaign .text-area .headline {
	font-size: 17px;
	background-color: #F3EDB1;
	padding: 10px 23px 6px;
	border-radius: 40px;
	position: relative;
}
.paid-campaign .text-area .headline::before {
	content: "";
	position: absolute;
	top: 100%;
	left: calc(50% - 5px);
	border-style: solid;
	border-color: #F3EDB1 transparent transparent transparent;
	border-width: 11px 8px 0 8px;
}
.paid-campaign .text-area .headline .logo {
	width: 67px;
	margin-bottom: -2px;
}
.paid-campaign .text-area .headline .wtitelank-text {
	display: block;
	font-weight: normal;
	font-size: 12px;
	margin-bottom: 3px;
}
.paid-campaign .explanation {
	display: flex;
	align-items: center;
	margin-top: 5px;
}
.paid-campaign .explanation .before {
	font-size: 24px;
	display: flex;
	align-items: center;
}
.paid-campaign .explanation .before::before {
	content: "";
	border-top: 3px solid #dc4d4d;
	width: 185px;
	position: absolute;
	transform: rotate(-7deg);
}
.paid-campaign .explanation .before > span {
	font-size: 15px;
	font-weight: normal;
	padding: 1px 6px 0;
	background-color: #eeeeee;
	border: solid 1px #333333;
	margin-right: 5px;
}
.paid-campaign .explanation .after {
	font-size: 44px;
	margin-left: 40px;
	position: relative;
}
.paid-campaign .explanation .after::before {
	content: "";
	position: absolute;
	top: calc(50% - 13px);
	left: -16px;
	border-style: solid;
	border-color: transparent transparent transparent #dc4d4d;
	border-width: 10px 0 10px 10px;
}
.paid-campaign .explanation .after::after {
	content: "";
	position: absolute;
	top: calc(50% - 8px);
	left: -28px;
	width: 13px;
	height: 10px;
	background-color: #dc4d4d;
}
.paid-campaign .explanation .after > span { font-size: 32px; }
.paid-campaign .date {
	font-size: 19px;
	position: relative;
	margin-top: -10px;
}
.paid-campaign .date::before,
.paid-campaign .date::after {
	content: "";
	position: absolute;
	top: calc(50% - 10px);
	width: 7px;
	height: 17px;
	border: 1px solid #333333;
}
.paid-campaign .date::before {
	left: -22px;
	border-right: none;
}
.paid-campaign .date::after {
	right: -22px;
	border-left: none;
}
.paid-campaign .date .small{ font-size: 15px; }
.paid-campaign .note {
	font-size: 13px;
	line-height: 1.7;
}
.paid-campaign .note .text-link { text-decoration: underline; }

/* TAB/SP */
@media screen and (max-width: 940px) {
	.paid-campaign {
		flex-direction: column;
		padding: 17px 2% 20px;
		margin: 15px 0 0;
		width: 100%;
	}
	.paid-campaign .text-area {
		padding-right: 0;
		margin-right: 0;
		padding-bottom: 13px;
		margin-bottom: 13px;
		border-right: none;
		border-bottom: 1px solid #cccccc;
		width: 94%;
		max-width: 528px;
	}
	.paid-campaign .text-area .headline { font-size: 14px; }
	.paid-campaign .text-area .headline .logo { width: 57px; }
	.paid-campaign .text-area .headline .wtitelank-text {
		font-size: 11px;
		margin-bottom: 3px;
	}
	.paid-campaign .explanation .before { font-size: 18px; }
	.paid-campaign .explanation .before::before { width: 146px; }
	.paid-campaign .explanation .before > span { font-size: 12px; }
	.paid-campaign .explanation .after {
		font-size: 35px;
		margin-left: 35px;
	}
	.paid-campaign .explanation .after::before {
		top: calc(50% - 11px);
		left: -14px;
		border-width: 8px 0 8px 8px;
	}
	.paid-campaign .explanation .after::after {
		top: calc(50% - 7px);
		left: -24px;
		width: 11px;
		height: 8px;
	}
	.paid-campaign .explanation .after > span { font-size: 25px; }
	.paid-campaign .date {
		font-size: 15px;
		margin-top: -8px;
	}
	.paid-campaign .date::before,
	.paid-campaign .date::after {
		top: calc(50% - 8px);
		width: 5px;
		height: 13px;
	}
	.paid-campaign .date::before { left: -20px; }
	.paid-campaign .date::after { right: -20px; }
	.paid-campaign .date .small{ font-size: 12px; }
	.paid-campaign .note {
		font-size: 12px;
		line-height: 1.4;
		width: 94%;
		max-width: 44.5em;
	}
}
/* SP */
@media screen and (max-width: 670px) {
	.paid-campaign .text-area .headline { padding: 10px 45px; }
}

/***--- Paid促進キャンペーン（新規入会） ---***/
.paid-campaign-newmembership {
	background-color: #ffffff;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 20px;
	max-width: 1300px;
	margin: 10px auto 0;
	width: calc( 100% - 40px );
}
.paid-campaign-newmembership .text-area {
	max-width: 560px;
	min-width: 560px;
	border-right: 1px solid #cccccc;
	margin-right: 20px;
	padding-right: 10px;
	flex-basis: 70%;
	font-size: 14px;
}
.paid-campaign-newmembership .text-area .date {
	display: inline-block;
	position: relative;
	padding: 5px 26px 3px;
	margin-bottom: 15px;
	color: #DC4D4D;
	background-color: #FFF7E1;
	font-size: 20px;
	font-weight: bold;
	border-radius: 20px;
	box-shadow: 0px 0px 3px rgba(136, 136, 136, 0.16);
}
.paid-campaign-newmembership .text-area .date::after {
	content: "";
	position: absolute;
	left: 60px;
	border-style: solid;
	border-color: #FFF7E1 transparent transparent transparent;
	border-width: 15px 10px 0 10px;
}
.paid-campaign-newmembership .text-area .date .small { font-size: 16px; }
.paid-campaign-newmembership .text-area .midashi { font-size: 19px; }
.paid-campaign-newmembership .text-area .midashi img {
	margin-bottom: -4px;
	padding-right: 5px;
}
.paid-campaign-newmembership .text-area .midashi .big { font-size: 26px; }
.paid-campaign-newmembership .text-area .desc {
	margin-top: 3px;
	margin-bottom: 4px;
	line-height: 1.6;
}
.paid-campaign-newmembership .detail {
	font-size: 12px;
	line-height: 1.8;
}
.paid-campaign-newmembership .detail a { text-decoration: underline; }

/* TAB/SP */
@media screen and (max-width: 940px) {
	.paid-campaign-newmembership {
		flex-direction: column;
		padding: 17px 10px 20px;
		margin: 15px 0 0;
		width: 100%;
	}
	.paid-campaign-newmembership .text-area {
		min-width: auto;
		border-right: none;
		border-bottom: 1px solid #cccccc;
		padding-bottom: 10px;
		padding-right: 0px;
		margin-bottom: 10px;
		margin-right: 0;
		max-width: 500px;
	}
	.paid-campaign-newmembership .text-area .date {
		padding: 5px 20px 3px;
		margin: 0 auto 15px;
		font-size: 16px;
	}
	.paid-campaign-newmembership .text-area .date .small { font-size: 12px; }
	.paid-campaign-newmembership .text-area .midashi {
		text-align: center;
		font-size: 16px;
	}
	.paid-campaign-newmembership .text-area .midashi img { width: 93px; }
	.paid-campaign-newmembership .text-area .midashi .big { font-size: 22px; }
	.paid-campaign-newmembership .text-area .desc {
		margin-top: 3px;
		margin-bottom: 4px;
	}
	.paid-campaign-newmembership .detail {
		max-width: 500px;
		line-height: 1.5;
	}
}
/* SP */
@media screen and (max-width: 670px) {
	.paid-campaign-newmembership .text-area { text-align: center; }
	.paid-campaign-newmembership .text-area .date::after {
		left: 50%;
		transform: translateX(-50%);
	}
	.paid-campaign-newmembership .text-area .desc,
	.paid-campaign-newmembership .text-area .link { text-align: left; }
}

/***--- Paid促進キャンペーン（CR利用者） ---***/
.paid-campaign-crmain {
	background-color: #ffffff;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 20px;
	max-width: 1300px;
	margin: 10px auto 0;
	width: calc( 100% - 40px );
}
.paid-campaign-crmain .text-area {
	max-width: 560px;
	min-width: 560px;
	border-right: 1px solid #cccccc;
	margin-right: 20px;
	padding-right: 10px;
	flex-basis: 70%;
	font-size: 14px;
}
.paid-campaign-crmain .text-area .date {
	display: inline-block;
	position: relative;
	padding: 5px 26px 3px;
	margin-bottom: 15px;
	color: #DC4D4D;
	background-color: #FFF7E1;
	font-size: 20px;
	font-weight: bold;
	border-radius: 20px;
	box-shadow: 0px 0px 3px rgba(136, 136, 136, 0.16);
}
.paid-campaign-crmain .text-area .date::after {
	content: "";
	position: absolute;
	left: 60px;
	border-style: solid;
	border-color: #FFF7E1 transparent transparent transparent;
	border-width: 15px 10px 0 10px;
}
.paid-campaign-crmain .text-area .date .small { font-size: 16px; }
.paid-campaign-crmain .text-area .midashi { font-size: 19px; }
.paid-campaign-crmain .text-area .midashi img {
	margin-bottom: -4px;
	padding-right: 5px;
}
.paid-campaign-crmain .text-area .midashi .big { font-size: 26px; }
.paid-campaign-crmain .text-area .desc {
	margin-top: 3px;
	margin-bottom: 4px;
	line-height: 1.6;
}
.paid-campaign-crmain .detail {
	font-size: 12px;
	line-height: 1.8;
}
.paid-campaign-crmain .detail a { text-decoration: underline; }
/* 期間延長　*/
.paid-campaign-crmain-wrap .title-area {
	max-width: 1300px;
	margin: 10px auto 0;
	width: calc( 100% - 40px );
	padding: 7px 10px 2px;
	background-color: #DC4D4D;
	text-align: center;
	color: #FFF;
	font-size: 22px;
	font-weight: 600;
}
.paid-campaign-crmain-wrap .paid-campaign-crmain {
	margin-top: 0;
	border: 2px solid #DC4D4D;
}

/* TAB/SP */
@media screen and (max-width: 940px) {
	.paid-campaign-crmain {
		flex-direction: column;
		padding: 17px 10px 20px;
		margin: 15px 0 0;
		width: 100%;
	}
	.paid-campaign-crmain .text-area {
		min-width: auto;
		border-right: none;
		border-bottom: 1px solid #cccccc;
		padding-bottom: 10px;
		padding-right: 0px;
		margin-bottom: 10px;
		margin-right: 0;
		max-width: 500px;
	}
	.paid-campaign-crmain .text-area .date {
		padding: 5px 20px 3px;
		margin: 0 auto 15px;
		font-size: 16px;
	}
	.paid-campaign-crmain .text-area .date .small { font-size: 12px; }
	.paid-campaign-crmain .text-area .midashi {
		text-align: center;
		font-size: 16px;
	}
	.paid-campaign-crmain .text-area .midashi img { width: 93px; }
	.paid-campaign-crmain .text-area .midashi .big { font-size: 22px; }
	.paid-campaign-crmain .text-area .desc {
		margin-top: 3px;
		margin-bottom: 4px;
	}
	.paid-campaign-crmain .detail {
		max-width: 500px;
		line-height: 1.5;
	}
	/* 期間延長　*/
	.paid-campaign-crmain-wrap .title-area {
		width: 100%;
		padding: 10px 5px 6px;
		font-size: 17px;
	}
}
/* SP */
@media screen and (max-width: 670px) {
	.paid-campaign-crmain .text-area { text-align: center; }
	.paid-campaign-crmain .text-area .date::after {
		left: 50%;
		transform: translateX(-50%);
	}
	.paid-campaign-crmain .text-area .desc,
	.paid-campaign-crmain .text-area .link { text-align: left; }
	/* 期間延長　*/
	.paid-campaign-crmain-wrap .title-area {
		padding: 11px 5px 8px;
		font-size: 15px;
	}
}

/***--- 出荷額に応じてポイント付与キャンペーン ---***/
.shipment-value-point-present *{ box-sizing: border-box; }
.shipment-value-point-present {
	background-color: #ffffff;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 20px;
	max-width: 1300px;
	margin: 10px auto 0;
	width: calc( 100% - 40px );
}
.shipment-value-point-present .date {
	font-size: 14px;
	color: #ffffff;
	background-color: #4786C8;
	width: 100%;
	max-width: 794px;
	padding: 3px 13px 2px;
	border-radius: 3px;
	letter-spacing: 0.05em;
	margin-bottom: 7px!important;
}
.shipment-value-point-present .date .font-big { font-size: 17px; }
.shipment-value-point-present .explanation-area {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	max-width: 794px;
}
.shipment-value-point-present .explanation-area .text-area .ttl {
	font-size: 19px;
	padding: 5px 36px 0 0;
	background: url('../image/icon_present_box_00.svg') right center no-repeat;
	margin-bottom: 3px;
	max-width: calc(23em + 36px);
	line-height: 1.6;
}
.shipment-value-point-present .explanation-area .text-area .note {
	font-size: 13px;
	line-height: 1.7;
}
.shipment-value-point-present .explanation-area .text-area .note a { text-decoration: underline; }
.shipment-value-point-present .explanation-area .point-table {
	border-collapse: collapse;
	width: calc(100% - 473px - 25px);
	font-size: 13px;
	text-align: center;
}
.shipment-value-point-present .explanation-area .point-table th,
.shipment-value-point-present .explanation-area .point-table td {
	border: 1px solid #cccccc;
}
.shipment-value-point-present .explanation-area .point-table th {
	background-color: #DBE8F7;
	padding: 5px 0 4px;
}
.shipment-value-point-present .explanation-area .point-table td {
	padding: 6px 0 5px;
	background-color: #ffffff;
}
/* TAB/SP */
@media screen and (max-width: 940px) {
	.shipment-value-point-present {
		flex-direction: column;
		padding: 17px 6% 20px;
		margin: 15px 0 0;
		width: 100%;
	}
	.shipment-value-point-present .date {
		font-size: 13px;
		width: auto;
	}
	.shipment-value-point-present .date .font-big { font-size: 16px; }
	.shipment-value-point-present .explanation-area {
		flex-direction: column;
		max-width: 425px;
	}
	.shipment-value-point-present .explanation-area .text-area .ttl {
		font-size: 16px;
		margin: 0 auto 5px!important;
		text-align: center;
	}
	.shipment-value-point-present .explanation-area .point-table {
		width: 100%;
		margin-top: 12px;
	}
}
/* SP */
@media screen and (max-width: 670px) {
	.shipment-value-point-present .explanation-area .text-area .ttl {
		width: calc( 14em + 36px );
		background-position: right bottom 4px;
	}
}
/***--- 未取引企業への初注文時は送料無料CP ---***/
.free-shipping-campaign *{ box-sizing: border-box; }
.free-shipping-campaign .orange { color: #E77100; }
.free-shipping-campaign.top {
	background-color: #ffffff;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 20px;
	max-width: 1300px;
	margin: 10px auto 0;
	width: calc( 100% - 40px );
}
.free-shipping-campaign.top .title-area {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-right: 20px;
	padding-right: 20px;
	border-right: 1px solid #cccccc;
}
.free-shipping-campaign.top .title-area .sub-ttl {
	font-size: 13px;
	padding: 4px 15px 3px;
	background-color: #FFF598;
	border-radius: 20px;
	position: relative;
}
.free-shipping-campaign.top .title-area .sub-ttl:after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 7px 7px 0 7px;
	border-color: #FFF598 transparent transparent transparent;
	position: absolute;
	top: 100%;
	left: calc(50% - 7px);
}
.free-shipping-campaign.top .title-area .ttl .text01 {
	font-size: 14px;
	margin-top: 10px;
	margin-bottom: -5px;
}
.free-shipping-campaign.top .title-area .ttl .text01 .big { font-size: 18px; }
.free-shipping-campaign.top .title-area .ttl .text02 { font-size: 46px; }
.free-shipping-campaign.top .title-area .ttl .text02 .vertical {
	font-size: 21px;
	writing-mode: vertical-rl;
	margin-bottom: -0.15em;
}
.free-shipping-campaign.top .title-area .ttl .text02 img {
	width: 60px;
	height: auto;
	margin-bottom: -0.1em;
	margin-right: 5px;
	filter: invert(39%) sepia(80%) saturate(1165%) hue-rotate(9deg) brightness(99%) contrast(102%);
}
.free-shipping-campaign.top .title-area .date {
	font-size: 14px;
	padding: 3px 15px;
	width: 100%;
	background-color: #F1F1F1;
	border-top: 1px solid #333333;
	border-bottom: 1px solid #333333;
	margin-top: -3px;
}
.free-shipping-campaign.top .text-area {
	font-size: 15px;
	line-height: 1.6;
}
.free-shipping-campaign.top .text-area .note {
	font-size: 13px;
	line-height: 1.5;
	text-indent: -1em;
	margin-left: 1em;
	margin-top: 5px;
}
/* TAB/SP */
@media screen and (max-width: 940px) {
	.free-shipping-campaign.top {
		padding: 17px 3% 20px;
		margin: 15px 0 0;
		width: 100%;
	}
	.free-shipping-campaign.top .title-area {
		margin-right: 10px;
		padding-right: 10px;
		flex-shrink: 0;
	}
	.free-shipping-campaign.top .title-area .ttl .text01 { font-size: 13px; }
	.free-shipping-campaign.top .title-area .ttl .text01 .big { font-size: 17px; }
	.free-shipping-campaign.top .title-area .ttl .text02 {
		font-size: 44px;
		width: 270px;
	}
	.free-shipping-campaign.top .title-area .ttl .text02 .vertical { font-size: 20px; }
	.free-shipping-campaign.top .title-area .ttl .text02 img { width: 57px; }
	.free-shipping-campaign.top .title-area .date {
		font-size: 13px;
		max-width: 265px;
	}
	.free-shipping-campaign.top .text-area {
		font-size: 13px;
		max-width: 350px;
	}
	.free-shipping-campaign.top .text-area .note { font-size: 12px; }
}
/* SP */
@media screen and (max-width: 670px) {
	.free-shipping-campaign.top {
		flex-direction: column;
	}
	.free-shipping-campaign.top .title-area {
		margin-right: 0;
		padding-right: 0;
		border-right: none;
	}
	.free-shipping-campaign.top .text-area {
		font-size: 13px;
		margin-top: 10px;
	}
}