@charset "UTF-8";

/* ====================
reset
==================== */
.sc-container {
	background:#ffffff;
}
@media screen and (max-width: 767px) {
	.sc-container {
		background:#ffffff;
	}
}
@media screen and (min-width: 768px) {
	.sc-container, .sc-container * {
		margin: 0;
		padding: 0;
		box-sizing: border-box;
	}
}

@media screen and (max-width: 767px) {
	.sc-container, .sc-container * {
		margin: 0;
		padding: 0;
		box-sizing: border-box;
		text-align: left;
	}
}


.sc-container img {
	border: 0;
	height: auto;
}

.sc-container li {
	list-style: none;
}
@media screen and (max-width: 767px) {
	.sc-container th {
		text-align: left;
	}
}
/* .sc-container h1, .sc-container h2,
.sc-container h3, .sc-container h4 {
	font-size: 100%;
	font-weight: normal;
} */
@media screen and (min-width: 768px) {
	button{
		background-color: transparent;
		border: none;
		cursor: pointer;
		outline: none;
		padding: 0;
		appearance: none;
	}
}
@media screen and (max-width: 767px) {
	.shoplogo-wrap {
		margin-bottom: 0;
	}
}


/* ====================
PFEC追加
==================== */
@media screen and (min-width: 768px) {
	#main .container-fluid {
		max-width: 100%;
	}
}
@media screen and (max-width: 767px) {
	#main .container-fluid {
		padding-left: 0px;
		padding-right: 0px;
	}
}

.sc-container a,
.sc-container a:link,
.sc-container a:visited,
.sc-container a:active {
    color: #231815;
}
@media screen and (min-width: 768px) {
	.sc-container a[href] img,
	.sc-container a[href] {
		-webkit-transition: .4s;
		transition: .4s;
	}
}

/* ====================
***
==================== */
img {
	height: auto;
}
.view-pc {
	display: block;
}
@media screen and (max-width: 767px) {
	.view-pc {
		display: none;
	}
}
.view-sp {
	display: none;
}
@media screen and (max-width: 767px) {
	.view-sp {
		display: block;
	}
}
@media screen and (min-width: 768px) {
	.sc-container {
		width: 100%;
		margin: 68px auto 0;
		padding-top: 0;
		padding-bottom: 170px;
		font-size: 16px;
		font-family: "Noto Sans JP", sans-serif;
		font-weight: 400;
		line-height: normal;
		overflow: hidden;
		font-feature-settings: normal;
		background-color: #e6e8d4;
		color: #111111;
	}
}
@media screen and (max-width: 767px) {
	.sc-container {
		font-family: "Noto Sans JP", sans-serif;
		font-size: calc(32 / 780 * 100vw);
		font-weight: 400;
		margin: calc(48 / 780 * 100vw) auto calc(124 / 780 * 100vw);
		padding-top: 0;
		padding-bottom: calc(200 / 780 * 100vw);
		width: 100%;
		min-height: 100%;
		height: auto;
		line-height: normal;
		background-color: #e6e8d4;
		color: #111111;
	}
}

@media screen and (min-width: 768px) {
	.sc-container strong {
		font-weight: bold;
	}
}
@media screen and (max-width: 767px) {
	.sc-container img {
		width: 100%;
		height: 100%;
	}
	
	.sc-container strong,
	.sc-container em {
		font-weight: bold;
	}
}

.sc-container a,
.sc-container a:link,
.sc-container a:visited,
.sc-container a:active {
	text-decoration: none;
}
@media screen and (max-width: 767px) {
	.sc-container a,
	.sc-container a:link,
	.sc-container a:visited,
	.sc-container a:active {
		opacity: 1;
	}
}
@media screen and (min-width: 768px) {
	.sc-container a:hover {
		opacity: 0.8;
	}
	
	.sc-container a:hover img {
		opacity: 0.8;
	}
	
	.sc-container a.btn:hover {
		opacity: 0.68;
		transition: 0.4s ease;
	}
	
	.sc-container a:focus {
		outline: none;
	}
}


/* ====================
line
==================== */
.line {
	background: -webkit-linear-gradient(rgba(250, 199, 79, 1), rgba(250, 199, 79, 1)) 0 100%/0 30% no-repeat;
	background: linear-gradient(rgba(250, 199, 79, 1), rgba(250, 199, 79, 1)) 0 100%/0 30% no-repeat;
}

.line.scrollin {
	background-size: 100% 30%;
}

/* ====================
hero
==================== */
@media screen and (max-width: 767px) {
	.hero {
		background-color: #e6e8d4;
		padding-top: 0;
		padding-bottom: 0;
		width: 100%;
		margin: 0 auto;
	}
	.hero-image {
		width: 100%;
		margin: 0 auto;
	}
	.hero-lead {
		width: calc(650 / 780 * 100vw);
		margin: 0 auto 0;
		font-size: calc(36 / 780 * 100vw);
		font-weight: 700;
		line-height: calc(56 / 36);
		letter-spacing: 0.06em;
	}
	.hero-lead.start {
		margin-top: calc(23 / 780 * 100vw);
	}
	.hero-text {
		width: calc(650 / 780 * 100vw);
		margin: 0 auto 0;
		line-height: calc(52 / 32);
		padding-top: calc(6 / 780 * 100vw);
	}
	.hero-text em {
		font-weight: 700;
	}
}

@media screen and (min-width: 768px) {
	.hero {
		width: 100%;
		margin: 0 auto;
		padding-top: 0;
		padding-bottom: 39px;
	}
	.hero-image {
		width: 546px;
		margin: 0 auto;
	}
	.hero-lead {
		margin: 0 auto 0;
		font-size: 24px;
		font-weight: 700;
		line-height: calc(38 / 24);
		letter-spacing: 0.06em;
		text-align: center;
	}
	.hero-lead.start {
		margin-top: -6px;
	}

	.hero-text {
		line-height: calc(27 / 16);
		text-align: center;
		margin-top: 22px;
	}
	.hero-text em {
		font-weight: 700;
		font-size: 24px;
	}
}

/* ====================
timer
==================== */
@media screen and (max-width: 767px){
	.cdt-title {
		display: block;
		margin: calc(102 / 780 * 100vw) auto 0;
		font-weight: 700;
		font-size: calc(40 / 780 * 100vw);
		line-height: 1;
		text-align: center;
		letter-spacing: normal;
		position: relative;
	}
	.cdt-title span {
		font-size: calc(44 / 780 * 100vw);
	}
	.cdt-title::after {
		content: "";
		display: block;
		position: absolute;
		background-image: url(https://tt405.win-win.partners/Test/169_PokerFace/pfcontents/special/membersfesta2509/img/bg_cdt-title.png);
		background-position: left top;
		background-size: cover;
		background-repeat: no-repeat;
		width: calc(456 / 780 * 100vw);
		height: calc(55 / 780 * 100vw);
		left: calc(50% - calc(456 / 780 * 100vw) / 2);
		bottom: calc(-10 / 780 * 100vw);
	}
}

@media (min-width: 768px) {
	.cdt-title {
		display: block;
		margin: 30px auto 0;
		font-weight: 700;
		font-size: 28px;
		line-height: 1;
		text-align: center;
		letter-spacing: 0.04em;
		position: relative;
	}
	.cdt-title span {
		font-size: 34px;
	}
	.cdt-title::after {
		content: "";
		display: block;
		position: absolute;
		background-image: url(https://tt405.win-win.partners/Test/169_PokerFace/pfcontents/special/membersfesta2509/img/bg_cdt-title_pc.png);
		background-position: left top;
		background-size: contain;
		background-repeat: no-repeat;
		width: 368px;
		height: 40px;
		left: calc(50% - 184px);
		bottom: -10px;
	}
}

@media screen and (max-width: 767px){
	.cdt_wrapper {
		display: flex;
		justify-content: center;
		align-items: center;
		margin: calc(38 / 780 * 100vw) 0 0;
		background-color: #f7b84c;
		font-weight: 700;
		text-align: center;
		padding: calc(36 / 780 * 100vw) 0;
	}
}

@media (min-width: 768px) {
	.cdt_wrapper {
		display: flex;
		justify-content: center;
		align-items: center;
		margin: 27px 0 0;
		background-color: #f7b84c;
		font-weight: 700;
		text-align: center;
		padding: 20px 0;
	}
}

@media screen and (max-width: 767px){
	.cdt_wrapper small {
		padding: 0 calc(20 / 780 * 100vw) 0;
		font-weight: 700;
		font-size: calc(36 / 780 * 100vw);
		line-height: 1;
	}
}

@media (min-width: 768px) {
	.cdt_wrapper small {
		padding: 0 10px 0;
		font-weight: 700;
		font-size: 26px;
		line-height: 1;
	}
}

.cdt {
	display: flex;
	align-items: center;
	justify-content: center;
}

@media screen and (max-width: 767px){
	.cdt_wrapper small.end-text {
		display: block;
		margin-left: -10px;
		padding: 0.4em;
		font-weight: 700;
		font-size: 20px;
	}
}

@media (min-width: 768px) {
	.cdt_wrapper small.end-text {
		display: block;
		margin-left: -10px;
		padding: 0.4em;
		font-weight: 700;
		font-size: 28px;
	}
}

@media screen and (max-width: 767px){
	.cdt_text {
		display: inline-block;
		font-weight: 700;
		font-size: 18px;
	}
}

@media (min-width: 768px) {
	.cdt_text {
		display: inline-block;
		font-weight: 700;
		font-size: 28px;
	}
}

@media screen and (max-width: 767px){
	.cdt_date {
		color: #ffffff;
		display: inline-flex;
		align-items: flex-end;
	}
}

@media (min-width: 768px) {
	.cdt_date {
		color: #ffffff;
		display: inline-flex;
		align-items: flex-end;
	}
}

@media screen and (max-width: 767px){
	.cdt_num {
		display: inline-block;
		width: calc(90 / 780 * 100vw);
		height: calc(90 / 780 * 100vw);
		background-color: #ffffff;
		font-weight: 700;
		font-size: calc(64 / 780 * 100vw);
		font-family: Roboto, Arial, Helvetica, Verdana, 'Noto Sans JP', sans-serif;
		line-height: calc(90 / 780 * 100vw);
		text-align: center;
		color: #111111;
	}
}

@media (min-width: 768px) {
	.cdt_num {
		display: inline-block;
		width: 85px;
		height: 85px;
		background-color: #ffffff;
		font-weight: 700;
		font-size: 50px;
		font-family: Roboto, Arial, Helvetica, Verdana, 'Noto Sans JP', sans-serif;
		line-height: 85px;
		text-align: center;
		color: #111111;
	}
}


/* ====================
cp-note
==================== */
@media screen and (max-width: 767px){
	.cp-note {
		width: calc(708 / 780 * 100vw);
		margin: calc(73 / 780 * 100vw) auto 0;
		padding-top: calc(96 / 780 * 100vw);
		padding-bottom: calc(100 / 780 * 100vw);
		background: #f5f6ee;
	}
	
}
@media screen and (min-width: 768px){
	.cp-note {
		width: 880px;
		margin: 100px auto 0;
		padding-top: 59px;
		padding-bottom: 80px;
		background: #f5f6ee;
	}
}

@media screen and (max-width: 767px){
	.cp-note-item {
		width: calc(568 / 780 * 100vw);
		margin: 0 auto;
	}
	.cp-note-item:not(:first-child) {
		padding-top: calc(58 / 780 * 100vw);
	}
	
}
@media screen and (min-width: 768px){
	.cp-note-item {
		width: 640px;
		margin: 0 auto;
	}
	.cp-note-item:not(:first-child) {
		padding-top: 52px;
	}
}

@media screen and (max-width: 767px){
	.cp-title {
		margin: 0 auto;
		font-weight: 700;
		line-height: 1;
		text-align: center;
		font-size: calc(30 / 780 * 100vw);
		padding: 0;
		letter-spacing: 0.08em;
	}
	
}
@media screen and (min-width: 768px){
	.cp-title {
		margin: 0 auto;
		font-weight: 700;
		line-height: 1;
		text-align: center;
		font-size: 18px;
		padding: 0;
	}
}

@media screen and (max-width: 767px){
	.cp-list {
		margin-top: calc(40 / 780 * 100vw);
	}
	
}
@media screen and (min-width: 768px){
	.cp-list {
		margin-top: 23px;
	}
}

@media screen and (max-width: 767px){
	.cp-list-item {
		font-size: calc(28 / 780 * 100vw);
		line-height: calc(46 / 28);
		text-indent: -1em;
		padding-left: 1em;
	}
	.cp-list-item:not(:first-child) {
		padding-top: calc(20 / 780 * 100vw);
	}
	.cp-list-item span {
		color: #707070;
		font-size: calc(22 / 780 * 100vw);
		font-weight: 500;
		letter-spacing: 0.08em;
		border: calc(3 / 780 * 100vw) solid #888888;
		padding: 0 calc(20 / 780 * 100vw) 0 calc(20 / 780 * 100vw);
        margin: 0 calc(12 / 780 * 100vw) 0 calc(14 / 780 * 100vw);
	}
	
}
@media screen and (min-width: 768px){
	.cp-list-item {
		line-height: calc(30 / 16);
	}
	.cp-list-item:not(:first-child) {
		padding-top: 4px;
	}
	.cp-list-item span {
		color: #707070;
		font-size: 14px;
		font-weight: 500;
		letter-spacing: 0.08em;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 160px;
		height: 24px;
		border: 2px solid #888888;
        margin: 0 4px 0 4px;
	}
}

@media screen and (max-width: 767px){
	.cp-text {
		margin-top: calc(42 / 780 * 100vw);
		font-size: calc(28 / 780 * 100vw);
		line-height: calc(46 / 28);
	}
	
}
@media screen and (min-width: 768px){
	.cp-text {
		margin-top: 23px;
		line-height: calc(26 / 16);
	}
}

@media screen and (max-width: 767px){
	.coupon-code {
		padding-top: calc(29 / 780 * 100vw);
		padding-bottom: calc(68 / 780 * 100vw);
	}
	.coupon-code-title {
		font-family: "Inter", sans-serif;
		font-weight: 400;
		font-size: calc(28 / 780 * 100vw);
		text-align: center;
	}
	.coupon-code-number {
		font-family: "Inter", sans-serif;
		font-weight: 700;
		font-size: calc(52 / 780 * 100vw);
		letter-spacing: 0.08em;
		padding-top: calc(13 / 780 * 100vw);
		text-align: center;
	}
}
@media screen and (min-width: 768px){
	.coupon-code {
		padding-top: 33px;
		padding-bottom: 42px;
	}
	.coupon-code-title {
		font-family: "Inter", sans-serif;
		font-weight: 400;
		font-size: 18px;
		text-align: center;
	}
	.coupon-code-number {
		font-family: "Inter", sans-serif;
		font-weight: 700;
		font-size: 36px;
		letter-spacing: 0.08em;
		padding-top: 7px;
		text-align: center;
	}
}


/* ====================
nav
==================== */
@media screen and (max-width: 767px){
	.nav {
		width: calc(690 / 780 * 100vw);
		margin: calc(160 / 780 * 100vw) auto 0;
	}
	
}
@media screen and (min-width: 768px){
	.nav {
		width: 880px;
		margin: 120px auto 0;
	}
}

@media screen and (max-width: 767px){
	.nav-title {
		width: calc(680 / 780 * 100vw);
		margin: 0 auto;
	}
}
@media screen and (min-width: 768px){
	.nav-title {
		width: 800px;
		margin: 0 auto;
	}
}

@media screen and (max-width: 767px){
	.nav-list {
		width: calc(690 / 780 * 100vw);
		margin: 0 auto;
		padding-top: calc(80 / 780 * 100vw);
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		column-gap: calc(30 / 780 * 100vw);
		row-gap: calc(51 / 780 * 100vw);
	}
	
}
@media screen and (min-width: 768px){
	.nav-list {
		width: 880px;
		margin: 0 auto;
		padding-top: 60px;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		column-gap: 20px;
		row-gap: 39px;
	}
}

@media screen and (max-width: 767px){
	.nav-list-item {
		width: calc(330 / 780 * 100vw);
		height: calc(220 / 780 * 100vw);
	}
	.nav-list-item a {
		display: block;
		width: 100%;
		height: 100%;
		position: relative;
		z-index: 1;
	}
	.nav-list-item a::after {
		content: "";
		display: block;
		position: absolute;
		top: calc(10 / 780 * 100vw);
		left: calc(10 / 780 * 100vw);
		width: calc(320 / 780 * 100vw);
		height: calc(210 / 780 * 100vw);
		background-color: #000000;
		z-index: -1;
	}
}
@media screen and (min-width: 768px){
	.nav-list-item {
		width: 280px;
		height: 145px;
	}
	.nav-list-item a {
		display: block;
		width: 100%;
		height: 100%;
		position: relative;
		z-index: 1;
	}
	.nav-list-item a::after {
		content: "";
		display: block;
		position: absolute;
		top: 5px;
		left: 5px;
		width: 275px;
		height: 140px;
		background-color: #000000;
		z-index: -1;
	}
}

@media screen and (max-width: 767px){
	.nav-label {
		position: absolute;
		top: 0;
		left: 0;
		width: calc(320 / 780 * 100vw);
		height: calc(210 / 780 * 100vw);
		background-color: #ffffff;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.nav-label img {
		width: auto;
		height: auto;
	}
	.nav-list-item:nth-child(1) .nav-label img {
		width: calc(195 / 780 * 100vw);
	}
	.nav-list-item:nth-child(2) .nav-label img {
		width: calc(179 / 780 * 100vw);
	}
	.nav-list-item:nth-child(3) .nav-label img {
		width: calc(211 / 780 * 100vw);
	}
	.nav-list-item:nth-child(4) .nav-label img {
		width: calc(137 / 780 * 100vw);
	}
	.nav-list-item:nth-child(5) .nav-label img {
		width: calc(131 / 780 * 100vw);
	}
	.nav-list-item:nth-child(6) .nav-label img {
		width: calc(167 / 780 * 100vw);
	}
}
@media screen and (min-width: 768px){
	.nav-label {
		position: absolute;
		top: 0;
		left: 0;
		width: 275px;
		height: 140px;
		background-color: #ffffff;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.nav-label img {
		width: auto;
		height: auto;
	}
}


/* ====================
itemarea
==================== */
@media screen and (max-width: 767px){
	.itemarea {
		width: 100%;
		margin: 0 auto;
	}
	.itemarea {
		padding-top: calc(160 / 780 * 100vw);
	}
}
@media screen and (min-width: 768px){
	.itemarea {
		width: 100%;
		margin: 0 auto;
	}
	.itemarea {
		padding-top: 60px;
		margin-top: 60px;
	}
}

@media screen and (max-width: 767px){
	.itemarea-label {
		width: calc(680 / 780 * 100vw);
		height: auto;
		margin: 0 auto;
		display: block;
	}
}
@media screen and (min-width: 768px){
	.itemarea-label {
		width: 800px;
		height: auto;
		margin: 0 auto;
		display: block;
	}
}

@media screen and (max-width: 767px){
	.itemarea-title {
		margin: 0 auto;
		padding-top: calc(60 / 780 * 100vw);
	}
	.itemarea-title img {
		width: auto;
		height: auto;
	}
	#eyevan .itemarea-title img {
		width: calc(323 / 780 * 100vw);
	}
	#ayame .itemarea-title img {
		width: calc(279 / 780 * 100vw);
	}
	#tomford .itemarea-title img {
		width: calc(328 / 780 * 100vw);
	}
	#jto .itemarea-title img {
		width: calc(212 / 780 * 100vw);
	}
	#olivergoldsmith .itemarea-title img {
		width: calc(203 / 780 * 100vw);
	}
	#eyevol .itemarea-title img {
		width: calc(259 / 780 * 100vw);
	}
}
@media screen and (min-width: 768px){
	.itemarea-title {
		margin: 0 auto;
		padding-top: 39px;
	}
	.itemarea-title img {
		width: auto;
		height: auto;
	}
}

@media screen and (max-width: 767px){
	.itemarea-lead {
		margin-top: calc(50 / 780 * 100vw);
		font-size: calc(26 / 780 * 100vw);
		text-align: center;
		line-height: calc(42 / 26);
		letter-spacing: 0.02em;
	}
	.itemarea-note {
		margin-top: calc(20 / 780 * 100vw);
		text-align: center;
		font-size: calc(24 / 780 * 100vw);
		line-height: calc(40 / 24);
	}
}
@media screen and (min-width: 768px){
	.itemarea-lead {
		margin-top: 32px;
		text-align: center;
		line-height: calc(30 / 16);
	}
	.itemarea-note {
		margin-top: 2px;
		text-align: center;
		font-size: 14px;
		line-height: calc(30 / 14);
	}
}


/* ====================
section > sc-itemlist
==================== */
@media screen and (max-width: 767px){
	.sc-itemlist {
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
		margin: 0 calc(36 / 780 * 100vw) calc(38 / 780 * 100vw);
		padding-top: calc(42 / 780 * 100vw);
	}
}

@media (min-width: 768px) {
	.sc-itemlist {
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
		width: 1180px;
		max-width: 100%;
		margin: 0 auto 60px;
		padding-top: 44px;
	}
}

@media screen and (max-width: 767px){
	.sc-itemlist .list {
		position: relative;
		width: calc((100% - calc(20 / 780 * 100vw)) / 2);
		margin: 0 0 calc(40 / 780 * 100vw);
		border-radius: calc(10 / 780 * 100vw);
		background: #ffffff;
		padding: calc(38 / 780 * 100vw) 0 calc(146 / 780 * 100vw);
	}
}
.sc-itemlist .list a {
	position: static;
}

@media (min-width: 768px) {
	.sc-itemlist .list {
		position: relative;
		width: calc((100% - 60px) / 4);
		margin: 0;
		border-radius: 5px;
		background: #ffffff;
		padding: 40px 0 104px;
	}
}

@media screen and (max-width: 767px){
	.sc-itemlist .list-image {
		display: block;
		width: 100%;
	}
}

@media (min-width: 768px) {
	.sc-itemlist .list-image {
		display: block;
		width: 240px;
		max-width: 100%;
		margin: 0 auto;
		text-align: center;
	}
}

.sc-itemlist .list-image .itemimage {
	display: block;
	position: relative;
	width: 100%;
	margin: 0;
	overflow: hidden;
}

.sc-itemlist .list-image .itemimage::before {
    display: block;
    padding-top: calc(100% * (200 / 240));
    overflow: hidden;
    content: "";
}

.sc-itemlist .list-image .itemimage .box {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.sc-itemlist .list-image .itemimage .box img {
	width: 100%;
	height: auto;
}

@media screen and (max-width: 767px){
	.sc-itemlist .item-btn {
		display: block;
		position: absolute;
		bottom: calc(42 / 780 * 100vw);
		left: calc(50% - 39.5%);
		padding: 0;
		width: calc(272.4 / 780 * 100vw);
		height: calc(46 / 780 * 100vw);
		border-radius: calc(50 / 780 * 100vw);
		background: #f7b84c;
		line-height: calc(calc(46 / 780 * 100vw) - 1px);
		text-align: center;
		color: #000000;
		font-weight: 700;
		font-size: calc(20 / 780 * 100vw);
		letter-spacing: 0.06em;
	}
	.sc-itemlist .item-btn span {
		text-align: center;
	}
	
	/* .sc-itemlist .item-btn::after {
		display: block;
		position: absolute;
		top: calc(50% - 3px);
		right: 10px;
		transform: rotate(45deg);
		width: 5px;
		height: 5px;
		border-top: 1px solid #000000;
		border-right: 1px solid #000000;
		content: "";
	} */
	.sc-itemlist a:hover,
	.sc-itemlist .item-btn:hover {
		opacity: 1;
	}
}


@media (min-width: 768px) {
	.sc-itemlist .item-btn {
		display: block;
		position: absolute;
		left: calc(50% - 39.5%);
		padding: 0;
		border-radius: 50px;
		background: #f7b84c;
		text-align: center;
		color: #000000;
		font-weight: 700;
		font-size: 11px;
		bottom: 40px;
		width: 78.6%;
		height: 40px;
		line-height: calc(40px - 2px);
		letter-spacing: 0.04em;
	}

	/* .sc-itemlist .item-btn::after {
		display: block;
		position: absolute;
		top: calc(50% - 3px);
		transform: rotate(45deg);
		border-top: 1px solid #000000;
		border-right: 1px solid #000000;
		content: "";
		right: 20px;
		width: 7px;
		height: 7px;
	} */
	
	.sc-itemlist a:hover,
	.sc-itemlist .item-btn:hover {
		opacity: 0.8;
	}
}
@media screen and (min-width: 768px) and (max-width: 1179px){
	.sc-itemlist .item-btn {
		font-size: 12px;
	}
}
@media screen and (min-width: 1180px){
	.sc-itemlist .item-btn {
		font-size: 16px;
	}
}

@media screen and (max-width: 767px){
	.sc-itemlist .item-desc {
		margin: 0 calc(34 / 780 * 100vw);
		font-size: 0;
		padding-top: calc(16 / 780 * 100vw);
	}
}

@media (min-width: 768px) {
	.sc-itemlist .item-desc {
		margin: 0 20px;
		font-size: 0;
		padding-top: 10px;
	}
}

@media screen and (max-width: 767px){
	.sc-itemlist .item-brand {
		margin: 0 9px 6px;
		font-weight: 700;
		font-size: 14px;
		line-height: 1.28;
	}
	
}

@media (min-width: 768px) {
	.sc-itemlist .item-brand {
		margin: 25px 20px 10px;
		font-weight: 700;
		font-size: 22px;
		line-height: 1.36;
	}
}

@media screen and (max-width: 767px){
	.sc-itemlist .label {
		display: inline-block;
		position: relative;
		width: 34%;
		font-weight: 500;
		font-size: calc(24 / 780 * 100vw);
		color: #000000;
		line-height: calc(38 / 24);
		vertical-align: top;
		text-align: left;
	}
	.sc-itemlist .label::after {
		display: block;
		position: absolute;
		content: "：";
		top: 0;
		right: calc(-2 / 780 * 100vw);
	}
}


@media screen and (min-width: 768px) and (max-width: 1179px){
	.sc-itemlist .label {
		display: inline-block;
		position: relative;
		width: 30%;
		font-weight: 500;
		font-size: 12px;
		color: #000000;
		line-height: 1.875;
		vertical-align: top;
		text-align: left;
	}
	.sc-itemlist .label::after {
		display: block;
		position: absolute;
		content: "：";
		top: 0;
		right: 0;
	}
}
@media screen and (min-width: 1180px){
	.sc-itemlist .label {
		display: inline-block;
		position: relative;
		width: 28%;
		font-weight: 500;
		font-size: 16px;
		color: #000000;
		line-height: 1.875;
		vertical-align: top;
		text-align: left;
	}
	.sc-itemlist .label::after {
		display: block;
		position: absolute;
		content: "：";
		top: 0;
		right: 2px;
	}
}

@media screen and (max-width: 767px){
	.sc-itemlist .item-name,
	.sc-itemlist .item-color,
	.sc-itemlist .item-price {
		display: inline-block;
		width: 65%;
		color: #000000;
		font-weight: 500;
		font-size: 12px;
		line-height: 1.58;
		vertical-align: top;
		text-align: left;
		margin-left: calc(2 / 780 * 100vw);
	}
	
	.sc-itemlist .item-price span {
		display: inline-block;
		font-weight: 500;
		font-size: 9px;
		vertical-align: 1px;
	}
	
}
@media screen and (min-width: 768px) and (max-width: 1179px){
	.sc-itemlist .item-name,
	.sc-itemlist .item-color,
	.sc-itemlist .item-price {
		display: inline-block;
		width: 70%;
		color: #000000;
		font-weight: 500;
		font-size: 12px;
		line-height: 1.875;
		vertical-align: top;
		text-align: left;
	}
	
	.sc-itemlist .item-price span {
		display: inline-block;
		font-weight: 500;
		font-size: 10px;
		vertical-align: 1px;
	}
}
@media screen and (min-width: 1180px){
	.sc-itemlist .item-name,
	.sc-itemlist .item-color,
	.sc-itemlist .item-price {
		display: inline-block;
		width: 72%;
		color: #000000;
		font-weight: 500;
		font-size: 16px;
		line-height: 1.875;
		vertical-align: top;
		text-align: left;
		margin-left: -2px;
	}
	
	.sc-itemlist .item-price span {
		display: inline-block;
		font-weight: 500;
		font-size: 14px;
		vertical-align: 1px;
	}
}
/* thumb-icon */
@media screen and (max-width: 767px){
	.thumb-icon {
		display: inline-block;
		position: absolute;
		top: calc(26 / 780 * 100vw);
		left: 0;
		padding: calc(6 / 780 * 100vw) calc(30 / 780 * 100vw);
		font-size: calc(20 / 780 * 100vw);
		line-height: 1;
		z-index: 1;
	}
}

.icon-pf {
	background: #4cbfef;
}

@media (min-width: 768px) {
	.thumb-icon {
		display: inline-block;
		position: absolute;
		top: 20px;
		left: 0;
		padding: 5px 19px;
		font-size: 14px;
		line-height: 1;
		z-index: 1;
	}
}


/* ====================
btn-area
==================== */
@media screen and (max-width: 767px){
	.btn-area {
		margin: 0 auto 0;
	}
	.cp-button {
		margin: 0 auto;
		padding: 0;
		width: calc(520 / 780 * 100vw);
		height: calc(90 / 780 * 100vw);
		border-radius: calc(90 / 780 * 100vw);
		line-height: calc(90 / 780 * 100vw);
		background-color: #f7b84c;
		text-align: center;
	}
	.cp-button span {
		font-size: calc(28 / 780 * 100vw);
		font-weight: 700;
		letter-spacing: 0.04em;
		text-align: center;
	}
	.brand-button {
		margin: 0 auto;
		padding: 0;
		width: calc(520 / 780 * 100vw);
		height: calc(90 / 780 * 100vw);
		border-radius: calc(90 / 780 * 100vw);
		line-height: calc(90 / 780 * 100vw);
		background-color: #f7b84c;
		text-align: center;
	}
	.brand-button span {
		font-size: calc(28 / 780 * 100vw);
		font-weight: 700;
		letter-spacing: 0.04em;
		text-align: center;
	}
}
@media screen and (min-width: 768px){
	.btn-area {
		margin: 0 auto 0;
	}
	.cp-button {
		margin: 0 auto;
		padding: 0;
		width: 466px;
		height: 60px;
		border-radius: 60px;
		line-height: 60px;
		background-color: #f7b84c;
		text-align: center;
	}
	.cp-button span {
		font-size: 18px;
		font-weight: 700;
		letter-spacing: 0.04em;
	}
	
	.brand-button {
		margin: 0 auto;
		padding: 0;
		width: 400px;
		height: 55px;
		border-radius: 55px;
		line-height: 55px;
		background-color: #f7b84c;
		text-align: center;
	}
	.brand-button span {
		font-size: 18px;
		font-weight: 700;
		letter-spacing: 0.04em;
	}
}



/* ====================
scroll
==================== */
.fadein{opacity:0;-webkit-transform:translateY(40px);transform:translateY(40px);}
.fadein.scrollin{opacity:1;-webkit-transition:.5s ease;transition:.5s ease;-webkit-transform:none;transform:none;}

.line.fadein{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}
.line.fadein.scrollin{-webkit-transition:.8s .4s ease;transition:.8s .4s ease;}