@charset "UTF-8";
/* ============================================================ */
/* スクエニヘッダ */
/* ============================================================ */
header#sqexHeader-black_rsp #spOnly,
header#sqexHeader-black_rsp #spOnly #phone-title,
header#sqexHeader-white_rsp #spOnly,
header#sqexHeader-white_rsp #spOnly #phone-title {
	overflow: hidden;
	height:22px;
}
@media screen and (max-width: 640px) {
	header#sqexHeader-black_rsp,
	header#sqexHeader-white_rsp {
		padding:7px 0;
	}
}
#sqexHeader-black_rsp #phone-title div.logo,
#sqexHeader-white_rsp #phone-title div.logo {
	width:145px;
	margin-left:7px;
	display:block;
	float:left;
}

	.sqex-header-container {
		display: flex;
		-webkit-align-items: center;
		align-items: center;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		float:right;
		height:100%;
		margin-right:10px;
	}
	/* ----- トグルボタン ----- */
	.sqex-header-open {
		line-height: 0;
	}
		.sqex-header-open img {
			width: 180px;
		}
	@media screen and (max-width: 560px) {
		.sqex-header-container {
			width:35%;
		}
		.sqex-header-open {
			width: 100%;
			maz-width:160px;
		}
			.sqex-header-open img {
				width: 100%;
			}
	}

/* ============================================================ */
/* スクエニ商品エリア */
/* ============================================================ */
.sqex-products {}
	.sqex-products a,
	.sqex-products p,
	.sqex-products div,
	.sqex-products span,
	.sqex-products ul,
	.sqex-products li {
		box-sizing: border-box;
		margin: 0;
		padding: 0;
		font-size: 12px;
		font-family: 'ヒラギノ角ゴシック Pro',
			'Hiragino Kaku Gothic Pro',
			メイリオ,
			Meiryo,
			游ゴシック体,
			'Yu Gothic',
			YuGothic,
			Osaka,
			'ＭＳ Ｐゴシック',
			'MS PGothic',
			sans-serif !important;
		list-style: none!important;
	}
	.sqex-products a {
		color: #c5c5c5;
		text-decoration: underline;
	}
		.sqex-products a:hover {
			text-decoration: none;
		}
	.sqex-products ul,
	.sqex-products ol {
		list-style: none;
	}
	.sqex-products-masker {z-index:10000000;}
	/* ========== ヘッダコンテナ ========== */
	.sqex-products-container {
		position: absolute;
		width: 100%;
		border-bottom: 1px solid #838383;
		background-color: rgba(29,29,29,0.9);
	}
	/* ========== 左右ボタン ========== */
	.sqex-products-button-next,
	.sqex-products-button-prev {
		overflow: hidden;
		position: absolute;
		z-index: 2000;
		top: 0;
		bottom: 0;
		margin: auto !important;
		width: 40px;
		height: 140px;
	}
	.sqex-products-button-next {
		right: 0;
	}
		/* ----- ボタン半円部分 ----- */
		.sqex-products-button-next a,
		.sqex-products-button-prev a {
			cursor: pointer;
			display: block;
			position: absolute;
			width: 0;
			height: 0;
			border-top: 70px solid #404040;
			border-right: 80px solid #404040;
			border-bottom: 70px solid #404040;
			border-left: 80px solid #404040;
			border-radius: 50%;
		}
		/* 前へボタンを反転 */
		.sqex-products-button-prev a {
			right: 0;
		}
		/* ----- 矢印アイコン ----- */
		.sqex-products-button-next a:after,
		.sqex-products-button-next a:before,
		.sqex-products-button-prev a:after,
		.sqex-products-button-prev a:before {
			content: "";
			position: absolute;
			top: 0;
			bottom: 0;
			left: 0;
			right: 0;
			margin: auto;
			display: block;
			width: 12px;
			height: 3px;
			border: 0px solid transparent;
			border-radius: 6px;
			background-color: #fff;
		}
		.sqex-products-button-next a:after,
		.sqex-products-button-next a:before {
			left: -115px;
		}
		.sqex-products-button-prev a:after,
		.sqex-products-button-prev a:before {
			right: -115px;
		}
		/* 次へ */
		.sqex-products-button-next a:after {
			top: -7px;
			transform: rotate(45deg);
		}
		.sqex-products-button-next a:before {
			top: 7px;
			transform: rotate(-45deg);
		}
		/* 前へ */
		.sqex-products-button-prev a:after {
			top: 7px;
			transform: rotate(45deg);
		}
		.sqex-products-button-prev a:before {
			top: -7px;
			transform: rotate(-45deg);
		}
		/* 無効状態 */
		.sqex-products-button-prev.swiper-button-disabled,
		.sqex-products-button-next.swiper-button-disabled {
			cursor: default;
			opacity: 0.3;
		}

	/* ========== 閉じるボタン ========== */
	.sqex-products-button-close {
		position: absolute;
		z-index: 2000;
		top: 0;
		right: 5%;
	}
		.sqex-products-button-close a {
			position: relative;
			display: block;
			width: 46px;
			height: 40px;
			border: 0px solid transparent;
			background-color: rgba(0,0,0,0.8);
			border-bottom-right-radius: 10px;
			border-bottom-left-radius: 10px;
		}
			/* ばつアイコン */
			.sqex-products-button-close a:after,
			.sqex-products-button-close a:before {
				content: "";
				display: block;
				position: absolute;
				left: 0;
				right: 0;
				top: -2px;
				bottom: 0;
				margin: auto;
				width: 26px;
				height: 1px;
				border: 1px solid #747474;
				border-radius: 6px;
				background-color: #747474;
			}
			.sqex-products-button-close a:after {
				transform: rotate(45deg);
			}
			.sqex-products-button-close a:before {
				transform: rotate(-45deg);
			}

	/* ========== 商品リスト ========== */
	.sqex-products .sqex-products-list {
		margin-right: auto;
		margin-left: auto;
		padding-top: 15px;
		padding-bottom: 15px;
		width: 1120px;
	}
	/* ----- 商品表示エリアの横幅 ----- */
	/* ３列 */
	@media screen and (max-width: 1280px) {
		.sqex-products .sqex-products-list {
			width: 840px;
		}
	}
	/* ２列 */
	@media screen and (max-width: 1000px) {
		.sqex-products .sqex-products-list {
			width: 560px;
		}
	}
	/* １列 */
	@media screen and (max-width: 720px) {
		.sqex-products .sqex-products-list {
			width: 280px;
		}
	}
	/* ----- 商品１セル ----- */
	.sqex-products .sqex-products-item {
		padding-left: 15px;
		width: 280px;
	}
		/* ボーダー：左にボーダーをつける */
		.sqex-products .swiper-slide-visible .sqex-products-item {
			box-shadow: 2px 0 0 0 #4a4a4a inset;
		}
		/* アクティブなスライド（左はじ）にはボーダーをつけない */
		.sqex-products .swiper-slide-visible.swiper-slide-active .sqex-products-item {
			box-shadow: none;
		}
	/* ----- 商品名 ----- */
	.sqex-products-item-head {
		color: #fff;
		font-weight: bold;
	}
	/* ----- 商品イメージと商品リンク格納 ----- */
	.sqex-products .sqex-products-item-box {
		display: flex;
		margin-top: 5px;
		width: 260px;
	}
	/* ----- 商品イメージ ----- */
	.sqex-products-item-image {
		display: flex;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-align-items: center;
		align-items: center;
		width: 120px;
		height: 120px;
	}
		.sqex-products-item-image img {
			max-width: 120px;
			max-height: 120px;
			width: initial!important;
		}
	/* ----- 商品リンク ----- */
	.sqex-products-item-link {
		display: flex;
		-webkit-align-items: center;
		align-items: center;
		min-height: 120px;
		max-width:140px;
	}
		.sqex-products-item-link ul {
			padding-left: 15px;
		}
		.sqex-products-item-link li {
			margin-top: 8px;
			margin-bottom: 8px;
			position: relative;
		}
		.sqex-products-item-link a {
			display: block;
			position: relative;
			padding-left: 25px;
			color: #c5c5c5;
		}
		/* ----- 赤丸矢印アイコン ----- */
		.sqex-products-item-link li:before,
		.sqex-products-item-link a:after,
		.sqex-products-item-link a:before {
			content: "";
			display: block;
			position: absolute;
			left: 0;
			top: 0;
			bottom: 0;
			margin: auto;
			box-sizing: unset !important;
		}
		/* 赤丸 */
		.sqex-products-item-link li:before {
			width: 20px;
			height: 20px;
			border: 0px solid transparent;
			border-radius: 50%;
			background-color: #b01717;
		}
		/* 矢印 */
		.sqex-products-item-link a:after,
		.sqex-products-item-link a:before {
			left: 7px;
			width: 6px;
			height: 0;
			border: 1px solid #efd1d1;
			border-radius: 6px;
		}
		.sqex-products-item-link a:after {
			bottom: -5px;
			transform: rotate(-45deg);
		}
		.sqex-products-item-link a:before {
			top: -5px;
			transform: rotate(45deg);
		}
	/* ----- その他の商品 ----- */
	.sqex-products .sqex-products-other {
		display: flex;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-align-items: center;
		align-items: center;
		margin-top: 5px;
		width: 120px;
		height: 120px;
		background-color: #363636;
	}
		.sqex-products-other a {
			text-align: center;
		}